@bigbinary/neeto-atoms 1.0.7 → 1.0.8

package/dist/components/Popover.js

@@ -0,0 +1,117 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React__default, { forwardRef, useState, useCallback, useRef, useEffect } from 'react';
+import { c as cva } from '../index-D7Zy7P05.js';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { HoverCard, HoverCardTrigger, HoverCardContent } from '../primitives/HoverCard.js';
+import '../index-DNzunGHb.js';
+import '../index-CiyxEyB0.js';
+import '../index-Cor698lu.js';
+import '../index-DOzu5J1s.js';
+import '../index-BtkPdosV.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import 'react-dom';
+import '../index-DhnfW8wQ.js';
+import '../index-CSUSJzOJ.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+import '../index-BNPynZWM.js';
+
+// ---------------------------------------------------------------------------
+// Variants
+// ---------------------------------------------------------------------------
+const popoverVariants = 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 = forwardRef(({ children, className, ...otherProps }, ref) => (jsx("div", { ref: ref, "data-slot": "popover-title", className: cn("text-sm font-semibold", className), ...otherProps, children: children })));
+Title.displayName = "Popover.Title";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Popover = 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] = useState(false);
+    const isControlled = openProp !== undefined;
+    const open = isControlled ? openProp : internalOpen;
+    const handleOpenChange = useCallback((next) => {
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChangeProp?.(next);
+    }, [isControlled, onOpenChangeProp]);
+    const triggerRef = useRef(null);
+    // Auto-hide after hideAfter ms
+    useEffect(() => {
+        if (!open || hideAfter <= 0)
+            return;
+        const timer = setTimeout(() => handleOpenChange(false), hideAfter);
+        return () => clearTimeout(timer);
+    }, [open, hideAfter, handleOpenChange]);
+    // Hide popover when trigger exits viewport
+    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 jsx(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.isValidElement(trigger) ? (trigger) : (jsx("span", { children: trigger }));
+    return (jsxs(HoverCard, { open: open, onOpenChange: handleOpenChange, defaultOpen: defaultOpen, openDelay: openDelay, closeDelay: closeDelay, children: [jsx(HoverCardTrigger, { ref: triggerRef, asChild: true, children: triggerElement }), jsx(HoverCardContent, { ref: ref, side: side, align: align, className: cn(popoverVariants({ variant }), className), ...contentProps, children: children })] }));
+});
+Popover.displayName = "Popover";
+Popover.Title = Title;
+
+export { Popover };
+//# sourceMappingURL=Popover.js.map

package/dist/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":["_jsx","_Fragment","React","_jsxs"],"mappings":"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"}

package/dist/components/RadioGroup.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { RadioGroup as PrimitiveRadioGroup, RadioGroupItem as PrimitiveRadioGroupItem } from "src/primitives/RadioGroup";
+export interface RadioGroupProps extends Omit<React.ComponentProps<typeof PrimitiveRadioGroup>, "children"> {
+    /** Group label displayed above the radio items. */
+    label?: string;
+    /** Error message displayed below the group. */
+    error?: string;
+    /** Helper text displayed below the group label. Accepts string or ReactNode. */
+    helpText?: React.ReactNode;
+    /** Layout orientation. Defaults to "horizontal". */
+    orientation?: "horizontal" | "vertical";
+    /** Additional class name for the outermost wrapper. */
+    className?: string;
+    /** RadioGroup.Item children. */
+    children?: React.ReactNode;
+}
+interface RadioGroupItemProps extends React.ComponentProps<typeof PrimitiveRadioGroupItem> {
+    /** Label displayed next to the radio. */
+    label?: string;
+    /** Helper text displayed below the item label. Accepts string or ReactNode. */
+    helpText?: React.ReactNode;
+    /** Radio value (required). */
+    value: string;
+    /** Additional class name for the item wrapper. */
+    className?: string;
+    /** Optional id override; auto-generated if omitted. */
+    id?: string;
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<Omit<RadioGroupItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export { RadioGroup };

package/dist/components/RadioGroup.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useId } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { RadioGroupItem as RadioGroupItem$1, RadioGroup as RadioGroup$1 } from '../primitives/RadioGroup.js';
+import { Label } from '../primitives/Label.js';
+import { FieldDescription, Field, FieldLabel, FieldContent, FieldError } from '../primitives/Field.js';
+import '../index-DNzunGHb.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-j_qxDBFl.js';
+import '../index-Dd1i1d2M.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-CSUSJzOJ.js';
+import '../index-Cor698lu.js';
+import '../index-BA158WEj.js';
+import '../index-BYZaLNq1.js';
+import '../index-30QpKM0j.js';
+import '../index-yFgkK_AM.js';
+import '../label-B4qDF3W1.js';
+import '../index-D7Zy7P05.js';
+import '../separator-BbhgePmX.js';
+
+// ---------------------------------------------------------------------------
+// RadioGroup.Item
+// ---------------------------------------------------------------------------
+const RadioGroupItem = forwardRef(({ label, helpText, value, className, id: idProp, ...props }, ref) => {
+    const generatedId = useId();
+    const id = idProp ?? generatedId;
+    const helpTextId = `helpText_${id}`;
+    return (jsxs("div", { className: cn("flex gap-2", helpText ? "items-start" : "items-center", className), children: [jsx(RadioGroupItem$1, { ref: ref, id: id, value: value, "aria-describedby": helpText ? helpTextId : undefined, className: helpText ? "mt-0.5" : undefined, ...props }), (label || helpText) && (jsxs("div", { className: "flex flex-col gap-0.5", children: [label && (jsx(Label, { htmlFor: id, className: "cursor-pointer font-normal", children: label })), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] }))] }));
+});
+RadioGroupItem.displayName = "RadioGroup.Item";
+// ---------------------------------------------------------------------------
+// RadioGroup (root)
+// ---------------------------------------------------------------------------
+const RadioGroupRoot = forwardRef(({ label, error, helpText, orientation = "horizontal", className, disabled, required, children, ...props }, ref) => {
+    const generatedId = useId();
+    const errorId = `error_${generatedId}`;
+    const helpTextId = `helpText_${generatedId}`;
+    const hasField = !!(label || error || helpText);
+    const radioGroup = (jsx(RadioGroup$1, { 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: 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 (jsxs(Field, { "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, className: className, children: [(label || helpText) && (jsxs("div", { children: [label && (jsxs(FieldLabel, { children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })), jsxs(FieldContent, { children: [radioGroup, !!error && jsx(FieldError, { id: errorId, children: error })] })] }));
+});
+RadioGroupRoot.displayName = "RadioGroup";
+// ---------------------------------------------------------------------------
+// Compound component
+// ---------------------------------------------------------------------------
+const RadioGroup = Object.assign(RadioGroupRoot, {
+    Item: RadioGroupItem,
+});
+
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/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":["_jsxs","_jsx","PrimitiveRadioGroupItem","PrimitiveRadioGroup"],"mappings":"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"}

package/dist/components/Select.constants.d.ts

@@ -0,0 +1,5 @@
+export declare const SIZE_CONFIG: Record<"small" | "medium" | "large", {
+    trigger: string;
+    size: "sm" | "default";
+    clearBtn: string;
+}>;

package/dist/components/Select.d.ts

@@ -0,0 +1,4 @@
+import type { SelectProps } from "./Select.types";
+export type { SelectProps, SelectOption, SelectOptionBase, SelectOptionGroup, } from "./Select.types";
+declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { Select };

package/dist/components/Select.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

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

package/dist/components/Select.types.d.ts

@@ -0,0 +1,58 @@
+import type React from "react";
+import type { FieldLabel } from "src/primitives/Field";
+import type { SelectContent } from "src/primitives/Select";
+import type { OptionBase, OptionGroup, Option } from "./shared.types";
+type SelectSize = "small" | "medium" | "large";
+type SelectPosition = "item-aligned" | "popper";
+export type SelectOptionBase = OptionBase;
+export type SelectOptionGroup = OptionGroup;
+export type SelectOption = Option;
+export interface SelectProps {
+    /** Unique identifier for the select. Auto-generated if omitted. */
+    id?: string;
+    /** Name attribute forwarded to the hidden native select. */
+    name?: string;
+    /** Size of the trigger button. */
+    size?: SelectSize;
+    /** Label displayed above the select. */
+    label?: string;
+    /** Error message displayed below the select. */
+    error?: string;
+    /** Help text displayed below the select. */
+    helpText?: React.ReactNode;
+    /** Placeholder text when no value is selected. */
+    placeholder?: string;
+    /** Flat or grouped option list. */
+    options?: SelectOption[];
+    /** Controlled selected value. */
+    value?: string;
+    /** Default selected value (uncontrolled). */
+    defaultValue?: string;
+    /** Callback fired when value changes. */
+    onChange?: (value: string) => void;
+    /** Disable the select. */
+    isDisabled?: boolean;
+    /** Show a clear/reset button when a value is selected. */
+    isClearable?: boolean;
+    /** Mark as required. */
+    required?: boolean;
+    /** Positioning strategy for the dropdown content. */
+    position?: SelectPosition;
+    /** Callback fired when the dropdown menu opens. */
+    onMenuOpen?: () => void;
+    /** Callback fired when the dropdown menu closes. */
+    onMenuClose?: () => void;
+    /** Custom data-testid prefix for the component tree. */
+    dataTestId?: string;
+    /** Props forwarded to the FieldLabel. */
+    labelProps?: Omit<React.ComponentProps<typeof FieldLabel>, "htmlFor" | "children">;
+    /** Props forwarded to the SelectContent. */
+    contentProps?: Omit<React.ComponentProps<typeof SelectContent>, "position" | "children">;
+    /** Additional CSS class names for the outermost wrapper. */
+    className?: string;
+    /** Additional CSS class names for the trigger element. */
+    triggerClassName?: string;
+    /** Children rendered inside the SelectContent (overrides `options`). */
+    children?: React.ReactNode;
+}
+export {};

package/dist/components/SelectFieldWrapper.d.ts

@@ -0,0 +1,18 @@
+import type React from "react";
+import { FieldLabel } from "src/primitives/Field";
+interface SelectFieldWrapperProps {
+    id: string;
+    label: string;
+    error: string;
+    helpText: React.ReactNode;
+    errorId: string;
+    helpTextId: string;
+    isDisabled: boolean;
+    required: boolean;
+    testIdPrefix?: string;
+    labelProps?: Omit<React.ComponentProps<typeof FieldLabel>, "htmlFor" | "children">;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function SelectFieldWrapper({ id, label, error, helpText, errorId, helpTextId, isDisabled, required, testIdPrefix, labelProps, className, children, }: SelectFieldWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SelectFieldWrapper.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '../primitives/Field.js';
+import 'react';
+import '../index-D7Zy7P05.js';
+import '../utils-DdHUxIdC.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../separator-BbhgePmX.js';
+
+function SelectFieldWrapper({ id, label, error, helpText, errorId, helpTextId, isDisabled, required, testIdPrefix, labelProps, className, children, }) {
+    const hasField = !!(label || error || helpText);
+    if (!hasField) {
+        return (jsx("div", { className: className, ...(testIdPrefix
+                ? { "data-testid": `${testIdPrefix}-select-container-wrapper` }
+                : {}), children: children }));
+    }
+    return (jsxs(Field, { "data-disabled": isDisabled || undefined, "data-invalid": !!error || undefined, className: className, ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-container-wrapper` }
+            : {}), children: [label && (jsxs(FieldLabel, { htmlFor: id, ...labelProps, ...(testIdPrefix
+                    ? { "data-testid": `${testIdPrefix}-input-label` }
+                    : {}), children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), jsxs(FieldContent, { children: [children, !!error && (jsx(FieldError, { id: errorId, ...(testIdPrefix
+                            ? { "data-testid": `${testIdPrefix}-select-error` }
+                            : {}), children: error })), helpText && (jsx(FieldDescription, { id: helpTextId, ...(testIdPrefix
+                            ? { "data-testid": `${testIdPrefix}-select-help-text` }
+                            : {}), children: helpText }))] })] }));
+}
+
+export { SelectFieldWrapper };
+//# sourceMappingURL=SelectFieldWrapper.js.map

package/dist/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"],"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,GAAA,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,IAAA,CAAC,KAAK,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,KACJA,IAAA,CAAC,UAAU,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,KACPD,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,GAAA,EAAA,CAE9C,CACR,CAAA,EAAA,CACU,CACd,EACDC,IAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACV,QAAQ,EACR,CAAC,CAAC,KAAK,KACND,GAAA,CAAC,UAAU,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,KACPA,GAAA,CAAC,gBAAgB,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/components/SelectOptions.d.ts

@@ -0,0 +1,2 @@
+import type { SelectOption } from "./Select.types";
+export declare function renderOptions(options: SelectOption[], testId?: string): import("react/jsx-runtime").JSX.Element[];

package/dist/components/SelectOptions.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SelectGroup, SelectLabel, SelectItem } from '../primitives/Select.js';
+import { isOptionGroup } from './shared.js';
+import '../utils-DdHUxIdC.js';
+import '../chevron-down-BNi0ntys.js';
+import '../createLucideIcon-C8ycilSN.js';
+import 'react';
+import '../chevron-up-Bf2G3AAU.js';
+import '../check-Cpkv29p1.js';
+import 'react-dom';
+import '../index-BfAAoDv6.js';
+import '../index-DNzunGHb.js';
+import '../index-Dd1i1d2M.js';
+import '../index-CiyxEyB0.js';
+import '../index-BtkPdosV.js';
+import '../index-BA158WEj.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import '../index-CSUSJzOJ.js';
+import '../index-B4_fVWDx.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-Cor698lu.js';
+import '../index-30QpKM0j.js';
+import '../index-CSggBaQF.js';
+
+function renderOptions(options, testId) {
+    return options.map(opt => {
+        if (isOptionGroup(opt)) {
+            return (jsxs(SelectGroup, { children: [jsx(SelectLabel, { children: opt.label }), opt.options.map(item => (jsx(SelectItem, { value: item.value, disabled: item.disabled, ...(testId ? { "data-testid": `${testId}-select-option` } : {}), children: item.label }, item.value)))] }, opt.label));
+        }
+        return (jsx(SelectItem, { value: opt.value, disabled: opt.disabled, ...(testId ? { "data-testid": `${testId}-select-option` } : {}), children: opt.label }, opt.value));
+    });
+}
+
+export { renderOptions };
+//# sourceMappingURL=SelectOptions.js.map

package/dist/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":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIM,SAAU,aAAa,CAAC,OAAuB,EAAE,MAAe,EAAA;AACpE,IAAA,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,IAAG;AACvB,QAAA,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;AACtB,YAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAA,CACVC,IAAC,WAAW,EAAA,EAAA,QAAA,EAAE,GAAG,CAAC,KAAK,EAAA,CAAe,EACrC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,KACnBA,IAAC,UAAU,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,QACEA,GAAA,CAAC,UAAU,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/components/SelectTriggerContent.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface SelectTriggerContentProps {
+    id: string;
+    sizeConfig: {
+        trigger: string;
+        size: "sm" | "default";
+        clearBtn: string;
+    };
+    error: string;
+    ariaDescribedBy?: string;
+    triggerClassName?: string;
+    testIdPrefix?: string;
+    placeholder: string;
+    showClearButton: boolean;
+    handleClear: (e: React.MouseEvent) => void;
+}
+export declare const SelectTriggerContent: React.ForwardRefExoticComponent<SelectTriggerContentProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/SelectTriggerContent.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { SelectTrigger, SelectValue } from '../primitives/Select.js';
+import { X } from '../x-_o2T3n6D.js';
+import '../chevron-down-BNi0ntys.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../chevron-up-Bf2G3AAU.js';
+import '../check-Cpkv29p1.js';
+import 'react-dom';
+import '../index-BfAAoDv6.js';
+import '../index-DNzunGHb.js';
+import '../index-Dd1i1d2M.js';
+import '../index-CiyxEyB0.js';
+import '../index-BtkPdosV.js';
+import '../index-BA158WEj.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import '../index-CSUSJzOJ.js';
+import '../index-B4_fVWDx.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-Cor698lu.js';
+import '../index-30QpKM0j.js';
+import '../index-CSggBaQF.js';
+
+const SelectTriggerContent = forwardRef(({ id, sizeConfig, error, ariaDescribedBy, triggerClassName, testIdPrefix, placeholder, showClearButton, handleClear, }, ref) => (jsxs(SelectTrigger, { ref: ref, id: id, size: sizeConfig.size, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, className: cn("w-full", sizeConfig.trigger, triggerClassName), ...(testIdPrefix
+        ? { "data-testid": `${testIdPrefix}-select-container` }
+        : {}), children: [jsx(SelectValue, { placeholder: placeholder, ...(testIdPrefix
+                ? { "data-testid": `${testIdPrefix}-select-value` }
+                : {}) }), showClearButton && (jsx("button", { type: "button", "aria-label": "Clear selection", tabIndex: -1, className: 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: jsx(X, { "aria-hidden": "true", className: sizeConfig.clearBtn }) }))] })));
+SelectTriggerContent.displayName = "SelectTriggerContent";
+
+export { SelectTriggerContent };
+//# sourceMappingURL=SelectTriggerContent.js.map

package/dist/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":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,oBAAoB,GAAG,UAAU,CAI5C,CACE,EACE,EAAE,EACF,UAAU,EACV,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,WAAW,GACZ,EACD,GAAG,MAEHA,KAAC,aAAa,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,EAAE,EAAE,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,GAAA,CAAC,WAAW,EAAA,EACV,WAAW,EAAE,WAAW,EAAA,IACnB;AACH,kBAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,eAAe;kBAC/C,EAAE,CAAC,EAAA,CACP,EACD,eAAe,KACdA,GAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,iBAAiB,EAC5B,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,EAAE,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,EAEPA,IAAC,CAAC,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/components/Sheet.d.ts

@@ -0,0 +1,54 @@
+import React, { type ReactNode, type RefObject } from "react";
+import { SheetContent as PrimitiveSheetContent } from "src/primitives/Sheet";
+type SheetSize = "small" | "large" | "extraLarge";
+/** Radix Sheet.Content props we forward via ...otherProps. */
+type SheetContentProps = React.ComponentProps<typeof PrimitiveSheetContent>;
+export interface SheetProps extends Omit<SheetContentProps, "children" | "className" | "side" | "showCloseButton" | "onEscapeKeyDown" | "onInteractOutside"> {
+    /** Size of the sheet. */
+    size?: SheetSize;
+    /** Whether the sheet is open. */
+    isOpen?: boolean;
+    /** Callback invoked when the sheet is closed. */
+    onClose?: () => void;
+    /** Content rendered inside the sheet. */
+    children?: ReactNode;
+    /** Additional CSS class names applied to the sheet content. */
+    className?: string;
+    /** Close on pressing the Esc key. */
+    closeOnEsc?: boolean;
+    /** Show the close button. */
+    closeButton?: boolean;
+    /** Additional CSS class names applied to the backdrop/overlay. */
+    backdropClassName?: string;
+    /** Close on clicking outside the sheet. */
+    closeOnOutsideClick?: boolean;
+    /** Ref of the element to receive focus when the sheet opens. */
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    /** Ref of the element to receive focus when the sheet closes. */
+    finalFocusRef?: RefObject<HTMLElement | null>;
+    /** Which side the sheet slides in from. */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Radix Dialog `modal` prop — controls modal vs non-modal behaviour. */
+    modal?: boolean;
+    /** Radix Dialog `defaultOpen` prop. */
+    defaultOpen?: boolean;
+}
+interface SheetSubcomponentProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+}
+declare const SheetHeader: React.ForwardRefExoticComponent<Omit<SheetSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetBody: React.ForwardRefExoticComponent<Omit<SheetSubcomponentProps & {
+    hasFooter?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetFooter: React.ForwardRefExoticComponent<Omit<SheetSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const Sheet: React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: typeof SheetHeader;
+    Body: typeof SheetBody;
+    Footer: typeof SheetFooter;
+    Title: typeof SheetTitle;
+    Description: typeof SheetDescription;
+};
+export { Sheet };