@kuzenbo/core 0.0.1 → 0.0.3

package/dist/tooltip-trigger-qXw-_nbh.js

@@ -0,0 +1,101 @@
+import { t as createSizeContext } from "./size-context-BjRwqlSg.js";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-HKsgjcXj.js";
+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),
+	"data-slot": "tooltip-arrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/tooltip/tooltip-size-context.ts
+const { SizeContext: TooltipSizeContext, useResolvedSize: useResolvedTooltipSize } = createSizeContext();
+
+//#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",
+	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" }
+});
+const TooltipPopup = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedTooltipSize(size);
+	return /* @__PURE__ */ jsx(Tooltip.Popup, {
+		className: mergeBaseUIClassName(tooltipPopupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "tooltip-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/tooltip/tooltip-portal.tsx
+const TooltipPortal = ({ ...props }) => /* @__PURE__ */ jsx(Tooltip.Portal, {
+	"data-slot": "tooltip-portal",
+	...props
+});
+
+//#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),
+	"data-slot": "tooltip-positioner",
+	...props
+});
+
+//#endregion
+//#region src/ui/tooltip/tooltip-viewport.tsx
+const TooltipViewport = ({ ...props }) => /* @__PURE__ */ jsx(Tooltip.Viewport, {
+	"data-slot": "tooltip-viewport",
+	...props
+});
+
+//#endregion
+//#region src/ui/tooltip/tooltip-content.tsx
+const TooltipContent = ({ className, side = "top", sideOffset = 4, size, align = "center", alignOffset = 0, children, ...props }) => {
+	const resolvedSize = useResolvedTooltipSize(size);
+	return /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsxs(TooltipPopup, {
+			className,
+			"data-size": resolvedSize,
+			"data-slot": "tooltip-content",
+			size: resolvedSize,
+			...props,
+			children: [/* @__PURE__ */ jsx(TooltipViewport, { children }), /* @__PURE__ */ jsx(TooltipArrow, {})]
+		})
+	}) });
+};
+
+//#endregion
+//#region src/ui/tooltip/tooltip-provider.tsx
+const TooltipProvider = ({ delay = 0, ...props }) => /* @__PURE__ */ jsx(Tooltip.Provider, {
+	"data-slot": "tooltip-provider",
+	delay,
+	...props
+});
+
+//#endregion
+//#region src/ui/tooltip/tooltip-trigger.tsx
+const TooltipTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip.Trigger, {
+	className: cn("cursor-pointer", 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

package/dist/tooltip-trigger-qXw-_nbh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-trigger-qXw-_nbh.js","names":["TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","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"],"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-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\",\n      className\n    )}\n    data-slot=\"tooltip-arrow\"\n    {...props}\n  />\n);\n\nexport { TooltipArrow };\n","import type { UISize } from \"../shared/size/size-system\";\n\nimport { createSizeContext } from \"../shared/size/size-context\";\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, type VariantProps } from \"tailwind-variants\";\n\nimport type { TooltipSize } from \"./tooltip-size-context\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useResolvedTooltipSize } from \"./tooltip-size-context\";\n\nconst tooltipPopupVariants = tv({\n  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\",\n  variants: {\n    size: {\n      xs: \"max-w-40 rounded-[min(var(--radius-md),8px)] px-2 py-1 text-xs\",\n      sm: \"max-w-48 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-xs\",\n      md: \"max-w-xs rounded-md px-3 py-1.5 text-xs\",\n      lg: \"max-w-sm rounded-md px-3.5 py-2 text-sm\",\n      xl: \"max-w-md rounded-md px-4 py-2.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\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      \"isolate z-50 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 {\n  useResolvedTooltipSize,\n  type TooltipSize,\n} 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-pointer\", className)}\n    data-slot=\"tooltip-trigger\"\n    {...props}\n  />\n);\n\nexport { TooltipTrigger };\n"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACA,QAAiB;CAChB,WAAW,GACT,yUACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,EACJ,aAAa,oBACb,iBAAiB,2BACf,mBAAmB;;;;ACCvB,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAACC,QAAiB;EAChB,WAAW,qBACT,qBAAqB,EAAE,MAAM,cAAc,CAAC,EAC5C,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC1CN,MAAM,iBAAiB,EAAE,GAAG,YAC1B,oBAACC,QAAiB;CAAO,aAAU;CAAiB,GAAI;EAAS;;;;ACAnE,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAiB;CAChB,WAAW,GACT,wGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,mBAAmB,EAAE,GAAG,YAC5B,oBAACC,QAAiB;CAAS,aAAU;CAAmB,GAAI;EAAS;;;;ACcvE,MAAM,kBAAkB,EACtB,WACA,OAAO,OACP,aAAa,GACb,MACA,QAAQ,UACR,cAAc,GACd,UACA,GAAG,YACsB;CACzB,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAAC,2BACC,oBAAC;EACQ;EACM;EACP;EACM;YAEZ,qBAAC;GACY;GACX,aAAW;GACX,aAAU;GACV,MAAM;GACN,GAAI;cAEJ,oBAAC,mBAAiB,WAA2B,EAC7C,oBAAC,iBAAe;IACH;GACG,GACN;;;;;AC/CpB,MAAM,mBAAmB,EAAE,QAAQ,GAAG,GAAG,YACvC,oBAACC,QAAiB;CAChB,aAAU;CACH;CACP,GAAI;EACJ;;;;ACJJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,QAAiB;CAChB,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ"}

package/dist/tooltip-viewport-csA6luqI.d.ts

@@ -0,0 +1,103 @@
+import { t as UISize } from "./size-system-wzOLSuax.js";
+import "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/ui/tooltip/tooltip-size-context.d.ts
+type TooltipSize = UISize;
+//#endregion
+//#region src/ui/tooltip/tooltip-content.d.ts
+type TooltipContentProps = Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & {
+  size?: TooltipSize;
+};
+declare const TooltipContent: ({
+  className,
+  side,
+  sideOffset,
+  size,
+  align,
+  alignOffset,
+  children,
+  ...props
+}: TooltipContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tooltip/tooltip-arrow.d.ts
+type TooltipArrowProps = Tooltip.Arrow.Props;
+declare const TooltipArrow: ({
+  className,
+  ...props
+}: TooltipArrowProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tooltip/tooltip-popup.d.ts
+declare const tooltipPopupVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+type TooltipPopupVariantProps = Omit<VariantProps<typeof tooltipPopupVariants>, "size"> & {
+  size?: TooltipSize;
+};
+type TooltipPopupProps = Tooltip.Popup.Props & TooltipPopupVariantProps;
+declare const TooltipPopup: ({
+  className,
+  size,
+  ...props
+}: TooltipPopupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tooltip/tooltip-portal.d.ts
+type TooltipPortalProps = Tooltip.Portal.Props;
+declare const TooltipPortal: ({
+  ...props
+}: TooltipPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tooltip/tooltip-positioner.d.ts
+type TooltipPositionerProps = Tooltip.Positioner.Props;
+declare const TooltipPositioner: ({
+  className,
+  ...props
+}: TooltipPositionerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tooltip/tooltip-provider.d.ts
+type TooltipProviderProps = Tooltip.Provider.Props;
+declare const TooltipProvider: ({
+  delay,
+  ...props
+}: TooltipProviderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tooltip/tooltip-trigger.d.ts
+type TooltipTriggerProps = Tooltip.Trigger.Props;
+declare const TooltipTrigger: ({
+  className,
+  ...props
+}: TooltipTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/tooltip/tooltip-viewport.d.ts
+type TooltipViewportProps = Tooltip.Viewport.Props;
+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

package/dist/tooltip-viewport-csA6luqI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-viewport-csA6luqI.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"],"mappings":";;;;;;;;KAIY,WAAA,GAAc,MAAA;;;KCSd,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;;;KCzBV,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"}

package/dist/ui/accordion.d.ts

@@ -0,0 +1,83 @@
+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";
+
+//#region src/ui/accordion/accordion-content.d.ts
+type AccordionContentProps = Accordion$1.Panel.Props;
+declare const AccordionContent: ({
+  className,
+  children,
+  ...props
+}: AccordionContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/accordion/accordion-header.d.ts
+type AccordionHeaderProps = Accordion$1.Header.Props;
+declare const AccordionHeader: ({
+  className,
+  ...props
+}: AccordionHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/accordion/accordion-item.d.ts
+type AccordionItemProps = Accordion$1.Item.Props;
+declare const AccordionItem: ({
+  className,
+  ...props
+}: AccordionItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/accordion/accordion-trigger.d.ts
+type AccordionTriggerProps = Accordion$1.Trigger.Props;
+declare const AccordionTrigger: ({
+  className,
+  children,
+  ...props
+}: AccordionTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/accordion/accordion.d.ts
+declare const accordionVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    bordered: string;
+    ghost: string;
+  };
+}, undefined, "group/accordion flex w-full min-w-0 flex-col", {
+  variant: {
+    default: string;
+    bordered: string;
+    ghost: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    bordered: string;
+    ghost: string;
+  };
+}, undefined, "group/accordion flex w-full min-w-0 flex-col", unknown, unknown, undefined>>;
+type AccordionProps = Accordion$1.Root.Props & VariantProps<typeof accordionVariants> & {
+  size?: UISize;
+};
+declare const Accordion: {
+  (incomingProps: AccordionProps): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    children,
+    ...props
+  }: AccordionContentProps) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: AccordionHeaderProps) => react_jsx_runtime0.JSX.Element;
+  Item: ({
+    className,
+    ...props
+  }: AccordionItemProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    children,
+    ...props
+  }: AccordionTriggerProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionProps, AccordionTrigger, type AccordionTriggerProps, accordionVariants };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/accordion.js

@@ -0,0 +1,311 @@
+"use client";
+
+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 { jsx, jsxs } from "react/jsx-runtime";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+import { tv } from "tailwind-variants";
+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"
+});
+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",
+	variants: {
+		size: {
+			xs: "",
+			sm: "",
+			md: "",
+			lg: "",
+			xl: ""
+		},
+		variant: {
+			default: "",
+			bordered: "",
+			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",
+	compoundVariants: [
+		{
+			class: "pt-0 pb-2",
+			size: "xs",
+			variant: ["default", "bordered"]
+		},
+		{
+			class: "pt-0 pb-3",
+			size: "sm",
+			variant: ["default", "bordered"]
+		},
+		{
+			class: "pt-0 pb-4",
+			size: "md",
+			variant: ["default", "bordered"]
+		},
+		{
+			class: "pt-0 pb-5",
+			size: "lg",
+			variant: ["default", "bordered"]
+		},
+		{
+			class: "pt-0 pb-6",
+			size: "xl",
+			variant: ["default", "bordered"]
+		},
+		{
+			class: "p-2",
+			size: "xs",
+			variant: "ghost"
+		},
+		{
+			class: "p-2.5",
+			size: "sm",
+			variant: "ghost"
+		},
+		{
+			class: "p-3",
+			size: "md",
+			variant: "ghost"
+		},
+		{
+			class: "p-4",
+			size: "lg",
+			variant: "ghost"
+		},
+		{
+			class: "p-5",
+			size: "xl",
+			variant: "ghost"
+		}
+	],
+	variants: {
+		size: {
+			xs: "text-xs",
+			sm: "text-sm",
+			md: "text-sm",
+			lg: "text-sm",
+			xl: "text-base"
+		},
+		variant: {
+			default: "",
+			bordered: "",
+			ghost: ""
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	}
+});
+const AccordionContent = ({ className, children, ...props }) => {
+	const { size, variant } = useAccordionContext();
+	return /* @__PURE__ */ jsx(Accordion$1.Panel, {
+		className: mergeBaseUIClassName(accordionContentVariants({
+			size,
+			variant
+		}), className),
+		"data-slot": "accordion-content",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: accordionContentBodyVariants({
+				size,
+				variant
+			}),
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/accordion/accordion-header.tsx
+const AccordionHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(Accordion$1.Header, {
+	className: mergeBaseUIClassName("flex", className),
+	"data-slot": "accordion-header",
+	...props
+});
+
+//#endregion
+//#region src/ui/accordion/accordion-item.tsx
+const accordionItemVariants = tv({
+	base: "border-b border-border [&:last-child]:border-b-0",
+	compoundVariants: [
+		{
+			class: "px-2.5",
+			size: "xs",
+			variant: ["bordered", "ghost"]
+		},
+		{
+			class: "px-3",
+			size: "sm",
+			variant: ["bordered", "ghost"]
+		},
+		{
+			class: "px-4",
+			size: "md",
+			variant: ["bordered", "ghost"]
+		},
+		{
+			class: "px-5",
+			size: "lg",
+			variant: ["bordered", "ghost"]
+		},
+		{
+			class: "px-6",
+			size: "xl",
+			variant: ["bordered", "ghost"]
+		}
+	],
+	variants: {
+		size: {
+			xs: "",
+			sm: "",
+			md: "",
+			lg: "",
+			xl: ""
+		},
+		variant: {
+			default: "",
+			bordered: "",
+			ghost: "border-0"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	}
+});
+const AccordionItem = ({ className, ...props }) => {
+	const { size, variant } = useAccordionContext();
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		className: mergeBaseUIClassName(accordionItemVariants({
+			size,
+			variant
+		}), className),
+		"data-slot": "accordion-item",
+		...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",
+	compoundVariants: [
+		{
+			class: "px-2",
+			size: "xs",
+			variant: "ghost"
+		},
+		{
+			class: "px-2.5",
+			size: "sm",
+			variant: "ghost"
+		},
+		{
+			class: "px-3",
+			size: "md",
+			variant: "ghost"
+		},
+		{
+			class: "px-3.5",
+			size: "lg",
+			variant: "ghost"
+		},
+		{
+			class: "px-4",
+			size: "xl",
+			variant: "ghost"
+		}
+	],
+	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"
+		},
+		variant: {
+			default: "",
+			bordered: "",
+			ghost: "rounded-md hover:bg-muted/70 hover:no-underline data-[panel-open]:bg-muted"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	}
+});
+const AccordionTrigger = ({ className, children, ...props }) => {
+	const { size, variant } = useAccordionContext();
+	return /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+		className: mergeBaseUIClassName(accordionTriggerVariants({
+			size,
+			variant
+		}), className),
+		"data-slot": "accordion-trigger",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(HugeiconsIcon, {
+			className: "pointer-events-none shrink-0 transition-transform duration-200 ease-out group-data-[panel-open]/accordion-trigger:rotate-180",
+			"data-slot": "accordion-trigger-icon",
+			icon: ArrowDown01Icon,
+			strokeWidth: 2
+		})]
+	});
+};
+
+//#endregion
+//#region src/ui/accordion/use-accordion-default-props.ts
+const useAccordionDefaultProps = (incomingProps) => useComponentDefaultProps("Accordion", {}, incomingProps);
+
+//#endregion
+//#region src/ui/accordion/accordion.tsx
+const accordionVariants = tv({
+	base: "group/accordion flex w-full min-w-0 flex-col",
+	variants: { variant: {
+		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);
+	return /* @__PURE__ */ jsx(AccordionContext.Provider, {
+		value: {
+			size,
+			variant
+		},
+		children: /* @__PURE__ */ jsx(Accordion$1.Root, {
+			className: mergeBaseUIClassName(accordionVariants({ variant }), className),
+			"data-size": size,
+			"data-slot": "accordion",
+			"data-variant": variant,
+			...props
+		})
+	});
+};
+Accordion.Content = AccordionContent;
+Accordion.Header = AccordionHeader;
+Accordion.Item = AccordionItem;
+Accordion.Trigger = AccordionTrigger;
+
+//#endregion
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, accordionVariants };
+//# sourceMappingURL=accordion.js.map

package/dist/ui/accordion.js.map

@@ -0,0 +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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"}