@jbpark/ui-kit 10.2.0 → 10.4.0

package/dist/ContextMenu.mjs

@@ -0,0 +1,92 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import { OVERLAY_LAYER } from "./lib/z-layers.mjs";
+import Button from "./Button.mjs";
+import * as React$1 from "react";
+import { DirectionProvider } from "@base-ui/react/direction-provider";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/molecules/context-menu.tsx
+const ContextMenu = ({ children, items, onSelect, actionLabel, triggerProps, classNames, disabled = false, open, defaultOpen = false, onOpenChange, ...props }) => {
+	const { getContainer, direction } = useConfig();
+	const triggerRef = React$1.useRef(null);
+	const actionRef = React$1.useRef(null);
+	const [isOpen, setIsOpen] = React$1.useState(defaultOpen);
+	const [source, setSource] = React$1.useState("context");
+	const hasActions = items.some((item) => item.type !== "separator");
+	const isInactive = disabled || !hasActions;
+	const resolvedOpen = open ?? isOpen;
+	const resolvedDirection = triggerProps?.dir === "rtl" || triggerProps?.dir === "ltr" ? triggerProps.dir : direction;
+	const handleOpenChange = (nextOpen, details, nextSource) => {
+		onOpenChange?.(nextOpen, details);
+		if (details.isCanceled) return;
+		if (nextOpen) setSource(nextSource);
+		setIsOpen(nextOpen);
+	};
+	const popup = /* @__PURE__ */ jsx(Menu.Portal, {
+		container: getContainer(),
+		children: /* @__PURE__ */ jsx(Menu.Positioner, {
+			sideOffset: 4,
+			className: OVERLAY_LAYER,
+			children: /* @__PURE__ */ jsx(Menu.Popup, {
+				"data-slot": "context-menu",
+				dir: resolvedDirection,
+				finalFocus: source === "context" ? triggerRef : actionRef,
+				className: cn(`bg-popover text-popover-foreground border-border
+            max-h-[var(--available-height)] max-w-[var(--available-width)]
+            min-w-40 overflow-auto rounded-md border p-1 shadow-md outline-none`, classNames?.popup),
+				children: items.map((item) => item.type === "separator" ? /* @__PURE__ */ jsx(Menu.Separator, { className: cn("bg-border my-1 h-px", classNames?.separator) }, item.key) : /* @__PURE__ */ jsx(Menu.Item, {
+					disabled: item.disabled,
+					className: cn(`data-highlighted:bg-accent
+                    data-highlighted:text-accent-foreground cursor-default
+                    rounded-sm px-3 py-2 text-sm break-words outline-none
+                    data-disabled:opacity-50`, classNames?.item),
+					onClick: () => {
+						item.onSelect?.();
+						onSelect?.(item.key, item);
+					},
+					children: item.label
+				}, item.key))
+			})
+		})
+	});
+	return /* @__PURE__ */ jsxs(DirectionProvider, {
+		direction: resolvedDirection,
+		children: [/* @__PURE__ */ jsxs(ContextMenu$1.Root, {
+			...props,
+			actionsRef: source === "context" ? props.actionsRef : void 0,
+			disabled: isInactive,
+			open: resolvedOpen && source === "context",
+			onOpenChange: (nextOpen, details) => handleOpenChange(nextOpen, details, "context"),
+			children: [/* @__PURE__ */ jsx(ContextMenu$1.Trigger, {
+				...triggerProps,
+				ref: triggerRef,
+				"data-slot": "context-menu-trigger",
+				dir: triggerProps?.dir ?? resolvedDirection,
+				tabIndex: actionLabel ? -1 : triggerProps?.tabIndex ?? 0,
+				className: cn("focus-visible:ring-ring outline-none focus-visible:ring-2", classNames?.trigger, triggerProps?.className),
+				children
+			}), popup]
+		}), actionLabel && /* @__PURE__ */ jsxs(Menu.Root, {
+			...props,
+			actionsRef: source === "action" ? props.actionsRef : void 0,
+			disabled: isInactive,
+			open: resolvedOpen && source === "action",
+			onOpenChange: (nextOpen, details) => handleOpenChange(nextOpen, details, "action"),
+			children: [/* @__PURE__ */ jsx(Menu.Trigger, {
+				ref: actionRef,
+				render: /* @__PURE__ */ jsx(Button, {
+					size: "small",
+					variant: "text"
+				}),
+				children: actionLabel
+			}), popup]
+		})]
+	});
+};
+//#endregion
+export { ContextMenu as default };
+
+//# sourceMappingURL=ContextMenu.mjs.map

package/dist/ContextMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.mjs","names":["React","BaseMenu","BaseContextMenu"],"sources":["../src/components/molecules/context-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';\nimport { DirectionProvider } from '@base-ui/react/direction-provider';\nimport { Menu as BaseMenu } from '@base-ui/react/menu';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { OVERLAY_LAYER } from '../../lib/z-layers';\nimport Button from '../atoms/button';\n\nexport type Item =\n  | {\n      key: React.Key;\n      label: React.ReactNode;\n      disabled?: boolean;\n      type?: 'action';\n      onSelect?: () => void;\n    }\n  | { key: React.Key; type: 'separator' };\n\nexport interface Props extends Omit<\n  React.ComponentProps<typeof BaseContextMenu.Root>,\n  'children'\n> {\n  children: React.ReactNode;\n  items: Item[];\n  onSelect?: (\n    key: React.Key,\n    item: Extract<Item, { label: React.ReactNode }>,\n  ) => void;\n  /** Visible action button for touch and discoverability; omit to hide it. */\n  actionLabel?: string;\n  triggerProps?: Omit<\n    React.ComponentProps<typeof BaseContextMenu.Trigger>,\n    'children' | 'render' | 'ref'\n  >;\n  classNames?: {\n    trigger?: string;\n    popup?: string;\n    item?: string;\n    separator?: string;\n  };\n}\n\nconst ContextMenu = ({\n  children,\n  items,\n  onSelect,\n  actionLabel,\n  triggerProps,\n  classNames,\n  disabled = false,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  ...props\n}: Props) => {\n  const { getContainer, direction } = useConfig();\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const actionRef = React.useRef<HTMLButtonElement>(null);\n  const [isOpen, setIsOpen] = React.useState(defaultOpen);\n  const [source, setSource] = React.useState<'context' | 'action'>('context');\n  const hasActions = items.some(item => item.type !== 'separator');\n  const isInactive = disabled || !hasActions;\n  const resolvedOpen = open ?? isOpen;\n  const resolvedDirection =\n    triggerProps?.dir === 'rtl' || triggerProps?.dir === 'ltr'\n      ? triggerProps.dir\n      : direction;\n  const handleOpenChange = (\n    nextOpen: boolean,\n    details: Parameters<NonNullable<Props['onOpenChange']>>[1],\n    nextSource: typeof source,\n  ) => {\n    onOpenChange?.(nextOpen, details);\n\n    if (details.isCanceled) {\n      return;\n    }\n\n    if (nextOpen) {\n      setSource(nextSource);\n    }\n\n    setIsOpen(nextOpen);\n  };\n\n  const popup = (\n    <BaseMenu.Portal container={getContainer()}>\n      <BaseMenu.Positioner sideOffset={4} className={OVERLAY_LAYER}>\n        <BaseMenu.Popup\n          data-slot=\"context-menu\"\n          dir={resolvedDirection}\n          finalFocus={source === 'context' ? triggerRef : actionRef}\n          className={cn(\n            `bg-popover text-popover-foreground border-border\n            max-h-[var(--available-height)] max-w-[var(--available-width)]\n            min-w-40 overflow-auto rounded-md border p-1 shadow-md outline-none`,\n            classNames?.popup,\n            //\n          )}\n        >\n          {items.map(item =>\n            item.type === 'separator' ? (\n              <BaseMenu.Separator\n                key={item.key}\n                className={cn(\n                  'bg-border my-1 h-px',\n                  classNames?.separator,\n                  //\n                )}\n              />\n            ) : (\n              <BaseMenu.Item\n                key={item.key}\n                disabled={item.disabled}\n                className={cn(\n                  `data-highlighted:bg-accent\n                    data-highlighted:text-accent-foreground cursor-default\n                    rounded-sm px-3 py-2 text-sm break-words outline-none\n                    data-disabled:opacity-50`,\n                  classNames?.item,\n                  //\n                )}\n                onClick={() => {\n                  item.onSelect?.();\n                  onSelect?.(item.key, item);\n                }}\n              >\n                {item.label}\n              </BaseMenu.Item>\n            ),\n          )}\n        </BaseMenu.Popup>\n      </BaseMenu.Positioner>\n    </BaseMenu.Portal>\n  );\n\n  return (\n    <DirectionProvider direction={resolvedDirection}>\n      <BaseContextMenu.Root\n        {...props}\n        actionsRef={source === 'context' ? props.actionsRef : undefined}\n        disabled={isInactive}\n        open={resolvedOpen && source === 'context'}\n        onOpenChange={(nextOpen, details) =>\n          handleOpenChange(nextOpen, details, 'context')\n        }\n      >\n        <BaseContextMenu.Trigger\n          {...triggerProps}\n          ref={triggerRef}\n          data-slot=\"context-menu-trigger\"\n          dir={triggerProps?.dir ?? resolvedDirection}\n          tabIndex={actionLabel ? -1 : (triggerProps?.tabIndex ?? 0)}\n          className={cn(\n            'focus-visible:ring-ring outline-none focus-visible:ring-2',\n            classNames?.trigger,\n            triggerProps?.className,\n            //\n          )}\n        >\n          {children}\n        </BaseContextMenu.Trigger>\n        {popup}\n      </BaseContextMenu.Root>\n      {actionLabel && (\n        <BaseMenu.Root\n          {...props}\n          actionsRef={source === 'action' ? props.actionsRef : undefined}\n          disabled={isInactive}\n          open={resolvedOpen && source === 'action'}\n          onOpenChange={(nextOpen, details) =>\n            handleOpenChange(nextOpen, details, 'action')\n          }\n        >\n          <BaseMenu.Trigger\n            ref={actionRef}\n            render={<Button size=\"small\" variant=\"text\" />}\n          >\n            {actionLabel}\n          </BaseMenu.Trigger>\n          {popup}\n        </BaseMenu.Root>\n      )}\n    </DirectionProvider>\n  );\n};\nexport default ContextMenu;\n"],"mappings":";;;;;;;;;;;AAgDA,MAAM,eAAe,EACnB,UACA,OACA,UACA,aACA,cACA,YACA,WAAW,OACX,MACA,cAAc,OACd,cACA,GAAG,YACQ;CACX,MAAM,EAAE,cAAc,cAAc,UAAU;CAC9C,MAAM,aAAaA,QAAM,OAAuB,IAAI;CACpD,MAAM,YAAYA,QAAM,OAA0B,IAAI;CACtD,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAAS,WAAW;CACtD,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAA+B,SAAS;CAC1E,MAAM,aAAa,MAAM,MAAK,SAAQ,KAAK,SAAS,WAAW;CAC/D,MAAM,aAAa,YAAY,CAAC;CAChC,MAAM,eAAe,QAAQ;CAC7B,MAAM,oBACJ,cAAc,QAAQ,SAAS,cAAc,QAAQ,QACjD,aAAa,MACb;CACN,MAAM,oBACJ,UACA,SACA,eACG;EACH,eAAe,UAAU,OAAO;EAEhC,IAAI,QAAQ,YACV;EAGF,IAAI,UACF,UAAU,UAAU;EAGtB,UAAU,QAAQ;CACpB;CAEA,MAAM,QACJ,oBAACC,KAAS,QAAV;EAAiB,WAAW,aAAa;EACvC,UAAA,oBAACA,KAAS,YAAV;GAAqB,YAAY;GAAG,WAAW;GAC7C,UAAA,oBAACA,KAAS,OAAV;IACE,aAAU;IACV,KAAK;IACL,YAAY,WAAW,YAAY,aAAa;IAChD,WAAW,GACT;;kFAGA,YAAY,KAEd;IAEC,UAAA,MAAM,KAAI,SACT,KAAK,SAAS,cACZ,oBAACA,KAAS,WAAV,EAEE,WAAW,GACT,uBACA,YAAY,SAEd,EACD,GANM,KAAK,GAMX,IAED,oBAACA,KAAS,MAAV;KAEE,UAAU,KAAK;KACf,WAAW,GACT;;;+CAIA,YAAY,IAEd;KACA,eAAe;MACb,KAAK,WAAW;MAChB,WAAW,KAAK,KAAK,IAAI;KAC3B;KAEC,UAAA,KAAK;IACO,GAhBR,KAAK,GAgBG,CAEnB;GACc,CAAA;EACG,CAAA;CACN,CAAA;CAGnB,OACE,qBAAC,mBAAD;EAAmB,WAAW;EAA9B,UAAA,CACE,qBAACC,cAAgB,MAAjB;GACE,GAAI;GACJ,YAAY,WAAW,YAAY,MAAM,aAAa,KAAA;GACtD,UAAU;GACV,MAAM,gBAAgB,WAAW;GACjC,eAAe,UAAU,YACvB,iBAAiB,UAAU,SAAS,SAAS;GANjD,UAAA,CASE,oBAACA,cAAgB,SAAjB;IACE,GAAI;IACJ,KAAK;IACL,aAAU;IACV,KAAK,cAAc,OAAO;IAC1B,UAAU,cAAc,KAAM,cAAc,YAAY;IACxD,WAAW,GACT,6DACA,YAAY,SACZ,cAAc,SAEhB;IAEC;GACsB,CAAA,GACxB,KACmB;EACrB,CAAA,GAAA,eACC,qBAACD,KAAS,MAAV;GACE,GAAI;GACJ,YAAY,WAAW,WAAW,MAAM,aAAa,KAAA;GACrD,UAAU;GACV,MAAM,gBAAgB,WAAW;GACjC,eAAe,UAAU,YACvB,iBAAiB,UAAU,SAAS,QAAQ;GANhD,UAAA,CASE,oBAACA,KAAS,SAAV;IACE,KAAK;IACL,QAAQ,oBAAC,QAAD;KAAQ,MAAK;KAAQ,SAAQ;IAAQ,CAAA;IAE5C,UAAA;GACe,CAAA,GACjB,KACY;EAEA,CAAA,CAAA;;AAEvB"}

package/dist/{components/atoms/date-picker.d.mts → DatePicker.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
+//# sourceMappingURL=DatePicker.d.mts.map

package/dist/DatePicker.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.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/DatePicker.mjs

@@ -0,0 +1,88 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { calendar_exports } from "./core/calendar.mjs";
+import Button from "./Button.mjs";
+import Popover from "./Popover.mjs";
+import TimePicker from "./TimePicker.mjs";
+import { useState } from "react";
+import { useControllableState } from "@jbpark/use-hooks";
+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 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: handleOpenChange,
+		content: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Calendar, {
+			mode: "single",
+			selected: showTime ? draftDate : value,
+			onSelect: (date) => {
+				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, showTime ? "PPP HH:mm" : "PPP") : placeholder
+		})
+	});
+};
+//#endregion
+export { DatePicker as default };
+
+//# sourceMappingURL=DatePicker.mjs.map

package/dist/DatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.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/Descriptions.d.mts

@@ -0,0 +1,31 @@
+import { ComponentPropsWithRef, Key, ReactNode } from "react";
+//#region src/components/molecules/descriptions.d.ts
+type ColumnCount = 1 | 2 | 3 | 4;
+type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type Columns = ColumnCount | Partial<Record<Breakpoint, ColumnCount>>;
+export interface Item {
+  /** Stable key for the label/value pair. */
+  key: Key;
+  label: ReactNode;
+  /** Missing or null values render empty; zero is preserved. */
+  value?: ReactNode;
+}
+export interface Props extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'title'> {
+  items: readonly Item[];
+  title?: ReactNode;
+  /** Defaults to one column, two at md, and three at lg. Omitted breakpoints inherit the previous count. */
+  columns?: Columns;
+  /** Label placement relative to the value. Defaults to horizontal. */
+  orientation?: 'horizontal' | 'vertical';
+  classNames?: {
+    title?: string;
+    list?: string;
+    item?: string;
+    label?: string;
+    value?: string;
+  };
+}
+declare const Descriptions: ({ items, title, columns, orientation, className, classNames, style, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Descriptions as default };
+//# sourceMappingURL=Descriptions.d.mts.map

package/dist/Descriptions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.d.mts","names":[],"sources":["../src/components/molecules/descriptions.tsx"],"mappings":";;KASK;KACA;YAEO,UAAU,cAAc,QAAQ,OAAO,YAAY;iBAE9C;;EAEf,KAAK;EACL,OAAO;;EAEP,QAAQ;;iBAGO,cAAc,KAC7B;EAGA,gBAAgB;EAChB,QAAQ;;EAER,UAAU;;EAEV;EACA;IACE;IACA;IACA;IACA;IACA;;;cAME,iBAAgB,OAAA,OAAA,SAAA,aAAA,WAAA,YAAA,UAAA,SASnB,0BAAK,IAAA"}

package/dist/Descriptions.mjs

@@ -0,0 +1,67 @@
+import { cn } from "./utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/molecules/descriptions.tsx
+const BREAKPOINTS = [
+	"base",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl"
+];
+const Descriptions = ({ items, title, columns = {
+	base: 1,
+	md: 2,
+	lg: 3
+}, orientation = "horizontal", className, classNames, style, ...props }) => {
+	const columnStyles = {};
+	let count = 1;
+	for (const breakpoint of BREAKPOINTS) {
+		const requested = typeof columns === "number" ? columns : columns[breakpoint];
+		if (requested !== void 0 && Number.isFinite(requested)) count = Math.min(4, Math.max(1, Math.floor(requested)));
+		columnStyles[`--descriptions-columns-${breakpoint}`] = count;
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		"data-slot": "descriptions",
+		"data-orientation": orientation,
+		className: cn("text-foreground w-full min-w-0", className),
+		style: {
+			...columnStyles,
+			...style
+		},
+		children: [title != null && /* @__PURE__ */ jsx("div", {
+			"data-slot": "descriptions-title",
+			className: cn("mb-4 text-base font-semibold", classNames?.title),
+			children: title
+		}), /* @__PURE__ */ jsx("dl", {
+			"data-slot": "descriptions-list",
+			className: cn(`m-0 grid
+          grid-cols-[repeat(var(--descriptions-columns-base),minmax(0,1fr))]
+          gap-x-6 gap-y-4
+          sm:grid-cols-[repeat(var(--descriptions-columns-sm),minmax(0,1fr))]
+          md:grid-cols-[repeat(var(--descriptions-columns-md),minmax(0,1fr))]
+          lg:grid-cols-[repeat(var(--descriptions-columns-lg),minmax(0,1fr))]
+          xl:grid-cols-[repeat(var(--descriptions-columns-xl),minmax(0,1fr))]
+          2xl:grid-cols-[repeat(var(--descriptions-columns-2xl),minmax(0,1fr))]`, classNames?.list),
+			children: items.map((item) => /* @__PURE__ */ jsxs("div", {
+				"data-slot": "descriptions-item",
+				className: cn("grid min-w-0 gap-2 text-sm", orientation === "horizontal" ? "grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-start" : "grid-cols-1 content-start", classNames?.item),
+				children: [/* @__PURE__ */ jsx("dt", {
+					"data-slot": "descriptions-label",
+					className: cn(`text-muted-foreground min-w-0 font-medium
+                [overflow-wrap:anywhere]`, classNames?.label),
+					children: item.label
+				}), /* @__PURE__ */ jsx("dd", {
+					"data-slot": "descriptions-value",
+					className: cn("m-0 min-w-0 [overflow-wrap:anywhere]", classNames?.value),
+					children: item.value
+				})]
+			}, item.key))
+		})]
+	});
+};
+//#endregion
+export { Descriptions as default };
+
+//# sourceMappingURL=Descriptions.mjs.map

package/dist/Descriptions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Descriptions.mjs","names":[],"sources":["../src/components/molecules/descriptions.tsx"],"sourcesContent":["import type {\n  CSSProperties,\n  ComponentPropsWithRef,\n  Key,\n  ReactNode,\n} from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\ntype ColumnCount = 1 | 2 | 3 | 4;\ntype Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport type Columns = ColumnCount | Partial<Record<Breakpoint, ColumnCount>>;\n\nexport interface Item {\n  /** Stable key for the label/value pair. */\n  key: Key;\n  label: ReactNode;\n  /** Missing or null values render empty; zero is preserved. */\n  value?: ReactNode;\n}\n\nexport interface Props extends Omit<\n  ComponentPropsWithRef<'div'>,\n  'children' | 'title'\n> {\n  items: readonly Item[];\n  title?: ReactNode;\n  /** Defaults to one column, two at md, and three at lg. Omitted breakpoints inherit the previous count. */\n  columns?: Columns;\n  /** Label placement relative to the value. Defaults to horizontal. */\n  orientation?: 'horizontal' | 'vertical';\n  classNames?: {\n    title?: string;\n    list?: string;\n    item?: string;\n    label?: string;\n    value?: string;\n  };\n}\n\nconst BREAKPOINTS: Breakpoint[] = ['base', 'sm', 'md', 'lg', 'xl', '2xl'];\n\nconst Descriptions = ({\n  items,\n  title,\n  columns = { base: 1, md: 2, lg: 3 },\n  orientation = 'horizontal',\n  className,\n  classNames,\n  style,\n  ...props\n}: Props) => {\n  const columnStyles: Record<string, number> = {};\n  let count = 1;\n\n  for (const breakpoint of BREAKPOINTS) {\n    const requested =\n      typeof columns === 'number' ? columns : columns[breakpoint];\n\n    if (requested !== undefined && Number.isFinite(requested)) {\n      count = Math.min(4, Math.max(1, Math.floor(requested)));\n    }\n\n    columnStyles[`--descriptions-columns-${breakpoint}`] = count;\n  }\n\n  return (\n    <div\n      {...props}\n      data-slot=\"descriptions\"\n      data-orientation={orientation}\n      className={cn(\n        'text-foreground w-full min-w-0',\n        className, //\n      )}\n      style={{ ...columnStyles, ...style } as CSSProperties}\n    >\n      {title != null && (\n        <div\n          data-slot=\"descriptions-title\"\n          className={cn(\n            'mb-4 text-base font-semibold',\n            classNames?.title, //\n          )}\n        >\n          {title}\n        </div>\n      )}\n      <dl\n        data-slot=\"descriptions-list\"\n        className={cn(\n          `m-0 grid\n          grid-cols-[repeat(var(--descriptions-columns-base),minmax(0,1fr))]\n          gap-x-6 gap-y-4\n          sm:grid-cols-[repeat(var(--descriptions-columns-sm),minmax(0,1fr))]\n          md:grid-cols-[repeat(var(--descriptions-columns-md),minmax(0,1fr))]\n          lg:grid-cols-[repeat(var(--descriptions-columns-lg),minmax(0,1fr))]\n          xl:grid-cols-[repeat(var(--descriptions-columns-xl),minmax(0,1fr))]\n          2xl:grid-cols-[repeat(var(--descriptions-columns-2xl),minmax(0,1fr))]`,\n          classNames?.list,\n          //\n        )}\n      >\n        {items.map(item => (\n          <div\n            key={item.key}\n            data-slot=\"descriptions-item\"\n            className={cn(\n              'grid min-w-0 gap-2 text-sm',\n              orientation === 'horizontal'\n                ? 'grid-cols-[minmax(0,1fr)_minmax(0,2fr)] items-start'\n                : 'grid-cols-1 content-start',\n              classNames?.item,\n              //\n            )}\n          >\n            <dt\n              data-slot=\"descriptions-label\"\n              className={cn(\n                `text-muted-foreground min-w-0 font-medium\n                [overflow-wrap:anywhere]`,\n                classNames?.label, //\n              )}\n            >\n              {item.label}\n            </dt>\n            <dd\n              data-slot=\"descriptions-value\"\n              className={cn(\n                'm-0 min-w-0 [overflow-wrap:anywhere]',\n                classNames?.value, //\n              )}\n            >\n              {item.value}\n            </dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n};\n\nexport default Descriptions;\n"],"mappings":";;;AAyCA,MAAM,cAA4B;CAAC;CAAQ;CAAM;CAAM;CAAM;CAAM;AAAK;AAExE,MAAM,gBAAgB,EACpB,OACA,OACA,UAAU;CAAE,MAAM;CAAG,IAAI;CAAG,IAAI;AAAE,GAClC,cAAc,cACd,WACA,YACA,OACA,GAAG,YACQ;CACX,MAAM,eAAuC,CAAC;CAC9C,IAAI,QAAQ;CAEZ,KAAK,MAAM,cAAc,aAAa;EACpC,MAAM,YACJ,OAAO,YAAY,WAAW,UAAU,QAAQ;EAElD,IAAI,cAAc,KAAA,KAAa,OAAO,SAAS,SAAS,GACtD,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC,CAAC;EAGxD,aAAa,0BAA0B,gBAAgB;CACzD;CAEA,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,oBAAkB;EAClB,WAAW,GACT,kCACA,SACF;EACA,OAAO;GAAE,GAAG;GAAc,GAAG;EAAM;EARrC,UAAA,CAUG,SAAS,QACR,oBAAC,OAAD;GACE,aAAU;GACV,WAAW,GACT,gCACA,YAAY,KACd;GAEC,UAAA;EACE,CAAA,GAEP,oBAAC,MAAD;GACE,aAAU;GACV,WAAW,GACT;;;;;;;kFAQA,YAAY,IAEd;GAEC,UAAA,MAAM,KAAI,SACT,qBAAC,OAAD;IAEE,aAAU;IACV,WAAW,GACT,8BACA,gBAAgB,eACZ,wDACA,6BACJ,YAAY,IAEd;IAVF,UAAA,CAYE,oBAAC,MAAD;KACE,aAAU;KACV,WAAW,GACT;2CAEA,YAAY,KACd;KAEC,UAAA,KAAK;IACJ,CAAA,GACJ,oBAAC,MAAD;KACE,aAAU;KACV,WAAW,GACT,wCACA,YAAY,KACd;KAEC,UAAA,KAAK;IACJ,CAAA,CACD;GA9BE,GAAA,KAAK,GA8BP,CACN;EACC,CAAA,CACD;;AAET"}

package/dist/Divider.d.mts

@@ -0,0 +1,18 @@
+import { Separator, separator_d_exports } from "./core/separator.mjs";
+import "./core/index.mjs";
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/atoms/divider.d.ts
+export interface Props extends Omit<ComponentProps<typeof Separator>, 'children' | 'className'> {
+  children?: ReactNode;
+  variant?: 'solid' | 'dashed' | 'dotted';
+  titlePlacement?: 'start' | 'center' | 'end';
+  className?: string;
+  classNames?: {
+    line?: string;
+    label?: string;
+  };
+}
+declare const Divider: ({ children, orientation, decorative, variant, titlePlacement, className, classNames, dir, "aria-label": ariaLabel, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Divider as default };
+//# sourceMappingURL=Divider.d.mts.map

package/dist/Divider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.mts","names":["separator","separator.Separator"],"sources":["../src/components/atoms/divider.tsx"],"mappings":";;;;iBASiB,cAAc,KAC7B,sBAAsBC;EAGtB,WAAW;EACX;EACA;EACA;EACA;IACE;IACA;;;cAUE,YAAW,UAAA,aAAA,YAAA,SAAA,gBAAA,WAAA,YAAA,mBAAA,cAAA,SAWd,0BAAK,IAAA"}

package/dist/Divider.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import { Separator } from "./core/separator.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/atoms/divider.tsx
+const variants = {
+	solid: "border-solid",
+	dashed: "border-dashed",
+	dotted: "border-dotted"
+};
+const Divider = ({ children, orientation = "horizontal", decorative = true, variant = "solid", titlePlacement = "center", className, classNames, dir, "aria-label": ariaLabel, ...props }) => {
+	const { direction } = useConfig();
+	const hasLabel = children !== void 0 && children !== null && children !== false;
+	const isVertical = orientation === "vertical";
+	const label = typeof children === "string" || typeof children === "number" ? String(children) : void 0;
+	const lineClassName = cn("border-border min-w-0 flex-1", isVertical ? "min-h-0 border-s" : "border-t", variants[variant], classNames?.line);
+	return /* @__PURE__ */ jsxs(Separator, {
+		...props,
+		"data-slot": "divider",
+		dir: dir ?? direction,
+		orientation,
+		decorative,
+		"aria-label": decorative ? ariaLabel : ariaLabel ?? label,
+		className: cn(`text-foreground flex bg-transparent
+        data-[orientation=horizontal]:h-auto data-[orientation=vertical]:h-auto
+        data-[orientation=vertical]:w-auto`, isVertical ? "mx-2 h-auto w-auto flex-col items-center self-stretch" : "my-4 h-auto w-full items-center", hasLabel && "gap-3", className),
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: cn(lineClassName, hasLabel && titlePlacement === "start" && "flex-[0.1]")
+		}), hasLabel && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "divider-label",
+			className: cn("min-w-0 shrink text-sm font-medium [overflow-wrap:anywhere]", classNames?.label),
+			children
+		}), /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: cn(lineClassName, titlePlacement === "end" && "flex-[0.1]")
+		})] })]
+	});
+};
+//#endregion
+export { Divider as default };
+
+//# sourceMappingURL=Divider.mjs.map

package/dist/Divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.mjs","names":["separator.Separator"],"sources":["../src/components/atoms/divider.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { separator } from '../../core';\n\nexport interface Props extends Omit<\n  ComponentProps<typeof separator.Separator>,\n  'children' | 'className'\n> {\n  children?: ReactNode;\n  variant?: 'solid' | 'dashed' | 'dotted';\n  titlePlacement?: 'start' | 'center' | 'end';\n  className?: string;\n  classNames?: {\n    line?: string;\n    label?: string;\n  };\n}\n\nconst variants = {\n  solid: 'border-solid',\n  dashed: 'border-dashed',\n  dotted: 'border-dotted',\n};\n\nconst Divider = ({\n  children,\n  orientation = 'horizontal',\n  decorative = true,\n  variant = 'solid',\n  titlePlacement = 'center',\n  className,\n  classNames,\n  dir,\n  'aria-label': ariaLabel,\n  ...props\n}: Props) => {\n  const { direction } = useConfig();\n  const hasLabel =\n    children !== undefined && children !== null && children !== false;\n  const isVertical = orientation === 'vertical';\n  const label =\n    typeof children === 'string' || typeof children === 'number'\n      ? String(children)\n      : undefined;\n  const lineClassName = cn(\n    'border-border min-w-0 flex-1',\n    isVertical ? 'min-h-0 border-s' : 'border-t',\n    variants[variant],\n    classNames?.line,\n    //\n  );\n\n  return (\n    <separator.Separator\n      {...props}\n      data-slot=\"divider\"\n      dir={dir ?? direction}\n      orientation={orientation}\n      decorative={decorative}\n      aria-label={decorative ? ariaLabel : (ariaLabel ?? label)}\n      className={cn(\n        `text-foreground flex bg-transparent\n        data-[orientation=horizontal]:h-auto data-[orientation=vertical]:h-auto\n        data-[orientation=vertical]:w-auto`,\n        isVertical\n          ? 'mx-2 h-auto w-auto flex-col items-center self-stretch'\n          : 'my-4 h-auto w-full items-center',\n        hasLabel && 'gap-3',\n        className,\n        //\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          lineClassName,\n          hasLabel && titlePlacement === 'start' && 'flex-[0.1]',\n          //\n        )}\n      />\n      {hasLabel && (\n        <>\n          <span\n            data-slot=\"divider-label\"\n            className={cn(\n              'min-w-0 shrink text-sm font-medium [overflow-wrap:anywhere]',\n              classNames?.label,\n              //\n            )}\n          >\n            {children}\n          </span>\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              lineClassName,\n              titlePlacement === 'end' && 'flex-[0.1]',\n              //\n            )}\n          />\n        </>\n      )}\n    </separator.Separator>\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;;AAuBA,MAAM,WAAW;CACf,OAAO;CACP,QAAQ;CACR,QAAQ;AACV;AAEA,MAAM,WAAW,EACf,UACA,cAAc,cACd,aAAa,MACb,UAAU,SACV,iBAAiB,UACjB,WACA,YACA,KACA,cAAc,WACd,GAAG,YACQ;CACX,MAAM,EAAE,cAAc,UAAU;CAChC,MAAM,WACJ,aAAa,KAAA,KAAa,aAAa,QAAQ,aAAa;CAC9D,MAAM,aAAa,gBAAgB;CACnC,MAAM,QACJ,OAAO,aAAa,YAAY,OAAO,aAAa,WAChD,OAAO,QAAQ,IACf,KAAA;CACN,MAAM,gBAAgB,GACpB,gCACA,aAAa,qBAAqB,YAClC,SAAS,UACT,YAAY,IAEd;CAEA,OACE,qBAACA,WAAD;EACE,GAAI;EACJ,aAAU;EACV,KAAK,OAAO;EACC;EACD;EACZ,cAAY,aAAa,YAAa,aAAa;EACnD,WAAW,GACT;;6CAGA,aACI,0DACA,mCACJ,YAAY,SACZ,SAEF;EAjBF,UAAA,CAmBE,oBAAC,QAAD;GACE,eAAY;GACZ,WAAW,GACT,eACA,YAAY,mBAAmB,WAAW,YAE5C;EACD,CAAA,GACA,YACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GACE,aAAU;GACV,WAAW,GACT,+DACA,YAAY,KAEd;GAEC;EACG,CAAA,GACN,oBAAC,QAAD;GACE,eAAY;GACZ,WAAW,GACT,eACA,mBAAmB,SAAS,YAE9B;EACD,CAAA,CACD,EAAA,CAAA,CAEe;;AAEzB"}

package/dist/{components/organisms/drawer.d.mts → Drawer.d.mts}

@@ -1,5 +1,5 @@
 //#region src/components/organisms/drawer.d.ts
-interface Props {
+export interface Props {
   open: boolean;
   children?: React.ReactNode;
   title?: React.ReactNode;
@@ -31,5 +31,5 @@ interface Props {
 }
 declare const Drawer: ({ open, title, extra, footer, closable, closeIcon, direction, size, maskClosable, handlebar, rounded, mask, className, classNames, style, children, container, onClose, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Drawer as default };
-//# sourceMappingURL=drawer.d.mts.map
+export { Drawer as default };
+//# sourceMappingURL=Drawer.d.mts.map

package/dist/Drawer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.mts","names":[],"sources":["../src/components/organisms/drawer.tsx"],"mappings":";iBA2CiB;EACf;EACA,WAAW,MAAM;EACjB,QAAQ,MAAM;EACd,QAAQ,MAAM;EACd,SAAS,MAAM;EACf;EACA,YAAY,MAAM;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ,MAAM;EACd;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF,YAAY;EACZ;;cA+CI,WAAU,MAAA,OAAA,OAAA,QAAA,UAAA,WAAA,WAAA,MAAA,cAAA,WAAA,SAAA,MAAA,WAAA,YAAA,OAAA,UAAA,WAAA,YAAA,SAoBb,0BAAK,IAAA"}

package/dist/{components/organisms/drawer.mjs → Drawer.mjs}

@@ -1,11 +1,11 @@
 "use client";
-import { cn } from "../../utils.mjs";
-import { DEFAULT_LOCALE, useConfig } from "../../providers/config/context.mjs";
-import { drawer_exports } from "../../core/drawer.mjs";
-import Button from "../../Button.mjs";
-import { X } from "lucide-react";
+import { cn } from "./utils.mjs";
+import { DEFAULT_LOCALE, useConfig } from "./providers/config/context.mjs";
+import Button from "./Button.mjs";
+import { drawer_exports } from "./core/drawer.mjs";
 import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 //#region src/components/organisms/drawer.tsx
 const { DrawerContent, Drawer: DrawerCore, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle } = drawer_exports;
 const maskLessStates = /* @__PURE__ */ new WeakMap();
@@ -130,4 +130,4 @@ const Drawer = ({ open, title, extra, footer, closable = true, closeIcon, direct
 //#endregion
 export { Drawer as default };
 
-//# sourceMappingURL=drawer.mjs.map
+//# sourceMappingURL=Drawer.mjs.map

package/dist/Drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.mjs","names":["drawer"],"sources":["../src/components/organisms/drawer.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\nimport { X } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { drawer } from '../../core';\nimport Button from '../atoms/button';\n\nconst {\n  DrawerContent,\n  Drawer: DrawerCore,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n} = drawer;\n\n// `body.style.pointerEvents` is global state (per document), so several\n// mask-less overlays opening at once would otherwise race: each instance\n// would capture whatever the previous one had already written and the\n// last cleanup would restore a stale value. Reference counting makes only\n// the first instance capture the original value and only the last one\n// restore it. Keyed by document (not a single module-level counter) so\n// drawers portaled into different documents — e.g. live-editor's iframe\n// Renderer — don't share state with the host document.\ntype MaskLessState = { count: number; originalPointerEvents: string | null };\nconst maskLessStates = new WeakMap<Document, MaskLessState>();\n\nconst getMaskLessState = (doc: Document): MaskLessState => {\n  let state = maskLessStates.get(doc);\n\n  if (!state) {\n    state = { count: 0, originalPointerEvents: null };\n    maskLessStates.set(doc, state);\n  }\n\n  return state;\n};\n\nexport interface Props {\n  open: boolean;\n  children?: React.ReactNode;\n  title?: React.ReactNode;\n  extra?: React.ReactNode;\n  footer?: React.ReactNode;\n  closable?: boolean;\n  closeIcon?: React.ReactNode;\n  direction?: 'top' | 'bottom' | 'left' | 'right';\n  size?: 'small' | 'middle' | 'medium' | 'large' | 'full' | string;\n  maskClosable?: boolean;\n  handlebar?: boolean;\n  rounded?: boolean;\n  mask?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  classNames?: {\n    mask?: string;\n    content?: string;\n    handlebar?: string;\n    header?: string;\n    title?: string;\n    close?: string;\n    extra?: string;\n    body?: string;\n    footer?: string;\n  };\n  container?: HTMLElement;\n  onClose: () => void;\n}\n\nconst SIZES: Record<string, string> = {\n  small: '30%',\n  middle: '50%',\n  medium: '50%',\n  large: '75%',\n  full: '90%',\n};\n\n// Rounds the edge facing into the viewport — the opposite edge from\n// whichever side the drawer is anchored to.\nconst ROUNDED_CLASSES: Record<'top' | 'bottom' | 'left' | 'right', string> = {\n  top: 'rounded-b-[30px]!',\n  bottom: 'rounded-t-[30px]!',\n  left: 'rounded-r-[30px]!',\n  right: 'rounded-l-[30px]!',\n};\n\n// A side drawer sized by a preset is sized by a percentage of the viewport,\n// which collapses on a phone: `small` is 30%, so it lands at ~112px on a 375px\n// screen — a sliver too narrow to read. Floor the preset widths so they stay\n// usable on small screens. A custom `size` is passed through untouched; an\n// explicit value is the caller's decision, not something to second-guess.\nconst SIDE_MIN_WIDTH = '20rem';\n\nconst getSizeStyles = (\n  direction: 'top' | 'bottom' | 'left' | 'right',\n  size: string,\n): React.CSSProperties => {\n  if (direction === 'top' || direction === 'bottom') {\n    return { height: SIZES[size] || size };\n  }\n\n  const preset = SIZES[size];\n\n  return {\n    width: preset ? `max(${preset}, ${SIDE_MIN_WIDTH})` : size,\n    // Set inline so it beats `core/drawer`'s `sm:max-w-sm`, which would\n    // otherwise hold every side drawer at 24rem from the `sm` breakpoint up\n    // and leave `size` with no effect on anything wider than a phone. It also\n    // keeps the floor above from overflowing a container narrower than it.\n    maxWidth: '100%',\n  };\n};\n\nconst Drawer = ({\n  open,\n  title,\n  extra,\n  footer,\n  closable = true,\n  closeIcon,\n  direction = 'bottom',\n  size = 'middle',\n  maskClosable = true,\n  handlebar = true,\n  rounded = false,\n  mask = true,\n  className,\n  classNames,\n  style,\n  children,\n  container,\n  onClose,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n\n  useEffect(() => {\n    if (!open || mask) {\n      return;\n    }\n\n    const targetDocument = container?.ownerDocument ?? document;\n    const targetWindow = targetDocument.defaultView ?? window;\n    const body = targetDocument.body;\n    const state = getMaskLessState(targetDocument);\n\n    if (state.count === 0) {\n      state.originalPointerEvents = body.style.pointerEvents;\n    }\n    state.count += 1;\n\n    const raf = targetWindow.requestAnimationFrame(() => {\n      body.style.pointerEvents = 'auto';\n    });\n\n    return () => {\n      targetWindow.cancelAnimationFrame(raf);\n      state.count -= 1;\n\n      if (state.count === 0) {\n        body.style.pointerEvents = state.originalPointerEvents ?? '';\n        state.originalPointerEvents = null;\n      }\n    };\n  }, [open, mask, container]);\n\n  return (\n    <DrawerCore\n      open={open}\n      // antd's mask ⇒ Base UI's modal (focus trap + scroll lock); maskClosable\n      // gates outside-press dismissal at the root, replacing vaul's\n      // Content-level onPointerDownOutside handler.\n      modal={mask}\n      disablePointerDismissal={!maskClosable}\n      onOpenChange={open => {\n        if (!open) {\n          onClose();\n        }\n      }}\n      {...props}\n    >\n      <DrawerContent\n        direction={direction}\n        container={container}\n        className={cn(\n          'border-none outline-none',\n          rounded ? ROUNDED_CLASSES[direction] : 'rounded-none!',\n          classNames?.content,\n          className,\n          //\n        )}\n        handlebar={handlebar}\n        mask={mask}\n        classNames={{\n          mask: classNames?.mask || '',\n          handlebar: classNames?.handlebar || '',\n        }}\n        style={{\n          ...getSizeStyles(direction, size),\n          ...style,\n        }}\n      >\n        <DrawerHeader\n          className={cn(\n            classNames?.header,\n            !title && 'p-0',\n            //\n          )}\n        >\n          <div className=\"flex items-start gap-2\">\n            {closable && (\n              <Button\n                variant=\"text\"\n                shape=\"circle\"\n                size=\"small\"\n                aria-label={locale.close ?? DEFAULT_LOCALE.close}\n                icon={closeIcon || <X />}\n                onClick={onClose}\n                className={cn(classNames?.close)}\n              />\n            )}\n            <div className=\"flex flex-1 items-start justify-between gap-2\">\n              <DrawerTitle className={cn(classNames?.title)}>\n                {title}\n              </DrawerTitle>\n              {extra != null && (\n                <div className={cn('shrink-0', classNames?.extra)}>{extra}</div>\n              )}\n            </div>\n          </div>\n          <DrawerDescription className=\"hidden\" />\n        </DrawerHeader>\n        <div\n          className={cn(\n            'overflow-auto p-5',\n            classNames?.body,\n            //\n          )}\n        >\n          {children}\n        </div>\n        {footer != null && (\n          <DrawerFooter className={cn(classNames?.footer)}>\n            {footer}\n          </DrawerFooter>\n        )}\n      </DrawerContent>\n    </DrawerCore>\n  );\n};\n\nexport default Drawer;\n"],"mappings":";;;;;;;;;AAYA,MAAM,EACJ,eACA,QAAQ,YACR,mBACA,cACA,cACA,gBACEA;AAWJ,MAAM,iCAAiB,IAAI,QAAiC;AAE5D,MAAM,oBAAoB,QAAiC;CACzD,IAAI,QAAQ,eAAe,IAAI,GAAG;CAElC,IAAI,CAAC,OAAO;EACV,QAAQ;GAAE,OAAO;GAAG,uBAAuB;EAAK;EAChD,eAAe,IAAI,KAAK,KAAK;CAC/B;CAEA,OAAO;AACT;AAiCA,MAAM,QAAgC;CACpC,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,MAAM;AACR;AAIA,MAAM,kBAAuE;CAC3E,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;AACT;AAOA,MAAM,iBAAiB;AAEvB,MAAM,iBACJ,WACA,SACwB;CACxB,IAAI,cAAc,SAAS,cAAc,UACvC,OAAO,EAAE,QAAQ,MAAM,SAAS,KAAK;CAGvC,MAAM,SAAS,MAAM;CAErB,OAAO;EACL,OAAO,SAAS,OAAO,OAAO,IAAI,eAAe,KAAK;EAKtD,UAAU;CACZ;AACF;AAEA,MAAM,UAAU,EACd,MACA,OACA,OACA,QACA,WAAW,MACX,WACA,YAAY,UACZ,OAAO,UACP,eAAe,MACf,YAAY,MACZ,UAAU,OACV,OAAO,MACP,WACA,YACA,OACA,UACA,WACA,SACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAE7B,gBAAgB;EACd,IAAI,CAAC,QAAQ,MACX;EAGF,MAAM,iBAAiB,WAAW,iBAAiB;EACnD,MAAM,eAAe,eAAe,eAAe;EACnD,MAAM,OAAO,eAAe;EAC5B,MAAM,QAAQ,iBAAiB,cAAc;EAE7C,IAAI,MAAM,UAAU,GAClB,MAAM,wBAAwB,KAAK,MAAM;EAE3C,MAAM,SAAS;EAEf,MAAM,MAAM,aAAa,4BAA4B;GACnD,KAAK,MAAM,gBAAgB;EAC7B,CAAC;EAED,aAAa;GACX,aAAa,qBAAqB,GAAG;GACrC,MAAM,SAAS;GAEf,IAAI,MAAM,UAAU,GAAG;IACrB,KAAK,MAAM,gBAAgB,MAAM,yBAAyB;IAC1D,MAAM,wBAAwB;GAChC;EACF;CACF,GAAG;EAAC;EAAM;EAAM;CAAS,CAAC;CAE1B,OACE,oBAAC,YAAD;EACQ;EAIN,OAAO;EACP,yBAAyB,CAAC;EAC1B,eAAc,SAAQ;GACpB,IAAI,CAAC,MACH,QAAQ;EAEZ;EACA,GAAI;EAEJ,UAAA,qBAAC,eAAD;GACa;GACA;GACX,WAAW,GACT,4BACA,UAAU,gBAAgB,aAAa,iBACvC,YAAY,SACZ,SAEF;GACW;GACL;GACN,YAAY;IACV,MAAM,YAAY,QAAQ;IAC1B,WAAW,YAAY,aAAa;GACtC;GACA,OAAO;IACL,GAAG,cAAc,WAAW,IAAI;IAChC,GAAG;GACL;GAnBF,UAAA;IAqBE,qBAAC,cAAD;KACE,WAAW,GACT,YAAY,QACZ,CAAC,SAAS,KAEZ;KALF,UAAA,CAOE,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACG,YACC,oBAAC,QAAD;OACE,SAAQ;OACR,OAAM;OACN,MAAK;OACL,cAAY,OAAO,SAAS,eAAe;OAC3C,MAAM,aAAa,oBAAC,GAAD,CAAI,CAAA;OACvB,SAAS;OACT,WAAW,GAAG,YAAY,KAAK;MAChC,CAAA,GAEH,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,oBAAC,aAAD;QAAa,WAAW,GAAG,YAAY,KAAK;QACzC,UAAA;OACU,CAAA,GACZ,SAAS,QACR,oBAAC,OAAD;QAAK,WAAW,GAAG,YAAY,YAAY,KAAK;QAAI,UAAA;OAAW,CAAA,CAE9D;MACF,CAAA,CAAA;KACL,CAAA,GAAA,oBAAC,mBAAD,EAAmB,WAAU,SAAU,CAAA,CAC3B;;IACd,oBAAC,OAAD;KACE,WAAW,GACT,qBACA,YAAY,IAEd;KAEC;IACE,CAAA;IACJ,UAAU,QACT,oBAAC,cAAD;KAAc,WAAW,GAAG,YAAY,MAAM;KAC3C,UAAA;IACW,CAAA;GAEH;;CACL,CAAA;AAEhB"}

package/dist/{components/molecules/dropdown.d.mts → Dropdown.d.mts}

@@ -1,7 +1,7 @@
-import { MenuProps } from "./menu/menu.mjs";
+import { MenuProps } from "./components/molecules/menu/menu.mjs";
 //#region src/components/molecules/dropdown.d.ts
 type ChangeEventHandler = (open: boolean) => void;
-interface Props extends React.ComponentPropsWithoutRef<'div'> {
+export interface Props extends React.ComponentPropsWithoutRef<'div'> {
   open?: boolean;
   trigger?: 'hover' | 'click';
   menu?: MenuProps;
@@ -9,5 +9,5 @@ interface Props extends React.ComponentPropsWithoutRef<'div'> {
 }
 declare const Dropdown: ({ children, menu, trigger, open: _open, onOpenChange: _onOpenChange, className, onMouseEnter, onMouseLeave, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Dropdown as default };
-//# sourceMappingURL=dropdown.d.mts.map
+export { Dropdown as default };
+//# sourceMappingURL=Dropdown.d.mts.map

package/dist/Dropdown.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.mts","names":[],"sources":["../src/components/molecules/dropdown.tsx"],"mappings":";;KAYK,sBAAsB;iBAEV,cAAc,MAAM;EACnC;EACA;EACA,OAAO;EACP,eAAe;;cAGX,aAAY,UAAA,MAAA,SAAA,MAAA,OAAA,cAAA,eAAA,WAAA,cAAA,iBAAA,SAUf,0BAAK,IAAA"}

package/dist/{components/molecules/dropdown.mjs → Dropdown.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { cn } from "../../utils.mjs";
-import "../../lib/z-layers.mjs";
-import Menu from "./menu/menu.mjs";
+import { cn } from "./utils.mjs";
+import "./lib/z-layers.mjs";
+import Menu from "./components/molecules/menu/menu.mjs";
 import { useId, useRef } from "react";
 import { useControllableState, useKeyPress } from "@jbpark/use-hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -88,4 +88,4 @@ const Dropdown = ({ children, menu, trigger = "hover", open: _open, onOpenChange
 //#endregion
 export { Dropdown as default };
 
-//# sourceMappingURL=dropdown.mjs.map
+//# sourceMappingURL=Dropdown.mjs.map

package/dist/Dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.mjs","names":[],"sources":["../src/components/molecules/dropdown.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useRef } from 'react';\n\nimport { useControllableState, useKeyPress } from '@jbpark/use-hooks';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { OVERLAY_LAYER } from '../../lib/z-layers';\nimport Menu, { MenuProps } from './menu';\n\ntype ChangeEventHandler = (open: boolean) => void;\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  open?: boolean;\n  trigger?: 'hover' | 'click';\n  menu?: MenuProps;\n  onOpenChange?: ChangeEventHandler;\n}\n\nconst Dropdown = ({\n  children,\n  menu,\n  trigger = 'hover',\n  open: _open,\n  onOpenChange: _onOpenChange = () => {},\n  className,\n  onMouseEnter,\n  onMouseLeave,\n  ...props\n}: Props) => {\n  const [open, onOpenChange] = useControllableState<boolean>({\n    value: _open,\n    defaultValue: false,\n    onChange: _onOpenChange,\n  });\n\n  const isClickTrigger = trigger === 'click';\n  const menuId = useId();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n\n  useKeyPress(\n    'esc',\n    () => {\n      onOpenChange(false);\n    },\n    { target: triggerRef },\n  );\n\n  useKeyPress(\n    ['Enter', 'space'],\n    event => {\n      event.preventDefault();\n      onOpenChange(!open);\n    },\n    { target: triggerRef, enabled: isClickTrigger },\n  );\n\n  return (\n    <div\n      {...props}\n      ref={containerRef}\n      className={cn(\n        'relative',\n        'inline-block cursor-pointer',\n        className,\n        //\n      )}\n      onMouseEnter={event => {\n        onMouseEnter?.(event);\n        if (isClickTrigger) {\n          return;\n        }\n        onOpenChange(true);\n      }}\n      onMouseLeave={event => {\n        onMouseLeave?.(event);\n        if (isClickTrigger) {\n          return;\n        }\n        onOpenChange(false);\n      }}\n    >\n      <div\n        ref={triggerRef}\n        role={isClickTrigger ? 'button' : undefined}\n        tabIndex={isClickTrigger ? 0 : undefined}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-controls={open ? menuId : undefined}\n        onClick={() => {\n          if (!isClickTrigger) {\n            return;\n          }\n          onOpenChange(!open);\n        }}\n        onFocus={() => {\n          if (isClickTrigger) {\n            return;\n          }\n          onOpenChange(true);\n        }}\n        onBlur={e => {\n          // Without this check, moving focus from the trigger into the\n          // menu itself (e.g. via Tab) closed the dropdown before the\n          // user could ever reach it — the mouse path avoided the same\n          // bug only by way of onMouseDown's preventDefault below, which\n          // does nothing for keyboard focus. Mirrors the containment\n          // check menu/item/item.tsx already uses for the same reason.\n          if (!containerRef.current?.contains(e.relatedTarget as Node)) {\n            onOpenChange(false);\n          }\n        }}\n      >\n        {children}\n      </div>\n      <AnimatePresence>\n        {open && (\n          <motion.div\n            className={cn(\n              'absolute top-full pt-2',\n              OVERLAY_LAYER,\n              //\n            )}\n            initial={{ opacity: 0, y: -10 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: -10 }}\n            transition={{ duration: 0.1 }}\n          >\n            <Menu\n              {...menu}\n              id={menuId}\n              onMouseDown={e => {\n                e.preventDefault();\n              }}\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;AAqBA,MAAM,YAAY,EAChB,UACA,MACA,UAAU,SACV,MAAM,OACN,cAAc,sBAAsB,CAAC,GACrC,WACA,cACA,cACA,GAAG,YACQ;CACX,MAAM,CAAC,MAAM,gBAAgB,qBAA8B;EACzD,OAAO;EACP,cAAc;EACd,UAAU;CACZ,CAAC;CAED,MAAM,iBAAiB,YAAY;CACnC,MAAM,SAAS,MAAM;CACrB,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,aAAa,OAAuB,IAAI;CAE9C,YACE,aACM;EACJ,aAAa,KAAK;CACpB,GACA,EAAE,QAAQ,WAAW,CACvB;CAEA,YACE,CAAC,SAAS,OAAO,IACjB,UAAS;EACP,MAAM,eAAe;EACrB,aAAa,CAAC,IAAI;CACpB,GACA;EAAE,QAAQ;EAAY,SAAS;CAAe,CAChD;CAEA,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,KAAK;EACL,WAAW,GACT,YACA,+BACA,SAEF;EACA,eAAc,UAAS;GACrB,eAAe,KAAK;GACpB,IAAI,gBACF;GAEF,aAAa,IAAI;EACnB;EACA,eAAc,UAAS;GACrB,eAAe,KAAK;GACpB,IAAI,gBACF;GAEF,aAAa,KAAK;EACpB;EAtBF,UAAA,CAwBE,oBAAC,OAAD;GACE,KAAK;GACL,MAAM,iBAAiB,WAAW,KAAA;GAClC,UAAU,iBAAiB,IAAI,KAAA;GAC/B,iBAAc;GACd,iBAAe;GACf,iBAAe,OAAO,SAAS,KAAA;GAC/B,eAAe;IACb,IAAI,CAAC,gBACH;IAEF,aAAa,CAAC,IAAI;GACpB;GACA,eAAe;IACb,IAAI,gBACF;IAEF,aAAa,IAAI;GACnB;GACA,SAAQ,MAAK;IAOX,IAAI,CAAC,aAAa,SAAS,SAAS,EAAE,aAAqB,GACzD,aAAa,KAAK;GAEtB;GAEC;EACE,CAAA,GACL,oBAAC,iBAAD,EAAA,UACG,QACC,oBAAC,OAAO,KAAR;GACE,WAAW,GACT,0BAAA,QAGF;GACA,SAAS;IAAE,SAAS;IAAG,GAAG;GAAI;GAC9B,SAAS;IAAE,SAAS;IAAG,GAAG;GAAE;GAC5B,MAAM;IAAE,SAAS;IAAG,GAAG;GAAI;GAC3B,YAAY,EAAE,UAAU,GAAI;GAE5B,UAAA,oBAAC,MAAD;IACE,GAAI;IACJ,IAAI;IACJ,cAAa,MAAK;KAChB,EAAE,eAAe;IACnB;GACD,CAAA;EACS,CAAA,EAEC,CAAA,CACd;;AAET"}

package/dist/{components/templates/empty.d.mts → Empty.d.mts}

@@ -1,5 +1,5 @@
-//#region src/components/templates/empty.d.ts
-interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {
+//#region src/components/molecules/empty.d.ts
+export interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {
   icon?: React.ReactNode;
   title?: React.ReactNode;
   description?: React.ReactNode;
@@ -7,5 +7,5 @@ interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {
 }
 declare const Empty: ({ icon, title, description, action, className, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Empty as default };
-//# sourceMappingURL=empty.d.mts.map
+export { Empty as default };
+//# sourceMappingURL=Empty.d.mts.map

package/dist/Empty.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.d.mts","names":[],"sources":["../src/components/molecules/empty.tsx"],"mappings":";iBAIiB,cAAc,KAAK,MAAM;EACxC,OAAO,MAAM;EACb,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,SAAS,MAAM;;cAQX,UAAS,MAAA,OAAA,aAAA,QAAA,cAAA,SAOZ,0BAAK,IAAA"}

package/dist/{components/templates/empty.mjs → Empty.mjs}

@@ -1,7 +1,7 @@
-import { cn } from "../../utils.mjs";
-import { Inbox } from "lucide-react";
+import { cn } from "./utils.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/templates/empty.tsx
+import { Inbox } from "lucide-react";
+//#region src/components/molecules/empty.tsx
 const Empty = ({ icon, title, description = "No data", action, className, ...props }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "empty",
@@ -31,4 +31,4 @@ const Empty = ({ icon, title, description = "No data", action, className, ...pro
 //#endregion
 export { Empty as default };
 
-//# sourceMappingURL=empty.mjs.map
+//# sourceMappingURL=Empty.mjs.map

package/dist/Empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.mjs","names":[],"sources":["../src/components/molecules/empty.tsx"],"sourcesContent":["import { Inbox } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\nexport interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {\n  icon?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  action?: React.ReactNode;\n}\n\n// The counterpart List's `empty` prop was asking for — List/Upload/Swiper\n// each render arbitrary content for their empty state today with nothing\n// in the library actually meant to go there. Pairs with Skeleton the same\n// way Skeleton pairs with real content: one placeholder for \"nothing\n// loaded yet\", one for \"loaded, and there's nothing\".\nconst Empty = ({\n  icon,\n  title,\n  description = 'No data',\n  action,\n  className,\n  ...props\n}: Props) => {\n  return (\n    <div\n      data-slot=\"empty\"\n      role=\"status\"\n      className={cn(\n        'flex flex-col items-center justify-center gap-3 py-12 text-center',\n        className,\n        //\n      )}\n      {...props}\n    >\n      <div className=\"text-muted-foreground [&_svg]:size-12\">\n        {icon ?? <Inbox />}\n      </div>\n      {title && <p className=\"text-sm font-medium\">{title}</p>}\n      {description && (\n        <p className=\"text-muted-foreground text-sm\">{description}</p>\n      )}\n      {action && <div className=\"mt-1\">{action}</div>}\n    </div>\n  );\n};\n\nexport default Empty;\n"],"mappings":";;;;AAgBA,MAAM,SAAS,EACb,MACA,OACA,cAAc,WACd,QACA,WACA,GAAG,YACQ;CACX,OACE,qBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GACT,qEACA,SAEF;EACA,GAAI;EARN,UAAA;GAUE,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,QAAQ,oBAAC,OAAD,CAAQ,CAAA;GACd,CAAA;GACJ,SAAS,oBAAC,KAAD;IAAG,WAAU;IAAuB,UAAA;GAAS,CAAA;GACtD,eACC,oBAAC,KAAD;IAAG,WAAU;IAAiC,UAAA;GAAe,CAAA;GAE9D,UAAU,oBAAC,OAAD;IAAK,WAAU;IAAQ,UAAA;GAAY,CAAA;EAC3C;;AAET"}

package/dist/FloatButton.d.mts

@@ -0,0 +1,10 @@
+import BackTop from "./components/atoms/float-button/back-top.mjs";
+import FloatButton$1, { Props } from "./components/atoms/float-button/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 { type Props, FloatButton as default };
+//# sourceMappingURL=FloatButton.d.mts.map

package/dist/FloatButton.d.mts.map

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