@kuzenbo/core 0.0.3 → 0.0.5

package/dist/ui/alert.js

@@ -1,10 +1,12 @@
+"use client";
+
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 
 //#region src/ui/alert/alert-action.tsx
 const AlertAction = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("absolute group-data-[size=xs]/alert:top-1.5 group-data-[size=xs]/alert:right-1.5 group-data-[size=sm]/alert:top-2 group-data-[size=sm]/alert:right-2 group-data-[size=md]/alert:top-2 group-data-[size=md]/alert:right-2 group-data-[size=lg]/alert:top-2.5 group-data-[size=lg]/alert:right-2.5 group-data-[size=xl]/alert:top-3 group-data-[size=xl]/alert:right-3", className),
+	className: cn("absolute group-data-[size=lg]/alert:top-2.5 group-data-[size=lg]/alert:right-2.5 group-data-[size=md]/alert:top-2 group-data-[size=md]/alert:right-2 group-data-[size=sm]/alert:top-2 group-data-[size=sm]/alert:right-2 group-data-[size=xl]/alert:top-3 group-data-[size=xl]/alert:right-3 group-data-[size=xs]/alert:top-1.5 group-data-[size=xs]/alert:right-1.5", className),
 	"data-slot": "alert-action",
 	...props
 });
@@ -12,7 +14,7 @@ const AlertAction = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 //#endregion
 //#region src/ui/alert/alert-description.tsx
 const AlertDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("text-balance text-muted-foreground md:text-pretty group-data-[size=xs]/alert:text-xs group-data-[size=sm]/alert:text-sm group-data-[size=md]/alert:text-sm group-data-[size=lg]/alert:text-sm group-data-[size=xl]/alert:text-base [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+	className: cn("text-muted-foreground [&_a]:hover:text-foreground text-balance group-data-[size=lg]/alert:text-sm group-data-[size=md]/alert:text-sm group-data-[size=sm]/alert:text-sm group-data-[size=xl]/alert:text-base group-data-[size=xs]/alert:text-xs md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4", className),
 	"data-slot": "alert-description",
 	...props
 });
@@ -20,7 +22,7 @@ const AlertDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div",
 //#endregion
 //#region src/ui/alert/alert-title.tsx
 const AlertTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className),
+	className: cn("[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3", className),
 	"data-slot": "alert-title",
 	...props
 });
@@ -29,143 +31,120 @@ const AlertTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 //#region src/ui/alert/alert.tsx
 const alertVariants = tv({
 	base: [
-		"group/alert relative grid w-full rounded-lg border border-border text-left",
+		"group/alert border-border relative grid w-full rounded-lg border text-left",
 		"has-data-[slot=alert-action]:relative",
 		"has-[>svg]:grid-cols-[auto_1fr]",
 		"*:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current"
 	],
-	variants: {
-		variant: {
-			default: "[&_*[data-slot=alert-description]]:text-muted-foreground",
-			primary: "[&_*[data-slot=alert-description]]:text-primary/80",
-			secondary: "[&_*[data-slot=alert-description]]:text-secondary-foreground/80",
-			warning: "[&_*[data-slot=alert-description]]:text-warning-foreground/70",
-			danger: "[&_*[data-slot=alert-description]]:text-danger-foreground/70",
-			info: "[&_*[data-slot=alert-description]]:text-info-foreground/70",
-			success: "[&_*[data-slot=alert-description]]:text-success-foreground/70"
-		},
-		appearance: {
-			default: "",
-			subtle: "",
-			outline: "",
-			inverted: ""
-		},
-		size: {
-			xs: "gap-0.5 px-2.5 py-2 text-xs has-[>svg]:gap-x-2 has-data-[slot=alert-action]:pr-14 *:[svg:not([class*='size-'])]:size-3",
-			sm: "gap-0.5 px-3 py-2.5 text-sm has-[>svg]:gap-x-2.5 has-data-[slot=alert-action]:pr-16 *:[svg:not([class*='size-'])]:size-3.5",
-			md: "gap-0.5 px-4 py-3 text-sm has-[>svg]:gap-x-2.5 has-data-[slot=alert-action]:pr-18 *:[svg:not([class*='size-'])]:size-4",
-			lg: "gap-1 px-5 py-4 text-sm has-[>svg]:gap-x-3 has-data-[slot=alert-action]:pr-20 *:[svg:not([class*='size-'])]:size-4",
-			xl: "gap-1 px-6 py-5 text-base has-[>svg]:gap-x-3.5 has-data-[slot=alert-action]:pr-24 *:[svg:not([class*='size-'])]:size-5"
-		}
-	},
 	compoundVariants: [
 		{
 			appearance: "default",
-			variant: "default",
-			class: "bg-card text-card-foreground"
+			class: "bg-card text-card-foreground",
+			variant: "default"
 		},
 		{
 			appearance: "default",
-			variant: "primary",
-			class: "border-primary/30 bg-primary/10 text-primary"
+			class: "border-primary/30 bg-primary/10 text-primary",
+			variant: "primary"
 		},
 		{
 			appearance: "default",
-			variant: "secondary",
-			class: "border-border bg-secondary text-secondary-foreground"
+			class: "border-border bg-secondary text-secondary-foreground",
+			variant: "secondary"
 		},
 		{
 			appearance: "default",
-			variant: "warning",
-			class: "border-warning-border bg-warning text-warning-foreground"
+			class: "border-warning-border bg-warning text-warning-foreground",
+			variant: "warning"
 		},
 		{
 			appearance: "default",
-			variant: "danger",
-			class: "border-danger-border bg-danger text-danger-foreground"
+			class: "border-danger-border bg-danger text-danger-foreground",
+			variant: "danger"
 		},
 		{
 			appearance: "default",
-			variant: "info",
-			class: "border-info-border bg-info text-info-foreground"
+			class: "border-info-border bg-info text-info-foreground",
+			variant: "info"
 		},
 		{
 			appearance: "default",
-			variant: "success",
-			class: "border-success-border bg-success text-success-foreground"
+			class: "border-success-border bg-success text-success-foreground",
+			variant: "success"
 		},
 		{
 			appearance: "subtle",
-			variant: "default",
-			class: "border-border/70 bg-muted/40 text-foreground"
+			class: "border-border/70 bg-muted/40 text-foreground",
+			variant: "default"
 		},
 		{
 			appearance: "subtle",
-			variant: "primary",
-			class: "border-primary/20 bg-primary/5 text-primary"
+			class: "border-primary/20 bg-primary/5 text-primary",
+			variant: "primary"
 		},
 		{
 			appearance: "subtle",
-			variant: "secondary",
-			class: "border-border/70 bg-secondary/60 text-secondary-foreground"
+			class: "border-border/70 bg-secondary/60 text-secondary-foreground",
+			variant: "secondary"
 		},
 		{
 			appearance: "subtle",
-			variant: "warning",
-			class: "border-warning-border/70 bg-warning/60 text-warning-foreground"
+			class: "border-warning-border/70 bg-warning/60 text-warning-foreground",
+			variant: "warning"
 		},
 		{
 			appearance: "subtle",
-			variant: "danger",
-			class: "border-danger-border/70 bg-danger/60 text-danger-foreground"
+			class: "border-danger-border/70 bg-danger/60 text-danger-foreground",
+			variant: "danger"
 		},
 		{
 			appearance: "subtle",
-			variant: "info",
-			class: "border-info-border/70 bg-info/60 text-info-foreground"
+			class: "border-info-border/70 bg-info/60 text-info-foreground",
+			variant: "info"
 		},
 		{
 			appearance: "subtle",
-			variant: "success",
-			class: "border-success-border/70 bg-success/60 text-success-foreground"
+			class: "border-success-border/70 bg-success/60 text-success-foreground",
+			variant: "success"
 		},
 		{
 			appearance: "outline",
-			variant: "default",
-			class: "border-border bg-background text-foreground"
+			class: "border-border bg-background text-foreground",
+			variant: "default"
 		},
 		{
 			appearance: "outline",
-			variant: "primary",
-			class: "border-primary/40 bg-background text-primary"
+			class: "border-primary/40 bg-background text-primary",
+			variant: "primary"
 		},
 		{
 			appearance: "outline",
-			variant: "secondary",
-			class: "border-border bg-background text-secondary-foreground"
+			class: "border-border bg-background text-secondary-foreground",
+			variant: "secondary"
 		},
 		{
 			appearance: "outline",
-			variant: "warning",
-			class: "border-warning-border bg-background text-warning-foreground"
+			class: "border-warning-border bg-background text-warning-foreground",
+			variant: "warning"
 		},
 		{
 			appearance: "outline",
-			variant: "danger",
-			class: "border-danger-border bg-background text-danger-foreground"
+			class: "border-danger-border bg-background text-danger-foreground",
+			variant: "danger"
 		},
 		{
 			appearance: "outline",
-			variant: "info",
-			class: "border-info-border bg-background text-info-foreground"
+			class: "border-info-border bg-background text-info-foreground",
+			variant: "info"
 		},
 		{
 			appearance: "outline",
-			variant: "success",
-			class: "border-success-border bg-background text-success-foreground"
+			class: "border-success-border bg-background text-success-foreground",
+			variant: "success"
 		},
 		{
 			appearance: "inverted",
+			class: "bg-foreground text-background dark:bg-card dark:text-card-foreground [&_*[data-slot=alert-description]]:text-background/70 dark:[&_*[data-slot=alert-description]]:text-card-foreground/70 border-0",
 			variant: [
 				"default",
 				"primary",
@@ -174,44 +153,67 @@ const alertVariants = tv({
 				"danger",
 				"info",
 				"success"
-			],
-			class: "border-0 bg-foreground text-background dark:bg-card dark:text-card-foreground [&_*[data-slot=alert-description]]:text-background/70 dark:[&_*[data-slot=alert-description]]:text-card-foreground/70"
+			]
 		},
 		{
 			appearance: "inverted",
-			variant: "primary",
-			class: "[&>svg]:text-primary"
+			class: "[&>svg]:text-primary",
+			variant: "primary"
 		},
 		{
 			appearance: "inverted",
-			variant: "secondary",
-			class: "[&>svg]:text-muted-foreground"
+			class: "[&>svg]:text-muted-foreground",
+			variant: "secondary"
 		},
 		{
 			appearance: "inverted",
-			variant: "warning",
-			class: "[&>svg]:text-warning-foreground"
+			class: "[&>svg]:text-warning-foreground",
+			variant: "warning"
 		},
 		{
 			appearance: "inverted",
-			variant: "danger",
-			class: "[&>svg]:text-danger-foreground"
+			class: "[&>svg]:text-danger-foreground",
+			variant: "danger"
 		},
 		{
 			appearance: "inverted",
-			variant: "info",
-			class: "[&>svg]:text-info-foreground"
+			class: "[&>svg]:text-info-foreground",
+			variant: "info"
 		},
 		{
 			appearance: "inverted",
-			variant: "success",
-			class: "[&>svg]:text-success-foreground"
+			class: "[&>svg]:text-success-foreground",
+			variant: "success"
 		}
 	],
 	defaultVariants: {
 		appearance: "default",
 		size: "md",
 		variant: "default"
+	},
+	variants: {
+		appearance: {
+			default: "",
+			inverted: "",
+			outline: "",
+			subtle: ""
+		},
+		size: {
+			lg: "gap-1 px-5 py-4 text-sm has-data-[slot=alert-action]:pr-20 has-[>svg]:gap-x-3 *:[svg:not([class*='size-'])]:size-4",
+			md: "gap-0.5 px-4 py-3 text-sm has-data-[slot=alert-action]:pr-18 has-[>svg]:gap-x-2.5 *:[svg:not([class*='size-'])]:size-4",
+			sm: "gap-0.5 px-3 py-2.5 text-sm has-data-[slot=alert-action]:pr-16 has-[>svg]:gap-x-2.5 *:[svg:not([class*='size-'])]:size-3.5",
+			xl: "gap-1 px-6 py-5 text-base has-data-[slot=alert-action]:pr-24 has-[>svg]:gap-x-3.5 *:[svg:not([class*='size-'])]:size-5",
+			xs: "gap-0.5 px-2.5 py-2 text-xs has-data-[slot=alert-action]:pr-14 has-[>svg]:gap-x-2 *:[svg:not([class*='size-'])]:size-3"
+		},
+		variant: {
+			danger: "[&_*[data-slot=alert-description]]:text-danger-foreground/70",
+			default: "[&_*[data-slot=alert-description]]:text-muted-foreground",
+			info: "[&_*[data-slot=alert-description]]:text-info-foreground/70",
+			primary: "[&_*[data-slot=alert-description]]:text-primary/80",
+			secondary: "[&_*[data-slot=alert-description]]:text-secondary-foreground/80",
+			success: "[&_*[data-slot=alert-description]]:text-success-foreground/70",
+			warning: "[&_*[data-slot=alert-description]]:text-warning-foreground/70"
+		}
 	}
 });
 const Alert = ({ appearance, className, size: providedSize, variant, ...props }) => {
@@ -219,9 +221,9 @@ const Alert = ({ appearance, className, size: providedSize, variant, ...props })
 	return /* @__PURE__ */ jsx("div", {
 		className: alertVariants({
 			appearance,
+			className,
 			size,
-			variant,
-			className
+			variant
 		}),
 		"data-size": size,
 		"data-slot": "alert",

package/dist/ui/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../src/ui/alert/alert-action.tsx","../../src/ui/alert/alert-description.tsx","../../src/ui/alert/alert-title.tsx","../../src/ui/alert/alert.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertActionProps = ComponentProps<\"div\">;\n\nconst AlertAction = ({ className, ...props }: AlertActionProps) => (\n  <div\n    className={cn(\n      \"absolute group-data-[size=xs]/alert:top-1.5 group-data-[size=xs]/alert:right-1.5 group-data-[size=sm]/alert:top-2 group-data-[size=sm]/alert:right-2 group-data-[size=md]/alert:top-2 group-data-[size=md]/alert:right-2 group-data-[size=lg]/alert:top-2.5 group-data-[size=lg]/alert:right-2.5 group-data-[size=xl]/alert:top-3 group-data-[size=xl]/alert:right-3\",\n      className\n    )}\n    data-slot=\"alert-action\"\n    {...props}\n  />\n);\n\nexport { AlertAction };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDescriptionProps = ComponentProps<\"div\">;\n\nconst AlertDescription = ({ className, ...props }: AlertDescriptionProps) => (\n  <div\n    className={cn(\n      \"text-balance text-muted-foreground md:text-pretty group-data-[size=xs]/alert:text-xs group-data-[size=sm]/alert:text-sm group-data-[size=md]/alert:text-sm group-data-[size=lg]/alert:text-sm group-data-[size=xl]/alert:text-base [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n      className\n    )}\n    data-slot=\"alert-description\"\n    {...props}\n  />\n);\n\nexport { AlertDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertTitleProps = ComponentProps<\"div\">;\n\nconst AlertTitle = ({ className, ...props }: AlertTitleProps) => (\n  <div\n    className={cn(\n      \"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n      className\n    )}\n    data-slot=\"alert-title\"\n    {...props}\n  />\n);\n\nexport { AlertTitle };\n","import type { ComponentProps } from \"react\";\n\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { AlertAction } from \"./alert-action\";\nimport { AlertDescription } from \"./alert-description\";\nimport { AlertTitle } from \"./alert-title\";\n\nconst alertVariants = tv({\n  base: [\n    \"group/alert relative grid w-full rounded-lg border border-border text-left\",\n    \"has-data-[slot=alert-action]:relative\",\n    \"has-[>svg]:grid-cols-[auto_1fr]\",\n    \"*:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current\",\n  ],\n  variants: {\n    variant: {\n      default: \"[&_*[data-slot=alert-description]]:text-muted-foreground\",\n      primary: \"[&_*[data-slot=alert-description]]:text-primary/80\",\n      secondary:\n        \"[&_*[data-slot=alert-description]]:text-secondary-foreground/80\",\n      warning: \"[&_*[data-slot=alert-description]]:text-warning-foreground/70\",\n      danger: \"[&_*[data-slot=alert-description]]:text-danger-foreground/70\",\n      info: \"[&_*[data-slot=alert-description]]:text-info-foreground/70\",\n      success: \"[&_*[data-slot=alert-description]]:text-success-foreground/70\",\n    },\n    appearance: {\n      default: \"\",\n      subtle: \"\",\n      outline: \"\",\n      inverted: \"\",\n    },\n    size: {\n      xs: \"gap-0.5 px-2.5 py-2 text-xs has-[>svg]:gap-x-2 has-data-[slot=alert-action]:pr-14 *:[svg:not([class*='size-'])]:size-3\",\n      sm: \"gap-0.5 px-3 py-2.5 text-sm has-[>svg]:gap-x-2.5 has-data-[slot=alert-action]:pr-16 *:[svg:not([class*='size-'])]:size-3.5\",\n      md: \"gap-0.5 px-4 py-3 text-sm has-[>svg]:gap-x-2.5 has-data-[slot=alert-action]:pr-18 *:[svg:not([class*='size-'])]:size-4\",\n      lg: \"gap-1 px-5 py-4 text-sm has-[>svg]:gap-x-3 has-data-[slot=alert-action]:pr-20 *:[svg:not([class*='size-'])]:size-4\",\n      xl: \"gap-1 px-6 py-5 text-base has-[>svg]:gap-x-3.5 has-data-[slot=alert-action]:pr-24 *:[svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  compoundVariants: [\n    {\n      appearance: \"default\",\n      variant: \"default\",\n      class: \"bg-card text-card-foreground\",\n    },\n    {\n      appearance: \"default\",\n      variant: \"primary\",\n      class: \"border-primary/30 bg-primary/10 text-primary\",\n    },\n    {\n      appearance: \"default\",\n      variant: \"secondary\",\n      class: \"border-border bg-secondary text-secondary-foreground\",\n    },\n    {\n      appearance: \"default\",\n      variant: \"warning\",\n      class: \"border-warning-border bg-warning text-warning-foreground\",\n    },\n    {\n      appearance: \"default\",\n      variant: \"danger\",\n      class: \"border-danger-border bg-danger text-danger-foreground\",\n    },\n    {\n      appearance: \"default\",\n      variant: \"info\",\n      class: \"border-info-border bg-info text-info-foreground\",\n    },\n    {\n      appearance: \"default\",\n      variant: \"success\",\n      class: \"border-success-border bg-success text-success-foreground\",\n    },\n    {\n      appearance: \"subtle\",\n      variant: \"default\",\n      class: \"border-border/70 bg-muted/40 text-foreground\",\n    },\n    {\n      appearance: \"subtle\",\n      variant: \"primary\",\n      class: \"border-primary/20 bg-primary/5 text-primary\",\n    },\n    {\n      appearance: \"subtle\",\n      variant: \"secondary\",\n      class: \"border-border/70 bg-secondary/60 text-secondary-foreground\",\n    },\n    {\n      appearance: \"subtle\",\n      variant: \"warning\",\n      class: \"border-warning-border/70 bg-warning/60 text-warning-foreground\",\n    },\n    {\n      appearance: \"subtle\",\n      variant: \"danger\",\n      class: \"border-danger-border/70 bg-danger/60 text-danger-foreground\",\n    },\n    {\n      appearance: \"subtle\",\n      variant: \"info\",\n      class: \"border-info-border/70 bg-info/60 text-info-foreground\",\n    },\n    {\n      appearance: \"subtle\",\n      variant: \"success\",\n      class: \"border-success-border/70 bg-success/60 text-success-foreground\",\n    },\n    {\n      appearance: \"outline\",\n      variant: \"default\",\n      class: \"border-border bg-background text-foreground\",\n    },\n    {\n      appearance: \"outline\",\n      variant: \"primary\",\n      class: \"border-primary/40 bg-background text-primary\",\n    },\n    {\n      appearance: \"outline\",\n      variant: \"secondary\",\n      class: \"border-border bg-background text-secondary-foreground\",\n    },\n    {\n      appearance: \"outline\",\n      variant: \"warning\",\n      class: \"border-warning-border bg-background text-warning-foreground\",\n    },\n    {\n      appearance: \"outline\",\n      variant: \"danger\",\n      class: \"border-danger-border bg-background text-danger-foreground\",\n    },\n    {\n      appearance: \"outline\",\n      variant: \"info\",\n      class: \"border-info-border bg-background text-info-foreground\",\n    },\n    {\n      appearance: \"outline\",\n      variant: \"success\",\n      class: \"border-success-border bg-background text-success-foreground\",\n    },\n    {\n      appearance: \"inverted\",\n      variant: [\n        \"default\",\n        \"primary\",\n        \"secondary\",\n        \"warning\",\n        \"danger\",\n        \"info\",\n        \"success\",\n      ],\n      class:\n        \"border-0 bg-foreground text-background dark:bg-card dark:text-card-foreground [&_*[data-slot=alert-description]]:text-background/70 dark:[&_*[data-slot=alert-description]]:text-card-foreground/70\",\n    },\n    {\n      appearance: \"inverted\",\n      variant: \"primary\",\n      class: \"[&>svg]:text-primary\",\n    },\n    {\n      appearance: \"inverted\",\n      variant: \"secondary\",\n      class: \"[&>svg]:text-muted-foreground\",\n    },\n    {\n      appearance: \"inverted\",\n      variant: \"warning\",\n      class: \"[&>svg]:text-warning-foreground\",\n    },\n    {\n      appearance: \"inverted\",\n      variant: \"danger\",\n      class: \"[&>svg]:text-danger-foreground\",\n    },\n    {\n      appearance: \"inverted\",\n      variant: \"info\",\n      class: \"[&>svg]:text-info-foreground\",\n    },\n    {\n      appearance: \"inverted\",\n      variant: \"success\",\n      class: \"[&>svg]:text-success-foreground\",\n    },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\ntype AlertVariants = Omit<VariantProps<typeof alertVariants>, \"size\"> & {\n  size?: UISize;\n};\n\nexport type AlertProps = AlertVariants & ComponentProps<\"div\">;\n\nconst Alert = ({\n  appearance,\n  className,\n  size: providedSize,\n  variant,\n  ...props\n}: AlertProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <div\n      className={alertVariants({ appearance, size, variant, className })}\n      data-size={size}\n      data-slot=\"alert\"\n      role=\"alert\"\n      {...props}\n    />\n  );\n};\n\nAlert.Action = AlertAction;\nAlert.Description = AlertDescription;\nAlert.Title = AlertTitle;\n\nexport { Alert, alertVariants, AlertAction, AlertDescription, AlertTitle };\n\nexport type { AlertActionProps } from \"./alert-action\";\nexport type { AlertDescriptionProps } from \"./alert-description\";\nexport type { AlertTitleProps } from \"./alert-title\";\n"],"mappings":";;;;;AAKA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GACT,wWACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC;CACC,WAAW,GACT,uUACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,uHACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACFJ,MAAM,gBAAgB,GAAG;CACvB,MAAM;EACJ;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,WACE;GACF,SAAS;GACT,QAAQ;GACR,MAAM;GACN,SAAS;GACV;EACD,YAAY;GACV,SAAS;GACT,QAAQ;GACR,SAAS;GACT,UAAU;GACX;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,kBAAkB;EAChB;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,OACE;GACH;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACD;GACE,YAAY;GACZ,SAAS;GACT,OAAO;GACR;EACF;CACD,iBAAiB;EACf,YAAY;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAQF,MAAM,SAAS,EACb,YACA,WACA,MAAM,cACN,SACA,GAAG,YACa;CAChB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC;EACC,WAAW,cAAc;GAAE;GAAY;GAAM;GAAS;GAAW,CAAC;EAClE,aAAW;EACX,aAAU;EACV,MAAK;EACL,GAAI;GACJ;;AAIN,MAAM,SAAS;AACf,MAAM,cAAc;AACpB,MAAM,QAAQ"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../src/ui/alert/alert-action.tsx","../../src/ui/alert/alert-description.tsx","../../src/ui/alert/alert-title.tsx","../../src/ui/alert/alert.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertActionProps = ComponentProps<\"div\">;\n\nconst AlertAction = ({ className, ...props }: AlertActionProps) => (\n  <div\n    className={cn(\n      \"absolute group-data-[size=lg]/alert:top-2.5 group-data-[size=lg]/alert:right-2.5 group-data-[size=md]/alert:top-2 group-data-[size=md]/alert:right-2 group-data-[size=sm]/alert:top-2 group-data-[size=sm]/alert:right-2 group-data-[size=xl]/alert:top-3 group-data-[size=xl]/alert:right-3 group-data-[size=xs]/alert:top-1.5 group-data-[size=xs]/alert:right-1.5\",\n      className\n    )}\n    data-slot=\"alert-action\"\n    {...props}\n  />\n);\n\nexport { AlertAction };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDescriptionProps = ComponentProps<\"div\">;\n\nconst AlertDescription = ({ className, ...props }: AlertDescriptionProps) => (\n  <div\n    className={cn(\n      \"text-muted-foreground [&_a]:hover:text-foreground text-balance group-data-[size=lg]/alert:text-sm group-data-[size=md]/alert:text-sm group-data-[size=sm]/alert:text-sm group-data-[size=xl]/alert:text-base group-data-[size=xs]/alert:text-xs md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n      className\n    )}\n    data-slot=\"alert-description\"\n    {...props}\n  />\n);\n\nexport { AlertDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertTitleProps = ComponentProps<\"div\">;\n\nconst AlertTitle = ({ className, ...props }: AlertTitleProps) => (\n  <div\n    className={cn(\n      \"[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3\",\n      className\n    )}\n    data-slot=\"alert-title\"\n    {...props}\n  />\n);\n\nexport { AlertTitle };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { AlertAction } from \"./alert-action\";\nimport { AlertDescription } from \"./alert-description\";\nimport { AlertTitle } from \"./alert-title\";\n\nconst alertVariants = tv({\n  base: [\n    \"group/alert border-border relative grid w-full rounded-lg border text-left\",\n    \"has-data-[slot=alert-action]:relative\",\n    \"has-[>svg]:grid-cols-[auto_1fr]\",\n    \"*:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current\",\n  ],\n  compoundVariants: [\n    {\n      appearance: \"default\",\n      class: \"bg-card text-card-foreground\",\n      variant: \"default\",\n    },\n    {\n      appearance: \"default\",\n      class: \"border-primary/30 bg-primary/10 text-primary\",\n      variant: \"primary\",\n    },\n    {\n      appearance: \"default\",\n      class: \"border-border bg-secondary text-secondary-foreground\",\n      variant: \"secondary\",\n    },\n    {\n      appearance: \"default\",\n      class: \"border-warning-border bg-warning text-warning-foreground\",\n      variant: \"warning\",\n    },\n    {\n      appearance: \"default\",\n      class: \"border-danger-border bg-danger text-danger-foreground\",\n      variant: \"danger\",\n    },\n    {\n      appearance: \"default\",\n      class: \"border-info-border bg-info text-info-foreground\",\n      variant: \"info\",\n    },\n    {\n      appearance: \"default\",\n      class: \"border-success-border bg-success text-success-foreground\",\n      variant: \"success\",\n    },\n    {\n      appearance: \"subtle\",\n      class: \"border-border/70 bg-muted/40 text-foreground\",\n      variant: \"default\",\n    },\n    {\n      appearance: \"subtle\",\n      class: \"border-primary/20 bg-primary/5 text-primary\",\n      variant: \"primary\",\n    },\n    {\n      appearance: \"subtle\",\n      class: \"border-border/70 bg-secondary/60 text-secondary-foreground\",\n      variant: \"secondary\",\n    },\n    {\n      appearance: \"subtle\",\n      class: \"border-warning-border/70 bg-warning/60 text-warning-foreground\",\n      variant: \"warning\",\n    },\n    {\n      appearance: \"subtle\",\n      class: \"border-danger-border/70 bg-danger/60 text-danger-foreground\",\n      variant: \"danger\",\n    },\n    {\n      appearance: \"subtle\",\n      class: \"border-info-border/70 bg-info/60 text-info-foreground\",\n      variant: \"info\",\n    },\n    {\n      appearance: \"subtle\",\n      class: \"border-success-border/70 bg-success/60 text-success-foreground\",\n      variant: \"success\",\n    },\n    {\n      appearance: \"outline\",\n      class: \"border-border bg-background text-foreground\",\n      variant: \"default\",\n    },\n    {\n      appearance: \"outline\",\n      class: \"border-primary/40 bg-background text-primary\",\n      variant: \"primary\",\n    },\n    {\n      appearance: \"outline\",\n      class: \"border-border bg-background text-secondary-foreground\",\n      variant: \"secondary\",\n    },\n    {\n      appearance: \"outline\",\n      class: \"border-warning-border bg-background text-warning-foreground\",\n      variant: \"warning\",\n    },\n    {\n      appearance: \"outline\",\n      class: \"border-danger-border bg-background text-danger-foreground\",\n      variant: \"danger\",\n    },\n    {\n      appearance: \"outline\",\n      class: \"border-info-border bg-background text-info-foreground\",\n      variant: \"info\",\n    },\n    {\n      appearance: \"outline\",\n      class: \"border-success-border bg-background text-success-foreground\",\n      variant: \"success\",\n    },\n    {\n      appearance: \"inverted\",\n      class:\n        \"bg-foreground text-background dark:bg-card dark:text-card-foreground [&_*[data-slot=alert-description]]:text-background/70 dark:[&_*[data-slot=alert-description]]:text-card-foreground/70 border-0\",\n      variant: [\n        \"default\",\n        \"primary\",\n        \"secondary\",\n        \"warning\",\n        \"danger\",\n        \"info\",\n        \"success\",\n      ],\n    },\n    {\n      appearance: \"inverted\",\n      class: \"[&>svg]:text-primary\",\n      variant: \"primary\",\n    },\n    {\n      appearance: \"inverted\",\n      class: \"[&>svg]:text-muted-foreground\",\n      variant: \"secondary\",\n    },\n    {\n      appearance: \"inverted\",\n      class: \"[&>svg]:text-warning-foreground\",\n      variant: \"warning\",\n    },\n    {\n      appearance: \"inverted\",\n      class: \"[&>svg]:text-danger-foreground\",\n      variant: \"danger\",\n    },\n    {\n      appearance: \"inverted\",\n      class: \"[&>svg]:text-info-foreground\",\n      variant: \"info\",\n    },\n    {\n      appearance: \"inverted\",\n      class: \"[&>svg]:text-success-foreground\",\n      variant: \"success\",\n    },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    appearance: {\n      default: \"\",\n      inverted: \"\",\n      outline: \"\",\n      subtle: \"\",\n    },\n    size: {\n      lg: \"gap-1 px-5 py-4 text-sm has-data-[slot=alert-action]:pr-20 has-[>svg]:gap-x-3 *:[svg:not([class*='size-'])]:size-4\",\n      md: \"gap-0.5 px-4 py-3 text-sm has-data-[slot=alert-action]:pr-18 has-[>svg]:gap-x-2.5 *:[svg:not([class*='size-'])]:size-4\",\n      sm: \"gap-0.5 px-3 py-2.5 text-sm has-data-[slot=alert-action]:pr-16 has-[>svg]:gap-x-2.5 *:[svg:not([class*='size-'])]:size-3.5\",\n      xl: \"gap-1 px-6 py-5 text-base has-data-[slot=alert-action]:pr-24 has-[>svg]:gap-x-3.5 *:[svg:not([class*='size-'])]:size-5\",\n      xs: \"gap-0.5 px-2.5 py-2 text-xs has-data-[slot=alert-action]:pr-14 has-[>svg]:gap-x-2 *:[svg:not([class*='size-'])]:size-3\",\n    },\n    variant: {\n      danger: \"[&_*[data-slot=alert-description]]:text-danger-foreground/70\",\n      default: \"[&_*[data-slot=alert-description]]:text-muted-foreground\",\n      info: \"[&_*[data-slot=alert-description]]:text-info-foreground/70\",\n      primary: \"[&_*[data-slot=alert-description]]:text-primary/80\",\n      secondary:\n        \"[&_*[data-slot=alert-description]]:text-secondary-foreground/80\",\n      success: \"[&_*[data-slot=alert-description]]:text-success-foreground/70\",\n      warning: \"[&_*[data-slot=alert-description]]:text-warning-foreground/70\",\n    },\n  },\n});\n\ntype AlertVariants = Omit<VariantProps<typeof alertVariants>, \"size\"> & {\n  size?: UISize;\n};\n\nexport type AlertProps = AlertVariants & ComponentProps<\"div\">;\n\nconst Alert = ({\n  appearance,\n  className,\n  size: providedSize,\n  variant,\n  ...props\n}: AlertProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <div\n      className={alertVariants({ appearance, className, size, variant })}\n      data-size={size}\n      data-slot=\"alert\"\n      role=\"alert\"\n      {...props}\n    />\n  );\n};\n\nAlert.Action = AlertAction;\nAlert.Description = AlertDescription;\nAlert.Title = AlertTitle;\n\nexport { Alert, alertVariants, AlertAction, AlertDescription, AlertTitle };\n\nexport type { AlertActionProps } from \"./alert-action\";\nexport type { AlertDescriptionProps } from \"./alert-description\";\nexport type { AlertTitleProps } from \"./alert-title\";\n"],"mappings":"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"}

package/dist/ui/announcement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"announcement.d.ts","names":[],"sources":["../../src/ui/announcement/announcement-tag.tsx","../../src/ui/announcement/announcement-title.tsx","../../src/ui/announcement/announcement.tsx"],"mappings":";;;;;KAIY,oBAAA,GAAuB,cAAA,CAAe,cAAA;AAAA,cAErC,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAG7B,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLX,sBAAA,GAAyB,cAAA,CAAe,cAAA;AAAA,cAEvC,iBAAA;EAAqB,SAAA;EAAA,GAAA;AAAA,GAG/B,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDb,iBAAA,GAAoB,cAAA,QAAsB,KAAA;EACpD,MAAA;AAAA;AAAA,cAGI,YAAA;EAAA;;;;;KAKH,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"announcement.d.ts","names":[],"sources":["../../src/ui/announcement/announcement-tag.tsx","../../src/ui/announcement/announcement-title.tsx","../../src/ui/announcement/announcement.tsx"],"mappings":";;;;;KAGY,oBAAA,GAAuB,cAAA,CAAe,cAAA;AAAA,cAErC,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAG7B,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLX,sBAAA,GAAyB,cAAA,CAAe,cAAA;AAAA,cAEvC,iBAAA;EAAqB,SAAA;EAAA,GAAA;AAAA,GAG/B,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCCb,iBAAA,GAAoB,cAAA,QAAsB,KAAA;EACpD,MAAA;AAAA;AAAA,cAGI,YAAA;EAAA;;;;;KAKH,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/announcement.js

@@ -1,10 +1,12 @@
-import { Badge } from "./badge.js";
+"use client";
+
+import { t as Badge } from "../badge-BKRm6jL7.js";
 import { jsx } from "react/jsx-runtime";
 import { cn } from "tailwind-variants";
 
 //#region src/ui/announcement/announcement-tag.tsx
 const AnnouncementTag = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("-ml-2.5 shrink-0 truncate rounded-full bg-foreground/5 px-2.5 py-1 text-xs", "group-[.announcement-themed]:bg-background/60", className),
+	className: cn("bg-foreground/5 -ml-2.5 shrink-0 truncate rounded-full px-2.5 py-1 text-xs", "group-[.announcement-themed]:bg-background/60", className),
 	...props
 });
 
@@ -18,7 +20,7 @@ const AnnouncementTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div"
 //#endregion
 //#region src/ui/announcement/announcement.tsx
 const Announcement = ({ variant = "outline", themed = false, className, ...props }) => /* @__PURE__ */ jsx(Badge, {
-	className: cn("group max-w-full gap-2 rounded-full bg-background px-3 py-0.5 font-medium shadow-sm transition-all", "hover:shadow-md", themed && "announcement-themed border-foreground/5", className),
+	className: cn("group bg-background max-w-full gap-2 rounded-full px-3 py-0.5 font-medium shadow-sm transition-all", "hover:shadow-md", themed && "announcement-themed border-foreground/5", className),
 	variant,
 	...props
 });

package/dist/ui/announcement.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement.js","names":[],"sources":["../../src/ui/announcement/announcement-tag.tsx","../../src/ui/announcement/announcement-title.tsx","../../src/ui/announcement/announcement.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type AnnouncementTagProps = HTMLAttributes<HTMLDivElement>;\n\nexport const AnnouncementTag = ({\n  className,\n  ...props\n}: AnnouncementTagProps) => (\n  <div\n    className={cn(\n      \"-ml-2.5 shrink-0 truncate rounded-full bg-foreground/5 px-2.5 py-1 text-xs\",\n      \"group-[.announcement-themed]:bg-background/60\",\n      className\n    )}\n    {...props}\n  />\n);\n","import type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type AnnouncementTitleProps = HTMLAttributes<HTMLDivElement>;\n\nexport const AnnouncementTitle = ({\n  className,\n  ...props\n}: AnnouncementTitleProps) => (\n  <div\n    className={cn(\"flex items-center gap-1 truncate py-1\", className)}\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Badge } from \"../badge/badge\";\nimport { AnnouncementTag } from \"./announcement-tag\";\nimport { AnnouncementTitle } from \"./announcement-title\";\n\nexport type AnnouncementProps = ComponentProps<typeof Badge> & {\n  themed?: boolean;\n};\n\nconst Announcement = ({\n  variant = \"outline\",\n  themed = false,\n  className,\n  ...props\n}: AnnouncementProps) => (\n  <Badge\n    className={cn(\n      \"group max-w-full gap-2 rounded-full bg-background px-3 py-0.5 font-medium shadow-sm transition-all\",\n      \"hover:shadow-md\",\n      themed && \"announcement-themed border-foreground/5\",\n      className\n    )}\n    variant={variant}\n    {...props}\n  />\n);\n\nAnnouncement.Tag = AnnouncementTag;\nAnnouncement.Title = AnnouncementTitle;\n\nexport type { AnnouncementTagProps } from \"./announcement-tag\";\nexport type { AnnouncementTitleProps } from \"./announcement-title\";\n\nexport { Announcement, AnnouncementTag, AnnouncementTitle };\n"],"mappings":";;;;;AAMA,MAAa,mBAAmB,EAC9B,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,8EACA,iDACA,UACD;CACD,GAAI;EACJ;;;;ACXJ,MAAa,qBAAqB,EAChC,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,yCAAyC,UAAU;CACjE,GAAI;EACJ;;;;ACDJ,MAAM,gBAAgB,EACpB,UAAU,WACV,SAAS,OACT,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,sGACA,mBACA,UAAU,2CACV,UACD;CACQ;CACT,GAAI;EACJ;AAGJ,aAAa,MAAM;AACnB,aAAa,QAAQ"}
+{"version":3,"file":"announcement.js","names":[],"sources":["../../src/ui/announcement/announcement-tag.tsx","../../src/ui/announcement/announcement-title.tsx","../../src/ui/announcement/announcement.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AnnouncementTagProps = HTMLAttributes<HTMLDivElement>;\n\nexport const AnnouncementTag = ({\n  className,\n  ...props\n}: AnnouncementTagProps) => (\n  <div\n    className={cn(\n      \"bg-foreground/5 -ml-2.5 shrink-0 truncate rounded-full px-2.5 py-1 text-xs\",\n      \"group-[.announcement-themed]:bg-background/60\",\n      className\n    )}\n    {...props}\n  />\n);\n","import type { HTMLAttributes } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AnnouncementTitleProps = HTMLAttributes<HTMLDivElement>;\n\nexport const AnnouncementTitle = ({\n  className,\n  ...props\n}: AnnouncementTitleProps) => (\n  <div\n    className={cn(\"flex items-center gap-1 truncate py-1\", className)}\n    {...props}\n  />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Badge } from \"../badge/badge\";\nimport { AnnouncementTag } from \"./announcement-tag\";\nimport { AnnouncementTitle } from \"./announcement-title\";\n\nexport type AnnouncementProps = ComponentProps<typeof Badge> & {\n  themed?: boolean;\n};\n\nconst Announcement = ({\n  variant = \"outline\",\n  themed = false,\n  className,\n  ...props\n}: AnnouncementProps) => (\n  <Badge\n    className={cn(\n      \"group bg-background max-w-full gap-2 rounded-full px-3 py-0.5 font-medium shadow-sm transition-all\",\n      \"hover:shadow-md\",\n      themed && \"announcement-themed border-foreground/5\",\n      className\n    )}\n    variant={variant}\n    {...props}\n  />\n);\n\nAnnouncement.Tag = AnnouncementTag;\nAnnouncement.Title = AnnouncementTitle;\n\nexport type { AnnouncementTagProps } from \"./announcement-tag\";\nexport type { AnnouncementTitleProps } from \"./announcement-title\";\n\nexport { Announcement, AnnouncementTag, AnnouncementTitle };\n"],"mappings":";;;;;;;AAKA,MAAa,mBAAmB,EAC9B,WACA,GAAG,YAEH,oBAAC,OAAD;CACE,WAAW,GACT,8EACA,iDACA,UACD;CACD,GAAI;CACJ;;;;ACXJ,MAAa,qBAAqB,EAChC,WACA,GAAG,YAEH,oBAAC,OAAD;CACE,WAAW,GAAG,yCAAyC,UAAU;CACjE,GAAI;CACJ;;;;ACCJ,MAAM,gBAAgB,EACpB,UAAU,WACV,SAAS,OACT,WACA,GAAG,YAEH,oBAAC,OAAD;CACE,WAAW,GACT,sGACA,mBACA,UAAU,2CACV,UACD;CACQ;CACT,GAAI;CACJ;AAGJ,aAAa,MAAM;AACnB,aAAa,QAAQ"}

package/dist/ui/aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.d.ts","names":[],"sources":["../../src/ui/aspect-ratio/aspect-ratio.tsx"],"mappings":";;;;KAGY,gBAAA,GAAmB,cAAA;EAA0B,KAAA;AAAA;AAAA,cAEnD,WAAA;EAAe,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAgC,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"aspect-ratio.d.ts","names":[],"sources":["../../src/ui/aspect-ratio/aspect-ratio.tsx"],"mappings":";;;;KAEY,gBAAA,GAAmB,cAAA;EAA0B,KAAA;AAAA;AAAA,cAEnD,WAAA;EAAe,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAgC,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/aspect-ratio.js.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../src/ui/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AspectRatioProps = ComponentProps<\"div\"> & { ratio: number };\n\nconst AspectRatio = ({ ratio, className, ...props }: AspectRatioProps) => (\n  <div\n    className={cn(\"relative aspect-(--ratio)\", className)}\n    data-slot=\"aspect-ratio\"\n    style={\n      {\n        \"--ratio\": ratio,\n      } as CSSProperties\n    }\n    {...props}\n  />\n);\n\nexport { AspectRatio };\n"],"mappings":";;;;AAKA,MAAM,eAAe,EAAE,OAAO,WAAW,GAAG,YAC1C,oBAAC;CACC,WAAW,GAAG,6BAA6B,UAAU;CACrD,aAAU;CACV,OACE,EACE,WAAW,OACZ;CAEH,GAAI;EACJ"}
+{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../src/ui/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AspectRatioProps = ComponentProps<\"div\"> & { ratio: number };\n\nconst AspectRatio = ({ ratio, className, ...props }: AspectRatioProps) => (\n  <div\n    className={cn(\"relative aspect-(--ratio)\", className)}\n    data-slot=\"aspect-ratio\"\n    style={\n      {\n        \"--ratio\": ratio,\n      } as CSSProperties\n    }\n    {...props}\n  />\n);\n\nexport { AspectRatio };\n"],"mappings":";;;;AAIA,MAAM,eAAe,EAAE,OAAO,WAAW,GAAG,YAC1C,oBAAC,OAAD;CACE,WAAW,GAAG,6BAA6B,UAAU;CACrD,aAAU;CACV,OACE,EACE,WAAW,OACZ;CAEH,GAAI;CACJ"}