@psnext/design-system 1.1.0 → 1.2.0

package/dist/primitives/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TogglePrimitive"],"sources":["../../../src/primitives/Toggle/Toggle.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport { Toggle as TogglePrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 text-sm font-medium cursor-pointer hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n  {\n    variants: {\n      /** Visual style: `default` (transparent) or `outline` (bordered). */\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground\",\n      },\n      /** Control size: `sm`, `default`, or `lg`. */\n      size: {\n        default: \"h-9 px-2 min-w-9\",\n        sm: \"h-8 px-1.5 min-w-8\",\n        lg: \"h-10 px-2.5 min-w-10\",\n      },\n      // Shape (Figma): `default` (rounded-md) and `round` (pill) are standalone\n      // shapes; `left`/`middle`/`right` join into a segmented group, rounding\n      // only the outer edge.\n      shape: {\n        default: \"rounded-md\",\n        round: \"rounded-full\",\n        left: \"rounded-l-md rounded-r-none\",\n        middle: \"rounded-none\",\n        right: \"rounded-r-md rounded-l-none\",\n      },\n    },\n    compoundVariants: [\n      // Outlined segments collapse the shared border between adjacent items.\n      { variant: \"outline\", shape: \"middle\", class: \"border-l-0\" },\n      { variant: \"outline\", shape: \"right\", class: \"border-l-0\" },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      shape: \"default\",\n    },\n  },\n);\n\n/** A two-state button that can be toggled on or off, built on Radix Toggle. */\nfunction Toggle({\n  className,\n  variant,\n  size,\n  shape,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, shape, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;AAMA,MAAM,iBAAiB,IACrB,ilBACA;CACE,UAAU;;EAER,SAAS;GACP,SAAS;GACT,SAAS;EACX;;EAEA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;EAIA,OAAO;GACL,SAAS;GACT,OAAO;GACP,MAAM;GACN,QAAQ;GACR,OAAO;EACT;CACF;CACA,kBAAkB,CAEhB;EAAE,SAAS;EAAW,OAAO;EAAU,OAAO;CAAa,GAC3D;EAAE,SAAS;EAAW,OAAO;EAAS,OAAO;CAAa,CAC5D;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,OAAO;CACT;AACF,CACF;;AAGA,SAAS,OAAO,EACd,WACA,SACA,MACA,OACA,GAAG,SACuF;CAC1F,OACE,oBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAO;EAAU,CAAC,CAAC;EACjE,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/ToggleGroup/index.cjs

@@ -0,0 +1,65 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_chunk = require("../../chunk.cjs");
+const require_cn = require("../../cn.cjs");
+const require_primitives_Toggle_index = require("../Toggle/index.cjs");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let radix_ui = require("radix-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/primitives/ToggleGroup/ToggleGroup.tsx
+const ToggleGroupContext = react.createContext({
+	size: "default",
+	variant: "default",
+	radius: "default",
+	spacing: 0
+});
+/**
+* A set of two-state buttons where one (`type="single"`) or many
+* (`type="multiple"`) can be pressed. Built on Radix ToggleGroup; items inherit
+* `variant`/`size`/`radius` via context.
+*/
+function ToggleGroup({ className, variant, size, radius = "default", spacing = 0, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.ToggleGroup.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		"data-radius": radius,
+		"data-spacing": spacing,
+		style: { "--gap": spacing },
+		className: require_cn.cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				radius,
+				spacing
+			},
+			children
+		})
+	});
+}
+/** A single toggle button inside a `ToggleGroup`. Identified by its required `value`. */
+function ToggleGroupItem({ className, children, variant, size, radius, ...props }) {
+	const context = react.useContext(ToggleGroupContext);
+	const itemRadius = context.radius || radius;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.ToggleGroup.Item, {
+		"data-slot": "toggle-group-item",
+		"data-variant": context.variant || variant,
+		"data-size": context.size || size,
+		"data-radius": itemRadius,
+		"data-spacing": context.spacing,
+		className: require_cn.cn(require_primitives_Toggle_index.toggleVariants({
+			variant: context.variant || variant,
+			size: context.size || size,
+			shape: itemRadius === "round" ? "round" : "default"
+		}), "w-auto min-w-0 shrink-0 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none", "data-[spacing=0]:data-[radius=default]:first:rounded-l-md data-[spacing=0]:data-[radius=default]:last:rounded-r-md", "data-[spacing=0]:data-[radius=round]:first:rounded-l-full data-[spacing=0]:data-[radius=round]:last:rounded-r-full", "data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", className),
+		...props,
+		children
+	});
+}
+//#endregion
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;
+
+//# sourceMappingURL=index.cjs.map

package/dist/primitives/ToggleGroup/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["React","ToggleGroupPrimitive","cn","toggleVariants"],"sources":["../../../src/primitives/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VariantProps } from \"class-variance-authority\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\n\nimport { toggleVariants } from \"@/primitives/Toggle\";\nimport { cn } from \"@/utils\";\n\n// The group owns a `radius` (default/round) for its outer corners and segmented\n// borders; individual items derive their `shape` from it (see ToggleGroupItem).\ntype ToggleGroupRadius = \"default\" | \"round\";\n\nconst ToggleGroupContext = React.createContext<\n  Omit<VariantProps<typeof toggleVariants>, \"shape\"> & {\n    radius?: ToggleGroupRadius;\n    spacing?: number;\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  radius: \"default\",\n  spacing: 0,\n});\n\n/**\n * A set of two-state buttons where one (`type=\"single\"`) or many\n * (`type=\"multiple\"`) can be pressed. Built on Radix ToggleGroup; items inherit\n * `variant`/`size`/`radius` via context.\n */\nfunction ToggleGroup({\n  className,\n  /** Visual style applied to every item: `default` (transparent) or `outline` (bordered). */\n  variant,\n  /** Control size applied to every item: `sm`, `default`, or `lg`. */\n  size,\n  // Must default here (not just in createContext): the Provider below always\n  // supplies a value, so an undefined radius would reach the items and drop the\n  // `data-radius` attribute the first/last rounding selectors depend on.\n  /** Outer corner shape of the group: `default` (rounded-md) or `round` (pill). */\n  radius = \"default\",\n  /** Gap (in spacing units) between items; `0` collapses them into one segmented control. */\n  spacing = 0,\n  /** The `ToggleGroupItem` elements that make up the group. */\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  Omit<VariantProps<typeof toggleVariants>, \"shape\"> & {\n    radius?: ToggleGroupRadius;\n    spacing?: number;\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-radius={radius}\n      data-spacing={spacing}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, radius, spacing }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\n/** A single toggle button inside a `ToggleGroup`. Identified by its required `value`. */\nfunction ToggleGroupItem({\n  className,\n  /** The item's label/content (text, icon, etc.). */\n  children,\n  /** Fallback visual style when not provided by the group context. */\n  variant,\n  /** Fallback control size when not provided by the group context. */\n  size,\n  /** Fallback corner shape when not provided by the group context. */\n  radius,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  Omit<VariantProps<typeof toggleVariants>, \"shape\"> & {\n    radius?: ToggleGroupRadius;\n  }) {\n  const context = React.useContext(ToggleGroupContext);\n  const itemRadius = context.radius || radius;\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-radius={itemRadius}\n      data-spacing={context.spacing}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n          // The item's full-rounding amount; collapsed groups (spacing 0) override\n          // corners via the data-attribute classes below.\n          shape: itemRadius === \"round\" ? \"round\" : \"default\",\n        }),\n        \"w-auto min-w-0 shrink-0 focus:z-10 focus-visible:z-10\",\n        // Collapsed (spacing 0): square inner corners, rounded outer edges per radius.\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none\",\n        \"data-[spacing=0]:data-[radius=default]:first:rounded-l-md data-[spacing=0]:data-[radius=default]:last:rounded-r-md\",\n        \"data-[spacing=0]:data-[radius=round]:first:rounded-l-full data-[spacing=0]:data-[radius=round]:last:rounded-r-full\",\n        \"data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":";;;;;;;;;AAaA,MAAM,qBAAqBA,MAAM,cAK/B;CACA,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;AACX,CAAC;;;;;;AAOD,SAAS,YAAY,EACnB,WAEA,SAEA,MAKA,SAAS,WAET,UAAU,GAEV,UACA,GAAG,SAKA;CACH,OACE,iBAAA,GAAA,kBAAA,KAACC,SAAAA,YAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,eAAa;EACb,gBAAc;EACd,OAAO,EAAE,SAAS,QAAQ;EAC1B,WAAWC,WAAAA,GACT,6IACA,SACF;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAC,mBAAmB,UAApB;GAA6B,OAAO;IAAE;IAAS;IAAM;IAAQ;GAAQ;GAClE;EAC0B,CAAA;CACJ,CAAA;AAE/B;;AAGA,SAAS,gBAAgB,EACvB,WAEA,UAEA,SAEA,MAEA,QACA,GAAG,SAIA;CACH,MAAM,UAAUF,MAAM,WAAW,kBAAkB;CACnD,MAAM,aAAa,QAAQ,UAAU;CAErC,OACE,iBAAA,GAAA,kBAAA,KAACC,SAAAA,YAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,eAAa;EACb,gBAAc,QAAQ;EACtB,WAAWC,WAAAA,GACTC,gCAAAA,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;GAGtB,OAAO,eAAe,UAAU,UAAU;EAC5C,CAAC,GACD,yDAEA,8DACA,sHACA,sHACA,6GACA,SACF;EACA,GAAI;EAEH;CACwB,CAAA;AAE/B"}

package/dist/primitives/ToggleGroup/index.d.cts

@@ -0,0 +1,2 @@
+import { n as ToggleGroupItem, t as ToggleGroup } from "../../index64.cjs";
+export { ToggleGroup, ToggleGroupItem };

package/dist/primitives/ToggleGroup/index.d.ts

@@ -0,0 +1,2 @@
+import { n as ToggleGroupItem, t as ToggleGroup } from "../../index64.js";
+export { ToggleGroup, ToggleGroupItem };

package/dist/primitives/ToggleGroup/index.js

@@ -0,0 +1,61 @@
+import { t as cn } from "../../cn.js";
+import { toggleVariants } from "../Toggle/index.js";
+import * as React from "react";
+import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/ToggleGroup/ToggleGroup.tsx
+const ToggleGroupContext = React.createContext({
+	size: "default",
+	variant: "default",
+	radius: "default",
+	spacing: 0
+});
+/**
+* A set of two-state buttons where one (`type="single"`) or many
+* (`type="multiple"`) can be pressed. Built on Radix ToggleGroup; items inherit
+* `variant`/`size`/`radius` via context.
+*/
+function ToggleGroup({ className, variant, size, radius = "default", spacing = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup$1.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		"data-radius": radius,
+		"data-spacing": spacing,
+		style: { "--gap": spacing },
+		className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				radius,
+				spacing
+			},
+			children
+		})
+	});
+}
+/** A single toggle button inside a `ToggleGroup`. Identified by its required `value`. */
+function ToggleGroupItem({ className, children, variant, size, radius, ...props }) {
+	const context = React.useContext(ToggleGroupContext);
+	const itemRadius = context.radius || radius;
+	return /* @__PURE__ */ jsx(ToggleGroup$1.Item, {
+		"data-slot": "toggle-group-item",
+		"data-variant": context.variant || variant,
+		"data-size": context.size || size,
+		"data-radius": itemRadius,
+		"data-spacing": context.spacing,
+		className: cn(toggleVariants({
+			variant: context.variant || variant,
+			size: context.size || size,
+			shape: itemRadius === "round" ? "round" : "default"
+		}), "w-auto min-w-0 shrink-0 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none", "data-[spacing=0]:data-[radius=default]:first:rounded-l-md data-[spacing=0]:data-[radius=default]:last:rounded-r-md", "data-[spacing=0]:data-[radius=round]:first:rounded-l-full data-[spacing=0]:data-[radius=round]:last:rounded-r-full", "data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", className),
+		...props,
+		children
+	});
+}
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+
+//# sourceMappingURL=index.js.map

package/dist/primitives/ToggleGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ToggleGroupPrimitive"],"sources":["../../../src/primitives/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VariantProps } from \"class-variance-authority\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\n\nimport { toggleVariants } from \"@/primitives/Toggle\";\nimport { cn } from \"@/utils\";\n\n// The group owns a `radius` (default/round) for its outer corners and segmented\n// borders; individual items derive their `shape` from it (see ToggleGroupItem).\ntype ToggleGroupRadius = \"default\" | \"round\";\n\nconst ToggleGroupContext = React.createContext<\n  Omit<VariantProps<typeof toggleVariants>, \"shape\"> & {\n    radius?: ToggleGroupRadius;\n    spacing?: number;\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  radius: \"default\",\n  spacing: 0,\n});\n\n/**\n * A set of two-state buttons where one (`type=\"single\"`) or many\n * (`type=\"multiple\"`) can be pressed. Built on Radix ToggleGroup; items inherit\n * `variant`/`size`/`radius` via context.\n */\nfunction ToggleGroup({\n  className,\n  /** Visual style applied to every item: `default` (transparent) or `outline` (bordered). */\n  variant,\n  /** Control size applied to every item: `sm`, `default`, or `lg`. */\n  size,\n  // Must default here (not just in createContext): the Provider below always\n  // supplies a value, so an undefined radius would reach the items and drop the\n  // `data-radius` attribute the first/last rounding selectors depend on.\n  /** Outer corner shape of the group: `default` (rounded-md) or `round` (pill). */\n  radius = \"default\",\n  /** Gap (in spacing units) between items; `0` collapses them into one segmented control. */\n  spacing = 0,\n  /** The `ToggleGroupItem` elements that make up the group. */\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  Omit<VariantProps<typeof toggleVariants>, \"shape\"> & {\n    radius?: ToggleGroupRadius;\n    spacing?: number;\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-radius={radius}\n      data-spacing={spacing}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, radius, spacing }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\n/** A single toggle button inside a `ToggleGroup`. Identified by its required `value`. */\nfunction ToggleGroupItem({\n  className,\n  /** The item's label/content (text, icon, etc.). */\n  children,\n  /** Fallback visual style when not provided by the group context. */\n  variant,\n  /** Fallback control size when not provided by the group context. */\n  size,\n  /** Fallback corner shape when not provided by the group context. */\n  radius,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  Omit<VariantProps<typeof toggleVariants>, \"shape\"> & {\n    radius?: ToggleGroupRadius;\n  }) {\n  const context = React.useContext(ToggleGroupContext);\n  const itemRadius = context.radius || radius;\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-radius={itemRadius}\n      data-spacing={context.spacing}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n          // The item's full-rounding amount; collapsed groups (spacing 0) override\n          // corners via the data-attribute classes below.\n          shape: itemRadius === \"round\" ? \"round\" : \"default\",\n        }),\n        \"w-auto min-w-0 shrink-0 focus:z-10 focus-visible:z-10\",\n        // Collapsed (spacing 0): square inner corners, rounded outer edges per radius.\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none\",\n        \"data-[spacing=0]:data-[radius=default]:first:rounded-l-md data-[spacing=0]:data-[radius=default]:last:rounded-r-md\",\n        \"data-[spacing=0]:data-[radius=round]:first:rounded-l-full data-[spacing=0]:data-[radius=round]:last:rounded-r-full\",\n        \"data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":";;;;;;AAaA,MAAM,qBAAqB,MAAM,cAK/B;CACA,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;AACX,CAAC;;;;;;AAOD,SAAS,YAAY,EACnB,WAEA,SAEA,MAKA,SAAS,WAET,UAAU,GAEV,UACA,GAAG,SAKA;CACH,OACE,oBAACA,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,eAAa;EACb,gBAAc;EACd,OAAO,EAAE,SAAS,QAAQ;EAC1B,WAAW,GACT,6IACA,SACF;EACA,GAAI;YAEJ,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;IAAE;IAAS;IAAM;IAAQ;GAAQ;GAClE;EAC0B,CAAA;CACJ,CAAA;AAE/B;;AAGA,SAAS,gBAAgB,EACvB,WAEA,UAEA,SAEA,MAEA,QACA,GAAG,SAIA;CACH,MAAM,UAAU,MAAM,WAAW,kBAAkB;CACnD,MAAM,aAAa,QAAQ,UAAU;CAErC,OACE,oBAACA,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,eAAa;EACb,gBAAc,QAAQ;EACtB,WAAW,GACT,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;GAGtB,OAAO,eAAe,UAAU,UAAU;EAC5C,CAAC,GACD,yDAEA,8DACA,sHACA,sHACA,6GACA,SACF;EACA,GAAI;EAEH;CACwB,CAAA;AAE/B"}

package/dist/primitives/Tooltip/index.cjs

@@ -0,0 +1,47 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_cn = require("../../cn.cjs");
+let radix_ui = require("radix-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/primitives/Tooltip/Tooltip.tsx
+/** Provides shared tooltip context (delay/skip timings) to all tooltips inside it. */
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+/** Root tooltip: wraps a trigger + content and manages open state. Self-provides a TooltipProvider. */
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+/** The element that opens the tooltip on hover/focus. Use `asChild` to render your own control. */
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+/** The floating tooltip surface (portalled) with an arrow; carries the tooltip text. */
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.Tooltip.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: require_cn.cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Tooltip.Arrow, {
+			"data-slot": "tooltip-arrow",
+			className: "z-50 size-2.5 fill-foreground"
+		})]
+	}) });
+}
+//#endregion
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+
+//# sourceMappingURL=index.cjs.map

package/dist/primitives/Tooltip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["TooltipPrimitive","cn"],"sources":["../../../src/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** Provides shared tooltip context (delay/skip timings) to all tooltips inside it. */\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\n/** Root tooltip: wraps a trigger + content and manages open state. Self-provides a TooltipProvider. */\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\n/** The element that opens the tooltip on hover/focus. Use `asChild` to render your own control. */\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\n/** The floating tooltip surface (portalled) with an arrow; carries the tooltip text. */\nfunction TooltipContent({\n  /** Extra classes merged onto the content surface. */\n  className,\n  /** Gap in px between the trigger and the content. Defaults to 0. */\n  sideOffset = 0,\n  /** Tooltip body content. */\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow\n          data-slot=\"tooltip-arrow\"\n          className=\"z-50 size-2.5 fill-foreground\"\n        />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;;;AAMA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;CACzD,OACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,QAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,QAAQ,EAAE,GAAG,SAA6D;CACjF,OACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA,EACxC,CAAA;AAErB;;AAGA,SAAS,eAAe,EAAE,GAAG,SAAgE;CAC3F,OAAO,iBAAA,GAAA,kBAAA,KAACA,SAAAA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;;AAGA,SAAS,eAAe,EAEtB,WAEA,aAAa,GAEb,UACA,GAAG,SACqD;CACxD,OACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,QAAiB,QAAlB,EAAA,UACE,iBAAA,GAAA,kBAAA,MAACA,SAAAA,QAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAWC,WAAAA,GACT,qaACA,SACF;EACA,GAAI;YAPN,CASG,UACD,iBAAA,GAAA,kBAAA,KAACD,SAAAA,QAAiB,OAAlB;GACE,aAAU;GACV,WAAU;EACX,CAAA,CACuB;IACH,CAAA;AAE7B"}

package/dist/primitives/Tooltip/index.d.cts

@@ -0,0 +1,2 @@
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../index51.cjs";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/primitives/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../index51.js";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/primitives/Tooltip/index.js

@@ -0,0 +1,43 @@
+import { t as cn } from "../../cn.js";
+import { Tooltip as Tooltip$1 } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/primitives/Tooltip/Tooltip.tsx
+/** Provides shared tooltip context (delay/skip timings) to all tooltips inside it. */
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+/** Root tooltip: wraps a trigger + content and manages open state. Self-provides a TooltipProvider. */
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip$1.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+}
+/** The element that opens the tooltip on hover/focus. Use `asChild` to render your own control. */
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+/** The floating tooltip surface (portalled) with an arrow; carries the tooltip text. */
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, {
+			"data-slot": "tooltip-arrow",
+			className: "z-50 size-2.5 fill-foreground"
+		})]
+	}) });
+}
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/primitives/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TooltipPrimitive"],"sources":["../../../src/primitives/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** Provides shared tooltip context (delay/skip timings) to all tooltips inside it. */\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\n/** Root tooltip: wraps a trigger + content and manages open state. Self-provides a TooltipProvider. */\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\n/** The element that opens the tooltip on hover/focus. Use `asChild` to render your own control. */\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\n/** The floating tooltip surface (portalled) with an arrow; carries the tooltip text. */\nfunction TooltipContent({\n  /** Extra classes merged onto the content surface. */\n  className,\n  /** Gap in px between the trigger and the content. Defaults to 0. */\n  sideOffset = 0,\n  /** Tooltip body content. */\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow\n          data-slot=\"tooltip-arrow\"\n          className=\"z-50 size-2.5 fill-foreground\"\n        />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;;AAMA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;CACzD,OACE,oBAACA,UAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,QAAQ,EAAE,GAAG,SAA6D;CACjF,OACE,oBAAC,iBAAD,EAAA,UACE,oBAACA,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA,EACxC,CAAA;AAErB;;AAGA,SAAS,eAAe,EAAE,GAAG,SAAgE;CAC3F,OAAO,oBAACA,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;;AAGA,SAAS,eAAe,EAEtB,WAEA,aAAa,GAEb,UACA,GAAG,SACqD;CACxD,OACE,oBAACA,UAAiB,QAAlB,EAAA,UACE,qBAACA,UAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GACT,qaACA,SACF;EACA,GAAI;YAPN,CASG,UACD,oBAACA,UAAiB,OAAlB;GACE,aAAU;GACV,WAAU;EACX,CAAA,CACuB;IACH,CAAA;AAE7B"}