@giddaa-housing/ui 0.1.0 → 1.0.0

package/css/theme.css

@@ -0,0 +1,255 @@
+@theme static {
+	--font-sans:
+		ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+		sans-serif;
+
+	--radius-sm: 0.25rem; /* 4px */
+	--radius-md: 0.5rem; /* 8px */
+	--radius-lg: 0.75rem; /* 12px */
+	--radius-xl: 1rem; /* 16px */
+	--radius-2xl: 1.5rem; /* 24px */
+	--radius-3xl: 2.5rem; /* 40px */
+	--radius-4xl: 5rem; /* 80px */
+
+	--spacing-gdt-xs: 0.25rem; /* 4px */
+	--spacing-gdt-sm: 0.5rem; /* 8px */
+	--spacing-gdt-md: 0.75rem; /* 12px */
+	--spacing-gdt-lg: 1rem; /* 16px */
+	--spacing-gdt-xl: 1.5rem; /* 24px */
+	--spacing-gdt-2xl: 2rem; /* 32px */
+	--spacing-gdt-3xl: 2.5rem; /* 40px */
+	--spacing-gdt-4xl: 3rem; /* 48px */
+	--spacing-gdt-5xl: 4rem; /* 64px */
+	--spacing-gdt-6xl: 5rem; /* 80px */
+	--spacing-gdt-7xl: 7.5rem; /* 120px */
+
+	--text-gdt-display: 3.75rem; /* 60px */
+	--text-gdt-display--line-height: 4.5rem; /* 72px */
+	--text-gdt-display--letter-spacing: -0.02em;
+	--text-gdt-display--font-weight: 800;
+
+	--text-gdt-h1: 2.5rem; /* 40px */
+	--text-gdt-h1--line-height: 3.75rem; /* 60px */
+	--text-gdt-h1--letter-spacing: -0.02em;
+	--text-gdt-h1--font-weight: 800;
+
+	--text-gdt-h2: 2rem; /* 32px */
+	--text-gdt-h2--line-height: 2.625rem; /* 42px */
+	--text-gdt-h2--letter-spacing: -0.02em;
+	--text-gdt-h2--font-weight: 800;
+
+	--text-gdt-h3: 1.5rem; /* 24px */
+	--text-gdt-h3--line-height: 2.125rem; /* 34px */
+	--text-gdt-h3--font-weight: 800;
+
+	--text-gdt-h4: 1.25rem; /* 20px */
+	--text-gdt-h4--line-height: 1.875rem; /* 30px */
+	--text-gdt-h4--font-weight: 800;
+
+	--text-gdt-h5: 1rem; /* 16px */
+	--text-gdt-h5--line-height: 1.625rem; /* 26px */
+	--text-gdt-h5--font-weight: 800;
+
+	--text-gdt-xl: 1.25rem; /* 20px */
+	--text-gdt-xl--line-height: 1.875rem; /* 30px */
+
+	--text-gdt-lg: 1.125rem; /* 18px */
+	--text-gdt-lg--line-height: 1.75rem; /* 28px */
+
+	--text-gdt-md: 1rem; /* 16px */
+	--text-gdt-md--line-height: 1.625rem; /* 26px */
+
+	--text-gdt-sm: 0.875rem; /* 14px */
+	--text-gdt-sm--line-height: 1.5rem; /* 24px */
+
+	--text-gdt-xs: 0.75rem; /* 12px */
+	--text-gdt-xs--line-height: 1.375rem; /* 22px */
+
+	--text-gdt-subtext: 0.6875rem; /* 11px */
+	--text-gdt-subtext--line-height: 1.3125rem; /* 21px */
+
+	--text-gdt-capitalized: 0.625rem; /* 10px */
+	--text-gdt-capitalized--line-height: 1.25rem; /* 20px */
+	--text-gdt-capitalized--font-weight: 700;
+
+	--color-canvas: #ffffff;
+	--color-surface: #f8fafc;
+	--color-surface-raised: #f1f5f9;
+	--color-surface-overlay: #ffffff;
+	--color-surface-brand: #2563eb;
+	--color-surface-brand-subtle: #eff6ff;
+	--color-surface-accent: #d97706;
+	--color-surface-accent-subtle: #fffbeb;
+	--color-surface-danger-subtle: #fef2f2;
+	--color-surface-info-subtle: #eff6ff;
+	--color-surface-glass-button: rgb(15 23 42);
+	--color-surface-glass-overlay-button: rgb(15 23 42 / 0.5);
+	--color-surface-glass-overlay-container-1: rgb(255 255 255 / 0.85);
+	--color-surface-glass-overlay-container-2: rgb(255 255 255 / 0.95);
+
+	--color-fg-primary: #0f172a;
+	--color-fg-secondary: #475569;
+	--color-fg-caption-placeholder: #64748b;
+	--color-fg-brand: #1d4ed8;
+	--color-fg-danger: #dc2626;
+	--color-fg-accent: #b45309;
+	--color-fg-on-brand: #ffffff;
+	--color-fg-on-accent: #1f2937;
+
+	--color-line-subtle: #e2e8f0;
+	--color-line: #cbd5e1;
+	--color-line-strong: #94a3b8;
+	--color-line-focus: #2563eb;
+	--color-line-danger: #ef4444;
+
+	--color-action-primary: #2563eb;
+	--color-action-primary-hover: #1d4ed8;
+	--color-action-primary-pressed: #1e40af;
+	--color-action-secondary: #2563eb;
+	--color-action-secondary-hover: #1d4ed8;
+	--color-action-secondary-pressed: #1e40af;
+	--color-action-tertiary: #f1f5f9;
+	--color-action-tertiary-hover: #e2e8f0;
+	--color-action-tertiary-pressed: #cbd5e1;
+	--color-action-accent: #d97706;
+	--color-action-danger: #ef4444;
+	--color-action-danger-hover: #dc2626;
+	--color-action-danger-pressed: #b91c1c;
+	--color-whatsapp-button: #00d158;
+
+	--color-status-success: #16a34a;
+	--color-status-warning: #d97706;
+	--color-status-danger: #ef4444;
+	--color-status-info: #2563eb;
+
+	--animate-slideUp: slideUp 1.5s cubic-bezier(1, -0.16, 0, 0.94) forwards;
+	--animate-slideDown: slideDown 1.5s cubic-bezier(1, -0.16, 0, 0.94) forwards;
+	--animate-scroll: scroll 15s linear infinite;
+	--animate-bouncing-loader: bouncing-loader 0.3s infinite alternate;
+	--animate-accordion-down: accordion-down 0.2s ease-out;
+	--animate-accordion-up: accordion-up 0.2s ease-out;
+	--animate-sonar-glow: sonar-glow 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
+	--animate-round-sonar-glow: round-sonar-glow 1.5s ease-out infinite;
+	--animate-spin-slow: spin 3s linear infinite;
+}
+
+:root {
+	--border: var(--color-line);
+	--elevation-e0-bg: var(--color-surface);
+	--elevation-e0-border: var(--color-line-subtle);
+	--elevation-e0-shadow: none;
+	--elevation-e1-bg: var(--color-surface-overlay);
+	--elevation-e1-border: var(--color-line-subtle);
+	--elevation-e1-shadow: 0 1px 2px rgb(15 23 42 / 0.06);
+	--elevation-e2-bg: var(--color-surface-overlay);
+	--elevation-e2-border: var(--color-line-subtle);
+	--elevation-e2-shadow: 0 4px 12px rgb(15 23 42 / 0.08);
+	--elevation-e3-bg: var(--color-surface-overlay);
+	--elevation-e3-border: var(--color-line);
+	--elevation-e3-shadow: 0 8px 24px rgb(15 23 42 / 0.1);
+	--elevation-e4-bg: var(--color-surface-overlay);
+	--elevation-e4-border: var(--color-line);
+	--elevation-e4-shadow: 0 16px 40px rgb(15 23 42 / 0.14);
+}
+
+@media (width >= 48rem) {
+	:root {
+		--text-gdt-h1: 3rem; /* 48px */
+		--text-gdt-h1--line-height: 4.25rem; /* 68px */
+
+		--text-gdt-h2: 2.5rem; /* 40px */
+		--text-gdt-h2--line-height: 3.75rem; /* 60px */
+
+		--text-gdt-h3: 2rem; /* 32px */
+		--text-gdt-h3--line-height: 3.25rem; /* 52px */
+
+		--text-gdt-h4: 1.5rem; /* 24px */
+		--text-gdt-h4--line-height: 2.5rem; /* 40px */
+
+		--text-gdt-h5: 1.5rem; /* 24px */
+		--text-gdt-h5--line-height: 2rem; /* 32px */
+	}
+}
+
+@keyframes slideUp {
+	0% {
+		transform: translateY(100%);
+		opacity: 0%;
+	}
+
+	100% {
+		transform: translateY(0%);
+		opacity: 100%;
+	}
+}
+
+@keyframes slideDown {
+	0% {
+		transform: translateY(0%);
+		opacity: 0%;
+	}
+
+	100% {
+		transform: translateY(100%);
+		opacity: 100%;
+	}
+}
+
+@keyframes scroll {
+	0% {
+		transform: translateX(0);
+	}
+
+	100% {
+		transform: translateX(-50%);
+	}
+}
+
+@keyframes bouncing-loader {
+	to {
+		transform: translate3d(0, -8px, 0);
+	}
+}
+
+@keyframes accordion-down {
+	from {
+		height: 0;
+	}
+
+	to {
+		height: var(--radix-accordion-content-height);
+	}
+}
+
+@keyframes accordion-up {
+	from {
+		height: var(--radix-accordion-content-height);
+	}
+
+	to {
+		height: 0;
+	}
+}
+
+@keyframes sonar-glow {
+	75%,
+	100% {
+		transform: scale(
+			var(--sonar-glow-scale-x, 1.125),
+			var(--sonar-glow-scale-y, 1.5)
+		);
+		opacity: 0;
+	}
+}
+
+@keyframes round-sonar-glow {
+	0% {
+		transform: scale(1);
+		opacity: 0.2;
+	}
+
+	100% {
+		transform: scale(1.2);
+		opacity: 0;
+	}
+}

package/dist/accordion.js

@@ -1,40 +1,10 @@
-// src/components/ui/accordion.tsx
+import {
+  cn
+} from "./chunk-Y4TTYVNE.js";
+
+// src/accordion.tsx
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
 import { ChevronRightIcon } from "lucide-react";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/accordion.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function Accordion({
   className,

package/dist/accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/accordion.tsx","../src/lib/cn.ts"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { ChevronRightIcon } from \"lucide-react\";\n\nimport { cn } from \"../../lib/cn\";\n\nfunction Accordion({\n\tclassName,\n\tvariant = \"surface\",\n\t...props\n}: AccordionPrimitive.Root.Props & { variant?: \"surface\" | \"ghost\" }) {\n\treturn (\n\t\t<AccordionPrimitive.Root\n\t\t\tdata-slot=\"accordion\"\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\"group/accordion flex w-full flex-col gap-3\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Item\n\t\t\tdata-slot=\"accordion-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"rounded-xl border border-line-subtle text-fg-primary transition-[background-color,border-color,box-shadow] group-data-[variant=surface]/accordion:bg-surface\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AccordionTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: AccordionPrimitive.Trigger.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Header data-slot=\"accordion-header\" className=\"flex\">\n\t\t\t<AccordionPrimitive.Trigger\n\t\t\t\tdata-slot=\"accordion-trigger\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/accordion-trigger flex w-full items-center gap-3 px-4 sm:px-5 py-5.5 aria-expanded:pb-2 text-left text-gdt-md font-semibold text-fg-primary outline-none transition-[padding] aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<ChevronRightIcon\n\t\t\t\t\tdata-slot=\"accordion-trigger-icon\"\n\t\t\t\t\tclassName=\"pointer-events-none size-5 shrink-0 text-fg-primary transition-transform duration-200 ease-out group-aria-expanded/accordion-trigger:rotate-90\"\n\t\t\t\t/>\n\t\t\t\t{children}\n\t\t\t</AccordionPrimitive.Trigger>\n\t\t</AccordionPrimitive.Header>\n\t);\n}\n\nfunction AccordionContent({\n\tclassName,\n\tchildren,\n\t...props\n}: AccordionPrimitive.Panel.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Panel\n\t\t\tdata-slot=\"accordion-content\"\n\t\t\tclassName=\"overflow-hidden h-(--accordion-panel-height) transition-[height] ease-out data-ending-style:h-0 data-starting-style:h-0\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\" pl-12 sm:pl-13 pr-4 sm:pr-5 pt-0 pb-4 sm:pb-5.5 text-fg-secondary text-gdt-md [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</AccordionPrimitive.Panel>\n\t);\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n\textend: {\n\t\tclassGroups: {\n\t\t\t\"font-size\": [\n\t\t\t\t{\n\t\t\t\t\ttext: [\n\t\t\t\t\t\t\"gdt-display\",\n\t\t\t\t\t\t\"gdt-h1\",\n\t\t\t\t\t\t\"gdt-h2\",\n\t\t\t\t\t\t\"gdt-h3\",\n\t\t\t\t\t\t\"gdt-h4\",\n\t\t\t\t\t\t\"gdt-h5\",\n\t\t\t\t\t\t\"gdt-xl\",\n\t\t\t\t\t\t\"gdt-lg\",\n\t\t\t\t\t\t\"gdt-md\",\n\t\t\t\t\t\t\"gdt-sm\",\n\t\t\t\t\t\t\"gdt-xs\",\n\t\t\t\t\t\t\"gdt-subtext\",\n\t\t\t\t\t\t\"gdt-capitalized\",\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n});\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n"],"mappings":";AAAA,SAAS,aAAa,0BAA0B;AAChD,SAAS,wBAAwB;;;ACDjC,SAA0B,YAAY;AACtC,SAAS,2BAA2B;AAEpC,IAAM,UAAU,oBAAoB;AAAA,EACnC,QAAQ;AAAA,IACP,aAAa;AAAA,MACZ,aAAa;AAAA,QACZ;AAAA,UACC,MAAM;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;AAEM,SAAS,MAAM,QAAsB;AAC3C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC5B;;;ADpBE,cA6BC,YA7BD;AANF,SAAS,UAAU;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACJ,GAAsE;AACrE,SACC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACA,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,8CAA8C,SAAS;AAAA,MACpE,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC9E,SACC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,iBAAiB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAqC;AACpC,SACC,oBAAC,mBAAmB,QAAnB,EAA0B,aAAU,oBAAmB,WAAU,QACjE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,aAAU;AAAA,YACV,WAAU;AAAA;AAAA,QACX;AAAA,QACC;AAAA;AAAA;AAAA,EACF,GACD;AAEF;AAEA,SAAS,iBAAiB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAmC;AAClC,SACC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACA,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW;AAAA,YACV;AAAA,YACA;AAAA,UACD;AAAA,UAEC;AAAA;AAAA,MACF;AAAA;AAAA,EACD;AAEF;","names":[]}
+{"version":3,"sources":["../src/accordion.tsx"],"sourcesContent":["import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\";\nimport { ChevronRightIcon } from \"lucide-react\";\n\nimport { cn } from \"./lib/cn\";\n\nfunction Accordion({\n\tclassName,\n\tvariant = \"surface\",\n\t...props\n}: AccordionPrimitive.Root.Props & { variant?: \"surface\" | \"ghost\" }) {\n\treturn (\n\t\t<AccordionPrimitive.Root\n\t\t\tdata-slot=\"accordion\"\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\"group/accordion flex w-full flex-col gap-3\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Item\n\t\t\tdata-slot=\"accordion-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"rounded-xl border border-line-subtle text-fg-primary transition-[background-color,border-color,box-shadow] group-data-[variant=surface]/accordion:bg-surface\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AccordionTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: AccordionPrimitive.Trigger.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Header data-slot=\"accordion-header\" className=\"flex\">\n\t\t\t<AccordionPrimitive.Trigger\n\t\t\t\tdata-slot=\"accordion-trigger\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/accordion-trigger flex w-full items-center gap-3 px-4 sm:px-5 py-5.5 aria-expanded:pb-2 text-left text-gdt-md font-semibold text-fg-primary outline-none transition-[padding] aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<ChevronRightIcon\n\t\t\t\t\tdata-slot=\"accordion-trigger-icon\"\n\t\t\t\t\tclassName=\"pointer-events-none size-5 shrink-0 text-fg-primary transition-transform duration-200 ease-out group-aria-expanded/accordion-trigger:rotate-90\"\n\t\t\t\t/>\n\t\t\t\t{children}\n\t\t\t</AccordionPrimitive.Trigger>\n\t\t</AccordionPrimitive.Header>\n\t);\n}\n\nfunction AccordionContent({\n\tclassName,\n\tchildren,\n\t...props\n}: AccordionPrimitive.Panel.Props) {\n\treturn (\n\t\t<AccordionPrimitive.Panel\n\t\t\tdata-slot=\"accordion-content\"\n\t\t\tclassName=\"overflow-hidden h-(--accordion-panel-height) transition-[height] ease-out data-ending-style:h-0 data-starting-style:h-0\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\" pl-12 sm:pl-13 pr-4 sm:pr-5 pt-0 pb-4 sm:pb-5.5 text-fg-secondary text-gdt-md [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</AccordionPrimitive.Panel>\n\t);\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;AAAA,SAAS,aAAa,0BAA0B;AAChD,SAAS,wBAAwB;AAU/B,cA6BC,YA7BD;AANF,SAAS,UAAU;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACJ,GAAsE;AACrE,SACC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACA,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,8CAA8C,SAAS;AAAA,MACpE,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAkC;AAC9E,SACC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,iBAAiB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAqC;AACpC,SACC,oBAAC,mBAAmB,QAAnB,EAA0B,aAAU,oBAAmB,WAAU,QACjE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,aAAU;AAAA,YACV,WAAU;AAAA;AAAA,QACX;AAAA,QACC;AAAA;AAAA;AAAA,EACF,GACD;AAEF;AAEA,SAAS,iBAAiB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAmC;AAClC,SACC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACA,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW;AAAA,YACV;AAAA,YACA;AAAA,UACD;AAAA,UAEC;AAAA;AAAA,MACF;AAAA;AAAA,EACD;AAEF;","names":[]}

package/dist/activity-timeline.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { Avatar } from './avatar.js';
+import { Badge } from './badge.js';
+import '@base-ui/react/avatar';
+import 'class-variance-authority/types';
+import '@base-ui/react/use-render';
+import 'class-variance-authority';
+
+type ActivityTimelineProps = React.ComponentProps<"section">;
+declare function ActivityTimeline({ className, ...props }: ActivityTimelineProps): React.JSX.Element;
+declare function ActivityTimelineTitle({ className, ...props }: React.ComponentProps<"h3">): React.JSX.Element;
+declare function ActivityTimelineList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
+type ActivityTimelineItemProps = React.ComponentProps<"li"> & {
+    highlighted?: boolean;
+    highlightOnHover?: boolean;
+};
+declare function ActivityTimelineItem({ className, highlighted, highlightOnHover, ...props }: ActivityTimelineItemProps): React.JSX.Element;
+declare function ActivityTimelineRail({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+type ActivityTimelineAvatarProps = React.ComponentProps<typeof Avatar> & {
+    src?: string;
+    alt?: string;
+    initials?: React.ReactNode;
+};
+declare function ActivityTimelineAvatar({ className, src, alt, initials, children, ...props }: ActivityTimelineAvatarProps): React.JSX.Element;
+declare function ActivityTimelineConnector({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function ActivityTimelineContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+type ActivityTimelineBadgeProps = React.ComponentProps<typeof Badge> & {
+    icon?: React.ReactNode;
+};
+declare function ActivityTimelineBadge({ className, icon, children, variant, size, border, ...props }: ActivityTimelineBadgeProps): React.JSX.Element;
+declare function ActivityTimelineDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+export { ActivityTimeline, ActivityTimelineAvatar, ActivityTimelineBadge, ActivityTimelineConnector, ActivityTimelineContent, ActivityTimelineDescription, ActivityTimelineItem, ActivityTimelineList, ActivityTimelineRail, ActivityTimelineTitle };

package/dist/activity-timeline.js

@@ -0,0 +1,212 @@
+"use client";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "./chunk-QKAQZ2GU.js";
+import {
+  Badge
+} from "./chunk-XG47P6D4.js";
+import "./chunk-HL3ZSYES.js";
+import {
+  cn
+} from "./chunk-Y4TTYVNE.js";
+
+// src/activity-timeline.tsx
+import { ChevronRightIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ActivityTimeline({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      "data-slot": "activity-timeline",
+      className: cn(
+        "flex w-full max-w-[520px] flex-col items-start gap-4 rounded-2xl border border-line bg-canvas px-4 py-5 text-fg-primary sm:p-6 dark:bg-surface",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ActivityTimelineTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      "data-slot": "activity-timeline-title",
+      className: cn(
+        "w-full text-gdt-md leading-[26px] font-bold sm:text-gdt-lg sm:leading-[28px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ActivityTimelineList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "activity-timeline-list",
+      className: cn("flex w-full flex-col items-start", className),
+      ...props
+    }
+  );
+}
+function ActivityTimelineItem({
+  className,
+  highlighted = false,
+  highlightOnHover = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "activity-timeline-item",
+      "data-highlighted": highlighted || void 0,
+      className: cn(
+        "flex min-h-20 w-full min-w-0 gap-3 rounded-lg p-3 transition-[background-color,border-radius]",
+        highlighted && "rounded-2xl bg-surface-raised",
+        highlightOnHover && "hover:rounded-2xl hover:bg-surface-raised",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ActivityTimelineRail({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "activity-timeline-rail",
+      className: cn(
+        "flex w-10 shrink-0 flex-col items-center gap-1.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ActivityTimelineAvatar({
+  className,
+  src,
+  alt = "",
+  initials,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      "data-slot": "activity-timeline-avatar",
+      size: "md",
+      className: cn("bg-surface-brand", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        src ? /* @__PURE__ */ jsx(AvatarImage, { src, alt }) : null,
+        /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-surface-brand text-fg-on-brand", children: initials ?? "?" })
+      ] })
+    }
+  );
+}
+function ActivityTimelineConnector({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "activity-timeline-connector",
+      className: cn(
+        "h-6 w-0.5 shrink-0 rounded-full bg-line-subtle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ActivityTimelineContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "activity-timeline-content",
+      className: cn(
+        "flex min-w-0 flex-1 flex-col items-start gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ActivityTimelineBadge({
+  className,
+  icon,
+  children,
+  variant = "default",
+  size = "sm",
+  border = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      "data-slot": "activity-timeline-badge",
+      size,
+      variant,
+      border,
+      className: cn("min-h-0 py-1 text-gdt-xs font-semibold", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-flex shrink-0 items-center [&>svg]:size-3.5",
+            children: icon ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "cn-rtl-flip" })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function ActivityTimelineDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "activity-timeline-description",
+      className: cn(
+        "min-w-0 text-gdt-xs text-fg-secondary sm:text-[13px] sm:leading-[22px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  ActivityTimeline,
+  ActivityTimelineAvatar,
+  ActivityTimelineBadge,
+  ActivityTimelineConnector,
+  ActivityTimelineContent,
+  ActivityTimelineDescription,
+  ActivityTimelineItem,
+  ActivityTimelineList,
+  ActivityTimelineRail,
+  ActivityTimelineTitle
+};
+//# sourceMappingURL=activity-timeline.js.map

package/dist/activity-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/activity-timeline.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronRightIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"./avatar\";\nimport { Badge } from \"./badge\";\nimport { cn } from \"./lib/cn\";\n\ntype ActivityTimelineProps = React.ComponentProps<\"section\">;\n\nfunction ActivityTimeline({ className, ...props }: ActivityTimelineProps) {\n\treturn (\n\t\t<section\n\t\t\tdata-slot=\"activity-timeline\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex w-full max-w-[520px] flex-col items-start gap-4 rounded-2xl border border-line bg-canvas px-4 py-5 text-fg-primary sm:p-6 dark:bg-surface\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ActivityTimelineTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"h3\">) {\n\treturn (\n\t\t<h3\n\t\t\tdata-slot=\"activity-timeline-title\"\n\t\t\tclassName={cn(\n\t\t\t\t\"w-full text-gdt-md leading-[26px] font-bold sm:text-gdt-lg sm:leading-[28px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ActivityTimelineList({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ol\">) {\n\treturn (\n\t\t<ol\n\t\t\tdata-slot=\"activity-timeline-list\"\n\t\t\tclassName={cn(\"flex w-full flex-col items-start\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\ntype ActivityTimelineItemProps = React.ComponentProps<\"li\"> & {\n\thighlighted?: boolean;\n\thighlightOnHover?: boolean;\n};\n\nfunction ActivityTimelineItem({\n\tclassName,\n\thighlighted = false,\n\thighlightOnHover = true,\n\t...props\n}: ActivityTimelineItemProps) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"activity-timeline-item\"\n\t\t\tdata-highlighted={highlighted || undefined}\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-h-20 w-full min-w-0 gap-3 rounded-lg p-3 transition-[background-color,border-radius]\",\n\t\t\t\thighlighted && \"rounded-2xl bg-surface-raised\",\n\t\t\t\thighlightOnHover && \"hover:rounded-2xl hover:bg-surface-raised\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ActivityTimelineRail({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"activity-timeline-rail\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex w-10 shrink-0 flex-col items-center gap-1.5\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\ntype ActivityTimelineAvatarProps = React.ComponentProps<typeof Avatar> & {\n\tsrc?: string;\n\talt?: string;\n\tinitials?: React.ReactNode;\n};\n\nfunction ActivityTimelineAvatar({\n\tclassName,\n\tsrc,\n\talt = \"\",\n\tinitials,\n\tchildren,\n\t...props\n}: ActivityTimelineAvatarProps) {\n\treturn (\n\t\t<Avatar\n\t\t\tdata-slot=\"activity-timeline-avatar\"\n\t\t\tsize=\"md\"\n\t\t\tclassName={cn(\"bg-surface-brand\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? (\n\t\t\t\t<>\n\t\t\t\t\t{src ? <AvatarImage src={src} alt={alt} /> : null}\n\t\t\t\t\t<AvatarFallback className=\"bg-surface-brand text-fg-on-brand\">\n\t\t\t\t\t\t{initials ?? \"?\"}\n\t\t\t\t\t</AvatarFallback>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</Avatar>\n\t);\n}\n\nfunction ActivityTimelineConnector({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\taria-hidden=\"true\"\n\t\t\tdata-slot=\"activity-timeline-connector\"\n\t\t\tclassName={cn(\n\t\t\t\t\"h-6 w-0.5 shrink-0 rounded-full bg-line-subtle\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ActivityTimelineContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"activity-timeline-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-w-0 flex-1 flex-col items-start gap-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\ntype ActivityTimelineBadgeProps = React.ComponentProps<typeof Badge> & {\n\ticon?: React.ReactNode;\n};\n\nfunction ActivityTimelineBadge({\n\tclassName,\n\ticon,\n\tchildren,\n\tvariant = \"default\",\n\tsize = \"sm\",\n\tborder = false,\n\t...props\n}: ActivityTimelineBadgeProps) {\n\treturn (\n\t\t<Badge\n\t\t\tdata-slot=\"activity-timeline-badge\"\n\t\t\tsize={size}\n\t\t\tvariant={variant}\n\t\t\tborder={border}\n\t\t\tclassName={cn(\"min-h-0 py-1 text-gdt-xs font-semibold\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"inline-flex shrink-0 items-center [&>svg]:size-3.5\"\n\t\t\t>\n\t\t\t\t{icon ?? <ChevronRightIcon className=\"cn-rtl-flip\" />}\n\t\t\t</span>\n\t\t\t{children}\n\t\t</Badge>\n\t);\n}\n\nfunction ActivityTimelineDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"activity-timeline-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"min-w-0 text-gdt-xs text-fg-secondary sm:text-[13px] sm:leading-[22px]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tActivityTimeline,\n\tActivityTimelineAvatar,\n\tActivityTimelineBadge,\n\tActivityTimelineConnector,\n\tActivityTimelineContent,\n\tActivityTimelineDescription,\n\tActivityTimelineItem,\n\tActivityTimelineList,\n\tActivityTimelineRail,\n\tActivityTimelineTitle,\n};\n"],"mappings":"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","names":[]}

package/dist/alert.js

@@ -1,40 +1,10 @@
-// src/components/ui/alert.tsx
+import {
+  cn
+} from "./chunk-Y4TTYVNE.js";
+
+// src/alert.tsx
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/alert.tsx
 import { jsx } from "react/jsx-runtime";
 var alertVariants = cva(
   "grid w-full grid-cols-[0_minmax(0,1fr)_auto] items-start gap-y-1 rounded-xl border-2 px-4 py-3.5 text-gdt-sm transition-[background-color,border-color,color,box-shadow] has-[>svg]:grid-cols-[1.25rem_minmax(0,1fr)_auto] has-[>svg]:gap-x-3 [&>svg]:col-start-1 [&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-5 [&>svg]:text-current",

package/dist/alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/alert.tsx","../src/lib/cn.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst alertVariants = cva(\n\t\"grid w-full grid-cols-[0_minmax(0,1fr)_auto] items-start gap-y-1 rounded-xl border-2 px-4 py-3.5 text-gdt-sm transition-[background-color,border-color,color,box-shadow] has-[>svg]:grid-cols-[1.25rem_minmax(0,1fr)_auto] has-[>svg]:gap-x-3 [&>svg]:col-start-1 [&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-5 [&>svg]:text-current\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tsuccess:\n\t\t\t\t\t\"border-status-success bg-surface-brand-subtle text-status-success\",\n\t\t\t\tinfo: \"border-status-info bg-surface text-status-info\",\n\t\t\t\twarning:\n\t\t\t\t\t\"border-status-warning bg-surface-accent-subtle text-status-warning\",\n\t\t\t\terror:\n\t\t\t\t\t\"border-status-danger bg-surface-danger-subtle text-status-danger\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"info\",\n\t\t},\n\t},\n);\n\ntype AlertVariant = NonNullable<VariantProps<typeof alertVariants>[\"variant\"]>;\n\ntype AlertProps = React.ComponentProps<\"div\"> &\n\tVariantProps<typeof alertVariants> & {\n\t\tliveRegion?: \"polite\" | \"assertive\" | \"off\";\n\t};\n\nfunction Alert({\n\tclassName,\n\tvariant = \"info\",\n\tliveRegion,\n\trole,\n\t...props\n}: AlertProps) {\n\tconst resolvedVariant: AlertVariant = variant ?? \"info\";\n\tconst resolvedRole =\n\t\trole ?? (liveRegion === \"off\" ? undefined : getAlertRole(resolvedVariant));\n\tconst resolvedLiveRegion =\n\t\tliveRegion === \"off\"\n\t\t\t? undefined\n\t\t\t: (liveRegion ?? (resolvedVariant === \"error\" ? \"assertive\" : \"polite\"));\n\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert\"\n\t\t\tdata-variant={resolvedVariant}\n\t\t\trole={resolvedRole}\n\t\t\taria-live={resolvedLiveRegion}\n\t\t\tclassName={cn(alertVariants({ variant: resolvedVariant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-title\"\n\t\t\tclassName={cn(\n\t\t\t\t\"col-start-2 row-start-1 font-extrabold text-fg-primary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"col-start-2 row-start-2 text-fg-secondary [&_p]:leading-relaxed\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertActions({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-actions\"\n\t\t\tclassName={cn(\n\t\t\t\t\"col-start-2 row-start-3 mt-2 flex shrink-0 items-center gap-2 justify-self-start sm:col-start-3 sm:row-span-2 sm:row-start-1 sm:mt-[-0.125rem] sm:justify-self-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertClose({\n\tclassName,\n\ttype = \"button\",\n\tchildren,\n\t\"aria-label\": ariaLabel = \"Dismiss alert\",\n\t...props\n}: React.ComponentProps<\"button\">) {\n\treturn (\n\t\t<button\n\t\t\tdata-slot=\"alert-close\"\n\t\t\ttype={type}\n\t\t\tclassName={cn(\n\t\t\t\t\"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-fg-secondary transition-[background-color,color,box-shadow] hover:bg-surface-raised hover:text-fg-primary focus-visible:border-line-focus focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-label={ariaLabel}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <X className=\"size-4\" aria-hidden=\"true\" />}\n\t\t</button>\n\t);\n}\n\nfunction getAlertRole(variant: AlertVariant) {\n\treturn variant === \"error\" ? \"alert\" : \"status\";\n}\n\nexport {\n\tAlert,\n\tAlertActions,\n\tAlertClose,\n\tAlertDescription,\n\tAlertTitle,\n\talertVariants,\n};\nexport type { AlertProps, AlertVariant };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n\textend: {\n\t\tclassGroups: {\n\t\t\t\"font-size\": [\n\t\t\t\t{\n\t\t\t\t\ttext: [\n\t\t\t\t\t\t\"gdt-display\",\n\t\t\t\t\t\t\"gdt-h1\",\n\t\t\t\t\t\t\"gdt-h2\",\n\t\t\t\t\t\t\"gdt-h3\",\n\t\t\t\t\t\t\"gdt-h4\",\n\t\t\t\t\t\t\"gdt-h5\",\n\t\t\t\t\t\t\"gdt-xl\",\n\t\t\t\t\t\t\"gdt-lg\",\n\t\t\t\t\t\t\"gdt-md\",\n\t\t\t\t\t\t\"gdt-sm\",\n\t\t\t\t\t\t\"gdt-xs\",\n\t\t\t\t\t\t\"gdt-subtext\",\n\t\t\t\t\t\t\"gdt-capitalized\",\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n});\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n"],"mappings":";AAAA,SAAS,WAA8B;AACvC,SAAS,SAAS;;;ACDlB,SAA0B,YAAY;AACtC,SAAS,2BAA2B;AAEpC,IAAM,UAAU,oBAAoB;AAAA,EACnC,QAAQ;AAAA,IACP,aAAa;AAAA,MACZ,aAAa;AAAA,QACZ;AAAA,UACC,MAAM;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;AAEM,SAAS,MAAM,QAAsB;AAC3C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC5B;;;ADiBE;AA3CF,IAAM,gBAAgB;AAAA,EACrB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SACC;AAAA,QACD,MAAM;AAAA,QACN,SACC;AAAA,QACD,OACC;AAAA,MACF;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,IACV;AAAA,EACD;AACD;AASA,SAAS,MAAM;AAAA,EACd;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAe;AACd,QAAM,kBAAgC,WAAW;AACjD,QAAM,eACL,SAAS,eAAe,QAAQ,SAAY,aAAa,eAAe;AACzE,QAAM,qBACL,eAAe,QACZ,SACC,eAAe,oBAAoB,UAAU,cAAc;AAEhE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,MAAM;AAAA,MACN,aAAW;AAAA,MACX,WAAW,GAAG,cAAc,EAAE,SAAS,gBAAgB,CAAC,GAAG,SAAS;AAAA,MACnE,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,iBAAiB;AAAA,EACzB;AAAA,EACA,GAAG;AACJ,GAAgC;AAC/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC3E,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,WAAW;AAAA,EACnB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,cAAc,YAAY;AAAA,EAC1B,GAAG;AACJ,GAAmC;AAClC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEH,sBAAY,oBAAC,KAAE,WAAU,UAAS,eAAY,QAAO;AAAA;AAAA,EACvD;AAEF;AAEA,SAAS,aAAa,SAAuB;AAC5C,SAAO,YAAY,UAAU,UAAU;AACxC;","names":[]}
+{"version":3,"sources":["../src/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"./lib/cn\";\n\nconst alertVariants = cva(\n\t\"grid w-full grid-cols-[0_minmax(0,1fr)_auto] items-start gap-y-1 rounded-xl border-2 px-4 py-3.5 text-gdt-sm transition-[background-color,border-color,color,box-shadow] has-[>svg]:grid-cols-[1.25rem_minmax(0,1fr)_auto] has-[>svg]:gap-x-3 [&>svg]:col-start-1 [&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-5 [&>svg]:text-current\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tsuccess:\n\t\t\t\t\t\"border-status-success bg-surface-brand-subtle text-status-success\",\n\t\t\t\tinfo: \"border-status-info bg-surface text-status-info\",\n\t\t\t\twarning:\n\t\t\t\t\t\"border-status-warning bg-surface-accent-subtle text-status-warning\",\n\t\t\t\terror:\n\t\t\t\t\t\"border-status-danger bg-surface-danger-subtle text-status-danger\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"info\",\n\t\t},\n\t},\n);\n\ntype AlertVariant = NonNullable<VariantProps<typeof alertVariants>[\"variant\"]>;\n\ntype AlertProps = React.ComponentProps<\"div\"> &\n\tVariantProps<typeof alertVariants> & {\n\t\tliveRegion?: \"polite\" | \"assertive\" | \"off\";\n\t};\n\nfunction Alert({\n\tclassName,\n\tvariant = \"info\",\n\tliveRegion,\n\trole,\n\t...props\n}: AlertProps) {\n\tconst resolvedVariant: AlertVariant = variant ?? \"info\";\n\tconst resolvedRole =\n\t\trole ?? (liveRegion === \"off\" ? undefined : getAlertRole(resolvedVariant));\n\tconst resolvedLiveRegion =\n\t\tliveRegion === \"off\"\n\t\t\t? undefined\n\t\t\t: (liveRegion ?? (resolvedVariant === \"error\" ? \"assertive\" : \"polite\"));\n\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert\"\n\t\t\tdata-variant={resolvedVariant}\n\t\t\trole={resolvedRole}\n\t\t\taria-live={resolvedLiveRegion}\n\t\t\tclassName={cn(alertVariants({ variant: resolvedVariant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-title\"\n\t\t\tclassName={cn(\n\t\t\t\t\"col-start-2 row-start-1 font-extrabold text-fg-primary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"col-start-2 row-start-2 text-fg-secondary [&_p]:leading-relaxed\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertActions({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-actions\"\n\t\t\tclassName={cn(\n\t\t\t\t\"col-start-2 row-start-3 mt-2 flex shrink-0 items-center gap-2 justify-self-start sm:col-start-3 sm:row-span-2 sm:row-start-1 sm:mt-[-0.125rem] sm:justify-self-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertClose({\n\tclassName,\n\ttype = \"button\",\n\tchildren,\n\t\"aria-label\": ariaLabel = \"Dismiss alert\",\n\t...props\n}: React.ComponentProps<\"button\">) {\n\treturn (\n\t\t<button\n\t\t\tdata-slot=\"alert-close\"\n\t\t\ttype={type}\n\t\t\tclassName={cn(\n\t\t\t\t\"inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-fg-secondary transition-[background-color,color,box-shadow] hover:bg-surface-raised hover:text-fg-primary focus-visible:border-line-focus focus-visible:outline-none focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\taria-label={ariaLabel}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <X className=\"size-4\" aria-hidden=\"true\" />}\n\t\t</button>\n\t);\n}\n\nfunction getAlertRole(variant: AlertVariant) {\n\treturn variant === \"error\" ? \"alert\" : \"status\";\n}\n\nexport {\n\tAlert,\n\tAlertActions,\n\tAlertClose,\n\tAlertDescription,\n\tAlertTitle,\n\talertVariants,\n};\nexport type { AlertProps, AlertVariant };\n"],"mappings":";;;;;AAAA,SAAS,WAA8B;AACvC,SAAS,SAAS;AA+ChB;AA3CF,IAAM,gBAAgB;AAAA,EACrB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SACC;AAAA,QACD,MAAM;AAAA,QACN,SACC;AAAA,QACD,OACC;AAAA,MACF;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,IACV;AAAA,EACD;AACD;AASA,SAAS,MAAM;AAAA,EACd;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAe;AACd,QAAM,kBAAgC,WAAW;AACjD,QAAM,eACL,SAAS,eAAe,QAAQ,SAAY,aAAa,eAAe;AACzE,QAAM,qBACL,eAAe,QACZ,SACC,eAAe,oBAAoB,UAAU,cAAc;AAEhE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,MAAM;AAAA,MACN,aAAW;AAAA,MACX,WAAW,GAAG,cAAc,EAAE,SAAS,gBAAgB,CAAC,GAAG,SAAS;AAAA,MACnE,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,iBAAiB;AAAA,EACzB;AAAA,EACA,GAAG;AACJ,GAAgC;AAC/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC3E,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,WAAW;AAAA,EACnB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,cAAc,YAAY;AAAA,EAC1B,GAAG;AACJ,GAAmC;AAClC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEH,sBAAY,oBAAC,KAAE,WAAU,UAAS,eAAY,QAAO;AAAA;AAAA,EACvD;AAEF;AAEA,SAAS,aAAa,SAAuB;AAC5C,SAAO,YAAY,UAAU,UAAU;AACxC;","names":[]}