@jbpark/ui-kit 10.1.0 → 10.3.0

package/dist/components/molecules/tabs.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.mts","names":[],"sources":["../../../src/components/molecules/tabs.tsx"],"mappings":";;;;cAQc,aAAI;UAED;EACf;EACA,OAAO;EACP,UAAU;EACV;;EAEA,OAAO;;UAGQ,cAAc,KAC7B,MAAM,sBAAsB;EAG5B,OAAO;EACP;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,QAAQ;EACR;IACE;IACA;IACA;IACA;;;cAIE,SAAQ,OAAA,WAAA,aAAA,iBAAA,YAAA,QAAA,OAAA,YAAA,cAAA,gBAAA,SAYX,0BAAK,IAAA"}
+{"version":3,"file":"tabs.d.mts","names":["tabs","tabs.Tabs"],"sources":["../../../src/components/molecules/tabs.tsx"],"mappings":";;;;cAQc,aAAIC;iBAED;EACf;EACA,OAAO;EACP,UAAU;EACV;;EAEA,OAAO;;iBAGQ,cAAc,KAC7B,MAAM,sBAAsB;EAG5B,OAAO;;EAEP,YAAY;;EAEZ,gBAAgB,MAAM,sBAAsB;EAC5C;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA,QAAQ;EACR;IACE;IACA;IACA;IACA;;;cAIE,SAAQ,OAAA,WAAA,aAAA,iBAAA,YAAA,QAAA,OAAA,YAAA,cAAA,UAAA,eAAA,gBAAA,SAcX,0BAAK,IAAA"}

package/dist/components/molecules/tabs.mjs

@@ -4,11 +4,15 @@ import { tabs_exports } from "../../core/tabs.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/molecules/tabs.tsx
 const { Tabs: Core, TabsList, TabsTab, TabsPanel } = tabs_exports;
-const Tabs = ({ items, listLabel = "Tabs", keepMounted = false, activateOnFocus = false, scrollable = false, fitted = false, extra, classNames, defaultValue, orientation = "horizontal", ...props }) => {
+const Tabs = ({ items, listLabel = "Tabs", keepMounted = false, activateOnFocus = false, scrollable = false, fitted = false, extra, classNames, defaultValue, onChange, onValueChange, orientation = "horizontal", ...props }) => {
 	const initialValue = defaultValue === void 0 ? items.find((item) => !item.disabled)?.key : defaultValue;
 	return /* @__PURE__ */ jsxs(Core, {
 		defaultValue: props.value === void 0 ? initialValue : void 0,
 		orientation,
+		onValueChange: (value, eventDetails) => {
+			onChange?.(value);
+			onValueChange?.(value, eventDetails);
+		},
 		...props,
 		children: [/* @__PURE__ */ jsxs("div", {
 			"data-slot": "tabs-bar",

package/dist/components/molecules/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","names":["tabs"],"sources":["../../../src/components/molecules/tabs.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { tabs } from '../../core';\n\nconst { Tabs: Core, TabsList, TabsTab, TabsPanel } = tabs;\n\nexport interface Item {\n  key: string;\n  label: ReactNode;\n  children: ReactNode;\n  disabled?: boolean;\n  /** Decorative icon rendered before the label with consistent spacing. */\n  icon?: ReactNode;\n}\n\nexport interface Props extends Omit<\n  React.ComponentProps<typeof Core>,\n  'children'\n> {\n  items: Item[];\n  listLabel?: string;\n  /** Preserve inactive panel DOM and local state. */\n  keepMounted?: boolean;\n  /** Select a tab when arrow-key focus moves to it. */\n  activateOnFocus?: boolean;\n  /** Scroll the tab list when its items exceed the available space. */\n  scrollable?: boolean;\n  /** Give tabs equal width in horizontal mode; ignored when scrollable. */\n  fitted?: boolean;\n  /** Content shown after the tab list, outside the tablist role. */\n  extra?: ReactNode;\n  classNames?: {\n    list?: string;\n    tab?: string;\n    panel?: string;\n    extra?: string;\n  };\n}\n\nconst Tabs = ({\n  items,\n  listLabel = 'Tabs',\n  keepMounted = false,\n  activateOnFocus = false,\n  scrollable = false,\n  fitted = false,\n  extra,\n  classNames,\n  defaultValue,\n  orientation = 'horizontal',\n  ...props\n}: Props) => {\n  const initialValue =\n    defaultValue === undefined\n      ? items.find(item => !item.disabled)?.key\n      : defaultValue;\n\n  return (\n    <Core\n      defaultValue={props.value === undefined ? initialValue : undefined}\n      orientation={orientation}\n      {...props}\n    >\n      <div\n        data-slot=\"tabs-bar\"\n        className={cn(\n          'flex min-w-0 items-stretch',\n          orientation === 'vertical' && 'min-h-0 shrink-0 flex-col',\n          //\n        )}\n      >\n        <TabsList\n          aria-label={listLabel}\n          activateOnFocus={activateOnFocus}\n          className={cn(\n            'min-w-0 flex-1',\n            scrollable &&\n              (orientation === 'vertical'\n                ? 'min-h-0 overflow-y-auto'\n                : `[scrollbar-width:none] overflow-x-auto overflow-y-hidden\n                  [&::-webkit-scrollbar]:hidden`),\n            classNames?.list,\n            //\n          )}\n        >\n          {items.map(item => (\n            <TabsTab\n              key={item.key}\n              value={item.key}\n              disabled={item.disabled}\n              className={cn(\n                fitted &&\n                  !scrollable &&\n                  orientation === 'horizontal' &&\n                  'flex-1',\n                scrollable && 'shrink-0',\n                classNames?.tab,\n                //\n              )}\n            >\n              {item.icon != null && (\n                <span\n                  data-slot=\"tabs-icon\"\n                  aria-hidden=\"true\"\n                  className=\"inline-flex shrink-0 items-center\"\n                >\n                  {item.icon}\n                </span>\n              )}\n              {item.label}\n            </TabsTab>\n          ))}\n        </TabsList>\n        {extra != null && (\n          <div\n            data-slot=\"tabs-extra\"\n            className={cn(\n              `border-border flex shrink-0 items-center border-b px-3\n              data-[orientation=vertical]:border-r\n              data-[orientation=vertical]:border-b-0`,\n              classNames?.extra,\n              //\n            )}\n            data-orientation={orientation}\n          >\n            {extra}\n          </div>\n        )}\n      </div>\n      {items.map(item => (\n        <TabsPanel\n          key={item.key}\n          value={item.key}\n          keepMounted={keepMounted}\n          className={classNames?.panel}\n        >\n          {item.children}\n        </TabsPanel>\n      ))}\n    </Core>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;AAQA,MAAM,EAAE,MAAM,MAAM,UAAU,SAAS,cAAcA;AAmCrD,MAAM,QAAQ,EACZ,OACA,YAAY,QACZ,cAAc,OACd,kBAAkB,OAClB,aAAa,OACb,SAAS,OACT,OACA,YACA,cACA,cAAc,cACd,GAAG,YACQ;CACX,MAAM,eACJ,iBAAiB,KAAA,IACb,MAAM,MAAK,SAAQ,CAAC,KAAK,QAAQ,CAAC,EAAE,MACpC;CAEN,OACE,qBAAC,MAAD;EACE,cAAc,MAAM,UAAU,KAAA,IAAY,eAAe,KAAA;EAC5C;EACb,GAAI;EAHN,UAAA,CAKE,qBAAC,OAAD;GACE,aAAU;GACV,WAAW,GACT,8BACA,gBAAgB,cAAc,2BAEhC;GANF,UAAA,CAQE,oBAAC,UAAD;IACE,cAAY;IACK;IACjB,WAAW,GACT,kBACA,eACG,gBAAgB,aACb,4BACA;mDAEN,YAAY,IAEd;IAEC,UAAA,MAAM,KAAI,SACT,qBAAC,SAAD;KAEE,OAAO,KAAK;KACZ,UAAU,KAAK;KACf,WAAW,GACT,UACE,CAAC,cACD,gBAAgB,gBAChB,UACF,cAAc,YACd,YAAY,GAEd;KAZF,UAAA,CAcG,KAAK,QAAQ,QACZ,oBAAC,QAAD;MACE,aAAU;MACV,eAAY;MACZ,WAAU;MAET,UAAA,KAAK;KACF,CAAA,GAEP,KAAK,KACC;IAvBF,GAAA,KAAK,GAuBH,CACV;GACO,CAAA,GACT,SAAS,QACR,oBAAC,OAAD;IACE,aAAU;IACV,WAAW,GACT;;uDAGA,YAAY,KAEd;IACA,oBAAkB;IAEjB,UAAA;GACE,CAAA,CAEJ;EACJ,CAAA,GAAA,MAAM,KAAI,SACT,oBAAC,WAAD;GAEE,OAAO,KAAK;GACC;GACb,WAAW,YAAY;GAEtB,UAAA,KAAK;EACG,GANJ,KAAK,GAMD,CACZ,CACG;;AAEV"}
+{"version":3,"file":"tabs.mjs","names":["tabs"],"sources":["../../../src/components/molecules/tabs.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { tabs } from '../../core';\n\nconst { Tabs: Core, TabsList, TabsTab, TabsPanel } = tabs;\n\nexport interface Item {\n  key: string;\n  label: ReactNode;\n  children: ReactNode;\n  disabled?: boolean;\n  /** Decorative icon rendered before the label with consistent spacing. */\n  icon?: ReactNode;\n}\n\nexport interface Props extends Omit<\n  React.ComponentProps<typeof Core>,\n  'children' | 'onChange'\n> {\n  items: Item[];\n  /** Called when the selected tab changes. */\n  onChange?: (value: string | number | null) => void;\n  /** @deprecated Use `onChange` for the selected value. */\n  onValueChange?: React.ComponentProps<typeof Core>['onValueChange'];\n  listLabel?: string;\n  /** Preserve inactive panel DOM and local state. */\n  keepMounted?: boolean;\n  /** Select a tab when arrow-key focus moves to it. */\n  activateOnFocus?: boolean;\n  /** Scroll the tab list when its items exceed the available space. */\n  scrollable?: boolean;\n  /** Give tabs equal width in horizontal mode; ignored when scrollable. */\n  fitted?: boolean;\n  /** Content shown after the tab list, outside the tablist role. */\n  extra?: ReactNode;\n  classNames?: {\n    list?: string;\n    tab?: string;\n    panel?: string;\n    extra?: string;\n  };\n}\n\nconst Tabs = ({\n  items,\n  listLabel = 'Tabs',\n  keepMounted = false,\n  activateOnFocus = false,\n  scrollable = false,\n  fitted = false,\n  extra,\n  classNames,\n  defaultValue,\n  onChange,\n  onValueChange,\n  orientation = 'horizontal',\n  ...props\n}: Props) => {\n  const initialValue =\n    defaultValue === undefined\n      ? items.find(item => !item.disabled)?.key\n      : defaultValue;\n\n  return (\n    <Core\n      defaultValue={props.value === undefined ? initialValue : undefined}\n      orientation={orientation}\n      onValueChange={(value, eventDetails) => {\n        onChange?.(value);\n        onValueChange?.(value, eventDetails);\n      }}\n      {...props}\n    >\n      <div\n        data-slot=\"tabs-bar\"\n        className={cn(\n          'flex min-w-0 items-stretch',\n          orientation === 'vertical' && 'min-h-0 shrink-0 flex-col',\n          //\n        )}\n      >\n        <TabsList\n          aria-label={listLabel}\n          activateOnFocus={activateOnFocus}\n          className={cn(\n            'min-w-0 flex-1',\n            scrollable &&\n              (orientation === 'vertical'\n                ? 'min-h-0 overflow-y-auto'\n                : `[scrollbar-width:none] overflow-x-auto overflow-y-hidden\n                  [&::-webkit-scrollbar]:hidden`),\n            classNames?.list,\n            //\n          )}\n        >\n          {items.map(item => (\n            <TabsTab\n              key={item.key}\n              value={item.key}\n              disabled={item.disabled}\n              className={cn(\n                fitted &&\n                  !scrollable &&\n                  orientation === 'horizontal' &&\n                  'flex-1',\n                scrollable && 'shrink-0',\n                classNames?.tab,\n                //\n              )}\n            >\n              {item.icon != null && (\n                <span\n                  data-slot=\"tabs-icon\"\n                  aria-hidden=\"true\"\n                  className=\"inline-flex shrink-0 items-center\"\n                >\n                  {item.icon}\n                </span>\n              )}\n              {item.label}\n            </TabsTab>\n          ))}\n        </TabsList>\n        {extra != null && (\n          <div\n            data-slot=\"tabs-extra\"\n            className={cn(\n              `border-border flex shrink-0 items-center border-b px-3\n              data-[orientation=vertical]:border-r\n              data-[orientation=vertical]:border-b-0`,\n              classNames?.extra,\n              //\n            )}\n            data-orientation={orientation}\n          >\n            {extra}\n          </div>\n        )}\n      </div>\n      {items.map(item => (\n        <TabsPanel\n          key={item.key}\n          value={item.key}\n          keepMounted={keepMounted}\n          className={classNames?.panel}\n        >\n          {item.children}\n        </TabsPanel>\n      ))}\n    </Core>\n  );\n};\n\nexport default Tabs;\n"],"mappings":";;;;;AAQA,MAAM,EAAE,MAAM,MAAM,UAAU,SAAS,cAAcA;AAuCrD,MAAM,QAAQ,EACZ,OACA,YAAY,QACZ,cAAc,OACd,kBAAkB,OAClB,aAAa,OACb,SAAS,OACT,OACA,YACA,cACA,UACA,eACA,cAAc,cACd,GAAG,YACQ;CACX,MAAM,eACJ,iBAAiB,KAAA,IACb,MAAM,MAAK,SAAQ,CAAC,KAAK,QAAQ,CAAC,EAAE,MACpC;CAEN,OACE,qBAAC,MAAD;EACE,cAAc,MAAM,UAAU,KAAA,IAAY,eAAe,KAAA;EAC5C;EACb,gBAAgB,OAAO,iBAAiB;GACtC,WAAW,KAAK;GAChB,gBAAgB,OAAO,YAAY;EACrC;EACA,GAAI;EAPN,UAAA,CASE,qBAAC,OAAD;GACE,aAAU;GACV,WAAW,GACT,8BACA,gBAAgB,cAAc,2BAEhC;GANF,UAAA,CAQE,oBAAC,UAAD;IACE,cAAY;IACK;IACjB,WAAW,GACT,kBACA,eACG,gBAAgB,aACb,4BACA;mDAEN,YAAY,IAEd;IAEC,UAAA,MAAM,KAAI,SACT,qBAAC,SAAD;KAEE,OAAO,KAAK;KACZ,UAAU,KAAK;KACf,WAAW,GACT,UACE,CAAC,cACD,gBAAgB,gBAChB,UACF,cAAc,YACd,YAAY,GAEd;KAZF,UAAA,CAcG,KAAK,QAAQ,QACZ,oBAAC,QAAD;MACE,aAAU;MACV,eAAY;MACZ,WAAU;MAET,UAAA,KAAK;KACF,CAAA,GAEP,KAAK,KACC;IAvBF,GAAA,KAAK,GAuBH,CACV;GACO,CAAA,GACT,SAAS,QACR,oBAAC,OAAD;IACE,aAAU;IACV,WAAW,GACT;;uDAGA,YAAY,KAEd;IACA,oBAAkB;IAEjB,UAAA;GACE,CAAA,CAEJ;EACJ,CAAA,GAAA,MAAM,KAAI,SACT,oBAAC,WAAD;GAEE,OAAO,KAAK;GACC;GACb,WAAW,YAAY;GAEtB,UAAA,KAAK;EACG,GANJ,KAAK,GAMD,CACZ,CACG;;AAEV"}

package/dist/components/molecules/upload.d.mts

@@ -1,10 +1,10 @@
 //#region src/components/molecules/upload.d.ts
-interface UploadFile {
+export interface UploadFile {
   uid: string;
   name: string;
   url: string;
 }
-interface Props {
+export interface Props {
   defaultValue?: UploadFile[];
   value?: UploadFile[];
   multiple?: boolean;
@@ -29,5 +29,5 @@ interface Props {
 }
 declare const Upload: ({ defaultValue, value: _value, multiple, accept, maxCount, disabled, className, classNames, onChange: _onChange, onReject }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, UploadFile, Upload as default };
+export { Upload as default };
 //# sourceMappingURL=upload.d.mts.map

package/dist/components/molecules/upload.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.mts","names":[],"sources":["../../../src/components/molecules/upload.tsx"],"mappings":";UAuBiB;EACf;EACA;EACA;;UAGe;EACf,eAAe;EACf,QAAQ;EACR;EACA;EACA;EACA;EACA;EACA;IACE;IACA;IACA;;EAEF,YAAY,OAAO;;;;;EAKnB,YAAY;IAAQ,MAAM;IAAM;;;cAO5B,WAAU,cAAA,OAAA,QAAA,UAAA,QAAA,UAAA,UAAA,WAAA,YAAA,UAAA,WAAA,YAWb,0BAAK,IAAA"}
+{"version":3,"file":"upload.d.mts","names":[],"sources":["../../../src/components/molecules/upload.tsx"],"mappings":";iBAuBiB;EACf;EACA;EACA;;iBAGe;EACf,eAAe;EACf,QAAQ;EACR;EACA;EACA;EACA;EACA;EACA;IACE;IACA;IACA;;EAEF,YAAY,OAAO;;;;;EAKnB,YAAY;IAAQ,MAAM;IAAM;;;cAO5B,WAAU,cAAA,OAAA,QAAA,UAAA,QAAA,UAAA,UAAA,WAAA,YAAA,UAAA,WAAA,YAWb,0BAAK,IAAA"}

package/dist/components/molecules/upload.mjs

@@ -2,9 +2,9 @@
 import { cn } from "../../utils.mjs";
 import Button from "../../Button.mjs";
 import { useId } from "react";
-import { Upload, X } from "lucide-react";
 import { useControllableState, useFileDrop, useFileToDataUrl } from "@jbpark/use-hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Upload, X } from "lucide-react";
 //#region src/components/molecules/upload.tsx
 let uidCounter = 0;
 const nextUid = () => uidCounter += 1;

package/dist/components/organisms/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;
@@ -8,7 +8,7 @@ interface Props {
   closable?: boolean;
   closeIcon?: React.ReactNode;
   direction?: 'top' | 'bottom' | 'left' | 'right';
-  size?: 'small' | 'medium' | 'large' | 'full' | string;
+  size?: 'small' | 'middle' | 'medium' | 'large' | 'full' | string;
   maskClosable?: boolean;
   handlebar?: boolean;
   rounded?: boolean;
@@ -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 };
+export { Drawer as default };
 //# sourceMappingURL=drawer.d.mts.map

package/dist/components/organisms/drawer.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.mts","names":[],"sources":["../../../src/components/organisms/drawer.tsx"],"mappings":";UA2CiB;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;;cA8CI,WAAU,MAAA,OAAA,OAAA,QAAA,UAAA,WAAA,WAAA,MAAA,cAAA,WAAA,SAAA,MAAA,WAAA,YAAA,OAAA,UAAA,WAAA,YAAA,SAoBb,0BAAK,IAAA"}
+{"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

@@ -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 { drawer_exports } from "../../core/drawer.mjs";
 import { useEffect } from "react";
-import { X } from "lucide-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();
@@ -22,6 +22,7 @@ const getMaskLessState = (doc) => {
 };
 const SIZES = {
 	small: "30%",
+	middle: "50%",
 	medium: "50%",
 	large: "75%",
 	full: "90%"
@@ -41,7 +42,7 @@ const getSizeStyles = (direction, size) => {
 		maxWidth: "100%"
 	};
 };
-const Drawer = ({ open, title, extra, footer, closable = true, closeIcon, direction = "bottom", size = "medium", maskClosable = true, handlebar = true, rounded = false, mask = true, className, classNames, style, children, container, onClose, ...props }) => {
+const Drawer = ({ open, title, extra, footer, closable = true, closeIcon, direction = "bottom", size = "middle", maskClosable = true, handlebar = true, rounded = false, mask = true, className, classNames, style, children, container, onClose, ...props }) => {
 	const { locale } = useConfig();
 	useEffect(() => {
 		if (!open || mask) return;

package/dist/components/organisms/drawer.mjs.map

@@ -1 +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' | '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  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 = 'medium',\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":"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"}
+{"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":"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"}

package/dist/components/organisms/form/context.d.mts

@@ -0,0 +1,4 @@
+//#region src/components/organisms/form/context.d.ts
+export type Layout = 'vertical' | 'horizontal';
+//#endregion
+//# sourceMappingURL=context.d.mts.map

package/dist/components/organisms/form/context.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.mts","names":[],"sources":["../../../../src/components/organisms/form/context.ts"],"mappings":";YAIY"}

package/dist/components/organisms/form/context.mjs

@@ -0,0 +1,9 @@
+"use client";
+import { createContext } from "react";
+//#region src/components/organisms/form/context.ts
+const LayoutContext = createContext("vertical");
+const RequiredContext = createContext(false);
+//#endregion
+export { LayoutContext, RequiredContext };
+
+//# sourceMappingURL=context.mjs.map

package/dist/components/organisms/form/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../../src/components/organisms/form/context.ts"],"sourcesContent":["'use client';\n\nimport { createContext } from 'react';\n\nexport type Layout = 'vertical' | 'horizontal';\n\nexport const LayoutContext = createContext<Layout>('vertical');\nexport const RequiredContext = createContext(false);\n"],"mappings":";;;AAMA,MAAa,gBAAgB,cAAsB,UAAU;AAC7D,MAAa,kBAAkB,cAAc,KAAK"}

package/dist/components/organisms/form/control.d.mts

@@ -0,0 +1,11 @@
+import { Field, form_d_exports } from "../../../core/form.mjs";
+import "../../../core/index.mjs";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/organisms/form/control.d.ts
+export interface Props extends Omit<ComponentPropsWithRef<typeof Field.Control>, 'className'> {
+  className?: string;
+}
+declare const Control: ({ required, render, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Control as default };
+//# sourceMappingURL=control.d.mts.map

package/dist/components/organisms/form/control.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.d.mts","names":["form"],"sources":["../../../../src/components/organisms/form/control.tsx"],"mappings":";;;;iBAQiB,cAAc,KAC7B,6BAAwC,MAAA;EAGxC;;cAGI,YAAW,UAAA,WAAA,SAA4C,0BAAK,IAAA"}

package/dist/components/organisms/form/control.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { Field } from "../../../core/form.mjs";
+import Input from "../../atoms/input/index.mjs";
+import { RequiredContext } from "./context.mjs";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/organisms/form/control.tsx
+const Control = ({ required, render = /* @__PURE__ */ jsx(Input, {}), ...props }) => {
+	const inheritedRequired = useContext(RequiredContext);
+	return /* @__PURE__ */ jsx(Field.Control, {
+		...props,
+		required: required ?? inheritedRequired,
+		render
+	});
+};
+//#endregion
+export { Control as default };
+
+//# sourceMappingURL=control.mjs.map

package/dist/components/organisms/form/control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.mjs","names":[],"sources":["../../../../src/components/organisms/form/control.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentPropsWithRef, useContext } from 'react';\n\nimport { form } from '../../../core';\nimport Input from '../../atoms/input';\nimport { RequiredContext } from './context';\n\nexport interface Props extends Omit<\n  ComponentPropsWithRef<typeof form.Field.Control>,\n  'className'\n> {\n  className?: string;\n}\n\nconst Control = ({ required, render = <Input />, ...props }: Props) => {\n  const inheritedRequired = useContext(RequiredContext);\n\n  return (\n    <form.Field.Control\n      {...props}\n      required={required ?? inheritedRequired}\n      render={render}\n    />\n  );\n};\n\nexport default Control;\n"],"mappings":";;;;;;;AAeA,MAAM,WAAW,EAAE,UAAU,SAAS,oBAAC,OAAD,CAAQ,CAAA,GAAG,GAAG,YAAmB;CACrE,MAAM,oBAAoB,WAAW,eAAe;CAEpD,OACE,oBAAA,MAAY,SAAZ;EACE,GAAI;EACJ,UAAU,YAAY;EACd;CACT,CAAA;AAEL"}

package/dist/components/organisms/form/field.d.mts

@@ -0,0 +1,25 @@
+import { Field as Field$1, form_d_exports } from "../../../core/form.mjs";
+import "../../../core/index.mjs";
+import { Layout } from "./context.mjs";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/organisms/form/field.d.ts
+export interface Props extends Omit<ComponentPropsWithRef<typeof Field$1.Root>, 'className' | 'render' | 'children'> {
+  label?: ReactNode;
+  description?: ReactNode;
+  error?: ReactNode;
+  children?: ReactNode;
+  required?: boolean;
+  layout?: Layout;
+  className?: string;
+  classNames?: {
+    label?: string;
+    required?: string;
+    content?: string;
+    description?: string;
+    error?: string;
+  };
+}
+declare const Field: ({ label, description, error, children, required, layout, invalid, className, classNames, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Field as default };
+//# sourceMappingURL=field.d.mts.map

package/dist/components/organisms/form/field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.mts","names":["form"],"sources":["../../../../src/components/organisms/form/field.tsx"],"mappings":";;;;;iBASiB,cAAc,KAC7B,6BAAwC,QAAA;EAGxC,QAAQ;EACR,cAAc;EACd,QAAQ;EACR,WAAW;EACX;EACA,SAAS;EACT;EACA;IACE;IACA;IACA;IACA;IACA;;;cAIE,UAAS,OAAA,aAAA,OAAA,UAAA,UAAA,QAAA,SAAA,WAAA,eAAA,SAWZ,0BAAK,IAAA"}

package/dist/components/organisms/form/field.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { cn } from "../../../utils.mjs";
+import { Field as Field$1 } from "../../../core/form.mjs";
+import { LayoutContext, RequiredContext } from "./context.mjs";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/organisms/form/field.tsx
+const Field = ({ label, description, error, children, required = false, layout, invalid, className, classNames, ...props }) => {
+	const inheritedLayout = useContext(LayoutContext);
+	const resolvedLayout = layout ?? inheritedLayout;
+	const hasError = error !== void 0 && error !== null && error !== false && error !== "";
+	return /* @__PURE__ */ jsx(RequiredContext.Provider, {
+		value: required,
+		children: /* @__PURE__ */ jsxs(Field$1.Root, {
+			...props,
+			"data-slot": "form-field",
+			invalid: invalid || hasError,
+			className: cn("grid min-w-0 gap-2", resolvedLayout === "horizontal" && `@md/form:grid-cols-[minmax(0,1fr)_minmax(0,3fr)]
+            @md/form:items-start`, className),
+			children: [label != null && /* @__PURE__ */ jsxs(Field$1.Label, {
+				"data-slot": "form-label",
+				className: cn(`flex min-w-0 items-center gap-1 text-sm font-medium
+              data-disabled:opacity-50`, resolvedLayout === "horizontal" && "@md/form:pt-2", classNames?.label),
+				children: [label, required && /* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					className: cn("text-destructive", classNames?.required),
+					children: "*"
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				"data-slot": "form-field-content",
+				className: cn("flex min-w-0 flex-col gap-1.5", classNames?.content),
+				children: [
+					children,
+					description != null && /* @__PURE__ */ jsx(Field$1.Description, {
+						"data-slot": "form-description",
+						className: cn("text-muted-foreground text-sm [overflow-wrap:anywhere]", classNames?.description),
+						children: description
+					}),
+					/* @__PURE__ */ jsx(Field$1.Error, {
+						...hasError ? { children: error } : {},
+						"data-slot": "form-error",
+						role: "alert",
+						match: hasError ? true : void 0,
+						className: cn("text-destructive text-sm [overflow-wrap:anywhere]", classNames?.error)
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+export { Field as default };
+
+//# sourceMappingURL=field.mjs.map

package/dist/components/organisms/form/field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.mjs","names":[],"sources":["../../../../src/components/organisms/form/field.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentPropsWithRef, type ReactNode, useContext } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { form } from '../../../core';\nimport { type Layout, LayoutContext, RequiredContext } from './context';\n\nexport interface Props extends Omit<\n  ComponentPropsWithRef<typeof form.Field.Root>,\n  'className' | 'render' | 'children'\n> {\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  children?: ReactNode;\n  required?: boolean;\n  layout?: Layout;\n  className?: string;\n  classNames?: {\n    label?: string;\n    required?: string;\n    content?: string;\n    description?: string;\n    error?: string;\n  };\n}\n\nconst Field = ({\n  label,\n  description,\n  error,\n  children,\n  required = false,\n  layout,\n  invalid,\n  className,\n  classNames,\n  ...props\n}: Props) => {\n  const inheritedLayout = useContext(LayoutContext);\n  const resolvedLayout = layout ?? inheritedLayout;\n  const hasError =\n    error !== undefined && error !== null && error !== false && error !== '';\n\n  return (\n    <RequiredContext.Provider value={required}>\n      <form.Field.Root\n        {...props}\n        data-slot=\"form-field\"\n        invalid={invalid || hasError}\n        className={cn(\n          'grid min-w-0 gap-2',\n          resolvedLayout === 'horizontal' &&\n            `@md/form:grid-cols-[minmax(0,1fr)_minmax(0,3fr)]\n            @md/form:items-start`,\n          className, //\n        )}\n      >\n        {label != null && (\n          <form.Field.Label\n            data-slot=\"form-label\"\n            className={cn(\n              `flex min-w-0 items-center gap-1 text-sm font-medium\n              data-disabled:opacity-50`,\n              resolvedLayout === 'horizontal' && '@md/form:pt-2',\n              classNames?.label, //\n            )}\n          >\n            {label}\n            {required && (\n              <span\n                aria-hidden=\"true\"\n                className={cn(\n                  'text-destructive',\n                  classNames?.required, //\n                )}\n              >\n                *\n              </span>\n            )}\n          </form.Field.Label>\n        )}\n        <div\n          data-slot=\"form-field-content\"\n          className={cn(\n            'flex min-w-0 flex-col gap-1.5',\n            classNames?.content, //\n          )}\n        >\n          {children}\n          {description != null && (\n            <form.Field.Description\n              data-slot=\"form-description\"\n              className={cn(\n                'text-muted-foreground text-sm [overflow-wrap:anywhere]',\n                classNames?.description, //\n              )}\n            >\n              {description}\n            </form.Field.Description>\n          )}\n          <form.Field.Error\n            {...(hasError ? { children: error } : {})}\n            data-slot=\"form-error\"\n            role=\"alert\"\n            match={hasError ? true : undefined}\n            className={cn(\n              'text-destructive text-sm [overflow-wrap:anywhere]',\n              classNames?.error, //\n            )}\n          />\n        </div>\n      </form.Field.Root>\n    </RequiredContext.Provider>\n  );\n};\n\nexport default Field;\n"],"mappings":";;;;;;;AA6BA,MAAM,SAAS,EACb,OACA,aACA,OACA,UACA,WAAW,OACX,QACA,SACA,WACA,YACA,GAAG,YACQ;CACX,MAAM,kBAAkB,WAAW,aAAa;CAChD,MAAM,iBAAiB,UAAU;CACjC,MAAM,WACJ,UAAU,KAAA,KAAa,UAAU,QAAQ,UAAU,SAAS,UAAU;CAExE,OACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;EAC/B,UAAA,qBAAA,QAAY,MAAZ;GACE,GAAI;GACJ,aAAU;GACV,SAAS,WAAW;GACpB,WAAW,GACT,sBACA,mBAAmB,gBACjB;mCAEF,SACF;GAVF,UAAA,CAYG,SAAS,QACR,qBAAA,QAAY,OAAZ;IACE,aAAU;IACV,WAAW,GACT;yCAEA,mBAAmB,gBAAgB,iBACnC,YAAY,KACd;IAPF,UAAA,CASG,OACA,YACC,oBAAC,QAAD;KACE,eAAY;KACZ,WAAW,GACT,oBACA,YAAY,QACd;KACD,UAAA;IAEK,CAAA,CAEQ;GAEpB,CAAA,GAAA,qBAAC,OAAD;IACE,aAAU;IACV,WAAW,GACT,iCACA,YAAY,OACd;IALF,UAAA;KAOG;KACA,eAAe,QACd,oBAAA,QAAY,aAAZ;MACE,aAAU;MACV,WAAW,GACT,0DACA,YAAY,WACd;MAEC,UAAA;KACqB,CAAA;KAE1B,oBAAA,QAAY,OAAZ;MACE,GAAK,WAAW,EAAE,UAAU,MAAM,IAAI,CAAC;MACvC,aAAU;MACV,MAAK;MACL,OAAO,WAAW,OAAO,KAAA;MACzB,WAAW,GACT,qDACA,YAAY,KACd;KACD,CAAA;IACE;GACU,CAAA,CAAA;;CACO,CAAA;AAE9B"}

package/dist/components/organisms/form/form.d.mts

@@ -0,0 +1,14 @@
+import { Form as Form$1, form_d_exports } from "../../../core/form.mjs";
+import "../../../core/index.mjs";
+import { Layout } from "./context.mjs";
+import { ComponentPropsWithRef } from "react";
+//#region src/components/organisms/form/form.d.ts
+type Values = Record<string, unknown>;
+export interface Props<T extends Values = Values> extends Omit<ComponentPropsWithRef<typeof Form$1<T>>, 'className' | 'render'> {
+  layout?: Layout;
+  className?: string;
+}
+declare const Form: <T extends Values = Values>({ layout, className, dir, ...props }: Props<T>) => import("react").JSX.Element;
+//#endregion
+export { Form as default };
+//# sourceMappingURL=form.d.mts.map

package/dist/components/organisms/form/form.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.mts","names":["form","form.Form"],"sources":["../../../../src/components/organisms/form/form.tsx"],"mappings":";;;;;KAUK,SAAS;iBAEG,MAAM,UAAU,SAAS,gBAAgB,KACxD,6BAA6BC,OAAU;EAGvC,SAAS;EACT;;cAGI,OAAQ,UAAU,SAAS,UAAQ,QAAA,WAAA,QAAA,SAKtC,MAAM,uBAAE,IAAA"}

package/dist/components/organisms/form/form.mjs

@@ -0,0 +1,23 @@
+"use client";
+import { cn } from "../../../utils.mjs";
+import { useConfig } from "../../../providers/config/context.mjs";
+import { Form as Form$1 } from "../../../core/form.mjs";
+import { LayoutContext } from "./context.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/organisms/form/form.tsx
+const Form = ({ layout = "vertical", className, dir, ...props }) => {
+	const { direction } = useConfig();
+	return /* @__PURE__ */ jsx(LayoutContext.Provider, {
+		value: layout,
+		children: /* @__PURE__ */ jsx(Form$1, {
+			"data-slot": "form",
+			dir: dir ?? direction,
+			className: cn("@container/form flex w-full min-w-0 flex-col gap-5", className),
+			...props
+		})
+	});
+};
+//#endregion
+export { Form as default };
+
+//# sourceMappingURL=form.mjs.map

package/dist/components/organisms/form/form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.mjs","names":["form.Form"],"sources":["../../../../src/components/organisms/form/form.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentPropsWithRef } from 'react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { form } from '../../../core';\nimport { type Layout, LayoutContext } from './context';\n\ntype Values = Record<string, unknown>;\n\nexport interface Props<T extends Values = Values> extends Omit<\n  ComponentPropsWithRef<typeof form.Form<T>>,\n  'className' | 'render'\n> {\n  layout?: Layout;\n  className?: string;\n}\n\nconst Form = <T extends Values = Values>({\n  layout = 'vertical',\n  className,\n  dir,\n  ...props\n}: Props<T>) => {\n  const { direction } = useConfig();\n\n  return (\n    <LayoutContext.Provider value={layout}>\n      <form.Form<T>\n        data-slot=\"form\"\n        dir={dir ?? direction}\n        className={cn(\n          '@container/form flex w-full min-w-0 flex-col gap-5',\n          className, //\n        )}\n        {...props}\n      />\n    </LayoutContext.Provider>\n  );\n};\n\nexport default Form;\n"],"mappings":";;;;;;;AAoBA,MAAM,QAAmC,EACvC,SAAS,YACT,WACA,KACA,GAAG,YACW;CACd,MAAM,EAAE,cAAc,UAAU;CAEhC,OACE,oBAAC,cAAc,UAAf;EAAwB,OAAO;EAC7B,UAAA,oBAACA,QAAD;GACE,aAAU;GACV,KAAK,OAAO;GACZ,WAAW,GACT,sDACA,SACF;GACA,GAAI;EACL,CAAA;CACqB,CAAA;AAE5B"}

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

@@ -1,9 +1,17 @@
-import Table, { Column, PaginationOptions, Props } from "../../Table.mjs";
-import Drawer, { Props as Props$1 } from "./drawer.mjs";
-import { Props as Props$2 } from "./list/list.mjs";
+import Calendar, { Props } from "../../Calendar.mjs";
+import { Props as Props$1 } from "./form/control.mjs";
+import { Props as Props$2 } from "./form/field.mjs";
+import { Props as Props$3 } from "./form/form.mjs";
+import Form from "../../Form.mjs";
+import Table, { Column, PaginationOptions, Props as Props$4 } from "../../Table.mjs";
+import Tour, { Props as Props$5, Step } from "../../Tour.mjs";
+import Tree, { Actions, ExpandInfo, LoadOptions, Node, Props as Props$6, ScrollOptions } from "../../Tree.mjs";
+import TreeSelect, { Props as Props$7 } from "../../TreeSelect.mjs";
+import Drawer, { Props as Props$8 } from "./drawer.mjs";
+import { Props as Props$9 } from "./list/list.mjs";
 import List from "./list/index.mjs";
-import Modal, { Props as Props$3 } from "./modal.mjs";
-import { Props as Props$4 } from "./swiper/swiper.mjs";
+import Modal, { Props as Props$10 } from "./modal.mjs";
+import { Props as Props$11 } from "./swiper/swiper.mjs";
 import Swiper from "./swiper/index.mjs";
 import Toast, { ToastOptions as StaticProps } from "./toast.mjs";
-export { Drawer, type Props$1 as DrawerProps, List, type Props$2 as ListProps, Modal, type Props$3 as ModalProps, Swiper, type Props$4 as SwiperProps, Table, type Column as TableColumn, type PaginationOptions as TablePaginationOptions, type Props as TableProps, Toast, type StaticProps as ToastOptions };
+export { Calendar, type Props as CalendarProps, Drawer, type Props$8 as DrawerProps, Form, type Props$1 as FormControlProps, type Props$2 as FormFieldProps, type Props$3 as FormProps, List, type Props$9 as ListProps, Modal, type Props$10 as ModalProps, Swiper, type Props$11 as SwiperProps, Table, type Column as TableColumn, type PaginationOptions as TablePaginationOptions, type Props$4 as TableProps, Toast, type StaticProps as ToastOptions, Tour, type Props$5 as TourProps, type Step as TourStep, Tree, type Actions as TreeActions, type ExpandInfo as TreeExpandInfo, type LoadOptions as TreeLoadOptions, type Node as TreeNode, type Props$6 as TreeProps, type ScrollOptions as TreeScrollOptions, TreeSelect, type Node as TreeSelectNode, type Props$7 as TreeSelectProps };

package/dist/components/organisms/list/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/organisms/list/index.ts"],"mappings":";;;KAGK,uBAAuB;EAAa,aAAa;;cAEhD,MAAmB"}
+{"version":3,"file":"index.d.mts","names":["ListImpl"],"sources":["../../../../src/components/organisms/list/index.ts"],"mappings":";;;KAGK,uBAAuBA;EAAa,aAAa;;cAEhD,MAAmB"}

package/dist/components/organisms/list/list.d.mts

@@ -1,7 +1,7 @@
 import Skeleton from "../../atoms/skeleton/index.mjs";
 import React from "react";
 //#region src/components/organisms/list/list.d.ts
-interface Props<T> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
+export interface Props<T> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
   loading?: boolean;
   loaderProps?: React.ComponentProps<typeof Skeleton>;
   loader?: React.ReactNode;
@@ -34,5 +34,5 @@ interface Props<T> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'>
 }
 declare const List: <T>({ loading, loaderProps, loader, header, title, titleLevel, empty, scroll, data, className, classNames, renderItem, itemKey, ...props }: Props<T>) => React.JSX.Element;
 //#endregion
-export { Props, List as default };
+export { List as default };
 //# sourceMappingURL=list.d.mts.map

package/dist/components/organisms/list/list.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.mts","names":[],"sources":["../../../../src/components/organisms/list/list.tsx"],"mappings":";;;UAWiB,MAAM,WAAW,KAChC,MAAM;EAGN;EACA,cAAc,MAAM,sBAAsB;EAC1C,SAAS,MAAM;EACf,QAAQ,MAAM;EACd;EACA,SAAS,MAAM;EACf,QAAQ,MAAM;EACd;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA,SAAS,MAAM;IACf,UAAU;;;;;;;;IAQV;;EAEF,OAAO;EACP,cAAc,MAAM,GAAG,kBAAkB,MAAM;EAC/C,WAAW,MAAM,GAAG,kBAAkB,MAAM;;cAGxC,OAAQ,KAAI,SAAA,aAAA,QAAA,QAAA,OAAA,YAAA,OAAA,QAAA,MAAA,WAAA,YAAA,YAAA,YAAA,SAef,MAAM,OAAE,MAAA,IAAA"}
+{"version":3,"file":"list.d.mts","names":[],"sources":["../../../../src/components/organisms/list/list.tsx"],"mappings":";;;iBAWiB,MAAM,WAAW,KAChC,MAAM;EAGN;EACA,cAAc,MAAM,sBAAsB;EAC1C,SAAS,MAAM;EACf,QAAQ,MAAM;EACd;EACA,SAAS,MAAM;EACf,QAAQ,MAAM;EACd;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA,SAAS,MAAM;IACf,UAAU;;;;;;;;IAQV;;EAEF,OAAO;EACP,cAAc,MAAM,GAAG,kBAAkB,MAAM;EAC/C,WAAW,MAAM,GAAG,kBAAkB,MAAM;;cAGxC,OAAQ,KAAI,SAAA,aAAA,QAAA,QAAA,OAAA,YAAA,OAAA,QAAA,MAAA,WAAA,YAAA,YAAA,YAAA,SAef,MAAM,OAAE,MAAA,IAAA"}

package/dist/components/organisms/modal.d.mts

@@ -1,6 +1,6 @@
 import React from "react";
 //#region src/components/organisms/modal.d.ts
-interface Props {
+export interface Props {
   open?: boolean;
   maskClosable?: boolean;
   closable?: boolean | {
@@ -25,6 +25,8 @@ interface Props {
   children?: React.ReactNode;
   onOk?: () => void;
   onCancel?: () => void;
+  /** Called after the opening or closing animations finish. */
+  onOpenChangeComplete?: (open: boolean) => void;
 }
 type ModalStatus = 'info' | 'success' | 'error' | 'warning';
 interface StaticProps extends Props {
@@ -40,7 +42,8 @@ interface StaticProps extends Props {
   container?: HTMLElement;
 }
 declare const Modal: {
-  ({ open, maskClosable, closable, closeIcon, className, classNames, style, title, content, footer, container, children, okText, cancelText, onOk, onCancel, ...props }: Props): React.JSX.Element | null;
+  ({ open, maskClosable, closable, closeIcon, className, classNames, style, title, content, footer, container, children, okText, cancelText, onOk, onCancel, onOpenChangeComplete, ...props }: Props): React.JSX.Element | null;
+  /** Immediately removes a modal without waiting for its closing animation. */
   destroy: (id?: string) => void;
   destroyAll(): void;
   info(props: StaticProps): string | undefined;
@@ -50,5 +53,5 @@ declare const Modal: {
   confirm(props: StaticProps): string | undefined;
 };
 //#endregion
-export { Props, Modal as default };
+export { Modal as default };
 //# sourceMappingURL=modal.d.mts.map

package/dist/components/organisms/modal.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.mts","names":[],"sources":["../../../src/components/organisms/modal.tsx"],"mappings":";;UAiCiB;EACf;EACA;EACA;IAGM,YAAY,MAAM;IAClB;;EAEN,YAAY,MAAM;EAClB,QAAQ,MAAM;EACd,UAAU,MAAM;EAChB,SAAS,MAAM;EACf;EACA;IACE;IACA;IACA;IACA;;EAEF,QAAQ,MAAM;EACd;EACA;EACA,YAAY;EACZ,WAAW,MAAM;EACjB;EACA;;KAGG;UAEK,oBAAoB;EAC5B,SAAS;;;;;;EAMT;EACA;EACA,OAAO,MAAM;EACb,YAAY;;cAGR;KAkBH,MAAA,cAAA,UAAA,WAAA,WAAA,YAAA,OAAA,OAAA,SAAA,QAAA,WAAA,UAAA,QAAA,YAAA,MAAA,aAAA,SAAA,QAAK,MAAA,IAAA;;;EAuOa,KAAA,OAAA;EAEG,QAAA,OAAA;EAEF,MAAA,OAAA;EAEE,QAAA,OAAA;EAIA,QAAA,OAAA"}
+{"version":3,"file":"modal.d.mts","names":[],"sources":["../../../src/components/organisms/modal.tsx"],"mappings":";;iBAiCiB;EACf;EACA;EACA;IAGM,YAAY,MAAM;IAClB;;EAEN,YAAY,MAAM;EAClB,QAAQ,MAAM;EACd,UAAU,MAAM;EAChB,SAAS,MAAM;EACf;EACA;IACE;IACA;IACA;IACA;;EAEF,QAAQ,MAAM;EACd;EACA;EACA,YAAY;EACZ,WAAW,MAAM;EACjB;EACA;;EAEA,wBAAwB;;KAGrB;UAEK,oBAAoB;EAC5B,SAAS;;;;;;EAMT;EACA;EACA,OAAO,MAAM;EACb,YAAY;;cAGR;KAmBH,MAAA,cAAA,UAAA,WAAA,WAAA,YAAA,OAAA,OAAA,SAAA,QAAA,WAAA,UAAA,QAAA,YAAA,MAAA,UAAA,yBAAA,SAAA,QAAK,MAAA,IAAA;;;;EA2Oa,KAAA,OAAA;EAEG,QAAA,OAAA;EAEF,MAAA,OAAA;EAEE,QAAA,OAAA;EAIA,QAAA,OAAA"}