@jbpark/ui-kit 10.2.0 → 10.3.0

package/dist/TreeSelect.mjs

@@ -0,0 +1,135 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { DEFAULT_LOCALE, useConfig } from "./providers/config/context.mjs";
+import Button from "./Button.mjs";
+import { popover_exports } from "./core/popover.mjs";
+import Tree from "./Tree.mjs";
+import { useImperativeHandle, useRef, useState } from "react";
+import { DirectionProvider } from "@base-ui/react/direction-provider";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, X } from "lucide-react";
+//#region src/components/organisms/tree-select.tsx
+const TreeSelect = ({ nodes, value, defaultValue = null, onChange, expandedKeys, defaultExpandedKeys = [], onExpand, open, defaultOpen = false, onOpenChange, allowClear = true, clearLabel, placeholder = "Choose a node", popupLabel = "Choose a node", emptyText = "No nodes", container, name, form, disabled = false, className, classNames, dir, ref, onKeyDown, ...props }) => {
+	const { direction, locale } = useConfig();
+	const resolvedDirection = dir === "ltr" || dir === "rtl" ? dir : direction;
+	const [internalValue, setInternalValue] = useState(defaultValue);
+	const [internalOpen, setInternalOpen] = useState(defaultOpen);
+	const [internalExpanded, setInternalExpanded] = useState(defaultExpandedKeys);
+	const selected = value === void 0 ? internalValue : value;
+	const isOpen = (open ?? internalOpen) && !disabled;
+	const expanded = expandedKeys ?? internalExpanded;
+	const tree = useRef(null);
+	const trigger = useRef(null);
+	useImperativeHandle(ref, () => trigger.current, []);
+	const { Popover, PopoverTrigger, PopoverContent, PopoverTitle } = popover_exports;
+	const entries = /* @__PURE__ */ new Map();
+	const visit = (list, isDisabled) => {
+		for (const node of list) {
+			const entry = {
+				node,
+				isDisabled: isDisabled || !!node.disabled
+			};
+			entries.set(node.key, entry);
+			visit(node.children ?? [], entry.isDisabled);
+		}
+	};
+	visit(nodes, disabled);
+	const changeOpen = (next) => {
+		if (disabled && next) return;
+		if (open === void 0) setInternalOpen(next);
+		if (next !== isOpen) onOpenChange?.(next);
+	};
+	const select = (next) => {
+		const entry = next === null ? null : entries.get(next);
+		if (disabled || next !== null && (!entry || entry.isDisabled)) return;
+		if (value === void 0) setInternalValue(next);
+		if (next !== selected) onChange?.(next, entry?.node ?? null);
+		changeOpen(false);
+	};
+	return /* @__PURE__ */ jsx(DirectionProvider, {
+		direction: resolvedDirection,
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "tree-select",
+			dir: resolvedDirection,
+			className: cn("flex w-full min-w-0 items-center gap-1", className),
+			children: [
+				name && /* @__PURE__ */ jsx("input", {
+					type: "hidden",
+					name,
+					form,
+					disabled,
+					value: selected ?? ""
+				}),
+				/* @__PURE__ */ jsxs(Popover, {
+					open: isOpen,
+					onOpenChange: changeOpen,
+					children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
+						...props,
+						ref: trigger,
+						disabled,
+						render: /* @__PURE__ */ jsx(Button, { variant: "outlined" }),
+						className: cn("h-9 min-w-0 flex-1 justify-between text-start", classNames?.trigger),
+						onKeyDown: (event) => {
+							onKeyDown?.(event);
+							if (!event.defaultPrevented && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
+								event.preventDefault();
+								changeOpen(true);
+							}
+						},
+						children: [/* @__PURE__ */ jsx("span", {
+							className: cn("min-w-0 truncate", selected === null && "text-muted-foreground", classNames?.value),
+							children: selected === null ? placeholder : entries.get(selected)?.node.label ?? selected
+						}), /* @__PURE__ */ jsx(ChevronDown, {
+							"aria-hidden": "true",
+							className: "size-4 shrink-0"
+						})]
+					}), /* @__PURE__ */ jsxs(PopoverContent, {
+						container,
+						dir: resolvedDirection,
+						align: "start",
+						initialFocus: () => tree.current?.querySelector("[role=\"treeitem\"][aria-selected=\"true\"]") ?? tree.current?.querySelector("[role=\"treeitem\"][tabindex=\"0\"]") ?? true,
+						className: cn("w-(--anchor-width) max-w-(--available-width) p-2", classNames?.popup),
+						children: [/* @__PURE__ */ jsx(PopoverTitle, {
+							className: "sr-only",
+							children: popupLabel
+						}), /* @__PURE__ */ jsx(Tree, {
+							ref: tree,
+							nodes,
+							selectedKeys: selected === null ? [] : [selected],
+							onSelect: (keys) => select(keys[0] ?? null),
+							expandedKeys: expanded,
+							onExpand: (keys) => {
+								if (expandedKeys === void 0) setInternalExpanded(keys);
+								onExpand?.(keys);
+							},
+							emptyText,
+							"aria-label": popupLabel,
+							dir: resolvedDirection,
+							className: cn("max-h-[min(20rem,var(--available-height))] overflow-y-auto", classNames?.tree),
+							classNames: classNames?.nodes
+						})]
+					})]
+				}),
+				allowClear && selected !== null && /* @__PURE__ */ jsx(Button, {
+					variant: "text",
+					size: "small",
+					disabled,
+					"aria-label": clearLabel ?? locale.clear ?? DEFAULT_LOCALE.clear,
+					onClick: () => {
+						select(null);
+						trigger.current?.focus();
+					},
+					className: cn("size-8 shrink-0 p-0", classNames?.clear),
+					children: /* @__PURE__ */ jsx(X, {
+						"aria-hidden": "true",
+						className: "size-4"
+					})
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { TreeSelect as default };
+
+//# sourceMappingURL=TreeSelect.mjs.map

package/dist/TreeSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.mjs","names":["popover"],"sources":["../src/components/organisms/tree-select.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ComponentPropsWithRef,\n  type ReactNode,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { DirectionProvider } from '@base-ui/react/direction-provider';\nimport { ChevronDown, X } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { popover } from '../../core';\nimport Button from '../atoms/button';\nimport Tree, { type Node, type Props as TreeProps } from './tree';\n\nexport type { Node } from './tree';\n\nexport interface Props extends Omit<\n  ComponentPropsWithRef<'button'>,\n  'children' | 'value' | 'defaultValue' | 'onChange' | 'type'\n> {\n  nodes: readonly Node[];\n  value?: string | null;\n  defaultValue?: string | null;\n  onChange?: (value: string | null, node: Node | null) => void;\n  expandedKeys?: readonly string[];\n  defaultExpandedKeys?: readonly string[];\n  onExpand?: (keys: string[]) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  allowClear?: boolean;\n  clearLabel?: string;\n  placeholder?: string;\n  popupLabel?: string;\n  emptyText?: ReactNode;\n  container?: HTMLElement;\n  form?: string;\n  classNames?: {\n    trigger?: string;\n    value?: string;\n    clear?: string;\n    popup?: string;\n    tree?: string;\n    nodes?: TreeProps['classNames'];\n  };\n}\n\nconst TreeSelect = ({\n  nodes,\n  value,\n  defaultValue = null,\n  onChange,\n  expandedKeys,\n  defaultExpandedKeys = [],\n  onExpand,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  allowClear = true,\n  clearLabel,\n  placeholder = 'Choose a node',\n  popupLabel = 'Choose a node',\n  emptyText = 'No nodes',\n  container,\n  name,\n  form,\n  disabled = false,\n  className,\n  classNames,\n  dir,\n  ref,\n  onKeyDown,\n  ...props\n}: Props) => {\n  const { direction, locale } = useConfig();\n  const resolvedDirection = dir === 'ltr' || dir === 'rtl' ? dir : direction;\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [internalExpanded, setInternalExpanded] =\n    useState<readonly string[]>(defaultExpandedKeys);\n  const selected = value === undefined ? internalValue : value;\n  const isOpen = (open ?? internalOpen) && !disabled;\n  const expanded = expandedKeys ?? internalExpanded;\n  const tree = useRef<HTMLUListElement>(null);\n  const trigger = useRef<HTMLButtonElement>(null);\n  useImperativeHandle(ref, () => trigger.current!, []);\n  const { Popover, PopoverTrigger, PopoverContent, PopoverTitle } = popover;\n  const entries = new Map<string, { node: Node; isDisabled: boolean }>();\n  const visit = (list: readonly Node[], isDisabled: boolean) => {\n    for (const node of list) {\n      const entry = { node, isDisabled: isDisabled || !!node.disabled };\n      entries.set(node.key, entry);\n      visit(node.children ?? [], entry.isDisabled);\n    }\n  };\n\n  visit(nodes, disabled);\n\n  const changeOpen = (next: boolean) => {\n    if (disabled && next) return;\n    if (open === undefined) setInternalOpen(next);\n    if (next !== isOpen) onOpenChange?.(next);\n  };\n  const select = (next: string | null) => {\n    const entry = next === null ? null : entries.get(next);\n\n    if (disabled || (next !== null && (!entry || entry.isDisabled))) return;\n    if (value === undefined) setInternalValue(next);\n    if (next !== selected) onChange?.(next, entry?.node ?? null);\n\n    changeOpen(false);\n  };\n\n  return (\n    <DirectionProvider direction={resolvedDirection}>\n      <div\n        data-slot=\"tree-select\"\n        dir={resolvedDirection}\n        className={cn(\n          'flex w-full min-w-0 items-center gap-1',\n          className, //\n        )}\n      >\n        {name && (\n          <input\n            type=\"hidden\"\n            name={name}\n            form={form}\n            disabled={disabled}\n            value={selected ?? ''}\n          />\n        )}\n        <Popover open={isOpen} onOpenChange={changeOpen}>\n          <PopoverTrigger\n            {...props}\n            ref={trigger}\n            disabled={disabled}\n            render={<Button variant=\"outlined\" />}\n            className={cn(\n              'h-9 min-w-0 flex-1 justify-between text-start',\n              classNames?.trigger, //\n            )}\n            onKeyDown={event => {\n              onKeyDown?.(event);\n\n              if (\n                !event.defaultPrevented &&\n                (event.key === 'ArrowDown' || event.key === 'ArrowUp')\n              ) {\n                event.preventDefault();\n                changeOpen(true);\n              }\n            }}\n          >\n            <span\n              className={cn(\n                'min-w-0 truncate',\n                selected === null && 'text-muted-foreground',\n                classNames?.value, //\n              )}\n            >\n              {selected === null\n                ? placeholder\n                : (entries.get(selected)?.node.label ?? selected)}\n            </span>\n            <ChevronDown aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n          </PopoverTrigger>\n          <PopoverContent\n            container={container}\n            dir={resolvedDirection}\n            align=\"start\"\n            initialFocus={() =>\n              tree.current?.querySelector<HTMLElement>(\n                '[role=\"treeitem\"][aria-selected=\"true\"]',\n              ) ??\n              tree.current?.querySelector<HTMLElement>(\n                '[role=\"treeitem\"][tabindex=\"0\"]',\n              ) ??\n              true\n            }\n            className={cn(\n              'w-(--anchor-width) max-w-(--available-width) p-2',\n              classNames?.popup, //\n            )}\n          >\n            <PopoverTitle className=\"sr-only\">{popupLabel}</PopoverTitle>\n            <Tree\n              ref={tree}\n              nodes={nodes}\n              selectedKeys={selected === null ? [] : [selected]}\n              onSelect={keys => select(keys[0] ?? null)}\n              expandedKeys={expanded}\n              onExpand={keys => {\n                if (expandedKeys === undefined) setInternalExpanded(keys);\n                onExpand?.(keys);\n              }}\n              emptyText={emptyText}\n              aria-label={popupLabel}\n              dir={resolvedDirection}\n              className={cn(\n                'max-h-[min(20rem,var(--available-height))] overflow-y-auto',\n                classNames?.tree, //\n              )}\n              classNames={classNames?.nodes}\n            />\n          </PopoverContent>\n        </Popover>\n        {allowClear && selected !== null && (\n          <Button\n            variant=\"text\"\n            size=\"small\"\n            disabled={disabled}\n            aria-label={clearLabel ?? locale.clear ?? DEFAULT_LOCALE.clear}\n            onClick={() => {\n              select(null);\n              trigger.current?.focus();\n            }}\n            className={cn(\n              'size-8 shrink-0 p-0',\n              classNames?.clear, //\n            )}\n          >\n            <X aria-hidden=\"true\" className=\"size-4\" />\n          </Button>\n        )}\n      </div>\n    </DirectionProvider>\n  );\n};\n\nexport default TreeSelect;\n"],"mappings":"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"}

package/dist/Typography.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.mts","names":[],"sources":["../src/components/atoms/typography/index.ts"],"mappings":";;;;;;KAMK,6BAA6B;EAChC,aAAa;EACb,kBAAkB;EAClB,aAAa;EACb,cAAc;;cAGV,YAA+B"}
+{"version":3,"file":"Typography.d.mts","names":["TypographyImpl"],"sources":["../src/components/atoms/typography/index.ts"],"mappings":";;;;;;KAMK,6BAA6BA;EAChC,aAAa;EACb,kBAAkB;EAClB,aAAa;EACb,cAAc;;cAGV,YAA+B"}

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

@@ -1,9 +1,10 @@
 import { OptionValue } from "../option-group.mjs";
 //#region src/components/atoms/checkbox/checkbox.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
   placement?: 'left' | 'right';
   defaultChecked?: boolean;
   checked?: boolean;
+  indeterminate?: boolean;
   value?: OptionValue;
   /** Native form field name — participates in `FormData` when set. */
   name?: string;
@@ -11,11 +12,12 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'>
   icons?: Partial<{
     checked: React.ReactNode;
     unchecked: React.ReactNode;
+    indeterminate: React.ReactNode;
   }>;
   children?: React.ReactNode;
   onChange?: (checked: boolean) => void;
 }
-declare const Checkbox: ({ placement, value: _value, children, className, icons, disabled, defaultChecked, checked: _checked, name, onChange: _onChange, ...props }: Props) => import("react").JSX.Element;
+declare const Checkbox: ({ placement, value: _value, children, className, icons, disabled, indeterminate, defaultChecked, checked: _checked, name, onChange: _onChange, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Checkbox as default };
+export { Checkbox as default };
 //# sourceMappingURL=checkbox.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.mts","names":[],"sources":["../../../../src/components/atoms/checkbox/checkbox.tsx"],"mappings":";;UAeiB,cAAc,KAC7B,MAAM;EAGN;EACA;EACA;EACA,QAAQ;;EAER;EACA;EACA,QAAQ;IAAU,SAAS,MAAM;IAAW,WAAW,MAAM;;EAC7D,WAAW,MAAM;EACjB,YAAY;;cAGR,aAAY,WAAA,OAAA,QAAA,UAAA,WAAA,OAAA,UAAA,gBAAA,SAAA,UAAA,MAAA,UAAA,cAAA,SAYf,0BAAK,IAAA"}
+{"version":3,"file":"checkbox.d.mts","names":[],"sources":["../../../../src/components/atoms/checkbox/checkbox.tsx"],"mappings":";;iBAeiB,cAAc,KAC7B,MAAM;EAGN;EACA;EACA;EACA;EACA,QAAQ;;EAER;EACA;EACA,QAAQ;IACN,SAAS,MAAM;IACf,WAAW,MAAM;IACjB,eAAe,MAAM;;EAEvB,WAAW,MAAM;EACjB,YAAY;;cAGR,aAAY,WAAA,OAAA,QAAA,UAAA,WAAA,OAAA,UAAA,eAAA,gBAAA,SAAA,UAAA,MAAA,UAAA,cAAA,SAaf,0BAAK,IAAA"}

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

@@ -2,14 +2,14 @@
 import { cn } from "../../../utils.mjs";
 import { checkbox_exports } from "../../../core/checkbox.mjs";
 import { label_exports } from "../../../core/label.mjs";
-import { Square, SquareCheck } from "lucide-react";
 import { useId, useRef } from "react";
 import { useControllableState, useKeyPress } from "@jbpark/use-hooks";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Square, SquareCheck, SquareMinus } from "lucide-react";
 //#region src/components/atoms/checkbox/checkbox.tsx
 const { Checkbox: CoreCheckbox } = checkbox_exports;
 const { Label: CoreLabel } = label_exports;
-const Checkbox = ({ placement = "left", value: _value = "", children, className, icons, disabled, defaultChecked, checked: _checked, name, onChange: _onChange = () => {}, ...props }) => {
+const Checkbox = ({ placement = "left", value: _value = "", children, className, icons, disabled, indeterminate = false, defaultChecked, checked: _checked, name, onChange: _onChange = () => {}, ...props }) => {
 	const [checked, setChecked] = useControllableState({
 		value: _checked,
 		defaultValue: defaultChecked ?? false,
@@ -32,6 +32,9 @@ const Checkbox = ({ placement = "left", value: _value = "", children, className,
 	});
 	const renderContent = icons ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx("input", {
+			ref: (element) => {
+				if (element) element.indeterminate = indeterminate;
+			},
 			id,
 			hidden: true,
 			type: "checkbox",
@@ -46,14 +49,14 @@ const Checkbox = ({ placement = "left", value: _value = "", children, className,
 		/* @__PURE__ */ jsx("span", {
 			ref: iconTriggerRef,
 			role: "checkbox",
-			"aria-checked": checked,
+			"aria-checked": indeterminate ? "mixed" : checked,
 			"aria-disabled": disabled,
 			tabIndex: disabled ? -1 : 0,
 			className: cn(cursorClassName, disabled && "opacity-50"),
 			onClick: () => {
 				onChange(!checked);
 			},
-			children: checked ? icons.checked ?? /* @__PURE__ */ jsx(SquareCheck, {}) : icons.unchecked ?? /* @__PURE__ */ jsx(Square, {})
+			children: indeterminate ? icons.indeterminate ?? /* @__PURE__ */ jsx(SquareMinus, {}) : checked ? icons.checked ?? /* @__PURE__ */ jsx(SquareCheck, {}) : icons.unchecked ?? /* @__PURE__ */ jsx(Square, {})
 		}),
 		children && /* @__PURE__ */ jsx("label", {
 			className: cn(cursorClassName, disabled && "opacity-50"),
@@ -65,6 +68,7 @@ const Checkbox = ({ placement = "left", value: _value = "", children, className,
 		name,
 		value: itemValue,
 		checked,
+		indeterminate,
 		disabled,
 		className: cn("rounded-sm", cursorClassName),
 		onCheckedChange: onChange

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","names":["checkbox","label"],"sources":["../../../../src/components/atoms/checkbox/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useRef } from 'react';\n\nimport { useControllableState, useKeyPress } from '@jbpark/use-hooks';\nimport { Square, SquareCheck } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { checkbox, label } from '../../../core';\nimport { type OptionValue } from './group';\n\nconst { Checkbox: CoreCheckbox } = checkbox;\nconst { Label: CoreLabel } = label;\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange'\n> {\n  placement?: 'left' | 'right';\n  defaultChecked?: boolean;\n  checked?: boolean;\n  value?: OptionValue;\n  /** Native form field name — participates in `FormData` when set. */\n  name?: string;\n  disabled?: boolean;\n  icons?: Partial<{ checked: React.ReactNode; unchecked: React.ReactNode }>;\n  children?: React.ReactNode;\n  onChange?: (checked: boolean) => void;\n}\n\nconst Checkbox = ({\n  placement = 'left',\n  value: _value = '',\n  children,\n  className,\n  icons,\n  disabled,\n  defaultChecked,\n  checked: _checked,\n  name,\n  onChange: _onChange = () => {},\n  ...props\n}: Props) => {\n  const [checked, setChecked] = useControllableState<boolean>({\n    value: _checked,\n    defaultValue: defaultChecked ?? false,\n    onChange: _onChange,\n  });\n\n  const id = useId();\n  const itemValue = String(_value);\n\n  const cursorClassName = disabled ? 'cursor-not-allowed' : 'cursor-pointer';\n\n  const onChange = (next: boolean) => {\n    if (disabled) {\n      return;\n    }\n\n    setChecked(next);\n  };\n\n  const iconTriggerRef = useRef<HTMLSpanElement>(null);\n\n  useKeyPress(\n    ['Enter', 'space'],\n    event => {\n      event.preventDefault();\n      onChange(!checked);\n    },\n    { target: iconTriggerRef, enabled: !!icons && !disabled },\n  );\n\n  const renderContent = icons ? (\n    <>\n      <input\n        id={id}\n        hidden\n        type=\"checkbox\"\n        name={name}\n        value={itemValue}\n        checked={checked}\n        disabled={disabled}\n        onChange={e => {\n          onChange(e.target.checked);\n        }}\n      />\n      <span\n        ref={iconTriggerRef}\n        role=\"checkbox\"\n        aria-checked={checked}\n        aria-disabled={disabled}\n        tabIndex={disabled ? -1 : 0}\n        className={cn(cursorClassName, disabled && 'opacity-50')}\n        onClick={() => {\n          onChange(!checked);\n        }}\n      >\n        {checked\n          ? (icons.checked ?? <SquareCheck />)\n          : (icons.unchecked ?? <Square />)}\n      </span>\n      {children && (\n        <label\n          className={cn(cursorClassName, disabled && 'opacity-50')}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      )}\n    </>\n  ) : (\n    <>\n      <CoreCheckbox\n        id={id}\n        name={name}\n        value={itemValue}\n        checked={checked}\n        disabled={disabled}\n        // Keep the atom's established 4px radius after the Base UI migration;\n        // tailwind-merge lets this override the core primitive's radius (#361).\n        className={cn('rounded-sm', cursorClassName)}\n        onCheckedChange={onChange}\n      />\n      {children && (\n        <CoreLabel htmlFor={id} className={cn(cursorClassName, 'text-left')}>\n          {children}\n        </CoreLabel>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      data-slot=\"checkbox-field\"\n      className={cn(\n        'flex items-center gap-x-2',\n        placement === 'right' && 'flex-row-reverse',\n        cursorClassName,\n        className,\n        //\n      )}\n      {...props}\n    >\n      {renderContent}\n    </div>\n  );\n};\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;AAYA,MAAM,EAAE,UAAU,iBAAiBA;AACnC,MAAM,EAAE,OAAO,cAAcC;AAkB7B,MAAM,YAAY,EAChB,YAAY,QACZ,OAAO,SAAS,IAChB,UACA,WACA,OACA,UACA,gBACA,SAAS,UACT,MACA,UAAU,kBAAkB,CAAC,GAC7B,GAAG,YACQ;CACX,MAAM,CAAC,SAAS,cAAc,qBAA8B;EAC1D,OAAO;EACP,cAAc,kBAAkB;EAChC,UAAU;CACZ,CAAC;CAED,MAAM,KAAK,MAAM;CACjB,MAAM,YAAY,OAAO,MAAM;CAE/B,MAAM,kBAAkB,WAAW,uBAAuB;CAE1D,MAAM,YAAY,SAAkB;EAClC,IAAI,UACF;EAGF,WAAW,IAAI;CACjB;CAEA,MAAM,iBAAiB,OAAwB,IAAI;CAEnD,YACE,CAAC,SAAS,OAAO,IACjB,UAAS;EACP,MAAM,eAAe;EACrB,SAAS,CAAC,OAAO;CACnB,GACA;EAAE,QAAQ;EAAgB,SAAS,CAAC,CAAC,SAAS,CAAC;CAAS,CAC1D;CAEA,MAAM,gBAAgB,QACpB,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,SAAD;GACM;GACJ,QAAA;GACA,MAAK;GACC;GACN,OAAO;GACE;GACC;GACV,WAAU,MAAK;IACb,SAAS,EAAE,OAAO,OAAO;GAC3B;EACD,CAAA;EACD,oBAAC,QAAD;GACE,KAAK;GACL,MAAK;GACL,gBAAc;GACd,iBAAe;GACf,UAAU,WAAW,KAAK;GAC1B,WAAW,GAAG,iBAAiB,YAAY,YAAY;GACvD,eAAe;IACb,SAAS,CAAC,OAAO;GACnB;GAEC,UAAA,UACI,MAAM,WAAW,oBAAC,aAAD,CAAc,CAAA,IAC/B,MAAM,aAAa,oBAAC,QAAD,CAAS,CAAA;EAC7B,CAAA;EACL,YACC,oBAAC,SAAD;GACE,WAAW,GAAG,iBAAiB,YAAY,YAAY;GACvD,SAAS;GAER;EACI,CAAA;CAET,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,cAAD;EACM;EACE;EACN,OAAO;EACE;EACC;EAGV,WAAW,GAAG,cAAc,eAAe;EAC3C,iBAAiB;CAClB,CAAA,GACA,YACC,oBAAC,WAAD;EAAW,SAAS;EAAI,WAAW,GAAG,iBAAiB,WAAW;EAC/D;CACQ,CAAA,CAEb,EAAA,CAAA;CAGJ,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,6BACA,cAAc,WAAW,oBACzB,iBACA,SAEF;EACA,GAAI;EAEH,UAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"checkbox.mjs","names":["checkbox","label"],"sources":["../../../../src/components/atoms/checkbox/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useRef } from 'react';\n\nimport { useControllableState, useKeyPress } from '@jbpark/use-hooks';\nimport { Square, SquareCheck, SquareMinus } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { checkbox, label } from '../../../core';\nimport { type OptionValue } from './group';\n\nconst { Checkbox: CoreCheckbox } = checkbox;\nconst { Label: CoreLabel } = label;\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange'\n> {\n  placement?: 'left' | 'right';\n  defaultChecked?: boolean;\n  checked?: boolean;\n  indeterminate?: boolean;\n  value?: OptionValue;\n  /** Native form field name — participates in `FormData` when set. */\n  name?: string;\n  disabled?: boolean;\n  icons?: Partial<{\n    checked: React.ReactNode;\n    unchecked: React.ReactNode;\n    indeterminate: React.ReactNode;\n  }>;\n  children?: React.ReactNode;\n  onChange?: (checked: boolean) => void;\n}\n\nconst Checkbox = ({\n  placement = 'left',\n  value: _value = '',\n  children,\n  className,\n  icons,\n  disabled,\n  indeterminate = false,\n  defaultChecked,\n  checked: _checked,\n  name,\n  onChange: _onChange = () => {},\n  ...props\n}: Props) => {\n  const [checked, setChecked] = useControllableState<boolean>({\n    value: _checked,\n    defaultValue: defaultChecked ?? false,\n    onChange: _onChange,\n  });\n\n  const id = useId();\n  const itemValue = String(_value);\n\n  const cursorClassName = disabled ? 'cursor-not-allowed' : 'cursor-pointer';\n\n  const onChange = (next: boolean) => {\n    if (disabled) {\n      return;\n    }\n\n    setChecked(next);\n  };\n\n  const iconTriggerRef = useRef<HTMLSpanElement>(null);\n\n  useKeyPress(\n    ['Enter', 'space'],\n    event => {\n      event.preventDefault();\n      onChange(!checked);\n    },\n    { target: iconTriggerRef, enabled: !!icons && !disabled },\n  );\n\n  const renderContent = icons ? (\n    <>\n      <input\n        ref={element => {\n          if (element) element.indeterminate = indeterminate;\n        }}\n        id={id}\n        hidden\n        type=\"checkbox\"\n        name={name}\n        value={itemValue}\n        checked={checked}\n        disabled={disabled}\n        onChange={e => {\n          onChange(e.target.checked);\n        }}\n      />\n      <span\n        ref={iconTriggerRef}\n        role=\"checkbox\"\n        aria-checked={indeterminate ? 'mixed' : checked}\n        aria-disabled={disabled}\n        tabIndex={disabled ? -1 : 0}\n        className={cn(cursorClassName, disabled && 'opacity-50')}\n        onClick={() => {\n          onChange(!checked);\n        }}\n      >\n        {indeterminate\n          ? (icons.indeterminate ?? <SquareMinus />)\n          : checked\n            ? (icons.checked ?? <SquareCheck />)\n            : (icons.unchecked ?? <Square />)}\n      </span>\n      {children && (\n        <label\n          className={cn(cursorClassName, disabled && 'opacity-50')}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      )}\n    </>\n  ) : (\n    <>\n      <CoreCheckbox\n        id={id}\n        name={name}\n        value={itemValue}\n        checked={checked}\n        indeterminate={indeterminate}\n        disabled={disabled}\n        // Keep the atom's established 4px radius after the Base UI migration;\n        // tailwind-merge lets this override the core primitive's radius (#361).\n        className={cn('rounded-sm', cursorClassName)}\n        onCheckedChange={onChange}\n      />\n      {children && (\n        <CoreLabel htmlFor={id} className={cn(cursorClassName, 'text-left')}>\n          {children}\n        </CoreLabel>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      data-slot=\"checkbox-field\"\n      className={cn(\n        'flex items-center gap-x-2',\n        placement === 'right' && 'flex-row-reverse',\n        cursorClassName,\n        className,\n        //\n      )}\n      {...props}\n    >\n      {renderContent}\n    </div>\n  );\n};\n\nexport default Checkbox;\n"],"mappings":";;;;;;;;;AAYA,MAAM,EAAE,UAAU,iBAAiBA;AACnC,MAAM,EAAE,OAAO,cAAcC;AAuB7B,MAAM,YAAY,EAChB,YAAY,QACZ,OAAO,SAAS,IAChB,UACA,WACA,OACA,UACA,gBAAgB,OAChB,gBACA,SAAS,UACT,MACA,UAAU,kBAAkB,CAAC,GAC7B,GAAG,YACQ;CACX,MAAM,CAAC,SAAS,cAAc,qBAA8B;EAC1D,OAAO;EACP,cAAc,kBAAkB;EAChC,UAAU;CACZ,CAAC;CAED,MAAM,KAAK,MAAM;CACjB,MAAM,YAAY,OAAO,MAAM;CAE/B,MAAM,kBAAkB,WAAW,uBAAuB;CAE1D,MAAM,YAAY,SAAkB;EAClC,IAAI,UACF;EAGF,WAAW,IAAI;CACjB;CAEA,MAAM,iBAAiB,OAAwB,IAAI;CAEnD,YACE,CAAC,SAAS,OAAO,IACjB,UAAS;EACP,MAAM,eAAe;EACrB,SAAS,CAAC,OAAO;CACnB,GACA;EAAE,QAAQ;EAAgB,SAAS,CAAC,CAAC,SAAS,CAAC;CAAS,CAC1D;CAEA,MAAM,gBAAgB,QACpB,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,SAAD;GACE,MAAK,YAAW;IACd,IAAI,SAAS,QAAQ,gBAAgB;GACvC;GACI;GACJ,QAAA;GACA,MAAK;GACC;GACN,OAAO;GACE;GACC;GACV,WAAU,MAAK;IACb,SAAS,EAAE,OAAO,OAAO;GAC3B;EACD,CAAA;EACD,oBAAC,QAAD;GACE,KAAK;GACL,MAAK;GACL,gBAAc,gBAAgB,UAAU;GACxC,iBAAe;GACf,UAAU,WAAW,KAAK;GAC1B,WAAW,GAAG,iBAAiB,YAAY,YAAY;GACvD,eAAe;IACb,SAAS,CAAC,OAAO;GACnB;GAEC,UAAA,gBACI,MAAM,iBAAiB,oBAAC,aAAD,CAAc,CAAA,IACtC,UACG,MAAM,WAAW,oBAAC,aAAD,CAAc,CAAA,IAC/B,MAAM,aAAa,oBAAC,QAAD,CAAS,CAAA;EAC/B,CAAA;EACL,YACC,oBAAC,SAAD;GACE,WAAW,GAAG,iBAAiB,YAAY,YAAY;GACvD,SAAS;GAER;EACI,CAAA;CAET,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,cAAD;EACM;EACE;EACN,OAAO;EACE;EACM;EACL;EAGV,WAAW,GAAG,cAAc,eAAe;EAC3C,iBAAiB;CAClB,CAAA,GACA,YACC,oBAAC,WAAD;EAAW,SAAS;EAAI,WAAW,GAAG,iBAAiB,WAAW;EAC/D;CACQ,CAAA,CAEb,EAAA,CAAA;CAGJ,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,6BACA,cAAc,WAAW,oBACzB,iBACA,SAEF;EACA,GAAI;EAEH,UAAA;CACE,CAAA;AAET"}

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

@@ -1,6 +1,6 @@
 import { OptionGroupClassNames, OptionValue, Options } from "../option-group.mjs";
 //#region src/components/atoms/checkbox/group.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'ul'>, 'onChange' | 'defaultValue' | 'value'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'ul'>, 'onChange' | 'defaultValue' | 'value'> {
   options?: Options;
   orientation?: 'vertical' | 'horizontal';
   placement?: 'left' | 'right';
@@ -14,5 +14,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'ul'>, 'onChange' |
 }
 declare const Group: ({ orientation, placement, className, classNames, options: _options, name, disabled, defaultValue, value: _value, onChange: _onChange, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { type OptionValue, Props, Group as default };
+export { type OptionValue, Group as default };
 //# sourceMappingURL=group.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"group.d.mts","names":[],"sources":["../../../../src/components/atoms/checkbox/group.tsx"],"mappings":";;UAkBiB,cAAc,KAC7B,MAAM;EAGN,UAAU;EACV;EACA;EACA,aAAa;EACb,eAAe;EACf,QAAQ;;EAER;EACA;EACA,YAAY,QAAQ;;cAGhB,UAAS,aAAA,WAAA,WAAA,YAAA,SAAA,UAAA,MAAA,UAAA,cAAA,OAAA,QAAA,UAAA,cAAA,SAYZ,0BAAK,IAAA"}
+{"version":3,"file":"group.d.mts","names":[],"sources":["../../../../src/components/atoms/checkbox/group.tsx"],"mappings":";;iBAkBiB,cAAc,KAC7B,MAAM;EAGN,UAAU;EACV;EACA;EACA,aAAa;EACb,eAAe;EACf,QAAQ;;EAER;EACA;EACA,YAAY,QAAQ;;cAGhB,UAAS,aAAA,WAAA,WAAA,YAAA,SAAA,UAAA,MAAA,UAAA,cAAA,OAAA,QAAA,UAAA,cAAA,SAYZ,0BAAK,IAAA"}

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,2BAA2B;EAAiB,cAAc;;cAEzD,UAA2B"}
+{"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/color-picker.d.mts

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

@@ -5,9 +5,13 @@ interface Props {
   placeholder?: string;
   className?: string;
   disabled?: boolean;
+  /** Pick a local date and time together. Optionally configure the minute interval. */
+  showTime?: boolean | {
+    minuteStep?: number;
+  };
   onChange?: (date: Date | undefined) => void;
 }
-declare const DatePicker: ({ defaultValue, value: _value, placeholder, className, disabled, onChange: _onChange }: Props) => import("react").JSX.Element;
+declare const DatePicker: ({ defaultValue, value: _value, placeholder, className, disabled, showTime, onChange: _onChange }: Props) => import("react").JSX.Element;
 //#endregion
 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;EACR,eAAe;EACf,QAAQ;EACR;EACA;EACA;EACA,YAAY,MAAM;;cAGd,eAAc,cAAA,OAAA,QAAA,aAAA,WAAA,UAAA,UAAA,aAOjB,0BAAK,IAAA"}
+{"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

@@ -3,38 +3,82 @@ import { cn } from "../../utils.mjs";
 import { calendar_exports } from "../../core/calendar.mjs";
 import Button from "../../Button.mjs";
 import Popover from "./popover.mjs";
-import { CalendarIcon } from "lucide-react";
+import TimePicker from "../../TimePicker.mjs";
 import { useState } from "react";
 import { useControllableState } from "@jbpark/use-hooks";
-import { jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { CalendarIcon } from "lucide-react";
 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 = () => {} }) => {
+const toTimeValue = (date) => date ? `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}` : "00:00";
+const DatePicker = ({ defaultValue, value: _value, placeholder = "Pick a date", className, disabled, showTime = false, onChange: _onChange = () => {} }) => {
 	const [value, onChange] = useControllableState({
 		value: _value,
 		defaultValue,
 		onChange: _onChange
 	});
 	const [open, setOpen] = useState(false);
+	const [draftDate, setDraftDate] = useState(value);
+	const [draftTime, setDraftTime] = useState(toTimeValue(value));
+	const minuteStep = typeof showTime === "object" ? showTime.minuteStep : void 0;
+	const handleOpenChange = (nextOpen) => {
+		if (nextOpen && showTime) {
+			setDraftDate(value);
+			setDraftTime(toTimeValue(value));
+		}
+		setOpen(nextOpen);
+	};
+	const handleConfirm = () => {
+		if (!draftDate || !draftTime) return;
+		const [hours, minutes] = draftTime.split(":").map(Number);
+		onChange(new Date(draftDate.getFullYear(), draftDate.getMonth(), draftDate.getDate(), hours, minutes));
+		setOpen(false);
+	};
 	return /* @__PURE__ */ jsx(Popover, {
 		placement: "bottomLeft",
 		open,
-		onOpenChange: setOpen,
-		content: /* @__PURE__ */ jsx(Calendar, {
+		onOpenChange: handleOpenChange,
+		content: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Calendar, {
 			mode: "single",
-			selected: value,
+			selected: showTime ? draftDate : value,
 			onSelect: (date) => {
-				onChange(date);
-				setOpen(false);
+				if (showTime) setDraftDate(date);
+				else {
+					onChange(date);
+					setOpen(false);
+				}
 			}
-		}),
+		}), showTime && /* @__PURE__ */ jsxs("div", {
+			className: "border-border flex flex-col gap-3 border-t p-3",
+			children: [/* @__PURE__ */ jsx(TimePicker, {
+				label: "Time",
+				value: draftTime,
+				onChange: (time) => setDraftTime(time ?? ""),
+				minuteStep,
+				allowClear: false,
+				size: "small"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex justify-end gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					size: "small",
+					onClick: () => setOpen(false),
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(Button, {
+					type: "primary",
+					size: "small",
+					disabled: !draftDate || !draftTime,
+					onClick: handleConfirm,
+					children: "OK"
+				})]
+			})]
+		})] }),
 		children: /* @__PURE__ */ jsx(Button, {
 			icon: /* @__PURE__ */ jsx(CalendarIcon, {}),
 			"data-empty": !value,
 			disabled,
 			className: cn("w-full justify-start text-left font-normal", "data-[empty=true]:text-muted-foreground", className),
-			children: value ? format(value, "PPP") : placeholder
+			children: value ? format(value, showTime ? "PPP HH:mm" : "PPP") : placeholder
 		})
 	});
 };

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 { cn } from '@repo/ui/utils';\n\nimport { calendar } from '../../core';\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        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,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"}
+{"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/back-top.d.mts

@@ -1,11 +1,11 @@
 import { Props as Props$1 } from "../../../Button.mjs";
 import { MouseEvent } from "react";
 //#region src/components/atoms/float-button/back-top.d.ts
-interface Props extends Props$1 {
+export interface Props extends Props$1 {
   visibilityHeight?: number;
   onClick?: (e: MouseEvent<HTMLElement>) => void;
 }
 declare const BackTop: ({ ref, visibilityHeight, className, onClick, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, BackTop as default };
+export { 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,cAAc;EAC7B;EACA,WAAW,GAAG,WAAW;;cAGrB,YAAW,KAAA,kBAAA,WAAA,YAAA,SAMd,0BAAK,IAAA"}
+{"version":3,"file":"back-top.d.mts","names":["ButtonProps"],"sources":["../../../../src/components/atoms/float-button/back-top.tsx"],"mappings":";;;iBAaiB,cAAcA;EAC7B;EACA,WAAW,GAAG,WAAW;;cAGrB,YAAW,KAAA,kBAAA,WAAA,YAAA,SAMd,0BAAK,IAAA"}

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

@@ -2,10 +2,10 @@
 import { cn } from "../../../utils.mjs";
 import { DEFAULT_LOCALE, useConfig } from "../../../providers/config/context.mjs";
 import FloatButton from "./float-button.mjs";
-import { ArrowUp } from "lucide-react";
 import { useRef } from "react";
 import { useMergedRef, useWindowScroll } from "@jbpark/use-hooks";
 import { jsx } from "react/jsx-runtime";
+import { ArrowUp } from "lucide-react";
 //#region src/components/atoms/float-button/back-top.tsx
 const BackTop = ({ ref, visibilityHeight = 450, className, onClick, ...props }) => {
 	const { locale } = useConfig();

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

@@ -1,7 +1,7 @@
 import { Props as Props$1 } from "../../../Button.mjs";
 //#region src/components/atoms/float-button/float-button.d.ts
-interface Props extends Props$1 {}
+export interface Props extends Props$1 {}
 declare const FloatButton: ({ className, children, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, FloatButton as default };
+export { 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":";;UAKiB,cAAc;cAEzB,gBAAe,WAAA,aAAA,SAAmC,0BAAK,IAAA"}
+{"version":3,"file":"float-button.d.mts","names":["ButtonProps"],"sources":["../../../../src/components/atoms/float-button/float-button.tsx"],"mappings":";;iBAKiB,cAAcA;cAEzB,gBAAe,WAAA,aAAA,SAAmC,0BAAK,IAAA"}

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,8BAA8B;EACjC,gBAAgB;;cAGZ,aAAiC"}
+{"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/index.d.mts

@@ -1,16 +1,23 @@
-import Avatar, { Props } from "../../Avatar.mjs";
-import Badge, { Props as Props$1 } from "../../Badge.mjs";
+import AutoComplete, { Option, Props } from "../../AutoComplete.mjs";
+import Avatar, { Props as Props$1 } from "../../Avatar.mjs";
+import Badge, { Props as Props$2 } from "../../Badge.mjs";
 import Button from "../../Button.mjs";
-import Segmented, { Props as Props$2 } from "../../Segmented.mjs";
+import Cascader, { Option as Option$1, Props as Props$3 } from "../../Cascader.mjs";
+import Divider, { Props as Props$4 } from "../../Divider.mjs";
+import Mentions, { Option as Option$2, Props as Props$5 } from "../../Mentions.mjs";
+import Rate, { Props as Props$6 } from "../../Rate.mjs";
+import Segmented, { Props as Props$7 } from "../../Segmented.mjs";
 import Tag from "../../Tag.mjs";
+import TimePicker, { Props as Props$8 } from "../../TimePicker.mjs";
 import Typography from "../../Typography.mjs";
+import Popover from "./popover.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 { Props as Props$3 } from "./input/number.mjs";
+import { Props as Props$9 } from "./input/number.mjs";
+import { Props as Props$10 } from "./input/otp.mjs";
 import Input from "./input/index.mjs";
-import Popover from "./popover.mjs";
 import Progress from "./progress.mjs";
 import Radio from "./radio/index.mjs";
 import RichTextEditor from "./rich-text-editor/rich-text-editor.mjs";
@@ -21,4 +28,4 @@ import Slider from "./slider/slider.mjs";
 import Spin from "./spin.mjs";
 import Switch from "./switch.mjs";
 import Tooltip from "./tooltip.mjs";
-export { Avatar, type Props as AvatarProps, Badge, type Props$1 as BadgeProps, Button, Checkbox, ColorPicker, DatePicker, FloatButton, Input, type Props$3 as InputNumberProps, Popover, Progress, Radio, RichTextEditor, Segmented, type Props$2 as SegmentedProps, Select, Skeleton, Slider, Spin, Switch, Tag, Tooltip, Typography };
+export { AutoComplete, type Option as AutoCompleteOption, type Props as AutoCompleteProps, Avatar, type Props$1 as AvatarProps, Badge, type Props$2 as BadgeProps, Button, Cascader, type Option$1 as CascaderOption, type Props$3 as CascaderProps, Checkbox, ColorPicker, DatePicker, Divider, type Props$4 as DividerProps, FloatButton, Input, type Props$9 as InputNumberProps, type Props$10 as InputOTPProps, Mentions, type Option$2 as MentionsOption, type Props$5 as MentionsProps, Popover, Progress, Radio, Rate, type Props$6 as RateProps, RichTextEditor, Segmented, type Props$7 as SegmentedProps, Select, Skeleton, Slider, Spin, Switch, Tag, TimePicker, type Props$8 as TimePickerProps, Tooltip, Typography };

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

@@ -1,14 +1,16 @@
 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, Search, TextArea, Input as default };
+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 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/input/index.ts"],"mappings":";;;;;KAKK,wBAAwB;EAC3B,eAAe;EACf,eAAe;EACf,iBAAiB;;cAGb,OAAqB"}
+{"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,13 +1,15 @@
 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, Search, TextArea, Input as default };
+export { Number, OTP, 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 Number from './number';\nimport Search from './search';\nimport TextArea from './text-area';\n\ntype InputComponent = typeof InputImpl & {\n  Search: typeof Search;\n  Number: typeof Number;\n  TextArea: typeof TextArea;\n};\n\nconst Input = InputImpl as InputComponent;\n\nInput.Search = Search;\nInput.Number = Number;\nInput.TextArea = TextArea;\n\nexport { Number, Search, TextArea };\nexport type { Props as NumberProps } from './number';\nexport default Input;\n"],"mappings":";;;;;AAWA,MAAM,QAAQA;AAEd,MAAM,SAAS;AACf,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 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"}