@alfadocs/ui-kit-debug 0.17.0 → 0.17.2

package/dist/_chunks/{dialog-DRp6Dejy.js → dialog-DUomPCRS.js}

@@ -1,12 +1,13 @@
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import { useState as k, useRef as z, useEffect as E, useCallback as I, useMemo as O, forwardRef as d, useContext as B, createContext as S } from "react";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import { useRef as R, useEffect as T, useMemo as O, forwardRef as d, useContext as j, createContext as z } from "react";
 import * as t from "@radix-ui/react-dialog";
-import { c as A } from "./index-D2ZczOXr.js";
-import { useTranslation as H } from "react-i18next";
-import { I as F } from "./icon-button-C4CGcYuz.js";
-import { u as L } from "./registry-C9nwlNyL.js";
-import { X as V } from "./x-CCcI3eJp.js";
-const $ = {
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { I } from "./icon-button-C4CGcYuz.js";
+import { u as B } from "./use-controllable-state-BiY4xTzM.js";
+import { u as S } from "./registry-C9nwlNyL.js";
+import { X as A } from "./x-CCcI3eJp.js";
+const H = {
   id: "dialog",
   capabilities: ["open", "close", "dismiss"],
   state: {
@@ -47,14 +48,14 @@ const $ = {
       description: "Sourced from the id prop on Dialog.Root."
     }
   }
-}, P = [
+}, V = [
   "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
   "ds:bg-[var(--background)]/[var(--opacity-70)]",
   "ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), _ = [
+].join(" "), F = [
   "ds:fixed ds:z-[var(--z-modal)]",
   "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
   "ds:shadow-[var(--shadow-xl)]",
@@ -63,86 +64,83 @@ const $ = {
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), u = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", M = A(_, {
+].join(" "), g = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", L = k(F, {
   variants: {
     size: {
-      sm: `${u} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      md: `${u} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      lg: `${u} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      sm: `${g} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      md: `${g} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      lg: `${g} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
       fullscreen: "ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto"
     }
   },
   defaultVariants: { size: "md" }
-}), D = S(void 0), v = ({
+}), f = z(void 0), u = ({
   children: o,
   id: e,
   open: a,
   defaultOpen: r,
-  onOpenChange: i,
+  onOpenChange: c,
   ...p
 }) => {
-  const l = a !== void 0, [m, g] = k(
-    r ?? !1
-  ), n = l ? !!a : m, f = z(n);
-  E(() => {
-    f.current = n;
-  }, [n]);
-  const c = I(
-    (x) => {
-      l || g(x), i == null || i(x);
-    },
-    [l, i]
-  ), j = O(
+  const [m, n] = B({
+    value: a,
+    defaultValue: r ?? !1,
+    onChange: c
+  }), i = m ?? !1, l = R(i);
+  T(() => {
+    l.current = i;
+  }, [i]);
+  const N = O(
     () => ({
-      getIsOpen: () => f.current,
-      open: () => c(!0),
-      close: () => c(!1)
+      getIsOpen: () => l.current,
+      open: () => n(!0),
+      close: () => n(!1)
     }),
-    [c]
+    [n]
   );
-  return L($, j, e), /* @__PURE__ */ s(D.Provider, { value: e, children: /* @__PURE__ */ s(t.Root, { open: n, onOpenChange: c, ...p, children: o }) });
+  return S(H, N, e), /* @__PURE__ */ s(f.Provider, { value: e, children: /* @__PURE__ */ s(t.Root, { open: i, onOpenChange: n, ...p, children: o }) });
 };
-v.displayName = "Dialog.Root";
+u.displayName = "Dialog.Root";
 const h = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Trigger, { ref: a, ...e, children: o }));
 h.displayName = "Dialog.Trigger";
-const b = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Close, { ref: a, ...e, children: o }));
-b.displayName = "Dialog.Close";
-const N = d(
+const x = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Close, { ref: a, ...e, children: o }));
+x.displayName = "Dialog.Close";
+const y = d(
   ({
     size: o = "md",
     variant: e = "default",
     hideCloseButton: a = !0,
     className: r,
-    children: i,
+    children: c,
     ...p
-  }, l) => {
-    const { t: m } = H(), g = B(D), n = e === "alert" ? { role: "alertdialog" } : {};
-    return /* @__PURE__ */ y(t.Portal, { children: [
+  }, m) => {
+    const { t: n } = E(), i = j(f), l = e === "alert" ? { role: "alertdialog" } : {};
+    return /* @__PURE__ */ v(t.Portal, { children: [
       /* @__PURE__ */ s(
         t.Overlay,
         {
           "data-component": "dialog-overlay",
-          className: P
+          className: V
         }
       ),
-      /* @__PURE__ */ y(
+      /* @__PURE__ */ v(
         t.Content,
         {
-          ref: l,
-          ...n,
+          ref: m,
+          ...l,
           "data-component": "dialog",
-          "data-component-id": g,
-          className: M({ size: o, className: r }),
+          "data-component-id": i,
+          className: L({ size: o, className: r }),
           ...p,
           children: [
-            i,
+            c,
             !a && /* @__PURE__ */ s("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ s(t.Close, { asChild: !0, children: /* @__PURE__ */ s(
-              F,
+              I,
               {
-                icon: /* @__PURE__ */ s(V, {}),
+                icon: /* @__PURE__ */ s(A, {}),
                 intent: "ghost",
                 size: "sm",
-                "aria-label": m("common.close", "Close")
+                "aria-label": n("common.close", "Close")
               }
             ) }) })
           ]
@@ -151,8 +149,8 @@ const N = d(
     ] });
   }
 );
-N.displayName = "Dialog.Content";
-const w = d(
+y.displayName = "Dialog.Content";
+const D = d(
   ({ className: o, ...e }, a) => /* @__PURE__ */ s(
     "div",
     {
@@ -165,8 +163,8 @@ const w = d(
     }
   )
 );
-w.displayName = "Dialog.Header";
-const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
+D.displayName = "Dialog.Header";
+const b = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
   t.Title,
   {
     ref: a,
@@ -174,8 +172,8 @@ const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-C.displayName = "Dialog.Title";
-const R = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
+b.displayName = "Dialog.Title";
+const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
   t.Description,
   {
     ref: a,
@@ -183,8 +181,8 @@ const R = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-R.displayName = "Dialog.Description";
-const T = d(
+C.displayName = "Dialog.Description";
+const w = d(
   ({ className: o, divider: e = !1, ...a }, r) => /* @__PURE__ */ s(
     "div",
     {
@@ -199,19 +197,19 @@ const T = d(
     }
   )
 );
-T.displayName = "Dialog.Footer";
-const U = Object.assign(v, {
-  Root: v,
+w.displayName = "Dialog.Footer";
+const J = Object.assign(u, {
+  Root: u,
   Trigger: h,
-  Content: N,
-  Header: w,
-  Title: C,
-  Description: R,
-  Footer: T,
-  Close: b
+  Content: y,
+  Header: D,
+  Title: b,
+  Description: C,
+  Footer: w,
+  Close: x
 });
 export {
-  U as D,
-  $ as d
+  J as D,
+  H as d
 };
-//# sourceMappingURL=dialog-DRp6Dejy.js.map
+//# sourceMappingURL=dialog-DUomPCRS.js.map

package/dist/_chunks/dialog-DUomPCRS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-DUomPCRS.js","sources":["../../src/components/dialog/dialog.agent.ts","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { DialogHandle } from './dialog';\n\n/**\n * Dialog wraps Radix Dialog. The curated handle (`DialogHandle`) bridges the\n * Radix controlled-or-uncontrolled `open` state so an agent can observe and\n * drive the dialog without owning the React state itself.\n */\nexport const dialogAgent: AgentAdapter<DialogHandle> = {\n  id: 'dialog',\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the dialog is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      description: 'Open the dialog.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'write',\n      description: 'Close the dialog. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      description:\n        'Dismiss the dialog. Loses any in-progress input that has not been committed.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'dialog' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Dialog.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent';\nimport { dialogAgent } from './dialog.agent';\n\nconst OVERLAY_CLASSES = [\n  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n  'ds:bg-[var(--background)]/[var(--opacity-70)]',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CONTENT_BASE = [\n  'ds:fixed ds:z-[var(--z-modal)]',\n  'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n  'ds:shadow-[var(--shadow-xl)]',\n  'ds:p-[var(--spacing-lg)]',\n  'ds:focus-visible:outline-none',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CENTERED =\n  'ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]';\n\nconst contentVariants = cva(CONTENT_BASE, {\n  variants: {\n    size: {\n      sm: `${CENTERED} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      md: `${CENTERED} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      lg: `${CENTERED} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      fullscreen:\n        'ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n// Curated agent-readiness handle — see dialog.agent.ts.\nexport interface DialogHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface DialogRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  /** Opaque instance id — forwarded to Dialog.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DialogIdContext = createContext<string | undefined>(undefined);\n\nconst DialogRoot = ({\n  children,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: DialogRootProps) => {\n  const [openRaw, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n  const open = openRaw ?? false;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const handle = useMemo<DialogHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(dialogAgent, handle, id);\n\n  return (\n    <DialogIdContext.Provider value={id}>\n      <RadixDialog.Root open={open} onOpenChange={setOpen} {...props}>\n        {children}\n      </RadixDialog.Root>\n    </DialogIdContext.Provider>\n  );\n};\nDialogRoot.displayName = 'Dialog.Root';\n\nconst DialogTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nDialogTrigger.displayName = 'Dialog.Trigger';\n\nconst DialogClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nDialogClose.displayName = 'Dialog.Close';\n\nexport interface DialogContentProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'role'>,\n    VariantProps<typeof contentVariants> {\n  size?: 'sm' | 'md' | 'lg' | 'fullscreen';\n  variant?: 'default' | 'alert' | 'confirmation';\n  hideCloseButton?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (\n    {\n      size = 'md',\n      variant = 'default',\n      hideCloseButton = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const instanceId = useContext(DialogIdContext);\n    // Only forward `role` when we actually need to override Radix's default\n    // (`role=\"dialog\"`). Passing `role={undefined}` explicitly wins over\n    // Radix's internal assignment and strips the attribute entirely.\n    const roleOverride =\n      variant === 'alert' ? { role: 'alertdialog' as const } : {};\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"dialog-overlay\"\n          className={OVERLAY_CLASSES}\n        />\n        <RadixDialog.Content\n          ref={ref}\n          {...roleOverride}\n          data-component=\"dialog\"\n          data-component-id={instanceId}\n          className={contentVariants({ size, className })}\n          {...props}\n        >\n          {children}\n\n          {!hideCloseButton && (\n            <div className=\"ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]\">\n              <RadixDialog.Close asChild>\n                <IconButton\n                  icon={<X />}\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  aria-label={t('common.close', 'Close')}\n                />\n              </RadixDialog.Close>\n            </div>\n          )}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\nconst DialogHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'Dialog.Header';\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogTitle.displayName = 'Dialog.Title';\n\nconst DialogDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogDescription.displayName = 'Dialog.Description';\n\ninterface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {\n  divider?: boolean;\n}\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ className, divider = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:mt-[var(--spacing-md)]',\n        divider &&\n          'ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\nexport type { DialogFooterProps };\n"],"names":["dialogAgent","handle","OVERLAY_CLASSES","CONTENT_BASE","CENTERED","contentVariants","cva","DialogIdContext","createContext","DialogRoot","children","id","openProp","defaultOpen","onOpenChange","props","openRaw","setOpen","useControllableState","open","openRef","useRef","useEffect","useMemo","useAgentRegistration","jsx","RadixDialog","DialogTrigger","forwardRef","ref","DialogClose","DialogContent","size","variant","hideCloseButton","className","t","useTranslation","instanceId","useContext","roleOverride","jsxs","IconButton","X","DialogHeader","DialogTitle","DialogDescription","DialogFooter","divider","Dialog"],"mappings":"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"}

package/dist/_chunks/{dropdown-menu-dyV7gHh_.js → dropdown-menu-DZxwF23X.js}

@@ -1,14 +1,15 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as r, useContext as L, useState as A, useRef as B, useEffect as E, useCallback as K, useMemo as H, createContext as V } from "react";
-import * as t from "@radix-ui/react-dropdown-menu";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as d, useContext as O, useRef as G, useEffect as P, useMemo as L, createContext as A } from "react";
+import * as n from "@radix-ui/react-dropdown-menu";
 import { c as h } from "./index-D2ZczOXr.js";
-import { S as q } from "./separator-CYU_bGFn.js";
-import { K as x } from "./kbd-Cglkd7CY.js";
-import { a as F } from "./use-direction-D6rvvG9G.js";
-import { C as J } from "./chevron-right-BrpYejk0.js";
-import { C as b } from "./check-DPdL_Sm7.js";
-import { u as Q } from "./registry-C9nwlNyL.js";
-const U = {
+import { S as E } from "./separator-CYU_bGFn.js";
+import { K as g } from "./kbd-Cglkd7CY.js";
+import { u as K } from "./use-controllable-state-BiY4xTzM.js";
+import { C as V } from "./chevron-right-BrpYejk0.js";
+import { C as x } from "./check-DPdL_Sm7.js";
+import { a as B } from "./use-direction-D6rvvG9G.js";
+import { u as H } from "./registry-C9nwlNyL.js";
+const q = {
   id: "dropdown-menu",
   capabilities: ["open", "close", "pick"],
   state: {
@@ -46,7 +47,7 @@ const U = {
       description: "Each menu item emits its value as data-item-id."
     }
   }
-}, N = h(
+}, b = h(
   [
     "ds:z-[var(--z-dropdown)]",
     "ds:min-w-[8rem]",
@@ -67,7 +68,7 @@ const U = {
     "ds:motion-reduce:animate-none",
     "ds:forced-colors:border-[CanvasText]"
   ].join(" ")
-), m = h(
+), p = h(
   [
     "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
@@ -86,81 +87,78 @@ const U = {
     "ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed",
     "ds:data-[disabled]:pointer-events-none"
   ].join(" ")
-), W = h(
+), F = h(
   [
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
     "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
     "type-eyebrow ds:text-[color:var(--muted-foreground)]",
     "ds:select-none"
   ].join(" ")
-), w = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", y = V(void 0), C = ({
+), N = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", w = A(void 0), C = ({
   dir: s,
   id: a,
   open: o,
-  defaultOpen: n,
-  onOpenChange: d,
-  ...u
+  defaultOpen: t,
+  onOpenChange: r,
+  ...m
 }) => {
-  const f = F(), i = o !== void 0, [G, P] = A(
-    n ?? !1
-  ), l = i ? !!o : G, v = B(l);
-  E(() => {
+  const u = B(), [f, c] = K({
+    value: o,
+    defaultValue: t ?? !1,
+    onChange: r
+  }), l = f ?? !1, v = G(l);
+  P(() => {
     v.current = l;
   }, [l]);
-  const p = K(
-    (g) => {
-      i || P(g), d == null || d(g);
-    },
-    [i, d]
-  ), O = H(
+  const T = L(
     () => ({
       getIsOpen: () => v.current,
-      open: () => p(!0),
-      close: () => p(!1)
+      open: () => c(!0),
+      close: () => c(!1)
     }),
-    [p]
+    [c]
   );
-  return Q(U, O, a), /* @__PURE__ */ e(y.Provider, { value: a, children: /* @__PURE__ */ e(
-    t.Root,
+  return H(q, T, a), /* @__PURE__ */ e(w.Provider, { value: a, children: /* @__PURE__ */ e(
+    n.Root,
     {
-      dir: s ?? f,
+      dir: s ?? u,
       open: l,
-      onOpenChange: p,
-      ...u
+      onOpenChange: c,
+      ...m
     }
   ) });
 };
 C.displayName = "DropdownMenu.Root";
-const X = t.Trigger, Y = t.Portal, Z = t.Group, _ = t.RadioGroup, S = r(({ className: s, sideOffset: a = 8, ...o }, n) => {
-  const d = L(y);
-  return /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
-    t.Content,
+const J = n.Trigger, Q = n.Portal, U = n.Group, W = n.RadioGroup, y = d(({ className: s, sideOffset: a = 8, ...o }, t) => {
+  const r = O(w);
+  return /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
+    n.Content,
     {
-      ref: n,
+      ref: t,
       sideOffset: a,
-      className: N({ className: s }),
+      className: b({ className: s }),
       "data-component": "dropdown-menu",
-      "data-component-id": d,
+      "data-component-id": r,
       ...o
     }
   ) });
 });
-S.displayName = "DropdownMenu.Content";
-const D = r(
+y.displayName = "DropdownMenu.Content";
+const R = d(
   ({
     className: s,
     startIcon: a,
     endIcon: o,
-    description: n,
-    shortcut: d,
-    children: u,
-    ...f
-  }, i) => /* @__PURE__ */ c(
-    t.Item,
+    description: t,
+    shortcut: r,
+    children: m,
+    ...u
+  }, f) => /* @__PURE__ */ i(
+    n.Item,
     {
-      ref: i,
-      className: m({ className: s }),
-      ...f,
+      ref: f,
+      className: p({ className: s }),
+      ...u,
       children: [
         a ? /* @__PURE__ */ e(
           "span",
@@ -170,11 +168,11 @@ const D = r(
             children: a
           }
         ) : null,
-        /* @__PURE__ */ c("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
-          /* @__PURE__ */ e("span", { className: "ds:truncate", children: u }),
-          n ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: n }) : null
+        /* @__PURE__ */ i("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
+          /* @__PURE__ */ e("span", { className: "ds:truncate", children: m }),
+          t ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: t }) : null
         ] }),
-        d ? /* @__PURE__ */ e("span", { className: "ds:ms-auto", children: /* @__PURE__ */ e(x, { keys: d, size: "sm" }) }) : o ? /* @__PURE__ */ e(
+        r ? /* @__PURE__ */ e("span", { className: "ds:ms-auto", children: /* @__PURE__ */ e(g, { keys: r, size: "sm" }) }) : o ? /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
@@ -186,29 +184,29 @@ const D = r(
     }
   )
 );
-D.displayName = "DropdownMenu.Item";
-const R = r(({ className: s, children: a, ...o }, n) => /* @__PURE__ */ c(
-  t.CheckboxItem,
+R.displayName = "DropdownMenu.Item";
+const S = d(({ className: s, children: a, ...o }, t) => /* @__PURE__ */ i(
+  n.CheckboxItem,
   {
-    ref: n,
-    className: m({ className: s }),
+    ref: t,
+    className: p({ className: s }),
     ...o,
     children: [
-      /* @__PURE__ */ e("span", { className: w, children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(b, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
+      /* @__PURE__ */ e("span", { className: N, children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(x, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
       /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a })
     ]
   }
 ));
-R.displayName = "DropdownMenu.CheckboxItem";
-const $ = _, M = r(({ className: s, children: a, ...o }, n) => /* @__PURE__ */ c(
-  t.RadioItem,
+S.displayName = "DropdownMenu.CheckboxItem";
+const X = W, D = d(({ className: s, children: a, ...o }, t) => /* @__PURE__ */ i(
+  n.RadioItem,
   {
-    ref: n,
-    className: m({ className: s }),
+    ref: t,
+    className: p({ className: s }),
     ...o,
     children: [
-      /* @__PURE__ */ e("span", { className: w, children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(
-        b,
+      /* @__PURE__ */ e("span", { className: N, children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(
+        x,
         {
           "aria-hidden": !0,
           className: "ds:size-4 ds:text-[color:var(--accent)]"
@@ -218,33 +216,33 @@ const $ = _, M = r(({ className: s, children: a, ...o }, n) => /* @__PURE__ */ c
     ]
   }
 ));
-M.displayName = "DropdownMenu.RadioItem";
-const I = r(({ className: s, ...a }, o) => /* @__PURE__ */ e(
-  t.Label,
+D.displayName = "DropdownMenu.RadioItem";
+const M = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(
+  n.Label,
   {
     ref: o,
-    className: W({ className: s }),
+    className: F({ className: s }),
     ...a
   }
 ));
-I.displayName = "DropdownMenu.Label";
-const k = r(({ className: s, ...a }, o) => /* @__PURE__ */ e(t.Separator, { ref: o, asChild: !0, ...a, children: /* @__PURE__ */ e(
-  q,
+M.displayName = "DropdownMenu.Label";
+const z = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(n.Separator, { ref: o, asChild: !0, ...a, children: /* @__PURE__ */ e(
+  E,
   {
     className: ["ds:my-[calc(var(--spacing-xs)/2)]", s ?? ""].filter(Boolean).join(" ")
   }
 ) }));
-k.displayName = "DropdownMenu.Separator";
-const z = r(
-  ({ keys: s, separator: a = "none" }, o) => /* @__PURE__ */ e("span", { ref: o, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ e(x, { keys: s, separator: a, size: "sm" }) })
+z.displayName = "DropdownMenu.Separator";
+const I = d(
+  ({ keys: s, separator: a = "none" }, o) => /* @__PURE__ */ e("span", { ref: o, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ e(g, { keys: s, separator: a, size: "sm" }) })
 );
-z.displayName = "DropdownMenu.Shortcut";
-const ee = t.Sub, j = r(({ className: s, startIcon: a, children: o, ...n }, d) => /* @__PURE__ */ c(
-  t.SubTrigger,
+I.displayName = "DropdownMenu.Shortcut";
+const Y = n.Sub, k = d(({ className: s, startIcon: a, children: o, ...t }, r) => /* @__PURE__ */ i(
+  n.SubTrigger,
   {
-    ref: d,
-    className: m({ className: s }),
-    ...n,
+    ref: r,
+    className: p({ className: s }),
+    ...t,
     children: [
       a ? /* @__PURE__ */ e(
         "span",
@@ -256,7 +254,7 @@ const ee = t.Sub, j = r(({ className: s, startIcon: a, children: o, ...n }, d) =
       ) : null,
       /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: o }),
       /* @__PURE__ */ e(
-        J,
+        V,
         {
           "aria-hidden": !0,
           className: "ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
@@ -265,37 +263,37 @@ const ee = t.Sub, j = r(({ className: s, startIcon: a, children: o, ...n }, d) =
     ]
   }
 ));
-j.displayName = "DropdownMenu.SubTrigger";
-const T = r(({ className: s, ...a }, o) => /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
-  t.SubContent,
+k.displayName = "DropdownMenu.SubTrigger";
+const j = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
+  n.SubContent,
   {
     ref: o,
     sideOffset: 8,
     "data-component": "dropdown-menu-sub-content",
-    className: N({ className: s }),
+    className: b({ className: s }),
     ...a
   }
 ) }));
-T.displayName = "DropdownMenu.SubContent";
-const le = {
+j.displayName = "DropdownMenu.SubContent";
+const re = {
   Root: C,
-  Trigger: X,
-  Portal: Y,
-  Content: S,
-  Group: Z,
-  Item: D,
-  CheckboxItem: R,
-  RadioGroup: $,
-  RadioItem: M,
-  Label: I,
-  Separator: k,
-  Shortcut: z,
-  Sub: ee,
-  SubTrigger: j,
-  SubContent: T
+  Trigger: J,
+  Portal: Q,
+  Content: y,
+  Group: U,
+  Item: R,
+  CheckboxItem: S,
+  RadioGroup: X,
+  RadioItem: D,
+  Label: M,
+  Separator: z,
+  Shortcut: I,
+  Sub: Y,
+  SubTrigger: k,
+  SubContent: j
 };
 export {
-  le as D,
-  U as d
+  re as D,
+  q as d
 };
-//# sourceMappingURL=dropdown-menu-dyV7gHh_.js.map
+//# sourceMappingURL=dropdown-menu-DZxwF23X.js.map