@jbpark/ui-kit 10.3.0 → 10.4.0

package/dist/index.mjs

@@ -2,33 +2,34 @@ import { DEFAULT_LOCALE, useConfig } from "./providers/config/context.mjs";
 import { ConfigSnapshotProvider, getRootConfigValue } from "./providers/config/registry.mjs";
 import Config from "./providers/config/config.mjs";
 import Button from "./Button.mjs";
-import Input from "./components/atoms/input/index.mjs";
+import Input from "./Input.mjs";
 import Mentions from "./Mentions.mjs";
 import Typography from "./Typography.mjs";
 import Anchor from "./Anchor.mjs";
 import Calendar from "./Calendar.mjs";
-import Skeleton from "./components/atoms/skeleton/index.mjs";
+import Skeleton from "./Skeleton.mjs";
 import Statistic from "./Statistic.mjs";
 import Divider from "./Divider.mjs";
 /* empty css         */
 import Avatar from "./Avatar.mjs";
 import Badge from "./Badge.mjs";
-import Checkbox from "./components/atoms/checkbox/index.mjs";
-import Popover from "./components/atoms/popover.mjs";
-import ColorPicker from "./components/atoms/color-picker.mjs";
+import Checkbox from "./Checkbox.mjs";
+import Popover from "./Popover.mjs";
+import ColorPicker from "./ColorPicker.mjs";
 import TimePicker from "./TimePicker.mjs";
-import DatePicker from "./components/atoms/date-picker.mjs";
-import FloatButton from "./components/atoms/float-button/index.mjs";
-import Progress from "./components/atoms/progress.mjs";
-import Radio from "./components/atoms/radio/index.mjs";
-import Select from "./components/atoms/select.mjs";
+import DatePicker from "./DatePicker.mjs";
+import FloatButton from "./FloatButton.mjs";
+import Progress from "./Progress.mjs";
+import Radio from "./Radio.mjs";
+import Select from "./Select.mjs";
 import RichTextEditor from "./components/atoms/rich-text-editor/rich-text-editor.mjs";
 import Segmented from "./Segmented.mjs";
-import slider_default from "./components/atoms/slider/index.mjs";
-import Spin from "./components/atoms/spin.mjs";
-import Switch from "./components/atoms/switch.mjs";
+import ToggleGroup from "./ToggleGroup.mjs";
+import slider_default from "./Slider.mjs";
+import Spin from "./Spin.mjs";
+import Switch from "./Switch.mjs";
 import Tag from "./Tag.mjs";
-import Tooltip from "./components/atoms/tooltip.mjs";
+import Tooltip from "./Tooltip.mjs";
 import Rate from "./Rate.mjs";
 import Cascader from "./Cascader.mjs";
 import AutoComplete from "./AutoComplete.mjs";
@@ -36,37 +37,37 @@ import Card from "./Card.mjs";
 import Descriptions from "./Descriptions.mjs";
 import Alert from "./Alert.mjs";
 import Breadcrumb from "./Breadcrumb.mjs";
-import Collapse from "./components/molecules/collapse.mjs";
+import Collapse from "./Collapse.mjs";
 import Menu from "./components/molecules/menu/menu.mjs";
-import Dropdown from "./components/molecules/dropdown.mjs";
-import Marquees from "./components/molecules/marquees/index.mjs";
+import Dropdown from "./Dropdown.mjs";
+import Marquees from "./Marquees.mjs";
 import Pagination from "./Pagination.mjs";
 import Reveals from "./Reveals.mjs";
-import Splitter from "./components/molecules/splitter/index.mjs";
+import Splitter from "./Splitter.mjs";
 import ScrollArea from "./ScrollArea.mjs";
 import Space from "./Space.mjs";
 import Steps from "./Steps.mjs";
 import Timeline from "./Timeline.mjs";
-import Tabs from "./components/molecules/tabs.mjs";
-import Upload from "./components/molecules/upload.mjs";
+import Tabs from "./Tabs.mjs";
+import Upload from "./Upload.mjs";
 import Popconfirm from "./Popconfirm.mjs";
 import Transfer from "./Transfer.mjs";
 import ContextMenu from "./ContextMenu.mjs";
-import Drawer from "./components/organisms/drawer.mjs";
-import List from "./components/organisms/list/index.mjs";
-import Modal from "./components/organisms/modal.mjs";
-import Swiper from "./components/organisms/swiper/index.mjs";
-import Empty from "./components/templates/empty.mjs";
+import Empty from "./Empty.mjs";
+import Drawer from "./Drawer.mjs";
+import List from "./List.mjs";
+import Modal from "./Modal.mjs";
+import Swiper from "./Swiper.mjs";
 import Table from "./Table.mjs";
-import Toast from "./components/organisms/toast.mjs";
+import Toast from "./Toast.mjs";
 import Tour from "./Tour.mjs";
 import Tree from "./Tree.mjs";
 import Form from "./Form.mjs";
 import TreeSelect from "./TreeSelect.mjs";
 import Layout from "./Layout.mjs";
-import Container from "./components/templates/container.mjs";
-import Result from "./components/templates/result.mjs";
-import PageHeader from "./components/templates/page-header.mjs";
+import Container from "./Container.mjs";
+import Result from "./Result.mjs";
+import PageHeader from "./PageHeader.mjs";
 import Row from "./components/templates/grid/row.mjs";
 import Col from "./components/templates/grid/col.mjs";
-export { Alert, Anchor, AutoComplete, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Cascader, Checkbox, Col, Collapse, ColorPicker, Config, ConfigSnapshotProvider, Container, ContextMenu, DEFAULT_LOCALE, DatePicker, Descriptions, Divider, Drawer, Dropdown, Empty, FloatButton, Form, Input, Layout, List, Marquees, Mentions, Menu, Modal, PageHeader, Pagination, Popconfirm, Popover, Progress, Radio, Rate, Result, Reveals, RichTextEditor, Row, ScrollArea, Segmented, Select, Skeleton, slider_default as Slider, Space, Spin, Splitter, Statistic, Steps, Swiper, Switch, Table, Tabs, Tag, TimePicker, Timeline, Toast, Tooltip, Tour, Transfer, Tree, TreeSelect, Typography, Upload, getRootConfigValue, useConfig };
+export { Alert, Anchor, AutoComplete, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Cascader, Checkbox, Col, Collapse, ColorPicker, Config, ConfigSnapshotProvider, Container, ContextMenu, DEFAULT_LOCALE, DatePicker, Descriptions, Divider, Drawer, Dropdown, Empty, FloatButton, Form, Input, Layout, List, Marquees, Mentions, Menu, Modal, PageHeader, Pagination, Popconfirm, Popover, Progress, Radio, Rate, Result, Reveals, RichTextEditor, Row, ScrollArea, Segmented, Select, Skeleton, slider_default as Slider, Space, Spin, Splitter, Statistic, Steps, Swiper, Switch, Table, Tabs, Tag, TimePicker, Timeline, Toast, ToggleGroup, Tooltip, Tour, Transfer, Tree, TreeSelect, Typography, Upload, getRootConfigValue, useConfig };

package/dist/style.css

@@ -858,6 +858,10 @@
     --tw-translate-x: 0px !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
   }
+  .-translate-x-2 {
+    --tw-translate-x: calc(var(--spacing) * -2);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-1\/2 {
     --tw-translate-x: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -878,10 +882,18 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-2 {
+    --tw-translate-y: calc(var(--spacing) * -2);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-0\.5 {
     --tw-translate-y: calc(var(--spacing) * 0.5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-2 {
+    --tw-translate-y: calc(var(--spacing) * 2);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-\[-50\%\] {
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2336,6 +2348,9 @@
   .aria-disabled\:pointer-events-none[aria-disabled="true"] {
     pointer-events: none;
   }
+  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
+    cursor: not-allowed;
+  }
   .aria-disabled\:opacity-50[aria-disabled="true"] {
     opacity: 50%;
   }
@@ -2458,9 +2473,15 @@
   .data-placeholder\:text-muted-foreground[data-placeholder] {
     color: var(--muted-foreground);
   }
+  .data-pressed\:bg-accent[data-pressed] {
+    background-color: var(--accent);
+  }
   .data-pressed\:bg-background[data-pressed] {
     background-color: var(--background);
   }
+  .data-pressed\:text-accent-foreground[data-pressed] {
+    color: var(--accent-foreground);
+  }
   .data-pressed\:text-foreground[data-pressed] {
     color: var(--foreground);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/ui-kit",
-  "version": "10.3.0",
+  "version": "10.4.0",
   "description": "Modern React UI component library built with TypeScript, Tailwind CSS, and Base UI. Featuring atoms, molecules, organisms and layout templates for building beautiful interfaces.",
   "keywords": [
     "react",
@@ -84,6 +84,11 @@
       "import": "./dist/Segmented.mjs",
       "default": "./dist/Segmented.mjs"
     },
+    "./ToggleGroup": {
+      "types": "./dist/ToggleGroup.d.mts",
+      "import": "./dist/ToggleGroup.mjs",
+      "default": "./dist/ToggleGroup.mjs"
+    },
     "./TimePicker": {
       "types": "./dist/TimePicker.d.mts",
       "import": "./dist/TimePicker.mjs",
@@ -184,6 +189,156 @@
       "import": "./dist/Layout.mjs",
       "default": "./dist/Layout.mjs"
     },
+    "./Checkbox": {
+      "types": "./dist/Checkbox.d.mts",
+      "import": "./dist/Checkbox.mjs",
+      "default": "./dist/Checkbox.mjs"
+    },
+    "./ColorPicker": {
+      "types": "./dist/ColorPicker.d.mts",
+      "import": "./dist/ColorPicker.mjs",
+      "default": "./dist/ColorPicker.mjs"
+    },
+    "./DatePicker": {
+      "types": "./dist/DatePicker.d.mts",
+      "import": "./dist/DatePicker.mjs",
+      "default": "./dist/DatePicker.mjs"
+    },
+    "./FloatButton": {
+      "types": "./dist/FloatButton.d.mts",
+      "import": "./dist/FloatButton.mjs",
+      "default": "./dist/FloatButton.mjs"
+    },
+    "./Input": {
+      "types": "./dist/Input.d.mts",
+      "import": "./dist/Input.mjs",
+      "default": "./dist/Input.mjs"
+    },
+    "./Popover": {
+      "types": "./dist/Popover.d.mts",
+      "import": "./dist/Popover.mjs",
+      "default": "./dist/Popover.mjs"
+    },
+    "./Progress": {
+      "types": "./dist/Progress.d.mts",
+      "import": "./dist/Progress.mjs",
+      "default": "./dist/Progress.mjs"
+    },
+    "./Radio": {
+      "types": "./dist/Radio.d.mts",
+      "import": "./dist/Radio.mjs",
+      "default": "./dist/Radio.mjs"
+    },
+    "./RichTextEditor": {
+      "types": "./dist/RichTextEditor.d.mts",
+      "import": "./dist/RichTextEditor.mjs",
+      "default": "./dist/RichTextEditor.mjs"
+    },
+    "./Select": {
+      "types": "./dist/Select.d.mts",
+      "import": "./dist/Select.mjs",
+      "default": "./dist/Select.mjs"
+    },
+    "./Skeleton": {
+      "types": "./dist/Skeleton.d.mts",
+      "import": "./dist/Skeleton.mjs",
+      "default": "./dist/Skeleton.mjs"
+    },
+    "./Slider": {
+      "types": "./dist/Slider.d.mts",
+      "import": "./dist/Slider.mjs",
+      "default": "./dist/Slider.mjs"
+    },
+    "./Spin": {
+      "types": "./dist/Spin.d.mts",
+      "import": "./dist/Spin.mjs",
+      "default": "./dist/Spin.mjs"
+    },
+    "./Switch": {
+      "types": "./dist/Switch.d.mts",
+      "import": "./dist/Switch.mjs",
+      "default": "./dist/Switch.mjs"
+    },
+    "./Tooltip": {
+      "types": "./dist/Tooltip.d.mts",
+      "import": "./dist/Tooltip.mjs",
+      "default": "./dist/Tooltip.mjs"
+    },
+    "./Collapse": {
+      "types": "./dist/Collapse.d.mts",
+      "import": "./dist/Collapse.mjs",
+      "default": "./dist/Collapse.mjs"
+    },
+    "./Dropdown": {
+      "types": "./dist/Dropdown.d.mts",
+      "import": "./dist/Dropdown.mjs",
+      "default": "./dist/Dropdown.mjs"
+    },
+    "./Marquees": {
+      "types": "./dist/Marquees.d.mts",
+      "import": "./dist/Marquees.mjs",
+      "default": "./dist/Marquees.mjs"
+    },
+    "./Splitter": {
+      "types": "./dist/Splitter.d.mts",
+      "import": "./dist/Splitter.mjs",
+      "default": "./dist/Splitter.mjs"
+    },
+    "./Tabs": {
+      "types": "./dist/Tabs.d.mts",
+      "import": "./dist/Tabs.mjs",
+      "default": "./dist/Tabs.mjs"
+    },
+    "./Upload": {
+      "types": "./dist/Upload.d.mts",
+      "import": "./dist/Upload.mjs",
+      "default": "./dist/Upload.mjs"
+    },
+    "./Drawer": {
+      "types": "./dist/Drawer.d.mts",
+      "import": "./dist/Drawer.mjs",
+      "default": "./dist/Drawer.mjs"
+    },
+    "./List": {
+      "types": "./dist/List.d.mts",
+      "import": "./dist/List.mjs",
+      "default": "./dist/List.mjs"
+    },
+    "./Modal": {
+      "types": "./dist/Modal.d.mts",
+      "import": "./dist/Modal.mjs",
+      "default": "./dist/Modal.mjs"
+    },
+    "./Swiper": {
+      "types": "./dist/Swiper.d.mts",
+      "import": "./dist/Swiper.mjs",
+      "default": "./dist/Swiper.mjs"
+    },
+    "./Toast": {
+      "types": "./dist/Toast.d.mts",
+      "import": "./dist/Toast.mjs",
+      "default": "./dist/Toast.mjs"
+    },
+    "./Container": {
+      "types": "./dist/Container.d.mts",
+      "import": "./dist/Container.mjs",
+      "default": "./dist/Container.mjs"
+    },
+    "./Empty": {
+      "types": "./dist/Empty.d.mts",
+      "import": "./dist/Empty.mjs",
+      "default": "./dist/Empty.mjs"
+    },
+    "./Result": {
+      "types": "./dist/Result.d.mts",
+      "import": "./dist/Result.mjs",
+      "default": "./dist/Result.mjs"
+    },
+    "./PageHeader": {
+      "types": "./dist/PageHeader.d.mts",
+      "import": "./dist/PageHeader.mjs",
+      "default": "./dist/PageHeader.mjs"
+    },
     "./utils": {
       "types": "./dist/utils.d.mts",
       "import": "./dist/utils.mjs",
@@ -277,7 +432,7 @@
   "dependencies": {
     "@base-ui/react": "^1.9.0",
     "@gsap/react": "^2.1.2",
-    "@jbpark/use-hooks": "^4.5.0",
+    "@jbpark/use-hooks": "^4.6.0",
     "@tiptap/core": "^3.31.4",
     "@tiptap/extension-placeholder": "^3.31.4",
     "@tiptap/extension-text-style": "^3.31.4",

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

@@ -1,10 +0,0 @@
-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 as default };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":["CheckboxImpl"],"sources":["../../../../src/components/atoms/checkbox/index.ts"],"mappings":";;;KAGK,2BAA2BA;EAAiB,cAAc;;cAEzD,UAA2B"}

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

@@ -1,9 +0,0 @@
-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 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-picker.d.mts","names":[],"sources":["../../../src/components/atoms/color-picker.tsx"],"mappings":";iBAUiB,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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker.d.mts","names":[],"sources":["../../../src/components/atoms/date-picker.tsx"],"mappings":";UAiBU;EACR,eAAe;EACf,QAAQ;EACR;EACA;EACA;;EAEA;IAAuB;;EACvB,YAAY,MAAM;;cAQd,eAAc,cAAA,OAAA,QAAA,aAAA,WAAA,UAAA,UAAA,UAAA,aAQjB,0BAAK,IAAA"}

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

@@ -1 +0,0 @@
-{"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 { cn } from '@repo/ui/utils';\n\nimport { calendar } from '../../core';\nimport Button from './button';\nimport Popover from './popover';\nimport TimePicker from './time-picker';\n\nconst { Calendar } = calendar;\n\ninterface Props {\n  defaultValue?: Date;\n  value?: Date;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  /** Pick a local date and time together. Optionally configure the minute interval. */\n  showTime?: boolean | { minuteStep?: number };\n  onChange?: (date: Date | undefined) => void;\n}\n\nconst toTimeValue = (date?: Date) =>\n  date\n    ? `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`\n    : '00:00';\n\nconst DatePicker = ({\n  defaultValue,\n  value: _value,\n  placeholder = 'Pick a date',\n  className,\n  disabled,\n  showTime = false,\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  const [draftDate, setDraftDate] = useState<Date | undefined>(value);\n  const [draftTime, setDraftTime] = useState(toTimeValue(value));\n  const minuteStep =\n    typeof showTime === 'object' ? showTime.minuteStep : undefined;\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (nextOpen && showTime) {\n      setDraftDate(value);\n      setDraftTime(toTimeValue(value));\n    }\n\n    setOpen(nextOpen);\n  };\n\n  const handleConfirm = () => {\n    if (!draftDate || !draftTime) return;\n\n    const [hours, minutes] = draftTime.split(':').map(Number);\n\n    onChange(\n      new Date(\n        draftDate.getFullYear(),\n        draftDate.getMonth(),\n        draftDate.getDate(),\n        hours,\n        minutes,\n      ),\n    );\n    setOpen(false);\n  };\n\n  return (\n    <Popover\n      placement=\"bottomLeft\"\n      open={open}\n      onOpenChange={handleOpenChange}\n      content={\n        <>\n          <Calendar\n            mode=\"single\"\n            selected={showTime ? draftDate : value}\n            onSelect={date => {\n              if (showTime) {\n                setDraftDate(date);\n              } else {\n                onChange(date);\n                setOpen(false);\n              }\n            }}\n          />\n          {showTime && (\n            <div className=\"border-border flex flex-col gap-3 border-t p-3\">\n              <TimePicker\n                label=\"Time\"\n                value={draftTime}\n                onChange={time => setDraftTime(time ?? '')}\n                minuteStep={minuteStep}\n                allowClear={false}\n                size=\"small\"\n              />\n              <div className=\"flex justify-end gap-2\">\n                <Button size=\"small\" onClick={() => setOpen(false)}>\n                  Cancel\n                </Button>\n                <Button\n                  type=\"primary\"\n                  size=\"small\"\n                  disabled={!draftDate || !draftTime}\n                  onClick={handleConfirm}\n                >\n                  OK\n                </Button>\n              </div>\n            </div>\n          )}\n        </>\n      }\n    >\n      <Button\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, showTime ? 'PPP HH:mm' : 'PPP') : placeholder}\n      </Button>\n    </Popover>\n  );\n};\n\nexport default DatePicker;\nexport type { Props };\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,EAAE,aAAaA;AAarB,MAAM,eAAe,SACnB,OACI,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,MACxF;AAEN,MAAM,cAAc,EAClB,cACA,OAAO,QACP,cAAc,eACd,WACA,UACA,WAAW,OACX,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;CACtC,MAAM,CAAC,WAAW,gBAAgB,SAA2B,KAAK;CAClE,MAAM,CAAC,WAAW,gBAAgB,SAAS,YAAY,KAAK,CAAC;CAC7D,MAAM,aACJ,OAAO,aAAa,WAAW,SAAS,aAAa,KAAA;CAEvD,MAAM,oBAAoB,aAAsB;EAC9C,IAAI,YAAY,UAAU;GACxB,aAAa,KAAK;GAClB,aAAa,YAAY,KAAK,CAAC;EACjC;EAEA,QAAQ,QAAQ;CAClB;CAEA,MAAM,sBAAsB;EAC1B,IAAI,CAAC,aAAa,CAAC,WAAW;EAE9B,MAAM,CAAC,OAAO,WAAW,UAAU,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;EAExD,SACE,IAAI,KACF,UAAU,YAAY,GACtB,UAAU,SAAS,GACnB,UAAU,QAAQ,GAClB,OACA,OACF,CACF;EACA,QAAQ,KAAK;CACf;CAEA,OACE,oBAAC,SAAD;EACE,WAAU;EACJ;EACN,cAAc;EACd,SACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,UAAD;GACE,MAAK;GACL,UAAU,WAAW,YAAY;GACjC,WAAU,SAAQ;IAChB,IAAI,UACF,aAAa,IAAI;SACZ;KACL,SAAS,IAAI;KACb,QAAQ,KAAK;IACf;GACF;EACD,CAAA,GACA,YACC,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,YAAD;IACE,OAAM;IACN,OAAO;IACP,WAAU,SAAQ,aAAa,QAAQ,EAAE;IAC7B;IACZ,YAAY;IACZ,MAAK;GACN,CAAA,GACD,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,QAAD;KAAQ,MAAK;KAAQ,eAAe,QAAQ,KAAK;KAAG,UAAA;IAE5C,CAAA,GACR,oBAAC,QAAD;KACE,MAAK;KACL,MAAK;KACL,UAAU,CAAC,aAAa,CAAC;KACzB,SAAS;KACV,UAAA;IAEO,CAAA,CACL;GACF,CAAA,CAAA;EAEP,CAAA,CAAA,EAAA,CAAA;EAGJ,UAAA,oBAAC,QAAD;GACE,MAAM,oBAAC,cAAD,CAAe,CAAA;GACrB,cAAY,CAAC;GACH;GACV,WAAW,GACT,8CACA,2CACA,SAEF;GAEC,UAAA,QAAQ,OAAO,OAAO,WAAW,cAAc,KAAK,IAAI;EACnD,CAAA;CACD,CAAA;AAEb"}

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

@@ -1,10 +0,0 @@
-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 as default };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":["FloatButtonImpl"],"sources":["../../../../src/components/atoms/float-button/index.ts"],"mappings":";;;KAGK,8BAA8BA;EACjC,gBAAgB;;cAGZ,aAAiC"}

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

@@ -1,9 +0,0 @@
-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 +0,0 @@
-{"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/input/index.d.mts

@@ -1,16 +0,0 @@
-import Input$1 from "./input.mjs";
-import Number, { Props } from "./number.mjs";
-import OTP, { Props as Props$1 } from "./otp.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;
-  Number: typeof Number;
-  OTP: typeof OTP;
-  TextArea: typeof TextArea;
-};
-declare const Input: InputComponent;
-//#endregion
-export { Number, type Props as NumberProps, OTP, type Props$1 as OTPProps, Search, TextArea, Input as default };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":["InputImpl"],"sources":["../../../../src/components/atoms/input/index.ts"],"mappings":";;;;;;KAMK,wBAAwBA;EAC3B,eAAe;EACf,eAAe;EACf,YAAY;EACZ,iBAAiB;;cAGb,OAAqB"}

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

@@ -1,15 +0,0 @@
-import Input$1 from "./input.mjs";
-import Number from "./number.mjs";
-import OTP from "./otp.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.Number = Number;
-Input.OTP = OTP;
-Input.TextArea = TextArea;
-//#endregion
-export { Number, OTP, Search, TextArea, Input as default };
-
-//# sourceMappingURL=index.mjs.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.d.mts","names":[],"sources":["../../../src/components/atoms/popover.tsx"],"mappings":";KAmBK;iBAcY,cAAc,KAC7B,MAAM;EAGN,QAAQ,MAAM;;EAEd;EACA,YAAY;EACZ,SAAS,MAAM;EACf;EACA;EACA,gBAAgB;;cAqBZ,YAAW,OAAA,cAAA,WAAA,WAAA,SAAA,UAAA,MAAA,OAAA,aAAA,iBAAA,SAWd,0BAAK,IAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.mjs","names":["popover"],"sources":["../../../src/components/atoms/popover.tsx"],"sourcesContent":["'use client';\n\nimport { Children, type ReactElement } from 'react';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { cn, renderConditional } from '@repo/ui/utils';\n\nimport { popover } from '../../core';\nimport Typography from './typography';\n\nconst {\n  Popover: CorePopover,\n  PopoverContent,\n  PopoverTrigger,\n  PopoverArrow,\n  PopoverTitle,\n} = popover;\n\ntype Placement =\n  | 'top'\n  | 'left'\n  | 'right'\n  | 'bottom'\n  | 'topLeft'\n  | 'topRight'\n  | 'bottomLeft'\n  | 'bottomRight'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'rightTop'\n  | 'rightBottom';\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'title' | 'content'\n> {\n  title?: React.ReactNode;\n  /** Set to false when a custom trigger component renders a non-button element. */\n  nativeButton?: boolean;\n  placement?: Placement;\n  content: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\ntype Side = 'top' | 'bottom' | 'left' | 'right';\ntype Align = 'start' | 'center' | 'end';\n\nconst placementMap: Record<Placement, { side: Side; align: Align }> = {\n  top: { side: 'top', align: 'center' },\n  left: { side: 'left', align: 'center' },\n  right: { side: 'right', align: 'center' },\n  bottom: { side: 'bottom', align: 'center' },\n  topLeft: { side: 'top', align: 'start' },\n  topRight: { side: 'top', align: 'end' },\n  bottomLeft: { side: 'bottom', align: 'start' },\n  bottomRight: { side: 'bottom', align: 'end' },\n  leftTop: { side: 'left', align: 'start' },\n  leftBottom: { side: 'left', align: 'end' },\n  rightTop: { side: 'right', align: 'start' },\n  rightBottom: { side: 'right', align: 'end' },\n};\n\nconst Popover = ({\n  title,\n  nativeButton,\n  placement = 'top',\n  className,\n  content,\n  children,\n  open: _open,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: Props) => {\n  const [open, setOpen] = useControllableState<boolean>({\n    value: _open,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n\n  const { side, align } = placementMap[placement];\n\n  const trigger = Children.only(children) as ReactElement;\n\n  return (\n    <CorePopover open={open} onOpenChange={setOpen}>\n      {/* Deliberately no `data-slot` here: Base UI merges the trigger's own\n          props over the rendered element's, so a `data-slot` set here replaces\n          the child's. A `Button` trigger would lose `data-slot=\"button\"` and\n          with it every `--btn-*` token rule in globals.css. */}\n      <PopoverTrigger\n        render={trigger}\n        nativeButton={\n          nativeButton ??\n          (typeof trigger.type !== 'string' || trigger.type === 'button')\n        }\n      />\n      <PopoverContent\n        {...props}\n        align={align}\n        side={side}\n        sideOffset={16}\n        className={cn('relative w-auto', className)}\n      >\n        {renderConditional(title, v => (\n          <PopoverTitle render={<Typography.Title level={6} />}>\n            {v}\n          </PopoverTitle>\n        ))}\n        {content}\n        <PopoverArrow />\n      </PopoverContent>\n    </CorePopover>\n  );\n};\n\nexport default Popover;\n"],"mappings":";;;;;;;;AAWA,MAAM,EACJ,SAAS,aACT,gBACA,gBACA,cACA,iBACEA;AAiCJ,MAAM,eAAgE;CACpE,KAAK;EAAE,MAAM;EAAO,OAAO;CAAS;CACpC,MAAM;EAAE,MAAM;EAAQ,OAAO;CAAS;CACtC,OAAO;EAAE,MAAM;EAAS,OAAO;CAAS;CACxC,QAAQ;EAAE,MAAM;EAAU,OAAO;CAAS;CAC1C,SAAS;EAAE,MAAM;EAAO,OAAO;CAAQ;CACvC,UAAU;EAAE,MAAM;EAAO,OAAO;CAAM;CACtC,YAAY;EAAE,MAAM;EAAU,OAAO;CAAQ;CAC7C,aAAa;EAAE,MAAM;EAAU,OAAO;CAAM;CAC5C,SAAS;EAAE,MAAM;EAAQ,OAAO;CAAQ;CACxC,YAAY;EAAE,MAAM;EAAQ,OAAO;CAAM;CACzC,UAAU;EAAE,MAAM;EAAS,OAAO;CAAQ;CAC1C,aAAa;EAAE,MAAM;EAAS,OAAO;CAAM;AAC7C;AAEA,MAAM,WAAW,EACf,OACA,cACA,YAAY,OACZ,WACA,SACA,UACA,MAAM,OACN,aACA,cACA,GAAG,YACQ;CACX,MAAM,CAAC,MAAM,WAAW,qBAA8B;EACpD,OAAO;EACP,cAAc,eAAe;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,EAAE,MAAM,UAAU,aAAa;CAErC,MAAM,UAAU,SAAS,KAAK,QAAQ;CAEtC,OACE,qBAAC,aAAD;EAAmB;EAAM,cAAc;EAAvC,UAAA,CAKE,oBAAC,gBAAD;GACE,QAAQ;GACR,cACE,iBACC,OAAO,QAAQ,SAAS,YAAY,QAAQ,SAAS;EAEzD,CAAA,GACD,qBAAC,gBAAD;GACE,GAAI;GACG;GACD;GACN,YAAY;GACZ,WAAW,GAAG,mBAAmB,SAAS;GAL5C,UAAA;IAOG,kBAAkB,QAAO,MACxB,oBAAC,cAAD;KAAc,QAAQ,oBAAC,WAAW,OAAZ,EAAkB,OAAO,EAAI,CAAA;KAChD,UAAA;IACW,CAAA,CACf;IACA;IACD,oBAAC,cAAD,CAAe,CAAA;GACD;EACL,CAAA,CAAA;;AAEjB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"progress.d.mts","names":[],"sources":["../../../src/components/atoms/progress.tsx"],"mappings":";iBAMiB,cAAc,MAAM;EACnC;EACA;;EAEA;EACA;IACE;IACA;;;cAIE,aAAY,OAAA,WAAA,aAAA,WAAA,eAAA,SAOf,0BAAK,IAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"progress.mjs","names":["progress"],"sources":["../../../src/components/atoms/progress.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport { progress } from '../../core';\n\nconst { Progress: Core } = progress;\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  value: number;\n  orientation?: 'horizontal' | 'vertical';\n  /** @deprecated Use `orientation`. */\n  direction?: 'horizontal' | 'vertical';\n  classNames?: {\n    background?: string;\n    bar?: string;\n  };\n}\n\nconst Progress = ({\n  value,\n  className,\n  orientation,\n  direction = 'horizontal',\n  classNames,\n  ...props\n}: Props) => {\n  const isHorizontal = (orientation ?? direction) === 'horizontal';\n  const normalizedValue = Number.isFinite(value)\n    ? Math.min(100, Math.max(0, value))\n    : 0;\n\n  return (\n    <Core\n      {...props}\n      value={normalizedValue}\n      className={cn(\n        isHorizontal ? 'h-4 w-full' : 'flex h-full w-4 flex-col justify-end',\n        className,\n        classNames?.background,\n        //\n      )}\n      barClassName={cn('flex-none', classNames?.bar)}\n      barStyle={\n        isHorizontal\n          ? { width: `${normalizedValue}%` }\n          : { width: '100%', height: `${normalizedValue}%` }\n      }\n    />\n  );\n};\n\nexport default Progress;\n"],"mappings":";;;;AAIA,MAAM,EAAE,UAAU,SAASA;AAa3B,MAAM,YAAY,EAChB,OACA,WACA,aACA,YAAY,cACZ,YACA,GAAG,YACQ;CACX,MAAM,gBAAgB,eAAe,eAAe;CACpD,MAAM,kBAAkB,OAAO,SAAS,KAAK,IACzC,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,IAChC;CAEJ,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,OAAO;EACP,WAAW,GACT,eAAe,eAAe,wCAC9B,WACA,YAAY,UAEd;EACA,cAAc,GAAG,aAAa,YAAY,GAAG;EAC7C,UACE,eACI,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAC/B;GAAE,OAAO;GAAQ,QAAQ,GAAG,gBAAgB;EAAG;CAEtD,CAAA;AAEL"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":["RadioImpl","Group"],"sources":["../../../../src/components/atoms/radio/index.ts"],"mappings":";;;KAGK,wBAAwBA;EAAc,cAAcC;;cAEnD,OAAqB"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["RadioImpl","Group"],"sources":["../../../../src/components/atoms/radio/index.ts"],"sourcesContent":["import Group from './group';\nimport RadioImpl, { type Props } from './radio';\n\ntype RadioComponent = typeof RadioImpl & { Group: typeof Group };\n\nconst Radio = RadioImpl as RadioComponent;\n\nRadio.Group = Group;\n\nexport default Radio;\nexport type { Props };\n"],"mappings":";;;AAKA,MAAM,QAAQA;AAEd,MAAM,QAAQC"}

package/dist/components/atoms/rich-text-editor/index.d.mts

@@ -1,3 +0,0 @@
-import { ToolbarItem, ToolbarPreset } from "./types.mjs";
-import RichTextEditor, { Props } from "./rich-text-editor.mjs";
-export { RichTextEditor as default };

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

@@ -1 +0,0 @@
-{"version":3,"file":"select.d.mts","names":["select","select.Select","SearchableProps","MultipleProps"],"sources":["../../../src/components/atoms/select.tsx"],"mappings":";;;;;;cAWU,aAAIC;UASJ;EACR,OAAO,MAAM;EACb;EACA;;UAGQ;EACR,OAAO,MAAM;EACb,SAAS;;UAOD,oBAAoB,KAC5B,MAAM,sBAAsB;EAG5B;EACA;EACA;EACA,WAAW,SAAS;EACpB,YAAY;EACZ;;YAGU,QAAQ,cAAcC,UAAkBC;cA8D9C,SAAU,OAAO,UAAK,MAAA,IAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"select.mjs","names":["select"],"sources":["../../../src/components/atoms/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { select } from '../../core';\nimport MultipleSelect, { type Props as MultipleProps } from './select-multiple';\nimport SearchableSelect, {\n  type Props as SearchableProps,\n} from './select-searchable';\n\nconst {\n  Select: Core,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} = select;\n\ninterface Option {\n  label: React.ReactNode;\n  value: string;\n  disabled?: boolean;\n}\n\ninterface OptionGroup {\n  label: React.ReactNode;\n  options: Option[];\n}\n\nconst isGroup = (option: Option | OptionGroup): option is OptionGroup => {\n  return 'options' in option && Array.isArray(option.options);\n};\n\ninterface StaticProps extends Omit<\n  React.ComponentProps<typeof Core>,\n  'onValueChange' | 'items'\n> {\n  searchable?: false;\n  placeholder?: string;\n  className?: string;\n  options?: (Option | OptionGroup)[];\n  onChange?: (value: string) => void;\n  'aria-label'?: string;\n}\n\nexport type Props = StaticProps | SearchableProps | MultipleProps;\n\nconst StaticSelect = ({\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Do not forward the public mode switch to Base UI.\n  searchable: _searchable,\n  className,\n  placeholder,\n  options,\n  onChange,\n  'aria-label': ariaLabel,\n  ...props\n}: StaticProps) => {\n  const items = options?.flatMap(option =>\n    isGroup(option) ? option.options : option,\n  );\n\n  return (\n    <Core\n      {...props}\n      items={items}\n      onValueChange={value => {\n        if (value !== null) {\n          onChange?.(value);\n        }\n      }}\n    >\n      <SelectTrigger\n        aria-label={ariaLabel}\n        className={cn('w-full max-w-48', className)}\n      >\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent>\n        {options?.map((option, index) =>\n          isGroup(option) ? (\n            <SelectGroup key={index}>\n              <SelectLabel>{option.label}</SelectLabel>\n              {option.options.map(item => (\n                <SelectItem\n                  key={item.value}\n                  value={item.value}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                </SelectItem>\n              ))}\n            </SelectGroup>\n          ) : (\n            <SelectItem\n              key={option.value}\n              value={option.value}\n              disabled={option.disabled}\n            >\n              {option.label}\n            </SelectItem>\n          ),\n        )}\n      </SelectContent>\n    </Core>\n  );\n};\n\nconst Select = (props: Props) => {\n  if (props.multiple) {\n    return <MultipleSelect {...props} />;\n  }\n\n  if (props.searchable) {\n    return <SearchableSelect {...props} />;\n  }\n\n  return <StaticSelect {...props} />;\n};\n\nexport default Select;\n"],"mappings":";;;;;;;AAUA,MAAM,EACJ,QAAQ,MACR,eACA,aACA,YACA,aACA,eACA,gBACEA;AAaJ,MAAM,WAAW,WAAwD;CACvE,OAAO,aAAa,UAAU,MAAM,QAAQ,OAAO,OAAO;AAC5D;AAgBA,MAAM,gBAAgB,EAEpB,YAAY,aACZ,WACA,aACA,SACA,UACA,cAAc,WACd,GAAG,YACc;CACjB,MAAM,QAAQ,SAAS,SAAQ,WAC7B,QAAQ,MAAM,IAAI,OAAO,UAAU,MACrC;CAEA,OACE,qBAAC,MAAD;EACE,GAAI;EACG;EACP,gBAAe,UAAS;GACtB,IAAI,UAAU,MACZ,WAAW,KAAK;EAEpB;EAPF,UAAA,CASE,oBAAC,eAAD;GACE,cAAY;GACZ,WAAW,GAAG,mBAAmB,SAAS;GAE1C,UAAA,oBAAC,aAAD,EAA0B,YAAc,CAAA;EAC3B,CAAA,GACf,oBAAC,eAAD,EAAA,UACG,SAAS,KAAK,QAAQ,UACrB,QAAQ,MAAM,IACZ,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,OAAO,MAAmB,CAAA,GACvC,OAAO,QAAQ,KAAI,SAClB,oBAAC,YAAD;GAEE,OAAO,KAAK;GACZ,UAAU,KAAK;GAEd,UAAA,KAAK;EACI,GALL,KAAK,KAKA,CACb,CACU,EAAA,GAXK,KAWL,IAEb,oBAAC,YAAD;GAEE,OAAO,OAAO;GACd,UAAU,OAAO;GAEhB,UAAA,OAAO;EACE,GALL,OAAO,KAKF,CAEhB,EACa,CAAA,CACX;;AAEV;AAEA,MAAM,UAAU,UAAiB;CAC/B,IAAI,MAAM,UACR,OAAO,oBAAC,gBAAD,EAAgB,GAAI,MAAQ,CAAA;CAGrC,IAAI,MAAM,YACR,OAAO,oBAAC,kBAAD,EAAkB,GAAI,MAAQ,CAAA;CAGvC,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ,CAAA;AACnC"}

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

@@ -1,12 +0,0 @@
-import Skeleton$1, { Props } from "./skeleton.mjs";
-import Button from "./button.mjs";
-import Node from "./node.mjs";
-//#region src/components/atoms/skeleton/index.d.ts
-type SkeletonComponent = typeof Skeleton$1 & {
-  Button: typeof Button;
-  Node: typeof Node;
-};
-declare const Skeleton: SkeletonComponent;
-//#endregion
-export { Button, Node, Skeleton as default };
-//# sourceMappingURL=index.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","names":["SkeletonImpl"],"sources":["../../../../src/components/atoms/skeleton/index.ts"],"mappings":";;;;KAIK,2BAA2BA;EAC9B,eAAe;EACf,aAAa;;cAGT,UAA2B"}

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

@@ -1,11 +0,0 @@
-import Skeleton$1 from "./skeleton.mjs";
-import Button from "./button.mjs";
-import Node from "./node.mjs";
-//#region src/components/atoms/skeleton/index.ts
-const Skeleton = Skeleton$1;
-Skeleton.Button = Button;
-Skeleton.Node = Node;
-//#endregion
-export { Button, Node, Skeleton as default };
-
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["SkeletonImpl"],"sources":["../../../../src/components/atoms/skeleton/index.ts"],"sourcesContent":["import Button from './button';\nimport Node from './node';\nimport SkeletonImpl, { type Props } from './skeleton';\n\ntype SkeletonComponent = typeof SkeletonImpl & {\n  Button: typeof Button;\n  Node: typeof Node;\n};\n\nconst Skeleton = SkeletonImpl as SkeletonComponent;\n\nSkeleton.Button = Button;\nSkeleton.Node = Node;\n\nexport { Button, Node };\nexport default Skeleton;\nexport type { Props };\n"],"mappings":";;;;AASA,MAAM,WAAWA;AAEjB,SAAS,SAAS;AAClB,SAAS,OAAO"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/atoms/slider/index.ts"],"sourcesContent":["import Slider, { type Props, type SliderValue } from './slider';\n\nexport default Slider;\nexport type { Props, SliderValue };\n"],"mappings":";;AAEA,IAAA,iBAAe"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"spin.d.mts","names":[],"sources":["../../../src/components/atoms/spin.tsx"],"mappings":";iBAOiB,cAAc,MAAM;EACnC;;cAGI,SAAQ,UAAA,WAAA,aAAA,SAA6C,4CAAK,yBAAA,aAAA,6DAAA,8BAAA,+CAAA,8BAAA,yBAAA,iDAAA,IAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"spin.mjs","names":[],"sources":["../../../src/components/atoms/spin.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2 } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  spinning?: boolean;\n}\n\nconst Spin = ({ spinning, className, children, ...props }: Props) => {\n  const { locale } = useConfig();\n  const loadingLabel = locale.loading ?? DEFAULT_LOCALE.loading;\n\n  // With no children there's nothing to render at all while idle — unlike\n  // the branch below, there's no wrapper for `className`/`props` to land\n  // on regardless, so returning null here isn't the same bug.\n  if (!children) {\n    if (!spinning) {\n      return null;\n    }\n\n    return (\n      <div\n        role=\"status\"\n        aria-label={loadingLabel}\n        className={cn('flex h-full items-center justify-center', className)}\n        {...props}\n      >\n        <Loader2 className=\"animate-spin\" />\n      </div>\n    );\n  }\n\n  // Idle: return children as-is rather than inserting a wrapper div, same\n  // policy Skeleton follows and for the same reason — a wrapper here could\n  // produce invalid markup (e.g. inside a <tr>/<li>) or break flex/grid\n  // child layout. className/props only ever describe the spinning overlay\n  // below, so there's nothing for them to apply to while idle.\n  if (!spinning) {\n    return children;\n  }\n\n  return (\n    <div className={cn('relative', className)} {...props}>\n      <div className=\"pointer-events-none opacity-50\">{children}</div>\n      <div\n        role=\"status\"\n        aria-label={loadingLabel}\n        className=\"absolute inset-0 flex items-center justify-center\"\n      >\n        <Loader2 className=\"animate-spin\" />\n      </div>\n    </div>\n  );\n};\n\nexport default Spin;\n"],"mappings":";;;;;;AAWA,MAAM,QAAQ,EAAE,UAAU,WAAW,UAAU,GAAG,YAAmB;CACnE,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,eAAe,OAAO,WAAW,eAAe;CAKtD,IAAI,CAAC,UAAU;EACb,IAAI,CAAC,UACH,OAAO;EAGT,OACE,oBAAC,OAAD;GACE,MAAK;GACL,cAAY;GACZ,WAAW,GAAG,2CAA2C,SAAS;GAClE,GAAI;GAEJ,UAAA,oBAAC,SAAD,EAAS,WAAU,eAAgB,CAAA;EAChC,CAAA;CAET;CAOA,IAAI,CAAC,UACH,OAAO;CAGT,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,YAAY,SAAS;EAAG,GAAI;EAA/C,UAAA,CACE,oBAAC,OAAD;GAAK,WAAU;GAAkC;EAAc,CAAA,GAC/D,oBAAC,OAAD;GACE,MAAK;GACL,cAAY;GACZ,WAAU;GAEV,UAAA,oBAAC,SAAD,EAAS,WAAU,eAAgB,CAAA;EAChC,CAAA,CACF;;AAET"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"switch.d.mts","names":[],"sources":["../../../src/components/atoms/switch.tsx"],"mappings":";;iBAiDiB,cAAc,KAC7B,MAAM;EAGN;IACE;IACA;;;;;;;;;EASF,OAAO;EACP;EACA;EACA;EACA,YAAY;EACZ,kBAAkB,MAAM;EACxB,oBAAoB,MAAM;;cAGtB,WAAU,WAAA,YAAA,MAAA,gBAAA,SAAA,UAAA,UAAA,WAAA,iBAAA,sBAAA,SAUb,0BAAK,IAAA"}