@jbpark/ui-kit 5.2.0 → 5.3.0

package/dist/components/atoms/checkbox/group.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { cn } from "../../../utils.mjs";
 import Checkbox from "./checkbox.mjs";
 import { normalizeOptions, warnOnDuplicateOptionValues } from "../option-group.mjs";
 import { jsx } from "react/jsx-runtime";
 import { useControllableState } from "@jbpark/use-hooks";
-
 //#region src/components/atoms/checkbox/group.tsx
 const Group = ({ orientation = "vertical", placement = "left", className, classNames = {}, options: _options = [], name, disabled, defaultValue, value: _value, onChange: _onChange = () => {}, ...props }) => {
 	const [value, setValue] = useControllableState({
@@ -16,7 +14,8 @@ const Group = ({ orientation = "vertical", placement = "left", className, classN
 	const options = normalizeOptions(_options);
 	warnOnDuplicateOptionValues(options, "Checkbox.Group");
 	const onChange = (checked, optionValue) => {
-		setValue(checked ? [...value, optionValue] : value.filter((v) => v !== optionValue));
+		const nextValue = checked ? [...value, optionValue] : value.filter((v) => v !== optionValue);
+		setValue(nextValue);
 	};
 	return /* @__PURE__ */ jsx("ul", {
 		...props,
@@ -39,7 +38,7 @@ const Group = ({ orientation = "vertical", placement = "left", className, classN
 		})
 	});
 };
-
 //#endregion
 export { Group as default };
+
 //# sourceMappingURL=group.mjs.map

package/dist/components/atoms/checkbox/group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"group.mjs","names":[],"sources":["../../../../src/components/atoms/checkbox/group.tsx"],"sourcesContent":["'use client';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { cn } from '@repo/ui/utils';\n\nimport {\n  type Option,\n  type OptionGroupClassNames,\n  type OptionValue,\n  type Options,\n  normalizeOptions,\n  warnOnDuplicateOptionValues,\n} from '../option-group';\nimport Checkbox from './checkbox';\n\nexport type { OptionValue };\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'ul'>,\n  'onChange' | 'defaultValue' | 'value'\n> {\n  options?: Options;\n  orientation?: 'vertical' | 'horizontal';\n  placement?: 'left' | 'right';\n  classNames?: OptionGroupClassNames;\n  defaultValue?: OptionValue[];\n  value?: OptionValue[];\n  /** Native form field name, shared across every option's checkbox. */\n  name?: string;\n  disabled?: boolean;\n  onChange?: (values: OptionValue[]) => void;\n}\n\nconst Group = ({\n  orientation = 'vertical',\n  placement = 'left',\n  className,\n  classNames = {},\n  options: _options = [],\n  name,\n  disabled,\n  defaultValue,\n  value: _value,\n  onChange: _onChange = () => {},\n  ...props\n}: Props) => {\n  const [value, setValue] = useControllableState<OptionValue[]>({\n    value: _value,\n    defaultValue: defaultValue ?? [],\n    onChange: _onChange,\n  });\n\n  const options: Option[] = normalizeOptions(_options);\n  warnOnDuplicateOptionValues(options, 'Checkbox.Group');\n\n  const onChange = (checked: boolean, optionValue: OptionValue) => {\n    const nextValue = checked\n      ? [...value, optionValue]\n      : value.filter(v => v !== optionValue);\n\n    setValue(nextValue);\n  };\n\n  return (\n    <ul\n      {...props}\n      className={cn(\n        orientation === 'vertical' ? 'space-y-2' : 'flex gap-2',\n        className,\n      )}\n    >\n      {options.map((item: Option, index) => {\n        const checked = value.includes(item.value);\n\n        return (\n          <li\n            key={`${index}-${String(item.value)}`}\n            className={cn('flex', classNames?.wrapper)}\n          >\n            <Checkbox\n              placement={placement}\n              className={cn(classNames?.item)}\n              name={name}\n              value={item.value}\n              checked={checked}\n              disabled={disabled || item.disabled}\n              onChange={checked => onChange(checked, item.value)}\n            >\n              {item.label}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nexport default Group;\n"],"mappings":";;;;;;;;;AAkCA,MAAM,SAAS,EACb,cAAc,YACd,YAAY,QACZ,WACA,aAAa,EAAE,EACf,SAAS,WAAW,EAAE,EACtB,MACA,UACA,cACA,OAAO,QACP,UAAU,kBAAkB,IAC5B,GAAG,YACQ;CACX,MAAM,CAAC,OAAO,YAAY,qBAAoC;EAC5D,OAAO;EACP,cAAc,gBAAgB,EAAE;EAChC,UAAU;EACX,CAAC;CAEF,MAAM,UAAoB,iBAAiB,SAAS;AACpD,6BAA4B,SAAS,iBAAiB;CAEtD,MAAM,YAAY,SAAkB,gBAA6B;AAK/D,WAJkB,UACd,CAAC,GAAG,OAAO,YAAY,GACvB,MAAM,QAAO,MAAK,MAAM,YAAY,CAErB;;AAGrB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,gBAAgB,aAAa,cAAc,cAC3C,UACD;YAEA,QAAQ,KAAK,MAAc,UAAU;GACpC,MAAM,UAAU,MAAM,SAAS,KAAK,MAAM;AAE1C,UACE,oBAAC;IAEC,WAAW,GAAG,QAAQ,YAAY,QAAQ;cAE1C,oBAAC;KACY;KACX,WAAW,GAAG,YAAY,KAAK;KACzB;KACN,OAAO,KAAK;KACH;KACT,UAAU,YAAY,KAAK;KAC3B,WAAU,YAAW,SAAS,SAAS,KAAK,MAAM;eAEjD,KAAK;MACG;MAbN,GAAG,MAAM,GAAG,OAAO,KAAK,MAAM,GAchC;IAEP;GACC"}
+{"version":3,"file":"group.mjs","names":[],"sources":["../../../../src/components/atoms/checkbox/group.tsx"],"sourcesContent":["'use client';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { cn } from '@repo/ui/utils';\n\nimport {\n  type Option,\n  type OptionGroupClassNames,\n  type OptionValue,\n  type Options,\n  normalizeOptions,\n  warnOnDuplicateOptionValues,\n} from '../option-group';\nimport Checkbox from './checkbox';\n\nexport type { OptionValue };\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'ul'>,\n  'onChange' | 'defaultValue' | 'value'\n> {\n  options?: Options;\n  orientation?: 'vertical' | 'horizontal';\n  placement?: 'left' | 'right';\n  classNames?: OptionGroupClassNames;\n  defaultValue?: OptionValue[];\n  value?: OptionValue[];\n  /** Native form field name, shared across every option's checkbox. */\n  name?: string;\n  disabled?: boolean;\n  onChange?: (values: OptionValue[]) => void;\n}\n\nconst Group = ({\n  orientation = 'vertical',\n  placement = 'left',\n  className,\n  classNames = {},\n  options: _options = [],\n  name,\n  disabled,\n  defaultValue,\n  value: _value,\n  onChange: _onChange = () => {},\n  ...props\n}: Props) => {\n  const [value, setValue] = useControllableState<OptionValue[]>({\n    value: _value,\n    defaultValue: defaultValue ?? [],\n    onChange: _onChange,\n  });\n\n  const options: Option[] = normalizeOptions(_options);\n  warnOnDuplicateOptionValues(options, 'Checkbox.Group');\n\n  const onChange = (checked: boolean, optionValue: OptionValue) => {\n    const nextValue = checked\n      ? [...value, optionValue]\n      : value.filter(v => v !== optionValue);\n\n    setValue(nextValue);\n  };\n\n  return (\n    <ul\n      {...props}\n      className={cn(\n        orientation === 'vertical' ? 'space-y-2' : 'flex gap-2',\n        className,\n      )}\n    >\n      {options.map((item: Option, index) => {\n        const checked = value.includes(item.value);\n\n        return (\n          <li\n            key={`${index}-${String(item.value)}`}\n            className={cn('flex', classNames?.wrapper)}\n          >\n            <Checkbox\n              placement={placement}\n              className={cn(classNames?.item)}\n              name={name}\n              value={item.value}\n              checked={checked}\n              disabled={disabled || item.disabled}\n              onChange={checked => onChange(checked, item.value)}\n            >\n              {item.label}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nexport default Group;\n"],"mappings":";;;;;;;AAkCA,MAAM,SAAS,EACb,cAAc,YACd,YAAY,QACZ,WACA,aAAa,CAAC,GACd,SAAS,WAAW,CAAC,GACrB,MACA,UACA,cACA,OAAO,QACP,UAAU,kBAAkB,CAAC,GAC7B,GAAG,YACQ;CACX,MAAM,CAAC,OAAO,YAAY,qBAAoC;EAC5D,OAAO;EACP,cAAc,gBAAgB,CAAC;EAC/B,UAAU;CACZ,CAAC;CAED,MAAM,UAAoB,iBAAiB,QAAQ;CACnD,4BAA4B,SAAS,gBAAgB;CAErD,MAAM,YAAY,SAAkB,gBAA6B;EAC/D,MAAM,YAAY,UACd,CAAC,GAAG,OAAO,WAAW,IACtB,MAAM,QAAO,MAAK,MAAM,WAAW;EAEvC,SAAS,SAAS;CACpB;CAEA,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,WAAW,GACT,gBAAgB,aAAa,cAAc,cAC3C,SACF;EAEC,UAAA,QAAQ,KAAK,MAAc,UAAU;GACpC,MAAM,UAAU,MAAM,SAAS,KAAK,KAAK;GAEzC,OACE,oBAAC,MAAD;IAEE,WAAW,GAAG,QAAQ,YAAY,OAAO;IAEzC,UAAA,oBAAC,UAAD;KACa;KACX,WAAW,GAAG,YAAY,IAAI;KACxB;KACN,OAAO,KAAK;KACH;KACT,UAAU,YAAY,KAAK;KAC3B,WAAU,YAAW,SAAS,SAAS,KAAK,KAAK;KAEhD,UAAA,KAAK;IACE,CAAA;GACR,GAdG,GAAG,MAAM,GAAG,OAAO,KAAK,KAAK,GAchC;EAER,CAAC;CACC,CAAA;AAER"}

package/dist/components/atoms/checkbox/index.d.mts

@@ -1,11 +1,10 @@
-import { Group } from "./group.mjs";
-import { Checkbox as Checkbox$1, Props } from "./checkbox.mjs";
-
+import Group from "./group.mjs";
+import Checkbox$1, { Props } from "./checkbox.mjs";
 //#region src/components/atoms/checkbox/index.d.ts
 type CheckboxComponent = typeof Checkbox$1 & {
   Group: typeof Group;
 };
 declare const Checkbox: CheckboxComponent;
 //#endregion
-export { Checkbox };
+export { Checkbox as default };
 //# sourceMappingURL=index.d.mts.map

package/dist/components/atoms/checkbox/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/checkbox/index.ts"],"mappings":";;;;KAGK,iBAAA,UAA2B,UAAA;EAAiB,KAAA,SAAc,KAAA;AAAA;AAAA,cAEzD,QAAA,EAA2B,iBAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/checkbox/index.ts"],"mappings":";;;KAGK,2BAA2B;EAAiB,cAAc;;cAEzD,UAA2B"}

package/dist/components/atoms/checkbox/index.mjs

@@ -1,10 +1,9 @@
 import Checkbox$1 from "./checkbox.mjs";
 import Group from "./group.mjs";
-
 //#region src/components/atoms/checkbox/index.ts
 const Checkbox = Checkbox$1;
 Checkbox.Group = Group;
-
 //#endregion
 export { Checkbox as default };
+
 //# sourceMappingURL=index.mjs.map

package/dist/components/atoms/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["CheckboxImpl"],"sources":["../../../../src/components/atoms/checkbox/index.ts"],"sourcesContent":["import CheckboxImpl, { type Props } from './checkbox';\nimport Group from './group';\n\ntype CheckboxComponent = typeof CheckboxImpl & { Group: typeof Group };\n\nconst Checkbox = CheckboxImpl as CheckboxComponent;\n\nCheckbox.Group = Group;\n\nexport default Checkbox;\nexport type { Props };\n"],"mappings":";;;;AAKA,MAAM,WAAWA;AAEjB,SAAS,QAAQ"}
+{"version":3,"file":"index.mjs","names":["CheckboxImpl"],"sources":["../../../../src/components/atoms/checkbox/index.ts"],"sourcesContent":["import CheckboxImpl, { type Props } from './checkbox';\nimport Group from './group';\n\ntype CheckboxComponent = typeof CheckboxImpl & { Group: typeof Group };\n\nconst Checkbox = CheckboxImpl as CheckboxComponent;\n\nCheckbox.Group = Group;\n\nexport default Checkbox;\nexport type { Props };\n"],"mappings":";;;AAKA,MAAM,WAAWA;AAEjB,SAAS,QAAQ"}

package/dist/components/atoms/color-picker.d.mts

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/atoms/color-picker.d.ts
 interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue' | 'value' | 'onClick' | 'onKeyDown' | 'open'> {
   defaultValue?: string;
@@ -11,18 +9,7 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' |
   defaultOpen?: boolean;
   onOpenChange?: (open: boolean) => void;
 }
-declare const ColorPicker: ({
-  defaultValue,
-  value: _value,
-  showText,
-  disabled,
-  className,
-  onChange: _onChange,
-  open: _open,
-  defaultOpen,
-  onOpenChange,
-  ...props
-}: Props) => react_jsx_runtime0.JSX.Element;
+declare const ColorPicker: ({ defaultValue, value: _value, showText, disabled, className, onChange: _onChange, open: _open, defaultOpen, onOpenChange, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { ColorPicker };
+export { Props, ColorPicker as default };
 //# sourceMappingURL=color-picker.d.mts.map

package/dist/components/atoms/color-picker.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.d.mts","names":[],"sources":["../../../src/components/atoms/color-picker.tsx"],"mappings":";;;UAUiB,KAAA,SAAc,IAAA,CAC7B,KAAA,CAAM,wBAAA;EAGN,YAAA;EACA,KAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA,IAAY,KAAA;EACZ,IAAA;EACA,WAAA;EACA,YAAA,IAAgB,IAAA;AAAA;AAAA,cAGZ,WAAA;EAAe,YAAA;EAAA,KAAA,EAAA,MAAA;EAAA,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA,QAAA,EAAA,SAAA;EAAA,IAAA,EAAA,KAAA;EAAA,WAAA;EAAA,YAAA;EAAA,GAAA;AAAA,GAWlB,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"color-picker.d.mts","names":[],"sources":["../../../src/components/atoms/color-picker.tsx"],"mappings":";UAUiB,cAAc,KAC7B,MAAM;EAGN;EACA;EACA;EACA;EACA,YAAY;EACZ;EACA;EACA,gBAAgB;;cAGZ,gBAAe,cAAA,OAAA,QAAA,UAAA,UAAA,WAAA,UAAA,WAAA,MAAA,OAAA,aAAA,iBAAA,SAWlB,0BAAK,IAAA"}

package/dist/components/atoms/color-picker.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { cn } from "../../utils.mjs";
 import Popover from "./popover.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useControllableState } from "@jbpark/use-hooks";
 import { HexColorPicker } from "react-colorful";
-
 //#region src/components/atoms/color-picker.tsx
 const ColorPicker = ({ defaultValue, value: _value, showText, disabled, className, onChange: _onChange = () => {}, open: _open, defaultOpen, onOpenChange, ...props }) => {
 	const [value, setValue] = useControllableState({
@@ -56,7 +54,7 @@ const ColorPicker = ({ defaultValue, value: _value, showText, disabled, classNam
 		})
 	});
 };
-
 //#endregion
 export { ColorPicker as default };
+
 //# sourceMappingURL=color-picker.mjs.map

package/dist/components/atoms/color-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.mjs","names":[],"sources":["../../../src/components/atoms/color-picker.tsx"],"sourcesContent":["'use client';\n\nimport { HexColorPicker } from 'react-colorful';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Popover from './popover';\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange' | 'defaultValue' | 'value' | 'onClick' | 'onKeyDown' | 'open'\n> {\n  defaultValue?: string;\n  value?: string;\n  showText?: boolean;\n  disabled?: boolean;\n  onChange?: (color: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst ColorPicker = ({\n  defaultValue,\n  value: _value,\n  showText,\n  disabled,\n  className,\n  onChange: _onChange = () => {},\n  open: _open,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: Props) => {\n  const [value, setValue] = useControllableState<string>({\n    value: _value,\n    defaultValue: defaultValue ?? '#fff',\n    onChange: _onChange,\n  });\n  const [open, setOpen] = useControllableState<boolean>({\n    value: _open,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n\n  const onChange = (color: string) => {\n    if (disabled) {\n      return;\n    }\n    setValue(color);\n  };\n\n  return (\n    <Popover\n      placement=\"bottomLeft\"\n      open={open}\n      onOpenChange={setOpen}\n      content={<HexColorPicker color={value} onChange={onChange} />}\n    >\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled}\n        className={cn(\n          'inline-flex items-center',\n          'rounded border p-0.5',\n          disabled && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        {...props}\n        onClick={e => {\n          if (disabled) {\n            e.preventDefault();\n          }\n        }}\n        onKeyDown={e => {\n          if (disabled) {\n            return;\n          }\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.currentTarget.click();\n          }\n        }}\n      >\n        <div\n          className={cn(\n            'size-6 rounded border',\n            'shadow-sm',\n            disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n          )}\n          style={{ backgroundColor: value }}\n        />\n        {showText && (\n          <span className=\"px-1 font-mono text-sm font-medium\">\n            {value.toUpperCase()}\n          </span>\n        )}\n      </div>\n    </Popover>\n  );\n};\n\nexport default ColorPicker;\n"],"mappings":";;;;;;;;;AAwBA,MAAM,eAAe,EACnB,cACA,OAAO,QACP,UACA,UACA,WACA,UAAU,kBAAkB,IAC5B,MAAM,OACN,aACA,cACA,GAAG,YACQ;CACX,MAAM,CAAC,OAAO,YAAY,qBAA6B;EACrD,OAAO;EACP,cAAc,gBAAgB;EAC9B,UAAU;EACX,CAAC;CACF,MAAM,CAAC,MAAM,WAAW,qBAA8B;EACpD,OAAO;EACP,cAAc,eAAe;EAC7B,UAAU;EACX,CAAC;CAEF,MAAM,YAAY,UAAkB;AAClC,MAAI,SACF;AAEF,WAAS,MAAM;;AAGjB,QACE,oBAAC;EACC,WAAU;EACJ;EACN,cAAc;EACd,SAAS,oBAAC;GAAe,OAAO;GAAiB;IAAY;YAE7D,qBAAC;GACC,MAAK;GACL,UAAU,WAAW,KAAK;GAC1B,iBAAe;GACf,WAAW,GACT,4BACA,wBACA,YAAY,iCACZ,UACD;GACD,GAAI;GACJ,UAAS,MAAK;AACZ,QAAI,SACF,GAAE,gBAAgB;;GAGtB,YAAW,MAAK;AACd,QAAI,SACF;AAEF,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,OAAE,gBAAgB;AAClB,OAAE,cAAc,OAAO;;;cAI3B,oBAAC;IACC,WAAW,GACT,yBACA,aACA,WAAW,uBAAuB,iBACnC;IACD,OAAO,EAAE,iBAAiB,OAAO;KACjC,EACD,YACC,oBAAC;IAAK,WAAU;cACb,MAAM,aAAa;KACf;IAEL;GACE"}
+{"version":3,"file":"color-picker.mjs","names":[],"sources":["../../../src/components/atoms/color-picker.tsx"],"sourcesContent":["'use client';\n\nimport { HexColorPicker } from 'react-colorful';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Popover from './popover';\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange' | 'defaultValue' | 'value' | 'onClick' | 'onKeyDown' | 'open'\n> {\n  defaultValue?: string;\n  value?: string;\n  showText?: boolean;\n  disabled?: boolean;\n  onChange?: (color: string) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst ColorPicker = ({\n  defaultValue,\n  value: _value,\n  showText,\n  disabled,\n  className,\n  onChange: _onChange = () => {},\n  open: _open,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: Props) => {\n  const [value, setValue] = useControllableState<string>({\n    value: _value,\n    defaultValue: defaultValue ?? '#fff',\n    onChange: _onChange,\n  });\n  const [open, setOpen] = useControllableState<boolean>({\n    value: _open,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n\n  const onChange = (color: string) => {\n    if (disabled) {\n      return;\n    }\n    setValue(color);\n  };\n\n  return (\n    <Popover\n      placement=\"bottomLeft\"\n      open={open}\n      onOpenChange={setOpen}\n      content={<HexColorPicker color={value} onChange={onChange} />}\n    >\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled}\n        className={cn(\n          'inline-flex items-center',\n          'rounded border p-0.5',\n          disabled && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        {...props}\n        onClick={e => {\n          if (disabled) {\n            e.preventDefault();\n          }\n        }}\n        onKeyDown={e => {\n          if (disabled) {\n            return;\n          }\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.currentTarget.click();\n          }\n        }}\n      >\n        <div\n          className={cn(\n            'size-6 rounded border',\n            'shadow-sm',\n            disabled ? 'cursor-not-allowed' : 'cursor-pointer',\n          )}\n          style={{ backgroundColor: value }}\n        />\n        {showText && (\n          <span className=\"px-1 font-mono text-sm font-medium\">\n            {value.toUpperCase()}\n          </span>\n        )}\n      </div>\n    </Popover>\n  );\n};\n\nexport default ColorPicker;\n"],"mappings":";;;;;;;AAwBA,MAAM,eAAe,EACnB,cACA,OAAO,QACP,UACA,UACA,WACA,UAAU,kBAAkB,CAAC,GAC7B,MAAM,OACN,aACA,cACA,GAAG,YACQ;CACX,MAAM,CAAC,OAAO,YAAY,qBAA6B;EACrD,OAAO;EACP,cAAc,gBAAgB;EAC9B,UAAU;CACZ,CAAC;CACD,MAAM,CAAC,MAAM,WAAW,qBAA8B;EACpD,OAAO;EACP,cAAc,eAAe;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,YAAY,UAAkB;EAClC,IAAI,UACF;EAEF,SAAS,KAAK;CAChB;CAEA,OACE,oBAAC,SAAD;EACE,WAAU;EACJ;EACN,cAAc;EACd,SAAS,oBAAC,gBAAD;GAAgB,OAAO;GAAiB;EAAW,CAAA;EAE5D,UAAA,qBAAC,OAAD;GACE,MAAK;GACL,UAAU,WAAW,KAAK;GAC1B,iBAAe;GACf,WAAW,GACT,4BACA,wBACA,YAAY,iCACZ,SACF;GACA,GAAI;GACJ,UAAS,MAAK;IACZ,IAAI,UACF,EAAE,eAAe;GAErB;GACA,YAAW,MAAK;IACd,IAAI,UACF;IAEF,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;KACtC,EAAE,eAAe;KACjB,EAAE,cAAc,MAAM;IACxB;GACF;GAxBF,UAAA,CA0BE,oBAAC,OAAD;IACE,WAAW,GACT,yBACA,aACA,WAAW,uBAAuB,gBACpC;IACA,OAAO,EAAE,iBAAiB,MAAM;GACjC,CAAA,GACA,YACC,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA,MAAM,YAAY;GACf,CAAA,CAEL;;CACE,CAAA;AAEb"}

package/dist/components/atoms/date-picker.d.mts

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/atoms/date-picker.d.ts
 interface Props {
   defaultValue?: Date;
@@ -9,14 +7,7 @@ interface Props {
   disabled?: boolean;
   onChange?: (date: Date | undefined) => void;
 }
-declare const DatePicker: ({
-  defaultValue,
-  value: _value,
-  placeholder,
-  className,
-  disabled,
-  onChange: _onChange
-}: Props) => react_jsx_runtime0.JSX.Element;
+declare const DatePicker: ({ defaultValue, value: _value, placeholder, className, disabled, onChange: _onChange }: Props) => import("react").JSX.Element;
 //#endregion
-export { DatePicker };
+export { type Props, DatePicker as default };
 //# sourceMappingURL=date-picker.d.mts.map

package/dist/components/atoms/date-picker.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.mts","names":[],"sources":["../../../src/components/atoms/date-picker.tsx"],"mappings":";;;UAgBU,KAAA;EACR,YAAA,GAAe,IAAA;EACf,KAAA,GAAQ,IAAA;EACR,WAAA;EACA,SAAA;EACA,QAAA;EACA,QAAA,IAAY,IAAA,EAAM,IAAA;AAAA;AAAA,cAGd,UAAA;EAAc,YAAA;EAAA,KAAA,EAAA,MAAA;EAAA,WAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA,EAAA;AAAA,GAOjB,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"date-picker.d.mts","names":[],"sources":["../../../src/components/atoms/date-picker.tsx"],"mappings":";UAgBU;EACR,eAAe;EACf,QAAQ;EACR;EACA;EACA;EACA,YAAY,MAAM;;cAGd,eAAc,cAAA,OAAA,QAAA,aAAA,WAAA,UAAA,UAAA,aAOjB,0BAAK,IAAA"}

package/dist/components/atoms/date-picker.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { cn } from "../../utils.mjs";
 import { calendar_exports } from "../../core/calendar.mjs";
 import Button from "../../Button.mjs";
@@ -9,7 +8,6 @@ import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useControllableState } from "@jbpark/use-hooks";
 import { format } from "date-fns";
-
 //#region src/components/atoms/date-picker.tsx
 const { Calendar } = calendar_exports;
 const DatePicker = ({ defaultValue, value: _value, placeholder = "Pick a date", className, disabled, onChange: _onChange = () => {} }) => {
@@ -41,7 +39,7 @@ const DatePicker = ({ defaultValue, value: _value, placeholder = "Pick a date",
 		})
 	});
 };
-
 //#endregion
 export { DatePicker as default };
+
 //# sourceMappingURL=date-picker.mjs.map

package/dist/components/atoms/date-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.mjs","names":["calendar"],"sources":["../../../src/components/atoms/date-picker.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { useControllableState } from '@jbpark/use-hooks';\nimport { format } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\n\nimport { calendar } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from './button';\nimport Popover from './popover';\n\nconst { Calendar } = calendar;\n\ninterface Props {\n  defaultValue?: Date;\n  value?: Date;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  onChange?: (date: Date | undefined) => void;\n}\n\nconst DatePicker = ({\n  defaultValue,\n  value: _value,\n  placeholder = 'Pick a date',\n  className,\n  disabled,\n  onChange: _onChange = () => {},\n}: Props) => {\n  const [value, onChange] = useControllableState<Date | undefined>({\n    value: _value,\n    defaultValue,\n    onChange: _onChange,\n  });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover\n      placement=\"bottomLeft\"\n      open={open}\n      onOpenChange={setOpen}\n      content={\n        <Calendar\n          mode=\"single\"\n          selected={value}\n          onSelect={date => {\n            onChange(date);\n            setOpen(false);\n          }}\n        />\n      }\n    >\n      <Button\n        type=\"default\"\n        icon={<CalendarIcon />}\n        data-empty={!value}\n        disabled={disabled}\n        className={cn(\n          'w-full justify-start text-left font-normal',\n          'data-[empty=true]:text-muted-foreground',\n          className,\n          //\n        )}\n      >\n        {value ? format(value, 'PPP') : placeholder}\n      </Button>\n    </Popover>\n  );\n};\n\nexport default DatePicker;\nexport type { Props };\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,EAAE,aAAaA;AAWrB,MAAM,cAAc,EAClB,cACA,OAAO,QACP,cAAc,eACd,WACA,UACA,UAAU,kBAAkB,SACjB;CACX,MAAM,CAAC,OAAO,YAAY,qBAAuC;EAC/D,OAAO;EACP;EACA,UAAU;EACX,CAAC;CACF,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AAEvC,QACE,oBAAC;EACC,WAAU;EACJ;EACN,cAAc;EACd,SACE,oBAAC;GACC,MAAK;GACL,UAAU;GACV,WAAU,SAAQ;AAChB,aAAS,KAAK;AACd,YAAQ,MAAM;;IAEhB;YAGJ,oBAAC;GACC,MAAK;GACL,MAAM,oBAAC,iBAAe;GACtB,cAAY,CAAC;GACH;GACV,WAAW,GACT,8CACA,2CACA,UAED;aAEA,QAAQ,OAAO,OAAO,MAAM,GAAG;IACzB;GACD"}
+{"version":3,"file":"date-picker.mjs","names":["calendar"],"sources":["../../../src/components/atoms/date-picker.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { useControllableState } from '@jbpark/use-hooks';\nimport { format } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\n\nimport { calendar } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from './button';\nimport Popover from './popover';\n\nconst { Calendar } = calendar;\n\ninterface Props {\n  defaultValue?: Date;\n  value?: Date;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  onChange?: (date: Date | undefined) => void;\n}\n\nconst DatePicker = ({\n  defaultValue,\n  value: _value,\n  placeholder = 'Pick a date',\n  className,\n  disabled,\n  onChange: _onChange = () => {},\n}: Props) => {\n  const [value, onChange] = useControllableState<Date | undefined>({\n    value: _value,\n    defaultValue,\n    onChange: _onChange,\n  });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover\n      placement=\"bottomLeft\"\n      open={open}\n      onOpenChange={setOpen}\n      content={\n        <Calendar\n          mode=\"single\"\n          selected={value}\n          onSelect={date => {\n            onChange(date);\n            setOpen(false);\n          }}\n        />\n      }\n    >\n      <Button\n        type=\"default\"\n        icon={<CalendarIcon />}\n        data-empty={!value}\n        disabled={disabled}\n        className={cn(\n          'w-full justify-start text-left font-normal',\n          'data-[empty=true]:text-muted-foreground',\n          className,\n          //\n        )}\n      >\n        {value ? format(value, 'PPP') : placeholder}\n      </Button>\n    </Popover>\n  );\n};\n\nexport default DatePicker;\nexport type { Props };\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,EAAE,aAAaA;AAWrB,MAAM,cAAc,EAClB,cACA,OAAO,QACP,cAAc,eACd,WACA,UACA,UAAU,kBAAkB,CAAC,QAClB;CACX,MAAM,CAAC,OAAO,YAAY,qBAAuC;EAC/D,OAAO;EACP;EACA,UAAU;CACZ,CAAC;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,OACE,oBAAC,SAAD;EACE,WAAU;EACJ;EACN,cAAc;EACd,SACE,oBAAC,UAAD;GACE,MAAK;GACL,UAAU;GACV,WAAU,SAAQ;IAChB,SAAS,IAAI;IACb,QAAQ,KAAK;GACf;EACD,CAAA;EAGH,UAAA,oBAAC,QAAD;GACE,MAAK;GACL,MAAM,oBAAC,cAAD,CAAe,CAAA;GACrB,cAAY,CAAC;GACH;GACV,WAAW,GACT,8CACA,2CACA,SAEF;GAEC,UAAA,QAAQ,OAAO,OAAO,KAAK,IAAI;EAC1B,CAAA;CACD,CAAA;AAEb"}

package/dist/components/atoms/float-button/back-top.d.mts

@@ -1,19 +1,11 @@
 import { Props as Props$1 } from "../../../Button.mjs";
 import { MouseEvent } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/atoms/float-button/back-top.d.ts
 interface Props extends Props$1 {
   visibilityHeight?: number;
   onClick?: (e: MouseEvent<HTMLElement>) => void;
 }
-declare const BackTop: ({
-  ref,
-  visibilityHeight,
-  className,
-  onClick,
-  ...props
-}: Props) => react_jsx_runtime0.JSX.Element;
+declare const BackTop: ({ ref, visibilityHeight, className, onClick, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { BackTop };
+export { Props, BackTop as default };
 //# sourceMappingURL=back-top.d.mts.map

package/dist/components/atoms/float-button/back-top.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"back-top.d.mts","names":[],"sources":["../../../../src/components/atoms/float-button/back-top.tsx"],"mappings":";;;;;UAaiB,KAAA,SAAc,OAAA;EAC7B,gBAAA;EACA,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,WAAA;AAAA;AAAA,cAGrB,OAAA;EAAW,GAAA;EAAA,gBAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAMd,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"back-top.d.mts","names":[],"sources":["../../../../src/components/atoms/float-button/back-top.tsx"],"mappings":";;;UAaiB,cAAc;EAC7B;EACA,WAAW,GAAG,WAAW;;cAGrB,YAAW,KAAA,kBAAA,WAAA,YAAA,SAMd,0BAAK,IAAA"}

package/dist/components/atoms/float-button/back-top.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { cn } from "../../../utils.mjs";
 import { DEFAULT_LOCALE, useConfig } from "../../../providers/config/context.mjs";
 import FloatButton from "./float-button.mjs";
@@ -7,14 +6,14 @@ import { ArrowUp } from "lucide-react";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useMergedRef, useWindowScroll } from "@jbpark/use-hooks";
-
 //#region src/components/atoms/float-button/back-top.tsx
 const BackTop = ({ ref, visibilityHeight = 450, className, onClick, ...props }) => {
 	const { locale } = useConfig();
 	const buttonRef = useRef(null);
 	const { y } = useWindowScroll(buttonRef);
+	const mergedRef = useMergedRef(buttonRef, ref);
 	return /* @__PURE__ */ jsx(FloatButton, {
-		ref: useMergedRef(buttonRef, ref),
+		ref: mergedRef,
 		"aria-label": locale.backToTop ?? DEFAULT_LOCALE.backToTop,
 		icon: /* @__PURE__ */ jsx(ArrowUp, {}),
 		className: cn(className, (!y || visibilityHeight > y) && "hidden"),
@@ -29,7 +28,7 @@ const BackTop = ({ ref, visibilityHeight = 450, className, onClick, ...props })
 		...props
 	});
 };
-
 //#endregion
 export { BackTop as default };
+
 //# sourceMappingURL=back-top.mjs.map

package/dist/components/atoms/float-button/back-top.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"back-top.mjs","names":[],"sources":["../../../../src/components/atoms/float-button/back-top.tsx"],"sourcesContent":["'use client';\n\nimport { type MouseEvent, useRef } from 'react';\n\nimport { useMergedRef, useWindowScroll } from '@jbpark/use-hooks';\nimport { ArrowUp } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { type Props as ButtonProps } from '../button';\nimport FloatButton from './float-button';\n\nexport interface Props extends ButtonProps {\n  visibilityHeight?: number;\n  onClick?: (e: MouseEvent<HTMLElement>) => void;\n}\n\nconst BackTop = ({\n  ref,\n  visibilityHeight = 450,\n  className,\n  onClick,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  // Track/scroll whichever window actually renders this button — not\n  // necessarily the host `window`, since this can be portaled into an\n  // iframe (e.g. live-editor's Renderer).\n  const { y } = useWindowScroll(buttonRef);\n\n  const mergedRef = useMergedRef(buttonRef, ref);\n\n  return (\n    <FloatButton\n      ref={mergedRef}\n      aria-label={locale.backToTop ?? DEFAULT_LOCALE.backToTop}\n      icon={<ArrowUp />}\n      className={cn(\n        className,\n        (!y || visibilityHeight > y) && 'hidden',\n        //\n      )}\n      onClick={e => {\n        const view = buttonRef.current?.ownerDocument.defaultView ?? window;\n        view.scrollTo({ left: 0, top: 0, behavior: 'smooth' });\n        onClick?.(e);\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default BackTop;\n"],"mappings":";;;;;;;;;;;AAkBA,MAAM,WAAW,EACf,KACA,mBAAmB,KACnB,WACA,SACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,WAAW;CAC9B,MAAM,YAAY,OAA0B,KAAK;CAKjD,MAAM,EAAE,MAAM,gBAAgB,UAAU;AAIxC,QACE,oBAAC;EACC,KAJc,aAAa,WAAW,IAAI;EAK1C,cAAY,OAAO,aAAa,eAAe;EAC/C,MAAM,oBAAC,YAAU;EACjB,WAAW,GACT,YACC,CAAC,KAAK,mBAAmB,MAAM,SAEjC;EACD,UAAS,MAAK;AAEZ,IADa,UAAU,SAAS,cAAc,eAAe,QACxD,SAAS;IAAE,MAAM;IAAG,KAAK;IAAG,UAAU;IAAU,CAAC;AACtD,aAAU,EAAE;;EAEd,GAAI;GACJ"}
+{"version":3,"file":"back-top.mjs","names":[],"sources":["../../../../src/components/atoms/float-button/back-top.tsx"],"sourcesContent":["'use client';\n\nimport { type MouseEvent, useRef } from 'react';\n\nimport { useMergedRef, useWindowScroll } from '@jbpark/use-hooks';\nimport { ArrowUp } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { type Props as ButtonProps } from '../button';\nimport FloatButton from './float-button';\n\nexport interface Props extends ButtonProps {\n  visibilityHeight?: number;\n  onClick?: (e: MouseEvent<HTMLElement>) => void;\n}\n\nconst BackTop = ({\n  ref,\n  visibilityHeight = 450,\n  className,\n  onClick,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  // Track/scroll whichever window actually renders this button — not\n  // necessarily the host `window`, since this can be portaled into an\n  // iframe (e.g. live-editor's Renderer).\n  const { y } = useWindowScroll(buttonRef);\n\n  const mergedRef = useMergedRef(buttonRef, ref);\n\n  return (\n    <FloatButton\n      ref={mergedRef}\n      aria-label={locale.backToTop ?? DEFAULT_LOCALE.backToTop}\n      icon={<ArrowUp />}\n      className={cn(\n        className,\n        (!y || visibilityHeight > y) && 'hidden',\n        //\n      )}\n      onClick={e => {\n        const view = buttonRef.current?.ownerDocument.defaultView ?? window;\n        view.scrollTo({ left: 0, top: 0, behavior: 'smooth' });\n        onClick?.(e);\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default BackTop;\n"],"mappings":";;;;;;;;;AAkBA,MAAM,WAAW,EACf,KACA,mBAAmB,KACnB,WACA,SACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,YAAY,OAA0B,IAAI;CAKhD,MAAM,EAAE,MAAM,gBAAgB,SAAS;CAEvC,MAAM,YAAY,aAAa,WAAW,GAAG;CAE7C,OACE,oBAAC,aAAD;EACE,KAAK;EACL,cAAY,OAAO,aAAa,eAAe;EAC/C,MAAM,oBAAC,SAAD,CAAU,CAAA;EAChB,WAAW,GACT,YACC,CAAC,KAAK,mBAAmB,MAAM,QAElC;EACA,UAAS,MAAK;GAEZ,CADa,UAAU,SAAS,cAAc,eAAe,OAAA,CACxD,SAAS;IAAE,MAAM;IAAG,KAAK;IAAG,UAAU;GAAS,CAAC;GACrD,UAAU,CAAC;EACb;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/atoms/float-button/float-button.d.mts

@@ -1,13 +1,7 @@
 import { Props as Props$1 } from "../../../Button.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/atoms/float-button/float-button.d.ts
 interface Props extends Props$1 {}
-declare const FloatButton: ({
-  className,
-  children,
-  ...props
-}: Props) => react_jsx_runtime0.JSX.Element;
+declare const FloatButton: ({ className, children, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { FloatButton, Props };
+export { Props, FloatButton as default };
 //# sourceMappingURL=float-button.d.mts.map

package/dist/components/atoms/float-button/float-button.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"float-button.d.mts","names":[],"sources":["../../../../src/components/atoms/float-button/float-button.tsx"],"mappings":";;;;UAIiB,KAAA,SAAc,OAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAAmC,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"float-button.d.mts","names":[],"sources":["../../../../src/components/atoms/float-button/float-button.tsx"],"mappings":";;UAIiB,cAAc;cAEzB,gBAAe,WAAA,aAAA,SAAmC,0BAAK,IAAA"}

package/dist/components/atoms/float-button/float-button.mjs

@@ -1,7 +1,6 @@
 import { cn } from "../../../utils.mjs";
 import Button from "../../../Button.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/atoms/float-button/float-button.tsx
 const FloatButton = ({ className, children, ...props }) => {
 	return /* @__PURE__ */ jsx(Button, {
@@ -11,7 +10,7 @@ const FloatButton = ({ className, children, ...props }) => {
 		children
 	});
 };
-
 //#endregion
 export { FloatButton as default };
+
 //# sourceMappingURL=float-button.mjs.map

package/dist/components/atoms/float-button/float-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"float-button.mjs","names":[],"sources":["../../../../src/components/atoms/float-button/float-button.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport Button, { Props as ButtonProps } from '../button';\n\nexport interface Props extends ButtonProps {}\n\nconst FloatButton = ({ className, children, ...props }: Props) => {\n  return (\n    <Button\n      className={cn(\n        'fixed right-5 bottom-5 rounded-full',\n        'z-50 h-12 w-12',\n        'shadow-md',\n        className,\n      )}\n      variant=\"outlined\"\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n};\n\nexport default FloatButton;\n"],"mappings":";;;;;AAMA,MAAM,eAAe,EAAE,WAAW,UAAU,GAAG,YAAmB;AAChE,QACE,oBAAC;EACC,WAAW,GACT,uCACA,kBACA,aACA,UACD;EACD,SAAQ;EACR,GAAI;EAEH;GACM"}
+{"version":3,"file":"float-button.mjs","names":[],"sources":["../../../../src/components/atoms/float-button/float-button.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport Button, { Props as ButtonProps } from '../button';\n\nexport interface Props extends ButtonProps {}\n\nconst FloatButton = ({ className, children, ...props }: Props) => {\n  return (\n    <Button\n      className={cn(\n        'fixed right-5 bottom-5 rounded-full',\n        'z-50 h-12 w-12',\n        'shadow-md',\n        className,\n      )}\n      variant=\"outlined\"\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n};\n\nexport default FloatButton;\n"],"mappings":";;;;AAMA,MAAM,eAAe,EAAE,WAAW,UAAU,GAAG,YAAmB;CAChE,OACE,oBAAC,QAAD;EACE,WAAW,GACT,uCACA,kBACA,aACA,SACF;EACA,SAAQ;EACR,GAAI;EAEH;CACK,CAAA;AAEZ"}

package/dist/components/atoms/float-button/index.d.mts

@@ -1,11 +1,10 @@
-import { BackTop } from "./back-top.mjs";
-import { FloatButton as FloatButton$1, Props } from "./float-button.mjs";
-
+import BackTop from "./back-top.mjs";
+import FloatButton$1, { Props } from "./float-button.mjs";
 //#region src/components/atoms/float-button/index.d.ts
 type FloatButtonComponent = typeof FloatButton$1 & {
   BackTop: typeof BackTop;
 };
 declare const FloatButton: FloatButtonComponent;
 //#endregion
-export { FloatButton };
+export { FloatButton as default };
 //# sourceMappingURL=index.d.mts.map

package/dist/components/atoms/float-button/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/float-button/index.ts"],"mappings":";;;;KAGK,oBAAA,UAA8B,aAAA;EACjC,OAAA,SAAgB,OAAA;AAAA;AAAA,cAGZ,WAAA,EAAiC,oBAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/float-button/index.ts"],"mappings":";;;KAGK,8BAA8B;EACjC,gBAAgB;;cAGZ,aAAiC"}

package/dist/components/atoms/float-button/index.mjs

@@ -1,10 +1,9 @@
 import FloatButton$1 from "./float-button.mjs";
 import BackTop from "./back-top.mjs";
-
 //#region src/components/atoms/float-button/index.ts
 const FloatButton = FloatButton$1;
 FloatButton.BackTop = BackTop;
-
 //#endregion
 export { FloatButton as default };
+
 //# sourceMappingURL=index.mjs.map

package/dist/components/atoms/float-button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["FloatButtonImpl"],"sources":["../../../../src/components/atoms/float-button/index.ts"],"sourcesContent":["import BackTop from './back-top';\nimport FloatButtonImpl, { type Props } from './float-button';\n\ntype FloatButtonComponent = typeof FloatButtonImpl & {\n  BackTop: typeof BackTop;\n};\n\nconst FloatButton = FloatButtonImpl as FloatButtonComponent;\n\nFloatButton.BackTop = BackTop;\n\nexport default FloatButton;\nexport type { Props };\n"],"mappings":";;;;AAOA,MAAM,cAAcA;AAEpB,YAAY,UAAU"}
+{"version":3,"file":"index.mjs","names":["FloatButtonImpl"],"sources":["../../../../src/components/atoms/float-button/index.ts"],"sourcesContent":["import BackTop from './back-top';\nimport FloatButtonImpl, { type Props } from './float-button';\n\ntype FloatButtonComponent = typeof FloatButtonImpl & {\n  BackTop: typeof BackTop;\n};\n\nconst FloatButton = FloatButtonImpl as FloatButtonComponent;\n\nFloatButton.BackTop = BackTop;\n\nexport default FloatButton;\nexport type { Props };\n"],"mappings":";;;AAOA,MAAM,cAAcA;AAEpB,YAAY,UAAU"}

package/dist/components/atoms/index.d.mts

@@ -1,15 +1,16 @@
 import Button from "../../Button.mjs";
 import Tag from "../../Tag.mjs";
 import Typography from "../../Typography.mjs";
-import { Checkbox } from "./checkbox/index.mjs";
-import { ColorPicker } from "./color-picker.mjs";
-import { DatePicker } from "./date-picker.mjs";
-import { FloatButton } from "./float-button/index.mjs";
-import { Input } from "./input/index.mjs";
-import { Popover } from "./popover.mjs";
-import { Progress } from "./progress.mjs";
-import { Radio } from "./radio/index.mjs";
-import { Select } from "./select.mjs";
-import { Skeleton } from "./skeleton/index.mjs";
-import { Spin } from "./spin.mjs";
-import { Switch } from "./switch.mjs";
+import Checkbox from "./checkbox/index.mjs";
+import ColorPicker from "./color-picker.mjs";
+import DatePicker from "./date-picker.mjs";
+import FloatButton from "./float-button/index.mjs";
+import Input from "./input/index.mjs";
+import Popover from "./popover.mjs";
+import Progress from "./progress.mjs";
+import Radio from "./radio/index.mjs";
+import Select from "./select.mjs";
+import Skeleton from "./skeleton/index.mjs";
+import Spin from "./spin.mjs";
+import Switch from "./switch.mjs";
+export { Button, Checkbox, ColorPicker, DatePicker, FloatButton, Input, Popover, Progress, Radio, Select, Skeleton, Spin, Switch, Tag, Typography };

package/dist/components/atoms/input/index.d.mts

@@ -1,7 +1,6 @@
-import { Input as Input$1 } from "./input.mjs";
-import { Search } from "./search.mjs";
-import { TextArea } from "./text-area.mjs";
-
+import Input$1 from "./input.mjs";
+import Search from "./search.mjs";
+import TextArea from "./text-area.mjs";
 //#region src/components/atoms/input/index.d.ts
 type InputComponent = typeof Input$1 & {
   Search: typeof Search;
@@ -9,5 +8,5 @@ type InputComponent = typeof Input$1 & {
 };
 declare const Input: InputComponent;
 //#endregion
-export { Input };
+export { Search, TextArea, Input as default };
 //# sourceMappingURL=index.d.mts.map

package/dist/components/atoms/input/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/input/index.ts"],"mappings":";;;;;KAIK,cAAA,UAAwB,OAAA;EAC3B,MAAA,SAAe,MAAA;EACf,QAAA,SAAiB,QAAA;AAAA;AAAA,cAGb,KAAA,EAAqB,cAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/input/index.ts"],"mappings":";;;;KAIK,wBAAwB;EAC3B,eAAe;EACf,iBAAiB;;cAGb,OAAqB"}

package/dist/components/atoms/input/index.mjs

@@ -1,12 +1,11 @@
 import Input$1 from "./input.mjs";
 import Search from "./search.mjs";
 import TextArea from "./text-area.mjs";
-
 //#region src/components/atoms/input/index.ts
 const Input = Input$1;
 Input.Search = Search;
 Input.TextArea = TextArea;
-
 //#endregion
-export { Input as default };
+export { Search, TextArea, Input as default };
+
 //# sourceMappingURL=index.mjs.map

package/dist/components/atoms/input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["InputImpl"],"sources":["../../../../src/components/atoms/input/index.ts"],"sourcesContent":["import InputImpl from './input';\nimport Search from './search';\nimport TextArea from './text-area';\n\ntype InputComponent = typeof InputImpl & {\n  Search: typeof Search;\n  TextArea: typeof TextArea;\n};\n\nconst Input = InputImpl as InputComponent;\n\nInput.Search = Search;\nInput.TextArea = TextArea;\n\nexport { Search, TextArea };\nexport default Input;\n"],"mappings":";;;;;AASA,MAAM,QAAQA;AAEd,MAAM,SAAS;AACf,MAAM,WAAW"}
+{"version":3,"file":"index.mjs","names":["InputImpl"],"sources":["../../../../src/components/atoms/input/index.ts"],"sourcesContent":["import InputImpl from './input';\nimport Search from './search';\nimport TextArea from './text-area';\n\ntype InputComponent = typeof InputImpl & {\n  Search: typeof Search;\n  TextArea: typeof TextArea;\n};\n\nconst Input = InputImpl as InputComponent;\n\nInput.Search = Search;\nInput.TextArea = TextArea;\n\nexport { Search, TextArea };\nexport default Input;\n"],"mappings":";;;;AASA,MAAM,QAAQA;AAEd,MAAM,SAAS;AACf,MAAM,WAAW"}

package/dist/components/atoms/input/input.d.mts

@@ -1,10 +1,5 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/atoms/input/input.d.ts
-declare const Input: ({
-  ref,
-  ...props
-}: React.ComponentPropsWithRef<"input">) => react_jsx_runtime0.JSX.Element;
+declare const Input: ({ ref, ...props }: React.ComponentPropsWithRef<"input">) => import("react").JSX.Element;
 //#endregion
-export { Input };
+export { Input as default };
 //# sourceMappingURL=input.d.mts.map

package/dist/components/atoms/input/input.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.mts","names":[],"sources":["../../../../src/components/atoms/input/input.tsx"],"mappings":";;;cAIM,KAAA;EAAS,GAAA;EAAA,GAAA;AAAA,GAAmB,KAAA,CAAM,qBAAA,cAA8B,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"input.d.mts","names":[],"sources":["../../../../src/components/atoms/input/input.tsx"],"mappings":";cAIM,UAAS,QAAA,SAAmB,MAAM,mDAA8B,IAAA"}

package/dist/components/atoms/input/input.mjs

@@ -1,6 +1,5 @@
 import { input_exports } from "../../../core/input.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/atoms/input/input.tsx
 const { Input: Core } = input_exports;
 const Input = ({ ref, ...props }) => {
@@ -9,7 +8,7 @@ const Input = ({ ref, ...props }) => {
 		...props
 	});
 };
-
 //#endregion
 export { Input as default };
+
 //# sourceMappingURL=input.mjs.map

package/dist/components/atoms/input/input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.mjs","names":["input"],"sources":["../../../../src/components/atoms/input/input.tsx"],"sourcesContent":["import { input } from '@repo/ui/core';\n\nconst { Input: Core } = input;\n\nconst Input = ({ ref, ...props }: React.ComponentPropsWithRef<'input'>) => {\n  return <Core ref={ref} {...props} />;\n};\n\nexport default Input;\n"],"mappings":";;;;AAEA,MAAM,EAAE,OAAO,SAASA;AAExB,MAAM,SAAS,EAAE,KAAK,GAAG,YAAkD;AACzE,QAAO,oBAAC;EAAU;EAAK,GAAI;GAAS"}
+{"version":3,"file":"input.mjs","names":["input"],"sources":["../../../../src/components/atoms/input/input.tsx"],"sourcesContent":["import { input } from '@repo/ui/core';\n\nconst { Input: Core } = input;\n\nconst Input = ({ ref, ...props }: React.ComponentPropsWithRef<'input'>) => {\n  return <Core ref={ref} {...props} />;\n};\n\nexport default Input;\n"],"mappings":";;;AAEA,MAAM,EAAE,OAAO,SAASA;AAExB,MAAM,SAAS,EAAE,KAAK,GAAG,YAAkD;CACzE,OAAO,oBAAC,MAAD;EAAW;EAAK,GAAI;CAAQ,CAAA;AACrC"}

package/dist/components/atoms/input/search.d.mts

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/atoms/input/search.d.ts
 interface Props extends React.ComponentPropsWithRef<'input'> {
   allowClear?: boolean;
@@ -11,20 +9,9 @@ interface Props extends React.ComponentPropsWithRef<'input'> {
   onSearch?: (value: string) => void;
 }
 declare const Search: {
-  ({
-    ref,
-    className,
-    defaultValue,
-    value,
-    disabled,
-    allowClear,
-    onChange,
-    onKeyDown: _onKeyDown,
-    onSearch: _onSearch,
-    ...props
-  }: Props): react_jsx_runtime0.JSX.Element;
+  ({ ref, className, defaultValue, value, disabled, allowClear, onChange, onKeyDown: _onKeyDown, onSearch: _onSearch, ...props }: Props): import("react").JSX.Element;
   displayName: string;
 };
 //#endregion
-export { Search };
+export { Props, Search as default };
 //# sourceMappingURL=search.d.mts.map

package/dist/components/atoms/input/search.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.mts","names":[],"sources":["../../../../src/components/atoms/input/search.tsx"],"mappings":";;;UAeiB,KAAA,SAAc,KAAA,CAAM,qBAAA;EACnC,UAAA;EACA,QAAA,IACE,CAAA,EAAG,KAAA,CAAM,WAAA,CAAY,gBAAA;IAAsB,MAAA;MAAU,KAAA;IAAA;EAAA;EAEvD,QAAA,IAAY,KAAA;AAAA;AAAA,cAGR,MAAA;EAAA;;;;;;;;;;;KAWH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"search.d.mts","names":[],"sources":["../../../../src/components/atoms/input/search.tsx"],"mappings":";UAeiB,cAAc,MAAM;EACnC;EACA,YACE,GAAG,MAAM,YAAY;IAAsB;MAAU;;;EAEvD,YAAY;;cAGR;KAWH,KAAA,WAAA,cAAA,OAAA,UAAA,YAAA,UAAA,WAAA,YAAA,UAAA,cAAA,SAAA,wBAAK,IAAA"}

package/dist/components/atoms/input/search.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { cn } from "../../../utils.mjs";
 import { DEFAULT_LOCALE, useConfig } from "../../../providers/config/context.mjs";
 import { input_exports } from "../../../core/input.mjs";
@@ -8,7 +7,6 @@ import { CircleX, Search } from "lucide-react";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMergedRef } from "@jbpark/use-hooks";
-
 //#region src/components/atoms/input/search.tsx
 const { Input: Core } = input_exports;
 const Search$1 = ({ ref, className, defaultValue, value, disabled, allowClear = true, onChange, onKeyDown: _onKeyDown, onSearch: _onSearch, ...props }) => {
@@ -68,7 +66,7 @@ const Search$1 = ({ ref, className, defaultValue, value, disabled, allowClear =
 	});
 };
 Search$1.displayName = "Search";
-
 //#endregion
 export { Search$1 as default };
+
 //# sourceMappingURL=search.mjs.map