agentic-ds-kit 0.1.0 → 0.2.0

package/dist/src/index.d.ts

@@ -0,0 +1,67 @@
+export * from '../ui/Accordion';
+export * from '../ui/Alert';
+export * from '../ui/AlertDialog';
+export * from '../ui/AppHeader';
+export * from '../ui/AppNav';
+export * from '../ui/Avatar';
+export * from '../ui/AvatarGroup';
+export * from '../ui/Badge';
+export * from '../ui/BarChart';
+export * from '../ui/Breadcrumb';
+export * from '../ui/Button';
+export * from '../ui/ButtonGroup';
+export * from '../ui/Calendar';
+export * from '../ui/Card';
+export * from '../ui/Carousel';
+export * from '../ui/Cell';
+export * from '../ui/Chat';
+export * from '../ui/Checkbox';
+export * from '../ui/Collapsible';
+export * from '../ui/Command';
+export * from '../ui/DataTable';
+export * from '../ui/DatePicker';
+export * from '../ui/Drawer';
+export * from '../ui/DropdownMenu';
+export * from '../ui/Empty';
+export * from '../ui/Field';
+export * from '../ui/FieldSet';
+export * from '../ui/HeaderCell';
+export * from '../ui/Input';
+export * from '../ui/InputOTP';
+export * from '../ui/InsightCard';
+export * from '../ui/LineChart';
+export * from '../ui/LoadingAnimation';
+export * from '../ui/Modal';
+export * from '../ui/ModalCard';
+export * from '../ui/NavigationMenu';
+export * from '../ui/NumberTransition';
+export * from '../ui/PageHeader';
+export * from '../ui/Pagination';
+export * from '../ui/PieChart';
+export * from '../ui/Progress';
+export * from '../ui/ProgressSteps';
+export * from '../ui/RadioGroup';
+export * from '../ui/Scoreboard';
+export * from '../ui/Scorecard';
+export * from '../ui/Section';
+export * from '../ui/Select';
+export * from '../ui/ShimmerText';
+export * from '../ui/SideNav';
+export * from '../ui/Slider';
+export * from '../ui/Spinner';
+export * from '../ui/Switch';
+export * from '../ui/Table';
+export * from '../ui/Tabs';
+export * from '../ui/Textarea';
+export * from '../ui/ThinkingAnimation';
+export * from '../ui/Timeline';
+export * from '../ui/Toast';
+export * from '../ui/Tooltip';
+export * from '../ui/patterns/ActivityPattern';
+export * from '../ui/patterns/AssistantWorkspacePattern';
+export * from '../ui/patterns/DashboardPattern';
+export * from '../ui/patterns/EmptyFirstRunPattern';
+export * from '../ui/patterns/InboxPattern';
+export * from '../ui/patterns/InviteMembersPattern';
+export * from '../ui/patterns/ListDetailPattern';
+export * from '../ui/patterns/SettingsFormPattern';

package/dist/src/index.js

@@ -0,0 +1,69 @@
+import "./tokens.js";
+import { Accordion as e } from "../ui/Accordion/Accordion.js";
+import { Alert as t } from "../ui/Alert/Alert.js";
+import { Button as n } from "../ui/Button/Button.js";
+import { ButtonGroup as r } from "../ui/ButtonGroup/ButtonGroup.js";
+import { AlertDialog as i } from "../ui/AlertDialog/AlertDialog.js";
+import { Input as a } from "../ui/Input/Input.js";
+import { AppHeader as o } from "../ui/AppHeader/AppHeader.js";
+import { AppNav as s } from "../ui/AppNav/AppNav.js";
+import { Avatar as c } from "../ui/Avatar/Avatar.js";
+import { AvatarGroup as l } from "../ui/AvatarGroup/AvatarGroup.js";
+import { Badge as u } from "../ui/Badge/Badge.js";
+import { BarChart as d } from "../ui/BarChart/BarChart.js";
+import { Breadcrumb as f } from "../ui/Breadcrumb/Breadcrumb.js";
+import { Calendar as p } from "../ui/Calendar/Calendar.js";
+import { Card as m } from "../ui/Card/Card.js";
+import { Carousel as h } from "../ui/Carousel/Carousel.js";
+import { Checkbox as g } from "../ui/Checkbox/Checkbox.js";
+import { DropdownMenu as _ } from "../ui/DropdownMenu/DropdownMenu.js";
+import { Progress as v } from "../ui/Progress/Progress.js";
+import { Select as y } from "../ui/Select/Select.js";
+import { Cell as b } from "../ui/Cell/Cell.js";
+import { ThinkingAnimation as x } from "../ui/ThinkingAnimation/ThinkingAnimation.js";
+import { Chat as S } from "../ui/Chat/Chat.js";
+import { Collapsible as C } from "../ui/Collapsible/Collapsible.js";
+import { Command as w } from "../ui/Command/Command.js";
+import { HeaderCell as T } from "../ui/HeaderCell/HeaderCell.js";
+import { DataTable as E } from "../ui/DataTable/DataTable.js";
+import { DatePicker as D } from "../ui/DatePicker/DatePicker.js";
+import { Drawer as O } from "../ui/Drawer/Drawer.js";
+import { Empty as k } from "../ui/Empty/Empty.js";
+import { Field as A } from "../ui/Field/Field.js";
+import { FieldSet as j } from "../ui/FieldSet/FieldSet.js";
+import { InputOTP as M } from "../ui/InputOTP/InputOTP.js";
+import { InsightCard as N } from "../ui/InsightCard/InsightCard.js";
+import { LineChart as P } from "../ui/LineChart/LineChart.js";
+import { LoadingAnimation as F } from "../ui/LoadingAnimation/LoadingAnimation.js";
+import { ModalCard as I } from "../ui/ModalCard/ModalCard.js";
+import { Modal as L } from "../ui/Modal/Modal.js";
+import { NavigationMenu as R } from "../ui/NavigationMenu/NavigationMenu.js";
+import { NumberTransition as z } from "../ui/NumberTransition/NumberTransition.js";
+import { PageHeader as B } from "../ui/PageHeader/PageHeader.js";
+import { Pagination as V } from "../ui/Pagination/Pagination.js";
+import { PieChart as H } from "../ui/PieChart/PieChart.js";
+import { ProgressSteps as U } from "../ui/ProgressSteps/ProgressSteps.js";
+import { RadioGroup as W } from "../ui/RadioGroup/RadioGroup.js";
+import { Scorecard as G } from "../ui/Scorecard/Scorecard.js";
+import { Scoreboard as K } from "../ui/Scoreboard/Scoreboard.js";
+import { Section as q } from "../ui/Section/Section.js";
+import { ShimmerText as J } from "../ui/ShimmerText/ShimmerText.js";
+import { SideNav as Y } from "../ui/SideNav/SideNav.js";
+import { Slider as X } from "../ui/Slider/Slider.js";
+import { Spinner as Z } from "../ui/Spinner/Spinner.js";
+import { Switch as Q } from "../ui/Switch/Switch.js";
+import { Table as $ } from "../ui/Table/Table.js";
+import { Tabs as ee } from "../ui/Tabs/Tabs.js";
+import { Textarea as te } from "../ui/Textarea/Textarea.js";
+import { Timeline as ne } from "../ui/Timeline/Timeline.js";
+import { Toast as re } from "../ui/Toast/Toast.js";
+import { Tooltip as ie } from "../ui/Tooltip/Tooltip.js";
+import { ActivityPattern as ae } from "../ui/patterns/ActivityPattern/ActivityPattern.js";
+import { AssistantWorkspacePattern as oe } from "../ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.js";
+import { DashboardPattern as se } from "../ui/patterns/DashboardPattern/DashboardPattern.js";
+import { EmptyFirstRunPattern as ce } from "../ui/patterns/EmptyFirstRunPattern/EmptyFirstRunPattern.js";
+import { InboxPattern as le } from "../ui/patterns/InboxPattern/InboxPattern.js";
+import { InviteMembersPattern as ue } from "../ui/patterns/InviteMembersPattern/InviteMembersPattern.js";
+import { ListDetailPattern as de } from "../ui/patterns/ListDetailPattern/ListDetailPattern.js";
+import { SettingsFormPattern as fe } from "../ui/patterns/SettingsFormPattern/SettingsFormPattern.js";
+export { e as Accordion, ae as ActivityPattern, t as Alert, i as AlertDialog, o as AppHeader, s as AppNav, oe as AssistantWorkspacePattern, c as Avatar, l as AvatarGroup, u as Badge, d as BarChart, f as Breadcrumb, n as Button, r as ButtonGroup, p as Calendar, m as Card, h as Carousel, b as Cell, S as Chat, g as Checkbox, C as Collapsible, w as Command, se as DashboardPattern, E as DataTable, D as DatePicker, O as Drawer, _ as DropdownMenu, k as Empty, ce as EmptyFirstRunPattern, A as Field, j as FieldSet, T as HeaderCell, le as InboxPattern, a as Input, M as InputOTP, N as InsightCard, ue as InviteMembersPattern, P as LineChart, de as ListDetailPattern, F as LoadingAnimation, L as Modal, I as ModalCard, R as NavigationMenu, z as NumberTransition, B as PageHeader, V as Pagination, H as PieChart, v as Progress, U as ProgressSteps, W as RadioGroup, K as Scoreboard, G as Scorecard, q as Section, y as Select, fe as SettingsFormPattern, J as ShimmerText, Y as SideNav, X as Slider, Z as Spinner, Q as Switch, $ as Table, ee as Tabs, te as Textarea, x as ThinkingAnimation, ne as Timeline, re as Toast, ie as Tooltip };

package/dist/src/tokens.js

@@ -0,0 +1,2 @@
+import "../lib/tokens.css";
+/* empty css            */

package/dist/ui/Accordion/Accordion.d.ts

@@ -0,0 +1,3 @@
+import { AccordionProps } from './Accordion.types';
+export type { AccordionProps, AccordionItem } from './Accordion.types';
+export declare function Accordion({ items, defaultOpen }: AccordionProps): import("react").JSX.Element;

package/dist/ui/Accordion/Accordion.js

@@ -0,0 +1,49 @@
+"use client";
+import e from "./Accordion.module.js";
+import { useState as t } from "react";
+import { ChevronDown as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ui/Accordion/Accordion.tsx
+function a({ items: a, defaultOpen: o }) {
+	let [s, c] = t(o ?? null);
+	return /* @__PURE__ */ r("div", {
+		className: e.root,
+		children: a.map((t) => {
+			let a = s === t.id, o = `accordion-panel-${t.id}`, l = `accordion-button-${t.id}`;
+			return /* @__PURE__ */ i("div", {
+				className: e.item,
+				children: [/* @__PURE__ */ i("button", {
+					type: "button",
+					id: l,
+					className: `${e.trigger} ${a ? e.triggerOpen : ""}`,
+					"aria-expanded": a,
+					"aria-controls": o,
+					onClick: () => c((e) => e === t.id ? null : t.id),
+					children: [/* @__PURE__ */ r("span", {
+						className: e.title,
+						children: t.title
+					}), /* @__PURE__ */ r(n, {
+						className: `${e.chevron} ${a ? e.chevronOpen : ""}`,
+						size: 16,
+						strokeWidth: 2,
+						"aria-hidden": !0
+					})]
+				}), /* @__PURE__ */ r("div", {
+					id: o,
+					role: "region",
+					"aria-labelledby": l,
+					className: e.panel,
+					hidden: !a,
+					children: /* @__PURE__ */ r("p", {
+						className: e.body,
+						children: t.content
+					})
+				})]
+			}, t.id);
+		})
+	});
+}
+//#endregion
+export { a as Accordion };
+
+//# sourceMappingURL=Accordion.js.map

package/dist/ui/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../ui/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport type { AccordionProps } from \"./Accordion.types\";\nimport styles from \"./Accordion.module.css\";\n\nexport type { AccordionProps, AccordionItem } from \"./Accordion.types\";\n\nexport function Accordion({ items, defaultOpen }: AccordionProps) {\n  const [openId, setOpenId] = useState<string | null>(defaultOpen ?? null);\n\n  return (\n    <div className={styles.root}>\n      {items.map((item) => {\n        const open = openId === item.id;\n        const panelId = `accordion-panel-${item.id}`;\n        const buttonId = `accordion-button-${item.id}`;\n        return (\n          <div key={item.id} className={styles.item}>\n            <button\n              type=\"button\"\n              id={buttonId}\n              className={`${styles.trigger} ${open ? styles.triggerOpen : \"\"}`}\n              aria-expanded={open}\n              aria-controls={panelId}\n              onClick={() => setOpenId((current) => (current === item.id ? null : item.id))}\n            >\n              <span className={styles.title}>{item.title}</span>\n              <ChevronDown\n                className={`${styles.chevron} ${open ? styles.chevronOpen : \"\"}`}\n                size={16}\n                strokeWidth={2}\n                aria-hidden\n              />\n            </button>\n            <div\n              id={panelId}\n              role=\"region\"\n              aria-labelledby={buttonId}\n              className={styles.panel}\n              hidden={!open}\n            >\n              <p className={styles.body}>{item.content}</p>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,EAAU,EAAE,UAAO,kBAA+B;CAChE,IAAM,CAAC,GAAQ,KAAa,EAAwB,KAAe,IAAI;CAEvE,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EACpB,UAAA,EAAM,KAAK,MAAS;GACnB,IAAM,IAAO,MAAW,EAAK,IACvB,IAAU,mBAAmB,EAAK,MAClC,IAAW,oBAAoB,EAAK;GAC1C,OACE,kBAAC,OAAD;IAAmB,WAAW,EAAO;IAArC,UAAA,CACE,kBAAC,UAAD;KACE,MAAK;KACL,IAAI;KACJ,WAAW,GAAG,EAAO,QAAQ,GAAG,IAAO,EAAO,cAAc;KAC5D,iBAAe;KACf,iBAAe;KACf,eAAe,GAAW,MAAa,MAAY,EAAK,KAAK,OAAO,EAAK,EAAG;KAN9E,UAAA,CAQE,kBAAC,QAAD;MAAM,WAAW,EAAO;MAAQ,UAAA,EAAK;KAAY,CAAA,GACjD,kBAAC,GAAD;MACE,WAAW,GAAG,EAAO,QAAQ,GAAG,IAAO,EAAO,cAAc;MAC5D,MAAM;MACN,aAAa;MACb,eAAA;KACD,CAAA,CACK;IACR,CAAA,GAAA,kBAAC,OAAD;KACE,IAAI;KACJ,MAAK;KACL,mBAAiB;KACjB,WAAW,EAAO;KAClB,QAAQ,CAAC;KAET,UAAA,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAO,UAAA,EAAK;KAAW,CAAA;IACzC,CAAA,CACF;GA1BK,GAAA,EAAK,EA0BV;EAET,CAAC;CACE,CAAA;AAET"}

package/{ui → dist/ui}/Accordion/Accordion.module.css

@@ -1,18 +1,18 @@
 
-.root {
+._root_173ou_2 {
   display: flex;
   flex-direction: column;
 }
 
-.item {
+._item_173ou_7 {
   border-bottom: var(--border-divider) solid var(--border-faint);
 }
 
-.item:first-child {
+._item_173ou_7:first-child {
   border-top: var(--border-divider) solid var(--border-faint);
 }
 
-.trigger {
+._trigger_173ou_15 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -27,32 +27,32 @@
   text-align: left;
 }
 
-.trigger:focus-visible {
+._trigger_173ou_15:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.title {
+._title_173ou_35 {
   font-family: var(--font-sans);
   font-size: var(--type-size-body);
   font-weight: var(--type-weight-heading);
 }
 
-.chevron {
+._chevron_173ou_41 {
   flex-shrink: 0;
   color: var(--icon-muted);
   transition: transform var(--motion-expand-duration) var(--motion-ease-out);
 }
 
-.chevronOpen {
+._chevronOpen_173ou_47 {
   transform: rotate(180deg);
 }
 
-.panel {
+._panel_173ou_51 {
   padding: 0 0 var(--space-4);
 }
 
-.body {
+._body_173ou_55 {
   margin: 0;
   padding-top: var(--space-1);
   font-family: var(--font-sans);
@@ -62,7 +62,7 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .chevron {
+  ._chevron_173ou_41 {
     transition: none;
   }
 }

package/dist/ui/Accordion/Accordion.module.js

@@ -0,0 +1,16 @@
+import "./Accordion.module.css";
+//#region ui/Accordion/Accordion.module.css
+var e = "_root_173ou_2", t = "_item_173ou_7", n = "_trigger_173ou_15", r = "_title_173ou_35", i = "_chevron_173ou_41", a = "_chevronOpen_173ou_47", o = "_panel_173ou_51", s = "_body_173ou_55", c = {
+	root: e,
+	item: t,
+	trigger: n,
+	title: r,
+	chevron: i,
+	chevronOpen: a,
+	panel: o,
+	body: s
+};
+//#endregion
+export { s as body, i as chevron, a as chevronOpen, c as default, t as item, o as panel, e as root, r as title, n as trigger };
+
+//# sourceMappingURL=Accordion.module.js.map

package/dist/ui/Accordion/Accordion.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.module.js","names":[],"sources":["../../../ui/Accordion/Accordion.module.css"],"sourcesContent":["\n.root {\n  display: flex;\n  flex-direction: column;\n}\n\n.item {\n  border-bottom: var(--border-divider) solid var(--border-faint);\n}\n\n.item:first-child {\n  border-top: var(--border-divider) solid var(--border-faint);\n}\n\n.trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-3);\n  width: 100%;\n  margin: 0;\n  padding: var(--space-4) 0;\n  border: 0;\n  background: transparent;\n  color: var(--text-primary);\n  cursor: pointer;\n  text-align: left;\n}\n\n.trigger:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.title {\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body);\n  font-weight: var(--type-weight-heading);\n}\n\n.chevron {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n  transition: transform var(--motion-expand-duration) var(--motion-ease-out);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n.panel {\n  padding: 0 0 var(--space-4);\n}\n\n.body {\n  margin: 0;\n  padding-top: var(--space-1);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .chevron {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/ui/Accordion/Accordion.types.d.ts

@@ -0,0 +1,9 @@
+export interface AccordionItem {
+    id: string;
+    title: string;
+    content: string;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+    defaultOpen?: string;
+}

package/dist/ui/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from './Accordion';
+export type { AccordionProps, AccordionItem } from './Accordion.types';

package/dist/ui/Alert/Alert.d.ts

@@ -0,0 +1,3 @@
+import { AlertProps } from './Alert.types';
+export type { AlertProps, AlertVariant } from './Alert.types';
+export declare function Alert({ children, variant, title }: AlertProps): import("react").JSX.Element;

package/dist/ui/Alert/Alert.js

@@ -0,0 +1,36 @@
+import e from "./Alert.module.js";
+import { CircleAlert as t, CircleCheck as n, Info as r, TriangleAlert as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ui/Alert/Alert.tsx
+var s = {
+	info: r,
+	success: n,
+	warning: i,
+	danger: t
+};
+function c({ children: t, variant: n = "info", title: r }) {
+	let i = s[n], c = n === "warning" || n === "danger" ? "alert" : "status";
+	return /* @__PURE__ */ o("div", {
+		className: `${e.alert} ${e[n]}`,
+		role: c,
+		children: [/* @__PURE__ */ a(i, {
+			className: e.icon,
+			size: 18,
+			strokeWidth: 2,
+			"aria-hidden": !0
+		}), /* @__PURE__ */ o("div", {
+			className: e.copy,
+			children: [r ? /* @__PURE__ */ a("p", {
+				className: e.title,
+				children: r
+			}) : null, /* @__PURE__ */ a("p", {
+				className: e.body,
+				children: t
+			})]
+		})]
+	});
+}
+//#endregion
+export { c as Alert };
+
+//# sourceMappingURL=Alert.js.map

package/dist/ui/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","names":[],"sources":["../../../ui/Alert/Alert.tsx"],"sourcesContent":["import { CircleAlert, CircleCheck, Info, TriangleAlert } from \"lucide-react\";\nimport type { AlertProps, AlertVariant } from \"./Alert.types\";\nimport styles from \"./Alert.module.css\";\n\nexport type { AlertProps, AlertVariant } from \"./Alert.types\";\n\nconst ICONS: Record<AlertVariant, typeof Info> = {\n  info: Info,\n  success: CircleCheck,\n  warning: TriangleAlert,\n  danger: CircleAlert,\n};\n\nexport function Alert({ children, variant = \"info\", title }: AlertProps) {\n  const Icon = ICONS[variant];\n  const role = variant === \"warning\" || variant === \"danger\" ? \"alert\" : \"status\";\n\n  return (\n    <div className={`${styles.alert} ${styles[variant]}`} role={role}>\n      <Icon className={styles.icon} size={18} strokeWidth={2} aria-hidden />\n      <div className={styles.copy}>\n        {title ? <p className={styles.title}>{title}</p> : null}\n        <p className={styles.body}>{children}</p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAMA,IAAM,IAA2C;CAC/C,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AAEA,SAAgB,EAAM,EAAE,aAAU,aAAU,QAAQ,YAAqB;CACvE,IAAM,IAAO,EAAM,IACb,IAAO,MAAY,aAAa,MAAY,WAAW,UAAU;CAEvE,OACE,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAO,MAAM,GAAG,EAAO;EAAkB;EAA5D,UAAA,CACE,kBAAC,GAAD;GAAM,WAAW,EAAO;GAAM,MAAM;GAAI,aAAa;GAAG,eAAA;EAAa,CAAA,GACrE,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA,CACG,IAAQ,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAQ,UAAA;GAAS,CAAA,IAAI,MACnD,kBAAC,KAAD;IAAG,WAAW,EAAO;IAAO;GAAY,CAAA,CACrC;EACF,CAAA,CAAA;;AAET"}

package/{ui → dist/ui}/Alert/Alert.module.css

@@ -1,5 +1,5 @@
 
-.alert {
+._alert_njfy6_2 {
   display: grid;
   grid-template-columns: auto 1fr;
   gap: var(--space-3);
@@ -10,35 +10,35 @@
   color: var(--status-info);
 }
 
-.success {
+._success_njfy6_13 {
   border-color: var(--status-success-border);
   background: var(--status-success-subtle);
   color: var(--status-success);
 }
 
-.warning {
+._warning_njfy6_19 {
   border-color: var(--status-warning-border);
   background: var(--status-warning-subtle);
   color: var(--status-warning);
 }
 
-.danger {
+._danger_njfy6_25 {
   border-color: var(--status-danger-border);
   background: var(--status-danger-subtle);
   color: var(--status-danger);
 }
 
-.icon {
+._icon_njfy6_31 {
   margin-top: 0.1rem;
 }
 
-.copy {
+._copy_njfy6_35 {
   display: grid;
   gap: 0.15rem;
   min-width: 0;
 }
 
-.title {
+._title_njfy6_41 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-label);
@@ -46,7 +46,7 @@
   color: inherit;
 }
 
-.body {
+._body_njfy6_49 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);
@@ -54,9 +54,9 @@
   color: var(--text-primary);
 }
 
-.info .body,
-.success .body,
-.warning .body,
-.danger .body {
+._info_njfy6_57 ._body_njfy6_49,
+._success_njfy6_13 ._body_njfy6_49,
+._warning_njfy6_19 ._body_njfy6_49,
+._danger_njfy6_25 ._body_njfy6_49 {
   color: var(--text-primary);
 }

package/dist/ui/Alert/Alert.module.js

@@ -0,0 +1,17 @@
+import "./Alert.module.css";
+//#region ui/Alert/Alert.module.css
+var e = "_alert_njfy6_2", t = "_success_njfy6_13", n = "_warning_njfy6_19", r = "_danger_njfy6_25", i = "_icon_njfy6_31", a = "_copy_njfy6_35", o = "_title_njfy6_41", s = "_body_njfy6_49", c = "_info_njfy6_57", l = {
+	alert: e,
+	success: t,
+	warning: n,
+	danger: r,
+	icon: i,
+	copy: a,
+	title: o,
+	body: s,
+	info: c
+};
+//#endregion
+export { e as alert, s as body, a as copy, r as danger, l as default, i as icon, c as info, t as success, o as title, n as warning };
+
+//# sourceMappingURL=Alert.module.js.map

package/dist/ui/Alert/Alert.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.module.js","names":[],"sources":["../../../ui/Alert/Alert.module.css"],"sourcesContent":["\n.alert {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: var(--space-3);\n  padding: var(--space-3) var(--space-4);\n  border: var(--border-100) solid var(--status-info-border);\n  border-radius: var(--radius-surface-sm);\n  background: var(--status-info-subtle);\n  color: var(--status-info);\n}\n\n.success {\n  border-color: var(--status-success-border);\n  background: var(--status-success-subtle);\n  color: var(--status-success);\n}\n\n.warning {\n  border-color: var(--status-warning-border);\n  background: var(--status-warning-subtle);\n  color: var(--status-warning);\n}\n\n.danger {\n  border-color: var(--status-danger-border);\n  background: var(--status-danger-subtle);\n  color: var(--status-danger);\n}\n\n.icon {\n  margin-top: 0.1rem;\n}\n\n.copy {\n  display: grid;\n  gap: 0.15rem;\n  min-width: 0;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-label);\n  font-weight: var(--type-weight-label);\n  color: inherit;\n}\n\n.body {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n}\n\n.info .body,\n.success .body,\n.warning .body,\n.danger .body {\n  color: var(--text-primary);\n}\n"],"mappings":""}

package/{ui/Alert/Alert.types.ts → dist/ui/Alert/Alert.types.d.ts}

@@ -1,7 +1,6 @@
 export type AlertVariant = "info" | "success" | "warning" | "danger";
-
 export interface AlertProps {
-  children: string;
-  variant?: AlertVariant;
-  title?: string;
+    children: string;
+    variant?: AlertVariant;
+    title?: string;
 }

package/dist/ui/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { Alert } from './Alert';
+export type { AlertProps, AlertVariant } from './Alert.types';

package/dist/ui/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,3 @@
+import { AlertDialogProps } from './AlertDialog.types';
+export type { AlertDialogProps, AlertDialogActionVariant, AlertDialogSize } from './AlertDialog.types';
+export declare function AlertDialog({ open, title, description, cancelLabel, actionLabel, actionVariant, size, onCancel, onAction, }: AlertDialogProps): import("react").JSX.Element | null;

package/dist/ui/AlertDialog/AlertDialog.js

@@ -0,0 +1,76 @@
+"use client";
+import { Button as e } from "../Button/Button.js";
+import { ButtonGroup as t } from "../ButtonGroup/ButtonGroup.js";
+import n from "./AlertDialog.module.js";
+import { useEffect as r, useId as i, useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ui/AlertDialog/AlertDialog.tsx
+function c({ open: c, title: l, description: u, cancelLabel: d = "Cancel", actionLabel: f, actionVariant: p = "primary", size: m = "md", onCancel: h, onAction: g }) {
+	let _ = i(), v = i(), y = a(null), b = a(null), x = a(h);
+	return x.current = h, r(() => {
+		if (!c) return;
+		let e = y.current;
+		if (!e) return;
+		let t = e.querySelector("button");
+		b.current = t, t?.focus();
+		let n = (t) => {
+			if (t.key === "Escape") {
+				t.preventDefault(), x.current();
+				return;
+			}
+			if (t.key !== "Tab") return;
+			let n = Array.from(e.querySelectorAll("button"));
+			if (n.length === 0) return;
+			let r = n[0], i = n[n.length - 1], a = document.activeElement, o = a instanceof Node && e.contains(a);
+			t.shiftKey ? (!o || a === r) && (t.preventDefault(), i.focus()) : (!o || a === i) && (t.preventDefault(), r.focus());
+		};
+		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+	}, [c]), c ? /* @__PURE__ */ o("div", {
+		className: n.overlay,
+		role: "presentation",
+		onMouseDown: (e) => {
+			e.target === e.currentTarget && e.preventDefault();
+		},
+		children: /* @__PURE__ */ s("div", {
+			ref: y,
+			role: "alertdialog",
+			"aria-modal": "true",
+			"aria-labelledby": _,
+			"aria-describedby": v,
+			className: `${n.dialog} ${n[m]}`,
+			children: [
+				/* @__PURE__ */ o("h2", {
+					id: _,
+					className: n.title,
+					children: l
+				}),
+				/* @__PURE__ */ o("p", {
+					id: v,
+					className: n.description,
+					children: u
+				}),
+				/* @__PURE__ */ o("div", {
+					className: n.footer,
+					children: /* @__PURE__ */ s(t, {
+						ariaLabel: "Dialog actions",
+						children: [/* @__PURE__ */ o(e, {
+							variant: "secondary",
+							size: "md",
+							onClick: h,
+							children: d
+						}), /* @__PURE__ */ o(e, {
+							variant: p,
+							size: "md",
+							onClick: g,
+							children: f
+						})]
+					})
+				})
+			]
+		})
+	}) : null;
+}
+//#endregion
+export { c as AlertDialog };
+
+//# sourceMappingURL=AlertDialog.js.map

package/dist/ui/AlertDialog/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","names":[],"sources":["../../../ui/AlertDialog/AlertDialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useId, useRef } from \"react\";\nimport { Button } from \"../Button\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport type { AlertDialogProps } from \"./AlertDialog.types\";\nimport styles from \"./AlertDialog.module.css\";\n\nexport type { AlertDialogProps, AlertDialogActionVariant, AlertDialogSize } from \"./AlertDialog.types\";\n\nexport function AlertDialog({\n  open,\n  title,\n  description,\n  cancelLabel = \"Cancel\",\n  actionLabel,\n  actionVariant = \"primary\",\n  size = \"md\",\n  onCancel,\n  onAction,\n}: AlertDialogProps) {\n  const titleId = useId();\n  const descriptionId = useId();\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const cancelRef = useRef<HTMLButtonElement | null>(null);\n  const onCancelRef = useRef(onCancel);\n\n  onCancelRef.current = onCancel;\n\n  useEffect(() => {\n    if (!open) return;\n\n    const root = dialogRef.current;\n    if (!root) return;\n\n    const cancelButton = root.querySelector<HTMLButtonElement>(\"button\");\n    cancelRef.current = cancelButton;\n    cancelButton?.focus();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        onCancelRef.current();\n        return;\n      }\n\n      if (event.key !== \"Tab\") return;\n\n      const buttons = Array.from(root.querySelectorAll<HTMLButtonElement>(\"button\"));\n      if (buttons.length === 0) return;\n\n      const first = buttons[0];\n      const last = buttons[buttons.length - 1];\n      const active = document.activeElement;\n      const inside = active instanceof Node && root.contains(active);\n\n      if (event.shiftKey) {\n        if (!inside || active === first) {\n          event.preventDefault();\n          last.focus();\n        }\n      } else if (!inside || active === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      className={styles.overlay}\n      role=\"presentation\"\n      onMouseDown={(event) => {\n        if (event.target === event.currentTarget) event.preventDefault();\n      }}\n    >\n      <div\n        ref={dialogRef}\n        role=\"alertdialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n        className={`${styles.dialog} ${styles[size]}`}\n      >\n        <h2 id={titleId} className={styles.title}>\n          {title}\n        </h2>\n        <p id={descriptionId} className={styles.description}>\n          {description}\n        </p>\n        <div className={styles.footer}>\n          <ButtonGroup ariaLabel=\"Dialog actions\">\n            <Button variant=\"secondary\" size=\"md\" onClick={onCancel}>\n              {cancelLabel}\n            </Button>\n            <Button variant={actionVariant} size=\"md\" onClick={onAction}>\n              {actionLabel}\n            </Button>\n          </ButtonGroup>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,EAAY,EAC1B,SACA,UACA,gBACA,iBAAc,UACd,gBACA,mBAAgB,WAChB,UAAO,MACP,aACA,eACmB;CACnB,IAAM,IAAU,EAAM,GAChB,IAAgB,EAAM,GACtB,IAAY,EAAuB,IAAI,GACvC,IAAY,EAAiC,IAAI,GACjD,IAAc,EAAO,CAAQ;CAgDnC,OA9CA,EAAY,UAAU,GAEtB,QAAgB;EACd,IAAI,CAAC,GAAM;EAEX,IAAM,IAAO,EAAU;EACvB,IAAI,CAAC,GAAM;EAEX,IAAM,IAAe,EAAK,cAAiC,QAAQ;EAEnE,AADA,EAAU,UAAU,GACpB,GAAc,MAAM;EAEpB,IAAM,KAAa,MAAyB;GAC1C,IAAI,EAAM,QAAQ,UAAU;IAE1B,AADA,EAAM,eAAe,GACrB,EAAY,QAAQ;IACpB;GACF;GAEA,IAAI,EAAM,QAAQ,OAAO;GAEzB,IAAM,IAAU,MAAM,KAAK,EAAK,iBAAoC,QAAQ,CAAC;GAC7E,IAAI,EAAQ,WAAW,GAAG;GAE1B,IAAM,IAAQ,EAAQ,IAChB,IAAO,EAAQ,EAAQ,SAAS,IAChC,IAAS,SAAS,eAClB,IAAS,aAAkB,QAAQ,EAAK,SAAS,CAAM;GAE7D,AAAI,EAAM,YACJ,CAAC,KAAU,MAAW,OACxB,EAAM,eAAe,GACrB,EAAK,MAAM,MAEJ,CAAC,KAAU,MAAW,OAC/B,EAAM,eAAe,GACrB,EAAM,MAAM;EAEhB;EAGA,OADA,SAAS,iBAAiB,WAAW,CAAS,SACjC,SAAS,oBAAoB,WAAW,CAAS;CAChE,GAAG,CAAC,CAAI,CAAC,GAEJ,IAGH,kBAAC,OAAD;EACE,WAAW,EAAO;EAClB,MAAK;EACL,cAAc,MAAU;GACtB,AAAI,EAAM,WAAW,EAAM,iBAAe,EAAM,eAAe;EACjE;EAEA,UAAA,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB;GACjB,oBAAkB;GAClB,WAAW,GAAG,EAAO,OAAO,GAAG,EAAO;GANxC,UAAA;IAQE,kBAAC,MAAD;KAAI,IAAI;KAAS,WAAW,EAAO;KAChC,UAAA;IACC,CAAA;IACJ,kBAAC,KAAD;KAAG,IAAI;KAAe,WAAW,EAAO;KACrC,UAAA;IACA,CAAA;IACH,kBAAC,OAAD;KAAK,WAAW,EAAO;KACrB,UAAA,kBAAC,GAAD;MAAa,WAAU;MAAvB,UAAA,CACE,kBAAC,GAAD;OAAQ,SAAQ;OAAY,MAAK;OAAK,SAAS;OAC5C,UAAA;MACK,CAAA,GACR,kBAAC,GAAD;OAAQ,SAAS;OAAe,MAAK;OAAK,SAAS;OAChD,UAAA;MACK,CAAA,CACG;;IACV,CAAA;GACF;;CACF,CAAA,IAnCW;AAqCpB"}

package/{ui → dist/ui}/AlertDialog/AlertDialog.module.css

@@ -1,4 +1,4 @@
-.overlay {
+._overlay_1cwsx_1 {
   position: fixed;
   inset: 0;
   z-index: var(--z-overlay);
@@ -7,10 +7,10 @@
   justify-content: center;
   padding: var(--space-4);
   background-color: var(--surface-overlay);
-  animation: overlayEnter var(--motion-overlay-duration) var(--motion-overlay-easing);
+  animation: _overlayEnter_1cwsx_1 var(--motion-overlay-duration) var(--motion-overlay-easing);
 }
 
-.dialog {
+._dialog_1cwsx_13 {
   z-index: var(--z-modal);
   width: 100%;
   padding: var(--space-6);
@@ -18,18 +18,18 @@
   border: var(--border-width-thin) solid var(--border-faint);
   border-radius: var(--radius-surface-md);
   box-shadow: var(--shadow-md);
-  animation: dialogEnter var(--motion-modal-duration) var(--motion-modal-easing);
+  animation: _dialogEnter_1cwsx_1 var(--motion-modal-duration) var(--motion-modal-easing);
 }
 
-.sm {
+._sm_1cwsx_24 {
   max-width: 20rem;
 }
 
-.md {
+._md_1cwsx_28 {
   max-width: 28rem;
 }
 
-.title {
+._title_1cwsx_32 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-heading);
@@ -38,7 +38,7 @@
   color: var(--text-primary);
 }
 
-.description {
+._description_1cwsx_41 {
   margin: var(--space-3) 0 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body);
@@ -46,13 +46,13 @@
   color: var(--text-muted);
 }
 
-.footer {
+._footer_1cwsx_49 {
   display: flex;
   justify-content: flex-end;
   margin-top: var(--space-6);
 }
 
-@keyframes overlayEnter {
+@keyframes _overlayEnter_1cwsx_1 {
   from {
     opacity: var(--opacity-0);
   }
@@ -61,7 +61,7 @@
   }
 }
 
-@keyframes dialogEnter {
+@keyframes _dialogEnter_1cwsx_1 {
   from {
     opacity: var(--opacity-0);
   }