@psnext/design-system 1.1.0 → 1.2.0

package/dist/primitives/Item/index.cjs

@@ -0,0 +1,137 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_cn = require("../../cn.cjs");
+const require_primitives_Separator_index = require("../Separator/index.cjs");
+let radix_ui = require("radix-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+let class_variance_authority = require("class-variance-authority");
+//#region src/primitives/Item/Item.tsx
+/** Vertical list container that groups related `Item`s (role="list"). */
+function ItemGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: require_cn.cn("group/item-group flex flex-col", className),
+		...props
+	});
+}
+/** Horizontal divider rendered between `Item`s inside an `ItemGroup`. */
+function ItemSeparator({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives_Separator_index.Separator, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: require_cn.cn("my-0", className),
+		...props
+	});
+}
+const itemVariants = (0, class_variance_authority.cva)("group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-accent/50", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border-border",
+			muted: "bg-muted/50"
+		},
+		size: {
+			default: "gap-4 p-4",
+			sm: "gap-2.5 px-4 py-3"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+/** A flexible list/row primitive composing media, content, and actions into a single line. */
+function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? radix_ui.Slot.Root : "div", {
+		"data-slot": "item",
+		"data-variant": variant,
+		"data-size": size,
+		className: require_cn.cn(itemVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+const itemMediaVariants = (0, class_variance_authority.cva)("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "size-8 rounded-sm border bg-muted [&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/** Leading media slot for an `Item` — holds an icon, image, or avatar. */
+function ItemMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "item-media",
+		"data-variant": variant,
+		className: require_cn.cn(itemMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+/** Primary content column of an `Item`, stacking title and description. */
+function ItemContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "item-content",
+		className: require_cn.cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+		...props
+	});
+}
+/** Emphasised title line within `ItemContent`. */
+function ItemTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "item-title",
+		className: require_cn.cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
+		...props
+	});
+}
+/** Muted, line-clamped supporting text within `ItemContent`. */
+function ItemDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		"data-slot": "item-description",
+		className: require_cn.cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+		...props
+	});
+}
+/** Trailing actions slot of an `Item` — holds buttons or controls. */
+function ItemActions({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "item-actions",
+		className: require_cn.cn("flex items-center gap-2", className),
+		...props
+	});
+}
+/** Full-width header row spanning the top of an `Item`. */
+function ItemHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "item-header",
+		className: require_cn.cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+/** Full-width footer row spanning the bottom of an `Item`. */
+function ItemFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "item-footer",
+		className: require_cn.cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+//#endregion
+exports.Item = Item;
+exports.ItemActions = ItemActions;
+exports.ItemContent = ItemContent;
+exports.ItemDescription = ItemDescription;
+exports.ItemFooter = ItemFooter;
+exports.ItemGroup = ItemGroup;
+exports.ItemHeader = ItemHeader;
+exports.ItemMedia = ItemMedia;
+exports.ItemSeparator = ItemSeparator;
+exports.ItemTitle = ItemTitle;
+
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["cn","Separator","Slot"],"sources":["../../../src/primitives/Item/Item.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { Separator } from \"@/primitives/Separator\";\nimport { cn } from \"@/utils\";\n\n/** Vertical list container that groups related `Item`s (role=\"list\"). */\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\"group/item-group flex flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal divider rendered between `Item`s inside an `ItemGroup`. */\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-0\", className)}\n      {...props}\n    />\n  );\n}\n\nconst itemVariants = cva(\n  \"group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-accent/50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50\",\n      },\n      size: {\n        default: \"gap-4 p-4\",\n        sm: \"gap-2.5 px-4 py-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\n/** A flexible list/row primitive composing media, content, and actions into a single line. */\nfunction Item({\n  className,\n  /** Visual treatment of the row surface. */\n  variant = \"default\",\n  /** Vertical density / padding of the row. */\n  size = \"default\",\n  /** Render as the child element (e.g. an anchor) via Radix `Slot` instead of a `div`. */\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"div\";\n  return (\n    <Comp\n      data-slot=\"item\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(itemVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"size-8 rounded-sm border bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image: \"size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\n/** Leading media slot for an `Item` — holds an icon, image, or avatar. */\nfunction ItemMedia({\n  className,\n  /** Media framing: bare, a bordered icon tile, or a clipped image box. */\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\n/** Primary content column of an `Item`, stacking title and description. */\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Emphasised title line within `ItemContent`. */\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\"flex w-fit items-center gap-2 text-sm leading-snug font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Muted, line-clamped supporting text within `ItemContent`. */\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground\",\n        \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Trailing actions slot of an `Item` — holds buttons or controls. */\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"item-actions\" className={cn(\"flex items-center gap-2\", className)} {...props} />\n  );\n}\n\n/** Full-width header row spanning the top of an `Item`. */\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Full-width footer row spanning the bottom of an `Item`. */\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n};\n"],"mappings":";;;;;;;;AAQA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,WAAWA,WAAAA,GAAG,kCAAkC,SAAS;EACzD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAiD;CACtF,OACE,iBAAA,GAAA,kBAAA,KAACC,mCAAAA,WAAD;EACE,aAAU;EACV,aAAY;EACZ,WAAWD,WAAAA,GAAG,QAAQ,SAAS;EAC/B,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,gBAAA,GAAA,yBAAA,KACJ,8PACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;AAGA,SAAS,KAAK,EACZ,WAEA,UAAU,WAEV,OAAO,WAEP,UAAU,OACV,GAAG,SACuF;CAE1F,OACE,iBAAA,GAAA,kBAAA,KAFW,UAAUE,SAAAA,KAAK,OAAO,OAEjC;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,WAAWF,WAAAA,GAAG,aAAa;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,qBAAA,GAAA,yBAAA,KACJ,sMACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;;AAGA,SAAS,UAAU,EACjB,WAEA,UAAU,WACV,GAAG,SACoE;CACvE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAWA,WAAAA,GAAG,kBAAkB;GAAE;GAAS;EAAU,CAAC,CAAC;EACvD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,qEAAqE,SAAS;EAC5F,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,kEAAkE,SAAS;EACzF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAoC;CAC3E,OACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GACT,sFACA,qEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,aAAU;EAAe,WAAWA,WAAAA,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnG;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,sDAAsD,SAAS;EAC7E,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,sDAAsD,SAAS;EAC7E,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,2 @@
+import { a as ItemFooter, c as ItemMedia, i as ItemDescription, l as ItemSeparator, n as ItemActions, o as ItemGroup, r as ItemContent, s as ItemHeader, t as Item, u as ItemTitle } from "../../index35.cjs";
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

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

@@ -0,0 +1,2 @@
+import { a as ItemFooter, c as ItemMedia, i as ItemDescription, l as ItemSeparator, n as ItemActions, o as ItemGroup, r as ItemContent, s as ItemHeader, t as Item, u as ItemTitle } from "../../index35.js";
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/primitives/Item/index.js

@@ -0,0 +1,127 @@
+import { t as cn } from "../../cn.js";
+import { Separator as Separator$1 } from "../Separator/index.js";
+import { Slot } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/primitives/Item/Item.tsx
+/** Vertical list container that groups related `Item`s (role="list"). */
+function ItemGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: cn("group/item-group flex flex-col", className),
+		...props
+	});
+}
+/** Horizontal divider rendered between `Item`s inside an `ItemGroup`. */
+function ItemSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: cn("my-0", className),
+		...props
+	});
+}
+const itemVariants = cva("group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-accent/50", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border-border",
+			muted: "bg-muted/50"
+		},
+		size: {
+			default: "gap-4 p-4",
+			sm: "gap-2.5 px-4 py-3"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+/** A flexible list/row primitive composing media, content, and actions into a single line. */
+function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "div", {
+		"data-slot": "item",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(itemVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "size-8 rounded-sm border bg-muted [&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+/** Leading media slot for an `Item` — holds an icon, image, or avatar. */
+function ItemMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-media",
+		"data-variant": variant,
+		className: cn(itemMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+/** Primary content column of an `Item`, stacking title and description. */
+function ItemContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-content",
+		className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+		...props
+	});
+}
+/** Emphasised title line within `ItemContent`. */
+function ItemTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-title",
+		className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
+		...props
+	});
+}
+/** Muted, line-clamped supporting text within `ItemContent`. */
+function ItemDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "item-description",
+		className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+		...props
+	});
+}
+/** Trailing actions slot of an `Item` — holds buttons or controls. */
+function ItemActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-actions",
+		className: cn("flex items-center gap-2", className),
+		...props
+	});
+}
+/** Full-width header row spanning the top of an `Item`. */
+function ItemHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-header",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+/** Full-width footer row spanning the bottom of an `Item`. */
+function ItemFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-footer",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Separator"],"sources":["../../../src/primitives/Item/Item.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { Separator } from \"@/primitives/Separator\";\nimport { cn } from \"@/utils\";\n\n/** Vertical list container that groups related `Item`s (role=\"list\"). */\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\"group/item-group flex flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal divider rendered between `Item`s inside an `ItemGroup`. */\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-0\", className)}\n      {...props}\n    />\n  );\n}\n\nconst itemVariants = cva(\n  \"group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-accent/50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50\",\n      },\n      size: {\n        default: \"gap-4 p-4\",\n        sm: \"gap-2.5 px-4 py-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\n/** A flexible list/row primitive composing media, content, and actions into a single line. */\nfunction Item({\n  className,\n  /** Visual treatment of the row surface. */\n  variant = \"default\",\n  /** Vertical density / padding of the row. */\n  size = \"default\",\n  /** Render as the child element (e.g. an anchor) via Radix `Slot` instead of a `div`. */\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"div\";\n  return (\n    <Comp\n      data-slot=\"item\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(itemVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"size-8 rounded-sm border bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image: \"size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\n/** Leading media slot for an `Item` — holds an icon, image, or avatar. */\nfunction ItemMedia({\n  className,\n  /** Media framing: bare, a bordered icon tile, or a clipped image box. */\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\n/** Primary content column of an `Item`, stacking title and description. */\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Emphasised title line within `ItemContent`. */\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\"flex w-fit items-center gap-2 text-sm leading-snug font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Muted, line-clamped supporting text within `ItemContent`. */\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground\",\n        \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Trailing actions slot of an `Item` — holds buttons or controls. */\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"item-actions\" className={cn(\"flex items-center gap-2\", className)} {...props} />\n  );\n}\n\n/** Full-width header row spanning the top of an `Item`. */\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Full-width footer row spanning the bottom of an `Item`. */\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n};\n"],"mappings":";;;;;;;AAQA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,oBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,GAAG,kCAAkC,SAAS;EACzD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAiD;CACtF,OACE,oBAACA,aAAD;EACE,aAAU;EACV,aAAY;EACZ,WAAW,GAAG,QAAQ,SAAS;EAC/B,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,eAAe,IACnB,8PACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;;AAGA,SAAS,KAAK,EACZ,WAEA,UAAU,WAEV,OAAO,WAEP,UAAU,OACV,GAAG,SACuF;CAE1F,OACE,oBAFW,UAAU,KAAK,OAAO,OAEjC;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,WAAW,GAAG,aAAa;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,oBAAoB,IACxB,sMACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;;AAGA,SAAS,UAAU,EACjB,WAEA,UAAU,WACV,GAAG,SACoE;CACvE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,kBAAkB;GAAE;GAAS;EAAU,CAAC,CAAC;EACvD,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,qEAAqE,SAAS;EAC5F,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,kEAAkE,SAAS;EACzF,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAoC;CAC3E,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GACT,sFACA,qEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,GAAG,2BAA2B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEnG;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,sDAAsD,SAAS;EAC7E,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,sDAAsD,SAAS;EAC7E,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Kbd/index.cjs

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_cn = require("../../cn.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/primitives/Kbd/Kbd.tsx
+/** A small key cap that renders a single keyboard key or symbol (e.g. ⌘, Ctrl, ↩). */
+function Kbd({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+		"data-slot": "kbd",
+		className: require_cn.cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
+		...props
+	});
+}
+/** Lays out multiple `Kbd` keys (and separators) inline as a single shortcut combo. */
+function KbdGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+		"data-slot": "kbd-group",
+		className: require_cn.cn("inline-flex items-center gap-1", className),
+		...props
+	});
+}
+//#endregion
+exports.Kbd = Kbd;
+exports.KbdGroup = KbdGroup;
+
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["cn"],"sources":["../../../src/primitives/Kbd/Kbd.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** A small key cap that renders a single keyboard key or symbol (e.g. ⌘, Ctrl, ↩). */\nfunction Kbd({\n  /** Extra classes merged onto the key cap. */\n  className,\n  ...props\n}: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none\",\n        \"[&_svg:not([class*='size-'])]:size-3\",\n        \"[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Lays out multiple `Kbd` keys (and separators) inline as a single shortcut combo. */\nfunction KbdGroup({\n  /** Extra classes merged onto the group wrapper. */\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Kbd, KbdGroup };\n"],"mappings":";;;;;AAKA,SAAS,IAAI,EAEX,WACA,GAAG,SAC2B;CAC9B,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GACT,gLACA,wCACA,0JACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,SAAS,EAEhB,WACA,GAAG,SAC2B;CAC9B,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAWA,WAAAA,GAAG,kCAAkC,SAAS;EACzD,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,2 @@
+import { n as KbdGroup, t as Kbd } from "../../index36.cjs";
+export { Kbd, KbdGroup };

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

@@ -0,0 +1,2 @@
+import { n as KbdGroup, t as Kbd } from "../../index36.js";
+export { Kbd, KbdGroup };

package/dist/primitives/Kbd/index.js

@@ -0,0 +1,23 @@
+import { t as cn } from "../../cn.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/Kbd/Kbd.tsx
+/** A small key cap that renders a single keyboard key or symbol (e.g. ⌘, Ctrl, ↩). */
+function Kbd({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd",
+		className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
+		...props
+	});
+}
+/** Lays out multiple `Kbd` keys (and separators) inline as a single shortcut combo. */
+function KbdGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd-group",
+		className: cn("inline-flex items-center gap-1", className),
+		...props
+	});
+}
+//#endregion
+export { Kbd, KbdGroup };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Kbd/Kbd.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** A small key cap that renders a single keyboard key or symbol (e.g. ⌘, Ctrl, ↩). */\nfunction Kbd({\n  /** Extra classes merged onto the key cap. */\n  className,\n  ...props\n}: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none\",\n        \"[&_svg:not([class*='size-'])]:size-3\",\n        \"[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Lays out multiple `Kbd` keys (and separators) inline as a single shortcut combo. */\nfunction KbdGroup({\n  /** Extra classes merged onto the group wrapper. */\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Kbd, KbdGroup };\n"],"mappings":";;;;AAKA,SAAS,IAAI,EAEX,WACA,GAAG,SAC2B;CAC9B,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,gLACA,wCACA,0JACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;AAGA,SAAS,SAAS,EAEhB,WACA,GAAG,SAC2B;CAC9B,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,kCAAkC,SAAS;EACzD,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Label/index.cjs

@@ -0,0 +1,18 @@
+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/Label/Label.tsx
+/** Accessible form label (Radix `Label.Root`) that ties caption text to a control and dims when the associated field is disabled. */
+function Label({ className, align = "block", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Label.Root, {
+		"data-slot": "label",
+		"data-align": align,
+		className: require_cn.cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", align === "inline" && "w-full justify-center text-center", className),
+		...props
+	});
+}
+//#endregion
+exports.Label = Label;
+
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["LabelPrimitive","cn"],"sources":["../../../src/primitives/Label/Label.tsx"],"sourcesContent":["import { Label as LabelPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** Accessible form label (Radix `Label.Root`) that ties caption text to a control and dims when the associated field is disabled. */\nfunction Label({\n  className,\n  align = \"block\",\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root> & {\n  /** Layout of the label: `block` (default, left-aligned inline-flex) or `inline` (full-width, centered text). */\n  align?: \"block\" | \"inline\";\n}) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      data-align={align}\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        align === \"inline\" && \"w-full justify-center text-center\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;;AAMA,SAAS,MAAM,EACb,WACA,QAAQ,SACR,GAAG,SAIF;CACD,OACE,iBAAA,GAAA,kBAAA,KAACA,SAAAA,MAAe,MAAhB;EACE,aAAU;EACV,cAAY;EACZ,WAAWC,WAAAA,GACT,uNACA,UAAU,YAAY,qCACtB,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,2 @@
+import { t as Label } from "../../index25.cjs";
+export { Label };

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

@@ -0,0 +1,2 @@
+import { t as Label } from "../../index25.js";
+export { Label };

package/dist/primitives/Label/index.js

@@ -0,0 +1,17 @@
+import { t as cn } from "../../cn.js";
+import { Label as Label$1 } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/Label/Label.tsx
+/** Accessible form label (Radix `Label.Root`) that ties caption text to a control and dims when the associated field is disabled. */
+function Label({ className, align = "block", ...props }) {
+	return /* @__PURE__ */ jsx(Label$1.Root, {
+		"data-slot": "label",
+		"data-align": align,
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", align === "inline" && "w-full justify-center text-center", className),
+		...props
+	});
+}
+//#endregion
+export { Label };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LabelPrimitive"],"sources":["../../../src/primitives/Label/Label.tsx"],"sourcesContent":["import { Label as LabelPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n/** Accessible form label (Radix `Label.Root`) that ties caption text to a control and dims when the associated field is disabled. */\nfunction Label({\n  className,\n  align = \"block\",\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root> & {\n  /** Layout of the label: `block` (default, left-aligned inline-flex) or `inline` (full-width, centered text). */\n  align?: \"block\" | \"inline\";\n}) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      data-align={align}\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        align === \"inline\" && \"w-full justify-center text-center\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;AAMA,SAAS,MAAM,EACb,WACA,QAAQ,SACR,GAAG,SAIF;CACD,OACE,oBAACA,QAAe,MAAhB;EACE,aAAU;EACV,cAAY;EACZ,WAAW,GACT,uNACA,UAAU,YAAY,qCACtB,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Link/index.cjs

@@ -0,0 +1,38 @@
+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/Link/Link.tsx
+const linkVariants = (0, require("class-variance-authority").cva)("rounded-xs underline underline-offset-2 outline-none transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/50", {
+	variants: {
+		variant: {
+			default: "font-medium text-primary hover:text-primary/80",
+			muted: "font-medium text-muted-foreground hover:text-foreground",
+			subtle: "text-foreground hover:text-foreground/80"
+		},
+		underline: {
+			always: "",
+			hover: "no-underline hover:underline"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		underline: "always"
+	}
+});
+/** Inline text link styled to the design system; pass `asChild` to render a router link. */
+function Link({ asChild = false, className, variant, underline, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? radix_ui.Slot.Root : "a", {
+		"data-slot": "link",
+		className: require_cn.cn(linkVariants({
+			variant,
+			underline
+		}), className),
+		...props
+	});
+}
+//#endregion
+exports.Link = Link;
+exports.linkVariants = linkVariants;
+
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Slot","cn"],"sources":["../../../src/primitives/Link/Link.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// Link — inline text link. Use `asChild` to render a router link (e.g. React\n// Router's <Link>) while keeping the design-system styling.\nconst linkVariants = cva(\n  \"rounded-xs underline underline-offset-2 outline-none transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n  {\n    variants: {\n      variant: {\n        default: \"font-medium text-primary hover:text-primary/80\",\n        muted: \"font-medium text-muted-foreground hover:text-foreground\",\n        subtle: \"text-foreground hover:text-foreground/80\",\n      },\n      underline: {\n        always: \"\",\n        hover: \"no-underline hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      underline: \"always\",\n    },\n  },\n);\n\ntype LinkProps = React.ComponentProps<\"a\"> &\n  VariantProps<typeof linkVariants> & {\n    /** Render the child element instead of an <a> (for router links). */\n    asChild?: boolean;\n    /** Visual emphasis of the link text: primary (`default`), `muted`, or `subtle`. */\n    variant?: VariantProps<typeof linkVariants>[\"variant\"];\n    /** When the underline shows: `always` or only on `hover`. */\n    underline?: VariantProps<typeof linkVariants>[\"underline\"];\n  };\n\n/** Inline text link styled to the design system; pass `asChild` to render a router link. */\nfunction Link({ asChild = false, className, variant, underline, ...props }: LinkProps) {\n  const Comp = asChild ? Slot.Root : \"a\";\n  return (\n    <Comp\n      data-slot=\"link\"\n      className={cn(linkVariants({ variant, underline }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Link, linkVariants, type LinkProps };\n"],"mappings":";;;;;AAQA,MAAM,gBAAA,qCAAA,EAAA,KACJ,8HACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;GACP,QAAQ;EACV;EACA,WAAW;GACT,QAAQ;GACR,OAAO;EACT;CACF;CACA,iBAAiB;EACf,SAAS;EACT,WAAW;CACb;AACF,CACF;;AAaA,SAAS,KAAK,EAAE,UAAU,OAAO,WAAW,SAAS,WAAW,GAAG,SAAoB;CAErF,OACE,iBAAA,GAAA,kBAAA,KAFW,UAAUA,SAAAA,KAAK,OAAO,KAEjC;EACE,aAAU;EACV,WAAWC,WAAAA,GAAG,aAAa;GAAE;GAAS;EAAU,CAAC,GAAG,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,2 @@
+import { n as LinkProps, r as linkVariants, t as Link } from "../../index37.cjs";
+export { Link, LinkProps, linkVariants };

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

@@ -0,0 +1,2 @@
+import { n as LinkProps, r as linkVariants, t as Link } from "../../index37.js";
+export { Link, LinkProps, linkVariants };

package/dist/primitives/Link/index.js

@@ -0,0 +1,37 @@
+import { t as cn } from "../../cn.js";
+import { Slot } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/primitives/Link/Link.tsx
+const linkVariants = cva("rounded-xs underline underline-offset-2 outline-none transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/50", {
+	variants: {
+		variant: {
+			default: "font-medium text-primary hover:text-primary/80",
+			muted: "font-medium text-muted-foreground hover:text-foreground",
+			subtle: "text-foreground hover:text-foreground/80"
+		},
+		underline: {
+			always: "",
+			hover: "no-underline hover:underline"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		underline: "always"
+	}
+});
+/** Inline text link styled to the design system; pass `asChild` to render a router link. */
+function Link({ asChild = false, className, variant, underline, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "a", {
+		"data-slot": "link",
+		className: cn(linkVariants({
+			variant,
+			underline
+		}), className),
+		...props
+	});
+}
+//#endregion
+export { Link, linkVariants };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/primitives/Link/Link.tsx"],"sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\n\n// Link — inline text link. Use `asChild` to render a router link (e.g. React\n// Router's <Link>) while keeping the design-system styling.\nconst linkVariants = cva(\n  \"rounded-xs underline underline-offset-2 outline-none transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n  {\n    variants: {\n      variant: {\n        default: \"font-medium text-primary hover:text-primary/80\",\n        muted: \"font-medium text-muted-foreground hover:text-foreground\",\n        subtle: \"text-foreground hover:text-foreground/80\",\n      },\n      underline: {\n        always: \"\",\n        hover: \"no-underline hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      underline: \"always\",\n    },\n  },\n);\n\ntype LinkProps = React.ComponentProps<\"a\"> &\n  VariantProps<typeof linkVariants> & {\n    /** Render the child element instead of an <a> (for router links). */\n    asChild?: boolean;\n    /** Visual emphasis of the link text: primary (`default`), `muted`, or `subtle`. */\n    variant?: VariantProps<typeof linkVariants>[\"variant\"];\n    /** When the underline shows: `always` or only on `hover`. */\n    underline?: VariantProps<typeof linkVariants>[\"underline\"];\n  };\n\n/** Inline text link styled to the design system; pass `asChild` to render a router link. */\nfunction Link({ asChild = false, className, variant, underline, ...props }: LinkProps) {\n  const Comp = asChild ? Slot.Root : \"a\";\n  return (\n    <Comp\n      data-slot=\"link\"\n      className={cn(linkVariants({ variant, underline }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Link, linkVariants, type LinkProps };\n"],"mappings":";;;;;AAQA,MAAM,eAAe,IACnB,8HACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;GACP,QAAQ;EACV;EACA,WAAW;GACT,QAAQ;GACR,OAAO;EACT;CACF;CACA,iBAAiB;EACf,SAAS;EACT,WAAW;CACb;AACF,CACF;;AAaA,SAAS,KAAK,EAAE,UAAU,OAAO,WAAW,SAAS,WAAW,GAAG,SAAoB;CAErF,OACE,oBAFW,UAAU,KAAK,OAAO,KAEjC;EACE,aAAU;EACV,WAAW,GAAG,aAAa;GAAE;GAAS;EAAU,CAAC,GAAG,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}

package/dist/primitives/Logo/index.cjs

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Logo = require("../../Logo.cjs");
+exports.Logo = require_Logo.Logo;

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

@@ -0,0 +1,2 @@
+import { n as LogoBrand, r as LogoVariant, t as Logo } from "../../index38.cjs";
+export { Logo, LogoBrand, LogoVariant };

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

@@ -0,0 +1,2 @@
+import { n as LogoBrand, r as LogoVariant, t as Logo } from "../../index38.js";
+export { Logo, LogoBrand, LogoVariant };

package/dist/primitives/Logo/index.js

@@ -0,0 +1,2 @@
+import { t as Logo } from "../../Logo.js";
+export { Logo };