@docyrus/shadcn 1.1.0 → 1.2.0

package/dist/radix-vega/accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/radix-vega/accordion.tsx"],"names":["AccordionPrimitive"],"mappings":";;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA;AAAA,MAC9C,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAqB,SAAS,CAAA;AAAA,MAC3C,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4D;AAC1D,EAAA,uBACE,GAAA,CAACA,WAAA,CAAmB,MAAA,EAAnB,EAA0B,WAAU,MAAA,EACnC,QAAA,kBAAA,IAAA;AAAA,IAACA,WAAA,CAAmB,OAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,gfAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,eAAA,EAAA,EAAgB,WAAA,EAAU,wBAAA,EAAyB,WAAU,2EAAA,EAA4E,CAAA;AAAA,wBAC1I,GAAA,CAAC,aAAA,EAAA,EAAc,WAAA,EAAU,wBAAA,EAAyB,WAAU,kFAAA,EAAmF;AAAA;AAAA;AAAA,GACjJ,EACF,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4D;AAC1D,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,OAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAU,2FAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,iJAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ","file":"accordion.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Accordion({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-md py-4 text-left text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-open:animate-accordion-down data-closed:animate-accordion-up text-sm overflow-hidden\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"pt-0 pb-4 [&_a]:hover:text-foreground h-(--radix-accordion-content-height) [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"]}
+{"version":3,"sources":["../../src/lib/utils.ts","../../src/radix-vega/accordion.tsx"],"names":["AccordionPrimitive"],"mappings":";;;;;;;AASO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACLA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA;AAAA,MAC9C,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAqB,SAAS,CAAA;AAAA,MAC3C,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4D;AAC1D,EAAA,uBACE,GAAA,CAACA,WAAA,CAAmB,MAAA,EAAnB,EAA0B,WAAU,MAAA,EACnC,QAAA,kBAAA,IAAA;AAAA,IAACA,WAAA,CAAmB,OAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,gfAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,eAAA,EAAA,EAAgB,WAAA,EAAU,wBAAA,EAAyB,WAAU,2EAAA,EAA4E,CAAA;AAAA,wBAC1I,GAAA,CAAC,aAAA,EAAA,EAAc,WAAA,EAAU,wBAAA,EAAyB,WAAU,kFAAA,EAAmF;AAAA;AAAA;AAAA,GACjJ,EACF,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4D;AAC1D,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,OAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAU,2FAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,iJAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ","file":"accordion.js","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Merges Tailwind class names, resolving any conflicts.\n *\n * @param inputs - An array of class names to merge.\n * @returns A string of merged and optimized class names.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import * as React from \"react\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Accordion({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-md py-4 text-left text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 group/accordion-trigger relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-open:animate-accordion-down data-closed:animate-accordion-up text-sm overflow-hidden\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"pt-0 pb-4 [&_a]:hover:text-foreground h-(--radix-accordion-content-height) [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"]}

package/dist/radix-vega/action-bar.d.ts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Button } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+type Direction = "ltr" | "rtl";
+type Orientation = "horizontal" | "vertical";
+interface DivProps extends React.ComponentProps<"div"> {
+    asChild?: boolean;
+}
+interface ActionBarProps extends DivProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    align?: "start" | "center" | "end";
+    alignOffset?: number;
+    side?: "top" | "bottom";
+    sideOffset?: number;
+    portalContainer?: Element | DocumentFragment | null;
+    dir?: Direction;
+    orientation?: Orientation;
+    loop?: boolean;
+}
+declare function ActionBar(props: ActionBarProps): react_jsx_runtime.JSX.Element | null;
+declare function ActionBarSelection(props: DivProps): react_jsx_runtime.JSX.Element;
+declare function ActionBarGroup(props: DivProps): react_jsx_runtime.JSX.Element;
+interface ActionBarItemProps extends Omit<React.ComponentProps<typeof Button>, "onSelect"> {
+    onSelect?: (event: Event) => void;
+}
+declare function ActionBarItem(props: ActionBarItemProps): react_jsx_runtime.JSX.Element;
+interface ActionBarCloseProps extends React.ComponentProps<"button"> {
+    asChild?: boolean;
+}
+declare function ActionBarClose(props: ActionBarCloseProps): react_jsx_runtime.JSX.Element;
+interface ActionBarSeparatorProps extends DivProps {
+    orientation?: Orientation;
+}
+declare function ActionBarSeparator(props: ActionBarSeparatorProps): react_jsx_runtime.JSX.Element;
+
+export { ActionBar, ActionBarClose, ActionBarGroup, ActionBarItem, type ActionBarProps, ActionBarSelection, ActionBarSeparator };

package/dist/radix-vega/action-bar.js

@@ -0,0 +1,589 @@
+import { useDirection } from '@radix-ui/react-direction';
+import { Slot } from '@radix-ui/react-slot';
+import * as React4 from 'react';
+import * as ReactDOM from 'react-dom';
+import { cva } from 'class-variance-authority';
+import { Slot as Slot$1 } from 'radix-ui';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+        destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+        lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot$1.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  }
+  if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup === "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup === "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React4.useCallback(composeRefs(...refs), refs);
+}
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React4.useLayoutEffect : React4.useEffect;
+
+// src/hooks/use-as-ref.ts
+function useAsRef(props) {
+  const ref = React4.useRef(props);
+  useIsomorphicLayoutEffect(() => {
+    ref.current = props;
+  });
+  return ref;
+}
+var ROOT_NAME = "ActionBar";
+var GROUP_NAME = "ActionBarGroup";
+var ITEM_NAME = "ActionBarItem";
+var CLOSE_NAME = "ActionBarClose";
+var SEPARATOR_NAME = "ActionBarSeparator";
+var ITEM_SELECT = "actionbar.itemSelect";
+var ENTRY_FOCUS = "actionbarFocusGroup.onEntryFocus";
+var EVENT_OPTIONS = { bubbles: false, cancelable: true };
+function focusFirst(candidates, preventScroll = false) {
+  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+  for (const candidateRef of candidates) {
+    const candidate = candidateRef.current;
+    if (!candidate) continue;
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+    candidate.focus({ preventScroll });
+    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+  }
+}
+function wrapArray(array, startIndex) {
+  return array.map(
+    (_, index) => array[(startIndex + index) % array.length]
+  );
+}
+function getDirectionAwareKey(key, dir) {
+  if (dir !== "rtl") return key;
+  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
+}
+var ActionBarContext = React4.createContext(
+  null
+);
+function useActionBarContext(consumerName) {
+  const context = React4.useContext(ActionBarContext);
+  if (!context) {
+    throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
+  }
+  return context;
+}
+var FocusContext = React4.createContext(null);
+function useFocusContext(consumerName) {
+  const context = React4.useContext(FocusContext);
+  if (!context) {
+    throw new Error(
+      `\`${consumerName}\` must be used within \`FocusProvider\``
+    );
+  }
+  return context;
+}
+function ActionBar(props) {
+  const {
+    open = false,
+    onOpenChange,
+    onEscapeKeyDown,
+    side = "bottom",
+    alignOffset = 0,
+    align = "center",
+    sideOffset = 16,
+    portalContainer: portalContainerProp,
+    dir: dirProp,
+    orientation = "horizontal",
+    loop = true,
+    className,
+    style,
+    ref,
+    asChild,
+    ...rootProps
+  } = props;
+  const [mounted, setMounted] = React4.useState(false);
+  const rootRef = React4.useRef(null);
+  const composedRef = useComposedRefs(ref, rootRef);
+  const propsRef = useAsRef({
+    onEscapeKeyDown,
+    onOpenChange
+  });
+  const dir = useDirection(dirProp);
+  React4.useLayoutEffect(() => {
+    setMounted(true);
+  }, []);
+  React4.useEffect(() => {
+    if (!open) return;
+    const ownerDocument = rootRef.current?.ownerDocument ?? document;
+    function onKeyDown(event) {
+      if (event.key === "Escape") {
+        propsRef.current.onEscapeKeyDown?.(event);
+        if (!event.defaultPrevented) {
+          propsRef.current.onOpenChange?.(false);
+        }
+      }
+    }
+    ownerDocument.addEventListener("keydown", onKeyDown);
+    return () => ownerDocument.removeEventListener("keydown", onKeyDown);
+  }, [open, propsRef]);
+  const contextValue = React4.useMemo(
+    () => ({
+      onOpenChange,
+      dir,
+      orientation,
+      loop
+    }),
+    [onOpenChange, dir, orientation, loop]
+  );
+  const portalContainer = portalContainerProp ?? (mounted ? globalThis.document?.body : null);
+  if (!portalContainer || !open) return null;
+  const RootPrimitive = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(ActionBarContext.Provider, { value: contextValue, children: ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(
+      RootPrimitive,
+      {
+        role: "toolbar",
+        "aria-orientation": orientation,
+        "data-slot": "action-bar",
+        "data-side": side,
+        "data-align": align,
+        "data-orientation": orientation,
+        dir,
+        ...rootProps,
+        ref: composedRef,
+        className: cn(
+          "fixed z-50 rounded-lg border bg-card shadow-lg outline-none",
+          "fade-in-0 zoom-in-95 animate-in duration-250 [animation-timing-function:cubic-bezier(0.16,1,0.3,1)]",
+          "data-[side=bottom]:slide-in-from-bottom-4 data-[side=top]:slide-in-from-top-4",
+          "motion-reduce:animate-none motion-reduce:transition-none",
+          orientation === "horizontal" ? "flex flex-row items-center gap-2 px-2 py-1.5" : "flex flex-col items-start gap-2 px-1.5 py-2",
+          className
+        ),
+        style: {
+          [side]: `${sideOffset}px`,
+          ...align === "center" && {
+            left: "50%",
+            translate: "-50% 0"
+          },
+          ...align === "start" && { left: `${alignOffset}px` },
+          ...align === "end" && { right: `${alignOffset}px` },
+          ...style
+        }
+      }
+    ),
+    portalContainer
+  ) });
+}
+function ActionBarSelection(props) {
+  const { className, asChild, ...selectionProps } = props;
+  const SelectionPrimitive = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    SelectionPrimitive,
+    {
+      "data-slot": "action-bar-selection",
+      ...selectionProps,
+      className: cn(
+        "flex items-center gap-1 rounded-sm border px-2 py-1 font-medium text-sm tabular-nums",
+        className
+      )
+    }
+  );
+}
+function ActionBarGroup(props) {
+  const {
+    onBlur: onBlurProp,
+    onFocus: onFocusProp,
+    onMouseDown: onMouseDownProp,
+    className,
+    asChild,
+    ref,
+    ...groupProps
+  } = props;
+  const [tabStopId, setTabStopId] = React4.useState(null);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React4.useState(false);
+  const [focusableItemCount, setFocusableItemCount] = React4.useState(0);
+  const groupRef = React4.useRef(null);
+  const composedRef = useComposedRefs(ref, groupRef);
+  const isClickFocusRef = React4.useRef(false);
+  const itemsRef = React4.useRef(/* @__PURE__ */ new Map());
+  const { dir, orientation } = useActionBarContext(GROUP_NAME);
+  const onItemFocus = React4.useCallback((tabStopId2) => {
+    setTabStopId(tabStopId2);
+  }, []);
+  const onItemShiftTab = React4.useCallback(() => {
+    setIsTabbingBackOut(true);
+  }, []);
+  const onFocusableItemAdd = React4.useCallback(() => {
+    setFocusableItemCount((prevCount) => prevCount + 1);
+  }, []);
+  const onFocusableItemRemove = React4.useCallback(() => {
+    setFocusableItemCount((prevCount) => prevCount - 1);
+  }, []);
+  const onItemRegister = React4.useCallback((item) => {
+    itemsRef.current.set(item.id, item);
+  }, []);
+  const onItemUnregister = React4.useCallback((id) => {
+    itemsRef.current.delete(id);
+  }, []);
+  const getItems = React4.useCallback(() => {
+    return Array.from(itemsRef.current.values()).filter((item) => item.ref.current).sort((a, b) => {
+      const elementA = a.ref.current;
+      const elementB = b.ref.current;
+      if (!elementA || !elementB) return 0;
+      const position = elementA.compareDocumentPosition(elementB);
+      if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
+        return -1;
+      }
+      if (position & Node.DOCUMENT_POSITION_PRECEDING) {
+        return 1;
+      }
+      return 0;
+    });
+  }, []);
+  const onBlur = React4.useCallback(
+    (event) => {
+      onBlurProp?.(event);
+      if (event.defaultPrevented) return;
+      setIsTabbingBackOut(false);
+    },
+    [onBlurProp]
+  );
+  const onFocus = React4.useCallback(
+    (event) => {
+      onFocusProp?.(event);
+      if (event.defaultPrevented) return;
+      const isKeyboardFocus = !isClickFocusRef.current;
+      if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
+        const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
+        event.currentTarget.dispatchEvent(entryFocusEvent);
+        if (!entryFocusEvent.defaultPrevented) {
+          const items = Array.from(itemsRef.current.values()).filter(
+            (item) => !item.disabled
+          );
+          const currentItem = items.find((item) => item.id === tabStopId);
+          const candidateItems = [currentItem, ...items].filter(
+            Boolean
+          );
+          const candidateRefs = candidateItems.map((item) => item.ref);
+          focusFirst(candidateRefs, false);
+        }
+      }
+      isClickFocusRef.current = false;
+    },
+    [onFocusProp, isTabbingBackOut, tabStopId]
+  );
+  const onMouseDown = React4.useCallback(
+    (event) => {
+      onMouseDownProp?.(event);
+      if (event.defaultPrevented) return;
+      isClickFocusRef.current = true;
+    },
+    [onMouseDownProp]
+  );
+  const focusContextValue = React4.useMemo(
+    () => ({
+      tabStopId,
+      onItemFocus,
+      onItemShiftTab,
+      onFocusableItemAdd,
+      onFocusableItemRemove,
+      onItemRegister,
+      onItemUnregister,
+      getItems
+    }),
+    [
+      tabStopId,
+      onItemFocus,
+      onItemShiftTab,
+      onFocusableItemAdd,
+      onFocusableItemRemove,
+      onItemRegister,
+      onItemUnregister,
+      getItems
+    ]
+  );
+  const GroupPrimitive = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(FocusContext.Provider, { value: focusContextValue, children: /* @__PURE__ */ jsx(
+    GroupPrimitive,
+    {
+      role: "group",
+      "data-slot": "action-bar-group",
+      "data-orientation": orientation,
+      dir,
+      tabIndex: isTabbingBackOut || focusableItemCount === 0 ? -1 : 0,
+      ...groupProps,
+      ref: composedRef,
+      className: cn(
+        "flex gap-2 outline-none",
+        orientation === "horizontal" ? "items-center" : "w-full flex-col items-start",
+        className
+      ),
+      onBlur,
+      onFocus,
+      onMouseDown
+    }
+  ) });
+}
+function ActionBarItem(props) {
+  const {
+    onSelect,
+    onClick: onClickProp,
+    onFocus: onFocusProp,
+    onKeyDown: onKeyDownProp,
+    onMouseDown: onMouseDownProp,
+    className,
+    disabled,
+    ref,
+    ...itemProps
+  } = props;
+  const itemRef = React4.useRef(null);
+  const composedRef = useComposedRefs(ref, itemRef);
+  const isMouseClickRef = React4.useRef(false);
+  const { onOpenChange, dir, orientation, loop } = useActionBarContext(ITEM_NAME);
+  const focusContext = useFocusContext(ITEM_NAME);
+  const itemId = React4.useId();
+  const isTabStop = focusContext.tabStopId === itemId;
+  useIsomorphicLayoutEffect(() => {
+    focusContext.onItemRegister({
+      id: itemId,
+      ref: itemRef,
+      disabled: !!disabled
+    });
+    if (!disabled) {
+      focusContext.onFocusableItemAdd();
+    }
+    return () => {
+      focusContext.onItemUnregister(itemId);
+      if (!disabled) {
+        focusContext.onFocusableItemRemove();
+      }
+    };
+  }, [focusContext, itemId, disabled]);
+  const onClick = React4.useCallback(
+    (event) => {
+      onClickProp?.(event);
+      if (event.defaultPrevented) return;
+      const item = itemRef.current;
+      if (!item) return;
+      const itemSelectEvent = new CustomEvent(ITEM_SELECT, {
+        bubbles: true,
+        cancelable: true
+      });
+      item.addEventListener(ITEM_SELECT, (event2) => onSelect?.(event2), {
+        once: true
+      });
+      item.dispatchEvent(itemSelectEvent);
+      if (!itemSelectEvent.defaultPrevented) {
+        onOpenChange?.(false);
+      }
+    },
+    [onClickProp, onOpenChange, onSelect]
+  );
+  const onFocus = React4.useCallback(
+    (event) => {
+      onFocusProp?.(event);
+      if (event.defaultPrevented) return;
+      focusContext.onItemFocus(itemId);
+      isMouseClickRef.current = false;
+    },
+    [onFocusProp, focusContext, itemId]
+  );
+  const onKeyDown = React4.useCallback(
+    (event) => {
+      onKeyDownProp?.(event);
+      if (event.defaultPrevented) return;
+      if (event.key === "Tab" && event.shiftKey) {
+        focusContext.onItemShiftTab();
+        return;
+      }
+      if (event.target !== event.currentTarget) return;
+      const key = getDirectionAwareKey(event.key, dir);
+      let focusIntent;
+      if (orientation === "horizontal") {
+        if (key === "ArrowLeft") focusIntent = "prev";
+        else if (key === "ArrowRight") focusIntent = "next";
+        else if (key === "Home") focusIntent = "first";
+        else if (key === "End") focusIntent = "last";
+      } else {
+        if (key === "ArrowUp") focusIntent = "prev";
+        else if (key === "ArrowDown") focusIntent = "next";
+        else if (key === "Home") focusIntent = "first";
+        else if (key === "End") focusIntent = "last";
+      }
+      if (focusIntent !== void 0) {
+        if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey)
+          return;
+        event.preventDefault();
+        const items = focusContext.getItems().filter((item) => !item.disabled);
+        let candidateRefs = items.map((item) => item.ref);
+        if (focusIntent === "last") {
+          candidateRefs.reverse();
+        } else if (focusIntent === "prev" || focusIntent === "next") {
+          if (focusIntent === "prev") candidateRefs.reverse();
+          const currentIndex = candidateRefs.findIndex(
+            (ref2) => ref2.current === event.currentTarget
+          );
+          candidateRefs = loop ? wrapArray(candidateRefs, currentIndex + 1) : candidateRefs.slice(currentIndex + 1);
+        }
+        queueMicrotask(() => focusFirst(candidateRefs));
+      }
+    },
+    [onKeyDownProp, focusContext, dir, orientation, loop]
+  );
+  const onMouseDown = React4.useCallback(
+    (event) => {
+      onMouseDownProp?.(event);
+      if (event.defaultPrevented) return;
+      isMouseClickRef.current = true;
+      if (disabled) {
+        event.preventDefault();
+      } else {
+        focusContext.onItemFocus(itemId);
+      }
+    },
+    [onMouseDownProp, focusContext, itemId, disabled]
+  );
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      "data-slot": "action-bar-item",
+      variant: "secondary",
+      size: "sm",
+      disabled,
+      tabIndex: isTabStop ? 0 : -1,
+      ...itemProps,
+      className: cn(orientation === "vertical" && "w-full", className),
+      ref: composedRef,
+      onClick,
+      onFocus,
+      onKeyDown,
+      onMouseDown
+    }
+  );
+}
+function ActionBarClose(props) {
+  const { asChild, className, onClick, ...closeProps } = props;
+  const { onOpenChange } = useActionBarContext(CLOSE_NAME);
+  const onCloseClick = React4.useCallback(
+    (event) => {
+      onClick?.(event);
+      if (event.defaultPrevented) return;
+      onOpenChange?.(false);
+    },
+    [onOpenChange, onClick]
+  );
+  const ClosePrimitive = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    ClosePrimitive,
+    {
+      type: "button",
+      "data-slot": "action-bar-close",
+      ...closeProps,
+      className: cn(
+        "rounded-xs opacity-70 outline-none hover:opacity-100 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none [&_svg:not([class*='size-'])]:size-3.5 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      onClick: onCloseClick
+    }
+  );
+}
+function ActionBarSeparator(props) {
+  const {
+    orientation: orientationProp,
+    asChild,
+    className,
+    ...separatorProps
+  } = props;
+  const context = useActionBarContext(SEPARATOR_NAME);
+  const orientation = orientationProp ?? context.orientation;
+  const SeparatorPrimitive = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive,
+    {
+      role: "separator",
+      "aria-orientation": orientation,
+      "aria-hidden": "true",
+      "data-slot": "action-bar-separator",
+      ...separatorProps,
+      className: cn(
+        "in-data-[slot=action-bar-selection]:ml-0.5 in-data-[slot=action-bar-selection]:h-4 in-data-[slot=action-bar-selection]:w-px bg-border",
+        orientation === "horizontal" ? "h-6 w-px" : "h-px w-full",
+        className
+      )
+    }
+  );
+}
+
+export { ActionBar, ActionBarClose, ActionBarGroup, ActionBarItem, ActionBarSelection, ActionBarSeparator };
+//# sourceMappingURL=action-bar.js.map
+//# sourceMappingURL=action-bar.js.map