@jbpark/ui-kit 10.2.0 → 10.4.0

package/dist/core/button.d.mts

@@ -1,9 +1,11 @@
 import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 import { Button } from "@base-ui/react/button";
-//#region src/core/button.d.ts
+declare namespace button_d_exports {
+  export { Button$1 as Button, Props, buttonVariants };
+}
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "outline" | "default" | "secondary" | "destructive" | "ghost" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
   size?: "icon" | "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type Props = Omit<React$1.ComponentProps<typeof Button>, 'className'> & VariantProps<typeof buttonVariants> & {
@@ -11,5 +13,5 @@ type Props = Omit<React$1.ComponentProps<typeof Button>, 'className'> & VariantP
 };
 declare function Button$1({ className, variant, size, ...props }: Props): React$1.JSX.Element;
 //#endregion
-export { Button$1 as Button, type Props, buttonVariants };
+export { Button$1 as Button, type Props, buttonVariants, button_d_exports };
 //# sourceMappingURL=button.d.mts.map

package/dist/core/button.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.mts","names":[],"sources":["../../src/core/button.tsx"],"mappings":";;;;cAOM,iBAAc;;;6CAgCnB;KAEI,QAAQ,KAAK,QAAM,sBAAsB,wBAC5C,oBAAoB;EAClB;;iBAGK,WACP,WACA,SACA,SACG,SACF,QAAK,QAAA,IAAA"}
+{"version":3,"file":"button.d.mts","names":["React","ButtonPrimitive","Button"],"sources":["../../src/core/button.tsx"],"mappings":";;;;;;cAOM,iBAAc;;;6CAgCnB;KAEI,QAAQ,KAAKA,QAAM,sBAAsBC,wBAC5C,oBAAoB;EAClB;;iBAGKC,WACP,WACA,SACA,SACG,SACF,QAAKF,QAAA,IAAA"}

package/dist/core/calendar.d.mts

@@ -1,3 +1,13 @@
-import "./button.mjs";
-import "react";
-import { DayPicker } from "react-day-picker";
+import { Button } from "./button.mjs";
+import * as React$1 from "react";
+import { DayButton, DayPicker } from "react-day-picker";
+declare namespace calendar_d_exports {
+  export { Calendar, CalendarDayButton };
+}
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React$1.ComponentProps<typeof Button>['variant'];
+}): React$1.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React$1.ComponentProps<typeof DayButton>): React$1.JSX.Element;
+//#endregion
+export { Calendar, CalendarDayButton, calendar_d_exports };
+//# sourceMappingURL=calendar.d.mts.map

package/dist/core/calendar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.mts","names":["React"],"sources":["../../src/core/calendar.tsx"],"mappings":";;;;;;iBAeS,WACP,WACA,YACA,iBACA,eACA,eACA,YACA,eACG,SACFA,QAAM,sBAAsB;EAC7B,gBAAgBA,QAAM,sBAAsB;IAC7CA,QAAA,IAAA;iBAmKQ,oBACP,WACA,KACA,cACG,SACFA,QAAM,sBAAsB,aAAUA,QAAA,IAAA"}

package/dist/core/calendar.mjs

@@ -2,9 +2,9 @@
 import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
 import { Button, buttonVariants } from "./button.mjs";
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
 //#region src/core/calendar.tsx
 var calendar_exports = /* @__PURE__ */ __exportAll({

package/dist/core/checkbox.mjs

@@ -1,28 +1,31 @@
 "use client";
 import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
-import { CheckIcon } from "lucide-react";
 import "react";
 import { jsx } from "react/jsx-runtime";
+import { CheckIcon, MinusIcon } from "lucide-react";
 import { Checkbox } from "@base-ui/react/checkbox";
 //#region src/core/checkbox.tsx
 var checkbox_exports = /* @__PURE__ */ __exportAll({ Checkbox: () => Checkbox$1 });
-function Checkbox$1({ className, ...props }) {
+function Checkbox$1({ className, indeterminate, ...props }) {
 	return /* @__PURE__ */ jsx(Checkbox.Root, {
 		"data-slot": "checkbox",
 		className: cn(`peer border-input dark:bg-input/30 data-checked:bg-primary
         data-checked:text-primary-foreground dark:data-checked:bg-primary
         data-checked:border-primary focus-visible:border-ring
-        focus-visible:ring-ring/50 aria-invalid:ring-destructive/20
-        dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive
-        inline-flex size-4 shrink-0 items-center justify-center rounded-[4px]
-        border shadow-xs transition-shadow outline-none focus-visible:ring-[3px]
-        data-disabled:cursor-not-allowed data-disabled:opacity-50`, className),
+        data-indeterminate:bg-primary data-indeterminate:text-primary-foreground
+        data-indeterminate:border-primary focus-visible:ring-ring/50
+        aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40
+        aria-invalid:border-destructive inline-flex size-4 shrink-0 items-center
+        justify-center rounded-[4px] border shadow-xs transition-shadow
+        outline-none focus-visible:ring-[3px] data-disabled:cursor-not-allowed
+        data-disabled:opacity-50`, className),
 		...props,
+		indeterminate,
 		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
 			"data-slot": "checkbox-indicator",
 			className: "grid place-content-center text-current transition-none",
-			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+			children: indeterminate ? /* @__PURE__ */ jsx(MinusIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
 		})
 	});
 }

package/dist/core/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","names":["Checkbox","CheckboxPrimitive"],"sources":["../../src/core/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\n// Base UI primitive with repo-owned styling; no longer vendored from shadcn.\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        `peer border-input dark:bg-input/30 data-checked:bg-primary\n        data-checked:text-primary-foreground dark:data-checked:bg-primary\n        data-checked:border-primary focus-visible:border-ring\n        focus-visible:ring-ring/50 aria-invalid:ring-destructive/20\n        dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\n        inline-flex size-4 shrink-0 items-center justify-center rounded-[4px]\n        border shadow-xs transition-shadow outline-none focus-visible:ring-[3px]\n        data-disabled:cursor-not-allowed data-disabled:opacity-50`,\n        className,\n        //\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;;AAUA,SAASA,WAAS,EAChB,WACA,GAAG,SACmD;CACtD,OACE,oBAACC,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT;;;;;;;oEAQA,SAEF;EACA,GAAI;EAEJ,UAAA,oBAACA,SAAkB,WAAnB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA;EACN,CAAA;CACP,CAAA;AAE5B"}
+{"version":3,"file":"checkbox.mjs","names":["Checkbox","CheckboxPrimitive"],"sources":["../../src/core/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { CheckIcon, MinusIcon } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\n// Base UI primitive with repo-owned styling; no longer vendored from shadcn.\nfunction Checkbox({\n  className,\n  indeterminate,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        `peer border-input dark:bg-input/30 data-checked:bg-primary\n        data-checked:text-primary-foreground dark:data-checked:bg-primary\n        data-checked:border-primary focus-visible:border-ring\n        data-indeterminate:bg-primary data-indeterminate:text-primary-foreground\n        data-indeterminate:border-primary focus-visible:ring-ring/50\n        aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40\n        aria-invalid:border-destructive inline-flex size-4 shrink-0 items-center\n        justify-center rounded-[4px] border shadow-xs transition-shadow\n        outline-none focus-visible:ring-[3px] data-disabled:cursor-not-allowed\n        data-disabled:opacity-50`,\n        className,\n        //\n      )}\n      {...props}\n      indeterminate={indeterminate}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        {indeterminate ? (\n          <MinusIcon className=\"size-3.5\" />\n        ) : (\n          <CheckIcon className=\"size-3.5\" />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;;AAUA,SAASA,WAAS,EAChB,WACA,eACA,GAAG,SACmD;CACtD,OACE,oBAACC,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT;;;;;;;;;mCAUA,SAEF;EACA,GAAI;EACW;EAEf,UAAA,oBAACA,SAAkB,WAAnB;GACE,aAAU;GACV,WAAU;GAET,UAAA,gBACC,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA,IAEjC,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA;EAER,CAAA;CACP,CAAA;AAE5B"}

package/dist/core/combobox.d.mts

@@ -1,7 +1,29 @@
-import "react";
+import * as React$1 from "react";
 import { Combobox } from "@base-ui/react/combobox";
-//#region src/core/combobox.d.ts
-type RootProps<Value, Item = Value, Multiple extends boolean | undefined = false> = Combobox.Root.Props<Value, Multiple, Item>;
+declare namespace combobox_d_exports {
+  export { Combobox$1 as Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxList, ComboboxTrigger, ComboboxValue, RootProps, createItems };
+}
+export type RootProps<Value, Item = Value, Multiple extends boolean | undefined = false> = Combobox.Root.Props<Value, Multiple, Item>;
+declare const Combobox$1: typeof Combobox.Root;
+declare const ComboboxInput: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const ComboboxInputGroup: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxInputGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ComboboxTrigger: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxTriggerProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ComboboxValue: typeof Combobox.Value;
+declare const ComboboxIcon: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteIconProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+declare const ComboboxGroup: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ComboboxGroupLabel: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ComboboxCollection: typeof Combobox.Collection;
+declare const ComboboxClear: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ComboboxChips: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ComboboxChip: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ComboboxChipRemove: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipRemoveProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const createItems: typeof Combobox.createItems;
+declare function ComboboxContent({ className, children, container, ...props }: React$1.ComponentProps<typeof Combobox.Popup> & {
+  container?: HTMLElement;
+}): React$1.JSX.Element;
+declare function ComboboxList({ className, ...props }: React$1.ComponentProps<typeof Combobox.List>): React$1.JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: React$1.ComponentProps<typeof Combobox.Item>): React$1.JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: React$1.ComponentProps<typeof Combobox.Empty>): React$1.JSX.Element;
 //#endregion
-export { RootProps };
+export { Combobox$1 as Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxList, ComboboxTrigger, ComboboxValue, combobox_d_exports, createItems };
 //# sourceMappingURL=combobox.d.mts.map

package/dist/core/combobox.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.mts","names":[],"sources":["../../src/core/combobox.tsx"],"mappings":";;;KAYY,UACV,OACA,OAAO,OACP,gDACE,SAAkB,KAAK,MAAM,OAAO,UAAU"}
+{"version":3,"file":"combobox.d.mts","names":["ComboboxPrimitive","Combobox","React"],"sources":["../../src/core/combobox.tsx"],"mappings":";;;;;YAYY,UACV,OACA,OAAO,OACP,gDACEA,SAAkB,KAAK,MAAM,OAAO,UAAU;cAE5CC,mBAAQD,SAAA;cACR,eAAaE,QAAA,0BAAA,8BAAA,iCAAAA,QAAA,cAAA;cACb,oBAAkBA,QAAA,0BAAA,8BAAA,kCAAAA,QAAA,cAAA;cAClB,iBAAeA,QAAA,0BAAA,8BAAA,+BAAAA,QAAA,cAAA;cACf,sBAAaF,SAAA;cACb,cAAYE,QAAA,0BAAA,8BAAA,gCAAAA,QAAA,cAAA;cACZ,eAAaA,QAAA,0BAAA,8BAAA,iCAAAA,QAAA,cAAA;cACb,oBAAkBA,QAAA,0BAAA,8BAAA,sCAAAA,QAAA,cAAA;cAClB,2BAAkBF,SAAA;cAClB,eAAaE,QAAA,0BAAA,8BAAA,iCAAAA,QAAA,cAAA;cACb,eAAaA,QAAA,0BAAA,8BAAA,6BAAAA,QAAA,cAAA;cACb,cAAYA,QAAA,0BAAA,8BAAA,4BAAAA,QAAA,cAAA;cACZ,oBAAkBA,QAAA,0BAAA,8BAAA,kCAAAA,QAAA,cAAA;cAClB,oBAAWF,SAAA;iBAER,kBACP,WACA,UACA,cACG,SACFE,QAAM,sBAAsBF,SAAkB;EAC/C,YAAY;IACbE,QAAA,IAAA;iBA+BQ,eACP,cACG,SACFA,QAAM,sBAAsBF,SAAkB,QAAKE,QAAA,IAAA;iBAU7C,eACP,WACA,aACG,SACFA,QAAM,sBAAsBF,SAAkB,QAAKE,QAAA,IAAA;iBAyB7C,gBACP,cACG,SACFA,QAAM,sBAAsBF,SAAkB,SAAME,QAAA,IAAA"}

package/dist/core/combobox.mjs

@@ -3,9 +3,9 @@ import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
 import { useConfig } from "../providers/config/context.mjs";
 import { OVERLAY_LAYER } from "../lib/z-layers.mjs";
-import { CheckIcon } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
 import { Combobox } from "@base-ui/react/combobox";
 //#region src/core/combobox.tsx
 var combobox_exports = /* @__PURE__ */ __exportAll({
@@ -89,7 +89,7 @@ function ComboboxItem({ className, children, ...props }) {
 function ComboboxEmpty({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Combobox.Empty, {
 		"data-slot": "combobox-empty",
-		className: cn("text-muted-foreground px-2 py-3 text-center text-sm", className),
+		className: cn("text-muted-foreground px-2 py-3 text-center text-sm empty:p-0", className),
 		...props
 	});
 }

package/dist/core/combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.mjs","names":["Combobox","ComboboxPrimitive"],"sources":["../../src/core/combobox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { CheckIcon } from 'lucide-react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\nexport type RootProps<\n  Value,\n  Item = Value,\n  Multiple extends boolean | undefined = false,\n> = ComboboxPrimitive.Root.Props<Value, Multiple, Item>;\n\nconst Combobox = ComboboxPrimitive.Root;\nconst ComboboxInput = ComboboxPrimitive.Input;\nconst ComboboxInputGroup = ComboboxPrimitive.InputGroup;\nconst ComboboxTrigger = ComboboxPrimitive.Trigger;\nconst ComboboxValue = ComboboxPrimitive.Value;\nconst ComboboxIcon = ComboboxPrimitive.Icon;\nconst ComboboxGroup = ComboboxPrimitive.Group;\nconst ComboboxGroupLabel = ComboboxPrimitive.GroupLabel;\nconst ComboboxCollection = ComboboxPrimitive.Collection;\nconst ComboboxClear = ComboboxPrimitive.Clear;\nconst ComboboxChips = ComboboxPrimitive.Chips;\nconst ComboboxChip = ComboboxPrimitive.Chip;\nconst ComboboxChipRemove = ComboboxPrimitive.ChipRemove;\nconst createItems = ComboboxPrimitive.createItems;\n\nfunction ComboboxContent({\n  className,\n  children,\n  container,\n  ...props\n}: React.ComponentProps<typeof ComboboxPrimitive.Popup> & {\n  container?: HTMLElement;\n}) {\n  const { getContainer } = useConfig();\n\n  return (\n    <ComboboxPrimitive.Portal container={container ?? getContainer()}>\n      <ComboboxPrimitive.Positioner\n        side=\"bottom\"\n        align=\"start\"\n        sideOffset={4}\n        className={cn(OVERLAY_LAYER, 'min-w-(--anchor-width)')}\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          className={cn(\n            `bg-popover text-popover-foreground max-h-(--available-height)\n            origin-(--transform-origin) overflow-hidden rounded-md border\n            shadow-md transition-[opacity,transform] duration-150\n            data-ending-style:scale-95 data-ending-style:opacity-0\n            data-starting-style:scale-95 data-starting-style:opacity-0`,\n            className,\n            //\n          )}\n          {...props}\n        >\n          {children}\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n}\n\nfunction ComboboxList({\n  className,\n  ...props\n}: React.ComponentProps<typeof ComboboxPrimitive.List>) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn('max-h-60 overflow-y-auto p-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ComboboxPrimitive.Item>) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        `data-highlighted:bg-accent data-highlighted:text-accent-foreground\n        relative flex w-full cursor-default items-center rounded-sm py-1.5 ps-2\n        pe-8 text-sm outline-hidden select-none\n        data-disabled:pointer-events-none data-disabled:opacity-50`,\n        className,\n        //\n      )}\n      {...props}\n    >\n      <ComboboxPrimitive.ItemIndicator\n        data-slot=\"combobox-item-indicator\"\n        className=\"absolute end-2 flex size-3.5 items-center justify-center\"\n      >\n        <CheckIcon className=\"size-4\" />\n      </ComboboxPrimitive.ItemIndicator>\n      {children}\n    </ComboboxPrimitive.Item>\n  );\n}\n\nfunction ComboboxEmpty({\n  className,\n  ...props\n}: React.ComponentProps<typeof ComboboxPrimitive.Empty>) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\n        'text-muted-foreground px-2 py-3 text-center text-sm',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Combobox,\n  ComboboxClear,\n  ComboboxChip,\n  ComboboxChipRemove,\n  ComboboxChips,\n  ComboboxCollection,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n  ComboboxIcon,\n  ComboboxInput,\n  ComboboxInputGroup,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  ComboboxValue,\n  createItems,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,aAAWC,SAAkB;AACnC,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,qBAAqBA,SAAkB;AAC7C,MAAM,kBAAkBA,SAAkB;AAC1C,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,eAAeA,SAAkB;AACvC,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,qBAAqBA,SAAkB;AAC7C,MAAM,qBAAqBA,SAAkB;AAC7C,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,eAAeA,SAAkB;AACvC,MAAM,qBAAqBA,SAAkB;AAC7C,MAAM,cAAcA,SAAkB;AAEtC,SAAS,gBAAgB,EACvB,WACA,UACA,WACA,GAAG,SAGF;CACD,MAAM,EAAE,iBAAiB,UAAU;CAEnC,OACE,oBAACA,SAAkB,QAAnB;EAA0B,WAAW,aAAa,aAAa;EAC7D,UAAA,oBAACA,SAAkB,YAAnB;GACE,MAAK;GACL,OAAM;GACN,YAAY;GACZ,WAAW,GAAG,eAAe,wBAAwB;GAErD,UAAA,oBAACA,SAAkB,OAAnB;IACE,aAAU;IACV,WAAW,GACT;;;;yEAKA,SAEF;IACA,GAAI;IAEH;GACsB,CAAA;EACG,CAAA;CACN,CAAA;AAE9B;AAEA,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;CACtD,OACE,oBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GAAG,gCAAgC,SAAS;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,UACA,GAAG,SACmD;CACtD,OACE,qBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT;;;qEAIA,SAEF;EACA,GAAI;EAVN,UAAA,CAYE,oBAACA,SAAkB,eAAnB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,WAAD,EAAW,WAAU,SAAU,CAAA;EACA,CAAA,GAChC,QACqB;;AAE5B;AAEA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GACT,uDACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"combobox.mjs","names":["Combobox","ComboboxPrimitive"],"sources":["../../src/core/combobox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { CheckIcon } from 'lucide-react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\nexport type RootProps<\n  Value,\n  Item = Value,\n  Multiple extends boolean | undefined = false,\n> = ComboboxPrimitive.Root.Props<Value, Multiple, Item>;\n\nconst Combobox = ComboboxPrimitive.Root;\nconst ComboboxInput = ComboboxPrimitive.Input;\nconst ComboboxInputGroup = ComboboxPrimitive.InputGroup;\nconst ComboboxTrigger = ComboboxPrimitive.Trigger;\nconst ComboboxValue = ComboboxPrimitive.Value;\nconst ComboboxIcon = ComboboxPrimitive.Icon;\nconst ComboboxGroup = ComboboxPrimitive.Group;\nconst ComboboxGroupLabel = ComboboxPrimitive.GroupLabel;\nconst ComboboxCollection = ComboboxPrimitive.Collection;\nconst ComboboxClear = ComboboxPrimitive.Clear;\nconst ComboboxChips = ComboboxPrimitive.Chips;\nconst ComboboxChip = ComboboxPrimitive.Chip;\nconst ComboboxChipRemove = ComboboxPrimitive.ChipRemove;\nconst createItems = ComboboxPrimitive.createItems;\n\nfunction ComboboxContent({\n  className,\n  children,\n  container,\n  ...props\n}: React.ComponentProps<typeof ComboboxPrimitive.Popup> & {\n  container?: HTMLElement;\n}) {\n  const { getContainer } = useConfig();\n\n  return (\n    <ComboboxPrimitive.Portal container={container ?? getContainer()}>\n      <ComboboxPrimitive.Positioner\n        side=\"bottom\"\n        align=\"start\"\n        sideOffset={4}\n        className={cn(OVERLAY_LAYER, 'min-w-(--anchor-width)')}\n      >\n        <ComboboxPrimitive.Popup\n          data-slot=\"combobox-content\"\n          className={cn(\n            `bg-popover text-popover-foreground max-h-(--available-height)\n            origin-(--transform-origin) overflow-hidden rounded-md border\n            shadow-md transition-[opacity,transform] duration-150\n            data-ending-style:scale-95 data-ending-style:opacity-0\n            data-starting-style:scale-95 data-starting-style:opacity-0`,\n            className,\n            //\n          )}\n          {...props}\n        >\n          {children}\n        </ComboboxPrimitive.Popup>\n      </ComboboxPrimitive.Positioner>\n    </ComboboxPrimitive.Portal>\n  );\n}\n\nfunction ComboboxList({\n  className,\n  ...props\n}: React.ComponentProps<typeof ComboboxPrimitive.List>) {\n  return (\n    <ComboboxPrimitive.List\n      data-slot=\"combobox-list\"\n      className={cn('max-h-60 overflow-y-auto p-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ComboboxPrimitive.Item>) {\n  return (\n    <ComboboxPrimitive.Item\n      data-slot=\"combobox-item\"\n      className={cn(\n        `data-highlighted:bg-accent data-highlighted:text-accent-foreground\n        relative flex w-full cursor-default items-center rounded-sm py-1.5 ps-2\n        pe-8 text-sm outline-hidden select-none\n        data-disabled:pointer-events-none data-disabled:opacity-50`,\n        className,\n        //\n      )}\n      {...props}\n    >\n      <ComboboxPrimitive.ItemIndicator\n        data-slot=\"combobox-item-indicator\"\n        className=\"absolute end-2 flex size-3.5 items-center justify-center\"\n      >\n        <CheckIcon className=\"size-4\" />\n      </ComboboxPrimitive.ItemIndicator>\n      {children}\n    </ComboboxPrimitive.Item>\n  );\n}\n\nfunction ComboboxEmpty({\n  className,\n  ...props\n}: React.ComponentProps<typeof ComboboxPrimitive.Empty>) {\n  return (\n    <ComboboxPrimitive.Empty\n      data-slot=\"combobox-empty\"\n      className={cn(\n        'text-muted-foreground px-2 py-3 text-center text-sm empty:p-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Combobox,\n  ComboboxClear,\n  ComboboxChip,\n  ComboboxChipRemove,\n  ComboboxChips,\n  ComboboxCollection,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n  ComboboxIcon,\n  ComboboxInput,\n  ComboboxInputGroup,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  ComboboxValue,\n  createItems,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,aAAWC,SAAkB;AACnC,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,qBAAqBA,SAAkB;AAC7C,MAAM,kBAAkBA,SAAkB;AAC1C,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,eAAeA,SAAkB;AACvC,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,qBAAqBA,SAAkB;AAC7C,MAAM,qBAAqBA,SAAkB;AAC7C,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,gBAAgBA,SAAkB;AACxC,MAAM,eAAeA,SAAkB;AACvC,MAAM,qBAAqBA,SAAkB;AAC7C,MAAM,cAAcA,SAAkB;AAEtC,SAAS,gBAAgB,EACvB,WACA,UACA,WACA,GAAG,SAGF;CACD,MAAM,EAAE,iBAAiB,UAAU;CAEnC,OACE,oBAACA,SAAkB,QAAnB;EAA0B,WAAW,aAAa,aAAa;EAC7D,UAAA,oBAACA,SAAkB,YAAnB;GACE,MAAK;GACL,OAAM;GACN,YAAY;GACZ,WAAW,GAAG,eAAe,wBAAwB;GAErD,UAAA,oBAACA,SAAkB,OAAnB;IACE,aAAU;IACV,WAAW,GACT;;;;yEAKA,SAEF;IACA,GAAI;IAEH;GACsB,CAAA;EACG,CAAA;CACN,CAAA;AAE9B;AAEA,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;CACtD,OACE,oBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GAAG,gCAAgC,SAAS;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,UACA,GAAG,SACmD;CACtD,OACE,qBAACA,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT;;;qEAIA,SAEF;EACA,GAAI;EAVN,UAAA,CAYE,oBAACA,SAAkB,eAAnB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,WAAD,EAAW,WAAU,SAAU,CAAA;EACA,CAAA,GAChC,QACqB;;AAE5B;AAEA,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;CACvD,OACE,oBAACA,SAAkB,OAAnB;EACE,aAAU;EACV,WAAW,GACT,iEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/core/dialog.mjs

@@ -4,9 +4,9 @@ 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 { XIcon } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
 import { Dialog } from "@base-ui/react/dialog";
 //#region src/core/dialog.tsx
 var dialog_exports = /* @__PURE__ */ __exportAll({
@@ -68,7 +68,7 @@ function DialogContent({ className, children, classNames, closeIcon: _closeIcon,
 			"data-slot": "dialog-content",
 			className: cn(`bg-background fixed top-[50%] left-[50%] grid w-full
           max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4
-          rounded-lg border p-6 shadow-lg transition-[opacity,transform]
+          rounded-lg border p-6 shadow-lg transition-[opacity,transform,scale]
           duration-200 outline-none data-ending-style:scale-95
           data-ending-style:opacity-0 data-starting-style:scale-95
           data-starting-style:opacity-0 sm:max-w-lg`, OVERLAY_LAYER, className),

package/dist/core/dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.mjs","names":["Dialog","DialogPrimitive"],"sources":["../../src/core/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../components/atoms/button';\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\n/*\n * Base UI primitives with repo-owned styling; no longer vendored from shadcn.\n *\n * Notes on the Radix → Base UI shape change:\n * - Radix's `Dialog.Overlay` becomes Base UI's `Dialog.Backdrop`, and\n *   `Dialog.Content` becomes `Dialog.Popup`.\n * - Open/close styling moves from Radix's `data-[state=open|closed]:animate-*`\n *   (inert here — this package never defined those keyframes) to Base UI's\n *   `data-starting-style`/`data-ending-style` transition hooks, which are plain\n *   Tailwind transitions and actually animate.\n * - Pointer-outside dismissal (antd's `maskClosable`) is a *root*-level concern\n *   in Base UI (`disablePointerDismissal`), not a Content event. See\n *   `organisms/modal`.\n *\n * Deviations from the shadcn Base UI styles this file was seeded from (#375;\n * there is no upstream to track any more):\n * - `OVERLAY_LAYER` (src/lib/z-layers.ts) replaces the seed's `z-50` on the\n *   backdrop and popup — this package is published and can't own the app's\n *   z-index scale (#359, re-evaluated in #411).\n * - `DialogContent` takes a `container` prop (default `useConfig().getContainer()`)\n *   passed to the portal, so portalled content stays inside the themed wrapper.\n * - `DialogContent` exposes `closable`/`closeIcon`/`classNames.mask` instead of\n *   the seed's `showCloseButton`.\n * - `DialogFooter`'s close button uses this library's Button vocabulary.\n */\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Backdrop>) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        `fixed inset-0 bg-black/50 transition-opacity duration-200\n        data-ending-style:opacity-0 data-starting-style:opacity-0`,\n        OVERLAY_LAYER,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface CustomContentProps {\n  classNames?: Record<string, string>;\n  closeIcon?: React.ReactNode;\n  closable?: boolean | { disabled?: boolean };\n  container?: HTMLElement;\n}\n\nfunction DialogContent({\n  className,\n  children,\n  classNames,\n  closeIcon: _closeIcon,\n  closable,\n  container,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Popup> & CustomContentProps) {\n  const { getContainer } = useConfig();\n  const resolvedContainer = container ?? getContainer();\n\n  const closeIcon = (\n    <DialogPrimitive.Close\n      data-slot=\"dialog-close\"\n      className=\"ring-offset-background focus:ring-ring data-open:bg-accent\n        data-open:text-muted-foreground absolute top-4 right-4 rounded-xs\n        opacity-70 transition-opacity hover:opacity-100 focus:ring-2\n        focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\n        [&_svg]:pointer-events-none [&_svg]:shrink-0\n        [&_svg:not([class*='size-'])]:size-4\"\n      disabled={typeof closable === 'object' && closable.disabled}\n    >\n      {_closeIcon || <XIcon />}\n      <span className=\"sr-only\">Close</span>\n    </DialogPrimitive.Close>\n  );\n\n  return (\n    <DialogPortal container={resolvedContainer}>\n      <DialogOverlay className={cn(classNames?.mask)} />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={cn(\n          `bg-background fixed top-[50%] left-[50%] grid w-full\n          max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4\n          rounded-lg border p-6 shadow-lg transition-[opacity,transform]\n          duration-200 outline-none data-ending-style:scale-95\n          data-ending-style:opacity-0 data-starting-style:scale-95\n          data-starting-style:opacity-0 sm:max-w-lg`,\n          OVERLAY_LAYER,\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {closable && closeIcon}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close\n          render={<Button variant=\"outlined\">Close</Button>}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-lg leading-none font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAASA,SAAO,EACd,GAAG,SACiD;CACpD,OAAO,oBAACC,OAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,cAAc,EACrB,GAAG,SACoD;CACvD,OAAO,oBAACA,OAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,aAAa,EACpB,GAAG,SACmD;CACtD,OAAO,oBAACA,OAAgB,QAAjB,EAAwB,GAAI,MAAQ,CAAA;AAC7C;AAEA,SAAS,YAAY,EACnB,GAAG,SACkD;CACrD,OAAO,oBAACA,OAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,cAAc,EACrB,WACA,GAAG,SACqD;CACxD,OACE,oBAACA,OAAgB,UAAjB;EACE,aAAU;EACV,WAAW,GACT;oEAEA,eACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AASA,SAAS,cAAc,EACrB,WACA,UACA,YACA,WAAW,YACX,UACA,WACA,GAAG,SACuE;CAC1E,MAAM,EAAE,iBAAiB,UAAU;CACnC,MAAM,oBAAoB,aAAa,aAAa;CAEpD,MAAM,YACJ,qBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAU;EAMV,UAAU,OAAO,aAAa,YAAY,SAAS;EARrD,UAAA,CAUG,cAAc,oBAAC,OAAD,CAAQ,CAAA,GACvB,oBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAW,CAAA,CAChB;;CAGzB,OACE,qBAAC,cAAD;EAAc,WAAW;EAAzB,UAAA,CACE,oBAAC,eAAD,EAAe,WAAW,GAAG,YAAY,IAAI,EAAI,CAAA,GACjD,qBAACA,OAAgB,OAAjB;GACE,aAAU;GACV,WAAW,GACT;;;;;sDAMA,eACA,SACF;GACA,GAAI;GAZN,UAAA,CAcG,UACA,YAAY,SACQ;EACX,CAAA,CAAA;;AAElB;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,gDAAgD,SAAS;EACvE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,kBAAkB,OAClB,UACA,GAAG,SAGF;CACD,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,0DACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACA,mBACC,oBAACA,OAAgB,OAAjB,EACE,QAAQ,oBAAC,QAAD;GAAQ,SAAQ;GAAW,UAAA;EAAa,CAAA,EACjD,CAAA,CAEA;;AAET;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;CACrD,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,OAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"dialog.mjs","names":["Dialog","DialogPrimitive"],"sources":["../../src/core/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../components/atoms/button';\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\n/*\n * Base UI primitives with repo-owned styling; no longer vendored from shadcn.\n *\n * Notes on the Radix → Base UI shape change:\n * - Radix's `Dialog.Overlay` becomes Base UI's `Dialog.Backdrop`, and\n *   `Dialog.Content` becomes `Dialog.Popup`.\n * - Open/close styling moves from Radix's `data-[state=open|closed]:animate-*`\n *   (inert here — this package never defined those keyframes) to Base UI's\n *   `data-starting-style`/`data-ending-style` transition hooks, which are plain\n *   Tailwind transitions and actually animate.\n * - Pointer-outside dismissal (antd's `maskClosable`) is a *root*-level concern\n *   in Base UI (`disablePointerDismissal`), not a Content event. See\n *   `organisms/modal`.\n *\n * Deviations from the shadcn Base UI styles this file was seeded from (#375;\n * there is no upstream to track any more):\n * - `OVERLAY_LAYER` (src/lib/z-layers.ts) replaces the seed's `z-50` on the\n *   backdrop and popup — this package is published and can't own the app's\n *   z-index scale (#359, re-evaluated in #411).\n * - `DialogContent` takes a `container` prop (default `useConfig().getContainer()`)\n *   passed to the portal, so portalled content stays inside the themed wrapper.\n * - `DialogContent` exposes `closable`/`closeIcon`/`classNames.mask` instead of\n *   the seed's `showCloseButton`.\n * - `DialogFooter`'s close button uses this library's Button vocabulary.\n */\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Backdrop>) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        `fixed inset-0 bg-black/50 transition-opacity duration-200\n        data-ending-style:opacity-0 data-starting-style:opacity-0`,\n        OVERLAY_LAYER,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ninterface CustomContentProps {\n  classNames?: Record<string, string>;\n  closeIcon?: React.ReactNode;\n  closable?: boolean | { disabled?: boolean };\n  container?: HTMLElement;\n}\n\nfunction DialogContent({\n  className,\n  children,\n  classNames,\n  closeIcon: _closeIcon,\n  closable,\n  container,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Popup> & CustomContentProps) {\n  const { getContainer } = useConfig();\n  const resolvedContainer = container ?? getContainer();\n\n  const closeIcon = (\n    <DialogPrimitive.Close\n      data-slot=\"dialog-close\"\n      className=\"ring-offset-background focus:ring-ring data-open:bg-accent\n        data-open:text-muted-foreground absolute top-4 right-4 rounded-xs\n        opacity-70 transition-opacity hover:opacity-100 focus:ring-2\n        focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\n        [&_svg]:pointer-events-none [&_svg]:shrink-0\n        [&_svg:not([class*='size-'])]:size-4\"\n      disabled={typeof closable === 'object' && closable.disabled}\n    >\n      {_closeIcon || <XIcon />}\n      <span className=\"sr-only\">Close</span>\n    </DialogPrimitive.Close>\n  );\n\n  return (\n    <DialogPortal container={resolvedContainer}>\n      <DialogOverlay className={cn(classNames?.mask)} />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={cn(\n          `bg-background fixed top-[50%] left-[50%] grid w-full\n          max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4\n          rounded-lg border p-6 shadow-lg transition-[opacity,transform,scale]\n          duration-200 outline-none data-ending-style:scale-95\n          data-ending-style:opacity-0 data-starting-style:scale-95\n          data-starting-style:opacity-0 sm:max-w-lg`,\n          OVERLAY_LAYER,\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {closable && closeIcon}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close\n          render={<Button variant=\"outlined\">Close</Button>}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-lg leading-none font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAASA,SAAO,EACd,GAAG,SACiD;CACpD,OAAO,oBAACC,OAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,cAAc,EACrB,GAAG,SACoD;CACvD,OAAO,oBAACA,OAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,aAAa,EACpB,GAAG,SACmD;CACtD,OAAO,oBAACA,OAAgB,QAAjB,EAAwB,GAAI,MAAQ,CAAA;AAC7C;AAEA,SAAS,YAAY,EACnB,GAAG,SACkD;CACrD,OAAO,oBAACA,OAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,cAAc,EACrB,WACA,GAAG,SACqD;CACxD,OACE,oBAACA,OAAgB,UAAjB;EACE,aAAU;EACV,WAAW,GACT;oEAEA,eACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AASA,SAAS,cAAc,EACrB,WACA,UACA,YACA,WAAW,YACX,UACA,WACA,GAAG,SACuE;CAC1E,MAAM,EAAE,iBAAiB,UAAU;CACnC,MAAM,oBAAoB,aAAa,aAAa;CAEpD,MAAM,YACJ,qBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAU;EAMV,UAAU,OAAO,aAAa,YAAY,SAAS;EARrD,UAAA,CAUG,cAAc,oBAAC,OAAD,CAAQ,CAAA,GACvB,oBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAW,CAAA,CAChB;;CAGzB,OACE,qBAAC,cAAD;EAAc,WAAW;EAAzB,UAAA,CACE,oBAAC,eAAD,EAAe,WAAW,GAAG,YAAY,IAAI,EAAI,CAAA,GACjD,qBAACA,OAAgB,OAAjB;GACE,aAAU;GACV,WAAW,GACT;;;;;sDAMA,eACA,SACF;GACA,GAAI;GAZN,UAAA,CAcG,UACA,YAAY,SACQ;EACX,CAAA,CAAA;;AAElB;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,gDAAgD,SAAS;EACvE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,kBAAkB,OAClB,UACA,GAAG,SAGF;CACD,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,0DACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACA,mBACC,oBAACA,OAAgB,OAAjB,EACE,QAAQ,oBAAC,QAAD;GAAQ,SAAQ;GAAW,UAAA;EAAa,CAAA,EACjD,CAAA,CAEA;;AAET;AAEA,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;CACrD,OACE,oBAACA,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,OAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL"}

package/dist/core/form.d.mts

@@ -0,0 +1,8 @@
+import { Form } from "@base-ui/react/form";
+import { Field } from "@base-ui/react/field";
+declare namespace form_d_exports {
+  export { Field, Form };
+}
+//#endregion
+export { Field, Form, form_d_exports };
+//# sourceMappingURL=form.d.mts.map

package/dist/core/form.d.mts.map

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

package/dist/core/form.mjs

@@ -0,0 +1,3 @@
+import { Form } from "@base-ui/react/form";
+import { Field } from "@base-ui/react/field";
+export { Field, Form };

package/dist/core/index.d.mts

@@ -1,9 +1,9 @@
 import "./accordion.mjs";
-import "./badge.mjs";
-import "./button.mjs";
-import "./calendar.mjs";
+import { badge_d_exports } from "./badge.mjs";
+import { button_d_exports } from "./button.mjs";
+import { calendar_d_exports } from "./calendar.mjs";
 import "./checkbox.mjs";
-import "./combobox.mjs";
+import { combobox_d_exports } from "./combobox.mjs";
 import "./dialog.mjs";
 import "./drawer.mjs";
 import "./label.mjs";
@@ -12,11 +12,15 @@ import "./input.mjs";
 import "./popover.mjs";
 import "./progress.mjs";
 import "./radio-group.mjs";
-import "./resizable.mjs";
-import "./select.mjs";
-import "./separator.mjs";
+import { resizable_d_exports } from "./resizable.mjs";
+import "./scroll-area.mjs";
+import { select_d_exports } from "./select.mjs";
+import { separator_d_exports } from "./separator.mjs";
 import "./slider.mjs";
 import "./switch.mjs";
-import "./tabs.mjs";
+import { tabs_d_exports } from "./tabs.mjs";
 import "./textarea.mjs";
-import "./tooltip.mjs";
+import "./tooltip.mjs";
+import "./autocomplete.mjs";
+import { form_d_exports } from "./form.mjs";
+export { badge_d_exports as badge, button_d_exports as button, calendar_d_exports as calendar, combobox_d_exports as combobox, form_d_exports as form, resizable_d_exports as resizable, select_d_exports as select, separator_d_exports as separator, tabs_d_exports as tabs };

package/dist/core/popover.mjs

@@ -10,15 +10,21 @@ import { Popover } from "@base-ui/react/popover";
 var popover_exports = /* @__PURE__ */ __exportAll({
 	Popover: () => Popover$1,
 	PopoverArrow: () => PopoverArrow,
+	PopoverBackdrop: () => PopoverBackdrop,
+	PopoverClose: () => PopoverClose,
 	PopoverContent: () => PopoverContent,
 	PopoverDescription: () => PopoverDescription,
 	PopoverHeader: () => PopoverHeader,
+	PopoverPortal: () => PopoverPortal,
 	PopoverTitle: () => PopoverTitle,
 	PopoverTrigger: () => PopoverTrigger
 });
 const Popover$1 = Popover.Root;
 const PopoverTrigger = Popover.Trigger;
-function PopoverContent({ className, align = "center", side = "bottom", sideOffset = 4, container, ...props }) {
+const PopoverPortal = Popover.Portal;
+const PopoverBackdrop = Popover.Backdrop;
+const PopoverClose = Popover.Close;
+function PopoverContent({ className, align = "center", side = "bottom", sideOffset = 4, container, anchor, positionerStyle, ...props }) {
 	const { getContainer } = useConfig();
 	return /* @__PURE__ */ jsx(Popover.Portal, {
 		container: container ?? getContainer(),
@@ -27,6 +33,8 @@ function PopoverContent({ className, align = "center", side = "bottom", sideOffs
 			align,
 			sideOffset,
 			arrowPadding: 16,
+			anchor,
+			style: positionerStyle,
 			className: OVERLAY_LAYER,
 			children: /* @__PURE__ */ jsx(Popover.Popup, {
 				"data-slot": "popover-content",
@@ -82,6 +90,6 @@ function PopoverDescription({ className, ...props }) {
 	});
 }
 //#endregion
-export { Popover$1 as Popover, PopoverArrow, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, popover_exports };
+export { Popover$1 as Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverTitle, PopoverTrigger, popover_exports };
 
 //# sourceMappingURL=popover.mjs.map

package/dist/core/popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.mjs","names":["Popover","PopoverPrimitive"],"sources":["../../src/core/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\n// Base UI primitives with repo-owned styling; no longer vendored from shadcn.\nconst Popover = PopoverPrimitive.Root;\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  side = 'bottom',\n  sideOffset = 4,\n  container,\n  ...props\n}: Omit<React.ComponentProps<typeof PopoverPrimitive.Popup>, 'className'> & {\n  className?: string;\n  align?: PopoverPrimitive.Positioner.Props['align'];\n  side?: PopoverPrimitive.Positioner.Props['side'];\n  sideOffset?: number;\n  container?: HTMLElement;\n}) {\n  const { getContainer } = useConfig();\n\n  return (\n    <PopoverPrimitive.Portal container={container ?? getContainer()}>\n      <PopoverPrimitive.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        arrowPadding={16}\n        className={OVERLAY_LAYER}\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            `bg-popover text-popover-foreground w-72 origin-(--transform-origin)\n            rounded-md border p-4 shadow-md outline-hidden\n            transition-[opacity,transform] duration-150\n            data-ending-style:scale-95 data-ending-style:opacity-0\n            data-starting-style:scale-95 data-starting-style:opacity-0`,\n            className,\n            //\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverArrow() {\n  return (\n    <PopoverPrimitive.Arrow\n      data-slot=\"popover-arrow\"\n      className=\"data-[side=bottom]:-top-2 data-[side=left]:-right-[13px]\n        data-[side=left]:rotate-90 data-[side=right]:-left-[13px]\n        data-[side=right]:-rotate-90 data-[side=top]:-bottom-2\n        data-[side=top]:rotate-180\"\n    >\n      {/* `block` keeps the arrow box exactly as tall as the SVG. Left inline,\n          the SVG sits on a text baseline and the wrapper inherits the popup's\n          line-height instead (26px, not 9px), which pushes the triangle down\n          inside the popup and rotates it about the wrong centre. */}\n      <svg\n        className=\"block\"\n        width=\"18\"\n        height=\"9\"\n        viewBox=\"0 0 18 9\"\n        fill=\"none\"\n      >\n        <path d=\"M0 9 9 0 18 9\" className=\"fill-border\" />\n        <path d=\"M1 9 9 1 17 9\" className=\"fill-popover\" />\n      </svg>\n    </PopoverPrimitive.Arrow>\n  );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn('flex flex-col gap-1 text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTitle({\n  className,\n  ...props\n}: Omit<React.ComponentProps<typeof PopoverPrimitive.Title>, 'className'> & {\n  className?: string;\n}) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn('font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: React.ComponentProps<'p'>) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn('text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverArrow,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverDescription,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAMA,YAAUC,QAAiB;AACjC,MAAM,iBAAiBA,QAAiB;AAExC,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,OAAO,UACP,aAAa,GACb,WACA,GAAG,SAOF;CACD,MAAM,EAAE,iBAAiB,UAAU;CAEnC,OACE,oBAACA,QAAiB,QAAlB;EAAyB,WAAW,aAAa,aAAa;EAC5D,UAAA,oBAACA,QAAiB,YAAlB;GACQ;GACC;GACK;GACZ,cAAc;GACd,WAAW;GAEX,UAAA,oBAACA,QAAiB,OAAlB;IACE,aAAU;IACV,WAAW,GACT;;;;yEAKA,SAEF;IACA,GAAI;GACL,CAAA;EAC0B,CAAA;CACN,CAAA;AAE7B;AAEA,SAAS,eAAe;CACtB,OACE,oBAACA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAU;EASV,UAAA,qBAAC,OAAD;GACE,WAAU;GACV,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GALP,UAAA,CAOE,oBAAC,QAAD;IAAM,GAAE;IAAgB,WAAU;GAAe,CAAA,GACjD,oBAAC,QAAD;IAAM,GAAE;IAAgB,WAAU;GAAgB,CAAA,CAC/C;;CACiB,CAAA;AAE5B;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,GAAG,SAGF;CACD,OACE,oBAACA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyB;CAC5B,OACE,oBAACA,QAAiB,aAAlB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,SAAS;EAChD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"popover.mjs","names":["Popover","PopoverPrimitive"],"sources":["../../src/core/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { OVERLAY_LAYER } from '../lib/z-layers';\n\n// Base UI primitives with repo-owned styling; no longer vendored from shadcn.\nconst Popover = PopoverPrimitive.Root;\nconst PopoverTrigger = PopoverPrimitive.Trigger;\nconst PopoverPortal = PopoverPrimitive.Portal;\nconst PopoverBackdrop = PopoverPrimitive.Backdrop;\nconst PopoverClose = PopoverPrimitive.Close;\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  side = 'bottom',\n  sideOffset = 4,\n  container,\n  anchor,\n  positionerStyle,\n  ...props\n}: Omit<React.ComponentProps<typeof PopoverPrimitive.Popup>, 'className'> & {\n  className?: string;\n  align?: PopoverPrimitive.Positioner.Props['align'];\n  side?: PopoverPrimitive.Positioner.Props['side'];\n  sideOffset?: number;\n  container?: HTMLElement;\n  anchor?: PopoverPrimitive.Positioner.Props['anchor'];\n  positionerStyle?: React.CSSProperties;\n}) {\n  const { getContainer } = useConfig();\n\n  return (\n    <PopoverPrimitive.Portal container={container ?? getContainer()}>\n      <PopoverPrimitive.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        arrowPadding={16}\n        anchor={anchor}\n        style={positionerStyle}\n        className={OVERLAY_LAYER}\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            `bg-popover text-popover-foreground w-72 origin-(--transform-origin)\n            rounded-md border p-4 shadow-md outline-hidden\n            transition-[opacity,transform] duration-150\n            data-ending-style:scale-95 data-ending-style:opacity-0\n            data-starting-style:scale-95 data-starting-style:opacity-0`,\n            className,\n            //\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverArrow() {\n  return (\n    <PopoverPrimitive.Arrow\n      data-slot=\"popover-arrow\"\n      className=\"data-[side=bottom]:-top-2 data-[side=left]:-right-[13px]\n        data-[side=left]:rotate-90 data-[side=right]:-left-[13px]\n        data-[side=right]:-rotate-90 data-[side=top]:-bottom-2\n        data-[side=top]:rotate-180\"\n    >\n      {/* `block` keeps the arrow box exactly as tall as the SVG. Left inline,\n          the SVG sits on a text baseline and the wrapper inherits the popup's\n          line-height instead (26px, not 9px), which pushes the triangle down\n          inside the popup and rotates it about the wrong centre. */}\n      <svg\n        className=\"block\"\n        width=\"18\"\n        height=\"9\"\n        viewBox=\"0 0 18 9\"\n        fill=\"none\"\n      >\n        <path d=\"M0 9 9 0 18 9\" className=\"fill-border\" />\n        <path d=\"M1 9 9 1 17 9\" className=\"fill-popover\" />\n      </svg>\n    </PopoverPrimitive.Arrow>\n  );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn('flex flex-col gap-1 text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverTitle({\n  className,\n  ...props\n}: Omit<React.ComponentProps<typeof PopoverPrimitive.Title>, 'className'> & {\n  className?: string;\n}) {\n  return (\n    <PopoverPrimitive.Title\n      data-slot=\"popover-title\"\n      className={cn('font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PopoverDescription({\n  className,\n  ...props\n}: React.ComponentProps<'p'>) {\n  return (\n    <PopoverPrimitive.Description\n      data-slot=\"popover-description\"\n      className={cn('text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverPortal,\n  PopoverBackdrop,\n  PopoverClose,\n  PopoverContent,\n  PopoverArrow,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverDescription,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,YAAUC,QAAiB;AACjC,MAAM,iBAAiBA,QAAiB;AACxC,MAAM,gBAAgBA,QAAiB;AACvC,MAAM,kBAAkBA,QAAiB;AACzC,MAAM,eAAeA,QAAiB;AAEtC,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,OAAO,UACP,aAAa,GACb,WACA,QACA,iBACA,GAAG,SASF;CACD,MAAM,EAAE,iBAAiB,UAAU;CAEnC,OACE,oBAACA,QAAiB,QAAlB;EAAyB,WAAW,aAAa,aAAa;EAC5D,UAAA,oBAACA,QAAiB,YAAlB;GACQ;GACC;GACK;GACZ,cAAc;GACN;GACR,OAAO;GACP,WAAW;GAEX,UAAA,oBAACA,QAAiB,OAAlB;IACE,aAAU;IACV,WAAW,GACT;;;;yEAKA,SAEF;IACA,GAAI;GACL,CAAA;EAC0B,CAAA;CACN,CAAA;AAE7B;AAEA,SAAS,eAAe;CACtB,OACE,oBAACA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAU;EASV,UAAA,qBAAC,OAAD;GACE,WAAU;GACV,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GALP,UAAA,CAOE,oBAAC,QAAD;IAAM,GAAE;IAAgB,WAAU;GAAe,CAAA,GACjD,oBAAC,QAAD;IAAM,GAAE;IAAgB,WAAU;GAAgB,CAAA,CAC/C;;CACiB,CAAA;AAE5B;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EACpB,WACA,GAAG,SAGF;CACD,OACE,oBAACA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyB;CAC5B,OACE,oBAACA,QAAiB,aAAlB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,SAAS;EAChD,GAAI;CACL,CAAA;AAEL"}

package/dist/core/radio-group.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
-import { CircleIcon } from "lucide-react";
 import "react";
 import { jsx } from "react/jsx-runtime";
+import { CircleIcon } from "lucide-react";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
 //#region src/core/radio-group.tsx

package/dist/core/resizable.d.mts

@@ -1,7 +1,12 @@
 import * as ResizablePrimitive from "react-resizable-panels";
-//#region src/core/resizable.d.ts
+declare namespace resizable_d_exports {
+  export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+}
 declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): import("react").JSX.Element;
 declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): import("react").JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
+  withHandle?: boolean;
+}): import("react").JSX.Element;
 //#endregion
-export { ResizablePanel, ResizablePanelGroup };
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, resizable_d_exports };
 //# sourceMappingURL=resizable.d.mts.map

package/dist/core/resizable.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.mts","names":[],"sources":["../../src/core/resizable.tsx"],"mappings":";;iBAQS,sBACP,cACG,SACF,mBAAmB,6BAAU,IAAA;iBAavB,oBAAoB,SAAS,mBAAmB,6BAAU,IAAA"}
+{"version":3,"file":"resizable.d.mts","names":[],"sources":["../../src/core/resizable.tsx"],"mappings":";;;;iBAQS,sBACP,cACG,SACF,mBAAmB,6BAAU,IAAA;iBAavB,oBAAoB,SAAS,mBAAmB,6BAAU,IAAA;iBAI1D,kBACP,YACA,cACG,SACF,mBAAmB;EACpB;oBACD,IAAA"}

package/dist/core/resizable.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
-import { GripVerticalIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
+import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
 //#region src/core/resizable.tsx
 var resizable_exports = /* @__PURE__ */ __exportAll({

package/dist/core/scroll-area.d.mts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/core/scroll-area.d.ts
+export interface Props extends ComponentPropsWithRef<'div'> {
+  /** Scrollable axes. Defaults to vertical; bound the root's size on each enabled axis. */
+  orientation?: 'vertical' | 'horizontal' | 'both';
+  /** Accessible region name for the viewport. */
+  label?: string;
+  /** Native viewport props, including its ref and onScroll. Overrides viewport defaults. */
+  viewportProps?: Omit<ComponentPropsWithRef<'div'>, 'children' | 'className'>;
+  /** Internal styling slots. Scrollbar and thumb classes apply to both axes. */
+  classNames?: {
+    viewport?: string;
+    content?: string;
+    scrollbar?: string;
+    thumb?: string;
+    corner?: string;
+  };
+}
+//#endregion
+//# sourceMappingURL=scroll-area.d.mts.map

package/dist/core/scroll-area.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.mts","names":[],"sources":["../../src/core/scroll-area.tsx"],"mappings":";;iBAQiB,cAAc;;EAE7B;;EAEA;;EAEA,gBAAgB,KAAK;;EAErB;IACE;IACA;IACA;IACA;IACA"}

package/dist/core/scroll-area.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { cn } from "../utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/core/scroll-area.tsx
+function ScrollArea$1({ orientation = "vertical", label, viewportProps, className, classNames, children, ...props }) {
+	const hasVertical = orientation !== "horizontal";
+	const hasHorizontal = orientation !== "vertical";
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		"data-slot": "scroll-area",
+		className: cn("relative isolate overflow-hidden", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				role: label ? "region" : void 0,
+				"aria-label": label,
+				tabIndex: 0,
+				...viewportProps,
+				style: {
+					overflowX: hasHorizontal ? "auto" : "hidden",
+					overflowY: hasVertical ? "auto" : "hidden",
+					...viewportProps?.style
+				},
+				className: cn(`focus-visible:ring-ring/50 h-full w-full rounded-[inherit]
+          outline-none focus-visible:ring-2 focus-visible:ring-inset`, classNames?.viewport),
+				children: /* @__PURE__ */ jsx(ScrollArea.Content, {
+					"data-slot": "scroll-area-content",
+					style: { minWidth: hasHorizontal ? "fit-content" : 0 },
+					className: cn(hasVertical && "pe-3", hasHorizontal && "pb-3", classNames?.content),
+					children
+				})
+			}),
+			["vertical", "horizontal"].map((axis) => {
+				if (axis === "vertical" && !hasVertical || axis === "horizontal" && !hasHorizontal) return null;
+				return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+					"data-slot": "scroll-area-scrollbar",
+					orientation: axis,
+					className: cn("flex touch-none p-0.5 select-none", axis === "vertical" ? "w-2.5" : "h-2.5 flex-col", classNames?.scrollbar),
+					children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+						"data-slot": "scroll-area-thumb",
+						className: cn(`bg-border hover:bg-muted-foreground/50 relative flex-1
+                rounded-full`, classNames?.thumb)
+					})
+				}, axis);
+			}),
+			hasVertical && hasHorizontal && /* @__PURE__ */ jsx(ScrollArea.Corner, {
+				"data-slot": "scroll-area-corner",
+				className: cn("bg-background", classNames?.corner)
+			})
+		]
+	});
+}
+//#endregion
+export { ScrollArea$1 as ScrollArea };
+
+//# sourceMappingURL=scroll-area.mjs.map

package/dist/core/scroll-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.mjs","names":["ScrollArea","ScrollAreaPrimitive"],"sources":["../../src/core/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentPropsWithRef } from 'react';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '@repo/ui/utils';\n\nexport interface Props extends ComponentPropsWithRef<'div'> {\n  /** Scrollable axes. Defaults to vertical; bound the root's size on each enabled axis. */\n  orientation?: 'vertical' | 'horizontal' | 'both';\n  /** Accessible region name for the viewport. */\n  label?: string;\n  /** Native viewport props, including its ref and onScroll. Overrides viewport defaults. */\n  viewportProps?: Omit<ComponentPropsWithRef<'div'>, 'children' | 'className'>;\n  /** Internal styling slots. Scrollbar and thumb classes apply to both axes. */\n  classNames?: {\n    viewport?: string;\n    content?: string;\n    scrollbar?: string;\n    thumb?: string;\n    corner?: string;\n  };\n}\n\nfunction ScrollArea({\n  orientation = 'vertical',\n  label,\n  viewportProps,\n  className,\n  classNames,\n  children,\n  ...props\n}: Props) {\n  const hasVertical = orientation !== 'horizontal';\n  const hasHorizontal = orientation !== 'vertical';\n\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\n        'relative isolate overflow-hidden',\n        className, //\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        role={label ? 'region' : undefined}\n        aria-label={label}\n        tabIndex={0}\n        {...viewportProps}\n        style={{\n          overflowX: hasHorizontal ? 'auto' : 'hidden',\n          overflowY: hasVertical ? 'auto' : 'hidden',\n          ...viewportProps?.style,\n        }}\n        className={cn(\n          `focus-visible:ring-ring/50 h-full w-full rounded-[inherit]\n          outline-none focus-visible:ring-2 focus-visible:ring-inset`,\n          classNames?.viewport,\n          //\n        )}\n      >\n        <ScrollAreaPrimitive.Content\n          data-slot=\"scroll-area-content\"\n          style={{ minWidth: hasHorizontal ? 'fit-content' : 0 }}\n          className={cn(\n            hasVertical && 'pe-3',\n            hasHorizontal && 'pb-3',\n            classNames?.content,\n            //\n          )}\n        >\n          {children}\n        </ScrollAreaPrimitive.Content>\n      </ScrollAreaPrimitive.Viewport>\n      {(['vertical', 'horizontal'] as const).map(axis => {\n        if (\n          (axis === 'vertical' && !hasVertical) ||\n          (axis === 'horizontal' && !hasHorizontal)\n        ) {\n          return null;\n        }\n\n        return (\n          <ScrollAreaPrimitive.Scrollbar\n            key={axis}\n            data-slot=\"scroll-area-scrollbar\"\n            orientation={axis}\n            className={cn(\n              'flex touch-none p-0.5 select-none',\n              axis === 'vertical' ? 'w-2.5' : 'h-2.5 flex-col',\n              classNames?.scrollbar,\n              //\n            )}\n          >\n            <ScrollAreaPrimitive.Thumb\n              data-slot=\"scroll-area-thumb\"\n              className={cn(\n                `bg-border hover:bg-muted-foreground/50 relative flex-1\n                rounded-full`,\n                classNames?.thumb,\n                //\n              )}\n            />\n          </ScrollAreaPrimitive.Scrollbar>\n        );\n      })}\n      {hasVertical && hasHorizontal && (\n        <ScrollAreaPrimitive.Corner\n          data-slot=\"scroll-area-corner\"\n          className={cn(\n            'bg-background',\n            classNames?.corner, //\n          )}\n        />\n      )}\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nexport { ScrollArea };\n"],"mappings":";;;;;AAyBA,SAASA,aAAW,EAClB,cAAc,YACd,OACA,eACA,WACA,YACA,UACA,GAAG,SACK;CACR,MAAM,cAAc,gBAAgB;CACpC,MAAM,gBAAgB,gBAAgB;CAEtC,OACE,qBAACC,WAAoB,MAArB;EACE,aAAU;EACV,WAAW,GACT,oCACA,SACF;EACA,GAAI;EANN,UAAA;GAQE,oBAACA,WAAoB,UAArB;IACE,aAAU;IACV,MAAM,QAAQ,WAAW,KAAA;IACzB,cAAY;IACZ,UAAU;IACV,GAAI;IACJ,OAAO;KACL,WAAW,gBAAgB,SAAS;KACpC,WAAW,cAAc,SAAS;KAClC,GAAG,eAAe;IACpB;IACA,WAAW,GACT;uEAEA,YAAY,QAEd;IAEA,UAAA,oBAACA,WAAoB,SAArB;KACE,aAAU;KACV,OAAO,EAAE,UAAU,gBAAgB,gBAAgB,EAAE;KACrD,WAAW,GACT,eAAe,QACf,iBAAiB,QACjB,YAAY,OAEd;KAEC;IAC0B,CAAA;GACD,CAAA;GAC5B,CAAC,YAAY,YAAY,CAAC,CAAW,KAAI,SAAQ;IACjD,IACG,SAAS,cAAc,CAAC,eACxB,SAAS,gBAAgB,CAAC,eAE3B,OAAO;IAGT,OACE,oBAACA,WAAoB,WAArB;KAEE,aAAU;KACV,aAAa;KACb,WAAW,GACT,qCACA,SAAS,aAAa,UAAU,kBAChC,YAAY,SAEd;KAEA,UAAA,oBAACA,WAAoB,OAArB;MACE,aAAU;MACV,WAAW,GACT;+BAEA,YAAY,KAEd;KACD,CAAA;IAC4B,GAnBxB,IAmBwB;GAEnC,CAAC;GACA,eAAe,iBACd,oBAACA,WAAoB,QAArB;IACE,aAAU;IACV,WAAW,GACT,iBACA,YAAY,MACd;GACD,CAAA;EAEqB;;AAE9B"}

package/dist/core/select.d.mts

@@ -1,11 +1,33 @@
 import * as React$1 from "react";
 import { Select } from "@base-ui/react/select";
-//#region src/core/select.d.ts
+declare namespace select_d_exports {
+  export { Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerStyles };
+}
 type SelectRootProps = Select.Root.Props<string> & {
   /** Explicit reading direction, retained from the previous Radix API. */
   dir?: 'ltr' | 'rtl';
 };
 declare function Select$1({ dir, ...props }: SelectRootProps): React$1.JSX.Element;
+declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof Select.Group>): React$1.JSX.Element;
+declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select.Value>): React$1.JSX.Element;
+declare const selectTriggerStyles = "border-input data-placeholder:text-muted-foreground\n  [&_svg:not([class*='text-'])]:text-muted-foreground\n  focus-visible:border-ring focus-visible:ring-ring/50\n  aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40\n  aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50\n  flex w-fit items-center justify-between gap-2 rounded-md border\n  bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs\n  transition-[color,box-shadow] outline-none focus-visible:ring-[3px]\n  data-disabled:cursor-not-allowed data-disabled:opacity-50\n  data-[size=default]:h-9 data-[size=sm]:h-8\n  *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex\n  *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2\n  [&_svg]:pointer-events-none [&_svg]:shrink-0\n  [&_svg:not([class*='size-'])]:size-4";
+declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof Select.Trigger> & {
+  size?: 'sm' | 'default';
+}): React$1.JSX.Element;
+type SelectContentProps = Omit<React$1.ComponentProps<typeof Select.Popup>, 'className'> & {
+  className?: string;
+  position?: 'item-aligned' | 'popper';
+  align?: Select.Positioner.Props['align'];
+  side?: Select.Positioner.Props['side'];
+  sideOffset?: number;
+  container?: HTMLElement;
+};
+declare function SelectContent({ className, children, position, align, side, sideOffset, container, ...props }: SelectContentProps): React$1.JSX.Element;
+declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof Select.GroupLabel>): React$1.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof Select.Item>): React$1.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select.Separator>): React$1.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select.ScrollUpArrow>): React$1.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select.ScrollDownArrow>): React$1.JSX.Element;
 //#endregion
-export { Select$1 as Select };
+export { Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerStyles, select_d_exports };
 //# sourceMappingURL=select.d.mts.map

package/dist/core/select.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.mts","names":[],"sources":["../../src/core/select.tsx"],"mappings":";;;KAcK,kBAAkB,OAAgB,KAAK;;EAE1C;;iBAGO,WAAS,QAAQ,SAAS,kBAAe,QAAA,IAAA"}
+{"version":3,"file":"select.d.mts","names":["SelectPrimitive","Select","React"],"sources":["../../src/core/select.tsx"],"mappings":";;;;;KAcK,kBAAkBA,OAAgB,KAAK;;EAE1C;;iBAGOC,WAAS,QAAQ,SAAS,kBAAeC,QAAA,IAAA;iBAUzC,iBACJ,SACFA,QAAM,sBAAsBF,OAAgB,SAAME,QAAA,IAAA;iBAI5C,iBACJ,SACFA,QAAM,sBAAsBF,OAAgB,SAAME,QAAA,IAAA;cAI/C;iBAeG,gBACP,WACA,MACA,aACG,SACFA,QAAM,sBAAsBF,OAAgB;EAC7C;IACDE,QAAA,IAAA;KAqBI,qBAAqB,KACxBA,QAAM,sBAAsBF,OAAgB;EAG5C;EACA;EACA,QAAQA,OAAgB,WAAW;EACnC,OAAOA,OAAgB,WAAW;EAClC;EACA,YAAY;;iBAGL,gBACP,WACA,UACA,UACA,OACA,MACA,YACA,cACG,SACF,qBAAkBE,QAAA,IAAA;iBAyCZ,cACP,cACG,SACFA,QAAM,sBAAsBF,OAAgB,cAAWE,QAAA,IAAA;iBAUjD,aACP,WACA,aACG,SACFA,QAAM,sBAAsBF,OAAgB,QAAKE,QAAA,IAAA;iBA2B3C,kBACP,cACG,SACFA,QAAM,sBAAsBF,OAAgB,aAAUE,QAAA,IAAA;iBAUhD,uBACP,cACG,SACFA,QAAM,sBAAsBF,OAAgB,iBAAcE,QAAA,IAAA;iBAgBpD,yBACP,cACG,SACFA,QAAM,sBAAsBF,OAAgB,mBAAgBE,QAAA,IAAA"}

package/dist/core/select.mjs

@@ -3,10 +3,10 @@ import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
 import { useConfig } from "../providers/config/context.mjs";
 import { OVERLAY_LAYER } from "../lib/z-layers.mjs";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import "react";
 import { DirectionProvider } from "@base-ui/react/direction-provider";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { Select } from "@base-ui/react/select";
 //#region src/core/select.tsx
 var select_exports = /* @__PURE__ */ __exportAll({