@kuzenbo/core 0.0.2 → 0.0.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","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"],"mappings":";;;;;;;KAGY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,qBAAA,GAAwB,cAAA;AAAA,cAE9B,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF5D,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCQtD,aAAA,EA4LJ,kBAAA,CA5LiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4LjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;KAEG,aAAA,GAAgB,IAAA,CAAK,YAAA,QAAoB,aAAA;EAC5C,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,UAAA,GAAa,aAAA,GAAgB,cAAA;AAAA,cAEnC,KAAA;EAAA;;;;;;KAMH,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/alert.js

@@ -0,0 +1,240 @@
+"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),
+	"data-slot": "alert-action",
+	...props
+});
+
+//#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),
+	"data-slot": "alert-description",
+	...props
+});
+
+//#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),
+	"data-slot": "alert-title",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert/alert.tsx
+const alertVariants = tv({
+	base: [
+		"group/alert relative grid w-full rounded-lg border border-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"
+		},
+		{
+			appearance: "default",
+			variant: "primary",
+			class: "border-primary/30 bg-primary/10 text-primary"
+		},
+		{
+			appearance: "default",
+			variant: "secondary",
+			class: "border-border bg-secondary text-secondary-foreground"
+		},
+		{
+			appearance: "default",
+			variant: "warning",
+			class: "border-warning-border bg-warning text-warning-foreground"
+		},
+		{
+			appearance: "default",
+			variant: "danger",
+			class: "border-danger-border bg-danger text-danger-foreground"
+		},
+		{
+			appearance: "default",
+			variant: "info",
+			class: "border-info-border bg-info text-info-foreground"
+		},
+		{
+			appearance: "default",
+			variant: "success",
+			class: "border-success-border bg-success text-success-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "default",
+			class: "border-border/70 bg-muted/40 text-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "primary",
+			class: "border-primary/20 bg-primary/5 text-primary"
+		},
+		{
+			appearance: "subtle",
+			variant: "secondary",
+			class: "border-border/70 bg-secondary/60 text-secondary-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "warning",
+			class: "border-warning-border/70 bg-warning/60 text-warning-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "danger",
+			class: "border-danger-border/70 bg-danger/60 text-danger-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "info",
+			class: "border-info-border/70 bg-info/60 text-info-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "success",
+			class: "border-success-border/70 bg-success/60 text-success-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "default",
+			class: "border-border bg-background text-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "primary",
+			class: "border-primary/40 bg-background text-primary"
+		},
+		{
+			appearance: "outline",
+			variant: "secondary",
+			class: "border-border bg-background text-secondary-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "warning",
+			class: "border-warning-border bg-background text-warning-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "danger",
+			class: "border-danger-border bg-background text-danger-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "info",
+			class: "border-info-border bg-background text-info-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "success",
+			class: "border-success-border bg-background text-success-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: [
+				"default",
+				"primary",
+				"secondary",
+				"warning",
+				"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"
+		},
+		{
+			appearance: "inverted",
+			variant: "secondary",
+			class: "[&>svg]:text-muted-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: "warning",
+			class: "[&>svg]:text-warning-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: "danger",
+			class: "[&>svg]:text-danger-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: "info",
+			class: "[&>svg]:text-info-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: "success",
+			class: "[&>svg]:text-success-foreground"
+		}
+	],
+	defaultVariants: {
+		appearance: "default",
+		size: "md",
+		variant: "default"
+	}
+});
+const Alert = ({ appearance, className, size: providedSize, variant, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx("div", {
+		className: alertVariants({
+			appearance,
+			size,
+			variant,
+			className
+		}),
+		"data-size": size,
+		"data-slot": "alert",
+		role: "alert",
+		...props
+	});
+};
+Alert.Action = AlertAction;
+Alert.Description = AlertDescription;
+Alert.Title = AlertTitle;
+
+//#endregion
+export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants };
+//# sourceMappingURL=alert.js.map

package/dist/ui/alert.js.map

@@ -0,0 +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","\"use client\";\n\nimport 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;;;;ACAJ,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"}

package/dist/ui/announcement.d.ts

@@ -0,0 +1,41 @@
+import { Badge } from "./badge.js";
+import { ComponentProps, HTMLAttributes } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/announcement/announcement-tag.d.ts
+type AnnouncementTagProps = HTMLAttributes<HTMLDivElement>;
+declare const AnnouncementTag: ({
+  className,
+  ...props
+}: AnnouncementTagProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/announcement/announcement-title.d.ts
+type AnnouncementTitleProps = HTMLAttributes<HTMLDivElement>;
+declare const AnnouncementTitle: ({
+  className,
+  ...props
+}: AnnouncementTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/announcement/announcement.d.ts
+type AnnouncementProps = ComponentProps<typeof Badge> & {
+  themed?: boolean;
+};
+declare const Announcement: {
+  ({
+    variant,
+    themed,
+    className,
+    ...props
+  }: AnnouncementProps): react_jsx_runtime0.JSX.Element;
+  Tag: ({
+    className,
+    ...props
+  }: AnnouncementTagProps) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: AnnouncementTitleProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Announcement, AnnouncementProps, AnnouncementTag, type AnnouncementTagProps, AnnouncementTitle, type AnnouncementTitleProps };
+//# sourceMappingURL=announcement.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/announcement.js

@@ -0,0 +1,30 @@
+import { Badge } from "./badge.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),
+	...props
+});
+
+//#endregion
+//#region src/ui/announcement/announcement-title.tsx
+const AnnouncementTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center gap-1 truncate py-1", className),
+	...props
+});
+
+//#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),
+	variant,
+	...props
+});
+Announcement.Tag = AnnouncementTag;
+Announcement.Title = AnnouncementTitle;
+
+//#endregion
+export { Announcement, AnnouncementTag, AnnouncementTitle };
+//# sourceMappingURL=announcement.js.map

package/dist/ui/announcement.js.map

@@ -0,0 +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"}

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

@@ -0,0 +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"}

package/dist/ui/aspect-ratio.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+
+//#region src/ui/aspect-ratio/aspect-ratio.tsx
+const AspectRatio = ({ ratio, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("relative aspect-(--ratio)", className),
+	"data-slot": "aspect-ratio",
+	style: { "--ratio": ratio },
+	...props
+});
+
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.js.map

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

@@ -0,0 +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"}