@kuzenbo/core 0.0.3 → 0.0.5

package/dist/{tooltip-trigger-qXw-_nbh.js → tooltip-D0BEpCQx.js}

@@ -1,12 +1,14 @@
-import { t as createSizeContext } from "./size-context-BjRwqlSg.js";
+import { a as useComponentSize } from "./size-provider-18EvJgDT.js";
+import { t as createSizeContext } from "./size-context-CvLl3pMC.js";
 import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-HKsgjcXj.js";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { Tooltip } from "@base-ui/react/tooltip";
 
 //#region src/ui/tooltip/tooltip-arrow.tsx
 const TooltipArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip.Arrow, {
-	className: cn("z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5", className),
+	className: cn("z-overlay bg-foreground fill-foreground size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5", className),
 	"data-slot": "tooltip-arrow",
 	...props
 });
@@ -18,15 +20,15 @@ const { SizeContext: TooltipSizeContext, useResolvedSize: useResolvedTooltipSize
 //#endregion
 //#region src/ui/tooltip/tooltip-popup.tsx
 const tooltipPopupVariants = tv({
-	base: "z-50 w-fit origin-(--transform-origin) bg-foreground text-background data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-starting-style:animate-in data-starting-style:fade-in-0 data-starting-style:zoom-in-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",
+	base: "z-overlay bg-foreground text-background data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-starting-style:animate-in data-starting-style:fade-in-0 data-starting-style:zoom-in-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 w-fit origin-(--transform-origin)",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "max-w-40 rounded-[min(var(--radius-md),8px)] px-2 py-1 text-xs",
-		sm: "max-w-48 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-xs",
-		md: "max-w-xs rounded-md px-3 py-1.5 text-xs",
 		lg: "max-w-sm rounded-md px-3.5 py-2 text-sm",
-		xl: "max-w-md rounded-md px-4 py-2.5 text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "max-w-xs rounded-md px-3 py-1.5 text-xs",
+		sm: "max-w-48 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-xs",
+		xl: "max-w-md rounded-md px-4 py-2.5 text-base",
+		xs: "max-w-40 rounded-[min(var(--radius-md),8px)] px-2 py-1 text-xs"
+	} }
 });
 const TooltipPopup = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedTooltipSize(size);
@@ -48,7 +50,7 @@ const TooltipPortal = ({ ...props }) => /* @__PURE__ */ jsx(Tooltip.Portal, {
 //#endregion
 //#region src/ui/tooltip/tooltip-positioner.tsx
 const TooltipPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip.Positioner, {
-	className: cn("isolate z-50 h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]", className),
+	className: cn("z-overlay isolate h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]", className),
 	"data-slot": "tooltip-positioner",
 	...props
 });
@@ -91,11 +93,34 @@ const TooltipProvider = ({ delay = 0, ...props }) => /* @__PURE__ */ jsx(Tooltip
 //#endregion
 //#region src/ui/tooltip/tooltip-trigger.tsx
 const TooltipTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip.Trigger, {
-	className: cn("cursor-pointer", className),
+	className: cn("cursor-clickable", className),
 	"data-slot": "tooltip-trigger",
 	...props
 });
 
 //#endregion
-export { TooltipPositioner as a, TooltipSizeContext as c, TooltipViewport as i, TooltipArrow as l, TooltipProvider as n, TooltipPortal as o, TooltipContent as r, TooltipPopup as s, TooltipTrigger as t };
-//# sourceMappingURL=tooltip-trigger-qXw-_nbh.js.map
+//#region src/ui/tooltip/tooltip.tsx
+const Tooltip$1 = ({ size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
+	return /* @__PURE__ */ jsx(TooltipSizeContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip.Root, {
+			"data-size": size,
+			"data-slot": "tooltip",
+			...props
+		}) })
+	});
+};
+Tooltip$1.Content = TooltipContent;
+Tooltip$1.Arrow = TooltipArrow;
+Tooltip$1.Popup = TooltipPopup;
+Tooltip$1.Portal = TooltipPortal;
+Tooltip$1.Positioner = TooltipPositioner;
+Tooltip$1.Provider = TooltipProvider;
+Tooltip$1.Trigger = TooltipTrigger;
+Tooltip$1.Viewport = TooltipViewport;
+
+//#endregion
+export { TooltipViewport as a, TooltipPopup as c, TooltipContent as i, TooltipArrow as l, TooltipTrigger as n, TooltipPositioner as o, TooltipProvider as r, TooltipPortal as s, Tooltip$1 as t };
+//# sourceMappingURL=tooltip-D0BEpCQx.js.map

package/dist/tooltip-D0BEpCQx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-D0BEpCQx.js","names":["TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","Tooltip","TooltipPrimitive"],"sources":["../src/ui/tooltip/tooltip-arrow.tsx","../src/ui/tooltip/tooltip-size-context.ts","../src/ui/tooltip/tooltip-popup.tsx","../src/ui/tooltip/tooltip-portal.tsx","../src/ui/tooltip/tooltip-positioner.tsx","../src/ui/tooltip/tooltip-viewport.tsx","../src/ui/tooltip/tooltip-content.tsx","../src/ui/tooltip/tooltip-provider.tsx","../src/ui/tooltip/tooltip-trigger.tsx","../src/ui/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TooltipArrowProps = TooltipPrimitive.Arrow.Props;\n\nconst TooltipArrow = ({ className, ...props }: TooltipArrowProps) => (\n  <TooltipPrimitive.Arrow\n    className={cn(\n      \"z-overlay bg-foreground fill-foreground size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n      className\n    )}\n    data-slot=\"tooltip-arrow\"\n    {...props}\n  />\n);\n\nexport { TooltipArrow };\n","import { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type TooltipSize = UISize;\n\nconst {\n  SizeContext: TooltipSizeContext,\n  useResolvedSize: useResolvedTooltipSize,\n} = createSizeContext();\n\nexport { TooltipSizeContext, useResolvedTooltipSize };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport type { TooltipSize } from \"./tooltip-size-context\";\nimport { useResolvedTooltipSize } from \"./tooltip-size-context\";\n\nconst tooltipPopupVariants = tv({\n  base: \"z-overlay bg-foreground text-background data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-starting-style:animate-in data-starting-style:fade-in-0 data-starting-style:zoom-in-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 w-fit origin-(--transform-origin)\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"max-w-sm rounded-md px-3.5 py-2 text-sm\",\n      md: \"max-w-xs rounded-md px-3 py-1.5 text-xs\",\n      sm: \"max-w-48 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-xs\",\n      xl: \"max-w-md rounded-md px-4 py-2.5 text-base\",\n      xs: \"max-w-40 rounded-[min(var(--radius-md),8px)] px-2 py-1 text-xs\",\n    },\n  },\n});\n\ntype TooltipPopupVariantProps = Omit<\n  VariantProps<typeof tooltipPopupVariants>,\n  \"size\"\n> & {\n  size?: TooltipSize;\n};\n\nexport type TooltipPopupProps = TooltipPrimitive.Popup.Props &\n  TooltipPopupVariantProps;\n\nconst TooltipPopup = ({ className, size, ...props }: TooltipPopupProps) => {\n  const resolvedSize = useResolvedTooltipSize(size);\n\n  return (\n    <TooltipPrimitive.Popup\n      className={mergeBaseUIClassName<TooltipPrimitive.Popup.State>(\n        tooltipPopupVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"tooltip-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { TooltipPopup };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\n\nexport type TooltipPortalProps = TooltipPrimitive.Portal.Props;\n\nconst TooltipPortal = ({ ...props }: TooltipPortalProps) => (\n  <TooltipPrimitive.Portal data-slot=\"tooltip-portal\" {...props} />\n);\n\nexport { TooltipPortal };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TooltipPositionerProps = TooltipPrimitive.Positioner.Props;\n\nconst TooltipPositioner = ({ className, ...props }: TooltipPositionerProps) => (\n  <TooltipPrimitive.Positioner\n    className={cn(\n      \"z-overlay isolate h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]\",\n      className\n    )}\n    data-slot=\"tooltip-positioner\"\n    {...props}\n  />\n);\n\nexport { TooltipPositioner };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\n\nexport type TooltipViewportProps = TooltipPrimitive.Viewport.Props;\n\nconst TooltipViewport = ({ ...props }: TooltipViewportProps) => (\n  <TooltipPrimitive.Viewport data-slot=\"tooltip-viewport\" {...props} />\n);\n\nexport { TooltipViewport };\n","\"use client\";\n\nimport type { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\n\nimport { TooltipArrow } from \"./tooltip-arrow\";\nimport { TooltipPopup } from \"./tooltip-popup\";\nimport { TooltipPortal } from \"./tooltip-portal\";\nimport { TooltipPositioner } from \"./tooltip-positioner\";\nimport { useResolvedTooltipSize } from \"./tooltip-size-context\";\nimport type { TooltipSize } from \"./tooltip-size-context\";\nimport { TooltipViewport } from \"./tooltip-viewport\";\nexport type TooltipContentProps = TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    size?: TooltipSize;\n  };\n\nconst TooltipContent = ({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  size,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipContentProps) => {\n  const resolvedSize = useResolvedTooltipSize(size);\n\n  return (\n    <TooltipPortal>\n      <TooltipPositioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <TooltipPopup\n          className={className}\n          data-size={resolvedSize}\n          data-slot=\"tooltip-content\"\n          size={resolvedSize}\n          {...props}\n        >\n          <TooltipViewport>{children}</TooltipViewport>\n          <TooltipArrow />\n        </TooltipPopup>\n      </TooltipPositioner>\n    </TooltipPortal>\n  );\n};\n\nexport { TooltipContent };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nexport type TooltipProviderProps = TooltipPrimitive.Provider.Props;\n\nconst TooltipProvider = ({ delay = 0, ...props }: TooltipProviderProps) => (\n  <TooltipPrimitive.Provider\n    data-slot=\"tooltip-provider\"\n    delay={delay}\n    {...props}\n  />\n);\n\nexport { TooltipProvider };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { cn } from \"tailwind-variants\";\nexport type TooltipTriggerProps = TooltipPrimitive.Trigger.Props;\n\nconst TooltipTrigger = ({ className, ...props }: TooltipTriggerProps) => (\n  <TooltipPrimitive.Trigger\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"tooltip-trigger\"\n    {...props}\n  />\n);\n\nexport { TooltipTrigger };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { useMemo } from \"react\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { TooltipArrow } from \"./tooltip-arrow\";\nimport { TooltipContent } from \"./tooltip-content\";\nimport { TooltipPopup } from \"./tooltip-popup\";\nimport { TooltipPortal } from \"./tooltip-portal\";\nimport { TooltipPositioner } from \"./tooltip-positioner\";\nimport { TooltipProvider } from \"./tooltip-provider\";\nimport { TooltipSizeContext } from \"./tooltip-size-context\";\nimport type { TooltipSize } from \"./tooltip-size-context\";\nimport { TooltipTrigger } from \"./tooltip-trigger\";\nimport { TooltipViewport } from \"./tooltip-viewport\";\nexport type TooltipProps = TooltipPrimitive.Root.Props & {\n  size?: TooltipSize;\n};\n\nconst Tooltip = ({ size: providedSize, ...props }: TooltipProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <TooltipSizeContext.Provider value={contextValue}>\n      <TooltipProvider>\n        <TooltipPrimitive.Root\n          data-size={size}\n          data-slot=\"tooltip\"\n          {...props}\n        />\n      </TooltipProvider>\n    </TooltipSizeContext.Provider>\n  );\n};\n\nTooltip.Content = TooltipContent;\nTooltip.Arrow = TooltipArrow;\nTooltip.Popup = TooltipPopup;\nTooltip.Portal = TooltipPortal;\nTooltip.Positioner = TooltipPositioner;\nTooltip.Provider = TooltipProvider;\nTooltip.Trigger = TooltipTrigger;\nTooltip.Viewport = TooltipViewport;\n\nexport type { TooltipArrowProps } from \"./tooltip-arrow\";\nexport type { TooltipPopupProps } from \"./tooltip-popup\";\nexport type { TooltipPortalProps } from \"./tooltip-portal\";\nexport type { TooltipPositionerProps } from \"./tooltip-positioner\";\nexport type { TooltipViewportProps } from \"./tooltip-viewport\";\n\nexport {\n  Tooltip,\n  TooltipArrow,\n  TooltipContent,\n  TooltipPopup,\n  TooltipPortal,\n  TooltipPositioner,\n  TooltipProvider,\n  TooltipTrigger,\n  TooltipViewport,\n};\n\nexport type { TooltipContentProps } from \"./tooltip-content\";\nexport type { TooltipProviderProps } from \"./tooltip-provider\";\nexport type { TooltipSize } from \"./tooltip-size-context\";\nexport type { TooltipTriggerProps } from \"./tooltip-trigger\";\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACA,QAAiB,OAAlB;CACE,WAAW,GACT,8UACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACVJ,MAAM,EACJ,aAAa,oBACb,iBAAiB,2BACf,mBAAmB;;;;ACEvB,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC;AAYF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAACC,QAAiB,OAAlB;EACE,WAAW,qBACT,qBAAqB,EAAE,MAAM,cAAc,CAAC,EAC5C,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;EACJ;;;;;AC1CN,MAAM,iBAAiB,EAAE,GAAG,YAC1B,oBAACC,QAAiB,QAAlB;CAAyB,aAAU;CAAiB,GAAI;CAAS;;;;ACAnE,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAiB,YAAlB;CACE,WAAW,GACT,6GACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,mBAAmB,EAAE,GAAG,YAC5B,oBAACC,QAAiB,UAAlB;CAA2B,aAAU;CAAmB,GAAI;CAAS;;;;ACYvE,MAAM,kBAAkB,EACtB,WACA,OAAO,OACP,aAAa,GACb,MACA,QAAQ,UACR,cAAc,GACd,UACA,GAAG,YACsB;CACzB,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAAC,eAAD,YACE,oBAAC,mBAAD;EACS;EACM;EACP;EACM;YAEZ,qBAAC,cAAD;GACa;GACX,aAAW;GACX,aAAU;GACV,MAAM;GACN,GAAI;aALN,CAOE,oBAAC,iBAAD,EAAkB,UAA2B,GAC7C,oBAAC,cAAD,EAAgB,EACH;;EACG,GACN;;;;;AC7CpB,MAAM,mBAAmB,EAAE,QAAQ,GAAG,GAAG,YACvC,oBAACC,QAAiB,UAAlB;CACE,aAAU;CACH;CACP,GAAI;CACJ;;;;ACJJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,QAAiB,SAAlB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACSJ,MAAMC,aAAW,EAAE,MAAM,cAAc,GAAG,YAA0B;CAClE,MAAM,OAAO,iBAAiB,aAAa;CAC3C,MAAM,eAAe,eAAe,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AAEtD,QACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;YAClC,oBAAC,iBAAD,YACE,oBAACC,QAAiB,MAAlB;GACE,aAAW;GACX,aAAU;GACV,GAAI;GACJ,GACc;EACU;;AAIlC,UAAQ,UAAU;AAClB,UAAQ,QAAQ;AAChB,UAAQ,QAAQ;AAChB,UAAQ,SAAS;AACjB,UAAQ,aAAa;AACrB,UAAQ,WAAW;AACnB,UAAQ,UAAU;AAClB,UAAQ,WAAW"}

package/dist/{tooltip-viewport-csA6luqI.d.ts → tooltip-DbJxt69l.d.ts}

@@ -33,29 +33,29 @@ declare const TooltipArrow: ({
 //#region src/ui/tooltip/tooltip-popup.d.ts
 declare const tooltipPopupVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "z-50 w-fit origin-(--transform-origin) bg-foreground text-background data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-starting-style:animate-in data-starting-style:fade-in-0 data-starting-style:zoom-in-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", {
+}, undefined, "z-overlay bg-foreground text-background data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-starting-style:animate-in data-starting-style:fade-in-0 data-starting-style:zoom-in-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 w-fit origin-(--transform-origin)", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "z-50 w-fit origin-(--transform-origin) bg-foreground text-background data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-starting-style:animate-in data-starting-style:fade-in-0 data-starting-style:zoom-in-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", unknown, unknown, undefined>>;
+}, undefined, "z-overlay bg-foreground text-background data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-starting-style:animate-in data-starting-style:fade-in-0 data-starting-style:zoom-in-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 w-fit origin-(--transform-origin)", unknown, unknown, undefined>>;
 type TooltipPopupVariantProps = Omit<VariantProps<typeof tooltipPopupVariants>, "size"> & {
   size?: TooltipSize;
 };
@@ -99,5 +99,53 @@ declare const TooltipViewport: ({
   ...props
 }: TooltipViewportProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { TooltipSize as _, TooltipProvider as a, TooltipPositionerProps as c, TooltipPopup as d, TooltipPopupProps as f, TooltipContentProps as g, TooltipContent as h, TooltipTriggerProps as i, TooltipPortal as l, TooltipArrowProps as m, TooltipViewportProps as n, TooltipProviderProps as o, TooltipArrow as p, TooltipTrigger as r, TooltipPositioner as s, TooltipViewport as t, TooltipPortalProps as u };
-//# sourceMappingURL=tooltip-viewport-csA6luqI.d.ts.map
+//#region src/ui/tooltip/tooltip.d.ts
+type TooltipProps = Tooltip.Root.Props & {
+  size?: TooltipSize;
+};
+declare const Tooltip$1: {
+  ({
+    size: providedSize,
+    ...props
+  }: TooltipProps): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    side,
+    sideOffset,
+    size,
+    align,
+    alignOffset,
+    children,
+    ...props
+  }: TooltipContentProps) => react_jsx_runtime0.JSX.Element;
+  Arrow: ({
+    className,
+    ...props
+  }: TooltipArrowProps) => react_jsx_runtime0.JSX.Element;
+  Popup: ({
+    className,
+    size,
+    ...props
+  }: TooltipPopupProps) => react_jsx_runtime0.JSX.Element;
+  Portal: ({
+    ...props
+  }: TooltipPortalProps) => react_jsx_runtime0.JSX.Element;
+  Positioner: ({
+    className,
+    ...props
+  }: TooltipPositionerProps) => react_jsx_runtime0.JSX.Element;
+  Provider: ({
+    delay,
+    ...props
+  }: TooltipProviderProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: TooltipTriggerProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    ...props
+  }: TooltipViewportProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { TooltipContent as _, TooltipTrigger as a, TooltipProviderProps as c, TooltipPortal as d, TooltipPortalProps as f, TooltipArrowProps as g, TooltipArrow as h, TooltipViewportProps as i, TooltipPositioner as l, TooltipPopupProps as m, TooltipProps as n, TooltipTriggerProps as o, TooltipPopup as p, TooltipViewport as r, TooltipProvider as s, Tooltip$1 as t, TooltipPositionerProps as u, TooltipContentProps as v, TooltipSize as y };
+//# sourceMappingURL=tooltip-DbJxt69l.d.ts.map

package/dist/tooltip-DbJxt69l.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-DbJxt69l.d.ts","names":[],"sources":["../src/ui/tooltip/tooltip-size-context.ts","../src/ui/tooltip/tooltip-content.tsx","../src/ui/tooltip/tooltip-arrow.tsx","../src/ui/tooltip/tooltip-popup.tsx","../src/ui/tooltip/tooltip-portal.tsx","../src/ui/tooltip/tooltip-positioner.tsx","../src/ui/tooltip/tooltip-provider.tsx","../src/ui/tooltip/tooltip-trigger.tsx","../src/ui/tooltip/tooltip-viewport.tsx","../src/ui/tooltip/tooltip.tsx"],"mappings":";;;;;;;;KAGY,WAAA,GAAc,MAAA;;;KCQd,mBAAA,GAAsB,OAAA,CAAiB,KAAA,CAAM,KAAA,GACvD,IAAA,CACE,OAAA,CAAiB,UAAA,CAAW,KAAA;EAG5B,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,cAAA;EAAkB,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GASrB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCvBV,iBAAA,GAAoB,OAAA,CAAiB,KAAA,CAAM,KAAA;AAAA,cAEjD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCG1D,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,wBAAA,GAA2B,IAAA,CAC9B,YAAA,QAAoB,oBAAA;EAGpB,IAAA,GAAO,WAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,OAAA,CAAiB,KAAA,CAAM,KAAA,GACrD,wBAAA;AAAA,cAEI,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KChC1D,kBAAA,GAAqB,OAAA,CAAiB,MAAA,CAAO,KAAA;AAAA,cAEnD,aAAA;EAAA,GAAiB;AAAA,GAAc,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCD3C,sBAAA,GAAyB,OAAA,CAAiB,UAAA,CAAW,KAAA;AAAA,cAE3D,iBAAA;EAAqB,SAAA;EAAA,GAAA;AAAA,GAAyB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCJ9D,oBAAA,GAAuB,OAAA,CAAiB,QAAA,CAAS,KAAA;AAAA,cAEvD,eAAA;EAAmB,KAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCD1D,mBAAA,GAAsB,OAAA,CAAiB,OAAA,CAAQ,KAAA;AAAA,cAErD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFxD,oBAAA,GAAuB,OAAA,CAAiB,QAAA,CAAS,KAAA;AAAA,cAEvD,eAAA;EAAA,GAAmB;AAAA,GAAc,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCU/C,YAAA,GAAe,OAAA,CAAiB,IAAA,CAAK,KAAA;EAC/C,IAAA,GAAO,WAAA;AAAA;AAAA,cAGH,SAAA;EAAA;;;KAA6C,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/accordion.d.ts

@@ -1,8 +1,8 @@
 import { t as UISize } from "../size-system-wzOLSuax.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 
 //#region src/ui/accordion/accordion-content.d.ts
 type AccordionContentProps = Accordion$1.Panel.Props;
@@ -37,20 +37,20 @@ declare const AccordionTrigger: ({
 //#region src/ui/accordion/accordion.d.ts
 declare const accordionVariants: tailwind_variants0.TVReturnType<{
   variant: {
-    default: string;
     bordered: string;
+    default: string;
     ghost: string;
   };
 }, undefined, "group/accordion flex w-full min-w-0 flex-col", {
   variant: {
-    default: string;
     bordered: string;
+    default: string;
     ghost: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   variant: {
-    default: string;
     bordered: string;
+    default: string;
     ghost: string;
   };
 }, undefined, "group/accordion flex w-full min-w-0 flex-col", unknown, unknown, undefined>>;

package/dist/ui/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/ui/accordion/accordion-content.tsx","../../src/ui/accordion/accordion-header.tsx","../../src/ui/accordion/accordion-item.tsx","../../src/ui/accordion/accordion-trigger.tsx","../../src/ui/accordion/accordion.tsx"],"mappings":";;;;;;;KAQY,qBAAA,GAAwB,WAAA,CAAmB,KAAA,CAAM,KAAA;AAAA,cAkGvD,gBAAA;EAAoB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzGZ,oBAAA,GAAuB,WAAA,CAAmB,MAAA,CAAO,KAAA;AAAA,cAEvD,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCC1D,kBAAA,GAAqB,WAAA,CAAmB,IAAA,CAAK,KAAA;AAAA,cAmDnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCjDtD,qBAAA,GAAwB,WAAA,CAAmB,OAAA,CAAQ,KAAA;AAAA,cAoDzD,gBAAA;EAAoB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cClDlB,iBAAA,EAYJ,kBAAA,CAZqB,YAAA;;;;;;;;;;;;cAYrB,kBAAA,CAAA,YAAA;;;;;;;KAEU,cAAA,GAAiB,WAAA,CAAmB,IAAA,CAAK,KAAA,GACnD,YAAA,QAAoB,iBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,SAAA;EAAA,gBAA4B,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/ui/accordion/accordion-content.tsx","../../src/ui/accordion/accordion-header.tsx","../../src/ui/accordion/accordion-item.tsx","../../src/ui/accordion/accordion-trigger.tsx","../../src/ui/accordion/accordion.tsx"],"mappings":";;;;;;;KAQY,qBAAA,GAAwB,WAAA,CAAmB,KAAA,CAAM,KAAA;AAAA,cAkGvD,gBAAA;EAAoB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzGZ,oBAAA,GAAuB,WAAA,CAAmB,MAAA,CAAO,KAAA;AAAA,cAEvD,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCC1D,kBAAA,GAAqB,WAAA,CAAmB,IAAA,CAAK,KAAA;AAAA,cAmDnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCjDtD,qBAAA,GAAwB,WAAA,CAAmB,OAAA,CAAQ,KAAA;AAAA,cAoDzD,gBAAA;EAAoB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAIvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCjDlB,iBAAA,EAYJ,kBAAA,CAZqB,YAAA;;;;;;;;;;;;cAYrB,kBAAA,CAAA,YAAA;;;;;;;KAEU,cAAA,GAAiB,WAAA,CAAmB,IAAA,CAAK,KAAA,GACnD,YAAA,QAAoB,iBAAA;EAClB,IAAA,GAAO,MAAA;AAAA;AAAA,cAGL,SAAA;EAAA,gBAA4B,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/accordion.js

@@ -2,45 +2,45 @@
 
 import { a as useComponentSize, i as useComponentDefaultProps } from "../size-provider-18EvJgDT.js";
 import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { tv } from "tailwind-variants";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { ArrowDown01Icon } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
 
 //#region src/ui/accordion/accordion-context.tsx
 const AccordionContext = createContext({
-	variant: "default",
-	size: "md"
+	size: "md",
+	variant: "default"
 });
 const useAccordionContext = () => useContext(AccordionContext);
 
 //#endregion
 //#region src/ui/accordion/accordion-content.tsx
 const accordionContentVariants = tv({
-	base: "overflow-hidden text-sm transition-[height,width] ease-out data-[orientation=vertical]:h-[var(--accordion-panel-height)] data-[orientation=vertical]:data-[ending-style]:h-0 data-[orientation=vertical]:data-[starting-style]:h-0 data-[orientation=horizontal]:w-[var(--accordion-panel-width)] data-[orientation=horizontal]:data-[ending-style]:w-0 data-[orientation=horizontal]:data-[starting-style]:w-0",
+	base: "overflow-hidden text-sm transition-[height,width] ease-out data-[orientation=horizontal]:w-[var(--accordion-panel-width)] data-[orientation=horizontal]:data-[ending-style]:w-0 data-[orientation=vertical]:h-[var(--accordion-panel-height)] data-[orientation=vertical]:data-[ending-style]:h-0 data-[orientation=horizontal]:data-[starting-style]:w-0 data-[orientation=vertical]:data-[starting-style]:h-0",
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
 	variants: {
 		size: {
-			xs: "",
-			sm: "",
-			md: "",
 			lg: "",
-			xl: ""
+			md: "",
+			sm: "",
+			xl: "",
+			xs: ""
 		},
 		variant: {
-			default: "",
 			bordered: "",
+			default: "",
 			ghost: ""
 		}
-	},
-	defaultVariants: {
-		size: "md",
-		variant: "default"
 	}
 });
 const accordionContentBodyVariants = tv({
-	base: "min-w-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+	base: "[&_a]:hover:text-foreground min-w-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4",
 	compoundVariants: [
 		{
 			class: "pt-0 pb-2",
@@ -93,23 +93,23 @@ const accordionContentBodyVariants = tv({
 			variant: "ghost"
 		}
 	],
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
 	variants: {
 		size: {
-			xs: "text-xs",
-			sm: "text-sm",
-			md: "text-sm",
 			lg: "text-sm",
-			xl: "text-base"
+			md: "text-sm",
+			sm: "text-sm",
+			xl: "text-base",
+			xs: "text-xs"
 		},
 		variant: {
-			default: "",
 			bordered: "",
+			default: "",
 			ghost: ""
 		}
-	},
-	defaultVariants: {
-		size: "md",
-		variant: "default"
 	}
 });
 const AccordionContent = ({ className, children, ...props }) => {
@@ -142,7 +142,7 @@ const AccordionHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(Accordi
 //#endregion
 //#region src/ui/accordion/accordion-item.tsx
 const accordionItemVariants = tv({
-	base: "border-b border-border [&:last-child]:border-b-0",
+	base: "border-border border-b [&:last-child]:border-b-0",
 	compoundVariants: [
 		{
 			class: "px-2.5",
@@ -170,23 +170,23 @@ const accordionItemVariants = tv({
 			variant: ["bordered", "ghost"]
 		}
 	],
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
 	variants: {
 		size: {
-			xs: "",
-			sm: "",
-			md: "",
 			lg: "",
-			xl: ""
+			md: "",
+			sm: "",
+			xl: "",
+			xs: ""
 		},
 		variant: {
-			default: "",
 			bordered: "",
+			default: "",
 			ghost: "border-0"
 		}
-	},
-	defaultVariants: {
-		size: "md",
-		variant: "default"
 	}
 });
 const AccordionItem = ({ className, ...props }) => {
@@ -204,7 +204,7 @@ const AccordionItem = ({ className, ...props }) => {
 //#endregion
 //#region src/ui/accordion/accordion-trigger.tsx
 const accordionTriggerVariants = tv({
-	base: "group/accordion-trigger relative flex flex-1 cursor-pointer items-start justify-between rounded-md border border-transparent text-left font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
+	base: "group/accordion-trigger cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground relative flex flex-1 items-start justify-between rounded-md border border-transparent text-left font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto",
 	compoundVariants: [
 		{
 			class: "px-2",
@@ -232,23 +232,23 @@ const accordionTriggerVariants = tv({
 			variant: "ghost"
 		}
 	],
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
 	variants: {
 		size: {
-			xs: "min-h-8 gap-2 py-2 text-xs **:data-[slot=accordion-trigger-icon]:size-3.5",
-			sm: "min-h-9 gap-2 py-2.5 text-sm **:data-[slot=accordion-trigger-icon]:size-3.5",
-			md: "min-h-10 gap-2.5 py-3 text-sm **:data-[slot=accordion-trigger-icon]:size-4",
 			lg: "min-h-11 gap-3 py-3.5 text-sm **:data-[slot=accordion-trigger-icon]:size-4",
-			xl: "min-h-12 gap-3.5 py-4 text-base **:data-[slot=accordion-trigger-icon]:size-5"
+			md: "min-h-10 gap-2.5 py-3 text-sm **:data-[slot=accordion-trigger-icon]:size-4",
+			sm: "min-h-9 gap-2 py-2.5 text-sm **:data-[slot=accordion-trigger-icon]:size-3.5",
+			xl: "min-h-12 gap-3.5 py-4 text-base **:data-[slot=accordion-trigger-icon]:size-5",
+			xs: "min-h-8 gap-2 py-2 text-xs **:data-[slot=accordion-trigger-icon]:size-3.5"
 		},
 		variant: {
-			default: "",
 			bordered: "",
-			ghost: "rounded-md hover:bg-muted/70 hover:no-underline data-[panel-open]:bg-muted"
+			default: "",
+			ghost: "hover:bg-muted/70 data-[panel-open]:bg-muted rounded-md hover:no-underline"
 		}
-	},
-	defaultVariants: {
-		size: "md",
-		variant: "default"
 	}
 });
 const AccordionTrigger = ({ className, children, ...props }) => {
@@ -277,21 +277,22 @@ const useAccordionDefaultProps = (incomingProps) => useComponentDefaultProps("Ac
 //#region src/ui/accordion/accordion.tsx
 const accordionVariants = tv({
 	base: "group/accordion flex w-full min-w-0 flex-col",
+	defaultVariants: { variant: "default" },
 	variants: { variant: {
+		bordered: "border-border bg-background overflow-hidden rounded-lg border",
 		default: "",
-		bordered: "overflow-hidden rounded-lg border border-border bg-background",
 		ghost: "gap-1"
-	} },
-	defaultVariants: { variant: "default" }
+	} }
 });
 const Accordion = (incomingProps) => {
 	const { className, size: providedSize, variant = "default", ...props } = useAccordionDefaultProps(incomingProps);
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({
+		size,
+		variant
+	}), [size, variant]);
 	return /* @__PURE__ */ jsx(AccordionContext.Provider, {
-		value: {
-			size,
-			variant
-		},
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(Accordion$1.Root, {
 			className: mergeBaseUIClassName(accordionVariants({ variant }), className),
 			"data-size": size,

package/dist/ui/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["AccordionPrimitive","AccordionPrimitive","AccordionPrimitive","AccordionPrimitive","AccordionPrimitive"],"sources":["../../src/ui/accordion/accordion-context.tsx","../../src/ui/accordion/accordion-content.tsx","../../src/ui/accordion/accordion-header.tsx","../../src/ui/accordion/accordion-item.tsx","../../src/ui/accordion/accordion-trigger.tsx","../../src/ui/accordion/use-accordion-default-props.ts","../../src/ui/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type AccordionVariant = \"default\" | \"bordered\" | \"ghost\";\nexport type AccordionSize = UISize;\n\ninterface AccordionContextValue {\n  variant: AccordionVariant;\n  size: AccordionSize;\n}\n\nconst AccordionContext = createContext<AccordionContextValue>({\n  variant: \"default\",\n  size: \"md\",\n});\n\nconst useAccordionContext = () => useContext(AccordionContext);\n\nexport { AccordionContext, useAccordionContext };\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useAccordionContext } from \"./accordion-context\";\n\nexport type AccordionContentProps = AccordionPrimitive.Panel.Props;\n\nconst accordionContentVariants = tv({\n  base: \"overflow-hidden text-sm transition-[height,width] ease-out data-[orientation=vertical]:h-[var(--accordion-panel-height)] data-[orientation=vertical]:data-[ending-style]:h-0 data-[orientation=vertical]:data-[starting-style]:h-0 data-[orientation=horizontal]:w-[var(--accordion-panel-width)] data-[orientation=horizontal]:data-[ending-style]:w-0 data-[orientation=horizontal]:data-[starting-style]:w-0\",\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n      xl: \"\",\n    },\n    variant: {\n      default: \"\",\n      bordered: \"\",\n      ghost: \"\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\nconst accordionContentBodyVariants = tv({\n  base: \"min-w-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n  compoundVariants: [\n    {\n      class: \"pt-0 pb-2\",\n      size: \"xs\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"pt-0 pb-3\",\n      size: \"sm\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"pt-0 pb-4\",\n      size: \"md\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"pt-0 pb-5\",\n      size: \"lg\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"pt-0 pb-6\",\n      size: \"xl\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"p-2\",\n      size: \"xs\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"p-2.5\",\n      size: \"sm\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"p-3\",\n      size: \"md\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"p-4\",\n      size: \"lg\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"p-5\",\n      size: \"xl\",\n      variant: \"ghost\",\n    },\n  ],\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-sm\",\n      md: \"text-sm\",\n      lg: \"text-sm\",\n      xl: \"text-base\",\n    },\n    variant: {\n      default: \"\",\n      bordered: \"\",\n      ghost: \"\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\nconst AccordionContent = ({\n  className,\n  children,\n  ...props\n}: AccordionContentProps) => {\n  const { size, variant } = useAccordionContext();\n\n  return (\n    <AccordionPrimitive.Panel\n      className={mergeBaseUIClassName<AccordionPrimitive.Panel.State>(\n        accordionContentVariants({ size, variant }),\n        className\n      )}\n      data-slot=\"accordion-content\"\n      {...props}\n    >\n      <div className={accordionContentBodyVariants({ size, variant })}>\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  );\n};\n\nexport { AccordionContent };\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type AccordionHeaderProps = AccordionPrimitive.Header.Props;\n\nconst AccordionHeader = ({ className, ...props }: AccordionHeaderProps) => (\n  <AccordionPrimitive.Header\n    className={mergeBaseUIClassName<AccordionPrimitive.Item.State>(\n      \"flex\",\n      className\n    )}\n    data-slot=\"accordion-header\"\n    {...props}\n  />\n);\n\nexport { AccordionHeader };\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useAccordionContext } from \"./accordion-context\";\n\nexport type AccordionItemProps = AccordionPrimitive.Item.Props;\n\nconst accordionItemVariants = tv({\n  base: \"border-b border-border [&:last-child]:border-b-0\",\n  compoundVariants: [\n    {\n      class: \"px-2.5\",\n      size: \"xs\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n    {\n      class: \"px-3\",\n      size: \"sm\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n    {\n      class: \"px-4\",\n      size: \"md\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n    {\n      class: \"px-5\",\n      size: \"lg\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n    {\n      class: \"px-6\",\n      size: \"xl\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n  ],\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n      xl: \"\",\n    },\n    variant: {\n      default: \"\",\n      bordered: \"\",\n      ghost: \"border-0\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\nconst AccordionItem = ({ className, ...props }: AccordionItemProps) => {\n  const { size, variant } = useAccordionContext();\n\n  return (\n    <AccordionPrimitive.Item\n      className={mergeBaseUIClassName<AccordionPrimitive.Item.State>(\n        accordionItemVariants({ size, variant }),\n        className\n      )}\n      data-slot=\"accordion-item\"\n      {...props}\n    />\n  );\n};\n\nexport { AccordionItem };\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useAccordionContext } from \"./accordion-context\";\n\nexport type AccordionTriggerProps = AccordionPrimitive.Trigger.Props;\n\nconst accordionTriggerVariants = tv({\n  base: \"group/accordion-trigger relative flex flex-1 cursor-pointer items-start justify-between rounded-md border border-transparent text-left font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n  compoundVariants: [\n    {\n      class: \"px-2\",\n      size: \"xs\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"px-2.5\",\n      size: \"sm\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"px-3\",\n      size: \"md\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"px-3.5\",\n      size: \"lg\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"px-4\",\n      size: \"xl\",\n      variant: \"ghost\",\n    },\n  ],\n  variants: {\n    size: {\n      xs: \"min-h-8 gap-2 py-2 text-xs **:data-[slot=accordion-trigger-icon]:size-3.5\",\n      sm: \"min-h-9 gap-2 py-2.5 text-sm **:data-[slot=accordion-trigger-icon]:size-3.5\",\n      md: \"min-h-10 gap-2.5 py-3 text-sm **:data-[slot=accordion-trigger-icon]:size-4\",\n      lg: \"min-h-11 gap-3 py-3.5 text-sm **:data-[slot=accordion-trigger-icon]:size-4\",\n      xl: \"min-h-12 gap-3.5 py-4 text-base **:data-[slot=accordion-trigger-icon]:size-5\",\n    },\n    variant: {\n      default: \"\",\n      bordered: \"\",\n      ghost:\n        \"rounded-md hover:bg-muted/70 hover:no-underline data-[panel-open]:bg-muted\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\nconst AccordionTrigger = ({\n  className,\n  children,\n  ...props\n}: AccordionTriggerProps) => {\n  const { size, variant } = useAccordionContext();\n\n  return (\n    <AccordionPrimitive.Trigger\n      className={mergeBaseUIClassName<AccordionPrimitive.Item.State>(\n        accordionTriggerVariants({ size, variant }),\n        className\n      )}\n      data-slot=\"accordion-trigger\"\n      {...props}\n    >\n      {children}\n      <HugeiconsIcon\n        className=\"pointer-events-none shrink-0 transition-transform duration-200 ease-out group-data-[panel-open]/accordion-trigger:rotate-180\"\n        data-slot=\"accordion-trigger-icon\"\n        icon={ArrowDown01Icon}\n        strokeWidth={2}\n      />\n    </AccordionPrimitive.Trigger>\n  );\n};\n\nexport { AccordionTrigger };\n","import type { AccordionProps } from \"./accordion\";\n\nimport { useComponentDefaultProps } from \"../shared/size/size-provider\";\n\nexport const useAccordionDefaultProps = (\n  incomingProps: AccordionProps\n): AccordionProps =>\n  useComponentDefaultProps<AccordionProps>(\"Accordion\", {}, incomingProps);\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { AccordionContent } from \"./accordion-content\";\nimport { AccordionContext } from \"./accordion-context\";\nimport { AccordionHeader } from \"./accordion-header\";\nimport { AccordionItem } from \"./accordion-item\";\nimport { AccordionTrigger } from \"./accordion-trigger\";\nimport { useAccordionDefaultProps } from \"./use-accordion-default-props\";\n\nconst accordionVariants = tv({\n  base: \"group/accordion flex w-full min-w-0 flex-col\",\n  variants: {\n    variant: {\n      default: \"\",\n      bordered: \"overflow-hidden rounded-lg border border-border bg-background\",\n      ghost: \"gap-1\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type AccordionProps = AccordionPrimitive.Root.Props &\n  VariantProps<typeof accordionVariants> & {\n    size?: UISize;\n  };\n\nconst Accordion = (incomingProps: AccordionProps) => {\n  const {\n    className,\n    size: providedSize,\n    variant = \"default\",\n    ...props\n  } = useAccordionDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AccordionContext.Provider value={{ size, variant }}>\n      <AccordionPrimitive.Root\n        className={mergeBaseUIClassName<AccordionPrimitive.Root.State>(\n          accordionVariants({ variant }),\n          className\n        )}\n        data-size={size}\n        data-slot=\"accordion\"\n        data-variant={variant}\n        {...props}\n      />\n    </AccordionContext.Provider>\n  );\n};\n\nAccordion.Content = AccordionContent;\nAccordion.Header = AccordionHeader;\nAccordion.Item = AccordionItem;\nAccordion.Trigger = AccordionTrigger;\n\nexport {\n  Accordion,\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  AccordionTrigger,\n  accordionVariants,\n};\n\nexport type { AccordionContentProps } from \"./accordion-content\";\nexport type { AccordionHeaderProps } from \"./accordion-header\";\nexport type { AccordionItemProps } from \"./accordion-item\";\nexport type { AccordionTriggerProps } from \"./accordion-trigger\";\n"],"mappings":"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"}
+{"version":3,"file":"accordion.js","names":["AccordionPrimitive","AccordionPrimitive","AccordionPrimitive","AccordionPrimitive","AccordionPrimitive"],"sources":["../../src/ui/accordion/accordion-context.tsx","../../src/ui/accordion/accordion-content.tsx","../../src/ui/accordion/accordion-header.tsx","../../src/ui/accordion/accordion-item.tsx","../../src/ui/accordion/accordion-trigger.tsx","../../src/ui/accordion/use-accordion-default-props.ts","../../src/ui/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type AccordionVariant = \"default\" | \"bordered\" | \"ghost\";\nexport type AccordionSize = UISize;\n\ninterface AccordionContextValue {\n  variant: AccordionVariant;\n  size: AccordionSize;\n}\n\nconst AccordionContext = createContext<AccordionContextValue>({\n  size: \"md\",\n  variant: \"default\",\n});\n\nconst useAccordionContext = () => useContext(AccordionContext);\n\nexport { AccordionContext, useAccordionContext };\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useAccordionContext } from \"./accordion-context\";\n\nexport type AccordionContentProps = AccordionPrimitive.Panel.Props;\n\nconst accordionContentVariants = tv({\n  base: \"overflow-hidden text-sm transition-[height,width] ease-out data-[orientation=horizontal]:w-[var(--accordion-panel-width)] data-[orientation=horizontal]:data-[ending-style]:w-0 data-[orientation=vertical]:h-[var(--accordion-panel-height)] data-[orientation=vertical]:data-[ending-style]:h-0 data-[orientation=horizontal]:data-[starting-style]:w-0 data-[orientation=vertical]:data-[starting-style]:h-0\",\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      lg: \"\",\n      md: \"\",\n      sm: \"\",\n      xl: \"\",\n      xs: \"\",\n    },\n    variant: {\n      bordered: \"\",\n      default: \"\",\n      ghost: \"\",\n    },\n  },\n});\n\nconst accordionContentBodyVariants = tv({\n  base: \"[&_a]:hover:text-foreground min-w-0 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n  compoundVariants: [\n    {\n      class: \"pt-0 pb-2\",\n      size: \"xs\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"pt-0 pb-3\",\n      size: \"sm\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"pt-0 pb-4\",\n      size: \"md\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"pt-0 pb-5\",\n      size: \"lg\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"pt-0 pb-6\",\n      size: \"xl\",\n      variant: [\"default\", \"bordered\"],\n    },\n    {\n      class: \"p-2\",\n      size: \"xs\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"p-2.5\",\n      size: \"sm\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"p-3\",\n      size: \"md\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"p-4\",\n      size: \"lg\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"p-5\",\n      size: \"xl\",\n      variant: \"ghost\",\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      lg: \"text-sm\",\n      md: \"text-sm\",\n      sm: \"text-sm\",\n      xl: \"text-base\",\n      xs: \"text-xs\",\n    },\n    variant: {\n      bordered: \"\",\n      default: \"\",\n      ghost: \"\",\n    },\n  },\n});\n\nconst AccordionContent = ({\n  className,\n  children,\n  ...props\n}: AccordionContentProps) => {\n  const { size, variant } = useAccordionContext();\n\n  return (\n    <AccordionPrimitive.Panel\n      className={mergeBaseUIClassName<AccordionPrimitive.Panel.State>(\n        accordionContentVariants({ size, variant }),\n        className\n      )}\n      data-slot=\"accordion-content\"\n      {...props}\n    >\n      <div className={accordionContentBodyVariants({ size, variant })}>\n        {children}\n      </div>\n    </AccordionPrimitive.Panel>\n  );\n};\n\nexport { AccordionContent };\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type AccordionHeaderProps = AccordionPrimitive.Header.Props;\n\nconst AccordionHeader = ({ className, ...props }: AccordionHeaderProps) => (\n  <AccordionPrimitive.Header\n    className={mergeBaseUIClassName<AccordionPrimitive.Item.State>(\n      \"flex\",\n      className\n    )}\n    data-slot=\"accordion-header\"\n    {...props}\n  />\n);\n\nexport { AccordionHeader };\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useAccordionContext } from \"./accordion-context\";\n\nexport type AccordionItemProps = AccordionPrimitive.Item.Props;\n\nconst accordionItemVariants = tv({\n  base: \"border-border border-b [&:last-child]:border-b-0\",\n  compoundVariants: [\n    {\n      class: \"px-2.5\",\n      size: \"xs\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n    {\n      class: \"px-3\",\n      size: \"sm\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n    {\n      class: \"px-4\",\n      size: \"md\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n    {\n      class: \"px-5\",\n      size: \"lg\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n    {\n      class: \"px-6\",\n      size: \"xl\",\n      variant: [\"bordered\", \"ghost\"],\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      lg: \"\",\n      md: \"\",\n      sm: \"\",\n      xl: \"\",\n      xs: \"\",\n    },\n    variant: {\n      bordered: \"\",\n      default: \"\",\n      ghost: \"border-0\",\n    },\n  },\n});\n\nconst AccordionItem = ({ className, ...props }: AccordionItemProps) => {\n  const { size, variant } = useAccordionContext();\n\n  return (\n    <AccordionPrimitive.Item\n      className={mergeBaseUIClassName<AccordionPrimitive.Item.State>(\n        accordionItemVariants({ size, variant }),\n        className\n      )}\n      data-slot=\"accordion-item\"\n      {...props}\n    />\n  );\n};\n\nexport { AccordionItem };\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useAccordionContext } from \"./accordion-context\";\n\nexport type AccordionTriggerProps = AccordionPrimitive.Trigger.Props;\n\nconst accordionTriggerVariants = tv({\n  base: \"group/accordion-trigger cursor-clickable focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground relative flex flex-1 items-start justify-between rounded-md border border-transparent text-left font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto\",\n  compoundVariants: [\n    {\n      class: \"px-2\",\n      size: \"xs\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"px-2.5\",\n      size: \"sm\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"px-3\",\n      size: \"md\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"px-3.5\",\n      size: \"lg\",\n      variant: \"ghost\",\n    },\n    {\n      class: \"px-4\",\n      size: \"xl\",\n      variant: \"ghost\",\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      lg: \"min-h-11 gap-3 py-3.5 text-sm **:data-[slot=accordion-trigger-icon]:size-4\",\n      md: \"min-h-10 gap-2.5 py-3 text-sm **:data-[slot=accordion-trigger-icon]:size-4\",\n      sm: \"min-h-9 gap-2 py-2.5 text-sm **:data-[slot=accordion-trigger-icon]:size-3.5\",\n      xl: \"min-h-12 gap-3.5 py-4 text-base **:data-[slot=accordion-trigger-icon]:size-5\",\n      xs: \"min-h-8 gap-2 py-2 text-xs **:data-[slot=accordion-trigger-icon]:size-3.5\",\n    },\n    variant: {\n      bordered: \"\",\n      default: \"\",\n      ghost:\n        \"hover:bg-muted/70 data-[panel-open]:bg-muted rounded-md hover:no-underline\",\n    },\n  },\n});\n\nconst AccordionTrigger = ({\n  className,\n  children,\n  ...props\n}: AccordionTriggerProps) => {\n  const { size, variant } = useAccordionContext();\n\n  return (\n    <AccordionPrimitive.Trigger\n      className={mergeBaseUIClassName<AccordionPrimitive.Item.State>(\n        accordionTriggerVariants({ size, variant }),\n        className\n      )}\n      data-slot=\"accordion-trigger\"\n      {...props}\n    >\n      {children}\n      <HugeiconsIcon\n        className=\"pointer-events-none shrink-0 transition-transform duration-200 ease-out group-data-[panel-open]/accordion-trigger:rotate-180\"\n        data-slot=\"accordion-trigger-icon\"\n        icon={ArrowDown01Icon}\n        strokeWidth={2}\n      />\n    </AccordionPrimitive.Trigger>\n  );\n};\n\nexport { AccordionTrigger };\n","import { useComponentDefaultProps } from \"../shared/size/size-provider\";\nimport type { AccordionProps } from \"./accordion\";\n\nexport const useAccordionDefaultProps = (\n  incomingProps: AccordionProps\n): AccordionProps =>\n  useComponentDefaultProps<AccordionProps>(\"Accordion\", {}, incomingProps);\n","\"use client\";\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { useMemo } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { AccordionContent } from \"./accordion-content\";\nimport { AccordionContext } from \"./accordion-context\";\nimport { AccordionHeader } from \"./accordion-header\";\nimport { AccordionItem } from \"./accordion-item\";\nimport { AccordionTrigger } from \"./accordion-trigger\";\nimport { useAccordionDefaultProps } from \"./use-accordion-default-props\";\n\nconst accordionVariants = tv({\n  base: \"group/accordion flex w-full min-w-0 flex-col\",\n  defaultVariants: {\n    variant: \"default\",\n  },\n  variants: {\n    variant: {\n      bordered: \"border-border bg-background overflow-hidden rounded-lg border\",\n      default: \"\",\n      ghost: \"gap-1\",\n    },\n  },\n});\n\nexport type AccordionProps = AccordionPrimitive.Root.Props &\n  VariantProps<typeof accordionVariants> & {\n    size?: UISize;\n  };\n\nconst Accordion = (incomingProps: AccordionProps) => {\n  const {\n    className,\n    size: providedSize,\n    variant = \"default\",\n    ...props\n  } = useAccordionDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size, variant }), [size, variant]);\n\n  return (\n    <AccordionContext.Provider value={contextValue}>\n      <AccordionPrimitive.Root\n        className={mergeBaseUIClassName<AccordionPrimitive.Root.State>(\n          accordionVariants({ variant }),\n          className\n        )}\n        data-size={size}\n        data-slot=\"accordion\"\n        data-variant={variant}\n        {...props}\n      />\n    </AccordionContext.Provider>\n  );\n};\n\nAccordion.Content = AccordionContent;\nAccordion.Header = AccordionHeader;\nAccordion.Item = AccordionItem;\nAccordion.Trigger = AccordionTrigger;\n\nexport {\n  Accordion,\n  AccordionContent,\n  AccordionHeader,\n  AccordionItem,\n  AccordionTrigger,\n  accordionVariants,\n};\n\nexport type { AccordionContentProps } from \"./accordion-content\";\nexport type { AccordionHeaderProps } from \"./accordion-header\";\nexport type { AccordionItemProps } from \"./accordion-item\";\nexport type { AccordionTriggerProps } from \"./accordion-trigger\";\n"],"mappings":"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"}

package/dist/ui/affix.d.ts

@@ -1,4 +1,5 @@
 import { BasePortalProps } from "./portal.js";
+import { CSSProperties } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
@@ -31,9 +32,9 @@ type AffixProps = AffixVariants & useRender.ComponentProps<"div"> & {
   withinPortal?: boolean;
   /**
    * Custom z-index value
-   * @default 200
+   * @default token: --kb-z-affix
    */
-  zIndex?: number;
+  zIndex?: CSSProperties["zIndex"];
 };
 declare const Affix: ({
   className,

package/dist/ui/affix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"affix.d.ts","names":[],"sources":["../../src/ui/affix/affix.tsx"],"mappings":";;;;;;;UAYiB,aAAA;EACf,GAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,cAaW,aAAA,EAAa,kBAAA,CAAA,YAAA,wDAYxB,kBAAA,CAZwB,YAAA;AAAA,KAcrB,aAAA,GAAgB,YAAA,QAAoB,aAAA;AAAA,KAE7B,UAAA,GAAa,aAAA,GACvB,SAAA,CAAU,cAAA;EACR,WAAA;EAhCF;;;;EAqCE,QAAA,GAAW,aAAA;EAXb;;;EAeE,WAAA,GAAc,eAAA;EAbb;;;;EAkBD,YAAA;EAhBQ;;;;EAqBR,MAAA;AAAA;AAAA,cA6BS,KAAA;EAAS,SAAA;EAAA,QAAA;EAAA,WAAA;EAAA,YAAA;EAAA,MAAA;EAAA,MAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GASnB,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"affix.d.ts","names":[],"sources":["../../src/ui/affix/affix.tsx"],"mappings":";;;;;;;;UAWiB,aAAA;EACf,GAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,cAaW,aAAA,EAAa,kBAAA,CAAA,YAAA,wDAYxB,kBAAA,CAZwB,YAAA;AAAA,KAcrB,aAAA,GAAgB,YAAA,QAAoB,aAAA;AAAA,KAE7B,UAAA,GAAa,aAAA,GACvB,SAAA,CAAU,cAAA;EACR,WAAA;EAhCF;;;;EAqCE,QAAA,GAAW,aAAA;EAXb;;;EAeE,WAAA,GAAc,eAAA;EAbb;;;;EAkBD,YAAA;EAhBQ;;;;EAqBR,MAAA,GAAS,aAAA;AAAA;AAAA,cA+BA,KAAA;EAAS,SAAA;EAAA,QAAA;EAAA,WAAA;EAAA,YAAA;EAAA,MAAA;EAAA,MAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GASnB,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/affix.js

@@ -25,7 +25,7 @@ const getSpacing = (value) => {
 };
 const affixVariants = tv({ base: [
 	"fixed",
-	"z-(--affix-z-index)",
+	"z-affix",
 	"top-(--affix-top)",
 	"left-(--affix-left)",
 	"bottom-(--affix-bottom)",
@@ -36,26 +36,27 @@ const DEFAULT_POSITION = {
 	right: 0
 };
 const buildPositionStyles = (position, zIndex) => {
-	const styles = { "--affix-z-index": zIndex.toString() };
+	const styles = {};
+	if (zIndex !== void 0) styles.zIndex = zIndex;
 	if (position.top !== void 0) styles["--affix-top"] = getSpacing(position.top);
 	if (position.bottom !== void 0) styles["--affix-bottom"] = getSpacing(position.bottom);
 	if (position.left !== void 0) styles["--affix-left"] = getSpacing(position.left);
 	if (position.right !== void 0) styles["--affix-right"] = getSpacing(position.right);
 	return styles;
 };
-const Affix = ({ className, position = DEFAULT_POSITION, portalProps, withinPortal = true, zIndex = 200, render, children, ...props }) => {
+const Affix = ({ className, position = DEFAULT_POSITION, portalProps, withinPortal = true, zIndex, render, children, ...props }) => {
 	const positionStyles = buildPositionStyles(position, zIndex);
 	const element = useRender({
 		defaultTagName: "div",
-		render,
 		props: mergeProps({
+			children,
 			className: cn(affixVariants(), className),
-			style: positionStyles,
-			children
+			style: positionStyles
 		}, {
 			"data-slot": "affix",
 			...props
-		})
+		}),
+		render
 	});
 	return /* @__PURE__ */ jsx(OptionalPortal, {
 		...portalProps,