@g4rcez/components 4.1.3 → 5.0.1

package/dist/components/core/button.js

@@ -1,76 +1,76 @@
-import { jsxs as u } from "react/jsx-runtime";
-import { c as g } from "../../index-DlJ_2RBL.js";
-import { forwardRef as c } from "react";
-import { c as p } from "../../dom-CyQHY7ID.js";
-import { P as l } from "../../polymorph-B5n9fs_K.js";
-const m = {
-  size: {
-    icon: "p-1",
-    big: "h-12 px-6 py-4",
-    default: "h-10 px-4 py-2",
-    min: "h-7 px-3 py-1 text-sm",
-    small: "h-8 px-4 py-2 text-sm",
-    tiny: "h-6 px-2 py-1 text-sm"
-  },
-  rounded: {
-    rough: "rounded-sm",
-    squared: "rounded-none",
-    default: "rounded-button",
-    circle: "rounded-full aspect-square"
-  },
-  theme: {
-    raw: "",
-    disabled: "bg-disabled opacity-70",
-    loading: "animate-pulse bg-disabled",
-    main: "bg-button-primary-bg text-button-primary-text",
-    info: "bg-button-info-bg text-button-info-text",
-    warn: "bg-button-warn-bg text-button-warn-text",
-    muted: "bg-button-muted-bg text-button-muted-text",
-    danger: "bg-button-danger-bg text-button-danger-text",
-    neutral: "bg-transparent border-1 border-card-border",
-    primary: "bg-button-primary-bg text-button-primary-text",
-    success: "bg-button-success-bg text-button-success-text",
-    secondary: "bg-button-secondary-bg text-button-secondary-text",
-    "ghost-info": "bg-transparent hover:bg-info/20 border-0 border-transparent text-info",
-    "ghost-warn": "bg-transparent hover:bg-warn/20 border-0 border-transparent text-warn",
-    "ghost-danger": "bg-transparent hover:bg-danger/20 border-0 border-transparent text-danger",
-    "ghost-primary": "bg-transparent hover:bg-primary/20 border-0 border-transparent text-primary",
-    "ghost-success": "bg-transparent hover:bg-success/20 border-0 border-transparent text-success",
-    "ghost-secondary": "bg-transparent hover:bg-secondary/20 border-0 border-transparent text-secondary",
-    "ghost-muted": "bg-transparent hover:bg-muted/20 border-0 border-transparent text-muted-foreground",
-    "ghost-neutral": "bg-transparent border-0 border-card-border"
-  }
-}, x = g(
-  "relative inline-flex cursor-pointer items-center justify-center gap-1.5 overflow-hidden whitespace-nowrap align-middle font-medium transition-colors duration-300 ease-linear focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 data-[loading=true]:animate-pulse data-[loading=true]:opacity-30",
-  {
-    variants: m,
-    defaultVariants: { theme: "main", size: "default", rounded: "default" }
-  }
-), k = c(function({ className: a, icon: o, loading: e, theme: n, type: s = "button", size: d, rounded: b, ...t }, i) {
-  const r = e || t.disabled;
-  return /* @__PURE__ */ u(
-    l,
-    {
-      ...t,
-      ref: i,
-      type: s,
-      "data-theme": n,
-      disabled: r,
-      "data-loading": e,
-      "data-component": "button",
-      "aria-disabled": r,
-      as: t.as ?? "button",
-      "aria-busy": e,
-      onClick: r ? void 0 : t.onClick,
-      className: p(x({ size: d, rounded: b, theme: n }), a),
-      children: [
-        o,
-        t.children
-      ]
-    }
-  );
+import { t as e } from "../../dom-Bn4wY_Zx.js";
+import { t } from "../../dist-NmFtbuK4.js";
+import { t as n } from "../../polymorph-BLXhrn9n.js";
+import { forwardRef as r } from "react";
+import { jsxs as i } from "react/jsx-runtime";
+//#region src/components/core/button.tsx
+var a = t("relative inline-flex cursor-pointer items-center justify-center gap-button-gap overflow-hidden whitespace-nowrap align-middle font-medium transition-colors duration-300 ease-linear focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 data-[loading=true]:animate-pulse data-[loading=true]:opacity-30", {
+	variants: {
+		size: {
+			icon: "p-button-padding-icon",
+			big: "h-button-height-big px-button-padding-x-big py-button-padding-y-big",
+			default: "h-button-height px-button-padding-x py-button-padding-y",
+			min: "h-button-height-min px-button-padding-x-min py-button-padding-y-min text-typography-sm",
+			tiny: "h-button-height-tiny px-button-padding-x-tiny py-button-padding-y-tiny text-typography-sm",
+			small: "h-button-height-small px-button-padding-x-small py-button-padding-y-small text-typography-sm"
+		},
+		rounded: {
+			rough: "rounded-button-radius-rough",
+			squared: "rounded-button-radius-squared",
+			default: "rounded-button-radius",
+			circle: "rounded-full aspect-square"
+		},
+		theme: {
+			raw: "",
+			disabled: "bg-disabled opacity-70",
+			loading: "animate-pulse bg-disabled",
+			main: "bg-button-primary-bg text-button-primary-text",
+			info: "bg-button-info-bg text-button-info-text",
+			warn: "bg-button-warn-bg text-button-warn-text",
+			muted: "bg-button-muted-bg text-button-muted-text",
+			danger: "bg-button-danger-bg text-button-danger-text",
+			neutral: "bg-transparent border-1 border-card-border",
+			primary: "bg-button-primary-bg text-button-primary-text",
+			success: "bg-button-success-bg text-button-success-text",
+			secondary: "bg-button-secondary-bg text-button-secondary-text",
+			"ghost-info": "bg-transparent hover:bg-info/20 border-0 border-transparent text-info",
+			"ghost-warn": "bg-transparent hover:bg-warn/20 border-0 border-transparent text-warn",
+			"ghost-danger": "bg-transparent hover:bg-danger/20 border-0 border-transparent text-danger",
+			"ghost-primary": "bg-transparent hover:bg-primary/20 border-0 border-transparent text-primary",
+			"ghost-success": "bg-transparent hover:bg-success/20 border-0 border-transparent text-success",
+			"ghost-secondary": "bg-transparent hover:bg-secondary/20 border-0 border-transparent text-secondary",
+			"ghost-muted": "bg-transparent hover:bg-muted/20 border-0 border-transparent text-muted-foreground",
+			"ghost-neutral": "bg-transparent border-0 border-card-border"
+		}
+	},
+	defaultVariants: {
+		theme: "main",
+		size: "default",
+		rounded: "default"
+	}
+}), o = r(function({ className: t, icon: r, loading: o, theme: s, type: c = "button", size: l, rounded: u, ...d }, f) {
+	let p = o || d.disabled;
+	return /* @__PURE__ */ i(n, {
+		...d,
+		ref: f,
+		type: c,
+		"data-theme": s,
+		disabled: p,
+		"data-loading": o,
+		"data-component": "button",
+		"aria-disabled": p,
+		as: d.as ?? "button",
+		"aria-busy": o,
+		onClick: p ? void 0 : d.onClick,
+		className: e(a({
+			size: l,
+			rounded: u,
+			theme: s
+		}), t),
+		children: [r, d.children]
+	});
 });
-export {
-  k as Button
-};
-//# sourceMappingURL=button.js.map
+//#endregion
+export { o as Button };
+
+//# sourceMappingURL=button.js.map

package/dist/components/core/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../src/components/core/button.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants, type Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"./polymorph\";\n\nconst variants = {\n    size: {\n        icon: \"p-1\",\n        big: \"h-12 px-6 py-4\",\n        default: \"h-10 px-4 py-2\",\n        min: \"h-7 px-3 py-1 text-sm\",\n        small: \"h-8 px-4 py-2 text-sm\",\n        tiny: \"h-6 px-2 py-1 text-sm\",\n    },\n    rounded: {\n        rough: \"rounded-sm\",\n        squared: \"rounded-none\",\n        default: \"rounded-button\",\n        circle: \"rounded-full aspect-square\",\n    },\n    theme: {\n        raw: \"\",\n        disabled: \"bg-disabled opacity-70\",\n        loading: \"animate-pulse bg-disabled\",\n        main: \"bg-button-primary-bg text-button-primary-text\",\n        info: \"bg-button-info-bg text-button-info-text\",\n        warn: \"bg-button-warn-bg text-button-warn-text\",\n        muted: \"bg-button-muted-bg text-button-muted-text\",\n        danger: \"bg-button-danger-bg text-button-danger-text\",\n        neutral: \"bg-transparent border-1 border-card-border\",\n        primary: \"bg-button-primary-bg text-button-primary-text\",\n        success: \"bg-button-success-bg text-button-success-text\",\n        secondary: \"bg-button-secondary-bg text-button-secondary-text\",\n\n        \"ghost-info\": \"bg-transparent hover:bg-info/20 border-0 border-transparent text-info\",\n        \"ghost-warn\": \"bg-transparent hover:bg-warn/20 border-0 border-transparent text-warn\",\n        \"ghost-danger\": \"bg-transparent hover:bg-danger/20 border-0 border-transparent text-danger\",\n        \"ghost-primary\": \"bg-transparent hover:bg-primary/20 border-0 border-transparent text-primary\",\n        \"ghost-success\": \"bg-transparent hover:bg-success/20 border-0 border-transparent text-success\",\n        \"ghost-secondary\": \"bg-transparent hover:bg-secondary/20 border-0 border-transparent text-secondary\",\n        \"ghost-muted\": \"bg-transparent hover:bg-muted/20 border-0 border-transparent text-muted-foreground\",\n        \"ghost-neutral\": \"bg-transparent border-0 border-card-border\",\n    },\n};\n\nconst buttonVariants = cva(\n    \"relative inline-flex cursor-pointer items-center justify-center gap-1.5 overflow-hidden whitespace-nowrap align-middle font-medium transition-colors duration-300 ease-linear focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 data-[loading=true]:animate-pulse data-[loading=true]:opacity-30\",\n    {\n        variants,\n        defaultVariants: { theme: \"main\", size: \"default\", rounded: \"default\" },\n    }\n);\n\ntype Variants = CvaVariants<typeof variants>;\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> = PropsWithChildren<\n    PolymorphicProps<\n        Variants &\n            Partial<{\n                /** Icon to display in the button */\n                icon: Label;\n                /** Whether the button is in a loading state */\n                loading: boolean;\n            }>,\n        T\n    >\n>;\n\n/**\n * A versatile button component with multiple variants, sizes, and states.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Button>Click me</Button>\n *\n * // With variants\n * <Button theme=\"primary\" size=\"big\">Primary Button</Button>\n *\n * // Loading state\n * <Button loading>Saving...</Button>\n *\n * // With icon\n * <Button icon={<Icon name=\"plus\" />}>Add Item</Button>\n *\n * // As different element\n * <Button as=\"a\" href=\"/link\">Link Button</Button>\n * ```\n *\n * @template T - The HTML element type to render as\n * @param props - Button props including theme, size, loading state, etc.\n * @param ref - Forwarded ref to the button element\n * @returns A styled button component\n */\nexport const Button: <T extends React.ElementType = \"button\">(_: ButtonProps<T>) => React.ReactNode = forwardRef(function Button(\n    { className, icon, loading, theme, type = \"button\", size, rounded, ...props }: ButtonProps,\n    ref: React.Ref<\"button\">\n) {\n    const disabled = loading || props.disabled;\n    return (\n        <Polymorph\n            {...props}\n            ref={ref}\n            type={type}\n            data-theme={theme}\n            disabled={disabled}\n            data-loading={loading}\n            data-component=\"button\"\n            aria-disabled={disabled}\n            as={props.as ?? \"button\"}\n            aria-busy={loading}\n            onClick={disabled ? undefined : props.onClick}\n            className={css(buttonVariants({ size, rounded, theme }), className)}\n        >\n            {icon}\n            {props.children}\n        </Polymorph>\n    );\n}) as unknown as <T extends React.ElementType = \"button\">(_: ButtonProps<T>) => React.ReactNode;\n"],"names":["variants","buttonVariants","cva","Button","forwardRef","className","icon","loading","theme","type","size","rounded","props","ref","disabled","jsxs","Polymorph","css"],"mappings":";;;;;AAMA,MAAMA,IAAW;AAAA,EACb,MAAM;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAAA,EAEZ,OAAO;AAAA,IACH,KAAK;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IAEX,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,iBAAiB;AAAA,EAAA;AAEzB,GAEMC,IAAiBC;AAAA,EACnB;AAAA,EACA;AAAA,IACI,UAAAF;AAAA,IACA,iBAAiB,EAAE,OAAO,QAAQ,MAAM,WAAW,SAAS,UAAA;AAAA,EAAU;AAE9E,GA2CaG,IAAyFC,EAAW,SAC7G,EAAE,WAAAC,GAAW,MAAAC,GAAM,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,UAAU,MAAAC,GAAM,SAAAC,GAAS,GAAGC,EAAA,GACtEC,GACF;AACE,QAAMC,IAAWP,KAAWK,EAAM;AAClC,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGJ;AAAA,MACJ,KAAAC;AAAA,MACA,MAAAJ;AAAA,MACA,cAAYD;AAAA,MACZ,UAAAM;AAAA,MACA,gBAAcP;AAAA,MACd,kBAAe;AAAA,MACf,iBAAeO;AAAA,MACf,IAAIF,EAAM,MAAM;AAAA,MAChB,aAAWL;AAAA,MACX,SAASO,IAAW,SAAYF,EAAM;AAAA,MACtC,WAAWK,EAAIhB,EAAe,EAAE,MAAAS,GAAM,SAAAC,GAAS,OAAAH,EAAA,CAAO,GAAGH,CAAS;AAAA,MAEjE,UAAA;AAAA,QAAAC;AAAA,QACAM,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnB,CAAC;"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/core/button.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React, { forwardRef, PropsWithChildren } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants, type Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"./polymorph\";\n\nconst variants = {\n    size: {\n        icon: \"p-button-padding-icon\",\n        big: \"h-button-height-big px-button-padding-x-big py-button-padding-y-big\",\n        default: \"h-button-height px-button-padding-x py-button-padding-y\",\n        min: \"h-button-height-min px-button-padding-x-min py-button-padding-y-min text-typography-sm\",\n        tiny: \"h-button-height-tiny px-button-padding-x-tiny py-button-padding-y-tiny text-typography-sm\",\n        small: \"h-button-height-small px-button-padding-x-small py-button-padding-y-small text-typography-sm\",\n    },\n    rounded: {\n        rough: \"rounded-button-radius-rough\",\n        squared: \"rounded-button-radius-squared\",\n        default: \"rounded-button-radius\",\n        circle: \"rounded-full aspect-square\",\n    },\n    theme: {\n        raw: \"\",\n        disabled: \"bg-disabled opacity-70\",\n        loading: \"animate-pulse bg-disabled\",\n        main: \"bg-button-primary-bg text-button-primary-text\",\n        info: \"bg-button-info-bg text-button-info-text\",\n        warn: \"bg-button-warn-bg text-button-warn-text\",\n        muted: \"bg-button-muted-bg text-button-muted-text\",\n        danger: \"bg-button-danger-bg text-button-danger-text\",\n        neutral: \"bg-transparent border-1 border-card-border\",\n        primary: \"bg-button-primary-bg text-button-primary-text\",\n        success: \"bg-button-success-bg text-button-success-text\",\n        secondary: \"bg-button-secondary-bg text-button-secondary-text\",\n\n        \"ghost-info\": \"bg-transparent hover:bg-info/20 border-0 border-transparent text-info\",\n        \"ghost-warn\": \"bg-transparent hover:bg-warn/20 border-0 border-transparent text-warn\",\n        \"ghost-danger\": \"bg-transparent hover:bg-danger/20 border-0 border-transparent text-danger\",\n        \"ghost-primary\": \"bg-transparent hover:bg-primary/20 border-0 border-transparent text-primary\",\n        \"ghost-success\": \"bg-transparent hover:bg-success/20 border-0 border-transparent text-success\",\n        \"ghost-secondary\": \"bg-transparent hover:bg-secondary/20 border-0 border-transparent text-secondary\",\n        \"ghost-muted\": \"bg-transparent hover:bg-muted/20 border-0 border-transparent text-muted-foreground\",\n        \"ghost-neutral\": \"bg-transparent border-0 border-card-border\",\n    },\n};\n\nconst buttonVariants = cva(\n    \"relative inline-flex cursor-pointer items-center justify-center gap-button-gap overflow-hidden whitespace-nowrap align-middle font-medium transition-colors duration-300 ease-linear focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 data-[loading=true]:animate-pulse data-[loading=true]:opacity-30\",\n    {\n        variants,\n        defaultVariants: { theme: \"main\", size: \"default\", rounded: \"default\" },\n    }\n);\n\ntype Variants = CvaVariants<typeof variants>;\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> = PropsWithChildren<\n    PolymorphicProps<\n        Variants &\n            Partial<{\n                /** Icon to display in the button */\n                icon: Label;\n                /** Whether the button is in a loading state */\n                loading: boolean;\n            }>,\n        T\n    >\n>;\n\n/**\n * A versatile button component with multiple variants, sizes, and states.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Button>Click me</Button>\n *\n * // With variants\n * <Button theme=\"primary\" size=\"big\">Primary Button</Button>\n *\n * // Loading state\n * <Button loading>Saving...</Button>\n *\n * // With icon\n * <Button icon={<Icon name=\"plus\" />}>Add Item</Button>\n *\n * // As different element\n * <Button as=\"a\" href=\"/link\">Link Button</Button>\n * ```\n *\n * @template T - The HTML element type to render as\n * @param props - Button props including theme, size, loading state, etc.\n * @param ref - Forwarded ref to the button element\n * @returns A styled button component\n */\nexport const Button: <T extends React.ElementType = \"button\">(_: ButtonProps<T>) => React.ReactNode = forwardRef(function Button(\n    { className, icon, loading, theme, type = \"button\", size, rounded, ...props }: ButtonProps,\n    ref: React.Ref<\"button\">\n) {\n    const disabled = loading || props.disabled;\n    return (\n        <Polymorph\n            {...props}\n            ref={ref}\n            type={type}\n            data-theme={theme}\n            disabled={disabled}\n            data-loading={loading}\n            data-component=\"button\"\n            aria-disabled={disabled}\n            as={props.as ?? \"button\"}\n            aria-busy={loading}\n            onClick={disabled ? undefined : props.onClick}\n            className={css(buttonVariants({ size, rounded, theme }), className)}\n        >\n            {icon}\n            {props.children}\n        </Polymorph>\n    );\n}) as unknown as <T extends React.ElementType = \"button\">(_: ButtonProps<T>) => React.ReactNode;\n"],"mappings":";;;;;;AA8CA,IAAM,IAAiB,EACnB,qcACA;CACI,UAAA;EA1CJ,MAAM;GACF,MAAM;GACN,KAAK;GACL,SAAS;GACT,KAAK;GACL,MAAM;GACN,OAAO;EACX;EACA,SAAS;GACL,OAAO;GACP,SAAS;GACT,SAAS;GACT,QAAQ;EACZ;EACA,OAAO;GACH,KAAK;GACL,UAAU;GACV,SAAS;GACT,MAAM;GACN,MAAM;GACN,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,SAAS;GACT,SAAS;GACT,WAAW;GAEX,cAAc;GACd,cAAc;GACd,gBAAgB;GAChB,iBAAiB;GACjB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;GACf,iBAAiB;EACrB;CAMI;CACA,iBAAiB;EAAE,OAAO;EAAQ,MAAM;EAAW,SAAS;CAAU;AAC1E,CACJ,GA2Ca,IAAyF,EAAW,SAC7G,EAAE,cAAW,SAAM,YAAS,UAAO,UAAO,UAAU,SAAM,YAAS,GAAG,KACtE,GACF;CACE,IAAM,IAAW,KAAW,EAAM;CAClC,OACI,kBAAC,GAAD;EACI,GAAI;EACC;EACC;EACN,cAAY;EACF;EACV,gBAAc;EACd,kBAAe;EACf,iBAAe;EACf,IAAI,EAAM,MAAM;EAChB,aAAW;EACX,SAAS,IAAW,KAAA,IAAY,EAAM;EACtC,WAAW,EAAI,EAAe;GAAE;GAAM;GAAS;EAAM,CAAC,GAAG,CAAS;YAZtE,CAcK,GACA,EAAM,QACA;;AAEnB,CAAC"}

package/dist/components/core/tag.js

@@ -1,67 +1,67 @@
-import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import { c as r } from "../../index-DlJ_2RBL.js";
-import { forwardRef as m } from "react";
-import { c as b } from "../../dom-CyQHY7ID.js";
-import { P as l } from "../../polymorph-B5n9fs_K.js";
-const u = {
-  size: {
-    icon: "p-1",
-    big: "h-12 px-6 py-4",
-    default: "h-8 px-4 py-2",
-    tiny: "h-5 p-1 px-2 text-xs",
-    small: "h-6 p-2 px-3 text-sm"
-  },
-  theme: {
-    custom: "",
-    info: "bg-tag-info-bg text-tag-info-text",
-    warn: "bg-tag-warn-bg text-tag-warn-text",
-    muted: "bg-tag-muted-bg text-tag-muted-text",
-    danger: "bg-tag-danger-bg text-tag-danger-text",
-    disabled: "bg-disabled duration-700 opacity-70",
-    primary: "bg-tag-primary-bg text-tag-primary-text",
-    success: "bg-tag-success-bg text-tag-success-text",
-    neutral: "bg-transparent border border-card-border",
-    secondary: "bg-tag-secondary-bg text-tag-secondary-text",
-    loading: "animate-pulse bg-disabled duration-700 opacity-70"
-  }
-}, p = r("aspect-square size-2 rounded-full border-0", {
-  variants: {
-    theme: {
-      info: "bg-info",
-      warn: "bg-warn",
-      muted: "bg-muted",
-      danger: "bg-danger",
-      neutral: "bg-muted",
-      primary: "bg-primary",
-      success: "bg-success",
-      secondary: "bg-secondary"
-    }
-  }
-}), x = r(
-  "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-pill border-0 align-middle transition-all duration-300 ease-linear",
-  {
-    variants: u,
-    defaultVariants: { theme: "primary", size: "default" }
-  }
-), z = m(function({ className: n, indicator: t = void 0, icon: s, loading: g, theme: a, size: i, ...e }, d) {
-  return /* @__PURE__ */ o(
-    l,
-    {
-      ...e,
-      ref: d,
-      "data-theme": a,
-      "data-component": "tag",
-      as: e.as ?? "span",
-      className: b(x({ size: i, theme: g ? "loading" : a }), n),
-      children: [
-        t ? /* @__PURE__ */ c("span", { "aria-hidden": "true", className: p({ theme: t === !0 ? a : t }) }) : null,
-        s,
-        e.children
-      ]
-    }
-  );
+import { t as e } from "../../dom-Bn4wY_Zx.js";
+import { t } from "../../dist-NmFtbuK4.js";
+import { t as n } from "../../polymorph-BLXhrn9n.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/core/tag.tsx
+var o = {
+	size: {
+		icon: "p-tag-padding-icon",
+		big: "h-tag-height-big px-tag-padding-x-big py-tag-padding-y-big",
+		default: "h-tag-height px-tag-padding-x py-tag-padding-y",
+		tiny: "h-tag-height-tiny px-tag-padding-x-tiny py-tag-padding-y-tiny text-typography-xs",
+		small: "h-tag-height-small px-tag-padding-x-small py-tag-padding-y-small text-typography-sm"
+	},
+	theme: {
+		custom: "",
+		info: "bg-tag-info-bg text-tag-info-text",
+		warn: "bg-tag-warn-bg text-tag-warn-text",
+		muted: "bg-tag-muted-bg text-tag-muted-text",
+		danger: "bg-tag-danger-bg text-tag-danger-text",
+		disabled: "bg-disabled duration-700 opacity-70",
+		primary: "bg-tag-primary-bg text-tag-primary-text",
+		success: "bg-tag-success-bg text-tag-success-text",
+		neutral: "bg-transparent border border-card-border",
+		secondary: "bg-tag-secondary-bg text-tag-secondary-text",
+		loading: "animate-pulse bg-disabled duration-700 opacity-70"
+	}
+}, s = t("aspect-square size-tag-indicator-size rounded-full border-0", { variants: { theme: {
+	info: "bg-info",
+	warn: "bg-warn",
+	muted: "bg-muted",
+	danger: "bg-danger",
+	neutral: "bg-muted",
+	primary: "bg-primary",
+	success: "bg-success",
+	secondary: "bg-secondary"
+} } }), c = t("inline-flex items-center justify-center gap-tag-gap whitespace-nowrap rounded-tag-radius border-0 align-middle transition-all duration-300 ease-linear", {
+	variants: o,
+	defaultVariants: {
+		theme: "primary",
+		size: "default"
+	}
+}), l = r(function({ className: t, indicator: r = void 0, icon: o, loading: l, theme: u, size: d, ...f }, p) {
+	return /* @__PURE__ */ a(n, {
+		...f,
+		ref: p,
+		"data-theme": u,
+		"data-component": "tag",
+		as: f.as ?? "span",
+		className: e(c({
+			size: d,
+			theme: l ? "loading" : u
+		}), t),
+		children: [
+			r ? /* @__PURE__ */ i("span", {
+				"aria-hidden": "true",
+				className: s({ theme: r === !0 ? u : r })
+			}) : null,
+			o,
+			f.children
+		]
+	});
 });
-export {
-  z as Tag
-};
-//# sourceMappingURL=tag.js.map
+//#endregion
+export { l as Tag };
+
+//# sourceMappingURL=tag.js.map

package/dist/components/core/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sources":["../../../src/components/core/tag.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React, { forwardRef } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants, Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"./polymorph\";\n\nconst variants = {\n    size: {\n        icon: \"p-1\",\n        big: \"h-12 px-6 py-4\",\n        default: \"h-8 px-4 py-2\",\n        tiny: \"h-5 p-1 px-2 text-xs\",\n        small: \"h-6 p-2 px-3 text-sm\",\n    },\n    theme: {\n        custom: \"\",\n        info: \"bg-tag-info-bg text-tag-info-text\",\n        warn: \"bg-tag-warn-bg text-tag-warn-text\",\n        muted: \"bg-tag-muted-bg text-tag-muted-text\",\n        danger: \"bg-tag-danger-bg text-tag-danger-text\",\n        disabled: \"bg-disabled duration-700 opacity-70\",\n        primary: \"bg-tag-primary-bg text-tag-primary-text\",\n        success: \"bg-tag-success-bg text-tag-success-text\",\n        neutral: \"bg-transparent border border-card-border\",\n        secondary: \"bg-tag-secondary-bg text-tag-secondary-text\",\n        loading: \"animate-pulse bg-disabled duration-700 opacity-70\",\n    },\n};\n\ntype Variants = CvaVariants<typeof variants>;\n\ntype Themes = NonNullable<Variants[\"theme\"]>;\n\nconst indicatorVariant = cva(\"aspect-square size-2 rounded-full border-0\", {\n    variants: {\n        theme: {\n            info: \"bg-info\",\n            warn: \"bg-warn\",\n            muted: \"bg-muted\",\n            danger: \"bg-danger\",\n            neutral: \"bg-muted\",\n            primary: \"bg-primary\",\n            success: \"bg-success\",\n            secondary: \"bg-secondary\",\n        } as Record<Themes, string>,\n    },\n});\n\nconst tagVariants = cva(\n    \"inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-pill border-0 align-middle transition-all duration-300 ease-linear\",\n    {\n        variants,\n        defaultVariants: { theme: \"primary\", size: \"default\" },\n    }\n);\n\nexport type TagProps<T extends React.ElementType = \"span\"> = PolymorphicProps<\n    CvaVariants<typeof variants> & Partial<{ icon: Label; loading: boolean; indicator: Themes | true }>,\n    T\n>;\n\nexport const Tag: <T extends React.ElementType = \"span\">(_: TagProps<T>) => React.ReactNode = forwardRef(function Tag<\n    T extends React.ElementType = \"span\",\n>({ className, indicator = undefined, icon, loading, theme, size, ...props }: TagProps<T>, ref: React.Ref<HTMLElement>) {\n    return (\n        <Polymorph\n            {...props}\n            ref={ref}\n            data-theme={theme}\n            data-component=\"tag\"\n            as={props.as ?? \"span\"}\n            className={css(tagVariants({ size, theme: loading ? \"loading\" : theme }), className)}\n        >\n            {indicator ? <span aria-hidden=\"true\" className={indicatorVariant({ theme: indicator === true ? theme : indicator })} /> : null}\n            {icon}\n            {props.children}\n        </Polymorph>\n    );\n}) as unknown as <T extends React.ElementType = \"span\">(_: TagProps<T>) => React.ReactNode;\n"],"names":["variants","indicatorVariant","cva","tagVariants","Tag","forwardRef","className","indicator","icon","loading","theme","size","props","ref","jsxs","Polymorph","css","jsx"],"mappings":";;;;;AAMA,MAAMA,IAAW;AAAA,EACb,MAAM;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACH,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,EAAA;AAEjB,GAMMC,IAAmBC,EAAI,8CAA8C;AAAA,EACvE,UAAU;AAAA,IACN,OAAO;AAAA,MACH,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACf;AAER,CAAC,GAEKC,IAAcD;AAAA,EAChB;AAAA,EACA;AAAA,IACI,UAAAF;AAAA,IACA,iBAAiB,EAAE,OAAO,WAAW,MAAM,UAAA;AAAA,EAAU;AAE7D,GAOaI,IAAiFC,EAAW,SAEvG,EAAE,WAAAC,GAAW,WAAAC,IAAY,QAAW,MAAAC,GAAM,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,GAAGC,EAAA,GAAsBC,GAA6B;AACpH,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,KAAAC;AAAA,MACA,cAAYH;AAAA,MACZ,kBAAe;AAAA,MACf,IAAIE,EAAM,MAAM;AAAA,MAChB,WAAWI,EAAIb,EAAY,EAAE,MAAAQ,GAAM,OAAOF,IAAU,YAAYC,GAAO,GAAGJ,CAAS;AAAA,MAElF,UAAA;AAAA,QAAAC,IAAY,gBAAAU,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWhB,EAAiB,EAAE,OAAOM,MAAc,KAAOG,IAAQH,EAAA,CAAW,GAAG,IAAK;AAAA,QAC1HC;AAAA,QACAI,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnB,CAAC;"}
+{"version":3,"file":"tag.js","names":[],"sources":["../../../src/components/core/tag.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React, { forwardRef } from \"react\";\nimport { css } from \"../../lib/dom\";\nimport { CvaVariants, Label } from \"../../types\";\nimport { Polymorph, PolymorphicProps } from \"./polymorph\";\n\nconst variants = {\n    size: {\n        icon: \"p-tag-padding-icon\",\n        big: \"h-tag-height-big px-tag-padding-x-big py-tag-padding-y-big\",\n        default: \"h-tag-height px-tag-padding-x py-tag-padding-y\",\n        tiny: \"h-tag-height-tiny px-tag-padding-x-tiny py-tag-padding-y-tiny text-typography-xs\",\n        small: \"h-tag-height-small px-tag-padding-x-small py-tag-padding-y-small text-typography-sm\",\n    },\n    theme: {\n        custom: \"\",\n        info: \"bg-tag-info-bg text-tag-info-text\",\n        warn: \"bg-tag-warn-bg text-tag-warn-text\",\n        muted: \"bg-tag-muted-bg text-tag-muted-text\",\n        danger: \"bg-tag-danger-bg text-tag-danger-text\",\n        disabled: \"bg-disabled duration-700 opacity-70\",\n        primary: \"bg-tag-primary-bg text-tag-primary-text\",\n        success: \"bg-tag-success-bg text-tag-success-text\",\n        neutral: \"bg-transparent border border-card-border\",\n        secondary: \"bg-tag-secondary-bg text-tag-secondary-text\",\n        loading: \"animate-pulse bg-disabled duration-700 opacity-70\",\n    },\n};\n\ntype Variants = CvaVariants<typeof variants>;\n\ntype Themes = NonNullable<Variants[\"theme\"]>;\n\nconst indicatorVariant = cva(\"aspect-square size-tag-indicator-size rounded-full border-0\", {\n    variants: {\n        theme: {\n            info: \"bg-info\",\n            warn: \"bg-warn\",\n            muted: \"bg-muted\",\n            danger: \"bg-danger\",\n            neutral: \"bg-muted\",\n            primary: \"bg-primary\",\n            success: \"bg-success\",\n            secondary: \"bg-secondary\",\n        } as Record<Themes, string>,\n    },\n});\n\nconst tagVariants = cva(\n    \"inline-flex items-center justify-center gap-tag-gap whitespace-nowrap rounded-tag-radius border-0 align-middle transition-all duration-300 ease-linear\",\n    {\n        variants,\n        defaultVariants: { theme: \"primary\", size: \"default\" },\n    }\n);\n\nexport type TagProps<T extends React.ElementType = \"span\"> = PolymorphicProps<\n    CvaVariants<typeof variants> & Partial<{ icon: Label; loading: boolean; indicator: Themes | true }>,\n    T\n>;\n\nexport const Tag: <T extends React.ElementType = \"span\">(_: TagProps<T>) => React.ReactNode = forwardRef(function Tag<\n    T extends React.ElementType = \"span\",\n>({ className, indicator = undefined, icon, loading, theme, size, ...props }: TagProps<T>, ref: React.Ref<HTMLElement>) {\n    return (\n        <Polymorph\n            {...props}\n            ref={ref}\n            data-theme={theme}\n            data-component=\"tag\"\n            as={props.as ?? \"span\"}\n            className={css(tagVariants({ size, theme: loading ? \"loading\" : theme }), className)}\n        >\n            {indicator ? (\n                <span\n                    aria-hidden=\"true\"\n                    className={indicatorVariant({\n                        theme: indicator === true ? theme : indicator,\n                    })}\n                />\n            ) : null}\n            {icon}\n            {props.children}\n        </Polymorph>\n    );\n}) as unknown as <T extends React.ElementType = \"span\">(_: TagProps<T>) => React.ReactNode;\n"],"mappings":";;;;;;AAMA,IAAM,IAAW;CACb,MAAM;EACF,MAAM;EACN,KAAK;EACL,SAAS;EACT,MAAM;EACN,OAAO;CACX;CACA,OAAO;EACH,QAAQ;EACR,MAAM;EACN,MAAM;EACN,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS;EACT,SAAS;EACT,SAAS;EACT,WAAW;EACX,SAAS;CACb;AACJ,GAMM,IAAmB,EAAI,+DAA+D,EACxF,UAAU,EACN,OAAO;CACH,MAAM;CACN,MAAM;CACN,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,WAAW;AACf,EACJ,EACJ,CAAC,GAEK,IAAc,EAChB,0JACA;CACI;CACA,iBAAiB;EAAE,OAAO;EAAW,MAAM;CAAU;AACzD,CACJ,GAOa,IAAiF,EAAW,SAEvG,EAAE,cAAW,eAAY,KAAA,GAAW,SAAM,YAAS,UAAO,SAAM,GAAG,KAAsB,GAA6B;CACpH,OACI,kBAAC,GAAD;EACI,GAAI;EACC;EACL,cAAY;EACZ,kBAAe;EACf,IAAI,EAAM,MAAM;EAChB,WAAW,EAAI,EAAY;GAAE;GAAM,OAAO,IAAU,YAAY;EAAM,CAAC,GAAG,CAAS;YANvF;GAQK,IACG,kBAAC,QAAD;IACI,eAAY;IACZ,WAAW,EAAiB,EACxB,OAAO,MAAc,KAAO,IAAQ,EACxC,CAAC;GACJ,CAAA,IACD;GACH;GACA,EAAM;EACA;;AAEnB,CAAC"}

package/dist/components/display/alert.js

@@ -1,96 +1,134 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { c as h } from "../../index-DlJ_2RBL.js";
-import { c as x } from "../../CheckCircle.es-C6QWLfk_.js";
-import { e as y } from "../../Info.es-CrZKs4q4.js";
-import { r as p } from "../../Warning.es-D_eI6tLe.js";
-import { e as v } from "../../X.es-BJ1O93El.js";
-import { forwardRef as w } from "react";
-import { u as N } from "../../use-translations-DSltA7H_.js";
-import { c as o } from "../../dom-CyQHY7ID.js";
-import { P as A } from "../../polymorph-B5n9fs_K.js";
-import { A as z, m as c } from "../../proxy-BZcQiBrp.js";
-const d = {
-  true: { opacity: 1, height: "auto" },
-  false: { opacity: [0.7, 0.3, 0], height: 0 }
-}, k = {
-  type: "tween",
-  duration: 0.7,
-  ease: [0.04, 0.62, 0.23, 0.98]
-}, P = (a) => /* @__PURE__ */ e(
-  c.div,
-  {
-    ...a,
-    layout: !0,
-    layoutRoot: !0,
-    layoutScroll: !0,
-    initial: !1,
-    variants: d,
-    exit: d.false,
-    transition: k,
-    "aria-hidden": !a.open,
-    "data-component": "collapse",
-    animate: a.open.toString(),
-    className: o("aria-hidden:pointer-events-none", a.className),
-    children: a.children
-  }
-), R = {
-  theme: {
-    primary: "bg-alert-primary-bg text-alert-primary-text border-alert-primary-border",
-    danger: "bg-alert-danger-bg text-alert-danger-text border-alert-danger-border",
-    info: "bg-alert-info-bg text-alert-info-text border-alert-info-border",
-    success: "bg-alert-success-bg text-alert-success-text border-alert-success-border",
-    secondary: "bg-alert-secondary-bg text-alert-secondary-text border-alert-secondary-border",
-    warn: "bg-alert-warn-bg text-alert-warn-text border-alert-warn-border",
-    neutral: "bg-transparent border border-card-border text-alert-primary-text"
-  }
-}, V = h("relative block w-full rounded-lg border p-4 text-sm", {
-  variants: R,
-  defaultVariants: { theme: "neutral" }
-}), F = w(function({ className: u, theme: t, Icon: n, onClose: i, open: r = !0, ...l }, m) {
-  const b = N(), f = () => i?.(!1), g = t === "danger" || t === "warn" ? "alert" : "status";
-  return /* @__PURE__ */ e(z, { presenceAffectsLayout: !0, propagate: !0, mode: "sync", children: r ? /* @__PURE__ */ e(
-    c.div,
-    {
-      "data-open": !!r,
-      "aria-hidden": !r,
-      "data-component": "alert",
-      className: o("isolate w-full", r ? "pointer-events-auto" : "pointer-events-none"),
-      children: /* @__PURE__ */ e(P, { "data-open": !!r, open: !!r, children: /* @__PURE__ */ e(
-        A,
-        {
-          ...l,
-          ref: m,
-          role: g,
-          "data-theme": t,
-          as: l.as || "div",
-          className: o(V({ theme: t }), u),
-          children: /* @__PURE__ */ s("div", { className: "grid grid-cols-[auto_1fr] gap-base", children: [
-            i !== void 0 && r ? /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                onClick: f,
-                "aria-label": b.closeButton,
-                className: "absolute right-3 top-3 text-foreground transition-colors duration-300 ease-in-out hover:text-danger",
-                children: /* @__PURE__ */ e(v, { size: 20, "aria-hidden": "true" })
-              }
-            ) : null,
-            /* @__PURE__ */ s("div", { className: o("flex items-center gap-2", l.title ? "" : "w-fit"), children: [
-              !n && t === "success" ? /* @__PURE__ */ e(x, { "aria-hidden": "true", size: 20 }) : null,
-              !n && t === "info" ? /* @__PURE__ */ e(y, { "aria-hidden": "true", size: 20 }) : null,
-              !n && t === "danger" ? /* @__PURE__ */ e(p, { "aria-hidden": "true", size: 20 }) : null,
-              n
-            ] }),
-            l.title ? /* @__PURE__ */ e("h4", { className: "tracking-3 col-start-2 text-balance text-lg font-semibold", children: l.title }) : null,
-            /* @__PURE__ */ e("div", { className: "col-start-2 w-full", children: l.children })
-          ] })
-        }
-      ) })
-    }
-  ) : null });
+"use client";
+import { r as e, t } from "../../proxy-BcJ_5Dwq.js";
+import { t as n } from "../../dom-Bn4wY_Zx.js";
+import { t as r } from "../../dist-NmFtbuK4.js";
+import { t as i } from "../../polymorph-BLXhrn9n.js";
+import { t as a } from "../../CheckCircle.es-BB91gLT-.js";
+import { t as o } from "../../Info.es-Dvln8pws.js";
+import { t as s } from "../../Warning.es-B_xCn-P5.js";
+import { t as c } from "../../X.es-Cjq2a_OA.js";
+import { t as l } from "../../use-translations-DTLfPE3_.js";
+import { forwardRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/display/alert.tsx
+var p = {
+	true: {
+		opacity: 1,
+		height: "auto"
+	},
+	false: {
+		opacity: [
+			.7,
+			.3,
+			0
+		],
+		height: 0
+	}
+}, m = {
+	type: "tween",
+	duration: .7,
+	ease: [
+		.04,
+		.62,
+		.23,
+		.98
+	]
+}, h = (e) => /* @__PURE__ */ d(t.div, {
+	...e,
+	layout: !0,
+	layoutRoot: !0,
+	layoutScroll: !0,
+	initial: !1,
+	variants: p,
+	exit: p.false,
+	transition: m,
+	"aria-hidden": !e.open,
+	"data-component": "collapse",
+	animate: e.open.toString(),
+	className: n("aria-hidden:pointer-events-none", e.className),
+	children: e.children
+}), g = r("text-typography-sm relative block w-full rounded-alert-radius border p-alert-p", {
+	variants: { theme: {
+		primary: "bg-alert-primary-bg text-alert-primary-text border-alert-primary-border",
+		danger: "bg-alert-danger-bg text-alert-danger-text border-alert-danger-border",
+		info: "bg-alert-info-bg text-alert-info-text border-alert-info-border",
+		success: "bg-alert-success-bg text-alert-success-text border-alert-success-border",
+		secondary: "bg-alert-secondary-bg text-alert-secondary-text border-alert-secondary-border",
+		warn: "bg-alert-warn-bg text-alert-warn-text border-alert-warn-border",
+		neutral: "bg-transparent border border-card-border text-alert-primary-text"
+	} },
+	defaultVariants: { theme: "neutral" }
+}), _ = u(function({ className: r, theme: u, Icon: p, onClose: m, open: _ = !0, ...v }, y) {
+	let b = l(), x = () => m?.(!1), S = u === "danger" || u === "warn" ? "alert" : "status";
+	return /* @__PURE__ */ d(e, {
+		presenceAffectsLayout: !0,
+		propagate: !0,
+		mode: "sync",
+		children: _ ? /* @__PURE__ */ d(t.div, {
+			"data-open": !!_,
+			"aria-hidden": !_,
+			"data-component": "alert",
+			className: n("isolate w-full", _ ? "pointer-events-auto" : "pointer-events-none"),
+			children: /* @__PURE__ */ d(h, {
+				"data-open": !!_,
+				open: !!_,
+				children: /* @__PURE__ */ d(i, {
+					...v,
+					ref: y,
+					role: S,
+					"data-theme": u,
+					as: v.as || "div",
+					className: n(g({ theme: u }), r),
+					children: /* @__PURE__ */ f("div", {
+						className: "flex flex-col gap-alert-gap",
+						children: [
+							m !== void 0 && _ ? /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: x,
+								"aria-label": b.closeButton,
+								className: "absolute right-alert-close-right top-alert-close-top text-foreground transition-colors duration-300 ease-in-out hover:text-danger",
+								children: /* @__PURE__ */ d(c, {
+									size: 20,
+									"aria-hidden": "true"
+								})
+							}) : null,
+							/* @__PURE__ */ f("div", {
+								className: "flex items-center gap-alert-gap",
+								children: [
+									!p && u === "success" ? /* @__PURE__ */ d(a, {
+										"aria-hidden": "true",
+										size: 20
+									}) : null,
+									!p && u === "info" ? /* @__PURE__ */ d(o, {
+										"aria-hidden": "true",
+										size: 20
+									}) : null,
+									!p && u === "danger" ? /* @__PURE__ */ d(s, {
+										"aria-hidden": "true",
+										size: 20
+									}) : null,
+									p,
+									v.title ? /* @__PURE__ */ d("h4", {
+										className: "tracking-3 text-typography-lg text-balance font-semibold",
+										children: v.title
+									}) : /* @__PURE__ */ d("div", {
+										className: "w-full",
+										children: v.children
+									})
+								]
+							}),
+							v.title ? /* @__PURE__ */ d("div", {
+								className: "w-full",
+								children: v.children
+							}) : null
+						]
+					})
+				})
+			})
+		}) : null
+	});
 });
-export {
-  F as Alert,
-  P as Collapse
-};
-//# sourceMappingURL=alert.js.map
+//#endregion
+export { _ as Alert, h as Collapse };
+
+//# sourceMappingURL=alert.js.map