@gv-tech/ui-web 2.22.2 → 2.23.0

package/src/toggle-group.tsx

@@ -1,55 +1,91 @@
 'use client';
 
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { type VariantProps } from 'class-variance-authority';
+import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';
 import * as React from 'react';
 
-import { toggleVariants } from '@gv-tech/ui-core';
 import { cn } from './lib/utils';
+import { toggleVariants } from './toggle';
 
-const ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({
+import type { ToggleGroupBaseProps } from '@gv-tech/ui-core';
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: 'horizontal' | 'vertical';
+  }
+>({
   size: 'default',
   variant: 'default',
+  spacing: 2,
+  orientation: 'horizontal',
 });
 
-export type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
-  VariantProps<typeof toggleVariants>;
-
-const ToggleGroup = React.forwardRef<React.ElementRef<typeof ToggleGroupPrimitive.Root>, ToggleGroupProps>(
-  ({ className, variant, size, children, ...props }, ref) => (
-    <ToggleGroupPrimitive.Root ref={ref} className={cn('flex items-center justify-center gap-1', className)} {...props}>
-      <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>
-    </ToggleGroupPrimitive.Root>
-  ),
-);
-
-ToggleGroup.displayName = ToggleGroupPrimitive.Root?.displayName || 'ToggleGroup';
-
-export type ToggleGroupItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
-  VariantProps<typeof toggleVariants>;
-
-const ToggleGroupItem = React.forwardRef<React.ElementRef<typeof ToggleGroupPrimitive.Item>, ToggleGroupItemProps>(
-  ({ className, children, variant, size, ...props }, ref) => {
-    const context = React.useContext(ToggleGroupContext);
-
-    return (
-      <ToggleGroupPrimitive.Item
-        ref={ref}
-        className={cn(
-          toggleVariants({
-            variant: context.variant || variant,
-            size: context.size || size,
-          }),
-          className,
-        )}
-        {...props}
-      >
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing = 2,
+  orientation = 'horizontal',
+  children,
+  ...props
+}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &
+  VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: 'horizontal' | 'vertical';
+  }) {
+  return (
+    <ToggleGroupPrimitive.Root
+      data-slot="toggle-group"
+      data-variant={variant}
+      data-size={size}
+      data-spacing={spacing}
+      data-orientation={orientation}
+      style={{ '--gap': spacing } as React.CSSProperties}
+      className={cn(
+        'group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-[min(var(--radius-md),10px)]',
+        className,
+      )}
+      {...props}
+    >
+      <ToggleGroupContext.Provider value={{ variant, size, spacing, orientation }}>
         {children}
-      </ToggleGroupPrimitive.Item>
-    );
-  },
-);
+      </ToggleGroupContext.Provider>
+    </ToggleGroupPrimitive.Root>
+  );
+}
+
+function ToggleGroupItem({
+  className,
+  children,
+  variant = 'default',
+  size = 'default',
+  ...props
+}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {
+  const context = React.useContext(ToggleGroupContext);
 
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item?.displayName || 'ToggleGroupItem';
+  return (
+    <ToggleGroupPrimitive.Item
+      data-slot="toggle-group-item"
+      data-variant={context.variant || variant}
+      data-size={context.size || size}
+      data-spacing={context.spacing}
+      className={cn(
+        'shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pe-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:ps-1.5 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-s-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-e-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-s-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-s group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t',
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        className,
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  );
+}
 
 export { ToggleGroup, ToggleGroupItem };
+
+// Verify that the component satisfies the ui-core contract
+const _verifyToggleGroupContract: ToggleGroupBaseProps = {} as unknown as React.ComponentProps<typeof ToggleGroup>;

package/src/toggle.tsx

@@ -1,24 +1,44 @@
-'use client';
-
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { VariantProps } from 'class-variance-authority';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { Toggle as TogglePrimitive } from 'radix-ui';
 import * as React from 'react';
 
-import { ToggleBaseProps, toggleVariants } from '@gv-tech/ui-core';
 import { cn } from './lib/utils';
 
-export interface ToggleProps
-  extends
-    React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>,
-    Omit<VariantProps<typeof toggleVariants>, 'size' | 'variant'>,
-    ToggleBaseProps {}
+import type { ToggleBaseProps } from '@gv-tech/ui-core';
 
-const Toggle = React.forwardRef<React.ElementRef<typeof TogglePrimitive.Root>, ToggleProps>(
-  ({ className, variant, size, ...props }, ref) => (
-    <TogglePrimitive.Root ref={ref} className={cn(toggleVariants({ variant, size, className }))} {...props} />
-  ),
+const toggleVariants = cva(
+  'group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4',
+  {
+    variants: {
+      variant: {
+        default: 'bg-transparent',
+        outline: 'border border-input bg-transparent hover:bg-muted',
+      },
+      size: {
+        default: 'h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2',
+        sm: 'h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*=size-])]:size-3.5',
+        lg: 'h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
 );
 
-Toggle.displayName = TogglePrimitive.Root?.displayName || 'Toggle';
+function Toggle({
+  className,
+  variant = 'default',
+  size = 'default',
+  ...props
+}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {
+  return (
+    <TogglePrimitive.Root data-slot="toggle" className={cn(toggleVariants({ variant, size, className }))} {...props} />
+  );
+}
 
 export { Toggle, toggleVariants };
+
+// Verify that the component satisfies the ui-core contract
+const _verifyToggleContract: ToggleBaseProps = {} as unknown as React.ComponentProps<typeof Toggle>;

package/src/tooltip.tsx

@@ -1,51 +1,49 @@
 'use client';
 
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
 import * as React from 'react';
 
-import {
-  TooltipBaseProps,
-  TooltipContentBaseProps,
-  TooltipProviderBaseProps,
-  TooltipTriggerBaseProps,
-} from '@gv-tech/ui-core';
 import { cn } from './lib/utils';
 
-export type TooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider> &
-  TooltipProviderBaseProps;
-
-const TooltipProvider = ({ delayDuration = 0, ...props }: TooltipProviderProps) => (
-  <TooltipPrimitive.Provider delayDuration={delayDuration} {...props} />
-);
-
-export type TooltipProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> & TooltipBaseProps;
-
-const Tooltip = ({ ...props }: TooltipProps) => <TooltipPrimitive.Root {...props} />;
-
-export type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> &
-  TooltipTriggerBaseProps;
-
-const TooltipTrigger = React.forwardRef<React.ElementRef<typeof TooltipPrimitive.Trigger>, TooltipTriggerProps>(
-  ({ className, ...props }, ref) => <TooltipPrimitive.Trigger ref={ref} className={className} {...props} />,
-);
-TooltipTrigger.displayName = TooltipPrimitive.Trigger?.displayName || 'TooltipTrigger';
-
-export type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> &
-  TooltipContentBaseProps;
-
-const TooltipContent = React.forwardRef<React.ElementRef<typeof TooltipPrimitive.Content>, TooltipContentProps>(
-  ({ className, sideOffset = 4, ...props }, ref) => (
-    <TooltipPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      className={cn(
-        'bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md',
-        className,
-      )}
-      {...props}
-    />
-  ),
-);
-TooltipContent.displayName = TooltipPrimitive.Content?.displayName || 'TooltipContent';
+import type { TooltipBaseProps } from '@gv-tech/ui-core';
+
+function TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return <TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />;
+}
+
+function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />;
+}
+
+function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-foreground text-background data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pe-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm',
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  );
+}
 
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+// Verify that the component satisfies the ui-core contract
+const _verifyTooltipContract: TooltipBaseProps = {} as unknown as React.ComponentProps<typeof Tooltip>;

package/dist/accordion-BTF24dQU.js

@@ -1 +0,0 @@
-const e=require("./chunk-mLOUI7ql.js"),t=require("./utils-ChMUqofy.js"),n=require("./dist-CSkpam6a.js"),r=require("./dist-BTPL2C0R.js"),i=require("./dist-Dw6-GQAn.js"),a=require("./dist-DasmYflz.js"),o=require("./dist-DynSBUGq.js"),s=require("./dist-Byhx2fDJ.js"),c=require("./dist-DaCPM8ia.js"),l=require("./dist-CV2U2xFR.js");let u=require("react"),d=e.r(u,1);u=e.r(u);let f=require("react/jsx-runtime"),p=require("lucide-react");var m=`Accordion`,h=[`Home`,`End`,`ArrowDown`,`ArrowUp`,`ArrowLeft`,`ArrowRight`],[g,_,v]=a.t(m),[y,b]=n.n(m,[v,c.o]),x=c.o(),S=d.default.forwardRef((e,t)=>{let{type:n,...r}=e,i=r,a=r;return(0,f.jsx)(g.Provider,{scope:e.__scopeAccordion,children:n===`multiple`?(0,f.jsx)(O,{...a,ref:t}):(0,f.jsx)(D,{...i,ref:t})})});S.displayName=m;var[C,w]=y(m),[T,E]=y(m,{collapsible:!1}),D=d.default.forwardRef((e,t)=>{let{value:n,defaultValue:r,onValueChange:i=()=>{},collapsible:a=!1,...s}=e,[c,l]=o.t({prop:n,defaultProp:r??``,onChange:i,caller:m});return(0,f.jsx)(C,{scope:e.__scopeAccordion,value:d.default.useMemo(()=>c?[c]:[],[c]),onItemOpen:l,onItemClose:d.default.useCallback(()=>a&&l(``),[a,l]),children:(0,f.jsx)(T,{scope:e.__scopeAccordion,collapsible:a,children:(0,f.jsx)(j,{...s,ref:t})})})}),O=d.default.forwardRef((e,t)=>{let{value:n,defaultValue:r,onValueChange:i=()=>{},...a}=e,[s,c]=o.t({prop:n,defaultProp:r??[],onChange:i,caller:m}),l=d.default.useCallback(e=>c((t=[])=>[...t,e]),[c]),u=d.default.useCallback(e=>c((t=[])=>t.filter(t=>t!==e)),[c]);return(0,f.jsx)(C,{scope:e.__scopeAccordion,value:s,onItemOpen:l,onItemClose:u,children:(0,f.jsx)(T,{scope:e.__scopeAccordion,collapsible:!0,children:(0,f.jsx)(j,{...a,ref:t})})})}),[k,A]=y(m),j=d.default.forwardRef((e,t)=>{let{__scopeAccordion:n,disabled:a,dir:o,orientation:s=`vertical`,...c}=e,u=r.n(d.default.useRef(null),t),p=_(n),m=l.t(o)===`ltr`,v=i.r(e.onKeyDown,e=>{if(!h.includes(e.key))return;let t=e.target,n=p().filter(e=>!e.ref.current?.disabled),r=n.findIndex(e=>e.ref.current===t),i=n.length;if(r===-1)return;e.preventDefault();let a=r,o=i-1,c=()=>{a=r+1,a>o&&(a=0)},l=()=>{a=r-1,a<0&&(a=o)};switch(e.key){case`Home`:a=0;break;case`End`:a=o;break;case`ArrowRight`:s===`horizontal`&&(m?c():l());break;case`ArrowDown`:s===`vertical`&&c();break;case`ArrowLeft`:s===`horizontal`&&(m?l():c());break;case`ArrowUp`:s===`vertical`&&l();break}n[a%i].ref.current?.focus()});return(0,f.jsx)(k,{scope:n,disabled:a,direction:o,orientation:s,children:(0,f.jsx)(g.Slot,{scope:n,children:(0,f.jsx)(i.t.div,{...c,"data-orientation":s,ref:u,onKeyDown:a?void 0:v})})})}),M=`AccordionItem`,[N,P]=y(M),F=d.default.forwardRef((e,t)=>{let{__scopeAccordion:n,value:r,...i}=e,a=A(M,n),o=w(M,n),l=x(n),u=s.t(),d=r&&o.value.includes(r)||!1,p=a.disabled||e.disabled;return(0,f.jsx)(N,{scope:n,open:d,disabled:p,triggerId:u,children:(0,f.jsx)(c.i,{"data-orientation":a.orientation,"data-state":H(d),...l,...i,ref:t,disabled:p,open:d,onOpenChange:e=>{e?o.onItemOpen(r):o.onItemClose(r)}})})});F.displayName=M;var I=`AccordionHeader`,L=d.default.forwardRef((e,t)=>{let{__scopeAccordion:n,...r}=e,a=A(m,n),o=P(I,n);return(0,f.jsx)(i.t.h3,{"data-orientation":a.orientation,"data-state":H(o.open),"data-disabled":o.disabled?``:void 0,...r,ref:t})});L.displayName=I;var R=`AccordionTrigger`,z=d.default.forwardRef((e,t)=>{let{__scopeAccordion:n,...r}=e,i=A(m,n),a=P(R,n),o=E(R,n),s=x(n);return(0,f.jsx)(g.ItemSlot,{scope:n,children:(0,f.jsx)(c.a,{"aria-disabled":a.open&&!o.collapsible||void 0,"data-orientation":i.orientation,id:a.triggerId,...s,...r,ref:t})})});z.displayName=R;var B=`AccordionContent`,V=d.default.forwardRef((e,t)=>{let{__scopeAccordion:n,...r}=e,i=A(m,n),a=P(B,n),o=x(n);return(0,f.jsx)(c.r,{role:`region`,"aria-labelledby":a.triggerId,"data-orientation":i.orientation,...o,...r,ref:t,style:{"--radix-accordion-content-height":`var(--radix-collapsible-content-height)`,"--radix-accordion-content-width":`var(--radix-collapsible-content-width)`,...e.style}})});V.displayName=B;function H(e){return e?`open`:`closed`}var U=S,W=F,G=L,K=z,q=V,J=U,Y=u.forwardRef(({className:e,...n},r)=>(0,f.jsx)(W,{ref:r,className:t.t(`border-b`,e),...n}));Y.displayName=`AccordionItem`;var X=u.forwardRef(({className:e,children:n,...r},i)=>(0,f.jsx)(G,{className:`flex`,children:(0,f.jsxs)(K,{ref:i,className:t.t(`flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180`,e),...r,children:[n,(0,f.jsx)(p.ChevronDown,{className:`text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200`})]})}));X.displayName=K?.displayName||`AccordionTrigger`;var Z=u.forwardRef(({className:e,children:n,...r},i)=>(0,f.jsx)(q,{ref:i,className:`data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm`,...r,children:(0,f.jsx)(`div`,{className:t.t(`pt-0 pb-4`,e),children:n})}));Z.displayName=q?.displayName||`AccordionContent`,Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return J}});

package/dist/accordion-DHTV2Am8.mjs

@@ -1,221 +0,0 @@
-import { t as e } from "./utils-A_oVsYw5.mjs";
-import { n as t } from "./dist-Bm8Cuttq.mjs";
-import { n } from "./dist-DAe-fOIM.mjs";
-import { r, t as i } from "./dist-BjEG16aJ.mjs";
-import { t as a } from "./dist-D_tuvB-W.mjs";
-import { t as o } from "./dist-DuTFGM_g.mjs";
-import { t as s } from "./dist-Df2ez-DA.mjs";
-import { a as c, i as l, o as u, r as d } from "./dist-CRmJFaEL.mjs";
-import { t as f } from "./dist-C3Z3atn0.mjs";
-import * as p from "react";
-import m from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { ChevronDown as _ } from "lucide-react";
-//#region ../../node_modules/.bun/@radix-ui+react-accordion@1.2.12+2d3f272c3a65784a/node_modules/@radix-ui/react-accordion/dist/index.mjs
-var v = "Accordion", y = [
-	"Home",
-	"End",
-	"ArrowDown",
-	"ArrowUp",
-	"ArrowLeft",
-	"ArrowRight"
-], [b, x, S] = a(v), [C, ee] = t(v, [S, u]), w = u(), T = m.forwardRef((e, t) => {
-	let { type: n, ...r } = e, i = r, a = r;
-	return /* @__PURE__ */ h(b.Provider, {
-		scope: e.__scopeAccordion,
-		children: n === "multiple" ? /* @__PURE__ */ h(A, {
-			...a,
-			ref: t
-		}) : /* @__PURE__ */ h(k, {
-			...i,
-			ref: t
-		})
-	});
-});
-T.displayName = v;
-var [E, D] = C(v), [O, te] = C(v, { collapsible: !1 }), k = m.forwardRef((e, t) => {
-	let { value: n, defaultValue: r, onValueChange: i = () => {}, collapsible: a = !1, ...s } = e, [c, l] = o({
-		prop: n,
-		defaultProp: r ?? "",
-		onChange: i,
-		caller: v
-	});
-	return /* @__PURE__ */ h(E, {
-		scope: e.__scopeAccordion,
-		value: m.useMemo(() => c ? [c] : [], [c]),
-		onItemOpen: l,
-		onItemClose: m.useCallback(() => a && l(""), [a, l]),
-		children: /* @__PURE__ */ h(O, {
-			scope: e.__scopeAccordion,
-			collapsible: a,
-			children: /* @__PURE__ */ h(N, {
-				...s,
-				ref: t
-			})
-		})
-	});
-}), A = m.forwardRef((e, t) => {
-	let { value: n, defaultValue: r, onValueChange: i = () => {}, ...a } = e, [s, c] = o({
-		prop: n,
-		defaultProp: r ?? [],
-		onChange: i,
-		caller: v
-	}), l = m.useCallback((e) => c((t = []) => [...t, e]), [c]), u = m.useCallback((e) => c((t = []) => t.filter((t) => t !== e)), [c]);
-	return /* @__PURE__ */ h(E, {
-		scope: e.__scopeAccordion,
-		value: s,
-		onItemOpen: l,
-		onItemClose: u,
-		children: /* @__PURE__ */ h(O, {
-			scope: e.__scopeAccordion,
-			collapsible: !0,
-			children: /* @__PURE__ */ h(N, {
-				...a,
-				ref: t
-			})
-		})
-	});
-}), [j, M] = C(v), N = m.forwardRef((e, t) => {
-	let { __scopeAccordion: a, disabled: o, dir: s, orientation: c = "vertical", ...l } = e, u = n(m.useRef(null), t), d = x(a), p = f(s) === "ltr", g = r(e.onKeyDown, (e) => {
-		if (!y.includes(e.key)) return;
-		let t = e.target, n = d().filter((e) => !e.ref.current?.disabled), r = n.findIndex((e) => e.ref.current === t), i = n.length;
-		if (r === -1) return;
-		e.preventDefault();
-		let a = r, o = i - 1, s = () => {
-			a = r + 1, a > o && (a = 0);
-		}, l = () => {
-			a = r - 1, a < 0 && (a = o);
-		};
-		switch (e.key) {
-			case "Home":
-				a = 0;
-				break;
-			case "End":
-				a = o;
-				break;
-			case "ArrowRight":
-				c === "horizontal" && (p ? s() : l());
-				break;
-			case "ArrowDown":
-				c === "vertical" && s();
-				break;
-			case "ArrowLeft":
-				c === "horizontal" && (p ? l() : s());
-				break;
-			case "ArrowUp":
-				c === "vertical" && l();
-				break;
-		}
-		n[a % i].ref.current?.focus();
-	});
-	return /* @__PURE__ */ h(j, {
-		scope: a,
-		disabled: o,
-		direction: s,
-		orientation: c,
-		children: /* @__PURE__ */ h(b.Slot, {
-			scope: a,
-			children: /* @__PURE__ */ h(i.div, {
-				...l,
-				"data-orientation": c,
-				ref: u,
-				onKeyDown: o ? void 0 : g
-			})
-		})
-	});
-}), P = "AccordionItem", [F, I] = C(P), L = m.forwardRef((e, t) => {
-	let { __scopeAccordion: n, value: r, ...i } = e, a = M(P, n), o = D(P, n), c = w(n), u = s(), d = r && o.value.includes(r) || !1, f = a.disabled || e.disabled;
-	return /* @__PURE__ */ h(F, {
-		scope: n,
-		open: d,
-		disabled: f,
-		triggerId: u,
-		children: /* @__PURE__ */ h(l, {
-			"data-orientation": a.orientation,
-			"data-state": W(d),
-			...c,
-			...i,
-			ref: t,
-			disabled: f,
-			open: d,
-			onOpenChange: (e) => {
-				e ? o.onItemOpen(r) : o.onItemClose(r);
-			}
-		})
-	});
-});
-L.displayName = P;
-var R = "AccordionHeader", z = m.forwardRef((e, t) => {
-	let { __scopeAccordion: n, ...r } = e, a = M(v, n), o = I(R, n);
-	return /* @__PURE__ */ h(i.h3, {
-		"data-orientation": a.orientation,
-		"data-state": W(o.open),
-		"data-disabled": o.disabled ? "" : void 0,
-		...r,
-		ref: t
-	});
-});
-z.displayName = R;
-var B = "AccordionTrigger", V = m.forwardRef((e, t) => {
-	let { __scopeAccordion: n, ...r } = e, i = M(v, n), a = I(B, n), o = te(B, n), s = w(n);
-	return /* @__PURE__ */ h(b.ItemSlot, {
-		scope: n,
-		children: /* @__PURE__ */ h(c, {
-			"aria-disabled": a.open && !o.collapsible || void 0,
-			"data-orientation": i.orientation,
-			id: a.triggerId,
-			...s,
-			...r,
-			ref: t
-		})
-	});
-});
-V.displayName = B;
-var H = "AccordionContent", U = m.forwardRef((e, t) => {
-	let { __scopeAccordion: n, ...r } = e, i = M(v, n), a = I(H, n), o = w(n);
-	return /* @__PURE__ */ h(d, {
-		role: "region",
-		"aria-labelledby": a.triggerId,
-		"data-orientation": i.orientation,
-		...o,
-		...r,
-		ref: t,
-		style: {
-			"--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
-			"--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
-			...e.style
-		}
-	});
-});
-U.displayName = H;
-function W(e) {
-	return e ? "open" : "closed";
-}
-var G = T, K = L, q = z, J = V, Y = U, X = G, Z = p.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ h(K, {
-	ref: r,
-	className: e("border-b", t),
-	...n
-}));
-Z.displayName = "AccordionItem";
-var Q = p.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ h(q, {
-	className: "flex",
-	children: /* @__PURE__ */ g(J, {
-		ref: i,
-		className: e("flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", t),
-		...r,
-		children: [n, /* @__PURE__ */ h(_, { className: "text-muted-foreground h-4 w-4 shrink-0 transition-transform duration-200" })]
-	})
-}));
-Q.displayName = J?.displayName || "AccordionTrigger";
-var $ = p.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ h(Y, {
-	ref: i,
-	className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-	...r,
-	children: /* @__PURE__ */ h("div", {
-		className: e("pt-0 pb-4", t),
-		children: n
-	})
-}));
-$.displayName = Y?.displayName || "AccordionContent";
-//#endregion
-export { Q as i, $ as n, Z as r, X as t };