@raystack/apsara 0.21.1 → 0.22.0

package/dist/calendar/date-picker.cjs

@@ -0,0 +1,113 @@
+'use strict';
+
+var jsxRuntime = require('../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var popover = require('../popover/popover.cjs');
+var textfield = require('../textfield/textfield.cjs');
+var calendar = require('./calendar.cjs');
+var calendar_module = require('./calendar.module.css.cjs');
+var React = require('react');
+var reactIcons_esm = require('../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var dayjs_min = require('../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
+var customParseFormat = require('../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/customParseFormat.cjs');
+
+dayjs_min.default.extend(customParseFormat.default);
+function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", placeholder = "DD/MM/YYYY", textFieldProps, calendarProps, value = new Date(), onSelect = () => { }, }) {
+    const defaultDate = dayjs_min.default(value).format(dateFormat);
+    const [showCalendar, setShowCalendar] = React.useState(false);
+    const [calendarVal, setCalendarVal] = React.useState(value);
+    const [inputState, setInputState] = React.useState();
+    const isDropdownOpenRef = React.useRef(false);
+    const textFieldRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const isInputFieldFocused = React.useRef(false);
+    const calendarValRef = React.useRef(value);
+    React.useEffect(() => {
+        calendarValRef.current = calendarVal;
+    }, [calendarVal]);
+    function isElementOutside(el) {
+        return !isDropdownOpenRef.current && // Month and Year dropdown from Date picker
+            !textFieldRef.current?.contains(el) && // TextField
+            !contentRef.current?.contains(el);
+    }
+    const handleMouseDown = React.useCallback((event) => {
+        const el = (event.target);
+        if (el && isElementOutside(el))
+            removeEventListeners();
+    }, []);
+    function registerEventListeners() {
+        isInputFieldFocused.current = true;
+        document.addEventListener('mouseup', handleMouseDown);
+    }
+    function removeEventListeners() {
+        isInputFieldFocused.current = false;
+        setShowCalendar(false);
+        const updatedVal = dayjs_min.default(calendarValRef.current).format(dateFormat);
+        if (textFieldRef.current)
+            textFieldRef.current.value = updatedVal;
+        if (inputState === undefined)
+            onSelect(dayjs_min.default(updatedVal).toDate());
+        document.removeEventListener('mouseup', handleMouseDown);
+    }
+    const handleSelect = (day) => {
+        onSelect(day);
+        setCalendarVal(day);
+        calendarValRef.current = day;
+        setInputState(undefined);
+        removeEventListeners();
+    };
+    function onDropdownOpen() {
+        isDropdownOpenRef.current = true;
+    }
+    function onOpenChange(open) {
+        if (!isDropdownOpenRef.current && !(isInputFieldFocused.current && showCalendar)) {
+            setShowCalendar(Boolean(open));
+        }
+        isDropdownOpenRef.current = false;
+    }
+    function handleInputFocus() {
+        if (isInputFieldFocused.current)
+            return;
+        if (!showCalendar)
+            setShowCalendar(true);
+    }
+    function handleInputBlur(event) {
+        if (isInputFieldFocused.current) {
+            const el = event.relatedTarget;
+            if (el && isElementOutside(el))
+                removeEventListeners();
+        }
+        else {
+            registerEventListeners();
+            setTimeout(() => textFieldRef.current?.select());
+        }
+    }
+    function handleKeyUp(event) {
+        if (event.code === 'Enter' && textFieldRef.current) {
+            textFieldRef.current.blur();
+            removeEventListeners();
+        }
+    }
+    function handleInputChange(event) {
+        const { value } = event.target;
+        const format = value.includes("/") ? "DD/MM/YYYY" : value.includes("-") ? "DD-MM-YYYY" : undefined;
+        const date = dayjs_min.default(value.replace(/(\d{1,2})\/(\d{1,2})\/(\d{4})/, (_, day, month, year) => {
+            return `${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`; // Replaces [8/8/2024] to [08/08/2024]
+        }), format);
+        const isValidDate = date.isValid();
+        const isAfter = calendarProps?.startMonth !== undefined ? dayjs_min.default(date).isSameOrAfter(calendarProps.startMonth) : true;
+        const isBefore = calendarProps?.endMonth !== undefined ? dayjs_min.default(date).isSameOrBefore(calendarProps.endMonth) : true;
+        const isValid = isValidDate && isAfter && isBefore && dayjs_min.default(date).isSameOrBefore(dayjs_min.default());
+        if (isValid) {
+            setCalendarVal(date.toDate());
+            if (inputState === 'invalid')
+                setInputState(undefined);
+        }
+        else {
+            setInputState('invalid');
+        }
+    }
+    return (jsxRuntime.jsxRuntimeExports.jsxs(popover.Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { ref: textFieldRef, defaultValue: defaultDate, trailing: jsxRuntime.jsxRuntimeExports.jsx(popover.Popover.Trigger, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}) }), onChange: handleInputChange, onFocus: handleInputFocus, onBlur: handleInputBlur, state: inputState, placeholder: placeholder, onKeyUp: handleKeyUp, ...textFieldProps }), jsxRuntime.jsxRuntimeExports.jsx(popover.Popover.Content, { side: side, className: calendar_module.default.calendarPopover, ref: contentRef, children: jsxRuntime.jsxRuntimeExports.jsx(calendar.Calendar, { required: true, ...calendarProps, onDropdownOpen: onDropdownOpen, mode: "single", selected: calendarVal, month: calendarVal, onSelect: handleSelect, onMonthChange: setCalendarVal }) })] }));
+}
+
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=date-picker.cjs.map

package/dist/calendar/date-picker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.cjs","sources":["../../calendar/date-picker.tsx"],"sourcesContent":["import { Popover } from \"~/popover\";\nimport { TextField } from \"~/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { TextfieldProps } from \"~/textfield/textfield\";\nimport { PropsBase, PropsSingleRequired } from \"react-day-picker\";\n\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\n\ndayjs.extend(customParseFormat);\n\n\ninterface DatePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsSingleRequired & PropsBase;\n  onSelect?: (date: Date) => void;\n  placeholder?: string;\n  value?: Date;\n}\n\nexport function DatePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  placeholder = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  value = new Date(),\n  onSelect = () => {},\n}: DatePickerProps) {\n  const defaultDate = dayjs(value).format(dateFormat);\n\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [calendarVal, setCalendarVal] = useState(value);\n  const [inputState, setInputState] = useState<Partial<React.ComponentProps<typeof TextField>['state']>>();\n\n  const isDropdownOpenRef = useRef(false);\n  const textFieldRef = useRef<HTMLInputElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const isInputFieldFocused = useRef(false);\n\tconst calendarValRef = useRef(value);\n\n\tuseEffect(() => {\n\t\tcalendarValRef.current = calendarVal;\n\t}, [calendarVal]);\n\n  function isElementOutside(el: HTMLElement) {\n    return !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n           !textFieldRef.current?.contains(el) && // TextField\n           !contentRef.current?.contains(el);\n  }\n\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n      const el = (event.target) as HTMLElement | null;\n      if (el && isElementOutside(el)) removeEventListeners();\n  }, [])\n\n  function registerEventListeners() {\n    isInputFieldFocused.current = true;\n    document.addEventListener('mouseup', handleMouseDown);\n  }\n\n  function removeEventListeners() {\n    isInputFieldFocused.current = false;\n    setShowCalendar(false);\n\n    const updatedVal = dayjs(calendarValRef.current).format(dateFormat);\n\n    if  (textFieldRef.current) textFieldRef.current.value = updatedVal;\n    if (inputState === undefined) onSelect(dayjs(updatedVal).toDate());\n\n    document.removeEventListener('mouseup', handleMouseDown);\n  }\n\n  const handleSelect = (day: Date) => {\n    onSelect(day);\n    setCalendarVal(day);\n\t\tcalendarValRef.current = day;\n    setInputState(undefined);\n    removeEventListeners();\n  };\n\n  function onDropdownOpen() {\n    isDropdownOpenRef.current = true;\n  }\n\n  function onOpenChange(open?: boolean) {\n    if (!isDropdownOpenRef.current && !(isInputFieldFocused.current && showCalendar)) {\n      setShowCalendar(Boolean(open));\n    }\n\n    isDropdownOpenRef.current = false;\n  }\n\n  function handleInputFocus() {\n    if (isInputFieldFocused.current) return;\n    if (!showCalendar) setShowCalendar(true);\n  }\n\n  function handleInputBlur(event: React.FocusEvent) {\n    if (isInputFieldFocused.current) {\n        const el = event.relatedTarget as HTMLElement | null;\n        if (el && isElementOutside(el)) removeEventListeners();\n    } else {\n        registerEventListeners();\n        setTimeout(() => textFieldRef.current?.select());\n    }\n  }\n\n  function handleKeyUp(event: React.KeyboardEvent) {\n    if (event.code === 'Enter' && textFieldRef.current) {\n        textFieldRef.current.blur();\n        removeEventListeners();\n    }\n  }\n\n  function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const { value } = event.target;\n\n    const format = value.includes(\"/\") ? \"DD/MM/YYYY\" : value.includes(\"-\") ? \"DD-MM-YYYY\" : undefined;\n    const date = dayjs(value.replace(/(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})/, (_, day, month, year) => {\n\t\t\t\treturn `${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`; // Replaces [8/8/2024] to [08/08/2024]\n\t\t}), format);\n\n    const isValidDate = date.isValid();\n\n    const isAfter = calendarProps?.startMonth !== undefined ? dayjs(date).isSameOrAfter(calendarProps.startMonth) : true;\n    const isBefore = calendarProps?.endMonth !== undefined ? dayjs(date).isSameOrBefore(calendarProps.endMonth) : true;\n\n    const isValid = isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n    if (isValid) {\n        setCalendarVal(date.toDate());\n        if (inputState === 'invalid') setInputState(undefined);\n    } else {\n        setInputState('invalid');\n    }\n  }\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <TextField\n          ref={textFieldRef}\n          defaultValue={defaultDate}\n          trailing={<Popover.Trigger asChild><CalendarIcon /></Popover.Trigger>}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          state={inputState}\n          placeholder={placeholder}\n          onKeyUp={handleKeyUp}\n          {...textFieldProps}\n      />\n\n      <Popover.Content side={side} className={styles.calendarPopover} ref={contentRef}>\n        <Calendar\n          required={true}\n          {...calendarProps}\n          onDropdownOpen={onDropdownOpen}\n          mode=\"single\"\n          selected={calendarVal}\n          month={calendarVal}\n          onSelect={handleSelect}\n          onMonthChange={setCalendarVal}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["dayjs","customParseFormat","useState","useRef","useEffect","useCallback","_jsxs","Popover","_jsx","TextField","CalendarIcon","styles","Calendar"],"mappings":"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"}

package/dist/calendar/date-picker.js

@@ -0,0 +1,111 @@
+import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { Popover } from '../popover/popover.js';
+import { TextField } from '../textfield/textfield.js';
+import { Calendar } from './calendar.js';
+import styles from './calendar.module.css.js';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { CalendarIcon } 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 dayjs from '../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
+import customParseFormat from '../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/plugin/customParseFormat.js';
+
+dayjs.extend(customParseFormat);
+function DatePicker({ side = "top", dateFormat = "DD/MM/YYYY", placeholder = "DD/MM/YYYY", textFieldProps, calendarProps, value = new Date(), onSelect = () => { }, }) {
+    const defaultDate = dayjs(value).format(dateFormat);
+    const [showCalendar, setShowCalendar] = useState(false);
+    const [calendarVal, setCalendarVal] = useState(value);
+    const [inputState, setInputState] = useState();
+    const isDropdownOpenRef = useRef(false);
+    const textFieldRef = useRef(null);
+    const contentRef = useRef(null);
+    const isInputFieldFocused = useRef(false);
+    const calendarValRef = useRef(value);
+    useEffect(() => {
+        calendarValRef.current = calendarVal;
+    }, [calendarVal]);
+    function isElementOutside(el) {
+        return !isDropdownOpenRef.current && // Month and Year dropdown from Date picker
+            !textFieldRef.current?.contains(el) && // TextField
+            !contentRef.current?.contains(el);
+    }
+    const handleMouseDown = useCallback((event) => {
+        const el = (event.target);
+        if (el && isElementOutside(el))
+            removeEventListeners();
+    }, []);
+    function registerEventListeners() {
+        isInputFieldFocused.current = true;
+        document.addEventListener('mouseup', handleMouseDown);
+    }
+    function removeEventListeners() {
+        isInputFieldFocused.current = false;
+        setShowCalendar(false);
+        const updatedVal = dayjs(calendarValRef.current).format(dateFormat);
+        if (textFieldRef.current)
+            textFieldRef.current.value = updatedVal;
+        if (inputState === undefined)
+            onSelect(dayjs(updatedVal).toDate());
+        document.removeEventListener('mouseup', handleMouseDown);
+    }
+    const handleSelect = (day) => {
+        onSelect(day);
+        setCalendarVal(day);
+        calendarValRef.current = day;
+        setInputState(undefined);
+        removeEventListeners();
+    };
+    function onDropdownOpen() {
+        isDropdownOpenRef.current = true;
+    }
+    function onOpenChange(open) {
+        if (!isDropdownOpenRef.current && !(isInputFieldFocused.current && showCalendar)) {
+            setShowCalendar(Boolean(open));
+        }
+        isDropdownOpenRef.current = false;
+    }
+    function handleInputFocus() {
+        if (isInputFieldFocused.current)
+            return;
+        if (!showCalendar)
+            setShowCalendar(true);
+    }
+    function handleInputBlur(event) {
+        if (isInputFieldFocused.current) {
+            const el = event.relatedTarget;
+            if (el && isElementOutside(el))
+                removeEventListeners();
+        }
+        else {
+            registerEventListeners();
+            setTimeout(() => textFieldRef.current?.select());
+        }
+    }
+    function handleKeyUp(event) {
+        if (event.code === 'Enter' && textFieldRef.current) {
+            textFieldRef.current.blur();
+            removeEventListeners();
+        }
+    }
+    function handleInputChange(event) {
+        const { value } = event.target;
+        const format = value.includes("/") ? "DD/MM/YYYY" : value.includes("-") ? "DD-MM-YYYY" : undefined;
+        const date = dayjs(value.replace(/(\d{1,2})\/(\d{1,2})\/(\d{4})/, (_, day, month, year) => {
+            return `${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`; // Replaces [8/8/2024] to [08/08/2024]
+        }), format);
+        const isValidDate = date.isValid();
+        const isAfter = calendarProps?.startMonth !== undefined ? dayjs(date).isSameOrAfter(calendarProps.startMonth) : true;
+        const isBefore = calendarProps?.endMonth !== undefined ? dayjs(date).isSameOrBefore(calendarProps.endMonth) : true;
+        const isValid = isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());
+        if (isValid) {
+            setCalendarVal(date.toDate());
+            if (inputState === 'invalid')
+                setInputState(undefined);
+        }
+        else {
+            setInputState('invalid');
+        }
+    }
+    return (jsxRuntimeExports.jsxs(Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntimeExports.jsx(TextField, { ref: textFieldRef, defaultValue: defaultDate, trailing: jsxRuntimeExports.jsx(Popover.Trigger, { asChild: true, children: jsxRuntimeExports.jsx(CalendarIcon, {}) }), onChange: handleInputChange, onFocus: handleInputFocus, onBlur: handleInputBlur, state: inputState, placeholder: placeholder, onKeyUp: handleKeyUp, ...textFieldProps }), jsxRuntimeExports.jsx(Popover.Content, { side: side, className: styles.calendarPopover, ref: contentRef, children: jsxRuntimeExports.jsx(Calendar, { required: true, ...calendarProps, onDropdownOpen: onDropdownOpen, mode: "single", selected: calendarVal, month: calendarVal, onSelect: handleSelect, onMonthChange: setCalendarVal }) })] }));
+}
+
+export { DatePicker };
+//# sourceMappingURL=date-picker.js.map

package/dist/calendar/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sources":["../../calendar/date-picker.tsx"],"sourcesContent":["import { Popover } from \"~/popover\";\nimport { TextField } from \"~/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { TextfieldProps } from \"~/textfield/textfield\";\nimport { PropsBase, PropsSingleRequired } from \"react-day-picker\";\n\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\n\ndayjs.extend(customParseFormat);\n\n\ninterface DatePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsSingleRequired & PropsBase;\n  onSelect?: (date: Date) => void;\n  placeholder?: string;\n  value?: Date;\n}\n\nexport function DatePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  placeholder = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  value = new Date(),\n  onSelect = () => {},\n}: DatePickerProps) {\n  const defaultDate = dayjs(value).format(dateFormat);\n\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [calendarVal, setCalendarVal] = useState(value);\n  const [inputState, setInputState] = useState<Partial<React.ComponentProps<typeof TextField>['state']>>();\n\n  const isDropdownOpenRef = useRef(false);\n  const textFieldRef = useRef<HTMLInputElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const isInputFieldFocused = useRef(false);\n\tconst calendarValRef = useRef(value);\n\n\tuseEffect(() => {\n\t\tcalendarValRef.current = calendarVal;\n\t}, [calendarVal]);\n\n  function isElementOutside(el: HTMLElement) {\n    return !isDropdownOpenRef.current && // Month and Year dropdown from Date picker\n           !textFieldRef.current?.contains(el) && // TextField\n           !contentRef.current?.contains(el);\n  }\n\n  const handleMouseDown = useCallback((event: MouseEvent) => {\n      const el = (event.target) as HTMLElement | null;\n      if (el && isElementOutside(el)) removeEventListeners();\n  }, [])\n\n  function registerEventListeners() {\n    isInputFieldFocused.current = true;\n    document.addEventListener('mouseup', handleMouseDown);\n  }\n\n  function removeEventListeners() {\n    isInputFieldFocused.current = false;\n    setShowCalendar(false);\n\n    const updatedVal = dayjs(calendarValRef.current).format(dateFormat);\n\n    if  (textFieldRef.current) textFieldRef.current.value = updatedVal;\n    if (inputState === undefined) onSelect(dayjs(updatedVal).toDate());\n\n    document.removeEventListener('mouseup', handleMouseDown);\n  }\n\n  const handleSelect = (day: Date) => {\n    onSelect(day);\n    setCalendarVal(day);\n\t\tcalendarValRef.current = day;\n    setInputState(undefined);\n    removeEventListeners();\n  };\n\n  function onDropdownOpen() {\n    isDropdownOpenRef.current = true;\n  }\n\n  function onOpenChange(open?: boolean) {\n    if (!isDropdownOpenRef.current && !(isInputFieldFocused.current && showCalendar)) {\n      setShowCalendar(Boolean(open));\n    }\n\n    isDropdownOpenRef.current = false;\n  }\n\n  function handleInputFocus() {\n    if (isInputFieldFocused.current) return;\n    if (!showCalendar) setShowCalendar(true);\n  }\n\n  function handleInputBlur(event: React.FocusEvent) {\n    if (isInputFieldFocused.current) {\n        const el = event.relatedTarget as HTMLElement | null;\n        if (el && isElementOutside(el)) removeEventListeners();\n    } else {\n        registerEventListeners();\n        setTimeout(() => textFieldRef.current?.select());\n    }\n  }\n\n  function handleKeyUp(event: React.KeyboardEvent) {\n    if (event.code === 'Enter' && textFieldRef.current) {\n        textFieldRef.current.blur();\n        removeEventListeners();\n    }\n  }\n\n  function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const { value } = event.target;\n\n    const format = value.includes(\"/\") ? \"DD/MM/YYYY\" : value.includes(\"-\") ? \"DD-MM-YYYY\" : undefined;\n    const date = dayjs(value.replace(/(\\d{1,2})\\/(\\d{1,2})\\/(\\d{4})/, (_, day, month, year) => {\n\t\t\t\treturn `${day.padStart(2, '0')}/${month.padStart(2, '0')}/${year}`; // Replaces [8/8/2024] to [08/08/2024]\n\t\t}), format);\n\n    const isValidDate = date.isValid();\n\n    const isAfter = calendarProps?.startMonth !== undefined ? dayjs(date).isSameOrAfter(calendarProps.startMonth) : true;\n    const isBefore = calendarProps?.endMonth !== undefined ? dayjs(date).isSameOrBefore(calendarProps.endMonth) : true;\n\n    const isValid = isValidDate && isAfter && isBefore && dayjs(date).isSameOrBefore(dayjs());\n\n    if (isValid) {\n        setCalendarVal(date.toDate());\n        if (inputState === 'invalid') setInputState(undefined);\n    } else {\n        setInputState('invalid');\n    }\n  }\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <TextField\n          ref={textFieldRef}\n          defaultValue={defaultDate}\n          trailing={<Popover.Trigger asChild><CalendarIcon /></Popover.Trigger>}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          state={inputState}\n          placeholder={placeholder}\n          onKeyUp={handleKeyUp}\n          {...textFieldProps}\n      />\n\n      <Popover.Content side={side} className={styles.calendarPopover} ref={contentRef}>\n        <Calendar\n          required={true}\n          {...calendarProps}\n          onDropdownOpen={onDropdownOpen}\n          mode=\"single\"\n          selected={calendarVal}\n          month={calendarVal}\n          onSelect={handleSelect}\n          onMonthChange={setCalendarVal}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/calendar/range-picker.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var popover = require('../popover/popover.cjs');
+var textfield = require('../textfield/textfield.cjs');
+var calendar = require('./calendar.cjs');
+var calendar_module = require('./calendar.module.css.cjs');
+var React = require('react');
+var reactIcons_esm = require('../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var dayjs_min = require('../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.cjs');
+var flex = require('../flex/flex.cjs');
+
+function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, calendarProps, onSelect = () => { }, value = {
+    to: new Date(),
+    from: new Date(),
+}, pickerGroupClassName, }) {
+    const [showCalendar, setShowCalendar] = React.useState(false);
+    const [currentRangeField, setCurrentRangeField] = React.useState("from");
+    const startDate = dayjs_min.default(value.from).format(dateFormat);
+    const endDate = dayjs_min.default(value.to).format(dateFormat);
+    // 1st click will select the start date.
+    // 2nd click will select the end date.
+    // 3rd click will select the start date again.
+    const handleSelect = (range, selectedDay) => {
+        const from = value?.from || range?.from;
+        if (currentRangeField === "to" && dayjs_min.default(selectedDay).isAfter(dayjs_min.default(from))) {
+            // update the end date
+            onSelect({ from, to: selectedDay });
+            setCurrentRangeField("from");
+        }
+        else {
+            // reset the range and select start day
+            onSelect({ from: selectedDay });
+            setCurrentRangeField("to");
+        }
+    };
+    function onOpenChange(open) {
+        setShowCalendar(Boolean(open));
+    }
+    return (jsxRuntime.jsxRuntimeExports.jsxs(popover.Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntime.jsxRuntimeExports.jsx(popover.Popover.Trigger, { asChild: true, children: jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: startDate, trailing: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}), className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps }), jsxRuntime.jsxRuntimeExports.jsx(textfield.TextField, { value: endDate, trailing: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CalendarIcon, {}), className: calendar_module.default.datePickerInput, readOnly: true, ...textFieldProps })] }) }), jsxRuntime.jsxRuntimeExports.jsx(popover.Popover.Content, { side: side, className: calendar_module.default.calendarPopover, children: jsxRuntime.jsxRuntimeExports.jsx(calendar.Calendar, { showOutsideDays: false, numberOfMonths: 2, defaultMonth: value.from, required: true, ...calendarProps, mode: "range", selected: value, onSelect: handleSelect }) })] }));
+}
+
+exports.RangePicker = RangePicker;
+//# sourceMappingURL=range-picker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-picker.cjs","sources":["../../calendar/range-picker.tsx"],"sourcesContent":["import { Popover } from \"~/popover\";\nimport { TextField } from \"~/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\nimport { useState } from \"react\";\nimport { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { TextfieldProps } from \"~/textfield/textfield\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\nimport { Flex } from \"~/flex\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] =\n    useState<RangeFields>(\"from\");\n  const startDate = dayjs(value.from).format(dateFormat);\n  const endDate = dayjs(value.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 = value?.from || range?.from;\n    if (currentRangeField === \"to\" && dayjs(selectedDay).isAfter(dayjs(from))) {\n      // update the end date\n      onSelect({ from, to: selectedDay });\n      setCurrentRangeField(\"from\");\n    } else {\n      // reset the range and select start day\n      onSelect({ from: selectedDay });\n      setCurrentRangeField(\"to\");\n    }\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        <Flex gap={\"medium\"} className={pickerGroupClassName}>\n          <TextField\n            value={startDate}\n            trailing={<CalendarIcon />}\n            className={styles.datePickerInput}\n            readOnly\n            {...textFieldProps}\n          />\n          <TextField\n            value={endDate}\n            trailing={<CalendarIcon />}\n            className={styles.datePickerInput}\n            readOnly\n            {...textFieldProps}\n          />\n        </Flex>\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={value.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={value}\n          onSelect={handleSelect}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["useState","dayjs","_jsxs","Popover","_jsx","Flex","TextField","CalendarIcon","styles","Calendar"],"mappings":";;;;;;;;;;;;AAuBM,SAAU,WAAW,CAAC,EAC1B,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,YAAY,EACzB,cAAc,EACd,aAAa,EACb,QAAQ,GAAG,MAAO,GAAC,EACnB,KAAK,GAAG;IACN,EAAE,EAAE,IAAI,IAAI,EAAE;IACd,IAAI,EAAE,IAAI,IAAI,EAAE;AACjB,CAAA,EACD,oBAAoB,GACH,EAAA;IACjB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAC7CA,cAAQ,CAAc,MAAM,CAAC,CAAC;AAChC,IAAA,MAAM,SAAS,GAAGC,iBAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AACvD,IAAA,MAAM,OAAO,GAAGA,iBAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;;;;AAKnD,IAAA,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,WAAiB,KAAI;QAC3D,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,IAAI,KAAK,EAAE,IAAI,CAAC;AACxC,QAAA,IAAI,iBAAiB,KAAK,IAAI,IAAIA,iBAAK,CAAC,WAAW,CAAC,CAAC,OAAO,CAACA,iBAAK,CAAC,IAAI,CAAC,CAAC,EAAE;;YAEzE,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;YACpC,oBAAoB,CAAC,MAAM,CAAC,CAAC;SAC9B;aAAM;;AAEL,YAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;YAChC,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;AACH,KAAC,CAAC;IAEF,SAAS,YAAY,CAAC,IAAc,EAAA;AAClC,QAAA,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;KAChC;AAED,IAAA,QACEC,iCAAA,CAACC,eAAO,EAAA,EAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAA,QAAA,EAAA,CACrDC,iCAACD,eAAO,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACtBD,iCAAC,CAAAG,SAAI,EAAC,EAAA,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,oBAAoB,aAClDD,gCAAC,CAAAE,mBAAS,EACR,EAAA,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAEF,gCAAA,CAACG,2BAAY,EAAA,EAAA,CAAG,EAC1B,SAAS,EAAEC,uBAAM,CAAC,eAAe,EACjC,QAAQ,EAAA,IAAA,EAAA,GACJ,cAAc,EAAA,CAClB,EACFJ,gCAAA,CAACE,mBAAS,EAAA,EACR,KAAK,EAAE,OAAO,EACd,QAAQ,EAAEF,iCAACG,2BAAY,EAAA,EAAA,CAAG,EAC1B,SAAS,EAAEC,uBAAM,CAAC,eAAe,EACjC,QAAQ,EACJ,IAAA,EAAA,GAAA,cAAc,EAClB,CAAA,CAAA,EAAA,CACG,EACS,CAAA,EAClBJ,iCAACD,eAAO,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAEK,uBAAM,CAAC,eAAe,EAAA,QAAA,EAC5DJ,gCAAC,CAAAK,iBAAQ,IACP,eAAe,EAAE,KAAK,EACtB,cAAc,EAAE,CAAC,EACjB,YAAY,EAAE,KAAK,CAAC,IAAI,EACxB,QAAQ,EAAE,IAAI,EACV,GAAA,aAAa,EACjB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,YAAY,EAAA,CACtB,EACc,CAAA,CAAA,EAAA,CACV,EACV;AACJ;;;;"}

package/dist/calendar/range-picker.js

@@ -0,0 +1,42 @@
+import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { Popover } from '../popover/popover.js';
+import { TextField } from '../textfield/textfield.js';
+import { Calendar } from './calendar.js';
+import styles from './calendar.module.css.js';
+import { useState } from 'react';
+import { CalendarIcon } 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 dayjs from '../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js';
+import { Flex } from '../flex/flex.js';
+
+function RangePicker({ side = "top", dateFormat = "DD/MM/YYYY", textFieldProps, calendarProps, onSelect = () => { }, value = {
+    to: new Date(),
+    from: new Date(),
+}, pickerGroupClassName, }) {
+    const [showCalendar, setShowCalendar] = useState(false);
+    const [currentRangeField, setCurrentRangeField] = useState("from");
+    const startDate = dayjs(value.from).format(dateFormat);
+    const endDate = dayjs(value.to).format(dateFormat);
+    // 1st click will select the start date.
+    // 2nd click will select the end date.
+    // 3rd click will select the start date again.
+    const handleSelect = (range, selectedDay) => {
+        const from = value?.from || range?.from;
+        if (currentRangeField === "to" && dayjs(selectedDay).isAfter(dayjs(from))) {
+            // update the end date
+            onSelect({ from, to: selectedDay });
+            setCurrentRangeField("from");
+        }
+        else {
+            // reset the range and select start day
+            onSelect({ from: selectedDay });
+            setCurrentRangeField("to");
+        }
+    };
+    function onOpenChange(open) {
+        setShowCalendar(Boolean(open));
+    }
+    return (jsxRuntimeExports.jsxs(Popover, { open: showCalendar, onOpenChange: onOpenChange, children: [jsxRuntimeExports.jsx(Popover.Trigger, { asChild: true, children: jsxRuntimeExports.jsxs(Flex, { gap: "medium", className: pickerGroupClassName, children: [jsxRuntimeExports.jsx(TextField, { value: startDate, trailing: jsxRuntimeExports.jsx(CalendarIcon, {}), className: styles.datePickerInput, readOnly: true, ...textFieldProps }), jsxRuntimeExports.jsx(TextField, { value: endDate, trailing: jsxRuntimeExports.jsx(CalendarIcon, {}), className: styles.datePickerInput, readOnly: true, ...textFieldProps })] }) }), jsxRuntimeExports.jsx(Popover.Content, { side: side, className: styles.calendarPopover, children: jsxRuntimeExports.jsx(Calendar, { showOutsideDays: false, numberOfMonths: 2, defaultMonth: value.from, required: true, ...calendarProps, mode: "range", selected: value, onSelect: handleSelect }) })] }));
+}
+
+export { RangePicker };
+//# sourceMappingURL=range-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-picker.js","sources":["../../calendar/range-picker.tsx"],"sourcesContent":["import { Popover } from \"~/popover\";\nimport { TextField } from \"~/textfield\";\nimport { Calendar } from \"./calendar\";\nimport styles from \"./calendar.module.css\";\nimport { useState } from \"react\";\nimport { CalendarIcon } from \"@radix-ui/react-icons\";\nimport dayjs from \"dayjs\";\nimport { TextfieldProps } from \"~/textfield/textfield\";\nimport { DateRange, PropsBase, PropsRangeRequired } from \"react-day-picker\";\nimport { Flex } from \"~/flex\";\n\ninterface RangePickerProps {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  dateFormat?: string;\n  textFieldProps?: TextfieldProps;\n  calendarProps?: PropsRangeRequired & PropsBase;\n  onSelect?: (date: DateRange) => void;\n  pickerGroupClassName?: string;\n  value?: DateRange;\n}\n\ntype RangeFields = keyof DateRange;\n\nexport function RangePicker({\n  side = \"top\",\n  dateFormat = \"DD/MM/YYYY\",\n  textFieldProps,\n  calendarProps,\n  onSelect = () => {},\n  value = {\n    to: new Date(),\n    from: new Date(),\n  },\n  pickerGroupClassName,\n}: RangePickerProps) {\n  const [showCalendar, setShowCalendar] = useState(false);\n  const [currentRangeField, setCurrentRangeField] =\n    useState<RangeFields>(\"from\");\n  const startDate = dayjs(value.from).format(dateFormat);\n  const endDate = dayjs(value.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 = value?.from || range?.from;\n    if (currentRangeField === \"to\" && dayjs(selectedDay).isAfter(dayjs(from))) {\n      // update the end date\n      onSelect({ from, to: selectedDay });\n      setCurrentRangeField(\"from\");\n    } else {\n      // reset the range and select start day\n      onSelect({ from: selectedDay });\n      setCurrentRangeField(\"to\");\n    }\n  };\n\n  function onOpenChange(open?: boolean) {\n    setShowCalendar(Boolean(open));\n  }\n\n  return (\n    <Popover open={showCalendar} onOpenChange={onOpenChange}>\n      <Popover.Trigger asChild>\n        <Flex gap={\"medium\"} className={pickerGroupClassName}>\n          <TextField\n            value={startDate}\n            trailing={<CalendarIcon />}\n            className={styles.datePickerInput}\n            readOnly\n            {...textFieldProps}\n          />\n          <TextField\n            value={endDate}\n            trailing={<CalendarIcon />}\n            className={styles.datePickerInput}\n            readOnly\n            {...textFieldProps}\n          />\n        </Flex>\n      </Popover.Trigger>\n      <Popover.Content side={side} className={styles.calendarPopover}>\n        <Calendar\n          showOutsideDays={false}\n          numberOfMonths={2}\n          defaultMonth={value.from}\n          required={true}\n          {...calendarProps}\n          mode=\"range\"\n          selected={value}\n          onSelect={handleSelect}\n        />\n      </Popover.Content>\n    </Popover>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAuBM,SAAU,WAAW,CAAC,EAC1B,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,YAAY,EACzB,cAAc,EACd,aAAa,EACb,QAAQ,GAAG,MAAO,GAAC,EACnB,KAAK,GAAG;IACN,EAAE,EAAE,IAAI,IAAI,EAAE;IACd,IAAI,EAAE,IAAI,IAAI,EAAE;AACjB,CAAA,EACD,oBAAoB,GACH,EAAA;IACjB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAC7C,QAAQ,CAAc,MAAM,CAAC,CAAC;AAChC,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AACvD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;;;;AAKnD,IAAA,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,WAAiB,KAAI;QAC3D,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,IAAI,KAAK,EAAE,IAAI,CAAC;AACxC,QAAA,IAAI,iBAAiB,KAAK,IAAI,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE;;YAEzE,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;YACpC,oBAAoB,CAAC,MAAM,CAAC,CAAC;SAC9B;aAAM;;AAEL,YAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;YAChC,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;AACH,KAAC,CAAC;IAEF,SAAS,YAAY,CAAC,IAAc,EAAA;AAClC,QAAA,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;KAChC;AAED,IAAA,QACEA,sBAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAA,QAAA,EAAA,CACrDC,sBAAC,OAAO,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACtBD,sBAAC,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,oBAAoB,aAClDC,qBAAC,CAAA,SAAS,EACR,EAAA,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAEA,qBAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAC1B,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,QAAQ,EAAA,IAAA,EAAA,GACJ,cAAc,EAAA,CAClB,EACFA,qBAAA,CAAC,SAAS,EAAA,EACR,KAAK,EAAE,OAAO,EACd,QAAQ,EAAEA,sBAAC,YAAY,EAAA,EAAA,CAAG,EAC1B,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,QAAQ,EACJ,IAAA,EAAA,GAAA,cAAc,EAClB,CAAA,CAAA,EAAA,CACG,EACS,CAAA,EAClBA,sBAAC,OAAO,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAC5DA,qBAAC,CAAA,QAAQ,IACP,eAAe,EAAE,KAAK,EACtB,cAAc,EAAE,CAAC,EACjB,YAAY,EAAE,KAAK,CAAC,IAAI,EACxB,QAAQ,EAAE,IAAI,EACV,GAAA,aAAa,EACjB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,YAAY,EAAA,CACtB,EACc,CAAA,CAAA,EAAA,CACV,EACV;AACJ;;;;"}

package/dist/checkbox/checkbox.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var jsxRuntime = require('../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var index = require('../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@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-checkbox/dist/index.cjs');
+var reactIcons_esm = require('../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index$1 = require('../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
+var React = require('react');
+var flex = require('../flex/flex.cjs');
+var label = require('../label/label.cjs');
+var checkbox_module = require('./checkbox.module.css.cjs');
+
+const checkbox = index$1.cva(checkbox_module.default.checkbox, {
+    variants: {
+        size: {
+            small: checkbox_module.default["checkbox-sm"],
+            medium: checkbox_module.default["checkbox-md"],
+        },
+    },
+    defaultVariants: {
+        size: "small",
+    },
+});
+const Checkbox = React.forwardRef(({ className, size, children, ...props }, forwardedRef) => (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { gap: "small", children: [jsxRuntime.jsxRuntimeExports.jsx(index.Root, { ...props, ref: forwardedRef, className: checkbox({ size, className }), children: jsxRuntime.jsxRuntimeExports.jsx(CheckboxIndicator, { children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.CheckIcon, {}) }) }), jsxRuntime.jsxRuntimeExports.jsx(label.Label, { children: children })] })));
+const indicator = index$1.cva(checkbox_module.default.indicator);
+const CheckboxIndicator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Indicator, { ref: ref, className: indicator({ className }), ...props })));
+CheckboxIndicator.displayName = index.Indicator.displayName;
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=checkbox.cjs.map

package/dist/checkbox/checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.cjs","sources":["../../checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Label } from \"~/label\";\nimport styles from \"./checkbox.module.css\";\n\nconst checkbox = cva(styles.checkbox, {\n  variants: {\n    size: {\n      small: styles[\"checkbox-sm\"],\n      medium: styles[\"checkbox-md\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\nexport interface CheckboxProps\n  extends ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n    VariantProps<typeof checkbox>,\n    CheckboxPrimitive.CheckboxProps {}\n\nexport const Checkbox = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, size, children, ...props }, forwardedRef) => (\n  <Flex gap=\"small\">\n    <CheckboxPrimitive.Root\n      {...props}\n      ref={forwardedRef}\n      className={checkbox({ size, className })}\n    >\n      <CheckboxIndicator>\n        <CheckIcon />\n      </CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n    <Label>{children}</Label>\n  </Flex>\n));\n\nconst indicator = cva(styles.indicator);\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>,\n    VariantProps<typeof indicator> {}\n\nconst CheckboxIndicator = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Indicator>,\n  IndicatorProps\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Indicator\n    ref={ref}\n    className={indicator({ className })}\n    {...props}\n  />\n));\n\nCheckboxIndicator.displayName = CheckboxPrimitive.Indicator.displayName;\n"],"names":["cva","styles","forwardRef","_jsxs","Flex","_jsx","CheckboxPrimitive.Root","CheckIcon","Label","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;;;;;AAQA,MAAM,QAAQ,GAAGA,WAAG,CAACC,uBAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,uBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAEA,uBAAM,CAAC,aAAa,CAAC;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAOI,MAAM,QAAQ,GAAGC,gBAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MACtDC,iCAAC,CAAAC,SAAI,EAAC,EAAA,GAAG,EAAC,OAAO,EACf,QAAA,EAAA,CAAAC,gCAAA,CAACC,UAAsB,EACjB,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAA,QAAA,EAExCD,gCAAC,CAAA,iBAAiB,EAChB,EAAA,QAAA,EAAAA,gCAAA,CAACE,wBAAS,EAAA,EAAA,CAAG,GACK,EACG,CAAA,EACzBF,gCAAC,CAAAG,WAAK,cAAE,QAAQ,EAAA,CAAS,CACpB,EAAA,CAAA,CACR,EAAE;AAEH,MAAM,SAAS,GAAGR,WAAG,CAACC,uBAAM,CAAC,SAAS,CAAC,CAAC;AAKxC,MAAM,iBAAiB,GAAGC,gBAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BG,gCAAC,CAAAI,eAA2B,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAC/B,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,iBAAiB,CAAC,WAAW,GAAGA,eAA2B,CAAC,WAAW;;;;"}

package/dist/checkbox/checkbox.js

@@ -0,0 +1,27 @@
+import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9, Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@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-checkbox/dist/index.js';
+import { CheckIcon } 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 { cva } from '../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/flex.js';
+import { Label } from '../label/label.js';
+import styles from './checkbox.module.css.js';
+
+const checkbox = cva(styles.checkbox, {
+    variants: {
+        size: {
+            small: styles["checkbox-sm"],
+            medium: styles["checkbox-md"],
+        },
+    },
+    defaultVariants: {
+        size: "small",
+    },
+});
+const Checkbox = forwardRef(({ className, size, children, ...props }, forwardedRef) => (jsxRuntimeExports.jsxs(Flex, { gap: "small", children: [jsxRuntimeExports.jsx($e698a72e93240346$export$be92b6f5f03c0fe9, { ...props, ref: forwardedRef, className: checkbox({ size, className }), children: jsxRuntimeExports.jsx(CheckboxIndicator, { children: jsxRuntimeExports.jsx(CheckIcon, {}) }) }), jsxRuntimeExports.jsx(Label, { children: children })] })));
+const indicator = cva(styles.indicator);
+const CheckboxIndicator = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($e698a72e93240346$export$adb584737d712b70, { ref: ref, className: indicator({ className }), ...props })));
+CheckboxIndicator.displayName = $e698a72e93240346$export$adb584737d712b70.displayName;
+
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Label } from \"~/label\";\nimport styles from \"./checkbox.module.css\";\n\nconst checkbox = cva(styles.checkbox, {\n  variants: {\n    size: {\n      small: styles[\"checkbox-sm\"],\n      medium: styles[\"checkbox-md\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\nexport interface CheckboxProps\n  extends ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n    VariantProps<typeof checkbox>,\n    CheckboxPrimitive.CheckboxProps {}\n\nexport const Checkbox = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxProps\n>(({ className, size, children, ...props }, forwardedRef) => (\n  <Flex gap=\"small\">\n    <CheckboxPrimitive.Root\n      {...props}\n      ref={forwardedRef}\n      className={checkbox({ size, className })}\n    >\n      <CheckboxIndicator>\n        <CheckIcon />\n      </CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n    <Label>{children}</Label>\n  </Flex>\n));\n\nconst indicator = cva(styles.indicator);\nexport interface IndicatorProps\n  extends ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>,\n    VariantProps<typeof indicator> {}\n\nconst CheckboxIndicator = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Indicator>,\n  IndicatorProps\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Indicator\n    ref={ref}\n    className={indicator({ className })}\n    {...props}\n  />\n));\n\nCheckboxIndicator.displayName = CheckboxPrimitive.Indicator.displayName;\n"],"names":["_jsxs","_jsx","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;;;AAQA,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAOI,MAAM,QAAQ,GAAG,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MACtDA,sBAAC,CAAA,IAAI,EAAC,EAAA,GAAG,EAAC,OAAO,EACf,QAAA,EAAA,CAAAC,qBAAA,CAACC,yCAAsB,EACjB,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAA,QAAA,EAExCD,qBAAC,CAAA,iBAAiB,EAChB,EAAA,QAAA,EAAAA,qBAAA,CAAC,SAAS,EAAA,EAAA,CAAG,GACK,EACG,CAAA,EACzBA,qBAAC,CAAA,KAAK,cAAE,QAAQ,EAAA,CAAS,CACpB,EAAA,CAAA,CACR,EAAE;AAEH,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AAKxC,MAAM,iBAAiB,GAAG,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,qBAAC,CAAAE,yCAA2B,IAC1B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAC/B,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,iBAAiB,CAAC,WAAW,GAAGA,yCAA2B,CAAC,WAAW;;;;"}

package/dist/checkbox/checkbox.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"checkbox":"checkbox-module_checkbox__QdlAc","checkbox-sm":"checkbox-module_checkbox-sm__tVhlX","checkbox-md":"checkbox-module_checkbox-md__G04e5","indicator":"checkbox-module_indicator__oGvoN","checkbox___sm":"checkbox-module_checkbox-sm__tVhlX","checkbox___md":"checkbox-module_checkbox-md__G04e5"};
+
+exports.default = styles;
+//# sourceMappingURL=checkbox.module.css.cjs.map

package/dist/checkbox/checkbox.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/checkbox/checkbox.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"checkbox":"checkbox-module_checkbox__QdlAc","checkbox-sm":"checkbox-module_checkbox-sm__tVhlX","checkbox-md":"checkbox-module_checkbox-md__G04e5","indicator":"checkbox-module_indicator__oGvoN","checkbox___sm":"checkbox-module_checkbox-sm__tVhlX","checkbox___md":"checkbox-module_checkbox-md__G04e5"};
+
+export { styles as default };
+//# sourceMappingURL=checkbox.module.css.js.map

package/dist/checkbox/checkbox.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/command/command.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var reactIcons_esm = require('../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index = require('../node_modules/.pnpm/cmdk@0.2.0_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/cmdk/dist/index.cjs');
+var React = require('react');
+var command_module = require('./command.module.css.cjs');
+var index$1 = require('../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
+var dialog = require('../dialog/dialog.cjs');
+var flex = require('../flex/flex.cjs');
+
+const command = index$1.cva(command_module.default.command);
+const CommandRoot = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Command, { ref: ref, className: command({ className }), ...props })));
+CommandRoot.displayName = index.Command.displayName;
+const CommandDialog = ({ children, ...props }) => {
+    return (jsxRuntime.jsxRuntimeExports.jsx(dialog.Dialog, { ...props, children: jsxRuntime.jsxRuntimeExports.jsx(dialog.Dialog.Content, { style: { overflow: "hidden", padding: "0" }, children: jsxRuntime.jsxRuntimeExports.jsx(Command, { className: command_module.default.dialogcommand, children: children }) }) }));
+};
+const input = index$1.cva(command_module.default.input);
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { align: "center", gap: "small", "cmdk-input-wrapper": "", className: command_module.default.inputWrapper, children: [jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.MagnifyingGlassIcon, { className: command_module.default.inputIcon, width: 16, height: 16 }), jsxRuntime.jsxRuntimeExports.jsx(index.Command.Input, { ref: ref, className: input({ className }), ...props })] })));
+CommandInput.displayName = index.Command.Input.displayName;
+const list = index$1.cva(command_module.default.list);
+const CommandList = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Command.List, { ref: ref, className: list({ className }), ...props })));
+CommandList.displayName = index.Command.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Command.Empty, { ref: ref, className: command_module.default.empty, ...props })));
+CommandEmpty.displayName = index.Command.Empty.displayName;
+const group = index$1.cva(command_module.default.group);
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Command.Group, { ref: ref, className: group({ className }), ...props })));
+CommandGroup.displayName = index.Command.Group.displayName;
+const separator = index$1.cva(command_module.default.separator);
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Command.Separator, { ref: ref, className: separator({ className }), ...props })));
+CommandSeparator.displayName = index.Command.Separator.displayName;
+const item = index$1.cva(command_module.default.item);
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(index.Command.Item, { ref: ref, className: item({ className }), ...props })));
+CommandItem.displayName = index.Command.Item.displayName;
+const shortcut = index$1.cva(command_module.default.shortcut);
+const CommandShortcut = ({ className, ...props }) => {
+    return jsxRuntime.jsxRuntimeExports.jsx("span", { className: shortcut({ className }), ...props });
+};
+CommandShortcut.displayName = "CommandShortcut";
+const Command = Object.assign(CommandRoot, {
+    Dialog: CommandDialog,
+    Input: CommandInput,
+    List: CommandList,
+    Empty: CommandEmpty,
+    Group: CommandGroup,
+    Item: CommandItem,
+    Shortcut: CommandShortcut,
+    Separator: CommandSeparator,
+});
+
+exports.Command = Command;
+//# sourceMappingURL=command.cjs.map

package/dist/command/command.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.cjs","sources":["../../command/command.tsx"],"sourcesContent":["import { DialogProps } from \"@radix-ui/react-dialog\";\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport React from \"react\";\nimport styles from \"./command.module.css\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Dialog } from \"~/dialog\";\nimport { Flex } from \"~/flex\";\n\nconst command = cva(styles.command);\nconst CommandRoot = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive ref={ref} className={command({ className })} {...props} />\n));\nCommandRoot.displayName = CommandPrimitive.displayName;\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <Dialog.Content style={{ overflow: \"hidden\", padding: \"0\" }}>\n        <Command className={styles.dialogcommand}>{children}</Command>\n      </Dialog.Content>\n    </Dialog>\n  );\n};\n\nconst input = cva(styles.input);\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <Flex\n    align=\"center\"\n    gap=\"small\"\n    cmdk-input-wrapper=\"\"\n    className={styles.inputWrapper}\n  >\n    <MagnifyingGlassIcon className={styles.inputIcon} width={16} height={16} />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={input({ className })}\n      {...props}\n    />\n  </Flex>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst list = cva(styles.list);\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List ref={ref} className={list({ className })} {...props} />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className={styles.empty} {...props} />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst group = cva(styles.group);\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={group({ className })}\n    {...props}\n  />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst separator = cva(styles.separator);\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={separator({ className })}\n    {...props}\n  />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst item = cva(styles.item);\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item ref={ref} className={item({ className })} {...props} />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst shortcut = cva(styles.shortcut);\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={shortcut({ className })} {...props} />;\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport const Command: any = Object.assign(CommandRoot, {\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n  Separator: CommandSeparator,\n});\n"],"names":["cva","styles","_jsx","CommandPrimitive","Dialog","_jsxs","Flex","MagnifyingGlassIcon"],"mappings":"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"}