ml-uikit 1.1.6 → 1.1.8

package/dist/index.es39.js

@@ -1,100 +1,97 @@
-import * as e from "react";
-import * as t from "@radix-ui/react-navigation-menu";
-import { cva as s } from "class-variance-authority";
-import { ChevronDown as m } from "lucide-react";
-import { cn as i } from "./index.es60.js";
-const l = e.forwardRef(({ className: a, children: o, ...n }, r) => /* @__PURE__ */ e.createElement(
-  t.Root,
-  {
-    ref: r,
-    className: i(
-      "relative z-10 flex max-w-max flex-1 items-center justify-center",
-      a
-    ),
-    ...n
-  },
-  o,
-  /* @__PURE__ */ e.createElement(d, null)
-));
-l.displayName = t.Root.displayName;
-const c = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
-  t.List,
-  {
-    ref: n,
-    className: i(
-      "group flex flex-1 list-none items-center justify-center space-x-1",
-      a
-    ),
-    ...o
+import { j as n } from "./index.es62.js";
+import * as p from "react";
+import { cn as a } from "./index.es63.js";
+const b = {
+  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]"
+}, r = {
+  bold: "font-bold",
+  semibold: "font-semibold",
+  medium: "font-medium",
+  regular: "font-normal",
+  light: "font-light"
+}, u = {
+  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" }
+}, w = {
+  title: "bold",
+  h1: "semibold",
+  h2: "semibold",
+  h3: "semibold",
+  h4: "semibold",
+  "2xl": "regular",
+  xl: "regular",
+  l: "regular",
+  base: "regular",
+  s: "regular",
+  xs: "regular"
+}, z = {
+  title: "h1",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  "2xl": "p",
+  xl: "p",
+  l: "p",
+  base: "p",
+  s: "p",
+  xs: "p"
+}, y = p.forwardRef(
+  ({ size: i, weight: s, variant: t, as: m, className: o, ...d }, g) => {
+    const e = t ? u[t] : null, l = i ?? e?.size ?? "base", h = s ?? e?.weight ?? w[l], x = m ?? e?.element ?? z[l];
+    return /* @__PURE__ */ n.jsx(
+      x,
+      {
+        ref: g,
+        className: a(
+          "text-foreground font-sans",
+          b[l],
+          r[h],
+          o
+        ),
+        ...d
+      }
+    );
   }
-));
-c.displayName = t.List.displayName;
-const h = t.Item, f = s(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
-), u = e.forwardRef(({ className: a, children: o, ...n }, r) => /* @__PURE__ */ e.createElement(
-  t.Trigger,
-  {
-    ref: r,
-    className: i(f(), "group", a),
-    ...n
-  },
-  o,
-  " ",
-  /* @__PURE__ */ e.createElement(
-    m,
-    {
-      className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
-      "aria-hidden": "true"
-    }
-  )
-));
-u.displayName = t.Trigger.displayName;
-const p = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
-  t.Content,
-  {
-    ref: n,
-    className: i(
-      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
-      a
-    ),
-    ...o
-  }
-));
-p.displayName = t.Content.displayName;
-const x = t.Link, d = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement("div", { className: i("absolute left-0 top-full flex justify-center") }, /* @__PURE__ */ e.createElement(
-  t.Viewport,
-  {
-    className: i(
-      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
-      a
-    ),
-    ref: n,
-    ...o
-  }
-)));
-d.displayName = t.Viewport.displayName;
-const g = e.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ e.createElement(
-  t.Indicator,
-  {
-    ref: n,
-    className: i(
-      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
-      a
-    ),
-    ...o
-  },
-  /* @__PURE__ */ e.createElement("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
-));
-g.displayName = t.Indicator.displayName;
+);
+y.displayName = "Typography";
 export {
-  l as NavigationMenu,
-  p as NavigationMenuContent,
-  g as NavigationMenuIndicator,
-  h as NavigationMenuItem,
-  x as NavigationMenuLink,
-  c as NavigationMenuList,
-  u as NavigationMenuTrigger,
-  d as NavigationMenuViewport,
-  f as navigationMenuTriggerStyle
+  y as Typography,
+  u as typographyVariants
 };
 //# sourceMappingURL=index.es39.js.map

package/dist/index.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es39.js","sources":["../src/components/ui/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\"\nimport { cva } from \"class-variance-authority\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst NavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative z-10 flex max-w-max flex-1 items-center justify-center\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <NavigationMenuViewport />\n  </NavigationMenuPrimitive.Root>\n))\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst NavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn(\n      \"group flex flex-1 list-none items-center justify-center space-x-1\",\n      className\n    )}\n    {...props}\n  />\n))\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent\"\n)\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Trigger\n    ref={ref}\n    className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n    {...props}\n  >\n    {children}{\" \"}\n    <ChevronDown\n      className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180\"\n      aria-hidden=\"true\"\n    />\n  </NavigationMenuPrimitive.Trigger>\n))\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Content\n    ref={ref}\n    className={cn(\n      \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto \",\n      className\n    )}\n    {...props}\n  />\n))\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n  <div className={cn(\"absolute left-0 top-full flex justify-center\")}>\n    <NavigationMenuPrimitive.Viewport\n      className={cn(\n        \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  </div>\n))\nNavigationMenuViewport.displayName =\n  NavigationMenuPrimitive.Viewport.displayName\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Indicator\n    ref={ref}\n    className={cn(\n      \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n      className\n    )}\n    {...props}\n  >\n    <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n  </NavigationMenuPrimitive.Indicator>\n))\nNavigationMenuIndicator.displayName =\n  NavigationMenuPrimitive.Indicator.displayName\n\nexport {\n  navigationMenuTriggerStyle,\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n}\n"],"names":["NavigationMenu","React","className","children","props","ref","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":";;;;;AAOA,MAAMA,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACpC,gBAAAJ,EAAA;AAAA,EAACK,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AAAA,EAEHD;AAAA,kCACAK,GAAA,IAAuB;AAC1B,CACD;AACDR,EAAe,cAAcM,EAAwB,KAAK;AAE1D,MAAMG,IAAqBR,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAJ,EAAA;AAAA,EAACK,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAmB,cAAcH,EAAwB,KAAK;AAE9D,MAAMI,IAAqBJ,EAAwB,MAE7CK,IAA6BC;AAAA,EACjC;AACF,GAEMC,IAAwBZ,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACpC,gBAAAJ,EAAA;AAAA,EAACK,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGI,KAA8B,SAAST,CAAS;AAAA,IAC7D,GAAGE;AAAA,EAAA;AAAA,EAEHD;AAAA,EAAU;AAAA,EACX,gBAAAF,EAAA;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,IAAA;AAAA,EAAA;AAEhB,CACD;AACDD,EAAsB,cAAcP,EAAwB,QAAQ;AAEpE,MAAMS,IAAwBd,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAJ,EAAA;AAAA,EAACK,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AACN,CACD;AACDW,EAAsB,cAAcT,EAAwB,QAAQ;AAEpE,MAAMU,IAAqBV,EAAwB,MAE7CE,IAAyBP,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAJ,EAAA,cAAC,OAAA,EAAI,WAAWM,EAAG,8CAA8C,EAAA,GAC/D,gBAAAN,EAAA;AAAA,EAACK,EAAwB;AAAA,EAAxB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAEF,KAAAG;AAAA,IACC,GAAGD;AAAA,EAAA;AACN,CACF,CACD;AACDI,EAAuB,cACrBF,EAAwB,SAAS;AAEnC,MAAMW,IAA0BhB,EAAM,WAGpC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAJ,EAAA;AAAA,EAACK,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AAAA,EAEJ,gBAAAH,EAAA,cAAC,OAAA,EAAI,WAAU,yEAAA,CAAyE;AAC1F,CACD;AACDgB,EAAwB,cACtBX,EAAwB,UAAU;"}
+{"version":3,"file":"index.es39.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","jsx","cn"],"mappings":";;;AAIA,MAAMA,IAAc;AAAA,EAClB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,MAAM;AAAA,EACN,GAAG;AAAA,EACH,IAAI;AACN,GAEMC,IAAgB;AAAA,EACpB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AACT,GAKMC,IAAqB;AAAA,EACzB,OAAO,EAAE,MAAM,SAAS,QAAQ,QAAQ,SAAS,KAAA;AAAA,EACjD,IAAI,EAAE,MAAM,MAAM,QAAQ,YAAY,SAAS,KAAA;AAAA,EAC/C,IAAI,EAAE,MAAM,MAAM,QAAQ,YAAY,SAAS,KAAA;AAAA,EAC/C,IAAI,EAAE,MAAM,MAAM,QAAQ,YAAY,SAAS,KAAA;AAAA,EAC/C,IAAI,EAAE,MAAM,MAAM,QAAQ,YAAY,SAAS,KAAA;AAAA,EAC/C,qBAAqB,EAAE,MAAM,OAAO,QAAQ,YAAY,SAAS,IAAA;AAAA,EACjE,mBAAmB,EAAE,MAAM,OAAO,QAAQ,UAAU,SAAS,IAAA;AAAA,EAC7D,oBAAoB,EAAE,MAAM,OAAO,QAAQ,WAAW,SAAS,IAAA;AAAA,EAC/D,oBAAoB,EAAE,MAAM,MAAM,QAAQ,YAAY,SAAS,IAAA;AAAA,EAC/D,kBAAkB,EAAE,MAAM,MAAM,QAAQ,UAAU,SAAS,IAAA;AAAA,EAC3D,mBAAmB,EAAE,MAAM,MAAM,QAAQ,WAAW,SAAS,IAAA;AAAA,EAC7D,mBAAmB,EAAE,MAAM,KAAK,QAAQ,YAAY,SAAS,IAAA;AAAA,EAC7D,iBAAiB,EAAE,MAAM,KAAK,QAAQ,UAAU,SAAS,IAAA;AAAA,EACzD,kBAAkB,EAAE,MAAM,KAAK,QAAQ,WAAW,SAAS,IAAA;AAAA,EAC3D,gBAAgB,EAAE,MAAM,KAAK,QAAQ,SAAS,SAAS,IAAA;AAAA,EACvD,sBAAsB,EAAE,MAAM,QAAQ,QAAQ,YAAY,SAAS,IAAA;AAAA,EACnE,oBAAoB,EAAE,MAAM,QAAQ,QAAQ,UAAU,SAAS,IAAA;AAAA,EAC/D,qBAAqB,EAAE,MAAM,QAAQ,QAAQ,WAAW,SAAS,IAAA;AAAA,EACjE,mBAAmB,EAAE,MAAM,QAAQ,QAAQ,SAAS,SAAS,IAAA;AAAA,EAC7D,mBAAmB,EAAE,MAAM,KAAK,QAAQ,YAAY,SAAS,IAAA;AAAA,EAC7D,iBAAiB,EAAE,MAAM,KAAK,QAAQ,UAAU,SAAS,IAAA;AAAA,EACzD,kBAAkB,EAAE,MAAM,KAAK,QAAQ,WAAW,SAAS,IAAA;AAAA,EAC3D,gBAAgB,EAAE,MAAM,KAAK,QAAQ,SAAS,SAAS,IAAA;AAAA,EACvD,oBAAoB,EAAE,MAAM,MAAM,QAAQ,YAAY,SAAS,IAAA;AAAA,EAC/D,kBAAkB,EAAE,MAAM,MAAM,QAAQ,UAAU,SAAS,IAAA;AAAA,EAC3D,mBAAmB,EAAE,MAAM,MAAM,QAAQ,WAAW,SAAS,IAAA;AAAA,EAC7D,iBAAiB,EAAE,MAAM,MAAM,QAAQ,SAAS,SAAS,IAAA;AAC3D,GAIMC,IAA2D;AAAA,EAC/D,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,MAAM;AAAA,EACN,GAAG;AAAA,EACH,IAAI;AACN,GAEMC,IAA6D;AAAA,EACjE,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,MAAM;AAAA,EACN,GAAG;AAAA,EACH,IAAI;AACN,GASMC,IAAaC,EAAM;AAAA,EACvB,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,GAAS,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAC3D,UAAMC,IAAgBL,IAAUP,EAAmBO,CAAO,IAAI,MACxDM,IAAeR,KAAQO,GAAe,QAAQ,QAC9CE,IACJR,KAAUM,GAAe,UAAUX,EAAeY,CAAY,GAC1DE,IAAOP,KAAMI,GAAe,WAAWV,EAAgBW,CAAY;AAEzE,WACEG,gBAAAA,EAAAA;AAAAA,MAACD;AAAA,MAAA;AAAA,QACC,KAAAJ;AAAA,QACA,WAAWM;AAAA,UACT;AAAA,UACAnB,EAAYe,CAAY;AAAA,UACxBd,EAAce,CAAc;AAAA,UAC5BL;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAP,EAAW,cAAc;"}

package/dist/index.es4.js

@@ -1,8 +1,9 @@
-import * as e from "react";
-import { Info as p, AlertCircle as v, CircleX as f, CheckCircle2 as w, SquareDashed as N } from "lucide-react";
+import { j as e } from "./index.es62.js";
+import * as n from "react";
+import { Info as v, AlertCircle as w, CircleX as x, CheckCircle2 as h, SquareDashed as j } from "lucide-react";
 import { cva as o } from "class-variance-authority";
-import { cn as l } from "./index.es60.js";
-const b = o(
+import { cn as s } from "./index.es63.js";
+const N = o(
   "flex w-full flex-col items-end gap-3 rounded-[8px] border bg-white px-3 py-3 text-[14px] leading-[20px] shadow-[0px_2px_4px_-2px_rgba(19,25,39,0.12),0px_4px_4px_-2px_rgba(19,25,39,0.08)]",
   {
     variants: {
@@ -19,7 +20,7 @@ const b = o(
       variant: "default"
     }
   }
-), g = o("flex h-6 w-6 shrink-0 items-center justify-center", {
+), b = o("flex h-6 w-6 shrink-0 items-center justify-center", {
   variants: {
     variant: {
       default: "text-[#adacb0]",
@@ -33,57 +34,62 @@ const b = o(
   defaultVariants: {
     variant: "default"
   }
-}), h = {
+}), g = {
   warning: "warning",
   neutral: "default",
   success: "success",
   negative: "error"
-}, E = e.forwardRef(({ className: a, variant: r, icon: t, showIcon: d = !0, state: n, action: c, children: m, ...x }, u) => {
-  const s = n ? h[n] : r ?? "default", i = t === void 0 ? {
-    default: /* @__PURE__ */ e.createElement(N, { className: "h-5 w-5" }),
-    success: /* @__PURE__ */ e.createElement(w, { className: "h-5 w-5" }),
-    error: /* @__PURE__ */ e.createElement(f, { className: "h-5 w-5" }),
-    destructive: /* @__PURE__ */ e.createElement(f, { className: "h-5 w-5" }),
-    warning: /* @__PURE__ */ e.createElement(v, { className: "h-5 w-5" }),
-    info: /* @__PURE__ */ e.createElement(p, { className: "h-5 w-5" })
-  }[s] : t;
-  return /* @__PURE__ */ e.createElement(
+}, _ = n.forwardRef(({ className: a, variant: r, icon: t, showIcon: d = !0, state: i, action: c, children: m, ...u }, p) => {
+  const l = i ? g[i] : r ?? "default", f = t === void 0 ? {
+    default: /* @__PURE__ */ e.jsx(j, { className: "h-5 w-5" }),
+    success: /* @__PURE__ */ e.jsx(h, { className: "h-5 w-5" }),
+    error: /* @__PURE__ */ e.jsx(x, { className: "h-5 w-5" }),
+    destructive: /* @__PURE__ */ e.jsx(x, { className: "h-5 w-5" }),
+    warning: /* @__PURE__ */ e.jsx(w, { className: "h-5 w-5" }),
+    info: /* @__PURE__ */ e.jsx(v, { className: "h-5 w-5" })
+  }[l] : t;
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: u,
+      ref: p,
       role: "alert",
-      className: l(b({ variant: s }), a),
-      ...x
-    },
-    /* @__PURE__ */ e.createElement("div", { className: "flex w-full items-start gap-2" }, d && i ? /* @__PURE__ */ e.createElement("span", { className: l(g({ variant: s })) }, i) : null, /* @__PURE__ */ e.createElement("div", { className: "min-w-0 flex-1" }, m)),
-    c ? /* @__PURE__ */ e.createElement("div", { className: "flex w-full justify-end" }, c) : null
+      className: s(N({ variant: l }), a),
+      ...u,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-start gap-2", children: [
+          d && f ? /* @__PURE__ */ e.jsx("span", { className: s(b({ variant: l })), children: f }) : null,
+          /* @__PURE__ */ e.jsx("div", { className: "min-w-0 flex-1", children: m })
+        ] }),
+        c ? /* @__PURE__ */ e.jsx("div", { className: "flex w-full justify-end", children: c }) : null
+      ]
+    }
   );
 });
-E.displayName = "Alert";
-const _ = e.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e.createElement(
+_.displayName = "Alert";
+const A = n.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e.jsx(
   "h5",
   {
     ref: t,
-    className: l("text-[14px] font-normal leading-[20px] text-current", a),
+    className: s("text-[14px] font-normal leading-[20px] text-current", a),
     ...r
   }
 ));
-_.displayName = "AlertTitle";
-const A = e.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e.createElement(
+A.displayName = "AlertTitle";
+const y = n.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: t,
-    className: l(
+    className: s(
       "text-[12px] leading-[16px] text-[#7f7d83] [&:not(:first-child)]:mt-2",
       a
     ),
     ...r
   }
 ));
-A.displayName = "AlertDescription";
+y.displayName = "AlertDescription";
 export {
-  E as Alert,
-  A as AlertDescription,
-  _ as AlertTitle
+  _ as Alert,
+  y as AlertDescription,
+  A as AlertTitle
 };
 //# sourceMappingURL=index.es4.js.map

package/dist/index.es4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es4.js","sources":["../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n  AlertCircle,\n  CheckCircle2,\n  CircleX,\n  Info,\n  SquareDashed,\n} from \"lucide-react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"flex w-full flex-col items-end gap-3 rounded-[8px] border bg-white px-3 py-3 text-[14px] leading-[20px] shadow-[0px_2px_4px_-2px_rgba(19,25,39,0.12),0px_4px_4px_-2px_rgba(19,25,39,0.08)]\",\n  {\n    variants: {\n      variant: {\n        default: \"border-[#e6e6e6] text-black\",\n        success: \"border-[#307f4a] text-[#307f4a]\",\n        error: \"border-[#e73f3f] text-[#e73f3f]\",\n        destructive: \"border-[#e73f3f] text-[#e73f3f]\",\n        warning: \"border-[#e49614] text-[#e49614]\",\n        info: \"border-[#2563eb] text-[#2563eb]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst alertIconVariants = cva(\"flex h-6 w-6 shrink-0 items-center justify-center\", {\n  variants: {\n    variant: {\n      default: \"text-[#adacb0]\",\n      success: \"text-[#307f4a]\",\n      error: \"text-[#e73f3f]\",\n      destructive: \"text-[#e73f3f]\",\n      warning: \"text-[#e49614]\",\n      info: \"text-[#2563eb]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\ntype AlertVariant = NonNullable<VariantProps<typeof alertVariants>[\"variant\"]>\ntype AlertState = \"warning\" | \"neutral\" | \"success\" | \"negative\"\n\nconst stateToVariant: Record<AlertState, AlertVariant> = {\n  warning: \"warning\",\n  neutral: \"default\",\n  success: \"success\",\n  negative: \"error\",\n}\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof alertVariants> & {\n      icon?: React.ReactNode\n      showIcon?: boolean\n      state?: AlertState\n      action?: React.ReactNode\n    }\n>(({ className, variant, icon, showIcon = true, state, action, children, ...props }, ref) => {\n  const resolvedVariant = (state ? stateToVariant[state] : variant ?? \"default\") as AlertVariant\n  const defaultIcons: Record<AlertVariant, React.ReactNode> = {\n    default: <SquareDashed className=\"h-5 w-5\" />,\n    success: <CheckCircle2 className=\"h-5 w-5\" />,\n    error: <CircleX className=\"h-5 w-5\" />,\n    destructive: <CircleX className=\"h-5 w-5\" />,\n    warning: <AlertCircle className=\"h-5 w-5\" />,\n    info: <Info className=\"h-5 w-5\" />,\n  }\n  const resolvedIcon = icon === undefined ? defaultIcons[resolvedVariant] : icon\n\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={cn(alertVariants({ variant: resolvedVariant }), className)}\n      {...props}\n    >\n      <div className=\"flex w-full items-start gap-2\">\n        {showIcon && resolvedIcon ? (\n          <span className={cn(alertIconVariants({ variant: resolvedVariant }))}>\n            {resolvedIcon}\n          </span>\n        ) : null}\n        <div className=\"min-w-0 flex-1\">{children}</div>\n      </div>\n      {action ? <div className=\"flex w-full justify-end\">{action}</div> : null}\n    </div>\n  )\n})\nAlert.displayName = \"Alert\"\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5\n    ref={ref}\n    className={cn(\"text-[14px] font-normal leading-[20px] text-current\", className)}\n    {...props}\n  />\n))\nAlertTitle.displayName = \"AlertTitle\"\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"text-[12px] leading-[16px] text-[#7f7d83] [&:not(:first-child)]:mt-2\",\n      className\n    )}\n    {...props}\n  />\n))\nAlertDescription.displayName = \"AlertDescription\"\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"names":["alertVariants","cva","alertIconVariants","stateToVariant","Alert","React","className","variant","icon","showIcon","state","action","children","props","ref","resolvedVariant","resolvedIcon","SquareDashed","CheckCircle2","CircleX","AlertCircle","Info","cn","AlertTitle","AlertDescription"],"mappings":"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"}
+{"version":3,"file":"index.es4.js","sources":["../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n  AlertCircle,\n  CheckCircle2,\n  CircleX,\n  Info,\n  SquareDashed,\n} from \"lucide-react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  \"flex w-full flex-col items-end gap-3 rounded-[8px] border bg-white px-3 py-3 text-[14px] leading-[20px] shadow-[0px_2px_4px_-2px_rgba(19,25,39,0.12),0px_4px_4px_-2px_rgba(19,25,39,0.08)]\",\n  {\n    variants: {\n      variant: {\n        default: \"border-[#e6e6e6] text-black\",\n        success: \"border-[#307f4a] text-[#307f4a]\",\n        error: \"border-[#e73f3f] text-[#e73f3f]\",\n        destructive: \"border-[#e73f3f] text-[#e73f3f]\",\n        warning: \"border-[#e49614] text-[#e49614]\",\n        info: \"border-[#2563eb] text-[#2563eb]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst alertIconVariants = cva(\"flex h-6 w-6 shrink-0 items-center justify-center\", {\n  variants: {\n    variant: {\n      default: \"text-[#adacb0]\",\n      success: \"text-[#307f4a]\",\n      error: \"text-[#e73f3f]\",\n      destructive: \"text-[#e73f3f]\",\n      warning: \"text-[#e49614]\",\n      info: \"text-[#2563eb]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\ntype AlertVariant = NonNullable<VariantProps<typeof alertVariants>[\"variant\"]>\ntype AlertState = \"warning\" | \"neutral\" | \"success\" | \"negative\"\n\nconst stateToVariant: Record<AlertState, AlertVariant> = {\n  warning: \"warning\",\n  neutral: \"default\",\n  success: \"success\",\n  negative: \"error\",\n}\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof alertVariants> & {\n      icon?: React.ReactNode\n      showIcon?: boolean\n      state?: AlertState\n      action?: React.ReactNode\n    }\n>(({ className, variant, icon, showIcon = true, state, action, children, ...props }, ref) => {\n  const resolvedVariant = (state ? stateToVariant[state] : variant ?? \"default\") as AlertVariant\n  const defaultIcons: Record<AlertVariant, React.ReactNode> = {\n    default: <SquareDashed className=\"h-5 w-5\" />,\n    success: <CheckCircle2 className=\"h-5 w-5\" />,\n    error: <CircleX className=\"h-5 w-5\" />,\n    destructive: <CircleX className=\"h-5 w-5\" />,\n    warning: <AlertCircle className=\"h-5 w-5\" />,\n    info: <Info className=\"h-5 w-5\" />,\n  }\n  const resolvedIcon = icon === undefined ? defaultIcons[resolvedVariant] : icon\n\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={cn(alertVariants({ variant: resolvedVariant }), className)}\n      {...props}\n    >\n      <div className=\"flex w-full items-start gap-2\">\n        {showIcon && resolvedIcon ? (\n          <span className={cn(alertIconVariants({ variant: resolvedVariant }))}>\n            {resolvedIcon}\n          </span>\n        ) : null}\n        <div className=\"min-w-0 flex-1\">{children}</div>\n      </div>\n      {action ? <div className=\"flex w-full justify-end\">{action}</div> : null}\n    </div>\n  )\n})\nAlert.displayName = \"Alert\"\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5\n    ref={ref}\n    className={cn(\"text-[14px] font-normal leading-[20px] text-current\", className)}\n    {...props}\n  />\n))\nAlertTitle.displayName = \"AlertTitle\"\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"text-[12px] leading-[16px] text-[#7f7d83] [&:not(:first-child)]:mt-2\",\n      className\n    )}\n    {...props}\n  />\n))\nAlertDescription.displayName = \"AlertDescription\"\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"names":["alertVariants","cva","alertIconVariants","stateToVariant","Alert","React","className","variant","icon","showIcon","state","action","children","props","ref","resolvedVariant","resolvedIcon","jsx","SquareDashed","CheckCircle2","CircleX","AlertCircle","Info","jsxs","cn","AlertTitle","AlertDescription"],"mappings":"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"}