ml-uikit 1.1.0 → 1.1.2

package/dist/index.es31.js

@@ -1,32 +1,188 @@
-import * as n from "react";
-import { cn as o } from "./index.es56.js";
-function r({ className: t, ...e }) {
-  return /* @__PURE__ */ n.createElement(
-    "kbd",
-    {
-      "data-slot": "kbd",
-      className: o(
-        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium",
-        "[&_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",
+import * as a from "react";
+import { Slot as m } from "@radix-ui/react-slot";
+import { cva as i } from "class-variance-authority";
+import { cn as r } from "./index.es57.js";
+import { Separator as d } from "./index.es43.js";
+function x({ className: t, ...e }) {
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: r("group/item-group flex flex-col", t),
+      ...e
+    }
+  );
+}
+function b({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.createElement(
+    d,
+    {
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      className: r("my-0", t),
+      ...e
+    }
+  );
+}
+const c = i(
+  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
+  {
+    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"
+    }
+  }
+);
+function E({
+  className: t,
+  variant: e = "default",
+  size: n = "default",
+  asChild: o = !1,
+  ...s
+}) {
+  const l = o ? m : "div";
+  return /* @__PURE__ */ a.createElement(
+    l,
+    {
+      "data-slot": "item",
+      "data-variant": e,
+      "data-size": n,
+      className: r(c({ variant: e, size: n, className: t })),
+      ...s
+    }
+  );
+}
+const u = i(
+  "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: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function I({
+  className: t,
+  variant: e = "default",
+  ...n
+}) {
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": e,
+      className: r(u({ variant: e, className: t })),
+      ...n
+    }
+  );
+}
+function N({ className: t, ...e }) {
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: r(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
         t
       ),
       ...e
     }
   );
 }
-function s({ className: t, ...e }) {
-  return /* @__PURE__ */ n.createElement(
-    "kbd",
+function h({ className: t, ...e }) {
+  return /* @__PURE__ */ a.createElement(
+    "div",
     {
-      "data-slot": "kbd-group",
-      className: o("inline-flex items-center gap-1", t),
+      "data-slot": "item-title",
+      className: r(
+        "flex w-fit items-center gap-2 text-sm font-medium leading-snug",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function z({ className: t, ...e }) {
+  return /* @__PURE__ */ a.createElement(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: r(
+        "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function y({ className: t, ...e }) {
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: r("flex items-center gap-2", t),
+      ...e
+    }
+  );
+}
+function w({ className: t, ...e }) {
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      "data-slot": "item-header",
+      className: r(
+        "flex basis-full items-center justify-between gap-2",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function j({ className: t, ...e }) {
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: r(
+        "flex basis-full items-center justify-between gap-2",
+        t
+      ),
       ...e
     }
   );
 }
 export {
-  r as Kbd,
-  s as KbdGroup
+  E as Item,
+  y as ItemActions,
+  N as ItemContent,
+  z as ItemDescription,
+  j as ItemFooter,
+  x as ItemGroup,
+  w as ItemHeader,
+  I as ItemMedia,
+  b as ItemSeparator,
+  h as ItemTitle
 };
 //# sourceMappingURL=index.es31.js.map

package/dist/index.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es31.js","sources":["../src/components/ui/kbd.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium\",\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\nfunction KbdGroup({ className, ...props }: 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"],"names":["Kbd","className","props","React","cn","KbdGroup"],"mappings":";;AAGA,SAASA,EAAI,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACjE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAS,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACtE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,kCAAkCH,CAAS;AAAA,MACxD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index.es31.js","sources":["../src/components/ui/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\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\nfunction ItemSeparator({\n  className,\n  ...props\n}: 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 [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]\",\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\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"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: \"bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction ItemMedia({\n  className,\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\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"flex w-fit items-center gap-2 text-sm font-medium leading-snug\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className\n      )}\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"],"names":["ItemGroup","className","props","React","cn","ItemSeparator","Separator","itemVariants","cva","Item","variant","size","asChild","Comp","Slot","itemMediaVariants","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter"],"mappings":"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"}

package/dist/index.es32.js

@@ -1,19 +1,32 @@
-import * as e from "react";
-import * as a from "@radix-ui/react-label";
-import { cva as m } from "class-variance-authority";
-import { cn as i } from "./index.es56.js";
-const l = m(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), s = e.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ e.createElement(
-  a.Root,
-  {
-    ref: r,
-    className: i(l(), o),
-    ...t
-  }
-));
-s.displayName = a.Root.displayName;
+import * as n from "react";
+import { cn as o } from "./index.es57.js";
+function r({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: o(
+        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium",
+        "[&_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",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function s({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
+    "kbd",
+    {
+      "data-slot": "kbd-group",
+      className: o("inline-flex items-center gap-1", t),
+      ...e
+    }
+  );
+}
 export {
-  s as Label
+  r as Kbd,
+  s as KbdGroup
 };
 //# sourceMappingURL=index.es32.js.map

package/dist/index.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es32.js","sources":["../src/components/ui/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","props","ref","LabelPrimitive","cn"],"mappings":";;;;AAQA,MAAMA,IAAgBC;AAAA,EACpB;AACF,GAEMC,IAAQC,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACI,EAAe;AAAA,EAAf;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGR,EAAA,GAAiBI,CAAS;AAAA,IACvC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAM,cAAcK,EAAe,KAAK;"}
+{"version":3,"file":"index.es32.js","sources":["../src/components/ui/kbd.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium\",\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\nfunction KbdGroup({ className, ...props }: 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"],"names":["Kbd","className","props","React","cn","KbdGroup"],"mappings":";;AAGA,SAASA,EAAI,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACjE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAS,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACtE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,kCAAkCH,CAAS;AAAA,MACxD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index.es33.js

@@ -1,96 +1,19 @@
-import * as i from "react";
-import { cn as a } from "./index.es56.js";
-const p = {
-  title: "text-[48px] leading-[64px]",
-  h1: "text-[40px] leading-[56px]",
-  h2: "text-[32px] leading-[48px]",
-  h3: "text-[24px] leading-[40px]",
-  h4: "text-[20px] leading-[32px]",
-  "2xl": "text-[24px] leading-[40px]",
-  xl: "text-[20px] leading-[32px]",
-  l: "text-[16px] leading-[24px]",
-  base: "text-[14px] leading-[20px]",
-  s: "text-[12px] leading-[16px]",
-  xs: "text-[10px] leading-[16px]"
-}, b = {
-  bold: "font-bold",
-  semibold: "font-semibold",
-  medium: "font-medium",
-  regular: "font-normal",
-  light: "font-light"
-}, r = {
-  title: { size: "title", weight: "bold", element: "h1" },
-  h1: { size: "h1", weight: "semibold", element: "h1" },
-  h2: { size: "h2", weight: "semibold", element: "h2" },
-  h3: { size: "h3", weight: "semibold", element: "h3" },
-  h4: { size: "h4", weight: "semibold", element: "h4" },
-  "body-2xl-semibold": { size: "2xl", weight: "semibold", element: "p" },
-  "body-2xl-medium": { size: "2xl", weight: "medium", element: "p" },
-  "body-2xl-regular": { size: "2xl", weight: "regular", element: "p" },
-  "body-xl-semibold": { size: "xl", weight: "semibold", element: "p" },
-  "body-xl-medium": { size: "xl", weight: "medium", element: "p" },
-  "body-xl-regular": { size: "xl", weight: "regular", element: "p" },
-  "body-l-semibold": { size: "l", weight: "semibold", element: "p" },
-  "body-l-medium": { size: "l", weight: "medium", element: "p" },
-  "body-l-regular": { size: "l", weight: "regular", element: "p" },
-  "body-l-light": { size: "l", weight: "light", element: "p" },
-  "body-base-semibold": { size: "base", weight: "semibold", element: "p" },
-  "body-base-medium": { size: "base", weight: "medium", element: "p" },
-  "body-base-regular": { size: "base", weight: "regular", element: "p" },
-  "body-base-light": { size: "base", weight: "light", element: "p" },
-  "body-s-semibold": { size: "s", weight: "semibold", element: "p" },
-  "body-s-medium": { size: "s", weight: "medium", element: "p" },
-  "body-s-regular": { size: "s", weight: "regular", element: "p" },
-  "body-s-light": { size: "s", weight: "light", element: "p" },
-  "body-xs-semibold": { size: "xs", weight: "semibold", element: "p" },
-  "body-xs-medium": { size: "xs", weight: "medium", element: "p" },
-  "body-xs-regular": { size: "xs", weight: "regular", element: "p" },
-  "body-xs-light": { size: "xs", weight: "light", element: "p" }
-}, u = {
-  title: "bold",
-  h1: "semibold",
-  h2: "semibold",
-  h3: "semibold",
-  h4: "semibold",
-  "2xl": "regular",
-  xl: "regular",
-  l: "regular",
-  base: "regular",
-  s: "regular",
-  xs: "regular"
-}, w = {
-  title: "h1",
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  "2xl": "p",
-  xl: "p",
-  l: "p",
-  base: "p",
-  s: "p",
-  xs: "p"
-}, z = i.forwardRef(
-  ({ size: s, weight: m, variant: t, as: d, className: o, ...g }, h) => {
-    const e = t ? r[t] : null, l = s ?? e?.size ?? "base", n = m ?? e?.weight ?? u[l], x = d ?? e?.element ?? w[l];
-    return /* @__PURE__ */ i.createElement(
-      x,
-      {
-        ref: h,
-        className: a(
-          "text-foreground font-sans",
-          p[l],
-          b[n],
-          o
-        ),
-        ...g
-      }
-    );
+import * as e from "react";
+import * as a from "@radix-ui/react-label";
+import { cva as m } from "class-variance-authority";
+import { cn as i } from "./index.es57.js";
+const l = m(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), s = e.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ e.createElement(
+  a.Root,
+  {
+    ref: r,
+    className: i(l(), o),
+    ...t
   }
-);
-z.displayName = "Typography";
+));
+s.displayName = a.Root.displayName;
 export {
-  z as Typography,
-  r as typographyVariants
+  s as Label
 };
 //# sourceMappingURL=index.es33.js.map

package/dist/index.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es33.js","sources":["../src/components/ui/typography.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst sizeClasses = {\n  title: \"text-[48px] leading-[64px]\",\n  h1: \"text-[40px] leading-[56px]\",\n  h2: \"text-[32px] leading-[48px]\",\n  h3: \"text-[24px] leading-[40px]\",\n  h4: \"text-[20px] leading-[32px]\",\n  \"2xl\": \"text-[24px] leading-[40px]\",\n  xl: \"text-[20px] leading-[32px]\",\n  l: \"text-[16px] leading-[24px]\",\n  base: \"text-[14px] leading-[20px]\",\n  s: \"text-[12px] leading-[16px]\",\n  xs: \"text-[10px] leading-[16px]\",\n} as const\n\nconst weightClasses = {\n  bold: \"font-bold\",\n  semibold: \"font-semibold\",\n  medium: \"font-medium\",\n  regular: \"font-normal\",\n  light: \"font-light\",\n} as const\n\ntype TypographySize = keyof typeof sizeClasses\ntype TypographyWeight = keyof typeof weightClasses\n\nconst typographyVariants = {\n  title: { size: \"title\", weight: \"bold\", element: \"h1\" },\n  h1: { size: \"h1\", weight: \"semibold\", element: \"h1\" },\n  h2: { size: \"h2\", weight: \"semibold\", element: \"h2\" },\n  h3: { size: \"h3\", weight: \"semibold\", element: \"h3\" },\n  h4: { size: \"h4\", weight: \"semibold\", element: \"h4\" },\n  \"body-2xl-semibold\": { size: \"2xl\", weight: \"semibold\", element: \"p\" },\n  \"body-2xl-medium\": { size: \"2xl\", weight: \"medium\", element: \"p\" },\n  \"body-2xl-regular\": { size: \"2xl\", weight: \"regular\", element: \"p\" },\n  \"body-xl-semibold\": { size: \"xl\", weight: \"semibold\", element: \"p\" },\n  \"body-xl-medium\": { size: \"xl\", weight: \"medium\", element: \"p\" },\n  \"body-xl-regular\": { size: \"xl\", weight: \"regular\", element: \"p\" },\n  \"body-l-semibold\": { size: \"l\", weight: \"semibold\", element: \"p\" },\n  \"body-l-medium\": { size: \"l\", weight: \"medium\", element: \"p\" },\n  \"body-l-regular\": { size: \"l\", weight: \"regular\", element: \"p\" },\n  \"body-l-light\": { size: \"l\", weight: \"light\", element: \"p\" },\n  \"body-base-semibold\": { size: \"base\", weight: \"semibold\", element: \"p\" },\n  \"body-base-medium\": { size: \"base\", weight: \"medium\", element: \"p\" },\n  \"body-base-regular\": { size: \"base\", weight: \"regular\", element: \"p\" },\n  \"body-base-light\": { size: \"base\", weight: \"light\", element: \"p\" },\n  \"body-s-semibold\": { size: \"s\", weight: \"semibold\", element: \"p\" },\n  \"body-s-medium\": { size: \"s\", weight: \"medium\", element: \"p\" },\n  \"body-s-regular\": { size: \"s\", weight: \"regular\", element: \"p\" },\n  \"body-s-light\": { size: \"s\", weight: \"light\", element: \"p\" },\n  \"body-xs-semibold\": { size: \"xs\", weight: \"semibold\", element: \"p\" },\n  \"body-xs-medium\": { size: \"xs\", weight: \"medium\", element: \"p\" },\n  \"body-xs-regular\": { size: \"xs\", weight: \"regular\", element: \"p\" },\n  \"body-xs-light\": { size: \"xs\", weight: \"light\", element: \"p\" },\n} as const\n\ntype TypographyVariant = keyof typeof typographyVariants\n\nconst defaultWeights: Record<TypographySize, TypographyWeight> = {\n  title: \"bold\",\n  h1: \"semibold\",\n  h2: \"semibold\",\n  h3: \"semibold\",\n  h4: \"semibold\",\n  \"2xl\": \"regular\",\n  xl: \"regular\",\n  l: \"regular\",\n  base: \"regular\",\n  s: \"regular\",\n  xs: \"regular\",\n}\n\nconst defaultElements: Record<TypographySize, React.ElementType> = {\n  title: \"h1\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  \"2xl\": \"p\",\n  xl: \"p\",\n  l: \"p\",\n  base: \"p\",\n  s: \"p\",\n  xs: \"p\",\n}\n\ninterface TypographyProps extends React.HTMLAttributes<HTMLElement> {\n  size?: TypographySize\n  weight?: TypographyWeight\n  variant?: TypographyVariant\n  as?: React.ElementType\n}\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  ({ size, weight, variant, as, className, ...props }, ref) => {\n    const variantConfig = variant ? typographyVariants[variant] : null\n    const resolvedSize = size ?? variantConfig?.size ?? \"base\"\n    const resolvedWeight =\n      weight ?? variantConfig?.weight ?? defaultWeights[resolvedSize]\n    const Comp = as ?? variantConfig?.element ?? defaultElements[resolvedSize]\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"text-foreground font-sans\",\n          sizeClasses[resolvedSize],\n          weightClasses[resolvedWeight],\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nTypography.displayName = \"Typography\"\n\nexport { Typography, typographyVariants }\nexport type { TypographyProps, TypographySize, TypographyVariant, TypographyWeight }\n"],"names":["sizeClasses","weightClasses","typographyVariants","defaultWeights","defaultElements","Typography","React","size","weight","variant","as","className","props","ref","variantConfig","resolvedSize","resolvedWeight","Comp","cn"],"mappings":"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"}
+{"version":3,"file":"index.es33.js","sources":["../src/components/ui/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","props","ref","LabelPrimitive","cn"],"mappings":";;;;AAQA,MAAMA,IAAgBC;AAAA,EACpB;AACF,GAEMC,IAAQC,EAAM,WAIlB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACI,EAAe;AAAA,EAAf;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGR,EAAA,GAAiBI,CAAS;AAAA,IACvC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAM,cAAcK,EAAe,KAAK;"}