@raystack/apsara 0.41.2 → 0.42.0

package/dist/v1/components/calendar/range-picker.cjs

@@ -10,7 +10,7 @@ var textfield = require('../textfield/textfield.cjs');
 var calendar = require('./calendar.cjs');
 var calendar_module = require('./calendar.module.css.cjs');
 
-function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, placeholders, calendarProps, onSelect = () => { }, value = {
+function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldsProps = {}, placeholders, calendarProps, onSelect = () => { }, value = {
     to: new Date(),
     from: new Date(),
 }, pickerGroupClassName, children, showCalendarIcon = true, footer, }) {
@@ -59,7 +59,7 @@ function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps,
     function onOpenChange(open) {
         setShowCalendar(Boolean(open));
     }
-    const defaultTrigger = (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: startDate, trailing: showCalendarIcon ? jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps, placeholder: placeholders?.startDate || "Select start date" }), jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: endDate, trailing: showCalendarIcon ? jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps, placeholder: placeholders?.endDate || "Select end date" })] }));
+    const defaultTrigger = (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: startDate, trailing: showCalendarIcon ? jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, readOnly: true, ...(textFieldsProps.startDate ?? {}), placeholder: placeholders?.startDate || "Select start date" }), jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: endDate, trailing: showCalendarIcon ? jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}) : undefined, className: calendar_module.default.datePickerInput, readOnly: true, ...(textFieldsProps.endDate ?? {}), placeholder: placeholders?.endDate || "Select end date" })] }));
     const trigger = typeof children === 'function'
         ? children({ startDate, endDate })
         : children || defaultTrigger;

package/dist/v1/components/calendar/range-picker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"range-picker.cjs","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { useState } from \"react\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\n\nimport { Flex } from \"../flex\";\nimport { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  placeholders?: { startDate?: string; endDate?: string };\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n  showCalendarIcon?: boolean;\n  footer?: React.ReactNode;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  placeholders,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n  showCalendarIcon = true,\n  footer,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    \n    if (currentRangeField === \"to\") {\n      if (dayjs(selectedDay).isSame(dayjs(from), 'day')) {\n        // If same date is clicked twice, set end date to the same date for UI\n        newRange = {\n          from,\n          to: selectedDay\n        };\n      } else if (dayjs(selectedDay).isAfter(dayjs(from))) {\n        // If different date is selected and it's after start date\n        newRange = { from, to: selectedDay };\n      } else {\n        // If selected date is before start date, reset and select start day\n        newRange = { from: selectedDay };\n      }\n      setCurrentRangeField(\"from\");\n    } else {\n      // Reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    \n    setSelectedRange(newRange);\n    \n    // Return the range with +1 day for the end date in the callback\n    const callbackRange = {\n      from: newRange.from,\n      to: newRange.to ? dayjs(newRange.to).add(1, 'day').toDate() : undefined\n    };\n    onSelect(callbackRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n        placeholder={placeholders?.startDate || \"Select start date\"}\n      />\n      <TextField\n        value={endDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n        placeholder={placeholders?.endDate || \"Select end date\"}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function' \n    ? children({ startDate, endDate }) \n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n        {footer && (\n          <Flex align=\"center\" justify=\"center\" className={styles.calendarFooter}>\n            {footer}\n          </Flex>\n        )}\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["useState","dayjs","_jsxs","Flex","_jsx","TextField","CalendarIcon","styles","Popover","Calendar"],"mappings":";;;;;;;;;;;;AA4BM,SAAU,WAAW,CAAC,EAC1B,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,YAAY,EACzB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,QAAQ,GAAG,MAAO,GAAC,EACnB,KAAK,GAAG;IACN,EAAE,EAAE,IAAI,IAAI,EAAE;IACd,IAAI,EAAE,IAAI,IAAI,EAAE;CACjB,EACD,oBAAoB,EACpB,QAAQ,EACR,gBAAgB,GAAG,IAAI,EACvB,MAAM,GACW,EAAA;IACjB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAc,MAAM,CAAC,CAAC;IAChF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,GAAGC,iBAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;IACzF,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,GAAGA,iBAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;;;;AAKnF,IAAA,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,WAAiB,KAAI;QAC3D,MAAM,IAAI,GAAG,aAAa,EAAE,IAAI,IAAI,KAAK,EAAE,IAAI,CAAC;AAChD,QAAA,IAAI,QAAmB,CAAC;AAExB,QAAA,IAAI,iBAAiB,KAAK,IAAI,EAAE;AAC9B,YAAA,IAAIA,iBAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAACA,iBAAK,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE;;AAEjD,gBAAA,QAAQ,GAAG;oBACT,IAAI;AACJ,oBAAA,EAAE,EAAE,WAAW;iBAChB,CAAC;aACH;AAAM,iBAAA,IAAIA,iBAAK,CAAC,WAAW,CAAC,CAAC,OAAO,CAACA,iBAAK,CAAC,IAAI,CAAC,CAAC,EAAE;;gBAElD,QAAQ,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC;aACtC;iBAAM;;AAEL,gBAAA,QAAQ,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;aAClC;YACD,oBAAoB,CAAC,MAAM,CAAC,CAAC;SAC9B;aAAM;;AAEL,YAAA,QAAQ,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;YACjC,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;QAED,gBAAgB,CAAC,QAAQ,CAAC,CAAC;;AAG3B,QAAA,MAAM,aAAa,GAAG;YACpB,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAGA,iBAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,GAAG,SAAS;SACxE,CAAC;QACF,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC1B,KAAC,CAAC;IAEF,SAAS,YAAY,CAAC,IAAc,EAAA;AAClC,QAAA,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;KAChC;IAED,MAAM,cAAc,IAClBC,iCAAA,CAACC,SAAI,EAAC,EAAA,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,oBAAoB,aAClDC,gCAAC,CAAAC,mBAAS,IACR,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,gBAAgB,GAAGD,gCAAA,CAACE,2BAAY,EAAG,EAAA,CAAA,GAAG,SAAS,EACzD,SAAS,EAAEC,uBAAM,CAAC,eAAe,EACjC,QAAQ,EAAA,IAAA,EAAA,GACJ,cAAc,EAClB,WAAW,EAAE,YAAY,EAAE,SAAS,IAAI,mBAAmB,EAAA,CAC3D,EACFH,gCAAC,CAAAC,mBAAS,IACR,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,gBAAgB,GAAGD,gCAAA,CAACE,2BAAY,EAAA,EAAA,CAAG,GAAG,SAAS,EACzD,SAAS,EAAEC,uBAAM,CAAC,eAAe,EACjC,QAAQ,EACJ,IAAA,EAAA,GAAA,cAAc,EAClB,WAAW,EAAE,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAA,CACvD,CACG,EAAA,CAAA,CACR,CAAC;AAEF,IAAA,MAAM,OAAO,GAAG,OAAO,QAAQ,KAAK,UAAU;UAC1C,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAClC,UAAE,QAAQ,IAAI,cAAc,CAAC;IAE/B,QACEL,kCAACM,eAAO,EAAA,EAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EACrD,QAAA,EAAA,CAAAJ,gCAAA,CAACI,eAAO,CAAC,OAAO,IAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACrB,OAAO,EAAA,CACQ,EAClBN,iCAAA,CAACM,eAAO,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAED,uBAAM,CAAC,eAAe,aAC5DH,gCAAC,CAAAK,iBAAQ,IACP,eAAe,EAAE,KAAK,EACtB,cAAc,EAAE,CAAC,EACjB,YAAY,EAAE,aAAa,CAAC,IAAI,EAChC,QAAQ,EAAE,IAAI,EAAA,GACV,aAAa,EACjB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,CAAA,EACD,MAAM,KACLL,gCAAC,CAAAD,SAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAEI,uBAAM,CAAC,cAAc,EACnE,QAAA,EAAA,MAAM,GACF,CACR,CAAA,EAAA,CACe,CACV,EAAA,CAAA,EACV;AACJ;;;;"}
+{"version":3,"file":"range-picker.cjs","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { useState } from \"react\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\n\nimport { Flex } from \"../flex\";\nimport { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldsProps?: { startDate?: TextfieldProps, endDate?: TextfieldProps };\n  placeholders?: { startDate?: string; endDate?: string };\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n  showCalendarIcon?: boolean;\n  footer?: React.ReactNode;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldsProps = {},\n  placeholders,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n  showCalendarIcon = true,\n  footer,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    if (currentRangeField === \"to\") {\n      if (dayjs(selectedDay).isSame(dayjs(from), 'day')) {\n        // If same date is clicked twice, set end date to the same date for UI\n        newRange = {\n          from,\n          to: selectedDay\n        };\n      } else if (dayjs(selectedDay).isAfter(dayjs(from))) {\n        // If different date is selected and it's after start date\n        newRange = { from, to: selectedDay };\n      } else {\n        // If selected date is before start date, reset and select start day\n        newRange = { from: selectedDay };\n      }\n      setCurrentRangeField(\"from\");\n    } else {\n      // Reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    setSelectedRange(newRange);\n    // Return the range with +1 day for the end date in the callback\n    const callbackRange = {\n      from: newRange.from,\n      to: newRange.to ? dayjs(newRange.to).add(1, 'day').toDate() : undefined\n    };\n    onSelect(callbackRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...(textFieldsProps.startDate ?? {})}\n        placeholder={placeholders?.startDate || \"Select start date\"}\n      />\n      <TextField\n        value={endDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...(textFieldsProps.endDate ?? {})}\n        placeholder={placeholders?.endDate || \"Select end date\"}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function'\n    ? children({ startDate, endDate })\n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n        {footer && (\n          <Flex align=\"center\" justify=\"center\" className={styles.calendarFooter}>\n            {footer}\n          </Flex>\n        )}\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["useState","dayjs","_jsxs","Flex","_jsx","TextField","CalendarIcon","styles","Popover","Calendar"],"mappings":";;;;;;;;;;;;AA4BgB,SAAA,WAAW,CAAC,EAC1B,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,YAAY,EACzB,eAAe,GAAG,EAAE,EACpB,YAAY,EACZ,aAAa,EACb,QAAQ,GAAG,MAAO,GAAC,EACnB,KAAK,GAAG;IACN,EAAE,EAAE,IAAI,IAAI,EAAE;IACd,IAAI,EAAE,IAAI,IAAI,EAAE;CACjB,EACD,oBAAoB,EACpB,QAAQ,EACR,gBAAgB,GAAG,IAAI,EACvB,MAAM,GACW,EAAA;IACjB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAc,MAAM,CAAC,CAAC;IAChF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,GAAGC,iBAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;IACzF,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,GAAGA,iBAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;;;;AAKnF,IAAA,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,WAAiB,KAAI;QAC3D,MAAM,IAAI,GAAG,aAAa,EAAE,IAAI,IAAI,KAAK,EAAE,IAAI,CAAC;AAChD,QAAA,IAAI,QAAmB,CAAC;AACxB,QAAA,IAAI,iBAAiB,KAAK,IAAI,EAAE;AAC9B,YAAA,IAAIA,iBAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAACA,iBAAK,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE;;AAEjD,gBAAA,QAAQ,GAAG;oBACT,IAAI;AACJ,oBAAA,EAAE,EAAE,WAAW;iBAChB,CAAC;aACH;AAAM,iBAAA,IAAIA,iBAAK,CAAC,WAAW,CAAC,CAAC,OAAO,CAACA,iBAAK,CAAC,IAAI,CAAC,CAAC,EAAE;;gBAElD,QAAQ,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC;aACtC;iBAAM;;AAEL,gBAAA,QAAQ,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;aAClC;YACD,oBAAoB,CAAC,MAAM,CAAC,CAAC;SAC9B;aAAM;;AAEL,YAAA,QAAQ,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;YACjC,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;QACD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;;AAE3B,QAAA,MAAM,aAAa,GAAG;YACpB,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAGA,iBAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,GAAG,SAAS;SACxE,CAAC;QACF,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC1B,KAAC,CAAC;IAEF,SAAS,YAAY,CAAC,IAAc,EAAA;AAClC,QAAA,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;KAChC;IAED,MAAM,cAAc,IAClBC,iCAAA,CAACC,SAAI,EAAC,EAAA,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,oBAAoB,EAAA,QAAA,EAAA,CAClDC,gCAAC,CAAAC,mBAAS,EACR,EAAA,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,gBAAgB,GAAGD,gCAAA,CAACE,2BAAY,EAAA,EAAA,CAAG,GAAG,SAAS,EACzD,SAAS,EAAEC,uBAAM,CAAC,eAAe,EACjC,QAAQ,EACJ,IAAA,EAAA,IAAC,eAAe,CAAC,SAAS,IAAI,EAAE,CAAC,EACrC,WAAW,EAAE,YAAY,EAAE,SAAS,IAAI,mBAAmB,EAC3D,CAAA,EACFH,iCAACC,mBAAS,EAAA,EACR,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,gBAAgB,GAAGD,gCAAA,CAACE,2BAAY,EAAG,EAAA,CAAA,GAAG,SAAS,EACzD,SAAS,EAAEC,uBAAM,CAAC,eAAe,EACjC,QAAQ,YACH,eAAe,CAAC,OAAO,IAAI,EAAE,CAAC,EACnC,WAAW,EAAE,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAA,CACvD,CACG,EAAA,CAAA,CACR,CAAC;AAEF,IAAA,MAAM,OAAO,GAAG,OAAO,QAAQ,KAAK,UAAU;UAC1C,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAClC,UAAE,QAAQ,IAAI,cAAc,CAAC;IAE/B,QACEL,kCAACM,eAAO,EAAA,EAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EACrD,QAAA,EAAA,CAAAJ,gCAAA,CAACI,eAAO,CAAC,OAAO,IAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACrB,OAAO,EAAA,CACQ,EAClBN,iCAAA,CAACM,eAAO,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAED,uBAAM,CAAC,eAAe,aAC5DH,gCAAC,CAAAK,iBAAQ,IACP,eAAe,EAAE,KAAK,EACtB,cAAc,EAAE,CAAC,EACjB,YAAY,EAAE,aAAa,CAAC,IAAI,EAChC,QAAQ,EAAE,IAAI,EAAA,GACV,aAAa,EACjB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,CAAA,EACD,MAAM,KACLL,gCAAC,CAAAD,SAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAEI,uBAAM,CAAC,cAAc,EACnE,QAAA,EAAA,MAAM,GACF,CACR,CAAA,EAAA,CACe,CACV,EAAA,CAAA,EACV;AACJ;;;;"}

package/dist/v1/components/calendar/range-picker.d.ts

@@ -3,7 +3,10 @@ import { TextfieldProps } from "../textfield/textfield";
 interface RangePickerProps {
     side?: "top" | "right" | "bottom" | "left";
     dateFormat?: string;
-    textFieldProps?: TextfieldProps;
+    textFieldsProps?: {
+        startDate?: TextfieldProps;
+        endDate?: TextfieldProps;
+    };
     placeholders?: {
         startDate?: string;
         endDate?: string;
@@ -19,6 +22,6 @@ interface RangePickerProps {
     showCalendarIcon?: boolean;
     footer?: React.ReactNode;
 }
-export declare function RangePicker({ side, dateFormat, textFieldProps, placeholders, calendarProps, onSelect, value, pickerGroupClassName, children, showCalendarIcon, footer, }: RangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function RangePicker({ side, dateFormat, textFieldsProps, placeholders, calendarProps, onSelect, value, pickerGroupClassName, children, showCalendarIcon, footer, }: RangePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=range-picker.d.ts.map

package/dist/v1/components/calendar/range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-picker.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/range-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,aAAa,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClG,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAID,wBAAgB,WAAW,CAAC,EAC1B,IAAY,EACZ,UAAyB,EACzB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,QAAmB,EACnB,KAGC,EACD,oBAAoB,EACpB,QAAQ,EACR,gBAAuB,EACvB,MAAM,GACP,EAAE,gBAAgB,2CAmGlB"}
+{"version":3,"file":"range-picker.d.ts","sourceRoot":"","sources":["../../../../v1/components/calendar/range-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,cAAc,CAAC;QAAC,OAAO,CAAC,EAAE,cAAc,CAAA;KAAE,CAAC;IAC3E,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,aAAa,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClG,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAID,wBAAgB,WAAW,CAAC,EAC1B,IAAY,EACZ,UAAyB,EACzB,eAAoB,EACpB,YAAY,EACZ,aAAa,EACb,QAAmB,EACnB,KAGC,EACD,oBAAoB,EACpB,QAAQ,EACR,gBAAuB,EACvB,MAAM,GACP,EAAE,gBAAgB,2CAgGlB"}

package/dist/v1/components/calendar/range-picker.js

@@ -8,7 +8,7 @@ import { TextField } from '../textfield/textfield.js';
 import { Calendar } from './calendar.js';
 import styles from './calendar.module.css.js';
 
-function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, placeholders, calendarProps, onSelect = () => { }, value = {
+function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldsProps = {}, placeholders, calendarProps, onSelect = () => { }, value = {
     to: new Date(),
     from: new Date(),
 }, pickerGroupClassName, children, showCalendarIcon = true, footer, }) {
@@ -57,7 +57,7 @@ function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps,
     function onOpenChange(open) {
         setShowCalendar(Boolean(open));
     }
-    const defaultTrigger = (jsxRuntimeExports.jsxs(Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntimeExports.jsx(TextField, { value: startDate, trailing: showCalendarIcon ? jsxRuntimeExports.jsx(CalendarIcon, {}) : undefined, className: styles.datePickerInput, readOnly: true, ...textFieldProps, placeholder: placeholders?.startDate || "Select start date" }), jsxRuntimeExports.jsx(TextField, { value: endDate, trailing: showCalendarIcon ? jsxRuntimeExports.jsx(CalendarIcon, {}) : undefined, className: styles.datePickerInput, readOnly: true, ...textFieldProps, placeholder: placeholders?.endDate || "Select end date" })] }));
+    const defaultTrigger = (jsxRuntimeExports.jsxs(Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntimeExports.jsx(TextField, { value: startDate, trailing: showCalendarIcon ? jsxRuntimeExports.jsx(CalendarIcon, {}) : undefined, className: styles.datePickerInput, readOnly: true, ...(textFieldsProps.startDate ?? {}), placeholder: placeholders?.startDate || "Select start date" }), jsxRuntimeExports.jsx(TextField, { value: endDate, trailing: showCalendarIcon ? jsxRuntimeExports.jsx(CalendarIcon, {}) : undefined, className: styles.datePickerInput, readOnly: true, ...(textFieldsProps.endDate ?? {}), placeholder: placeholders?.endDate || "Select end date" })] }));
     const trigger = typeof children === 'function'
         ? children({ startDate, endDate })
         : children || defaultTrigger;

package/dist/v1/components/calendar/range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-picker.js","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { useState } from \"react\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\n\nimport { Flex } from \"../flex\";\nimport { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  placeholders?: { startDate?: string; endDate?: string };\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n  showCalendarIcon?: boolean;\n  footer?: React.ReactNode;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  placeholders,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n  showCalendarIcon = true,\n  footer,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    \n    if (currentRangeField === \"to\") {\n      if (dayjs(selectedDay).isSame(dayjs(from), 'day')) {\n        // If same date is clicked twice, set end date to the same date for UI\n        newRange = {\n          from,\n          to: selectedDay\n        };\n      } else if (dayjs(selectedDay).isAfter(dayjs(from))) {\n        // If different date is selected and it's after start date\n        newRange = { from, to: selectedDay };\n      } else {\n        // If selected date is before start date, reset and select start day\n        newRange = { from: selectedDay };\n      }\n      setCurrentRangeField(\"from\");\n    } else {\n      // Reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    \n    setSelectedRange(newRange);\n    \n    // Return the range with +1 day for the end date in the callback\n    const callbackRange = {\n      from: newRange.from,\n      to: newRange.to ? dayjs(newRange.to).add(1, 'day').toDate() : undefined\n    };\n    onSelect(callbackRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n        placeholder={placeholders?.startDate || \"Select start date\"}\n      />\n      <TextField\n        value={endDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...textFieldProps}\n        placeholder={placeholders?.endDate || \"Select end date\"}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function' \n    ? children({ startDate, endDate }) \n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n        {footer && (\n          <Flex align=\"center\" justify=\"center\" className={styles.calendarFooter}>\n            {footer}\n          </Flex>\n        )}\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"range-picker.js","sources":["../../../../v1/components/calendar/range-picker.tsx"],"sourcesContent":["import { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { useState } from \"react\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\n\nimport { Flex } from \"../flex\";\nimport { Popover } from \"../popover\";\nimport { TextField } from \"../textfield\";\nimport { TextfieldProps } from \"../textfield/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldsProps?: { startDate?: TextfieldProps, endDate?: TextfieldProps };\n  placeholders?: { startDate?: string; endDate?: string };\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n  children?: React.ReactNode | ((props: { startDate: string; endDate: string }) => React.ReactNode);\n  showCalendarIcon?: boolean;\n  footer?: React.ReactNode;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldsProps = {},\n  placeholders,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n  children,\n  showCalendarIcon = true,\n  footer,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] = useState<RangeFields>(\"from\");\n  const [selectedRange, setSelectedRange] = useState(value);\n\n  const startDate = selectedRange.from ? dayjs(selectedRange.from).format(dateFormat) : '';\n  const endDate = selectedRange.to ? dayjs(selectedRange.to).format(dateFormat) : '';\n\n  // 1st click will select the start date.\n  // 2nd click will select the end date.\n  // 3rd click will select the start date again.\n  const handleSelect = (range: DateRange, selectedDay: Date) => {\n    const from = selectedRange?.from || range?.from;\n    let newRange: DateRange;\n    if (currentRangeField === \"to\") {\n      if (dayjs(selectedDay).isSame(dayjs(from), 'day')) {\n        // If same date is clicked twice, set end date to the same date for UI\n        newRange = {\n          from,\n          to: selectedDay\n        };\n      } else if (dayjs(selectedDay).isAfter(dayjs(from))) {\n        // If different date is selected and it's after start date\n        newRange = { from, to: selectedDay };\n      } else {\n        // If selected date is before start date, reset and select start day\n        newRange = { from: selectedDay };\n      }\n      setCurrentRangeField(\"from\");\n    } else {\n      // Reset the range and select start day\n      newRange = { from: selectedDay };\n      setCurrentRangeField(\"to\");\n    }\n    setSelectedRange(newRange);\n    // Return the range with +1 day for the end date in the callback\n    const callbackRange = {\n      from: newRange.from,\n      to: newRange.to ? dayjs(newRange.to).add(1, 'day').toDate() : undefined\n    };\n    onSelect(callbackRange);\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  const defaultTrigger = (\n    <Flex gap={\"medium\"} className={pickerGroupClassName}>\n      <TextField\n        value={startDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...(textFieldsProps.startDate ?? {})}\n        placeholder={placeholders?.startDate || \"Select start date\"}\n      />\n      <TextField\n        value={endDate}\n        trailing={showCalendarIcon ? <CalendarIcon /> : undefined}\n        className={styles.datePickerInput}\n        readOnly\n        {...(textFieldsProps.endDate ?? {})}\n        placeholder={placeholders?.endDate || \"Select end date\"}\n      />\n    </Flex>\n  );\n\n  const trigger = typeof children === 'function'\n    ? children({ startDate, endDate })\n    : children || defaultTrigger;\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        {trigger}\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={selectedRange.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={selectedRange}\n          onSelect={handleSelect}\n        />\n        {footer && (\n          <Flex align=\"center\" justify=\"center\" className={styles.calendarFooter}>\n            {footer}\n          </Flex>\n        )}\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/v1/components/select/select.cjs

@@ -34,20 +34,24 @@ const trigger = index$1.cva(select_module.default.trigger, {
             medium: select_module.default["trigger-medium"],
         },
         variant: {
-            default: "",
-            filter: select_module.default["trigger-filter"],
+            outline: select_module.default["trigger-outline"],
+            text: select_module.default["trigger-text"],
         }
     },
     defaultVariants: {
         size: "medium",
-        variant: "default",
+        variant: "outline",
     },
 });
-const SelectTrigger = React__namespace.forwardRef(({ size, variant, className, children, iconProps = {}, 'aria-label': ariaLabel, style, stopPropagation = false, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Trigger, { ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', role: "combobox", style: style, onPointerDown: (e) => {
+const SelectTrigger = React__namespace.forwardRef(({ size, variant, className, children, iconProps = {}, 'aria-label': ariaLabel, style, stopPropagation = false, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Trigger, { ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', role: "combobox", style: {
+        ...style,
+        display: 'flex',
+        justifyContent: 'space-between'
+    }, onPointerDown: (e) => {
         if (stopPropagation) {
             e.stopPropagation();
         }
-    }, ...props, children: [children, variant !== 'filter' && (jsxRuntime.jsxRuntimeExports.jsx(index.Icon, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, { className: select_module.default.triggerIcon, "aria-hidden": "true", ...iconProps }) }))] })));
+    }, ...props, children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.triggerContent, children: children }), jsxRuntime.jsxRuntimeExports.jsx(index.Icon, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, { className: select_module.default.triggerIcon, "aria-hidden": "true", ...iconProps }) })] })));
 SelectTrigger.displayName = index.Trigger.displayName;
 const content = index$1.cva(select_module.default.content);
 const SelectContent = React__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsx(index.Content, { ref: ref, className: content({ className }), position: position, role: "listbox", onPointerDownOutside: (e) => {
@@ -55,14 +59,27 @@ const SelectContent = React__namespace.forwardRef(({ className, children, positi
         }, ...props, children: children }) })));
 SelectContent.displayName = index.Content.displayName;
 const menuitem = index$1.cva(select_module.default.menuitem);
-const SelectItem = React__namespace.forwardRef(({ className, textProps = {}, children, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Item, { ref: ref, className: menuitem({ className }), role: "option", ...props, children: jsxRuntime.jsxRuntimeExports.jsx(index.ItemText, { children: jsxRuntime.jsxRuntimeExports.jsx(text.Text, { ...textProps, children: children }) }) })));
+const SelectIconContext = React__namespace.createContext({
+    icons: {},
+    registerIcon: () => { }
+});
+const SelectRoot = ({ children, disabled, ...props }) => {
+    const [icons, setIcons] = React__namespace.useState({});
+    const registerIcon = React__namespace.useCallback((value, icon) => {
+        setIcons(prev => ({ ...prev, [value]: icon }));
+    }, []);
+    return (jsxRuntime.jsxRuntimeExports.jsx(SelectIconContext.Provider, { value: { icons, registerIcon }, children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, { disabled: disabled, ...props, children: children }) }));
+};
+const SelectItem = React__namespace.forwardRef(({ className, textProps = {}, children, leadingIcon, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(index.Item, { ref: ref, className: menuitem({ className }), role: "option", ...props, children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.itemIcon, children: leadingIcon }), jsxRuntime.jsxRuntimeExports.jsx(index.ItemText, { children: jsxRuntime.jsxRuntimeExports.jsx(text.Text, { ...textProps, children: children }) })] })));
 SelectItem.displayName = index.Item.displayName;
 const separator = index$1.cva(select_module.default.separator);
 const SelectSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Separator, { ref: ref, className: separator({ className }), ...props })));
 SelectSeparator.displayName = index.Separator.displayName;
-const Select = Object.assign(index.Root, {
+const SelectValue = React__namespace.forwardRef(({ leadingIcon, children, placeholder, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Value, { ref: ref, placeholder: placeholder, ...props, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: select_module.default.valueContent, title: typeof children === 'string' ? children : undefined, children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.leadingIcon, children: leadingIcon }), children] }) })));
+SelectValue.displayName = index.Value.displayName;
+const Select = Object.assign(SelectRoot, {
     Group: index.Group,
-    Value: index.Value,
+    Value: SelectValue,
     ScrollUpButton: index.ScrollDownButton,
     ScrollDownButton: index.ScrollDownButton,
     Viewport: index.Viewport,

package/dist/v1/components/select/select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { Text } from \"../text\";\nimport { TextProps } from \"../text/text\";\nimport styles from \"./select.module.css\";\n\ninterface AriaProps {\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  'aria-required'?: boolean;\n  'aria-invalid'?: boolean;\n}\n\ninterface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      default: \"\",\n      filter: styles[\"trigger-filter\"],\n    }\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"default\",\n  },\n});\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    React.PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } &\n    AriaProps &\n    TriggerStyleProps\n>(({ \n  size, \n  variant, \n  className, \n  children, \n  iconProps = {}, \n  'aria-label': ariaLabel,\n  style,\n  stopPropagation = false,\n  ...props \n}, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={trigger({ size, variant, className })}\n    aria-label={ariaLabel || 'Select option'}\n    role=\"combobox\"\n    style={style}\n    onPointerDown={(e) => {\n      if (stopPropagation) {\n        e.stopPropagation();\n      }\n    }}\n    {...props}\n  >\n    {children}\n    {variant !== 'filter' && (\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon \n          className={styles.triggerIcon} \n          aria-hidden=\"true\"\n          {...iconProps} \n        />\n      </SelectPrimitive.Icon>\n    )}\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst content = cva(styles.content);\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> &\n    React.PropsWithChildren<VariantProps<typeof content>>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={content({ className })}\n      position={position}\n      role=\"listbox\"\n      onPointerDownOutside={(e) => {\n        e.stopPropagation();\n      }}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst menuitem = cva(styles.menuitem);\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {\n    textProps?: TextProps;\n  }\n>(({ className, textProps = {}, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={menuitem({ className })}\n    role=\"option\"\n    {...props}\n  >\n    <SelectPrimitive.ItemText>\n      <Text {...textProps}>{children}</Text>\n    </SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst separator = cva(styles.separator);\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={separator({ className })}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport const Select = Object.assign(SelectPrimitive.Root, {\n  Group: SelectPrimitive.Group,\n  Value: SelectPrimitive.Value,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n});\n"],"names":["cva","styles","React","_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon","ChevronDownIcon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Item","SelectPrimitive.ItemText","Text","SelectPrimitive.Separator","SelectPrimitive.Root","SelectPrimitive.Group","SelectPrimitive.Value","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport"],"mappings":"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"}
+{"version":3,"file":"select.cjs","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { Text } from \"../text\";\nimport { TextProps } from \"../text/text\";\nimport styles from \"./select.module.css\";\n\ninterface AriaProps {\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  'aria-required'?: boolean;\n  'aria-invalid'?: boolean;\n}\n\ninterface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\ninterface SelectValueProps extends SelectPrimitive.SelectValueProps {\n  leadingIcon?: React.ReactNode;\n  placeholder?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    }\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    React.PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } &\n    AriaProps &\n    TriggerStyleProps\n>(({ \n  size, \n  variant, \n  className, \n  children, \n  iconProps = {}, \n  'aria-label': ariaLabel,\n  style,\n  stopPropagation = false,\n  ...props \n}, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={trigger({ size, variant, className })}\n    aria-label={ariaLabel || 'Select option'}\n    role=\"combobox\"\n    style={{\n      ...style,\n      display: 'flex',\n      justifyContent: 'space-between'\n    }}\n    onPointerDown={(e) => {\n      if (stopPropagation) {\n        e.stopPropagation();\n      }\n    }}\n    {...props}\n  >\n    <div className={styles.triggerContent}>\n      {children}\n    </div>\n    <SelectPrimitive.Icon asChild>\n      <ChevronDownIcon \n        className={styles.triggerIcon} \n        aria-hidden=\"true\"\n        {...iconProps} \n      />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst content = cva(styles.content);\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> &\n    React.PropsWithChildren<VariantProps<typeof content>>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={content({ className })}\n      position={position}\n      role=\"listbox\"\n      onPointerDownOutside={(e) => {\n        e.stopPropagation();\n      }}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst menuitem = cva(styles.menuitem);\n\nconst SelectIconContext = React.createContext<{\n  icons: Record<string, React.ReactNode>;\n  registerIcon: (value: string, icon: React.ReactNode) => void;\n}>({\n  icons: {},\n  registerIcon: () => {}\n});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps {\n  disabled?: boolean;\n}\n\nconst SelectRoot = ({ children, disabled, ...props }: SelectRootProps) => {\n  const [icons, setIcons] = React.useState<Record<string, React.ReactNode>>({});\n  \n  const registerIcon = React.useCallback((value: string, icon: React.ReactNode) => {\n    setIcons(prev => ({ ...prev, [value]: icon }));\n  }, []);\n  \n  return (\n    <SelectIconContext.Provider value={{ icons, registerIcon }}>\n      <SelectPrimitive.Root disabled={disabled} {...props}>\n        {children}\n      </SelectPrimitive.Root>\n    </SelectIconContext.Provider>\n  );\n};\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {\n    textProps?: TextProps;\n    leadingIcon?: React.ReactNode;\n  }\n>(({ className, textProps = {}, children, leadingIcon, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={menuitem({ className })}\n    role=\"option\"\n    {...props}\n  >\n    {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n    <SelectPrimitive.ItemText>\n      <Text {...textProps}>{children}</Text>\n    </SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst separator = cva(styles.separator);\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={separator({ className })}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nconst SelectValue = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Value>,\n  SelectValueProps\n>(({ leadingIcon, children, placeholder, ...props }, ref) => (\n  <SelectPrimitive.Value \n    ref={ref} \n    placeholder={placeholder}\n    {...props}\n  >\n    <div \n      className={styles.valueContent}\n      title={typeof children === 'string' ? children : undefined}\n    >\n      {leadingIcon && <div className={styles.leadingIcon}>{leadingIcon}</div>}\n      {children}\n    </div>\n  </SelectPrimitive.Value>\n));\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectPrimitive.Group,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n});\n"],"names":["cva","styles","React","_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon","ChevronDownIcon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Root","SelectPrimitive.Item","SelectPrimitive.ItemText","Text","SelectPrimitive.Separator","SelectPrimitive.Value","SelectPrimitive.Group","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport"],"mappings":"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"}

package/dist/v1/components/select/select.d.ts

@@ -16,15 +16,22 @@ export interface IconProps extends React.SVGAttributes<SVGElement> {
     children?: never;
     color?: string;
 }
-export declare const Select: React.FC<SelectPrimitive.SelectProps> & {
+interface SelectValueProps extends SelectPrimitive.SelectValueProps {
+    leadingIcon?: React.ReactNode;
+    placeholder?: string;
+}
+interface SelectRootProps extends SelectPrimitive.SelectProps {
+    disabled?: boolean;
+}
+export declare const Select: (({ children, disabled, ...props }: SelectRootProps) => import("react/jsx-runtime").JSX.Element) & {
     Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-    Value: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+    Value: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
     ScrollUpButton: React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
     ScrollDownButton: React.ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
     Viewport: React.ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & React.RefAttributes<HTMLDivElement>>;
     Trigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
         size?: "small" | "medium" | null | undefined;
-        variant?: "filter" | "default" | null | undefined;
+        variant?: "text" | "outline" | null | undefined;
     } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
         children?: React.ReactNode;
     } & {
@@ -35,6 +42,7 @@ export declare const Select: React.FC<SelectPrimitive.SelectProps> & {
     } & React.RefAttributes<HTMLDivElement>>;
     Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
         textProps?: any;
+        leadingIcon?: React.ReactNode;
     } & React.RefAttributes<HTMLDivElement>>;
     Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/v1/components/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,SAAS;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2HD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,SAAS;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,gBAAiB,SAAQ,eAAe,CAAC,gBAAgB;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuGD,UAAU,eAAgB,SAAQ,eAAe,CAAC,WAAW;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwED,eAAO,MAAM,MAAM,sCAtEmC,eAAe;;;;;;;;;;;;;;;;;;;sBAoBnD,MAAM,SAAS;;;CA4D/B,CAAC"}

package/dist/v1/components/select/select.js

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
 import { ChevronDownIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import { Trigger, Icon, Portal, Content as Content2, Item, ItemText, Separator, Root as Root2, Group, Value, ScrollDownButton, Viewport } from '../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
+import { Trigger, Icon, Portal, Content as Content2, Item, ItemText, Separator, Value, Group, ScrollDownButton, Viewport, Root as Root2 } from '../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import * as React from 'react';
 import { Text } from '../text/text.js';
@@ -13,20 +13,24 @@ const trigger = cva(styles.trigger, {
             medium: styles["trigger-medium"],
         },
         variant: {
-            default: "",
-            filter: styles["trigger-filter"],
+            outline: styles["trigger-outline"],
+            text: styles["trigger-text"],
         }
     },
     defaultVariants: {
         size: "medium",
-        variant: "default",
+        variant: "outline",
     },
 });
-const SelectTrigger = React.forwardRef(({ size, variant, className, children, iconProps = {}, 'aria-label': ariaLabel, style, stopPropagation = false, ...props }, ref) => (jsxRuntimeExports.jsxs(Trigger, { ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', role: "combobox", style: style, onPointerDown: (e) => {
+const SelectTrigger = React.forwardRef(({ size, variant, className, children, iconProps = {}, 'aria-label': ariaLabel, style, stopPropagation = false, ...props }, ref) => (jsxRuntimeExports.jsxs(Trigger, { ref: ref, className: trigger({ size, variant, className }), "aria-label": ariaLabel || 'Select option', role: "combobox", style: {
+        ...style,
+        display: 'flex',
+        justifyContent: 'space-between'
+    }, onPointerDown: (e) => {
         if (stopPropagation) {
             e.stopPropagation();
         }
-    }, ...props, children: [children, variant !== 'filter' && (jsxRuntimeExports.jsx(Icon, { asChild: true, children: jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles.triggerIcon, "aria-hidden": "true", ...iconProps }) }))] })));
+    }, ...props, children: [jsxRuntimeExports.jsx("div", { className: styles.triggerContent, children: children }), jsxRuntimeExports.jsx(Icon, { asChild: true, children: jsxRuntimeExports.jsx(ChevronDownIcon, { className: styles.triggerIcon, "aria-hidden": "true", ...iconProps }) })] })));
 SelectTrigger.displayName = Trigger.displayName;
 const content = cva(styles.content);
 const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsx(Content2, { ref: ref, className: content({ className }), position: position, role: "listbox", onPointerDownOutside: (e) => {
@@ -34,14 +38,27 @@ const SelectContent = React.forwardRef(({ className, children, position = "poppe
         }, ...props, children: children }) })));
 SelectContent.displayName = Content2.displayName;
 const menuitem = cva(styles.menuitem);
-const SelectItem = React.forwardRef(({ className, textProps = {}, children, ...props }, ref) => (jsxRuntimeExports.jsx(Item, { ref: ref, className: menuitem({ className }), role: "option", ...props, children: jsxRuntimeExports.jsx(ItemText, { children: jsxRuntimeExports.jsx(Text, { ...textProps, children: children }) }) })));
+const SelectIconContext = React.createContext({
+    icons: {},
+    registerIcon: () => { }
+});
+const SelectRoot = ({ children, disabled, ...props }) => {
+    const [icons, setIcons] = React.useState({});
+    const registerIcon = React.useCallback((value, icon) => {
+        setIcons(prev => ({ ...prev, [value]: icon }));
+    }, []);
+    return (jsxRuntimeExports.jsx(SelectIconContext.Provider, { value: { icons, registerIcon }, children: jsxRuntimeExports.jsx(Root2, { disabled: disabled, ...props, children: children }) }));
+};
+const SelectItem = React.forwardRef(({ className, textProps = {}, children, leadingIcon, ...props }, ref) => (jsxRuntimeExports.jsxs(Item, { ref: ref, className: menuitem({ className }), role: "option", ...props, children: [leadingIcon && jsxRuntimeExports.jsx("div", { className: styles.itemIcon, children: leadingIcon }), jsxRuntimeExports.jsx(ItemText, { children: jsxRuntimeExports.jsx(Text, { ...textProps, children: children }) })] })));
 SelectItem.displayName = Item.displayName;
 const separator = cva(styles.separator);
 const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Separator, { ref: ref, className: separator({ className }), ...props })));
 SelectSeparator.displayName = Separator.displayName;
-const Select = Object.assign(Root2, {
+const SelectValue = React.forwardRef(({ leadingIcon, children, placeholder, ...props }, ref) => (jsxRuntimeExports.jsx(Value, { ref: ref, placeholder: placeholder, ...props, children: jsxRuntimeExports.jsxs("div", { className: styles.valueContent, title: typeof children === 'string' ? children : undefined, children: [leadingIcon && jsxRuntimeExports.jsx("div", { className: styles.leadingIcon, children: leadingIcon }), children] }) })));
+SelectValue.displayName = Value.displayName;
+const Select = Object.assign(SelectRoot, {
     Group: Group,
-    Value: Value,
+    Value: SelectValue,
     ScrollUpButton: ScrollDownButton,
     ScrollDownButton: ScrollDownButton,
     Viewport: Viewport,

package/dist/v1/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { Text } from \"../text\";\nimport { TextProps } from \"../text/text\";\nimport styles from \"./select.module.css\";\n\ninterface AriaProps {\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  'aria-required'?: boolean;\n  'aria-invalid'?: boolean;\n}\n\ninterface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      default: \"\",\n      filter: styles[\"trigger-filter\"],\n    }\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"default\",\n  },\n});\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    React.PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } &\n    AriaProps &\n    TriggerStyleProps\n>(({ \n  size, \n  variant, \n  className, \n  children, \n  iconProps = {}, \n  'aria-label': ariaLabel,\n  style,\n  stopPropagation = false,\n  ...props \n}, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={trigger({ size, variant, className })}\n    aria-label={ariaLabel || 'Select option'}\n    role=\"combobox\"\n    style={style}\n    onPointerDown={(e) => {\n      if (stopPropagation) {\n        e.stopPropagation();\n      }\n    }}\n    {...props}\n  >\n    {children}\n    {variant !== 'filter' && (\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon \n          className={styles.triggerIcon} \n          aria-hidden=\"true\"\n          {...iconProps} \n        />\n      </SelectPrimitive.Icon>\n    )}\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst content = cva(styles.content);\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> &\n    React.PropsWithChildren<VariantProps<typeof content>>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={content({ className })}\n      position={position}\n      role=\"listbox\"\n      onPointerDownOutside={(e) => {\n        e.stopPropagation();\n      }}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst menuitem = cva(styles.menuitem);\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {\n    textProps?: TextProps;\n  }\n>(({ className, textProps = {}, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={menuitem({ className })}\n    role=\"option\"\n    {...props}\n  >\n    <SelectPrimitive.ItemText>\n      <Text {...textProps}>{children}</Text>\n    </SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst separator = cva(styles.separator);\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={separator({ className })}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport const Select = Object.assign(SelectPrimitive.Root, {\n  Group: SelectPrimitive.Group,\n  Value: SelectPrimitive.Value,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n});\n"],"names":["_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Item","SelectPrimitive.ItemText","SelectPrimitive.Separator","SelectPrimitive.Root","SelectPrimitive.Group","SelectPrimitive.Value","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport"],"mappings":"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"}
+{"version":3,"file":"select.js","sources":["../../../../v1/components/select/select.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { Text } from \"../text\";\nimport { TextProps } from \"../text/text\";\nimport styles from \"./select.module.css\";\n\ninterface AriaProps {\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  'aria-required'?: boolean;\n  'aria-invalid'?: boolean;\n}\n\ninterface TriggerStyleProps {\n  style?: React.CSSProperties;\n  className?: string;\n  stopPropagation?: boolean;\n}\n\nexport interface IconProps extends React.SVGAttributes<SVGElement> {\n  children?: never;\n  color?: string;\n}\n\ninterface SelectValueProps extends SelectPrimitive.SelectValueProps {\n  leadingIcon?: React.ReactNode;\n  placeholder?: string;\n}\n\nconst trigger = cva(styles.trigger, {\n  variants: {\n    size: {\n      small: styles[\"trigger-small\"],\n      medium: styles[\"trigger-medium\"],\n    },\n    variant: {\n      outline: styles[\"trigger-outline\"],\n      text: styles[\"trigger-text\"],\n    }\n  },\n  defaultVariants: {\n    size: \"medium\",\n    variant: \"outline\",\n  },\n});\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> &\n    React.PropsWithChildren<VariantProps<typeof trigger>> & {\n      iconProps?: IconProps;\n    } &\n    AriaProps &\n    TriggerStyleProps\n>(({ \n  size, \n  variant, \n  className, \n  children, \n  iconProps = {}, \n  'aria-label': ariaLabel,\n  style,\n  stopPropagation = false,\n  ...props \n}, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={trigger({ size, variant, className })}\n    aria-label={ariaLabel || 'Select option'}\n    role=\"combobox\"\n    style={{\n      ...style,\n      display: 'flex',\n      justifyContent: 'space-between'\n    }}\n    onPointerDown={(e) => {\n      if (stopPropagation) {\n        e.stopPropagation();\n      }\n    }}\n    {...props}\n  >\n    <div className={styles.triggerContent}>\n      {children}\n    </div>\n    <SelectPrimitive.Icon asChild>\n      <ChevronDownIcon \n        className={styles.triggerIcon} \n        aria-hidden=\"true\"\n        {...iconProps} \n      />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst content = cva(styles.content);\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> &\n    React.PropsWithChildren<VariantProps<typeof content>>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={content({ className })}\n      position={position}\n      role=\"listbox\"\n      onPointerDownOutside={(e) => {\n        e.stopPropagation();\n      }}\n      {...props}\n    >\n      {children}\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst menuitem = cva(styles.menuitem);\n\nconst SelectIconContext = React.createContext<{\n  icons: Record<string, React.ReactNode>;\n  registerIcon: (value: string, icon: React.ReactNode) => void;\n}>({\n  icons: {},\n  registerIcon: () => {}\n});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps {\n  disabled?: boolean;\n}\n\nconst SelectRoot = ({ children, disabled, ...props }: SelectRootProps) => {\n  const [icons, setIcons] = React.useState<Record<string, React.ReactNode>>({});\n  \n  const registerIcon = React.useCallback((value: string, icon: React.ReactNode) => {\n    setIcons(prev => ({ ...prev, [value]: icon }));\n  }, []);\n  \n  return (\n    <SelectIconContext.Provider value={{ icons, registerIcon }}>\n      <SelectPrimitive.Root disabled={disabled} {...props}>\n        {children}\n      </SelectPrimitive.Root>\n    </SelectIconContext.Provider>\n  );\n};\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> & {\n    textProps?: TextProps;\n    leadingIcon?: React.ReactNode;\n  }\n>(({ className, textProps = {}, children, leadingIcon, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={menuitem({ className })}\n    role=\"option\"\n    {...props}\n  >\n    {leadingIcon && <div className={styles.itemIcon}>{leadingIcon}</div>}\n    <SelectPrimitive.ItemText>\n      <Text {...textProps}>{children}</Text>\n    </SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst separator = cva(styles.separator);\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={separator({ className })}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nconst SelectValue = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Value>,\n  SelectValueProps\n>(({ leadingIcon, children, placeholder, ...props }, ref) => (\n  <SelectPrimitive.Value \n    ref={ref} \n    placeholder={placeholder}\n    {...props}\n  >\n    <div \n      className={styles.valueContent}\n      title={typeof children === 'string' ? children : undefined}\n    >\n      {leadingIcon && <div className={styles.leadingIcon}>{leadingIcon}</div>}\n      {children}\n    </div>\n  </SelectPrimitive.Value>\n));\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n\nexport const Select = Object.assign(SelectRoot, {\n  Group: SelectPrimitive.Group,\n  Value: SelectValue,\n  ScrollUpButton: SelectPrimitive.ScrollDownButton,\n  ScrollDownButton: SelectPrimitive.ScrollDownButton,\n  Viewport: SelectPrimitive.Viewport,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n});\n"],"names":["_jsxs","SelectPrimitive.Trigger","_jsx","SelectPrimitive.Icon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Root","SelectPrimitive.Item","SelectPrimitive.ItemText","SelectPrimitive.Separator","SelectPrimitive.Value","SelectPrimitive.Group","SelectPrimitive.ScrollDownButton","SelectPrimitive.Viewport"],"mappings":";;;;;;;;AAgCA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACjC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAClC,YAAA,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAQpC,CAAC,EACD,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,GAAG,KAAK,EACT,EAAE,GAAG,MACJA,sBAAC,CAAAC,OAAuB,EAAA,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EACpC,YAAA,EAAA,SAAS,IAAI,eAAe,EACxC,IAAI,EAAC,UAAU,EACf,KAAK,EAAE;AACL,QAAA,GAAG,KAAK;AACR,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAChC,KAAA,EACD,aAAa,EAAE,CAAC,CAAC,KAAI;QACnB,IAAI,eAAe,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;AACH,KAAC,KACG,KAAK,EAAA,QAAA,EAAA,CAETC,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAClC,QAAQ,EACL,CAAA,EACNA,qBAAC,CAAAC,IAAoB,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC3BD,sBAAC,eAAe,EAAA,EACd,SAAS,EAAE,MAAM,CAAC,WAAW,EACjB,aAAA,EAAA,MAAM,KACd,SAAS,EAAA,CACb,GACmB,CACC,EAAA,CAAA,CAC3B,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAGD,OAAuB,CAAC,WAAW,CAAC;AAEhE,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAEpC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAIpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC5DC,qBAAA,CAACE,MAAsB,EAAA,EAAA,QAAA,EACrBF,qBAAC,CAAAG,QAAuB,EACtB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,EACjC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,SAAS,EACd,oBAAoB,EAAE,CAAC,CAAC,KAAI;YAC1B,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB,EAAA,GACG,KAAK,EAER,QAAA,EAAA,QAAQ,GACe,EACH,CAAA,CAC1B,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAGA,QAAuB,CAAC,WAAW,CAAC;AAEhE,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAEtC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAG1C;AACD,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,YAAY,EAAE,MAAK,GAAG;AACvB,CAAA,CAAC,CAAC;AAMH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB,KAAI;AACvE,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAkC,EAAE,CAAC,CAAC;IAE9E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAa,EAAE,IAAqB,KAAI;AAC9E,QAAA,QAAQ,CAAC,IAAI,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;KAChD,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,QACEH,qBAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAA,QAAA,EACxDA,qBAAC,CAAAI,KAAoB,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAM,GAAA,KAAK,EAChD,QAAA,EAAA,QAAQ,EACY,CAAA,EAAA,CACI,EAC7B;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAMjC,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACpEN,sBAAA,CAACO,IAAoB,EACnB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,EAClC,IAAI,EAAC,QAAQ,EAAA,GACT,KAAK,EAAA,QAAA,EAAA,CAER,WAAW,IAAIL,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAAG,WAAW,EAAA,CAAO,EACpEA,qBAAC,CAAAM,QAAwB,cACvBN,qBAAC,CAAA,IAAI,EAAK,EAAA,GAAA,SAAS,YAAG,QAAQ,EAAA,CAAQ,GACb,CACN,EAAA,CAAA,CACxB,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAGK,IAAoB,CAAC,WAAW,CAAC;AAE1D,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACxC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BL,qBAAA,CAACO,SAAyB,EACxB,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAC/B,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AACH,eAAe,CAAC,WAAW,GAAGA,SAAyB,CAAC,WAAW,CAAC;AAEpE,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACtDP,qBAAC,CAAAQ,KAAqB,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,KACpB,KAAK,EAAA,QAAA,EAETV,sBACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,EAAA,QAAA,EAAA,CAEzD,WAAW,IAAIE,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAG,QAAA,EAAA,WAAW,GAAO,EACtE,QAAQ,IACL,EACgB,CAAA,CACzB,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAGQ,KAAqB,CAAC,WAAW,CAAC;MAE/C,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC9C,KAAK,EAAEC,KAAqB;AAC5B,IAAA,KAAK,EAAE,WAAW;IAClB,cAAc,EAAEC,gBAAgC;IAChD,gBAAgB,EAAEA,gBAAgC;IAClD,QAAQ,EAAEC,QAAwB;AAClC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,SAAS,EAAE,eAAe;AAC3B,CAAA;;;;"}

package/dist/v1/components/select/select.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","separator":"select-module_separator__7YD2G","menugroup":"select-module_menugroup__h7nP9","trigger":"select-module_trigger__8XPsA","trigger-small":"select-module_trigger-small__krYBJ","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","trigger-filter":"select-module_trigger-filter__Mdvcq","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM","trigger___filter":"select-module_trigger-filter__Mdvcq"};
+var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","separator":"select-module_separator__7YD2G","menugroup":"select-module_menugroup__h7nP9","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","leadingIcon":"select-module_leadingIcon__PTDA9","trigger___outline":"select-module_trigger-outline__FIv-z","trigger___text":"select-module_trigger-text__QHQ4b","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM"};
 
 exports.default = styles;
 //# sourceMappingURL=select.module.css.cjs.map

package/dist/v1/components/select/select.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","separator":"select-module_separator__7YD2G","menugroup":"select-module_menugroup__h7nP9","trigger":"select-module_trigger__8XPsA","trigger-small":"select-module_trigger-small__krYBJ","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","trigger-filter":"select-module_trigger-filter__Mdvcq","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM","trigger___filter":"select-module_trigger-filter__Mdvcq"};
+var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","separator":"select-module_separator__7YD2G","menugroup":"select-module_menugroup__h7nP9","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","leadingIcon":"select-module_leadingIcon__PTDA9","trigger___outline":"select-module_trigger-outline__FIv-z","trigger___text":"select-module_trigger-text__QHQ4b","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM"};
 
 export { styles as default };
 //# sourceMappingURL=select.module.css.js.map

package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs

@@ -2,22 +2,22 @@
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var index$j = require('../../../../../@radix-ui_number@1.1.0/node_modules/@radix-ui/number/dist/index.cjs');
+var index$h = require('../../../../../@radix-ui_number@1.1.0/node_modules/@radix-ui/number/dist/index.cjs');
 var index$5 = require('../../../../../@radix-ui_primitive@1.1.0/node_modules/@radix-ui/primitive/dist/index.cjs');
 var index = require('../../../../../@radix-ui_react-collection@1.1.0_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3_o7ts2nnlvhh77fzdn2oqk6h3ou/node_modules/@radix-ui/react-collection/dist/index.cjs');
 var index$3 = require('../../../../../@radix-ui_react-compose-refs@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.cjs');
 var index$1 = require('../../../../../@radix-ui_react-context@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-context/dist/index.cjs');
-var index$g = require('../../../../../@radix-ui_react-direction@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-direction/dist/index.cjs');
+var index$i = require('../../../../../@radix-ui_react-direction@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-direction/dist/index.cjs');
 var index$b = require('../../../../../@radix-ui_react-dismissable-layer@1.1.0_@types_react-dom@18.0.11_@types_react@18.2.12_react-d_ssbz7ct4j4dovku4cnjdinfvbi/node_modules/@radix-ui/react-dismissable-layer/dist/index.cjs');
 var index$8 = require('../../../../../@radix-ui_react-focus-guards@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-focus-guards/dist/index.cjs');
 var index$a = require('../../../../../@radix-ui_react-focus-scope@1.1.0_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18._2iqg6di5glihcqy5icb35vajxy/node_modules/@radix-ui/react-focus-scope/dist/index.cjs');
 var index$c = require('../../../../../@radix-ui_react-id@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-id/dist/index.cjs');
 var index$2 = require('../../../../../@radix-ui_react-popper@1.2.0_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-popper/dist/index.cjs');
-var index$i = require('../../../../../@radix-ui_react-portal@1.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-portal/dist/index.cjs');
+var index$g = require('../../../../../@radix-ui_react-portal@1.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-portal/dist/index.cjs');
 var index$4 = require('../../../../../@radix-ui_react-primitive@2.0.0_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3._3zmfwjcm3t5zu55yjfddt34hay/node_modules/@radix-ui/react-primitive/dist/index.cjs');
 var index$9 = require('../../../../../@radix-ui_react-slot@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
 var index$f = require('../../../../../@radix-ui_react-use-callback-ref@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.cjs');
-var index$h = require('../../../../../@radix-ui_react-use-controllable-state@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs');
+var index$j = require('../../../../../@radix-ui_react-use-controllable-state@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs');
 var index$6 = require('../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.cjs');
 var index$d = require('../../../../../@radix-ui_react-use-previous@1.1.0_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.cjs');
 var index$e = require('../../../../../@radix-ui_react-visually-hidden@1.1.0_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom_d6t4kabnj7swqvo5hbk4mjb3nm/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs');
@@ -76,13 +76,13 @@ var Select = (props) => {
   const [trigger, setTrigger] = React__namespace.useState(null);
   const [valueNode, setValueNode] = React__namespace.useState(null);
   const [valueNodeHasChildren, setValueNodeHasChildren] = React__namespace.useState(false);
-  const direction = index$g.useDirection(dir);
-  const [open = false, setOpen] = index$h.useControllableState({
+  const direction = index$i.useDirection(dir);
+  const [open = false, setOpen] = index$j.useControllableState({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
   });
-  const [value, setValue] = index$h.useControllableState({
+  const [value, setValue] = index$j.useControllableState({
     prop: valueProp,
     defaultProp: defaultValue,
     onChange: onValueChange
@@ -255,7 +255,7 @@ var SelectIcon = React__namespace.forwardRef(
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$i.Portal, { asChild: true, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index$g.Portal, { asChild: true, ...props });
 };
 SelectPortal.displayName = PORTAL_NAME;
 var CONTENT_NAME = "SelectContent";
@@ -538,7 +538,7 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
         const minContentWidth = triggerRect.width + leftDelta;
         const contentWidth = Math.max(minContentWidth, contentRect.width);
         const rightEdge = window.innerWidth - CONTENT_MARGIN;
-        const clampedLeft = index$j.clamp(left, [CONTENT_MARGIN, rightEdge - contentWidth]);
+        const clampedLeft = index$h.clamp(left, [CONTENT_MARGIN, rightEdge - contentWidth]);
         contentWrapper.style.minWidth = minContentWidth + "px";
         contentWrapper.style.left = clampedLeft + "px";
       } else {
@@ -548,7 +548,7 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
         const minContentWidth = triggerRect.width + rightDelta;
         const contentWidth = Math.max(minContentWidth, contentRect.width);
         const leftEdge = window.innerWidth - CONTENT_MARGIN;
-        const clampedRight = index$j.clamp(right, [CONTENT_MARGIN, leftEdge - contentWidth]);
+        const clampedRight = index$h.clamp(right, [CONTENT_MARGIN, leftEdge - contentWidth]);
         contentWrapper.style.minWidth = minContentWidth + "px";
         contentWrapper.style.right = clampedRight + "px";
       }