@bigbinary/neeto-atoms 1.0.7 → 1.0.9

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

@@ -0,0 +1,52 @@
+import type React from "react";
+import type { ComboboxContent } from "src/primitives/Combobox";
+import type { OptionBase } from "./shared.types";
+import type { MultiSelectOption } from "./MultiSelect.types";
+export interface DropdownPassthroughProps {
+    resolvedOptions: MultiSelectOption[];
+    flatOptionsMap: Map<string, OptionBase>;
+    isGrouped: boolean;
+    isLoading: boolean;
+    loadingMessage: string;
+    emptyMessage: string;
+    showCreateOption: boolean;
+    hasMoreLazy: boolean;
+    loaderCallbackRef: (node: HTMLDivElement | null) => void;
+}
+export interface MultiSelectComboboxProps {
+    name?: string;
+    id: string;
+    effectiveItems?: string[] | {
+        label: string;
+        items: string[];
+    }[];
+    labelForValue: (val: string) => string;
+    isSearchable: boolean;
+    isAsync: boolean;
+    isCreatable: boolean;
+    creatableFilter: (v: string, q: string, fn?: (v: string) => string) => boolean;
+    isControlled: boolean;
+    valueProp?: string[];
+    defaultValue?: string[];
+    selectedValues: string[];
+    handleValueChange: (...args: unknown[]) => void;
+    handleInputValueChange: (...args: unknown[]) => void;
+    onOpenChange?: (open: boolean) => void;
+    isDisabled: boolean;
+    autoHighlight: boolean;
+    required: boolean;
+    sizeConfig: {
+        chips: string;
+        input: string;
+        chip: string;
+    };
+    error: string;
+    chipsClassName?: string;
+    placeholder: string;
+    hideChipRemove: boolean;
+    ariaDescribedBy?: string;
+    testIdPrefix?: string;
+    contentProps?: Omit<React.ComponentProps<typeof ComboboxContent>, "anchor" | "children">;
+    dropdownProps: DropdownPassthroughProps;
+    children?: React.ReactNode;
+}

package/dist/components/MultiSelectDropdown.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import type { DropdownPassthroughProps } from "./MultiSelectCombobox.types";
+interface MultiSelectDropdownProps extends DropdownPassthroughProps {
+    labelForValue: (val: string) => string;
+    testIdPrefix?: string;
+    children?: React.ReactNode;
+}
+export declare function MultiSelectDropdown({ resolvedOptions, flatOptionsMap, isGrouped, isLoading, loadingMessage, emptyMessage, showCreateOption, labelForValue, testIdPrefix, hasMoreLazy, loaderCallbackRef, children, }: MultiSelectDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/MultiSelectDropdown.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ComboboxList, ComboboxEmpty, ComboboxCollection, ComboboxGroup, ComboboxLabel } from '../primitives/Combobox.js';
+import { Spinner } from '../primitives/Spinner.js';
+import { OptionItem } from './OptionItem.js';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../input-group-ytECR3Hw.js';
+import '../input-GLCCE2kT.js';
+import '../textarea-BSZwxzjQ.js';
+import '../x-_o2T3n6D.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../check-Cpkv29p1.js';
+import '../chevron-down-BNi0ntys.js';
+import '../with-selector--fY1NrB9.js';
+import '../index-CSMSzzKM.js';
+import 'react-dom';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-DZXbzIgC.js';
+import 'react-i18next';
+import '../loader-circle-DycHUAWN.js';
+import '../useCreatableItems-B0seQA1_.js';
+import './shared.js';
+
+function MultiSelectDropdown({ resolvedOptions, flatOptionsMap, isGrouped, isLoading, loadingMessage, emptyMessage, showCreateOption, labelForValue, testIdPrefix, hasMoreLazy, loaderCallbackRef, children, }) {
+    return (jsxs(ComboboxList, { ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-menu` }
+            : {}), children: [isLoading && (jsx("div", { className: "flex w-full justify-center py-2 text-center text-sm text-muted-foreground", children: loadingMessage })), !isLoading && !showCreateOption && (jsx(ComboboxEmpty, { children: emptyMessage })), children ??
+                (resolvedOptions.length > 0 || showCreateOption ? (isGrouped ? (jsx(ComboboxCollection, { children: (group) => (jsxs(ComboboxGroup, { items: group.items, children: [group.label && jsx(ComboboxLabel, { children: group.label }), jsx(ComboboxCollection, { children: (val) => (jsx(OptionItem, { val: val, flatOptionsMap: flatOptionsMap, labelForValue: labelForValue, testIdPrefix: testIdPrefix }, val)) })] }, group.label || "__create__")) })) : (jsx(ComboboxCollection, { children: (val) => (jsx(OptionItem, { val: val, flatOptionsMap: flatOptionsMap, labelForValue: labelForValue, testIdPrefix: testIdPrefix }, val)) }))) : null), hasMoreLazy && (jsx("div", { ref: loaderCallbackRef, className: "flex w-full items-center justify-center py-3", "data-testid": testIdPrefix ? `${testIdPrefix}-lazy-loader` : "lazy-loader", children: jsx(Spinner, {}) }))] }));
+}
+
+export { MultiSelectDropdown };
+//# sourceMappingURL=MultiSelectDropdown.js.map

package/dist/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","_jsx"],"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,IAAA,CAAC,YAAY,EAAA,EAAA,IACN;AACH,cAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,cAAc;AAChD,cAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CAEN,SAAS,KACRC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2EAA2E,EAAA,QAAA,EACvF,cAAc,EAAA,CACX,CACP,EACA,CAAC,SAAS,IAAI,CAAC,gBAAgB,KAC9BA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EAAE,YAAY,EAAA,CAAiB,CAC9C,EACA,QAAQ;AACP,iBAAC,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,gBAAgB,IAC7C,SAAS,IACPA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAChB,CAAC,KAAyC,MACzCD,KAAC,aAAa,EAAA,EAEZ,KAAK,EAAE,KAAK,CAAC,KAAK,aAEjB,KAAK,CAAC,KAAK,IAAIC,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,EAAA,CAAiB,EAC5DA,IAAC,kBAAkB,EAAA,EAAA,QAAA,EAChB,CAAC,GAAW,MACXA,GAAA,CAAC,UAAU,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,KAErBA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAChB,CAAC,GAAW,MACXA,GAAA,CAAC,UAAU,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,KACVA,aACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAC,8CAA8C,EAAA,aAAA,EAEtD,YAAY,GAAG,CAAA,EAAG,YAAY,CAAA,YAAA,CAAc,GAAG,aAAa,EAAA,QAAA,EAG9DA,IAAC,OAAO,EAAA,EAAA,CAAG,GACP,CACP,CAAA,EAAA,CACY;AAEnB;;;;"}

package/dist/components/OptionItem.d.ts

@@ -0,0 +1,9 @@
+import type { OptionBase } from "./shared.types";
+interface OptionItemProps {
+    val: string;
+    flatOptionsMap: Map<string, OptionBase>;
+    labelForValue: (val: string) => string;
+    testIdPrefix?: string;
+}
+export declare function OptionItem({ val, flatOptionsMap, labelForValue, testIdPrefix, }: OptionItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/OptionItem.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { ComboboxItem } from '../primitives/Combobox.js';
+import { C as CREATE_PREFIX } from '../useCreatableItems-B0seQA1_.js';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../input-group-ytECR3Hw.js';
+import '../input-GLCCE2kT.js';
+import '../textarea-BSZwxzjQ.js';
+import '../x-_o2T3n6D.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../check-Cpkv29p1.js';
+import '../chevron-down-BNi0ntys.js';
+import '../with-selector--fY1NrB9.js';
+import '../index-CSMSzzKM.js';
+import 'react-dom';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-DZXbzIgC.js';
+import './shared.js';
+
+function OptionItem({ val, flatOptionsMap, labelForValue, testIdPrefix, }) {
+    return (jsx(ComboboxItem, { value: val, disabled: !val.startsWith(CREATE_PREFIX) &&
+            flatOptionsMap.get(val)?.disabled, className: val.startsWith(CREATE_PREFIX) ? "text-primary" : undefined, ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-option` }
+            : {}), children: labelForValue(val) }, val));
+}
+
+export { OptionItem };
+//# sourceMappingURL=OptionItem.js.map

package/dist/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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWM,SAAU,UAAU,CAAC,EACzB,GAAG,EACH,cAAc,EACd,aAAa,EACb,YAAY,GACI,EAAA;AAChB,IAAA,QACEA,GAAA,CAAC,YAAY,EAAA,EAEX,KAAK,EAAE,GAAG,EACV,QAAQ,EACN,CAAC,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC;YAC9B,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,QAAQ,EAEnC,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,aAAa,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/components/Popover.d.ts

@@ -0,0 +1,47 @@
+import React, { type ReactNode } from "react";
+import { type VariantProps } from "class-variance-authority";
+import { HoverCardContent } from "src/primitives/HoverCard";
+type PopoverPosition = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "auto";
+declare const popoverVariants: (props?: ({
+    variant?: "default" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type PopoverVariant = NonNullable<VariantProps<typeof popoverVariants>["variant"]>;
+/** Radix HoverCard.Content props we forward via ...otherProps. */
+type HoverCardContentProps = React.ComponentProps<typeof HoverCardContent>;
+export interface PopoverProps extends Omit<HoverCardContentProps, "children" | "className" | "side" | "align"> {
+    /** Content rendered inside the popover. */
+    children?: ReactNode;
+    /** The trigger element that opens the popover on hover. */
+    trigger?: ReactNode;
+    /** Color variant of the popover. */
+    variant?: PopoverVariant;
+    /** Disable the popover. */
+    disabled?: boolean;
+    /** Placement of the popover relative to the trigger. */
+    position?: PopoverPosition;
+    /** Additional CSS class names for the popover content. */
+    className?: string;
+    /** Whether the popover is open (controlled). */
+    open?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Auto-hide after N milliseconds. Use -1 to disable. */
+    hideAfter?: number;
+    /** Auto-hide the popover when the trigger scrolls out of the viewport. */
+    hideOnTargetExit?: boolean;
+    /** Radix HoverCard `defaultOpen` prop. */
+    defaultOpen?: boolean;
+    /** Delay in ms before the popover opens on hover. */
+    openDelay?: number;
+    /** Delay in ms before the popover closes after hover leaves. */
+    closeDelay?: number;
+}
+interface PopoverTitleProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+}
+declare const Title: React.ForwardRefExoticComponent<Omit<PopoverTitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>> & {
+    Title: typeof Title;
+};
+export { Popover };

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/Progress.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Progress as PrimitiveProgress } from "src/primitives/Progress";
+export interface ProgressProps extends React.ComponentProps<typeof PrimitiveProgress> {
+    /** Custom text to display below the bar (e.g., "3 of 10"). */
+    progressValue?: string;
+    /** Show percentage text below the bar. */
+    showPercentage?: boolean;
+    /** Additional CSS class names. */
+    className?: string;
+}
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Progress };

package/dist/components/Progress.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { Progress as Progress$1 } from '../primitives/Progress.js';
+import '../index-CiyxEyB0.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Progress = forwardRef(({ progressValue, showPercentage = false, className, value, ...otherProps }, ref) => {
+    const displayText = progressValue ?? (showPercentage ? `${value ?? 0}%` : null);
+    return (jsxs("div", { className: cn("w-full", className), children: [displayText && (jsx("p", { className: "mb-1.5 text-end text-xs text-muted-foreground", children: displayText })), jsx(Progress$1, { ref: ref, value: value, ...otherProps })] }));
+});
+Progress.displayName = "Progress";
+
+export { Progress };
+//# sourceMappingURL=Progress.js.map

package/dist/components/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sources":["../../src/components/Progress.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Progress as PrimitiveProgress } from \"src/primitives/Progress\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface ProgressProps extends React.ComponentProps<\n  typeof PrimitiveProgress\n> {\n  /** Custom text to display below the bar (e.g., \"3 of 10\"). */\n  progressValue?: string;\n  /** Show percentage text below the bar. */\n  showPercentage?: boolean;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    { progressValue, showPercentage = false, className, value, ...otherProps },\n    ref\n  ) => {\n    const displayText =\n      progressValue ?? (showPercentage ? `${value ?? 0}%` : null);\n\n    return (\n      <div className={cn(\"w-full\", className)}>\n        {displayText && (\n          <p className=\"mb-1.5 text-end text-xs text-muted-foreground\">\n            {displayText}\n          </p>\n        )}\n        <PrimitiveProgress ref={ref} value={value} {...otherProps} />\n      </div>\n    );\n  }\n);\n\nProgress.displayName = \"Progress\";\n\nexport { Progress };\n"],"names":["_jsxs","_jsx","PrimitiveProgress"],"mappings":";;;;;;;;;AAoBA;AACA;AACA;AAEA,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EAAE,aAAa,EAAE,cAAc,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAC1E,GAAG,KACD;AACF,IAAA,MAAM,WAAW,GACf,aAAa,KAAK,cAAc,GAAG,GAAG,KAAK,IAAI,CAAC,CAAA,CAAA,CAAG,GAAG,IAAI,CAAC;AAE7D,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,aACpC,WAAW,KACVC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,+CAA+C,EAAA,QAAA,EACzD,WAAW,EAAA,CACV,CACL,EACDA,GAAA,CAACC,UAAiB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAA,GAAM,UAAU,EAAA,CAAI,CAAA,EAAA,CACzD;AAEV,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

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 {};