@refraction-ui/react 0.19.1 → 0.19.2

package/dist/internal/react-app-shell/index.d.cts

@@ -54,10 +54,6 @@ interface PageShellProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function PageShellRoot({ config, children, className }: PageShellProps): React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>;
-declare namespace PageShellRoot {
-    var displayName: string;
-}
 interface PageShellNavProps {
     children?: React.ReactNode;
     className?: string;
@@ -65,9 +61,6 @@ interface PageShellNavProps {
 declare function Nav({ children, className }: PageShellNavProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Nav {
-    var displayName: string;
-}
 interface PageShellSectionProps extends SectionConfig {
     children?: React.ReactNode;
     className?: string;
@@ -75,9 +68,6 @@ interface PageShellSectionProps extends SectionConfig {
 declare function Section({ children, className, fullWidth, maxWidth, padding, background, }: PageShellSectionProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Section {
-    var displayName: string;
-}
 interface PageShellFooterProps {
     children?: React.ReactNode;
     className?: string;
@@ -86,10 +76,7 @@ interface PageShellFooterProps {
 declare function Footer({ children, className, columns }: PageShellFooterProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Footer {
-    var displayName: string;
-}
-declare const PageShell: typeof PageShellRoot & {
+declare const PageShell: (({ config, children, className }: PageShellProps) => React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>) & {
     Nav: typeof Nav;
     Section: typeof Section;
     Footer: typeof Footer;
@@ -103,10 +90,6 @@ interface AuthShellProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function AuthShellRoot({ config, children, className }: AuthShellProps): React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>;
-declare namespace AuthShellRoot {
-    var displayName: string;
-}
 interface AuthShellCardProps {
     children?: React.ReactNode;
     className?: string;
@@ -115,10 +98,7 @@ declare function AuthShellCard({ children, className }: AuthShellCardProps): Rea
     className: string;
     'data-auth-card': string;
 }, HTMLElement>;
-declare namespace AuthShellCard {
-    var displayName: string;
-}
-declare const AuthShell: typeof AuthShellRoot & {
+declare const AuthShell: (({ config, children, className }: AuthShellProps) => React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>) & {
     Card: typeof AuthShellCard;
 };
 

package/dist/internal/react-app-shell/index.d.ts

@@ -54,10 +54,6 @@ interface PageShellProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function PageShellRoot({ config, children, className }: PageShellProps): React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>;
-declare namespace PageShellRoot {
-    var displayName: string;
-}
 interface PageShellNavProps {
     children?: React.ReactNode;
     className?: string;
@@ -65,9 +61,6 @@ interface PageShellNavProps {
 declare function Nav({ children, className }: PageShellNavProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Nav {
-    var displayName: string;
-}
 interface PageShellSectionProps extends SectionConfig {
     children?: React.ReactNode;
     className?: string;
@@ -75,9 +68,6 @@ interface PageShellSectionProps extends SectionConfig {
 declare function Section({ children, className, fullWidth, maxWidth, padding, background, }: PageShellSectionProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Section {
-    var displayName: string;
-}
 interface PageShellFooterProps {
     children?: React.ReactNode;
     className?: string;
@@ -86,10 +76,7 @@ interface PageShellFooterProps {
 declare function Footer({ children, className, columns }: PageShellFooterProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Footer {
-    var displayName: string;
-}
-declare const PageShell: typeof PageShellRoot & {
+declare const PageShell: (({ config, children, className }: PageShellProps) => React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>) & {
     Nav: typeof Nav;
     Section: typeof Section;
     Footer: typeof Footer;
@@ -103,10 +90,6 @@ interface AuthShellProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function AuthShellRoot({ config, children, className }: AuthShellProps): React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>;
-declare namespace AuthShellRoot {
-    var displayName: string;
-}
 interface AuthShellCardProps {
     children?: React.ReactNode;
     className?: string;
@@ -115,10 +98,7 @@ declare function AuthShellCard({ children, className }: AuthShellCardProps): Rea
     className: string;
     'data-auth-card': string;
 }, HTMLElement>;
-declare namespace AuthShellCard {
-    var displayName: string;
-}
-declare const AuthShell: typeof AuthShellRoot & {
+declare const AuthShell: (({ config, children, className }: AuthShellProps) => React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>) & {
     Card: typeof AuthShellCard;
 };
 

package/dist/internal/react-collapsible/index.d.cts

@@ -16,9 +16,6 @@ interface CollapsibleProps {
     className?: string;
 }
 declare function Collapsible({ open: controlledOpen, defaultOpen, onOpenChange, disabled, children, className, }: CollapsibleProps): React.FunctionComponentElement<React.ProviderProps<CollapsibleContextValue | null>>;
-declare namespace Collapsible {
-    var displayName: string;
-}
 interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/internal/react-collapsible/index.d.ts

@@ -16,9 +16,6 @@ interface CollapsibleProps {
     className?: string;
 }
 declare function Collapsible({ open: controlledOpen, defaultOpen, onOpenChange, disabled, children, className, }: CollapsibleProps): React.FunctionComponentElement<React.ProviderProps<CollapsibleContextValue | null>>;
-declare namespace Collapsible {
-    var displayName: string;
-}
 interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/internal/react-combobox/index.d.cts

@@ -61,9 +61,6 @@ interface ComboboxProps {
  * <ComboboxItem> children inside <ComboboxList> for full control.
  */
 declare function Combobox({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, options, filter, disabled, children, }: ComboboxProps): react_jsx_runtime.JSX.Element;
-declare namespace Combobox {
-    var displayName: string;
-}
 interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: 'sm' | 'default' | 'lg';
     placeholder?: string;

package/dist/internal/react-combobox/index.d.ts

@@ -61,9 +61,6 @@ interface ComboboxProps {
  * <ComboboxItem> children inside <ComboboxList> for full control.
  */
 declare function Combobox({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, options, filter, disabled, children, }: ComboboxProps): react_jsx_runtime.JSX.Element;
-declare namespace Combobox {
-    var displayName: string;
-}
 interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: 'sm' | 'default' | 'lg';
     placeholder?: string;

package/dist/internal/react-command/index.d.cts

@@ -22,9 +22,6 @@ interface CommandProps {
     children?: React.ReactNode;
 }
 declare function Command({ open, onOpenChange, filter, className, children, }: CommandProps): React.FunctionComponentElement<React.ProviderProps<CommandContextValue | null>>;
-declare namespace Command {
-    var displayName: string;
-}
 interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
 }
 declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/internal/react-command/index.d.ts

@@ -22,9 +22,6 @@ interface CommandProps {
     children?: React.ReactNode;
 }
 declare function Command({ open, onOpenChange, filter, className, children, }: CommandProps): React.FunctionComponentElement<React.ProviderProps<CommandContextValue | null>>;
-declare namespace Command {
-    var displayName: string;
-}
 interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
 }
 declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/internal/react-data-table/index.d.cts

@@ -15,8 +15,5 @@ interface DataTableProps<T = Record<string, unknown>> {
 declare function DataTable<T = Record<string, unknown>>({ columns, data, sortBy: controlledSortBy, sortDir: controlledSortDir, onSort, filters: controlledFilters, className, emptyMessage, }: DataTableProps<T>): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace DataTable {
-    var displayName: string;
-}
 
 export { DataTable, type DataTableProps };

package/dist/internal/react-data-table/index.d.ts

@@ -15,8 +15,5 @@ interface DataTableProps<T = Record<string, unknown>> {
 declare function DataTable<T = Record<string, unknown>>({ columns, data, sortBy: controlledSortBy, sortDir: controlledSortDir, onSort, filters: controlledFilters, className, emptyMessage, }: DataTableProps<T>): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace DataTable {
-    var displayName: string;
-}
 
 export { DataTable, type DataTableProps };

package/dist/internal/react-dialog/index.d.cts

@@ -17,9 +17,6 @@ interface DialogProps {
     children?: React.ReactNode;
 }
 declare function Dialog({ open: controlledOpen, defaultOpen, onOpenChange, modal, children, }: DialogProps): React.FunctionComponentElement<React.ProviderProps<DialogContextValue | null>>;
-declare namespace Dialog {
-    var displayName: string;
-}
 interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
 }

package/dist/internal/react-dialog/index.d.ts

@@ -17,9 +17,6 @@ interface DialogProps {
     children?: React.ReactNode;
 }
 declare function Dialog({ open: controlledOpen, defaultOpen, onOpenChange, modal, children, }: DialogProps): React.FunctionComponentElement<React.ProviderProps<DialogContextValue | null>>;
-declare namespace Dialog {
-    var displayName: string;
-}
 interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
 }

package/dist/internal/react-dropdown-menu/index.d.cts

@@ -13,9 +13,6 @@ interface DropdownMenuProps {
     children?: React.ReactNode;
 }
 declare function DropdownMenu({ open: controlledOpen, defaultOpen, onOpenChange, children, }: DropdownMenuProps): React.FunctionComponentElement<React.ProviderProps<DropdownMenuContextValue | null>>;
-declare namespace DropdownMenu {
-    var displayName: string;
-}
 interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Merge the trigger's props/behavior onto the child element instead of
      * rendering a `<button>` around it (Radix-style `asChild`). Use it with

package/dist/internal/react-dropdown-menu/index.d.ts

@@ -13,9 +13,6 @@ interface DropdownMenuProps {
     children?: React.ReactNode;
 }
 declare function DropdownMenu({ open: controlledOpen, defaultOpen, onOpenChange, children, }: DropdownMenuProps): React.FunctionComponentElement<React.ProviderProps<DropdownMenuContextValue | null>>;
-declare namespace DropdownMenu {
-    var displayName: string;
-}
 interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Merge the trigger's props/behavior onto the child element instead of
      * rendering a `<button>` around it (Radix-style `asChild`). Use it with

package/dist/internal/react-feedback-dialog/index.d.cts

@@ -15,9 +15,6 @@ interface FeedbackDialogProps {
 declare function FeedbackDialog({ open: controlledOpen, defaultOpen, onOpenChange, onSubmit, type, className, children, }: FeedbackDialogProps): React.FunctionComponentElement<{
     children?: React.ReactNode | undefined;
 }>;
-declare namespace FeedbackDialog {
-    var displayName: string;
-}
 interface FeedbackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children?: React.ReactNode;
 }

package/dist/internal/react-feedback-dialog/index.d.ts

@@ -15,9 +15,6 @@ interface FeedbackDialogProps {
 declare function FeedbackDialog({ open: controlledOpen, defaultOpen, onOpenChange, onSubmit, type, className, children, }: FeedbackDialogProps): React.FunctionComponentElement<{
     children?: React.ReactNode | undefined;
 }>;
-declare namespace FeedbackDialog {
-    var displayName: string;
-}
 interface FeedbackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children?: React.ReactNode;
 }

package/dist/internal/react-keyboard-shortcut/index.d.cts

@@ -37,9 +37,6 @@ interface KeyboardShortcutProps {
  * Attaches a global keydown listener and calls onTrigger when the combo matches.
  */
 declare function KeyboardShortcut({ keys, onTrigger, enabled, preventDefault, }: KeyboardShortcutProps): null;
-declare namespace KeyboardShortcut {
-    var displayName: string;
-}
 interface ShortcutBadgeProps {
     /** Key combination to display */
     keys: string[];
@@ -50,8 +47,5 @@ interface ShortcutBadgeProps {
 declare function ShortcutBadge({ keys, platform, className }: ShortcutBadgeProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace ShortcutBadge {
-    var displayName: string;
-}
 
 export { KeyboardShortcut, type KeyboardShortcutProps, ShortcutBadge, type ShortcutBadgeProps, ShortcutContext, ShortcutHint, type ShortcutHintProps, ShortcutProvider, type UseShortcutOptions, useShortcut };

package/dist/internal/react-keyboard-shortcut/index.d.ts

@@ -37,9 +37,6 @@ interface KeyboardShortcutProps {
  * Attaches a global keydown listener and calls onTrigger when the combo matches.
  */
 declare function KeyboardShortcut({ keys, onTrigger, enabled, preventDefault, }: KeyboardShortcutProps): null;
-declare namespace KeyboardShortcut {
-    var displayName: string;
-}
 interface ShortcutBadgeProps {
     /** Key combination to display */
     keys: string[];
@@ -50,8 +47,5 @@ interface ShortcutBadgeProps {
 declare function ShortcutBadge({ keys, platform, className }: ShortcutBadgeProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace ShortcutBadge {
-    var displayName: string;
-}
 
 export { KeyboardShortcut, type KeyboardShortcutProps, ShortcutBadge, type ShortcutBadgeProps, ShortcutContext, ShortcutHint, type ShortcutHintProps, ShortcutProvider, type UseShortcutOptions, useShortcut };

package/dist/internal/react-popover/index.d.cts

@@ -16,9 +16,6 @@ interface PopoverProps {
     children: React.ReactNode;
 }
 declare function Popover({ open: controlledOpen, defaultOpen, onOpenChange, placement, children }: PopoverProps): React.FunctionComponentElement<React.ProviderProps<PopoverContextValue | null>>;
-declare namespace Popover {
-    var displayName: string;
-}
 interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/internal/react-popover/index.d.ts

@@ -16,9 +16,6 @@ interface PopoverProps {
     children: React.ReactNode;
 }
 declare function Popover({ open: controlledOpen, defaultOpen, onOpenChange, placement, children }: PopoverProps): React.FunctionComponentElement<React.ProviderProps<PopoverContextValue | null>>;
-declare namespace Popover {
-    var displayName: string;
-}
 interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/internal/react-sheet/index.d.cts

@@ -26,9 +26,6 @@ interface SheetProps {
     children?: React.ReactNode;
 }
 declare function Sheet({ open: controlledOpen, defaultOpen, onOpenChange, modal, side, children, }: SheetProps): React.FunctionComponentElement<React.ProviderProps<SheetContextValue | null>>;
-declare namespace Sheet {
-    var displayName: string;
-}
 interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const SheetTrigger: React.ForwardRefExoticComponent<SheetTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/internal/react-sheet/index.d.ts

@@ -26,9 +26,6 @@ interface SheetProps {
     children?: React.ReactNode;
 }
 declare function Sheet({ open: controlledOpen, defaultOpen, onOpenChange, modal, side, children, }: SheetProps): React.FunctionComponentElement<React.ProviderProps<SheetContextValue | null>>;
-declare namespace Sheet {
-    var displayName: string;
-}
 interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const SheetTrigger: React.ForwardRefExoticComponent<SheetTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/internal/react-toast/index.d.cts

@@ -9,9 +9,6 @@ interface ToastProviderProps {
     children?: React.ReactNode;
 }
 declare function ToastProvider({ children }: ToastProviderProps): React.FunctionComponentElement<React.ProviderProps<ToastContextValue | null>>;
-declare namespace ToastProvider {
-    var displayName: string;
-}
 interface UseToastReturn {
     /** Show a new toast */
     toast: (message: string, opts?: {

package/dist/internal/react-toast/index.d.ts

@@ -9,9 +9,6 @@ interface ToastProviderProps {
     children?: React.ReactNode;
 }
 declare function ToastProvider({ children }: ToastProviderProps): React.FunctionComponentElement<React.ProviderProps<ToastContextValue | null>>;
-declare namespace ToastProvider {
-    var displayName: string;
-}
 interface UseToastReturn {
     /** Show a new toast */
     toast: (message: string, opts?: {

package/dist/internal/react-tooltip/index.d.cts

@@ -19,9 +19,6 @@ interface TooltipProps {
     children: React.ReactNode;
 }
 declare function Tooltip({ open: controlledOpen, defaultOpen, onOpenChange, placement, delayDuration, children, }: TooltipProps): React.FunctionComponentElement<React.ProviderProps<TooltipContextValue | null>>;
-declare namespace Tooltip {
-    var displayName: string;
-}
 interface TooltipTriggerProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/internal/react-tooltip/index.d.ts

@@ -19,9 +19,6 @@ interface TooltipProps {
     children: React.ReactNode;
 }
 declare function Tooltip({ open: controlledOpen, defaultOpen, onOpenChange, placement, delayDuration, children, }: TooltipProps): React.FunctionComponentElement<React.ProviderProps<TooltipContextValue | null>>;
-declare namespace Tooltip {
-    var displayName: string;
-}
 interface TooltipTriggerProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/react-accordion.js

@@ -0,0 +1,125 @@
+import {
+  createAccordion,
+  isItemOpen
+} from "./chunk-FD37DFCC.js";
+import {
+  cn,
+  devWarn
+} from "./chunk-ZF3OHCGV.js";
+
+// ../react-accordion/dist/index.js
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AccordionContext = React.createContext(null);
+var Accordion = React.forwardRef(
+  function Accordion2({ className, type = "single", collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) {
+    const apiRef = React.useRef(null);
+    if (apiRef.current === null) {
+      apiRef.current = createAccordion({ type, collapsible, defaultValue, value: controlledValue, onValueChange });
+    }
+    const api = apiRef.current;
+    const state = React.useSyncExternalStore(api.subscribe, api.getState, api.getState);
+    React.useEffect(() => {
+      api.setOptions({ type, collapsible, onValueChange });
+    });
+    React.useEffect(() => {
+      if (controlledValue !== void 0) api.setValue(controlledValue);
+    }, [api, controlledValue]);
+    return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { state, toggleItem: api.toggleItem }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col w-full", className), ...props }) });
+  }
+);
+var AccordionItemContext = React.createContext(null);
+var AccordionItem = React.forwardRef(
+  function AccordionItem2({ className, value, ...props }, ref) {
+    const context = React.useContext(AccordionContext);
+    if (!context) {
+      devWarn(
+        "react-accordion/item-outside-accordion",
+        "<AccordionItem> must be rendered inside an <Accordion>. The missing AccordionContext makes this throw."
+      );
+      throw new Error("AccordionItem must be within Accordion");
+    }
+    const isOpen = isItemOpen(context.state, value);
+    return /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value: { value, isOpen }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("border-b border-border", className), "data-state": isOpen ? "open" : "closed", ...props }) });
+  }
+);
+var AccordionTrigger = React.forwardRef(
+  function AccordionTrigger2({ className, children, ...props }, ref) {
+    const accordionContext = React.useContext(AccordionContext);
+    const itemContext = React.useContext(AccordionItemContext);
+    if (!accordionContext || !itemContext) {
+      devWarn(
+        "react-accordion/trigger-missing-context",
+        "<AccordionTrigger> must be rendered inside an <AccordionItem> within an <Accordion>. The missing AccordionContext/AccordionItemContext makes this throw."
+      );
+      throw new Error("AccordionTrigger missing context");
+    }
+    return /* @__PURE__ */ jsx("h3", { className: "flex m-0 p-0", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-expanded": itemContext.isOpen,
+        className: cn(
+          "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+          className
+        ),
+        "data-state": itemContext.isOpen ? "open" : "closed",
+        onClick: () => accordionContext.toggleItem(itemContext.value),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200",
+              children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+var AccordionContent = React.forwardRef(
+  function AccordionContent2({ className, children, ...props }, ref) {
+    const itemContext = React.useContext(AccordionItemContext);
+    if (!itemContext) {
+      devWarn(
+        "react-accordion/content-missing-context",
+        "<AccordionContent> must be rendered inside an <AccordionItem>. The missing AccordionItemContext makes this throw."
+      );
+      throw new Error("AccordionContent missing context");
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "overflow-hidden text-sm",
+          className
+        ),
+        "data-state": itemContext.isOpen ? "open" : "closed",
+        hidden: !itemContext.isOpen,
+        ...props,
+        children: /* @__PURE__ */ jsx("div", { className: "pb-4 pt-0 text-muted-foreground leading-relaxed", children })
+      }
+    );
+  }
+);
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=react-accordion.js.map

package/dist/react-accordion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../react-accordion/src/accordion.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cn, devWarn } from '@refraction-ui/shared'\nimport {\n  createAccordion,\n  isItemOpen,\n  type AccordionAPI,\n  type AccordionState,\n} from '@refraction-ui/accordion'\n\nconst AccordionContext = React.createContext<{\n  state: AccordionState\n  toggleItem: AccordionAPI['toggleItem']\n} | null>(null)\n\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'> {\n  type?: 'single' | 'multiple'\n  collapsible?: boolean\n  defaultValue?: string | string[]\n  value?: string | string[]\n  onValueChange?: (value: string | string[]) => void\n}\n\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion({ className, type = 'single', collapsible, value: controlledValue, defaultValue, onValueChange, ...props }, ref) {\n    // The headless core owns the open/closed state machine; it is created once\n    // and props are synced into it below.\n    const apiRef = React.useRef<AccordionAPI | null>(null)\n    if (apiRef.current === null) {\n      apiRef.current = createAccordion({ type, collapsible, defaultValue, value: controlledValue, onValueChange })\n    }\n    const api = apiRef.current\n\n    const state = React.useSyncExternalStore(api.subscribe, api.getState, api.getState)\n\n    React.useEffect(() => {\n      api.setOptions({ type, collapsible, onValueChange })\n    })\n    React.useEffect(() => {\n      if (controlledValue !== undefined) api.setValue(controlledValue)\n    }, [api, controlledValue])\n\n    return (\n      <AccordionContext.Provider value={{ state, toggleItem: api.toggleItem }}>\n        <div ref={ref} className={cn(\"flex flex-col w-full\", className)} {...props} />\n      </AccordionContext.Provider>\n    )\n  }\n)\n\nconst AccordionItemContext = React.createContext<{ value: string; isOpen: boolean } | null>(null)\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string\n}\n\nexport const AccordionItem = React.forwardRef<HTMLDivElement, AccordionItemProps>(\n  function AccordionItem({ className, value, ...props }, ref) {\n    const context = React.useContext(AccordionContext)\n    if (!context) {\n      devWarn(\n        'react-accordion/item-outside-accordion',\n        '<AccordionItem> must be rendered inside an <Accordion>. The missing AccordionContext makes this throw.',\n      )\n      throw new Error('AccordionItem must be within Accordion')\n    }\n\n    const isOpen = isItemOpen(context.state, value)\n\n    return (\n      <AccordionItemContext.Provider value={{ value, isOpen }}>\n        <div ref={ref} className={cn(\"border-b border-border\", className)} data-state={isOpen ? 'open' : 'closed'} {...props} />\n      </AccordionItemContext.Provider>\n    )\n  }\n)\n\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const AccordionTrigger = React.forwardRef<HTMLButtonElement, AccordionTriggerProps>(\n  function AccordionTrigger({ className, children, ...props }, ref) {\n    const accordionContext = React.useContext(AccordionContext)\n    const itemContext = React.useContext(AccordionItemContext)\n\n    if (!accordionContext || !itemContext) {\n      devWarn(\n        'react-accordion/trigger-missing-context',\n        '<AccordionTrigger> must be rendered inside an <AccordionItem> within an <Accordion>. The missing AccordionContext/AccordionItemContext makes this throw.',\n      )\n      throw new Error('AccordionTrigger missing context')\n    }\n\n    return (\n      <h3 className=\"flex m-0 p-0\">\n        <button\n          ref={ref}\n          type=\"button\"\n          aria-expanded={itemContext.isOpen}\n          className={cn(\n            \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\n            className\n          )}\n          data-state={itemContext.isOpen ? 'open' : 'closed'}\n          onClick={() => accordionContext.toggleItem(itemContext.value)}\n          {...props}\n        >\n          {children}\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\"\n          >\n            <path d=\"m6 9 6 6 6-6\"/>\n          </svg>\n        </button>\n      </h3>\n    )\n  }\n)\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const AccordionContent = React.forwardRef<HTMLDivElement, AccordionContentProps>(\n  function AccordionContent({ className, children, ...props }, ref) {\n    const itemContext = React.useContext(AccordionItemContext)\n    if (!itemContext) {\n      devWarn(\n        'react-accordion/content-missing-context',\n        '<AccordionContent> must be rendered inside an <AccordionItem>. The missing AccordionItemContext makes this throw.',\n      )\n      throw new Error('AccordionContent missing context')\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"overflow-hidden text-sm\",\n          className\n        )}\n        data-state={itemContext.isOpen ? 'open' : 'closed'}\n        hidden={!itemContext.isOpen}\n        {...props}\n      >\n        <div className=\"pb-4 pt-0 text-muted-foreground leading-relaxed\">{children}</div>\n      </div>\n    )\n  }\n)\n"],
+  "mappings": "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",
+  "names": ["Accordion", "AccordionItem", "AccordionTrigger", "AccordionContent"]
+}