@inui/design-system 0.0.0-stage → 1.22.0

package/dist/components/ui/ai-sparkle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-sparkle.js","names":[],"sources":["../../../src/components/ui/ai-sparkle.tsx"],"sourcesContent":["/**\n * AISparkle — the single AI-identity mark (\"Sara\") for all AI-generated\n * content and affordances: one gradient 4-pointed star (pink→orange, washed\n * with yellow), per the AI Identity tokens in theme.css. Path/gradient/shine\n * geometry is a hand-authored SVG — not lucide-react, since the two-layer\n * gradient fill and animated states aren't expressible with a plain stroked\n * icon.\n *\n * `size` is optional by design rather than a fixed pixel width/height —\n * omit it to inherit whatever ambient icon sizing applies (e.g. a Button's\n * `[&_svg]` rule), or set it for a token-derived size when used standalone.\n *\n * Purely a brand/identity mark — `aria-hidden` by default (see below) — not\n * an accessible trigger for anything. It marks genuine AI involvement only,\n * never decoration; see manifest.json's `ai_presence` convention for the\n * full rule and every current AI-treatment recipe. When the surface needs\n * an actual accessible entry point into an explanation (not just a visual\n * marker), that's AILabel's job, not this icon's.\n */\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst STAR_PATH =\n  \"M40 5C40 24.33 55.67 40 75 40C55.67 40 40 55.67 40 75C40 55.67 24.33 40 5 40C24.33 40 40 24.33 40 5Z\"\n\nconst aiSparkleSizeVariants = cva(\"\", {\n  variants: {\n    size: {\n      sm: \"size-4\",\n      md: \"size-5\",\n      lg: \"size-6\",\n    },\n  },\n})\n\nconst aiSparkleStateVariants = cva(\"\", {\n  variants: {\n    state: {\n      default: \"\",\n      listening: \"mmds-ai-sparkle-listening\",\n      \"short-processing\": \"mmds-ai-sparkle-short-processing\",\n      \"long-processing\": \"mmds-ai-sparkle-long-processing\",\n    },\n  },\n  defaultVariants: {\n    state: \"default\",\n  },\n})\n\nfunction AISparkle({\n  className,\n  size,\n  state = \"default\",\n  tone = \"gradient\",\n  ...props\n}: React.ComponentProps<\"svg\"> &\n  VariantProps<typeof aiSparkleSizeVariants> &\n  VariantProps<typeof aiSparkleStateVariants> & {\n    /**\n     * \"gradient\" (default) — the branded two-layer pink/orange/yellow fill.\n     * \"mono\" — a flat `fill=\"currentColor\"` star, no gradient defs, no\n     * long-processing shine (that needs the gradient's own white-wash\n     * layer). For placing the mark on top of an already-colored surface\n     * (e.g. AIAvatar's gradient background) where the full brand gradient\n     * would read as muddy — set the icon's own text color instead.\n     */\n    tone?: \"gradient\" | \"mono\"\n  }) {\n  const id = React.useId()\n\n  return (\n    <svg\n      data-slot=\"ai-sparkle\"\n      data-state={state}\n      data-tone={tone}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 80 80\"\n      fill=\"none\"\n      className={cn(\n        \"shrink-0\",\n        size && aiSparkleSizeVariants({ size }),\n        aiSparkleStateVariants({ state }),\n        className\n      )}\n      aria-hidden=\"true\"\n      {...props}\n    >\n      {tone === \"mono\" ? (\n        <path d={STAR_PATH} fill=\"currentColor\" />\n      ) : (\n        <>\n          <defs>\n            {/* Bottom layer — pink (at ai-grad-from-alpha) to fully-opaque orange */}\n            <linearGradient\n              id={`${id}-grad`}\n              x1=\"17.1875\"\n              y1=\"12.1875\"\n              x2=\"62.0313\"\n              y2=\"65\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop\n                stopColor=\"var(--color-ai-grad-from)\"\n                stopOpacity=\"var(--color-ai-grad-from-alpha)\"\n              />\n              <stop offset=\"1\" stopColor=\"var(--color-ai-grad-to)\" />\n            </linearGradient>\n            {/* Top wash layer — transparent to opaque yellow, then dimmed overall by ai-wash-alpha */}\n            <linearGradient\n              id={`${id}-wash`}\n              x1=\"17.1875\"\n              y1=\"12.1875\"\n              x2=\"62.0313\"\n              y2=\"65\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stopColor=\"var(--color-ai-wash)\" stopOpacity=\"0\" />\n              <stop offset=\"1\" stopColor=\"var(--color-ai-wash)\" />\n            </linearGradient>\n            {state === \"long-processing\" && (\n              <>\n                <clipPath id={`${id}-clip`}>\n                  <path d={STAR_PATH} />\n                </clipPath>\n                <linearGradient id={`${id}-shine`} x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n                  <stop offset=\"0\" stopColor=\"#fff\" stopOpacity=\"0\" />\n                  <stop offset=\"0.4\" stopColor=\"#fff\" stopOpacity=\"0\" />\n                  <stop offset=\"0.5\" stopColor=\"#fff\" stopOpacity=\"0.55\" />\n                  <stop offset=\"0.6\" stopColor=\"#fff\" stopOpacity=\"0\" />\n                  <stop offset=\"1\" stopColor=\"#fff\" stopOpacity=\"0\" />\n                </linearGradient>\n              </>\n            )}\n          </defs>\n          {/* Bottom layer — full opacity */}\n          <path d={STAR_PATH} fill={`url(#${id}-grad)`} />\n          {/* Top wash layer */}\n          <path\n            d={STAR_PATH}\n            fill={`url(#${id}-wash)`}\n            opacity=\"var(--color-ai-wash-alpha)\"\n          />\n          {state === \"long-processing\" && (\n            <rect\n              x=\"-20\"\n              y=\"-20\"\n              width=\"120\"\n              height=\"120\"\n              fill={`url(#${id}-shine)`}\n              clipPath={`url(#${id}-clip)`}\n              className=\"mmds-ai-sparkle-shine\"\n            />\n          )}\n        </>\n      )}\n    </svg>\n  )\n}\n\nexport { AISparkle, aiSparkleSizeVariants, aiSparkleStateVariants }\n\n/**\n * WHEN TO USE\n * - AI message avatars, empty-state headers, agent badges, copilot-assisted\n *   actions, AI-generated content markers.\n * - Compose it as a Button's leading icon (`data-icon=\"inline-start\"`) or a\n *   small corner accent on an icon-only trigger.\n *\n * NOT WHEN\n * - Generic decorative sparkle unrelated to AI — use lucide's `Sparkles`.\n * - A loading spinner — use Spinner; AISparkle's `state` communicates AI\n *   activity specifically, not generic async work.\n * - Animated backgrounds or large decorative use — this is an identity mark,\n *   not a motion asset.\n *\n * KEY RULES\n * - size: sm | md | lg — optional. Leave it unset when composing inside Button\n *   (its `[&_svg]` sizing takes over, same as any other icon) so it inherits\n *   the ambient icon size; set it explicitly for a token-derived size\n *   (size-4/5/6) when used standalone.\n * - state: default | listening | short-processing | long-processing (default\n *   \"default\") — each maps to its own keyframe animation in\n *   src/styles/ai-sparkle.css (imported once via index.css, not per-usage):\n *   listening bobs vertically, short-processing does one full rotation then\n *   holds, long-processing pulses in scale AND sweeps a diagonal shine\n *   across the star, clipped to its silhouette. These are custom keyframes,\n *   not Tailwind's animate-bounce/spin/pulse — the motion curves and hold\n *   points are specific to this mark. The shine's -50px..50px translate is\n *   calibrated directly for this component's own 80x80 viewBox + 120x120\n *   rect — no extra scaling wrapper needed. All three loop `infinite` for as\n *   long as the state is active (not just long-processing — a slow\n *   short-processing step or a long listening session runs past 5s just as\n *   easily), so `ai-sparkle.css` falls every one of them back to the static\n *   resting mark under `prefers-reduced-motion` (SC 2.2.2, Level A).\n * - tone: gradient (default) | mono — gradient is the fixed brand fill, driven\n *   by the `--color-ai-grad-*` / `--color-ai-wash*` tokens in theme.css, no\n *   color props of its own. mono drops to a flat `fill=\"currentColor\"` star\n *   (no gradient defs, no long-processing shine) — set the icon's own text\n *   color instead when it needs to sit on top of an already-colored surface\n *   (e.g. AIAvatar's gradient background) where the full brand gradient\n *   would read as muddy.\n * - `aria-hidden` by default, matching every other decorative icon in this\n *   system — pair it with real text, not as a standalone control.\n *\n * USAGE\n * <Button variant=\"ai\">\n *   <AISparkle data-icon=\"inline-start\" />\n *   Summarize\n * </Button>\n *\n * <AISparkle size=\"lg\" state=\"short-processing\" />\n */\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAM,YACJ;AAEF,IAAM,wBAAwB,IAAI,IAAI,EACpC,UAAU,EACR,MAAM;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,EACF,EACF,CAAC;AAED,IAAM,yBAAyB,IAAI,IAAI;CACrC,UAAU,EACR,OAAO;EACL,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,mBAAmB;CACrB,EACF;CACA,iBAAiB,EACf,OAAO,UACT;AACF,CAAC;AAED,SAAS,UAAU,EACjB,WACA,MACA,QAAQ,WACR,OAAO,YACP,GAAG,SAaA;CACH,MAAM,KAAK,MAAM,MAAM;CAEvB,OACE,oBAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,aAAW;EACX,OAAM;EACN,SAAQ;EACR,MAAK;EACL,WAAW,GACT,YACA,QAAQ,sBAAsB,EAAE,KAAK,CAAC,GACtC,uBAAuB,EAAE,MAAM,CAAC,GAChC,SACF;EACA,eAAY;EACZ,GAAI;EAEH,UAAA,SAAS,SACR,oBAAC,QAAD;GAAM,GAAG;GAAW,MAAK;EAAgB,CAAA,IAEzC,qBAAA,UAAA,EAAA,UAAA;GACE,qBAAC,QAAD,EAAA,UAAA;IAEE,qBAAC,kBAAD;KACE,IAAI,GAAG,GAAG;KACV,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,eAAc;KANhB,UAAA,CAQE,oBAAC,QAAD;MACE,WAAU;MACV,aAAY;KACb,CAAA,GACD,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAA2B,CAAA,CACxC;;IAEhB,qBAAC,kBAAD;KACE,IAAI,GAAG,GAAG;KACV,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;KACH,eAAc;KANhB,UAAA,CAQE,oBAAC,QAAD;MAAM,WAAU;MAAuB,aAAY;KAAK,CAAA,GACxD,oBAAC,QAAD;MAAM,QAAO;MAAI,WAAU;KAAwB,CAAA,CACrC;;IACf,UAAU,qBACT,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,YAAD;KAAU,IAAI,GAAG,GAAG;KAClB,UAAA,oBAAC,QAAD,EAAM,GAAG,UAAY,CAAA;IACb,CAAA,GACV,qBAAC,kBAAD;KAAgB,IAAI,GAAG,GAAG;KAAS,IAAG;KAAI,IAAG;KAAI,IAAG;KAAI,IAAG;KAA3D,UAAA;MACE,oBAAC,QAAD;OAAM,QAAO;OAAI,WAAU;OAAO,aAAY;MAAK,CAAA;MACnD,oBAAC,QAAD;OAAM,QAAO;OAAM,WAAU;OAAO,aAAY;MAAK,CAAA;MACrD,oBAAC,QAAD;OAAM,QAAO;OAAM,WAAU;OAAO,aAAY;MAAQ,CAAA;MACxD,oBAAC,QAAD;OAAM,QAAO;OAAM,WAAU;OAAO,aAAY;MAAK,CAAA;MACrD,oBAAC,QAAD;OAAM,QAAO;OAAI,WAAU;OAAO,aAAY;MAAK,CAAA;KACrC;IAChB,CAAA,CAAA,EAAA,CAAA;GAEA,EAAA,CAAA;GAEN,oBAAC,QAAD;IAAM,GAAG;IAAW,MAAM,QAAQ,GAAG;GAAU,CAAA;GAE/C,oBAAC,QAAD;IACE,GAAG;IACH,MAAM,QAAQ,GAAG;IACjB,SAAQ;GACT,CAAA;GACA,UAAU,qBACT,oBAAC,QAAD;IACE,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,MAAM,QAAQ,GAAG;IACjB,UAAU,QAAQ,GAAG;IACrB,WAAU;GACX,CAAA;EAEH,EAAA,CAAA;CAED,CAAA;AAET"}

package/dist/components/ui/alert-dialog.d.ts

@@ -0,0 +1,79 @@
+/**
+ * AlertDialog — modal confirmation for destructive or irreversible actions.
+ *
+ * Same modal mechanics as Dialog, but does not close on backdrop click and
+ * has no default close button — Cancel and Action are the only two exits.
+ * Built on the Radix AlertDialog primitive. Adds `AlertDialogMedia` (an
+ * icon slot above the title) and a `size` prop ("default" | "sm") that also
+ * compresses the footer into a two-column grid.
+ */
+import * as React from "react";
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { Button, type TextButtonSize } from "../../components/ui/button";
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    size?: "default" | "sm";
+}): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, variant, ...props }: React.ComponentProps<"div"> & {
+    /** `"plain"` drops the top border and grey background — a borderless, transparent footer for single-acknowledgement modals. */
+    variant?: "default" | "plain";
+}): React.JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, variant, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description> & {
+    /** `"emphasis"` renders the description as medium-weight foreground text instead of the default muted style — for a one-line subtitle that is the message itself. */
+    variant?: "default" | "emphasis";
+}): React.JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant"> & {
+    size?: TextButtonSize;
+}): React.JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant"> & {
+    size?: TextButtonSize;
+}): React.JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+/**
+ * WHEN TO USE
+ * - Confirming delete, remove, archive, discard — anything the user cannot undo
+ *
+ * NOT WHEN
+ * - Routine, reversible confirmations — use Dialog (dismissible by backdrop click)
+ * - Informational messages with no decision to make — use Alert
+ * - Transient feedback after an action already happened — use Toaster
+ *
+ * KEY RULES
+ * - Never dismissible by backdrop click — the user must choose Cancel or Action
+ * - Always pair AlertDialogAction with AlertDialogCancel; there is no default close button
+ * - AlertDialogAction/Cancel render as real Buttons (`asChild` on the Radix primitive) — pass `variant`/`size` straight through rather than wrapping them in another Button
+ * - AlertDialogMedia is optional; when present it shifts the header to an icon-beside-text layout on size="default"
+ * - size="sm" forces the two-column footer grid regardless of button count
+ * - AlertDialogDescription `variant="emphasis"` and AlertDialogFooter `variant="plain"` are for single-acknowledgement modals (a bold one-line message, one "Got it" button) — don't use them on destructive confirmations, where the muted description and bordered footer keep Cancel/Action visually separate from the message
+ *
+ * USAGE
+ * <AlertDialog>
+ *   <AlertDialogTrigger asChild><Button variant="destructive">Delete account</Button></AlertDialogTrigger>
+ *   <AlertDialogContent>
+ *     <AlertDialogHeader>
+ *       <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
+ *       <AlertDialogDescription>
+ *         This permanently deletes your account. This action cannot be undone.
+ *       </AlertDialogDescription>
+ *     </AlertDialogHeader>
+ *     <AlertDialogFooter>
+ *       <AlertDialogCancel>Cancel</AlertDialogCancel>
+ *       <AlertDialogAction>Delete</AlertDialogAction>
+ *     </AlertDialogFooter>
+ *   </AlertDialogContent>
+ * </AlertDialog>
+ *
+ * // Icon above the title
+ * <AlertDialogHeader>
+ *   <AlertDialogMedia><TriangleAlertIcon /></AlertDialogMedia>
+ *   <AlertDialogTitle>Discard unsaved changes?</AlertDialogTitle>
+ *   <AlertDialogDescription>Your edits will be lost.</AlertDialogDescription>
+ * </AlertDialogHeader>
+ */
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/ui/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAI9D,OAAO,EAAE,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAEpE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,qBAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAQ1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB,qBAeA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,+HAA+H;IAC/H,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC9B,qBAeA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,qBAWzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,GAAG;IACjE,qKAAqK;IACrK,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACjC,qBAeA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,cAAc,CAAA;CACtB,qBAUF;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,cAAc,CAAA;CACtB,qBAUF;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG"}

package/dist/components/ui/alert-dialog.js

@@ -0,0 +1,147 @@
+import { cn } from "../../lib/utils.js";
+import { getPortalContainer } from "../../lib/scope.js";
+import { Button } from "./button.js";
+import "react";
+import { AlertDialog as AlertDialog$1 } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ui/alert-dialog.tsx
+function AlertDialog({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Portal, {
+		"data-slot": "alert-dialog-portal",
+		container: getPortalContainer(),
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Overlay, {
+		"data-slot": "alert-dialog-overlay",
+		className: cn("fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog$1.Content, {
+		"data-slot": "alert-dialog-content",
+		"data-size": size,
+		className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", className),
+		...props
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		"data-variant": variant,
+		className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-1 rounded-b-xl p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", variant === "default" && "border-t bg-muted/50", className),
+		...props
+	});
+}
+function AlertDialogMedia({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-media",
+		className: cn("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog$1.Description, {
+		"data-slot": "alert-dialog-description",
+		"data-variant": variant,
+		className: cn("text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", variant === "emphasis" ? "font-medium text-foreground" : "text-muted-foreground", className),
+		...props
+	});
+}
+function AlertDialogAction({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(AlertDialog$1.Action, {
+			"data-slot": "alert-dialog-action",
+			className: cn(className),
+			...props
+		})
+	});
+}
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(AlertDialog$1.Cancel, {
+			"data-slot": "alert-dialog-cancel",
+			className: cn(className),
+			...props
+		})
+	});
+}
+/**
+* WHEN TO USE
+* - Confirming delete, remove, archive, discard — anything the user cannot undo
+*
+* NOT WHEN
+* - Routine, reversible confirmations — use Dialog (dismissible by backdrop click)
+* - Informational messages with no decision to make — use Alert
+* - Transient feedback after an action already happened — use Toaster
+*
+* KEY RULES
+* - Never dismissible by backdrop click — the user must choose Cancel or Action
+* - Always pair AlertDialogAction with AlertDialogCancel; there is no default close button
+* - AlertDialogAction/Cancel render as real Buttons (`asChild` on the Radix primitive) — pass `variant`/`size` straight through rather than wrapping them in another Button
+* - AlertDialogMedia is optional; when present it shifts the header to an icon-beside-text layout on size="default"
+* - size="sm" forces the two-column footer grid regardless of button count
+* - AlertDialogDescription `variant="emphasis"` and AlertDialogFooter `variant="plain"` are for single-acknowledgement modals (a bold one-line message, one "Got it" button) — don't use them on destructive confirmations, where the muted description and bordered footer keep Cancel/Action visually separate from the message
+*
+* USAGE
+* <AlertDialog>
+*   <AlertDialogTrigger asChild><Button variant="destructive">Delete account</Button></AlertDialogTrigger>
+*   <AlertDialogContent>
+*     <AlertDialogHeader>
+*       <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
+*       <AlertDialogDescription>
+*         This permanently deletes your account. This action cannot be undone.
+*       </AlertDialogDescription>
+*     </AlertDialogHeader>
+*     <AlertDialogFooter>
+*       <AlertDialogCancel>Cancel</AlertDialogCancel>
+*       <AlertDialogAction>Delete</AlertDialogAction>
+*     </AlertDialogFooter>
+*   </AlertDialogContent>
+* </AlertDialog>
+*
+* // Icon above the title
+* <AlertDialogHeader>
+*   <AlertDialogMedia><TriangleAlertIcon /></AlertDialogMedia>
+*   <AlertDialogTitle>Discard unsaved changes?</AlertDialogTitle>
+*   <AlertDialogDescription>Your edits will be lost.</AlertDialogDescription>
+* </AlertDialogHeader>
+*/
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["/**\n * AlertDialog — modal confirmation for destructive or irreversible actions.\n *\n * Same modal mechanics as Dialog, but does not close on backdrop click and\n * has no default close button — Cancel and Action are the only two exits.\n * Built on the Radix AlertDialog primitive. Adds `AlertDialogMedia` (an\n * icon slot above the title) and a `size` prop (\"default\" | \"sm\") that also\n * compresses the footer into a two-column grid.\n */\n\nimport * as React from \"react\"\nimport { AlertDialog as AlertDialogPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\nimport { getPortalContainer } from \"@/lib/scope\"\nimport { Button, type TextButtonSize } from \"@/components/ui/button\"\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal\n      data-slot=\"alert-dialog-portal\"\n      container={getPortalContainer()}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n  size?: \"default\" | \"sm\"\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          \"group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  /** `\"plain\"` drops the top border and grey background — a borderless, transparent footer for single-acknowledgement modals. */\n  variant?: \"default\" | \"plain\"\n}) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      data-variant={variant}\n      className={cn(\n        // gap-1, not gap-2 — same action-grouping convention as DialogFooter:\n        // Cancel/Continue resolve one decision together, a tight cluster.\n        \"-mx-4 -mb-4 flex flex-col-reverse gap-1 rounded-b-xl p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n        variant === \"default\" && \"border-t bg-muted/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description> & {\n  /** `\"emphasis\"` renders the description as medium-weight foreground text instead of the default muted style — for a one-line subtitle that is the message itself. */\n  variant?: \"default\" | \"emphasis\"\n}) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      data-variant={variant}\n      className={cn(\n        \"text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        variant === \"emphasis\"\n          ? \"font-medium text-foreground\"\n          : \"text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\"> & {\n    size?: TextButtonSize\n  }) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Action\n        data-slot=\"alert-dialog-action\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\"> & {\n    size?: TextButtonSize\n  }) {\n  return (\n    <Button variant={variant} size={size} asChild>\n      <AlertDialogPrimitive.Cancel\n        data-slot=\"alert-dialog-cancel\"\n        className={cn(className)}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n\n/**\n * WHEN TO USE\n * - Confirming delete, remove, archive, discard — anything the user cannot undo\n *\n * NOT WHEN\n * - Routine, reversible confirmations — use Dialog (dismissible by backdrop click)\n * - Informational messages with no decision to make — use Alert\n * - Transient feedback after an action already happened — use Toaster\n *\n * KEY RULES\n * - Never dismissible by backdrop click — the user must choose Cancel or Action\n * - Always pair AlertDialogAction with AlertDialogCancel; there is no default close button\n * - AlertDialogAction/Cancel render as real Buttons (`asChild` on the Radix primitive) — pass `variant`/`size` straight through rather than wrapping them in another Button\n * - AlertDialogMedia is optional; when present it shifts the header to an icon-beside-text layout on size=\"default\"\n * - size=\"sm\" forces the two-column footer grid regardless of button count\n * - AlertDialogDescription `variant=\"emphasis\"` and AlertDialogFooter `variant=\"plain\"` are for single-acknowledgement modals (a bold one-line message, one \"Got it\" button) — don't use them on destructive confirmations, where the muted description and bordered footer keep Cancel/Action visually separate from the message\n *\n * USAGE\n * <AlertDialog>\n *   <AlertDialogTrigger asChild><Button variant=\"destructive\">Delete account</Button></AlertDialogTrigger>\n *   <AlertDialogContent>\n *     <AlertDialogHeader>\n *       <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>\n *       <AlertDialogDescription>\n *         This permanently deletes your account. This action cannot be undone.\n *       </AlertDialogDescription>\n *     </AlertDialogHeader>\n *     <AlertDialogFooter>\n *       <AlertDialogCancel>Cancel</AlertDialogCancel>\n *       <AlertDialogAction>Delete</AlertDialogAction>\n *     </AlertDialogFooter>\n *   </AlertDialogContent>\n * </AlertDialog>\n *\n * // Icon above the title\n * <AlertDialogHeader>\n *   <AlertDialogMedia><TriangleAlertIcon /></AlertDialogMedia>\n *   <AlertDialogTitle>Discard unsaved changes?</AlertDialogTitle>\n *   <AlertDialogDescription>Your edits will be lost.</AlertDialogDescription>\n * </AlertDialogHeader>\n */\n"],"mappings":";;;;;;;AAiBA,SAAS,YAAY,EACnB,GAAG,SACsD;CACzD,OAAO,oBAAC,cAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,mBAAmB,EAC1B,GAAG,SACyD;CAC5D,OACE,oBAAC,cAAqB,SAAtB;EAA8B,aAAU;EAAuB,GAAI;CAAQ,CAAA;AAE/E;AAEA,SAAS,kBAAkB,EACzB,GAAG,SACwD;CAC3D,OACE,oBAAC,cAAqB,QAAtB;EACE,aAAU;EACV,WAAW,mBAAmB;EAC9B,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;CAC5D,OACE,oBAAC,cAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,iNACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAC1B,WACA,OAAO,WACP,GAAG,SAGF;CACD,OACE,qBAAC,mBAAD,EAAA,UAAA,CACE,oBAAC,oBAAD,CAAqB,CAAA,GACrB,oBAAC,cAAqB,SAAtB;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT,8dACA,SACF;EACA,GAAI;CACL,CAAA,CACgB,EAAA,CAAA;AAEvB;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC2B;CAC9B,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,sZACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,UAAU,WACV,GAAG,SAIF;CACD,OACE,oBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAW,GAGT,4LACA,YAAY,aAAa,wBACzB,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAC2B;CAC9B,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,8KACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;CAC1D,OACE,oBAAC,cAAqB,OAAtB;EACE,aAAU;EACV,WAAW,GACT,qJACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,uBAAuB,EAC9B,WACA,UAAU,WACV,GAAG,SAIF;CACD,OACE,oBAAC,cAAqB,aAAtB;EACE,aAAU;EACV,gBAAc;EACd,WAAW,GACT,4GACA,YAAY,aACR,gCACA,yBACJ,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,UAAU,WACV,OAAO,WACP,GAAG,SAIA;CACH,OACE,oBAAC,QAAD;EAAiB;EAAe;EAAM,SAAA;EACpC,UAAA,oBAAC,cAAqB,QAAtB;GACE,aAAU;GACV,WAAW,GAAG,SAAS;GACvB,GAAI;EACL,CAAA;CACK,CAAA;AAEZ;AAEA,SAAS,kBAAkB,EACzB,WACA,UAAU,WACV,OAAO,WACP,GAAG,SAIA;CACH,OACE,oBAAC,QAAD;EAAiB;EAAe;EAAM,SAAA;EACpC,UAAA,oBAAC,cAAqB,QAAtB;GACE,aAAU;GACV,WAAW,GAAG,SAAS;GACvB,GAAI;EACL,CAAA;CACK,CAAA;AAEZ"}

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

@@ -0,0 +1,71 @@
+/**
+ * Alert — inline, persistent message box for contextual information.
+ *
+ * A plain div styled with class-variance-authority (cva); no radix primitive
+ * underneath. Two variants (default/destructive); the icon-aware layout is
+ * composed purely from CSS attribute selectors (`has-[>svg]`, `data-slot`)
+ * instead of a dedicated Icon subcomponent, so any raw SVG child is
+ * auto-positioned.
+ */
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+    size?: "sm" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, size, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };
+/**
+ * WHEN TO USE
+ * - Persistent contextual info that stays until the user navigates away or the condition resolves — e.g. a form-level validation summary, a payment-failure notice, an inline warning banner.
+ * - A message that needs a title plus supporting text, optionally with one action (e.g. "Update").
+ * - A load failure while existing content stays on screen — e.g. a same-page
+ *   action lost connectivity — so the content isn't torn down over what may
+ *   be transient. See "Patterns/UI States"; a full-region failure with
+ *   nothing else on screen uses Empty instead.
+ *
+ * NOT WHEN
+ * - A transient confirmation that should disappear on its own (saved, deleted, upload finished) — use Toaster instead.
+ * - Anything requiring the user to make a decision before continuing — use AlertDialog instead.
+ * - A single field's validation error — use Field + FieldError instead.
+ *
+ * KEY RULES
+ * - variant is "default" or "destructive" (defaults to "default"); destructive also tints the description and any svg child red via data-slot targeting.
+ * - size is "default" or "sm" (defaults to "default") — "sm" for a tighter
+ *   space (embedded in a table row, a small Popover): smaller padding/icon,
+ *   text-xs instead of text-sm. Same default/sm vocabulary as Card/Select/
+ *   Label, not Alert-specific naming.
+ * - AlertTitle is expected in practice; AlertDescription and AlertAction are both optional.
+ * - No dismiss button and no auto-dismiss exist on this component — it stays until the parent removes it from the tree.
+ * - Pass an icon as a raw `<svg>`/lucide icon child (not wrapped in another element) — the `has-[>svg]` grid layout only triggers off a direct svg child.
+ * - AlertAction is absolutely positioned, right-anchored and vertically centered (never a fixed top offset — it doesn't contribute to Alert's own height, so a fixed value could put it taller than a short, title-only Alert actually is); Alert reserves horizontal space for it (`pr-18` default, `pr-16` at "sm") once one is present.
+ *
+ * USAGE
+ * <Alert>
+ *   <TerminalIcon />
+ *   <AlertTitle>Heads up!</AlertTitle>
+ *   <AlertDescription>You can add components to your app using the CLI.</AlertDescription>
+ * </Alert>
+ *
+ * <Alert variant="destructive">
+ *   <AlertTriangleIcon />
+ *   <AlertTitle>Unable to process your payment.</AlertTitle>
+ *   <AlertDescription>Verify your billing information and try again.</AlertDescription>
+ * </Alert>
+ *
+ * <Alert size="sm">
+ *   <WifiOffIcon />
+ *   <AlertTitle>You're offline</AlertTitle>
+ * </Alert>
+ *
+ * <Alert>
+ *   <InfoIcon />
+ *   <AlertTitle>A new version is available.</AlertTitle>
+ *   <AlertDescription>Version 2.1.0 is ready to install.</AlertDescription>
+ *   <AlertAction><Button size="sm" variant="outline">Update</Button></AlertAction>
+ * </Alert>
+ */
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;;8EAiClB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,qBAUlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAiBxE;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG"}

package/dist/components/ui/alert.js

@@ -0,0 +1,108 @@
+import { cn } from "../../lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/ui/alert.tsx
+var alertVariants = cva("group/alert relative grid w-full items-center gap-0.5 rounded-xl border text-left has-data-[slot=alert-action]:relative has-data-[slot=alert-description]:items-start has-[>svg]:grid-cols-[auto_1fr] *:[svg]:row-span-2 has-data-[slot=alert-description]:*:[svg]:translate-y-0.5 *:[svg]:text-current", {
+	variants: {
+		variant: {
+			default: "bg-card text-card-foreground",
+			destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+		},
+		size: {
+			default: "px-2.5 py-2 text-sm has-data-[slot=alert-action]:pr-18 has-[>svg]:gap-x-2 *:[svg:not([class*='size-'])]:size-4",
+			sm: "px-2 py-1.5 text-xs has-data-[slot=alert-action]:pr-16 has-[>svg]:gap-x-1.5 *:[svg:not([class*='size-'])]:size-3.5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Alert({ className, variant, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		"data-size": size,
+		role: "alert",
+		className: cn(alertVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+		...props
+	});
+}
+function AlertAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-action",
+		className: cn("absolute top-1/2 right-2 -translate-y-1/2", className),
+		...props
+	});
+}
+/**
+* WHEN TO USE
+* - Persistent contextual info that stays until the user navigates away or the condition resolves — e.g. a form-level validation summary, a payment-failure notice, an inline warning banner.
+* - A message that needs a title plus supporting text, optionally with one action (e.g. "Update").
+* - A load failure while existing content stays on screen — e.g. a same-page
+*   action lost connectivity — so the content isn't torn down over what may
+*   be transient. See "Patterns/UI States"; a full-region failure with
+*   nothing else on screen uses Empty instead.
+*
+* NOT WHEN
+* - A transient confirmation that should disappear on its own (saved, deleted, upload finished) — use Toaster instead.
+* - Anything requiring the user to make a decision before continuing — use AlertDialog instead.
+* - A single field's validation error — use Field + FieldError instead.
+*
+* KEY RULES
+* - variant is "default" or "destructive" (defaults to "default"); destructive also tints the description and any svg child red via data-slot targeting.
+* - size is "default" or "sm" (defaults to "default") — "sm" for a tighter
+*   space (embedded in a table row, a small Popover): smaller padding/icon,
+*   text-xs instead of text-sm. Same default/sm vocabulary as Card/Select/
+*   Label, not Alert-specific naming.
+* - AlertTitle is expected in practice; AlertDescription and AlertAction are both optional.
+* - No dismiss button and no auto-dismiss exist on this component — it stays until the parent removes it from the tree.
+* - Pass an icon as a raw `<svg>`/lucide icon child (not wrapped in another element) — the `has-[>svg]` grid layout only triggers off a direct svg child.
+* - AlertAction is absolutely positioned, right-anchored and vertically centered (never a fixed top offset — it doesn't contribute to Alert's own height, so a fixed value could put it taller than a short, title-only Alert actually is); Alert reserves horizontal space for it (`pr-18` default, `pr-16` at "sm") once one is present.
+*
+* USAGE
+* <Alert>
+*   <TerminalIcon />
+*   <AlertTitle>Heads up!</AlertTitle>
+*   <AlertDescription>You can add components to your app using the CLI.</AlertDescription>
+* </Alert>
+*
+* <Alert variant="destructive">
+*   <AlertTriangleIcon />
+*   <AlertTitle>Unable to process your payment.</AlertTitle>
+*   <AlertDescription>Verify your billing information and try again.</AlertDescription>
+* </Alert>
+*
+* <Alert size="sm">
+*   <WifiOffIcon />
+*   <AlertTitle>You're offline</AlertTitle>
+* </Alert>
+*
+* <Alert>
+*   <InfoIcon />
+*   <AlertTitle>A new version is available.</AlertTitle>
+*   <AlertDescription>Version 2.1.0 is ready to install.</AlertDescription>
+*   <AlertAction><Button size="sm" variant="outline">Update</Button></AlertAction>
+* </Alert>
+*/
+//#endregion
+export { Alert, AlertAction, AlertDescription, AlertTitle };
+
+//# sourceMappingURL=alert.js.map

package/dist/components/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["/**\n * Alert — inline, persistent message box for contextual information.\n *\n * A plain div styled with class-variance-authority (cva); no radix primitive\n * underneath. Two variants (default/destructive); the icon-aware layout is\n * composed purely from CSS attribute selectors (`has-[>svg]`, `data-slot`)\n * instead of a dedicated Icon subcomponent, so any raw SVG child is\n * auto-positioned.\n */\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst alertVariants = cva(\n  // items-center by default (title-only: one line, icon truly centers\n  // against it) — has-data-[slot=alert-description]:items-start switches\n  // to top-aligned for the two-line case, where the icon should sit near\n  // the title line, not centered across both lines; that case still needs\n  // its own small translate-y-0.5 nudge (icon's fixed height sits inside a\n  // taller stretched cell under items-start, close but not pixel-exact to\n  // the title's own line without it) — the title-only case doesn't, since\n  // items-center already lands it correctly with no cell/content height\n  // mismatch to correct for.\n  \"group/alert relative grid w-full items-center gap-0.5 rounded-xl border text-left has-data-[slot=alert-action]:relative has-data-[slot=alert-description]:items-start has-[>svg]:grid-cols-[auto_1fr] *:[svg]:row-span-2 has-data-[slot=alert-description]:*:[svg]:translate-y-0.5 *:[svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n      size: {\n        default:\n          \"px-2.5 py-2 text-sm has-data-[slot=alert-action]:pr-18 has-[>svg]:gap-x-2 *:[svg:not([class*='size-'])]:size-4\",\n        // pr-16, not pr-14: the recommended pairing (Button size=\"xs\" in\n        // AlertAction) renders ~50-56px wide, and pr-14 left near-zero\n        // margin from AlertAction's own right inset — any label longer\n        // than \"Update\" overlapped the title/description text.\n        sm: \"px-2 py-1.5 text-xs has-data-[slot=alert-action]:pr-16 has-[>svg]:gap-x-1.5 *:[svg:not([class*='size-'])]:size-3.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      data-size={size}\n      role=\"alert\"\n      className={cn(alertVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\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      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      // Vertically centered (top-1/2 -translate-y-1/2), not a fixed top\n      // offset — being `absolute`, this never contributes to Alert's own\n      // height, so a fixed top could put it taller than a short,\n      // title-only Alert actually is (e.g. sm's top-1.5 + an xs Button's\n      // h-6 = 30px, inside an Alert only ~28px tall), overflowing past the\n      // bottom edge instead of sitting inside it. Centering is correct\n      // for any Alert height or action size, not just the one pairing\n      // this was tuned against. right-2 at every size, not sm's old\n      // right-1.5 — that read flush against the edge with no margin.\n      className={cn(\"absolute top-1/2 right-2 -translate-y-1/2\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n\n/**\n * WHEN TO USE\n * - Persistent contextual info that stays until the user navigates away or the condition resolves — e.g. a form-level validation summary, a payment-failure notice, an inline warning banner.\n * - A message that needs a title plus supporting text, optionally with one action (e.g. \"Update\").\n * - A load failure while existing content stays on screen — e.g. a same-page\n *   action lost connectivity — so the content isn't torn down over what may\n *   be transient. See \"Patterns/UI States\"; a full-region failure with\n *   nothing else on screen uses Empty instead.\n *\n * NOT WHEN\n * - A transient confirmation that should disappear on its own (saved, deleted, upload finished) — use Toaster instead.\n * - Anything requiring the user to make a decision before continuing — use AlertDialog instead.\n * - A single field's validation error — use Field + FieldError instead.\n *\n * KEY RULES\n * - variant is \"default\" or \"destructive\" (defaults to \"default\"); destructive also tints the description and any svg child red via data-slot targeting.\n * - size is \"default\" or \"sm\" (defaults to \"default\") — \"sm\" for a tighter\n *   space (embedded in a table row, a small Popover): smaller padding/icon,\n *   text-xs instead of text-sm. Same default/sm vocabulary as Card/Select/\n *   Label, not Alert-specific naming.\n * - AlertTitle is expected in practice; AlertDescription and AlertAction are both optional.\n * - No dismiss button and no auto-dismiss exist on this component — it stays until the parent removes it from the tree.\n * - Pass an icon as a raw `<svg>`/lucide icon child (not wrapped in another element) — the `has-[>svg]` grid layout only triggers off a direct svg child.\n * - AlertAction is absolutely positioned, right-anchored and vertically centered (never a fixed top offset — it doesn't contribute to Alert's own height, so a fixed value could put it taller than a short, title-only Alert actually is); Alert reserves horizontal space for it (`pr-18` default, `pr-16` at \"sm\") once one is present.\n *\n * USAGE\n * <Alert>\n *   <TerminalIcon />\n *   <AlertTitle>Heads up!</AlertTitle>\n *   <AlertDescription>You can add components to your app using the CLI.</AlertDescription>\n * </Alert>\n *\n * <Alert variant=\"destructive\">\n *   <AlertTriangleIcon />\n *   <AlertTitle>Unable to process your payment.</AlertTitle>\n *   <AlertDescription>Verify your billing information and try again.</AlertDescription>\n * </Alert>\n *\n * <Alert size=\"sm\">\n *   <WifiOffIcon />\n *   <AlertTitle>You're offline</AlertTitle>\n * </Alert>\n *\n * <Alert>\n *   <InfoIcon />\n *   <AlertTitle>A new version is available.</AlertTitle>\n *   <AlertDescription>Version 2.1.0 is ready to install.</AlertDescription>\n *   <AlertAction><Button size=\"sm\" variant=\"outline\">Update</Button></AlertAction>\n * </Alert>\n */\n"],"mappings":";;;;;AAeA,IAAM,gBAAgB,IAUpB,2SACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;EACJ;EACA,MAAM;GACJ,SACE;GAKF,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,SACA,OAAO,WACP,GAAG,SACgE;CACnE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,aAAW;EACX,MAAK;EACL,WAAW,GAAG,cAAc;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EACzD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,uHACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAC2B;CAC9B,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,sJACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EAUV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,30 @@
+/**
+ * AspectRatio — locks a child to a fixed width:height ratio.
+ *
+ * A plain pass-through to the Radix AspectRatio primitive with a
+ * `data-slot` attribute added.
+ */
+import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react").JSX.Element;
+export { AspectRatio };
+/**
+ * WHEN TO USE
+ * - Reserving space for an image, video, or map embed so surrounding layout
+ *   doesn't shift while it loads — the box holds its shape at 0 bytes loaded.
+ *
+ * NOT WHEN
+ * - Content whose height should follow its own text/children — this forces
+ *   a ratio regardless of content size, so text can overflow it.
+ * - You just need a fixed pixel box — plain `h-*`/`w-*` utilities are simpler.
+ *
+ * KEY RULES
+ * - `ratio` is width/height as a number, e.g. `16 / 9`, `1` for square, `3 / 4`.
+ * - The child must fill the box (`size-full` or `absolute inset-0`) — the
+ *   wrapper sizes itself to the ratio, it doesn't resize its child for you.
+ *
+ * USAGE
+ *   <AspectRatio ratio={16 / 9} className="rounded-lg bg-muted">
+ *     <img src="..." className="size-full object-cover" />
+ *   </AspectRatio>
+ */
+//# sourceMappingURL=aspect-ratio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE9D,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,+BAExD;AAED,OAAO,EAAE,WAAW,EAAE,CAAA;AAEtB;;;;;;;;;;;;;;;;;;;GAmBG"}

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

@@ -0,0 +1,40 @@
+"use client";
+import { AspectRatio as AspectRatio$1 } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ui/aspect-ratio.tsx
+/**
+* AspectRatio — locks a child to a fixed width:height ratio.
+*
+* A plain pass-through to the Radix AspectRatio primitive with a
+* `data-slot` attribute added.
+*/
+function AspectRatio({ ...props }) {
+	return /* @__PURE__ */ jsx(AspectRatio$1.Root, {
+		"data-slot": "aspect-ratio",
+		...props
+	});
+}
+/**
+* WHEN TO USE
+* - Reserving space for an image, video, or map embed so surrounding layout
+*   doesn't shift while it loads — the box holds its shape at 0 bytes loaded.
+*
+* NOT WHEN
+* - Content whose height should follow its own text/children — this forces
+*   a ratio regardless of content size, so text can overflow it.
+* - You just need a fixed pixel box — plain `h-*`/`w-*` utilities are simpler.
+*
+* KEY RULES
+* - `ratio` is width/height as a number, e.g. `16 / 9`, `1` for square, `3 / 4`.
+* - The child must fill the box (`size-full` or `absolute inset-0`) — the
+*   wrapper sizes itself to the ratio, it doesn't resize its child for you.
+*
+* USAGE
+*   <AspectRatio ratio={16 / 9} className="rounded-lg bg-muted">
+*     <img src="..." className="size-full object-cover" />
+*   </AspectRatio>
+*/
+//#endregion
+export { AspectRatio };
+
+//# sourceMappingURL=aspect-ratio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../../src/components/ui/aspect-ratio.tsx"],"sourcesContent":["\"use client\"\n\n/**\n * AspectRatio — locks a child to a fixed width:height ratio.\n *\n * A plain pass-through to the Radix AspectRatio primitive with a\n * `data-slot` attribute added.\n */\n\nimport { AspectRatio as AspectRatioPrimitive } from \"radix-ui\"\n\nfunction AspectRatio({\n  ...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />\n}\n\nexport { AspectRatio }\n\n/**\n * WHEN TO USE\n * - Reserving space for an image, video, or map embed so surrounding layout\n *   doesn't shift while it loads — the box holds its shape at 0 bytes loaded.\n *\n * NOT WHEN\n * - Content whose height should follow its own text/children — this forces\n *   a ratio regardless of content size, so text can overflow it.\n * - You just need a fixed pixel box — plain `h-*`/`w-*` utilities are simpler.\n *\n * KEY RULES\n * - `ratio` is width/height as a number, e.g. `16 / 9`, `1` for square, `3 / 4`.\n * - The child must fill the box (`size-full` or `absolute inset-0`) — the\n *   wrapper sizes itself to the ratio, it doesn't resize its child for you.\n *\n * USAGE\n *   <AspectRatio ratio={16 / 9} className=\"rounded-lg bg-muted\">\n *     <img src=\"...\" className=\"size-full object-cover\" />\n *   </AspectRatio>\n */\n"],"mappings":";;;;;;;;;;AAWA,SAAS,YAAY,EACnB,GAAG,SACsD;CACzD,OAAO,oBAAC,cAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;CAAQ,CAAA;AACzE"}