ml-uikit 1.0.6 → 1.0.8

package/dist/index.es23.js

@@ -1,7 +1,8 @@
-import { cva as r } from "class-variance-authority";
+import * as n from "react";
+import { cva as i } from "class-variance-authority";
 import { cn as a } from "./index.es56.js";
-function m({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function c({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
       "data-slot": "empty",
@@ -13,8 +14,8 @@ function m({ className: t, ...e }) {
     }
   );
 }
-function l({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function o({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
       "data-slot": "empty-header",
@@ -26,7 +27,7 @@ function l({ className: t, ...e }) {
     }
   );
 }
-const i = r(
+const s = i(
   "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -40,23 +41,23 @@ const i = r(
     }
   }
 );
-function o({
+function d({
   className: t,
   variant: e = "default",
-  ...n
+  ...r
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
       "data-slot": "empty-icon",
       "data-variant": e,
-      className: a(i({ variant: e, className: t })),
-      ...n
+      className: a(s({ variant: e, className: t })),
+      ...r
     }
   );
 }
-function d({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function f({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
       "data-slot": "empty-title",
@@ -65,8 +66,8 @@ function d({ className: t, ...e }) {
     }
   );
 }
-function f({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function u({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
       "data-slot": "empty-description",
@@ -78,8 +79,8 @@ function f({ className: t, ...e }) {
     }
   );
 }
-function u({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function p({ className: t, ...e }) {
+  return /* @__PURE__ */ n.createElement(
     "div",
     {
       "data-slot": "empty-content",
@@ -92,11 +93,11 @@ function u({ className: t, ...e }) {
   );
 }
 export {
-  m as Empty,
-  u as EmptyContent,
-  f as EmptyDescription,
-  l as EmptyHeader,
-  o as EmptyMedia,
-  d as EmptyTitle
+  c as Empty,
+  p as EmptyContent,
+  u as EmptyDescription,
+  o as EmptyHeader,
+  d as EmptyMedia,
+  f as EmptyTitle
 };
 //# sourceMappingURL=index.es23.js.map

package/dist/index.es23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es23.js","sources":["../src/components/ui/empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        \"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\n        \"flex max-w-sm flex-col items-center gap-2 text-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn(\"text-lg font-medium tracking-tight\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n}\n"],"names":["Empty","className","props","cn","EmptyHeader","emptyMediaVariants","cva","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACnE,SACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASE,EAAY,EAAE,WAAAH,GAAW,GAAGC,KAAsC;AACzE,SACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMG,IAAqBC;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAW;AAAA,EAClB,WAAAN;AAAA,EACA,SAAAO,IAAU;AAAA,EACV,GAAGN;AACL,GAA0E;AACxE,SACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcM;AAAA,MACd,WAAWL,EAAGE,EAAmB,EAAE,SAAAG,GAAS,WAAAP,EAAA,CAAW,CAAC;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAW,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AACxE,SACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCF,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAiB,EAAE,WAAAT,GAAW,GAAGC,KAAoC;AAC5E,SACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAa,EAAE,WAAAV,GAAW,GAAGC,KAAsC;AAC1E,SACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index.es23.js","sources":["../src/components/ui/empty.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        \"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\n        \"flex max-w-sm flex-col items-center gap-2 text-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn(\"text-lg font-medium tracking-tight\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n}\n"],"names":["Empty","className","props","React","cn","EmptyHeader","emptyMediaVariants","cva","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;;AAKA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACnE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACzE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAqBC;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAW;AAAA,EAClB,WAAAP;AAAA,EACA,SAAAQ,IAAU;AAAA,EACV,GAAGP;AACL,GAA0E;AACxE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcM;AAAA,MACd,WAAWL,EAAGE,EAAmB,EAAE,SAAAG,GAAS,WAAAR,EAAA,CAAW,CAAC;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAiB,EAAE,WAAAV,GAAW,GAAGC,KAAoC;AAC5E,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAC1E,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index.es24.js

@@ -2,7 +2,7 @@ import { useMemo as n } from "react";
 import { cva as s } from "class-variance-authority";
 import { cn as l } from "./index.es56.js";
 import { Label as c } from "./index.es32.js";
-import { Separator as f } from "./index.es41.js";
+import { Separator as f } from "./index.es42.js";
 function h({ className: t, ...e }) {
   return /* @__PURE__ */ React.createElement(
     "fieldset",

package/dist/index.es27.js

@@ -1,21 +1,25 @@
 import * as e from "react";
-import { cn as n } from "./index.es56.js";
-const s = e.forwardRef(
-  ({ className: r, type: t, ...o }, i) => /* @__PURE__ */ e.createElement(
+import { cn as l } from "./index.es56.js";
+const a = e.forwardRef(
+  ({ className: r, type: i, ...o }, t) => /* @__PURE__ */ e.createElement(
     "input",
     {
-      type: t,
-      className: n(
-        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      type: i,
+      className: l(
+        "flex h-10 w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-foreground transition-colors",
+        "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
+        "placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#111111] focus-visible:ring-0",
+        "disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100",
+        "aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]",
         r
       ),
-      ref: i,
+      ref: t,
       ...o
     }
   )
 );
-s.displayName = "Input";
+a.displayName = "Input";
 export {
-  s as Input
+  a as Input
 };
 //# sourceMappingURL=index.es27.js.map

package/dist/index.es27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es27.js","sources":["../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"],"names":["Input","React","className","type","props","ref","cn"],"mappings":";;AAIA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE5B,gBAAAJ,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAE;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAM,cAAc;"}
+{"version":3,"file":"index.es27.js","sources":["../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-foreground transition-colors\",\n          \"file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\n          \"placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#111111] focus-visible:ring-0\",\n          \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100\",\n          \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"],"names":["Input","React","className","type","props","ref","cn"],"mappings":";;AAIA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE5B,gBAAAJ,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAE;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAM,cAAc;"}

package/dist/index.es28.js

@@ -3,7 +3,7 @@ import { cva as s } from "class-variance-authority";
 import { cn as e } from "./index.es56.js";
 import { Button as u } from "./index.es10.js";
 import { Input as p } from "./index.es27.js";
-import { Textarea as l } from "./index.es51.js";
+import { Textarea as l } from "./index.es52.js";
 function x({ className: a, ...t }) {
   return /* @__PURE__ */ r.createElement(
     "div",

package/dist/index.es30.js

@@ -2,7 +2,7 @@ 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.es56.js";
-import { Separator as d } from "./index.es41.js";
+import { Separator as d } from "./index.es42.js";
 function x({ className: t, ...e }) {
   return /* @__PURE__ */ a.createElement(
     "div",

package/dist/index.es31.js

@@ -1,10 +1,11 @@
-import { cn as n } from "./index.es56.js";
-function a({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+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: n(
+      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",
@@ -15,17 +16,17 @@ function a({ className: t, ...e }) {
   );
 }
 function s({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ n.createElement(
     "kbd",
     {
       "data-slot": "kbd-group",
-      className: n("inline-flex items-center gap-1", t),
+      className: o("inline-flex items-center gap-1", t),
       ...e
     }
   );
 }
 export {
-  a as Kbd,
+  r as Kbd,
   s as KbdGroup
 };
 //# 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 { 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","cn","KbdGroup"],"mappings":";AAEA,SAASA,EAAI,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACjE,SACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASE,EAAS,EAAE,WAAAH,GAAW,GAAGC,KAAsC;AACtE,SACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,kCAAkCF,CAAS;AAAA,MACxD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"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;"}

package/dist/index.es33.js

@@ -1,194 +1,96 @@
-import * as e from "react";
-import * as a from "@radix-ui/react-menubar";
-import { Check as l, Circle as c, ChevronRight as i } from "lucide-react";
-import { cn as s } from "./index.es56.js";
-function v({
-  ...t
-}) {
-  return /* @__PURE__ */ e.createElement(a.Menu, { ...t });
-}
-function I({
-  ...t
-}) {
-  return /* @__PURE__ */ e.createElement(a.Group, { ...t });
-}
-function S({
-  ...t
-}) {
-  return /* @__PURE__ */ e.createElement(a.Portal, { ...t });
-}
-function C({
-  ...t
-}) {
-  return /* @__PURE__ */ e.createElement(a.RadioGroup, { ...t });
-}
-function k({
-  ...t
-}) {
-  return /* @__PURE__ */ e.createElement(a.Sub, { "data-slot": "menubar-sub", ...t });
-}
-const u = e.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ e.createElement(
-  a.Root,
-  {
-    ref: o,
-    className: s(
-      "flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",
-      t
-    ),
-    ...n
-  }
-));
-u.displayName = a.Root.displayName;
-const f = e.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ e.createElement(
-  a.Trigger,
-  {
-    ref: o,
-    className: s(
-      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      t
-    ),
-    ...n
-  }
-));
-f.displayName = a.Trigger.displayName;
-const p = e.forwardRef(({ className: t, inset: n, children: o, ...r }, d) => /* @__PURE__ */ e.createElement(
-  a.SubTrigger,
-  {
-    ref: d,
-    className: s(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      n && "pl-8",
-      t
-    ),
-    ...r
-  },
-  o,
-  /* @__PURE__ */ e.createElement(i, { className: "ml-auto h-4 w-4" })
-));
-p.displayName = a.SubTrigger.displayName;
-const b = e.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ e.createElement(
-  a.SubContent,
-  {
-    ref: o,
-    className: s(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]: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 origin-[--radix-menubar-content-transform-origin]",
-      t
-    ),
-    ...n
-  }
-));
-b.displayName = a.SubContent.displayName;
-const g = e.forwardRef(
-  ({ className: t, align: n = "start", alignOffset: o = -4, sideOffset: r = 8, ...d }, m) => /* @__PURE__ */ e.createElement(a.Portal, null, /* @__PURE__ */ e.createElement(
-    a.Content,
-    {
-      ref: m,
-      align: n,
-      alignOffset: o,
-      sideOffset: r,
-      className: s(
-        "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]: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 origin-[--radix-menubar-content-transform-origin]",
-        t
-      ),
-      ...d
-    }
-  ))
-);
-g.displayName = a.Content.displayName;
-const x = e.forwardRef(({ className: t, inset: n, ...o }, r) => /* @__PURE__ */ e.createElement(
-  a.Item,
-  {
-    ref: r,
-    className: s(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      n && "pl-8",
-      t
-    ),
-    ...o
-  }
-));
-x.displayName = a.Item.displayName;
-const N = e.forwardRef(({ className: t, children: n, checked: o, ...r }, d) => /* @__PURE__ */ e.createElement(
-  a.CheckboxItem,
-  {
-    ref: d,
-    className: s(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      t
-    ),
-    checked: o,
-    ...r
-  },
-  /* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(a.ItemIndicator, null, /* @__PURE__ */ e.createElement(l, { className: "h-4 w-4" }))),
-  n
-));
-N.displayName = a.CheckboxItem.displayName;
-const y = e.forwardRef(({ className: t, children: n, ...o }, r) => /* @__PURE__ */ e.createElement(
-  a.RadioItem,
-  {
-    ref: r,
-    className: s(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      t
-    ),
-    ...o
-  },
-  /* @__PURE__ */ e.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(a.ItemIndicator, null, /* @__PURE__ */ e.createElement(c, { className: "h-4 w-4 fill-current" }))),
-  n
-));
-y.displayName = a.RadioItem.displayName;
-const h = e.forwardRef(({ className: t, inset: n, ...o }, r) => /* @__PURE__ */ e.createElement(
-  a.Label,
-  {
-    ref: r,
-    className: s(
-      "px-2 py-1.5 text-sm font-semibold",
-      n && "pl-8",
-      t
-    ),
-    ...o
-  }
-));
-h.displayName = a.Label.displayName;
-const E = e.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ e.createElement(
-  a.Separator,
-  {
-    ref: o,
-    className: s("-mx-1 my-1 h-px bg-muted", t),
-    ...n
-  }
-));
-E.displayName = a.Separator.displayName;
-const w = ({
-  className: t,
-  ...n
-}) => /* @__PURE__ */ e.createElement(
-  "span",
-  {
-    className: s(
-      "ml-auto text-xs tracking-widest text-muted-foreground",
-      t
-    ),
-    ...n
+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
+      }
+    );
   }
 );
-w.displayname = "MenubarShortcut";
+z.displayName = "Typography";
 export {
-  u as Menubar,
-  N as MenubarCheckboxItem,
-  g as MenubarContent,
-  I as MenubarGroup,
-  x as MenubarItem,
-  h as MenubarLabel,
-  v as MenubarMenu,
-  S as MenubarPortal,
-  C as MenubarRadioGroup,
-  y as MenubarRadioItem,
-  E as MenubarSeparator,
-  w as MenubarShortcut,
-  k as MenubarSub,
-  b as MenubarSubContent,
-  p as MenubarSubTrigger,
-  f as MenubarTrigger
+  z as Typography,
+  r as typographyVariants
 };
 //# sourceMappingURL=index.es33.js.map

package/dist/index.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es33.js","sources":["../src/components/ui/menubar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction MenubarMenu({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal {...props} />\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup {...props} />\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />\n}\n\nconst Menubar = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm\",\n      className\n    )}\n    {...props}\n  />\n))\nMenubar.displayName = MenubarPrimitive.Root.displayName\n\nconst MenubarTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n      className\n    )}\n    {...props}\n  />\n))\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName\n\nconst MenubarSubTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenubarPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </MenubarPrimitive.SubTrigger>\n))\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName\n\nconst MenubarSubContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]: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 origin-[--radix-menubar-content-transform-origin]\",\n      className\n    )}\n    {...props}\n  />\n))\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName\n\nconst MenubarContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\n>(\n  (\n    { className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props },\n    ref\n  ) => (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.Content\n        ref={ref}\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]: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 origin-[--radix-menubar-content-transform-origin]\",\n          className\n        )}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  )\n)\nMenubarContent.displayName = MenubarPrimitive.Content.displayName\n\nconst MenubarItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <MenubarPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nMenubarItem.displayName = MenubarPrimitive.Item.displayName\n\nconst MenubarCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <MenubarPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <MenubarPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.CheckboxItem>\n))\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName\n\nconst MenubarRadioItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <MenubarPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <MenubarPrimitive.ItemIndicator>\n        <Circle className=\"h-4 w-4 fill-current\" />\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.RadioItem>\n))\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName\n\nconst MenubarLabel = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <MenubarPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName\n\nconst MenubarSeparator = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName\n\nconst MenubarShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        \"ml-auto text-xs tracking-widest text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nMenubarShortcut.displayname = \"MenubarShortcut\"\n\nexport {\n  Menubar,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarItem,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarPortal,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarGroup,\n  MenubarSub,\n  MenubarShortcut,\n}\n"],"names":["MenubarMenu","props","React","MenubarPrimitive","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarSub","Menubar","className","ref","cn","MenubarTrigger","MenubarSubTrigger","inset","children","ChevronRight","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","Check","MenubarRadioItem","Circle","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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"}
+{"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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"}