@bigbinary/neeto-atoms 1.0.7 → 1.0.8

package/dist/cjs/components/MultiSelectDropdown.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var primitives_Combobox = require('../primitives/Combobox.js');
+var primitives_Spinner = require('../primitives/Spinner.js');
+var components_OptionItem = require('./OptionItem.js');
+require('react');
+require('../utils-CTr7wn5d.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../input-group-DoK0-4fL.js');
+require('../input-CgKPISj_.js');
+require('../textarea-CZSSY75H.js');
+require('../x-Brw3FJst.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../check-BQgcDXys.js');
+require('../chevron-down-CPsWSS51.js');
+require('../with-selector-u4xTSzCv.js');
+require('../index-BrpkRQoS.js');
+require('react-dom');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-DnKJmaCq.js');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../useCreatableItems-BTHtd7uo.js');
+require('./shared.js');
+
+function MultiSelectDropdown({ resolvedOptions, flatOptionsMap, isGrouped, isLoading, loadingMessage, emptyMessage, showCreateOption, labelForValue, testIdPrefix, hasMoreLazy, loaderCallbackRef, children, }) {
+    return (jsxRuntime.jsxs(primitives_Combobox.ComboboxList, { ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-menu` }
+            : {}), children: [isLoading && (jsxRuntime.jsx("div", { className: "flex w-full justify-center py-2 text-center text-sm text-muted-foreground", children: loadingMessage })), !isLoading && !showCreateOption && (jsxRuntime.jsx(primitives_Combobox.ComboboxEmpty, { children: emptyMessage })), children ??
+                (resolvedOptions.length > 0 || showCreateOption ? (isGrouped ? (jsxRuntime.jsx(primitives_Combobox.ComboboxCollection, { children: (group) => (jsxRuntime.jsxs(primitives_Combobox.ComboboxGroup, { items: group.items, children: [group.label && jsxRuntime.jsx(primitives_Combobox.ComboboxLabel, { children: group.label }), jsxRuntime.jsx(primitives_Combobox.ComboboxCollection, { children: (val) => (jsxRuntime.jsx(components_OptionItem.OptionItem, { val: val, flatOptionsMap: flatOptionsMap, labelForValue: labelForValue, testIdPrefix: testIdPrefix }, val)) })] }, group.label || "__create__")) })) : (jsxRuntime.jsx(primitives_Combobox.ComboboxCollection, { children: (val) => (jsxRuntime.jsx(components_OptionItem.OptionItem, { val: val, flatOptionsMap: flatOptionsMap, labelForValue: labelForValue, testIdPrefix: testIdPrefix }, val)) }))) : null), hasMoreLazy && (jsxRuntime.jsx("div", { ref: loaderCallbackRef, className: "flex w-full items-center justify-center py-3", "data-testid": testIdPrefix ? `${testIdPrefix}-lazy-loader` : "lazy-loader", children: jsxRuntime.jsx(primitives_Spinner.Spinner, {}) }))] }));
+}
+
+exports.MultiSelectDropdown = MultiSelectDropdown;
+//# sourceMappingURL=MultiSelectDropdown.js.map

package/dist/cjs/components/MultiSelectDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectDropdown.js","sources":["../../../../src/components/MultiSelectDropdown.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport {\n  ComboboxList,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n} from \"src/primitives/Combobox\";\nimport { Spinner } from \"src/primitives/Spinner\";\nimport { OptionItem } from \"./OptionItem\";\nimport type { DropdownPassthroughProps } from \"./MultiSelectCombobox.types\";\n\ninterface MultiSelectDropdownProps extends DropdownPassthroughProps {\n  labelForValue: (val: string) => string;\n  testIdPrefix?: string;\n  children?: React.ReactNode;\n}\n\nexport function MultiSelectDropdown({\n  resolvedOptions,\n  flatOptionsMap,\n  isGrouped,\n  isLoading,\n  loadingMessage,\n  emptyMessage,\n  showCreateOption,\n  labelForValue,\n  testIdPrefix,\n  hasMoreLazy,\n  loaderCallbackRef,\n  children,\n}: MultiSelectDropdownProps) {\n  return (\n    <ComboboxList\n      {...(testIdPrefix\n        ? { \"data-testid\": `${testIdPrefix}-select-menu` }\n        : {})}\n    >\n      {isLoading && (\n        <div className=\"flex w-full justify-center py-2 text-center text-sm text-muted-foreground\">\n          {loadingMessage}\n        </div>\n      )}\n      {!isLoading && !showCreateOption && (\n        <ComboboxEmpty>{emptyMessage}</ComboboxEmpty>\n      )}\n      {children ??\n        (resolvedOptions.length > 0 || showCreateOption ? (\n          isGrouped ? (\n            <ComboboxCollection>\n              {(group: { label: string; items: string[] }) => (\n                <ComboboxGroup\n                  key={group.label || \"__create__\"}\n                  items={group.items}\n                >\n                  {group.label && <ComboboxLabel>{group.label}</ComboboxLabel>}\n                  <ComboboxCollection>\n                    {(val: string) => (\n                      <OptionItem\n                        key={val}\n                        val={val}\n                        flatOptionsMap={flatOptionsMap}\n                        labelForValue={labelForValue}\n                        testIdPrefix={testIdPrefix}\n                      />\n                    )}\n                  </ComboboxCollection>\n                </ComboboxGroup>\n              )}\n            </ComboboxCollection>\n          ) : (\n            <ComboboxCollection>\n              {(val: string) => (\n                <OptionItem\n                  key={val}\n                  val={val}\n                  flatOptionsMap={flatOptionsMap}\n                  labelForValue={labelForValue}\n                  testIdPrefix={testIdPrefix}\n                />\n              )}\n            </ComboboxCollection>\n          )\n        ) : null)}\n      {hasMoreLazy && (\n        <div\n          ref={loaderCallbackRef}\n          className=\"flex w-full items-center justify-center py-3\"\n          data-testid={\n            testIdPrefix ? `${testIdPrefix}-lazy-loader` : \"lazy-loader\"\n          }\n        >\n          <Spinner />\n        </div>\n      )}\n    </ComboboxList>\n  );\n}\n"],"names":["_jsxs","ComboboxList","_jsx","ComboboxEmpty","ComboboxCollection","ComboboxGroup","ComboboxLabel","OptionItem","Spinner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,SAAU,mBAAmB,CAAC,EAClC,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,QAAQ,GACiB,EAAA;AACzB,IAAA,QACEA,eAAA,CAACC,gCAAY,EAAA,EAAA,IACN;AACH,cAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,cAAc;AAChD,cAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CAEN,SAAS,KACRC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2EAA2E,EAAA,QAAA,EACvF,cAAc,EAAA,CACX,CACP,EACA,CAAC,SAAS,IAAI,CAAC,gBAAgB,KAC9BA,cAAA,CAACC,iCAAa,EAAA,EAAA,QAAA,EAAE,YAAY,EAAA,CAAiB,CAC9C,EACA,QAAQ;AACP,iBAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,gBAAgB,IAC7C,SAAS,IACPD,cAAA,CAACE,sCAAkB,EAAA,EAAA,QAAA,EAChB,CAAC,KAAyC,MACzCJ,gBAACK,iCAAa,EAAA,EAEZ,KAAK,EAAE,KAAK,CAAC,KAAK,aAEjB,KAAK,CAAC,KAAK,IAAIH,cAAA,CAACI,iCAAa,EAAA,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAiB,EAC5DJ,eAACE,sCAAkB,EAAA,EAAA,QAAA,EAChB,CAAC,GAAW,MACXF,cAAA,CAACK,gCAAU,IAET,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAAA,EAJrB,GAAG,CAKR,CACH,EAAA,CACkB,KAdhB,KAAK,CAAC,KAAK,IAAI,YAAY,CAelB,CACjB,EAAA,CACkB,KAErBL,cAAA,CAACE,sCAAkB,EAAA,EAAA,QAAA,EAChB,CAAC,GAAW,MACXF,cAAA,CAACK,gCAAU,EAAA,EAET,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAAA,EAJrB,GAAG,CAKR,CACH,EAAA,CACkB,CACtB,IACC,IAAI,CAAC,EACV,WAAW,KACVL,wBACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAC,8CAA8C,EAAA,aAAA,EAEtD,YAAY,GAAG,CAAA,EAAG,YAAY,CAAA,YAAA,CAAc,GAAG,aAAa,EAAA,QAAA,EAG9DA,eAACM,0BAAO,EAAA,EAAA,CAAG,GACP,CACP,CAAA,EAAA,CACY;AAEnB;;;;"}

package/dist/cjs/components/OptionItem.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var primitives_Combobox = require('../primitives/Combobox.js');
+var components_MultiSelect = require('../useCreatableItems-BTHtd7uo.js');
+require('react');
+require('../utils-CTr7wn5d.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../input-group-DoK0-4fL.js');
+require('../input-CgKPISj_.js');
+require('../textarea-CZSSY75H.js');
+require('../x-Brw3FJst.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../check-BQgcDXys.js');
+require('../chevron-down-CPsWSS51.js');
+require('../with-selector-u4xTSzCv.js');
+require('../index-BrpkRQoS.js');
+require('react-dom');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-DnKJmaCq.js');
+require('./shared.js');
+
+function OptionItem({ val, flatOptionsMap, labelForValue, testIdPrefix, }) {
+    return (jsxRuntime.jsx(primitives_Combobox.ComboboxItem, { value: val, disabled: !val.startsWith(components_MultiSelect.CREATE_PREFIX) &&
+            flatOptionsMap.get(val)?.disabled, className: val.startsWith(components_MultiSelect.CREATE_PREFIX) ? "text-primary" : undefined, ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-option` }
+            : {}), children: labelForValue(val) }, val));
+}
+
+exports.OptionItem = OptionItem;
+//# sourceMappingURL=OptionItem.js.map

package/dist/cjs/components/OptionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionItem.js","sources":["../../../../src/components/OptionItem.tsx"],"sourcesContent":["import { ComboboxItem } from \"src/primitives/Combobox\";\nimport { CREATE_PREFIX } from \"src/hooks/useCreatableItems\";\nimport type { OptionBase } from \"./shared.types\";\n\ninterface OptionItemProps {\n  val: string;\n  flatOptionsMap: Map<string, OptionBase>;\n  labelForValue: (val: string) => string;\n  testIdPrefix?: string;\n}\n\nexport function OptionItem({\n  val,\n  flatOptionsMap,\n  labelForValue,\n  testIdPrefix,\n}: OptionItemProps) {\n  return (\n    <ComboboxItem\n      key={val}\n      value={val}\n      disabled={\n        !val.startsWith(CREATE_PREFIX) &&\n        flatOptionsMap.get(val)?.disabled\n      }\n      className={val.startsWith(CREATE_PREFIX) ? \"text-primary\" : undefined}\n      {...(testIdPrefix\n        ? { \"data-testid\": `${testIdPrefix}-select-option` }\n        : {})}\n    >\n      {labelForValue(val)}\n    </ComboboxItem>\n  );\n}\n"],"names":["_jsx","ComboboxItem","CREATE_PREFIX"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWM,SAAU,UAAU,CAAC,EACzB,GAAG,EACH,cAAc,EACd,aAAa,EACb,YAAY,GACI,EAAA;AAChB,IAAA,QACEA,cAAA,CAACC,gCAAY,EAAA,EAEX,KAAK,EAAE,GAAG,EACV,QAAQ,EACN,CAAC,GAAG,CAAC,UAAU,CAACC,oCAAa,CAAC;YAC9B,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,QAAQ,EAEnC,SAAS,EAAE,GAAG,CAAC,UAAU,CAACA,oCAAa,CAAC,GAAG,cAAc,GAAG,SAAS,EAAA,IAChE;AACH,cAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,gBAAgB;AAClD,cAAE,EAAE,CAAC,EAAA,QAAA,EAEN,aAAa,CAAC,GAAG,CAAC,EAAA,EAXd,GAAG,CAYK;AAEnB;;;;"}

package/dist/cjs/components/Popover.js

@@ -0,0 +1,123 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../index-BZhTddX0.js');
+var utils = require('../utils-CTr7wn5d.js');
+var primitives_HoverCard = require('../primitives/HoverCard.js');
+require('../index-COPkC3I5.js');
+require('../index-CGUGhyIp.js');
+require('../index-CyrAgb4H.js');
+require('../index-CCdG4z4E.js');
+require('../index-D-iDn9RI.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('react-dom');
+require('../index-DMbj7vXd.js');
+require('../index-lWVw05cs.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-Bvu9MiFi.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// ---------------------------------------------------------------------------
+// Variants
+// ---------------------------------------------------------------------------
+const popoverVariants = index.cva("flex flex-col gap-2.5", {
+    variants: {
+        variant: {
+            default: "",
+            primary: "bg-primary text-primary-foreground ring-0 shadow-lg",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+// ---------------------------------------------------------------------------
+// Position mapping
+// ---------------------------------------------------------------------------
+const SIDE_MAP = {
+    top: "top",
+    bottom: "bottom",
+    left: "left",
+    right: "right",
+    "top-start": "top",
+    "top-end": "top",
+    "bottom-start": "bottom",
+    "bottom-end": "bottom",
+    "left-start": "left",
+    "left-end": "left",
+    "right-start": "right",
+    "right-end": "right",
+    auto: "bottom",
+};
+const ALIGN_MAP = {
+    top: "center",
+    bottom: "center",
+    left: "center",
+    right: "center",
+    "top-start": "start",
+    "top-end": "end",
+    "bottom-start": "start",
+    "bottom-end": "end",
+    "left-start": "start",
+    "left-end": "end",
+    "right-start": "start",
+    "right-end": "end",
+    auto: "center",
+};
+const Title = React.forwardRef(({ children, className, ...otherProps }, ref) => (jsxRuntime.jsx("div", { ref: ref, "data-slot": "popover-title", className: utils.cn("text-sm font-semibold", className), ...otherProps, children: children })));
+Title.displayName = "Popover.Title";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Popover = React.forwardRef(({ children, trigger, variant = "default", disabled = false, position = "auto", className, open: openProp, onOpenChange: onOpenChangeProp, hideAfter = -1, hideOnTargetExit = false, defaultOpen, openDelay = 200, closeDelay = 200, 
+// Radix HoverCardContent props forwarded
+...contentProps }, ref) => {
+    // Internal state for uncontrolled mode + hideAfter / hideOnTargetExit
+    const [internalOpen, setInternalOpen] = React.useState(false);
+    const isControlled = openProp !== undefined;
+    const open = isControlled ? openProp : internalOpen;
+    const handleOpenChange = React.useCallback((next) => {
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChangeProp?.(next);
+    }, [isControlled, onOpenChangeProp]);
+    const triggerRef = React.useRef(null);
+    // Auto-hide after hideAfter ms
+    React.useEffect(() => {
+        if (!open || hideAfter <= 0)
+            return;
+        const timer = setTimeout(() => handleOpenChange(false), hideAfter);
+        return () => clearTimeout(timer);
+    }, [open, hideAfter, handleOpenChange]);
+    // Hide popover when trigger exits viewport
+    React.useEffect(() => {
+        if (!hideOnTargetExit || !open || !triggerRef.current)
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            if (!entry.isIntersecting)
+                handleOpenChange(false);
+        });
+        observer.observe(triggerRef.current);
+        return () => observer.disconnect();
+    }, [hideOnTargetExit, open, handleOpenChange]);
+    if (disabled) {
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: trigger });
+    }
+    const side = SIDE_MAP[position] ?? "bottom";
+    const align = ALIGN_MAP[position] ?? "center";
+    // Wrap non-element trigger in a span
+    const triggerElement = React__default.default.isValidElement(trigger) ? (trigger) : (jsxRuntime.jsx("span", { children: trigger }));
+    return (jsxRuntime.jsxs(primitives_HoverCard.HoverCard, { open: open, onOpenChange: handleOpenChange, defaultOpen: defaultOpen, openDelay: openDelay, closeDelay: closeDelay, children: [jsxRuntime.jsx(primitives_HoverCard.HoverCardTrigger, { ref: triggerRef, asChild: true, children: triggerElement }), jsxRuntime.jsx(primitives_HoverCard.HoverCardContent, { ref: ref, side: side, align: align, className: utils.cn(popoverVariants({ variant }), className), ...contentProps, children: children })] }));
+});
+Popover.displayName = "Popover";
+Popover.Title = Title;
+
+exports.Popover = Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/cjs/components/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"src/primitives/HoverCard\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype PopoverPosition =\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"auto\";\n\n// ---------------------------------------------------------------------------\n// Variants\n// ---------------------------------------------------------------------------\n\nconst popoverVariants = cva(\"flex flex-col gap-2.5\", {\n  variants: {\n    variant: {\n      default: \"\",\n      primary: \"bg-primary text-primary-foreground ring-0 shadow-lg\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype PopoverVariant = NonNullable<\n  VariantProps<typeof popoverVariants>[\"variant\"]\n>;\n\n/** Radix HoverCard.Content props we forward via ...otherProps. */\ntype HoverCardContentProps = React.ComponentProps<typeof HoverCardContent>;\n\nexport interface PopoverProps extends Omit<\n  HoverCardContentProps,\n  \"children\" | \"className\" | \"side\" | \"align\"\n> {\n  /** Content rendered inside the popover. */\n  children?: ReactNode;\n  /** The trigger element that opens the popover on hover. */\n  trigger?: ReactNode;\n  /** Color variant of the popover. */\n  variant?: PopoverVariant;\n  /** Disable the popover. */\n  disabled?: boolean;\n  /** Placement of the popover relative to the trigger. */\n  position?: PopoverPosition;\n  /** Additional CSS class names for the popover content. */\n  className?: string;\n  /** Whether the popover is open (controlled). */\n  open?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Auto-hide after N milliseconds. Use -1 to disable. */\n  hideAfter?: number;\n  /** Auto-hide the popover when the trigger scrolls out of the viewport. */\n  hideOnTargetExit?: boolean;\n  /** Radix HoverCard `defaultOpen` prop. */\n  defaultOpen?: boolean;\n  /** Delay in ms before the popover opens on hover. */\n  openDelay?: number;\n  /** Delay in ms before the popover closes after hover leaves. */\n  closeDelay?: number;\n}\n\n// ---------------------------------------------------------------------------\n// Position mapping\n// ---------------------------------------------------------------------------\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"bottom\",\n};\n\nconst ALIGN_MAP: Record<string, \"start\" | \"center\" | \"end\"> = {\n  top: \"center\",\n  bottom: \"center\",\n  left: \"center\",\n  right: \"center\",\n  \"top-start\": \"start\",\n  \"top-end\": \"end\",\n  \"bottom-start\": \"start\",\n  \"bottom-end\": \"end\",\n  \"left-start\": \"start\",\n  \"left-end\": \"end\",\n  \"right-start\": \"start\",\n  \"right-end\": \"end\",\n  auto: \"center\",\n};\n\n// ---------------------------------------------------------------------------\n// Subcomponents\n// ---------------------------------------------------------------------------\n\ninterface PopoverTitleProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n}\n\nconst Title = forwardRef<HTMLDivElement, PopoverTitleProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"popover-title\"\n      className={cn(\"text-sm font-semibold\", className)}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  )\n);\nTitle.displayName = \"Popover.Title\";\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (\n    {\n      children,\n      trigger,\n      variant = \"default\",\n      disabled = false,\n      position = \"auto\",\n      className,\n      open: openProp,\n      onOpenChange: onOpenChangeProp,\n      hideAfter = -1,\n      hideOnTargetExit = false,\n      defaultOpen,\n      openDelay = 200,\n      closeDelay = 200,\n      // Radix HoverCardContent props forwarded\n      ...contentProps\n    },\n    ref\n  ) => {\n    // Internal state for uncontrolled mode + hideAfter / hideOnTargetExit\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isControlled = openProp !== undefined;\n    const open = isControlled ? openProp : internalOpen;\n\n    const handleOpenChange = useCallback(\n      (next: boolean) => {\n        if (!isControlled) setInternalOpen(next);\n        onOpenChangeProp?.(next);\n      },\n      [isControlled, onOpenChangeProp]\n    );\n\n    const triggerRef = useRef<HTMLElement | null>(null);\n\n    // Auto-hide after hideAfter ms\n    useEffect(() => {\n      if (!open || hideAfter <= 0) return;\n      const timer = setTimeout(() => handleOpenChange(false), hideAfter);\n      return () => clearTimeout(timer);\n    }, [open, hideAfter, handleOpenChange]);\n\n    // Hide popover when trigger exits viewport\n    useEffect(() => {\n      if (!hideOnTargetExit || !open || !triggerRef.current) return;\n      const observer = new IntersectionObserver(([entry]) => {\n        if (!entry.isIntersecting) handleOpenChange(false);\n      });\n      observer.observe(triggerRef.current);\n      return () => observer.disconnect();\n    }, [hideOnTargetExit, open, handleOpenChange]);\n\n    if (disabled) {\n      return <>{trigger}</>;\n    }\n\n    const side = SIDE_MAP[position] ?? \"bottom\";\n    const align = ALIGN_MAP[position] ?? \"center\";\n\n    // Wrap non-element trigger in a span\n    const triggerElement = React.isValidElement(trigger) ? (\n      trigger\n    ) : (\n      <span>{trigger}</span>\n    );\n\n    return (\n      <HoverCard\n        open={open}\n        onOpenChange={handleOpenChange}\n        defaultOpen={defaultOpen}\n        openDelay={openDelay}\n        closeDelay={closeDelay}\n      >\n        <HoverCardTrigger\n          ref={triggerRef as React.Ref<HTMLAnchorElement>}\n          asChild\n        >\n          {triggerElement}\n        </HoverCardTrigger>\n        <HoverCardContent\n          ref={ref}\n          side={side}\n          align={align}\n          className={cn(popoverVariants({ variant }), className)}\n          {...contentProps}\n        >\n          {children}\n        </HoverCardContent>\n      </HoverCard>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  PopoverProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Title: typeof Title;\n};\n\nPopover.displayName = \"Popover\";\nPopover.Title = Title;\n\nexport { Popover };\n"],"names":["cva","forwardRef","_jsx","cn","useState","useCallback","useRef","useEffect","_Fragment","React","_jsxs","HoverCard","HoverCardTrigger","HoverCardContent"],"mappings":"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"}

package/dist/cjs/components/RadioGroup.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../utils-CTr7wn5d.js');
+var primitives_RadioGroup = require('../primitives/RadioGroup.js');
+var primitives_Label = require('../primitives/Label.js');
+var primitives_Field = require('../primitives/Field.js');
+require('../index-COPkC3I5.js');
+require('../index-D-iDn9RI.js');
+require('../index-CGUGhyIp.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-hQmfI1O7.js');
+require('../index-Ch55j1or.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-lWVw05cs.js');
+require('../index-CyrAgb4H.js');
+require('../index-9jC1advf.js');
+require('../index-Bf0WsHta.js');
+require('../index-CF951Pw9.js');
+require('../index-DcCSSgb7.js');
+require('../label-Bdc9ytTI.js');
+require('../index-BZhTddX0.js');
+require('../separator-CPy2gyg1.js');
+
+// ---------------------------------------------------------------------------
+// RadioGroup.Item
+// ---------------------------------------------------------------------------
+const RadioGroupItem = React.forwardRef(({ label, helpText, value, className, id: idProp, ...props }, ref) => {
+    const generatedId = React.useId();
+    const id = idProp ?? generatedId;
+    const helpTextId = `helpText_${id}`;
+    return (jsxRuntime.jsxs("div", { className: utils.cn("flex gap-2", helpText ? "items-start" : "items-center", className), children: [jsxRuntime.jsx(primitives_RadioGroup.RadioGroupItem, { ref: ref, id: id, value: value, "aria-describedby": helpText ? helpTextId : undefined, className: helpText ? "mt-0.5" : undefined, ...props }), (label || helpText) && (jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [label && (jsxRuntime.jsx(primitives_Label.Label, { htmlFor: id, className: "cursor-pointer font-normal", children: label })), helpText && (jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, children: helpText }))] }))] }));
+});
+RadioGroupItem.displayName = "RadioGroup.Item";
+// ---------------------------------------------------------------------------
+// RadioGroup (root)
+// ---------------------------------------------------------------------------
+const RadioGroupRoot = React.forwardRef(({ label, error, helpText, orientation = "horizontal", className, disabled, required, children, ...props }, ref) => {
+    const generatedId = React.useId();
+    const errorId = `error_${generatedId}`;
+    const helpTextId = `helpText_${generatedId}`;
+    const hasField = !!(label || error || helpText);
+    const radioGroup = (jsxRuntime.jsx(primitives_RadioGroup.RadioGroup, { ref: ref, disabled: disabled, required: required, "aria-invalid": !!error || undefined, "aria-describedby": [error ? errorId : null, helpText ? helpTextId : null]
+            .filter(Boolean)
+            .join(" ") || undefined, orientation: orientation, className: utils.cn("data-[orientation=vertical]:grid data-[orientation=vertical]:gap-2 data-[orientation=horizontal]:flex data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:flex-wrap data-[orientation=horizontal]:items-center data-[orientation=horizontal]:gap-4", !hasField && className), ...props, children: children }));
+    if (!hasField) {
+        return radioGroup;
+    }
+    return (jsxRuntime.jsxs(primitives_Field.Field, { "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, className: className, children: [(label || helpText) && (jsxRuntime.jsxs("div", { children: [label && (jsxRuntime.jsxs(primitives_Field.FieldLabel, { children: [label, required && (jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), helpText && (jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, children: helpText }))] })), jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [radioGroup, !!error && jsxRuntime.jsx(primitives_Field.FieldError, { id: errorId, children: error })] })] }));
+});
+RadioGroupRoot.displayName = "RadioGroup";
+// ---------------------------------------------------------------------------
+// Compound component
+// ---------------------------------------------------------------------------
+const RadioGroup = Object.assign(RadioGroupRoot, {
+    Item: RadioGroupItem,
+});
+
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/dist/cjs/components/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/RadioGroup.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  RadioGroup as PrimitiveRadioGroup,\n  RadioGroupItem as PrimitiveRadioGroupItem,\n} from \"src/primitives/RadioGroup\";\nimport { Label } from \"src/primitives/Label\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface RadioGroupProps extends Omit<\n  React.ComponentProps<typeof PrimitiveRadioGroup>,\n  \"children\"\n> {\n  /** Group label displayed above the radio items. */\n  label?: string;\n  /** Error message displayed below the group. */\n  error?: string;\n  /** Helper text displayed below the group label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Layout orientation. Defaults to \"horizontal\". */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** RadioGroup.Item children. */\n  children?: React.ReactNode;\n}\n\ninterface RadioGroupItemProps extends React.ComponentProps<\n  typeof PrimitiveRadioGroupItem\n> {\n  /** Label displayed next to the radio. */\n  label?: string;\n  /** Helper text displayed below the item label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Radio value (required). */\n  value: string;\n  /** Additional class name for the item wrapper. */\n  className?: string;\n  /** Optional id override; auto-generated if omitted. */\n  id?: string;\n}\n\n// ---------------------------------------------------------------------------\n// RadioGroup.Item\n// ---------------------------------------------------------------------------\n\nconst RadioGroupItem = forwardRef<\n  React.ComponentRef<typeof PrimitiveRadioGroupItem>,\n  RadioGroupItemProps\n>(({ label, helpText, value, className, id: idProp, ...props }, ref) => {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const helpTextId = `helpText_${id}`;\n\n  return (\n    <div\n      className={cn(\n        \"flex gap-2\",\n        helpText ? \"items-start\" : \"items-center\",\n        className\n      )}\n    >\n      <PrimitiveRadioGroupItem\n        ref={ref}\n        id={id}\n        value={value}\n        aria-describedby={helpText ? helpTextId : undefined}\n        className={helpText ? \"mt-0.5\" : undefined}\n        {...props}\n      />\n      {(label || helpText) && (\n        <div className=\"flex flex-col gap-0.5\">\n          {label && (\n            <Label htmlFor={id} className=\"cursor-pointer font-normal\">\n              {label}\n            </Label>\n          )}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\n\nRadioGroupItem.displayName = \"RadioGroup.Item\";\n\n// ---------------------------------------------------------------------------\n// RadioGroup (root)\n// ---------------------------------------------------------------------------\n\nconst RadioGroupRoot = forwardRef<\n  React.ComponentRef<typeof PrimitiveRadioGroup>,\n  RadioGroupProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      orientation = \"horizontal\",\n      className,\n      disabled,\n      required,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const errorId = `error_${generatedId}`;\n    const helpTextId = `helpText_${generatedId}`;\n\n    const hasField = !!(label || error || helpText);\n\n    const radioGroup = (\n      <PrimitiveRadioGroup\n        ref={ref}\n        disabled={disabled}\n        required={required}\n        aria-invalid={!!error || undefined}\n        aria-describedby={\n          [error ? errorId : null, helpText ? helpTextId : null]\n            .filter(Boolean)\n            .join(\" \") || undefined\n        }\n        orientation={orientation}\n        className={cn(\n          \"data-[orientation=vertical]:grid data-[orientation=vertical]:gap-2 data-[orientation=horizontal]:flex data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:flex-wrap data-[orientation=horizontal]:items-center data-[orientation=horizontal]:gap-4\",\n          !hasField && className\n        )}\n        {...props}\n      >\n        {children}\n      </PrimitiveRadioGroup>\n    );\n\n    if (!hasField) {\n      return radioGroup;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || helpText) && (\n          <div>\n            {label && (\n              <FieldLabel>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {helpText && (\n              <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {radioGroup}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nRadioGroupRoot.displayName = \"RadioGroup\";\n\n// ---------------------------------------------------------------------------\n// Compound component\n// ---------------------------------------------------------------------------\n\nconst RadioGroup = Object.assign(RadioGroupRoot, {\n  Item: RadioGroupItem,\n});\n\nexport { RadioGroup };\n"],"names":["forwardRef","useId","_jsxs","cn","_jsx","PrimitiveRadioGroupItem","Label","FieldDescription","PrimitiveRadioGroup","Field","FieldLabel","FieldContent","FieldError"],"mappings":"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"}

package/dist/cjs/components/Select.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=Select.js.map

package/dist/cjs/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/cjs/components/SelectFieldWrapper.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var primitives_Field = require('../primitives/Field.js');
+require('react');
+require('../index-BZhTddX0.js');
+require('../utils-CTr7wn5d.js');
+require('../label-Bdc9ytTI.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-D-iDn9RI.js');
+require('../separator-CPy2gyg1.js');
+
+function SelectFieldWrapper({ id, label, error, helpText, errorId, helpTextId, isDisabled, required, testIdPrefix, labelProps, className, children, }) {
+    const hasField = !!(label || error || helpText);
+    if (!hasField) {
+        return (jsxRuntime.jsx("div", { className: className, ...(testIdPrefix
+                ? { "data-testid": `${testIdPrefix}-select-container-wrapper` }
+                : {}), children: children }));
+    }
+    return (jsxRuntime.jsxs(primitives_Field.Field, { "data-disabled": isDisabled || undefined, "data-invalid": !!error || undefined, className: className, ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-container-wrapper` }
+            : {}), children: [label && (jsxRuntime.jsxs(primitives_Field.FieldLabel, { htmlFor: id, ...labelProps, ...(testIdPrefix
+                    ? { "data-testid": `${testIdPrefix}-input-label` }
+                    : {}), children: [label, required && (jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [children, !!error && (jsxRuntime.jsx(primitives_Field.FieldError, { id: errorId, ...(testIdPrefix
+                            ? { "data-testid": `${testIdPrefix}-select-error` }
+                            : {}), children: error })), helpText && (jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, ...(testIdPrefix
+                            ? { "data-testid": `${testIdPrefix}-select-help-text` }
+                            : {}), children: helpText }))] })] }));
+}
+
+exports.SelectFieldWrapper = SelectFieldWrapper;
+//# sourceMappingURL=SelectFieldWrapper.js.map

package/dist/cjs/components/SelectFieldWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFieldWrapper.js","sources":["../../../../src/components/SelectFieldWrapper.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\ninterface SelectFieldWrapperProps {\n  id: string;\n  label: string;\n  error: string;\n  helpText: React.ReactNode;\n  errorId: string;\n  helpTextId: string;\n  isDisabled: boolean;\n  required: boolean;\n  testIdPrefix?: string;\n  labelProps?: Omit<\n    React.ComponentProps<typeof FieldLabel>,\n    \"htmlFor\" | \"children\"\n  >;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function SelectFieldWrapper({\n  id,\n  label,\n  error,\n  helpText,\n  errorId,\n  helpTextId,\n  isDisabled,\n  required,\n  testIdPrefix,\n  labelProps,\n  className,\n  children,\n}: SelectFieldWrapperProps) {\n  const hasField = !!(label || error || helpText);\n\n  if (!hasField) {\n    return (\n      <div\n        className={className}\n        {...(testIdPrefix\n          ? { \"data-testid\": `${testIdPrefix}-select-container-wrapper` }\n          : {})}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <Field\n      data-disabled={isDisabled || undefined}\n      data-invalid={!!error || undefined}\n      className={className}\n      {...(testIdPrefix\n        ? { \"data-testid\": `${testIdPrefix}-select-container-wrapper` }\n        : {})}\n    >\n      {label && (\n        <FieldLabel\n          htmlFor={id}\n          {...labelProps}\n          {...(testIdPrefix\n            ? { \"data-testid\": `${testIdPrefix}-input-label` }\n            : {})}\n        >\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"text-destructive\">\n              *\n            </span>\n          )}\n        </FieldLabel>\n      )}\n      <FieldContent>\n        {children}\n        {!!error && (\n          <FieldError\n            id={errorId}\n            {...(testIdPrefix\n              ? { \"data-testid\": `${testIdPrefix}-select-error` }\n              : {})}\n          >\n            {error}\n          </FieldError>\n        )}\n        {helpText && (\n          <FieldDescription\n            id={helpTextId}\n            {...(testIdPrefix\n              ? { \"data-testid\": `${testIdPrefix}-select-help-text` }\n              : {})}\n          >\n            {helpText}\n          </FieldDescription>\n        )}\n      </FieldContent>\n    </Field>\n  );\n}\n"],"names":["_jsx","_jsxs","Field","FieldLabel","FieldContent","FieldError","FieldDescription"],"mappings":";;;;;;;;;;;;;AA4BM,SAAU,kBAAkB,CAAC,EACjC,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACT,QAAQ,GACgB,EAAA;IACxB,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC;IAE/C,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,EAAA,IACf;AACH,kBAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,2BAA2B;AAC7D,kBAAE,EAAE,CAAC,YAEN,QAAQ,EAAA,CACL;IAEV;AAEA,IAAA,QACEC,eAAA,CAACC,sBAAK,qBACW,UAAU,IAAI,SAAS,EAAA,cAAA,EACxB,CAAC,CAAC,KAAK,IAAI,SAAS,EAClC,SAAS,EAAE,SAAS,EAAA,IACf;AACH,cAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,2BAA2B;AAC7D,cAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CAEN,KAAK,KACJD,eAAA,CAACE,2BAAU,EAAA,EACT,OAAO,EAAE,EAAE,KACP,UAAU,EAAA,IACT;AACH,sBAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,cAAc;AAChD,sBAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CAEN,KAAK,EACL,QAAQ,KACPH,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,GAAA,EAAA,CAE9C,CACR,CAAA,EAAA,CACU,CACd,EACDC,eAAA,CAACG,6BAAY,EAAA,EAAA,QAAA,EAAA,CACV,QAAQ,EACR,CAAC,CAAC,KAAK,KACNJ,cAAA,CAACK,2BAAU,EAAA,EACT,EAAE,EAAE,OAAO,EAAA,IACN;AACH,8BAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,eAAe;AACjD,8BAAE,EAAE,CAAC,YAEN,KAAK,EAAA,CACK,CACd,EACA,QAAQ,KACPL,cAAA,CAACM,iCAAgB,EAAA,EACf,EAAE,EAAE,UAAU,EAAA,IACT;AACH,8BAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,mBAAmB;8BACnD,EAAE,CAAC,EAAA,QAAA,EAEN,QAAQ,GACQ,CACpB,CAAA,EAAA,CACY,CAAA,EAAA,CACT;AAEZ;;;;"}

package/dist/cjs/components/SelectOptions.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var primitives_Select = require('../primitives/Select.js');
+var components_shared = require('./shared.js');
+require('../utils-CTr7wn5d.js');
+require('../chevron-down-CPsWSS51.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('react');
+require('../chevron-up-BpwpBnZU.js');
+require('../check-BQgcDXys.js');
+require('react-dom');
+require('../index-EyWRfsCG.js');
+require('../index-COPkC3I5.js');
+require('../index-Ch55j1or.js');
+require('../index-CGUGhyIp.js');
+require('../index-D-iDn9RI.js');
+require('../index-9jC1advf.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('../index-lWVw05cs.js');
+require('../index-ChSOMM8b.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-CyrAgb4H.js');
+require('../index-CF951Pw9.js');
+require('../index-CB9xFokC.js');
+
+function renderOptions(options, testId) {
+    return options.map(opt => {
+        if (components_shared.isOptionGroup(opt)) {
+            return (jsxRuntime.jsxs(primitives_Select.SelectGroup, { children: [jsxRuntime.jsx(primitives_Select.SelectLabel, { children: opt.label }), opt.options.map(item => (jsxRuntime.jsx(primitives_Select.SelectItem, { value: item.value, disabled: item.disabled, ...(testId ? { "data-testid": `${testId}-select-option` } : {}), children: item.label }, item.value)))] }, opt.label));
+        }
+        return (jsxRuntime.jsx(primitives_Select.SelectItem, { value: opt.value, disabled: opt.disabled, ...(testId ? { "data-testid": `${testId}-select-option` } : {}), children: opt.label }, opt.value));
+    });
+}
+
+exports.renderOptions = renderOptions;
+//# sourceMappingURL=SelectOptions.js.map

package/dist/cjs/components/SelectOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptions.js","sources":["../../../../src/components/SelectOptions.tsx"],"sourcesContent":["import { SelectGroup, SelectItem, SelectLabel } from \"src/primitives/Select\";\nimport { isOptionGroup } from \"./shared.types\";\nimport type { SelectOption } from \"./Select.types\";\n\nexport function renderOptions(options: SelectOption[], testId?: string) {\n  return options.map(opt => {\n    if (isOptionGroup(opt)) {\n      return (\n        <SelectGroup key={opt.label}>\n          <SelectLabel>{opt.label}</SelectLabel>\n          {opt.options.map(item => (\n            <SelectItem\n              key={item.value}\n              value={item.value}\n              disabled={item.disabled}\n              {...(testId ? { \"data-testid\": `${testId}-select-option` } : {})}\n            >\n              {item.label}\n            </SelectItem>\n          ))}\n        </SelectGroup>\n      );\n    }\n\n    return (\n      <SelectItem\n        key={opt.value}\n        value={opt.value}\n        disabled={opt.disabled}\n        {...(testId ? { \"data-testid\": `${testId}-select-option` } : {})}\n      >\n        {opt.label}\n      </SelectItem>\n    );\n  });\n}\n"],"names":["isOptionGroup","_jsxs","SelectGroup","_jsx","SelectLabel","SelectItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIM,SAAU,aAAa,CAAC,OAAuB,EAAE,MAAe,EAAA;AACpE,IAAA,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,IAAG;AACvB,QAAA,IAAIA,+BAAa,CAAC,GAAG,CAAC,EAAE;AACtB,YAAA,QACEC,eAAA,CAACC,6BAAW,EAAA,EAAA,QAAA,EAAA,CACVC,eAACC,6BAAW,EAAA,EAAA,QAAA,EAAE,GAAG,CAAC,KAAK,EAAA,CAAe,EACrC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,KACnBD,eAACE,4BAAU,EAAA,EAET,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,IAClB,MAAM,GAAG,EAAE,aAAa,EAAE,CAAA,EAAG,MAAM,CAAA,cAAA,CAAgB,EAAE,GAAG,EAAE,CAAC,EAAA,QAAA,EAE/D,IAAI,CAAC,KAAK,EAAA,EALN,IAAI,CAAC,KAAK,CAMJ,CACd,CAAC,KAXc,GAAG,CAAC,KAAK,CAYb;QAElB;AAEA,QAAA,QACEF,cAAA,CAACE,4BAAU,IAET,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,MACjB,MAAM,GAAG,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA,cAAA,CAAgB,EAAE,GAAG,EAAE,CAAC,YAE/D,GAAG,CAAC,KAAK,EAAA,EALL,GAAG,CAAC,KAAK,CAMH;AAEjB,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/cjs/components/SelectTriggerContent.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../utils-CTr7wn5d.js');
+var primitives_Select = require('../primitives/Select.js');
+var x = require('../x-Brw3FJst.js');
+require('../chevron-down-CPsWSS51.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../chevron-up-BpwpBnZU.js');
+require('../check-BQgcDXys.js');
+require('react-dom');
+require('../index-EyWRfsCG.js');
+require('../index-COPkC3I5.js');
+require('../index-Ch55j1or.js');
+require('../index-CGUGhyIp.js');
+require('../index-D-iDn9RI.js');
+require('../index-9jC1advf.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('../index-lWVw05cs.js');
+require('../index-ChSOMM8b.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-C9ICrOhM.js');
+require('../floating-ui.react-dom-B4Aw6O7R.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-CyrAgb4H.js');
+require('../index-CF951Pw9.js');
+require('../index-CB9xFokC.js');
+
+const SelectTriggerContent = React.forwardRef(({ id, sizeConfig, error, ariaDescribedBy, triggerClassName, testIdPrefix, placeholder, showClearButton, handleClear, }, ref) => (jsxRuntime.jsxs(primitives_Select.SelectTrigger, { ref: ref, id: id, size: sizeConfig.size, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, className: utils.cn("w-full", sizeConfig.trigger, triggerClassName), ...(testIdPrefix
+        ? { "data-testid": `${testIdPrefix}-select-container` }
+        : {}), children: [jsxRuntime.jsx(primitives_Select.SelectValue, { placeholder: placeholder, ...(testIdPrefix
+                ? { "data-testid": `${testIdPrefix}-select-value` }
+                : {}) }), showClearButton && (jsxRuntime.jsx("button", { type: "button", "aria-label": "Clear selection", tabIndex: -1, className: utils.cn("ms-auto shrink-0 rounded-sm opacity-50", "hover:opacity-100 focus-visible:outline-none"), onClick: handleClear, onPointerDown: e => e.preventDefault(), ...(testIdPrefix
+                ? { "data-testid": `${testIdPrefix}-clear-indicator` }
+                : {}), children: jsxRuntime.jsx(x.X, { "aria-hidden": "true", className: sizeConfig.clearBtn }) }))] })));
+SelectTriggerContent.displayName = "SelectTriggerContent";
+
+exports.SelectTriggerContent = SelectTriggerContent;
+//# sourceMappingURL=SelectTriggerContent.js.map

package/dist/cjs/components/SelectTriggerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTriggerContent.js","sources":["../../../../src/components/SelectTriggerContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { X } from \"lucide-react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { SelectTrigger, SelectValue } from \"src/primitives/Select\";\n\ninterface SelectTriggerContentProps {\n  id: string;\n  sizeConfig: { trigger: string; size: \"sm\" | \"default\"; clearBtn: string };\n  error: string;\n  ariaDescribedBy?: string;\n  triggerClassName?: string;\n  testIdPrefix?: string;\n  placeholder: string;\n  showClearButton: boolean;\n  handleClear: (e: React.MouseEvent) => void;\n}\n\nexport const SelectTriggerContent = forwardRef<\n  HTMLButtonElement,\n  SelectTriggerContentProps\n>(\n  (\n    {\n      id,\n      sizeConfig,\n      error,\n      ariaDescribedBy,\n      triggerClassName,\n      testIdPrefix,\n      placeholder,\n      showClearButton,\n      handleClear,\n    },\n    ref\n  ) => (\n    <SelectTrigger\n      ref={ref}\n      id={id}\n      size={sizeConfig.size}\n      aria-invalid={!!error || undefined}\n      aria-describedby={ariaDescribedBy}\n      className={cn(\"w-full\", sizeConfig.trigger, triggerClassName)}\n      {...(testIdPrefix\n        ? { \"data-testid\": `${testIdPrefix}-select-container` }\n        : {})}\n    >\n      <SelectValue\n        placeholder={placeholder}\n        {...(testIdPrefix\n          ? { \"data-testid\": `${testIdPrefix}-select-value` }\n          : {})}\n      />\n      {showClearButton && (\n        <button\n          type=\"button\"\n          aria-label=\"Clear selection\"\n          tabIndex={-1}\n          className={cn(\n            \"ms-auto shrink-0 rounded-sm opacity-50\",\n            \"hover:opacity-100 focus-visible:outline-none\"\n          )}\n          onClick={handleClear}\n          onPointerDown={e => e.preventDefault()}\n          {...(testIdPrefix\n            ? { \"data-testid\": `${testIdPrefix}-clear-indicator` }\n            : {})}\n        >\n          <X aria-hidden=\"true\" className={sizeConfig.clearBtn} />\n        </button>\n      )}\n    </SelectTrigger>\n  )\n);\n\nSelectTriggerContent.displayName = \"SelectTriggerContent\";\n"],"names":["forwardRef","_jsxs","SelectTrigger","cn","_jsx","SelectValue","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,oBAAoB,GAAGA,gBAAU,CAI5C,CACE,EACE,EAAE,EACF,UAAU,EACV,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,WAAW,GACZ,EACD,GAAG,MAEHC,gBAACC,+BAAa,EAAA,EACZ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,UAAU,CAAC,IAAI,EAAA,cAAA,EACP,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,kBAAA,EAChB,eAAe,EACjC,SAAS,EAAEC,QAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAAA,IACxD;AACH,UAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,mBAAmB;AACrD,UAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CAEPC,cAAA,CAACC,6BAAW,EAAA,EACV,WAAW,EAAE,WAAW,EAAA,IACnB;AACH,kBAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,eAAe;kBAC/C,EAAE,CAAC,EAAA,CACP,EACD,eAAe,KACdD,cAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,iBAAiB,EAC5B,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAED,QAAE,CACX,wCAAwC,EACxC,8CAA8C,CAC/C,EACD,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAA,IACjC;AACH,kBAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,kBAAkB;kBAClD,EAAE,CAAC,EAAA,QAAA,EAEPC,eAACE,GAAC,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAA,CAAI,EAAA,CACjD,CACV,CAAA,EAAA,CACa,CACjB;AAGH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/dist/cjs/components/Sheet.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../utils-CTr7wn5d.js');
+var primitives_Sheet = require('../primitives/Sheet.js');
+require('../button-B8XGl69v.js');
+require('../index-BZhTddX0.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../sheet-CkCrHmVA.js');
+require('../x-Brw3FJst.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../index-BLGrl3PF.js');
+require('../index-COPkC3I5.js');
+require('../index-CGUGhyIp.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-CyrAgb4H.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-ChSOMM8b.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+
+// ---------------------------------------------------------------------------
+// Size mapping
+// ---------------------------------------------------------------------------
+// Uses data-[side] selector to match primitive specificity so tailwind-merge
+// can override the default sm:max-w-sm from the primitive.
+const SIZE_CLASS_MAP = {
+    small: "data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
+    large: "data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg",
+    extraLarge: "data-[side=left]:sm:max-w-2xl data-[side=right]:sm:max-w-2xl",
+};
+const SheetHeader = React.forwardRef(({ children, className, ...otherProps }, ref) => (jsxRuntime.jsx(primitives_Sheet.SheetHeader, { ref: ref, className: utils.cn(className), "data-testid": "sheet-header", ...otherProps, children: children })));
+SheetHeader.displayName = "Sheet.Header";
+const SheetBody = React.forwardRef(({ children, className, hasFooter = true, ...otherProps }, ref) => (jsxRuntime.jsx("div", { ref: ref, "data-slot": "sheet-body", "data-testid": "sheet-body", className: utils.cn("flex flex-1 flex-col items-start justify-start overflow-y-auto px-4", hasFooter && "pb-0", className), ...otherProps, children: children })));
+SheetBody.displayName = "Sheet.Body";
+const SheetFooter = React.forwardRef(({ children, className, ...otherProps }, ref) => (jsxRuntime.jsx(primitives_Sheet.SheetFooter, { ref: ref, className: utils.cn("flex flex-row items-center justify-start gap-2 border-t", className), "data-testid": "sheet-footer", ...otherProps, children: children })));
+SheetFooter.displayName = "Sheet.Footer";
+const SheetTitle = React.forwardRef(({ children, className, ...otherProps }, ref) => (jsxRuntime.jsx(primitives_Sheet.SheetTitle, { ref: ref, className: utils.cn("text-xl", className), ...otherProps, children: children })));
+SheetTitle.displayName = "Sheet.Title";
+const SheetDescription = React.forwardRef(({ children, className, ...otherProps }, ref) => (jsxRuntime.jsx(primitives_Sheet.SheetDescription, { ref: ref, className: utils.cn(className), ...otherProps, children: children })));
+SheetDescription.displayName = "Sheet.Description";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Sheet = React.forwardRef(({ size = "small", isOpen = false, onClose = () => { }, children, className, closeOnEsc = true, closeButton = true, backdropClassName, closeOnOutsideClick = true, initialFocusRef, finalFocusRef, side = "right", modal, defaultOpen, 
+// Radix content handlers — intercept and merge
+onOpenAutoFocus: onOpenAutoFocusProp, onCloseAutoFocus: onCloseAutoFocusProp, ...otherProps }, ref) => {
+    const handleOpenChange = (open) => {
+        if (!open)
+            onClose();
+    };
+    const handleInteractOutside = (e) => {
+        if (!closeOnOutsideClick)
+            e.preventDefault();
+    };
+    const handleEscapeKeyDown = (e) => {
+        if (!closeOnEsc)
+            e.preventDefault();
+    };
+    const handleOpenAutoFocus = (e) => {
+        if (initialFocusRef?.current) {
+            e.preventDefault();
+            initialFocusRef.current.focus();
+        }
+        onOpenAutoFocusProp?.(e);
+    };
+    const handleCloseAutoFocus = (e) => {
+        if (finalFocusRef?.current) {
+            e.preventDefault();
+            finalFocusRef.current.focus();
+        }
+        onCloseAutoFocusProp?.(e);
+    };
+    return (jsxRuntime.jsx(primitives_Sheet.Sheet, { open: isOpen, onOpenChange: handleOpenChange, modal: modal, defaultOpen: defaultOpen, children: jsxRuntime.jsx(primitives_Sheet.SheetContent, { ref: ref, side: side, showCloseButton: closeButton, overlayClassName: backdropClassName, onInteractOutside: handleInteractOutside, onEscapeKeyDown: handleEscapeKeyDown, onOpenAutoFocus: handleOpenAutoFocus, onCloseAutoFocus: handleCloseAutoFocus, className: utils.cn(SIZE_CLASS_MAP[size], className), "data-testid": "sheet-wrapper", ...otherProps, children: children }) }));
+});
+Sheet.displayName = "Sheet";
+Sheet.Header = SheetHeader;
+Sheet.Body = SheetBody;
+Sheet.Footer = SheetFooter;
+Sheet.Title = SheetTitle;
+Sheet.Description = SheetDescription;
+
+exports.Sheet = Sheet;
+//# sourceMappingURL=Sheet.js.map

package/dist/cjs/components/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","sources":["../../../../src/components/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type RefObject } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Sheet as PrimitiveSheet,\n  SheetContent as PrimitiveSheetContent,\n  SheetDescription as PrimitiveSheetDescription,\n  SheetFooter as PrimitiveSheetFooter,\n  SheetHeader as PrimitiveSheetHeader,\n  SheetTitle as PrimitiveSheetTitle,\n} from \"src/primitives/Sheet\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype SheetSize = \"small\" | \"large\" | \"extraLarge\";\n\n/** Radix Sheet.Content props we forward via ...otherProps. */\ntype SheetContentProps = React.ComponentProps<typeof PrimitiveSheetContent>;\n\nexport interface SheetProps extends Omit<\n  SheetContentProps,\n  | \"children\"\n  | \"className\"\n  | \"side\"\n  | \"showCloseButton\"\n  | \"onEscapeKeyDown\"\n  | \"onInteractOutside\"\n> {\n  /** Size of the sheet. */\n  size?: SheetSize;\n  /** Whether the sheet is open. */\n  isOpen?: boolean;\n  /** Callback invoked when the sheet is closed. */\n  onClose?: () => void;\n  /** Content rendered inside the sheet. */\n  children?: ReactNode;\n  /** Additional CSS class names applied to the sheet content. */\n  className?: string;\n  /** Close on pressing the Esc key. */\n  closeOnEsc?: boolean;\n  /** Show the close button. */\n  closeButton?: boolean;\n  /** Additional CSS class names applied to the backdrop/overlay. */\n  backdropClassName?: string;\n  /** Close on clicking outside the sheet. */\n  closeOnOutsideClick?: boolean;\n  /** Ref of the element to receive focus when the sheet opens. */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  /** Ref of the element to receive focus when the sheet closes. */\n  finalFocusRef?: RefObject<HTMLElement | null>;\n  /** Which side the sheet slides in from. */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /** Radix Dialog `modal` prop — controls modal vs non-modal behaviour. */\n  modal?: boolean;\n  /** Radix Dialog `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Size mapping\n// ---------------------------------------------------------------------------\n\n// Uses data-[side] selector to match primitive specificity so tailwind-merge\n// can override the default sm:max-w-sm from the primitive.\nconst SIZE_CLASS_MAP: Record<SheetSize, string> = {\n  small: \"data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n  large: \"data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg\",\n  extraLarge: \"data-[side=left]:sm:max-w-2xl data-[side=right]:sm:max-w-2xl\",\n};\n\n// ---------------------------------------------------------------------------\n// Subcomponents\n// ---------------------------------------------------------------------------\n\ninterface SheetSubcomponentProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n}\n\nconst SheetHeader = forwardRef<HTMLDivElement, SheetSubcomponentProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <PrimitiveSheetHeader\n      ref={ref}\n      className={cn(className)}\n      data-testid=\"sheet-header\"\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveSheetHeader>\n  )\n);\nSheetHeader.displayName = \"Sheet.Header\";\n\nconst SheetBody = forwardRef<\n  HTMLDivElement,\n  SheetSubcomponentProps & { hasFooter?: boolean }\n>(({ children, className, hasFooter = true, ...otherProps }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"sheet-body\"\n    data-testid=\"sheet-body\"\n    className={cn(\n      \"flex flex-1 flex-col items-start justify-start overflow-y-auto px-4\",\n      hasFooter && \"pb-0\",\n      className\n    )}\n    {...otherProps}\n  >\n    {children}\n  </div>\n));\nSheetBody.displayName = \"Sheet.Body\";\n\nconst SheetFooter = forwardRef<HTMLDivElement, SheetSubcomponentProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <PrimitiveSheetFooter\n      ref={ref}\n      className={cn(\n        \"flex flex-row items-center justify-start gap-2 border-t\",\n        className\n      )}\n      data-testid=\"sheet-footer\"\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveSheetFooter>\n  )\n);\nSheetFooter.displayName = \"Sheet.Footer\";\n\nconst SheetTitle = forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<typeof PrimitiveSheetTitle>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveSheetTitle\n    ref={ref}\n    className={cn(\"text-xl\", className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveSheetTitle>\n));\nSheetTitle.displayName = \"Sheet.Title\";\n\nconst SheetDescription = forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof PrimitiveSheetDescription>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveSheetDescription\n    ref={ref}\n    className={cn(className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveSheetDescription>\n));\nSheetDescription.displayName = \"Sheet.Description\";\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Sheet = forwardRef<HTMLDivElement, SheetProps>(\n  (\n    {\n      size = \"small\",\n      isOpen = false,\n      onClose = () => {},\n      children,\n      className,\n      closeOnEsc = true,\n      closeButton = true,\n      backdropClassName,\n      closeOnOutsideClick = true,\n      initialFocusRef,\n      finalFocusRef,\n      side = \"right\",\n      modal,\n      defaultOpen,\n      // Radix content handlers — intercept and merge\n      onOpenAutoFocus: onOpenAutoFocusProp,\n      onCloseAutoFocus: onCloseAutoFocusProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const handleOpenChange = (open: boolean) => {\n      if (!open) onClose();\n    };\n\n    const handleInteractOutside = (e: Event) => {\n      if (!closeOnOutsideClick) e.preventDefault();\n    };\n\n    const handleEscapeKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEsc) e.preventDefault();\n    };\n\n    const handleOpenAutoFocus = (e: Event) => {\n      if (initialFocusRef?.current) {\n        e.preventDefault();\n        initialFocusRef.current.focus();\n      }\n      onOpenAutoFocusProp?.(e);\n    };\n\n    const handleCloseAutoFocus = (e: Event) => {\n      if (finalFocusRef?.current) {\n        e.preventDefault();\n        finalFocusRef.current.focus();\n      }\n      onCloseAutoFocusProp?.(e);\n    };\n\n    return (\n      <PrimitiveSheet\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        modal={modal}\n        defaultOpen={defaultOpen}\n      >\n        <PrimitiveSheetContent\n          ref={ref}\n          side={side}\n          showCloseButton={closeButton}\n          overlayClassName={backdropClassName}\n          onInteractOutside={handleInteractOutside}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          className={cn(SIZE_CLASS_MAP[size], className)}\n          data-testid=\"sheet-wrapper\"\n          {...otherProps}\n        >\n          {children}\n        </PrimitiveSheetContent>\n      </PrimitiveSheet>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  SheetProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Header: typeof SheetHeader;\n  Body: typeof SheetBody;\n  Footer: typeof SheetFooter;\n  Title: typeof SheetTitle;\n  Description: typeof SheetDescription;\n};\n\nSheet.displayName = \"Sheet\";\nSheet.Header = SheetHeader;\nSheet.Body = SheetBody;\nSheet.Footer = SheetFooter;\nSheet.Title = SheetTitle;\nSheet.Description = SheetDescription;\n\nexport { Sheet };\n"],"names":["forwardRef","_jsx","PrimitiveSheetHeader","cn","PrimitiveSheetFooter","PrimitiveSheetTitle","PrimitiveSheetDescription","PrimitiveSheet","PrimitiveSheetContent"],"mappings":"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"}