{"version":3,"file":"responsive-select.Bj3lpArU.js","sources":["../../../src/components/ui/icons/filter-icon.tsx","../../../src/components/ui/mobile-select.tsx","../../../src/components/ui/desktop-select.tsx","../../../src/components/ui/responsive-select.tsx"],"sourcesContent":["export default function FilterIcon({ className }: { className?: string })  {\n  return (\n    <svg width=\"24\" \n      height=\"24\" \n      viewBox=\"0 0 24 24\" \n      fill=\"none\" \n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}>\n      <g id=\"Frame\">\n      <path id=\"Vector\" d=\"M3 6H21\" stroke=\"black\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path id=\"Vector_2\" d=\"M7 12H17\" stroke=\"black\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path id=\"Vector_3\" d=\"M10 18H14\" stroke=\"black\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      </g>\n    </svg>\n  )\n}\n","import { ChevronDown } from 'lucide-react'\nimport { BottomSheet } from './bottom-sheet'\nimport FilterIcon from './icons/filter-icon'\nimport { cn } from '@lib/utils'\n\ninterface Props {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title: string\n  options: { value: string; label: string }[]\n  selectedValue: string | undefined\n  onSelect: (value: string) => void\n  scroll?: boolean /** Boolean flag to enable scrolling within the bottom sheet if content exceeds viewport height. */\n  filterIcon?: boolean\n  triggerClassName?: string\n  compact?: boolean\n}\n\n/**\n * MobileSelect component provides a mobile-friendly select interface using a bottom sheet.\n * Ensure `scroll` is set to `true` if the list of options exceeds the viewport height.\n * @param {Props} props - Component props containing open state, callbacks, options, and styling.\n */\nexport const MobileSelect = ({\n  open,\n  onOpenChange,\n  title,\n  options,\n  selectedValue,\n  onSelect,\n  scroll,\n  triggerClassName,\n  compact,\n  filterIcon\n}: Props) => {\n  const selectedLabel = options.find((option) => option.value === selectedValue)?.label || title\n  const rootClassName = compact ? 'select-component-compact' : 'select-component'\n\n  return (\n    <BottomSheet\n      triggerClassName={triggerClassName}\n      open={open}\n      onOpenChange={onOpenChange}\n      title={title}\n      trigger={\n        filterIcon ? (\n          <div className={rootClassName}>\n            <FilterIcon className=\"h-6 w-6\" />\n          </div>\n        ) : (\n          <div className={rootClassName}>\n            <p>{selectedLabel}</p>\n            <ChevronDown className=\"h-6 w-6\" />\n          </div>\n        )\n      }\n      scroll={scroll}\n    >\n      <ul>\n        {options.map((option) => (\n          <li key={option.value}>\n            <button\n              className={cn('px-[15px] py-[10px] w-full text-left', {\n                'bg-blue-50': selectedValue === option.value\n              })}\n              onClick={() => {\n                onSelect(option.value)\n                onOpenChange(false)\n              }}\n            >\n              {option.label}\n            </button>\n          </li>\n        ))}\n      </ul>\n    </BottomSheet>\n  )\n}\n","import {\n  SelectValue,\n  Select,\n  SelectTrigger,\n  SelectContent,\n  SelectItem\n} from '@components/ui/select'\nimport type { SelectOption } from './responsive-select'\n\ninterface Props {\n  options: SelectOption[]\n  selectedValue: string | undefined\n  onSelect: (value: string) => void\n  placeholder?: string\n  autoFocus?: boolean\n  triggerClassName?: string\n  compact?: boolean\n}\nexport const DesktopSelect = ({\n  options,\n  selectedValue,\n  onSelect,\n  placeholder = 'Select an option',\n  autoFocus = false,\n  triggerClassName = '',\n  compact = false\n}: Props) => {\n\n  return (\n    <Select value={selectedValue} onValueChange={(value) => onSelect(value)}>\n      <SelectTrigger className={triggerClassName} autoFocus={autoFocus} compact={compact}>\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent>\n        {options.map((option) => (\n          <SelectItem key={option.value} value={option.value}>\n            {option.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n","import { MobileSelect } from './mobile-select'\nimport { useState } from 'react'\nimport { DesktopSelect } from './desktop-select'\nimport { useMediaQuery } from './use-media-query'\n\nexport interface SelectOption {\n  value: string\n  label: string\n}\n\ninterface Props {\n  options: SelectOption[]\n  selectedValue: string | undefined\n  onSelect: (value: string) => void\n  placeholder?: string\n  scroll?: boolean\n  filterIcon?: boolean\n  autoFocus?: boolean\n  triggerClassName?: string\n  isPortalPage?: boolean\n  compact?: boolean\n}\n\nexport const ResponsiveSelect = ({\n  options,\n  selectedValue,\n  onSelect,\n  placeholder = 'Select an option',\n  scroll,\n  filterIcon,\n  autoFocus,\n  triggerClassName,\n  isPortalPage,\n  compact\n}: Props) => {\n  const isDesktop = !!isPortalPage || useMediaQuery('(min-width: 991px)')\n  const [openSelect, setOpenSelect] = useState(false)\n\n  return isDesktop ? (\n    <DesktopSelect\n      options={options}\n      selectedValue={selectedValue}\n      onSelect={(value) => {\n        onSelect(value)\n        setOpenSelect(false)\n      }}\n      placeholder={placeholder}\n      autoFocus={autoFocus}\n      triggerClassName={triggerClassName}\n      compact={compact}\n    />\n  ) : (\n    <MobileSelect\n      open={openSelect}\n      onOpenChange={setOpenSelect}\n      title={placeholder}\n      options={options}\n      selectedValue={selectedValue}\n      onSelect={(value) => {\n        onSelect(value)\n        setOpenSelect(false)\n      }}\n      scroll={scroll}\n      filterIcon={filterIcon}\n      triggerClassName={triggerClassName}\n      compact={compact}\n    />\n  )\n}\n"],"names":["FilterIcon","className","jsx","jsxs","MobileSelect","open","onOpenChange","title","options","selectedValue","onSelect","scroll","triggerClassName","compact","filterIcon","selectedLabel","option","rootClassName","BottomSheet","ChevronDown","cn","DesktopSelect","placeholder","autoFocus","Select","value","SelectTrigger","SelectValue","SelectContent","SelectItem","ResponsiveSelect","isPortalPage","isDesktop","useMediaQuery","openSelect","setOpenSelect","useState"],"mappings":"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"}