agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/Carousel/Carousel.module.js

@@ -0,0 +1,21 @@
+import "./Carousel.module.css";
+//#region ui/Carousel/Carousel.module.css
+var e = "_root_1mva0_1", t = "_horizontal_1mva0_12", n = "_vertical_1mva0_13", r = "_stage_1mva0_17", i = "_viewport_1mva0_21", a = "_track_1mva0_29", o = "_slide_1mva0_42", s = "_per2_1mva0_64", c = "_per3_1mva0_68", l = "_per4_1mva0_72", u = "_prev_1mva0_76", d = "_next_1mva0_77", f = "_index_1mva0_106", p = {
+	root: e,
+	horizontal: t,
+	vertical: n,
+	stage: r,
+	viewport: i,
+	track: a,
+	slide: o,
+	per2: s,
+	per3: c,
+	per4: l,
+	prev: u,
+	next: d,
+	index: f
+};
+//#endregion
+export { p as default, t as horizontal, f as index, d as next, s as per2, c as per3, l as per4, u as prev, e as root, o as slide, r as stage, a as track, n as vertical, i as viewport };
+
+//# sourceMappingURL=Carousel.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.module.js","names":[],"sources":["../../../ui/Carousel/Carousel.module.css"],"sourcesContent":[".root {\n  width: 100%;\n  min-width: 0;\n  outline: none;\n}\n\n.root:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.horizontal,\n.vertical {\n  min-width: 0;\n}\n\n.stage {\n  position: relative;\n}\n\n.viewport {\n  overflow: hidden;\n}\n\n.vertical .viewport {\n  block-size: 12.5rem;\n}\n\n.track {\n  display: flex;\n  align-items: stretch;\n  margin-inline-start: calc(-1 * var(--space-4));\n}\n\n.vertical .track {\n  flex-direction: column;\n  height: 100%;\n  margin-inline-start: 0;\n  margin-block-start: calc(-1 * var(--space-4));\n}\n\n.slide {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: 100%;\n  padding-inline-start: var(--space-4);\n}\n\n.slide > * {\n  flex: 1 1 auto;\n  width: 100%;\n  min-width: 0;\n}\n\n.vertical .slide {\n  padding-inline-start: 0;\n  padding-block-start: var(--space-4);\n}\n\n.per2 .slide {\n  flex-basis: 50%;\n}\n\n.per3 .slide {\n  flex-basis: calc(100% / 3);\n}\n\n.per4 .slide {\n  flex-basis: 25%;\n}\n\n.prev,\n.next {\n  position: absolute;\n  z-index: 1;\n}\n\n.horizontal .prev {\n  inset-block-start: 50%;\n  inset-inline-start: calc(-1 * var(--space-12));\n  transform: translateY(-50%);\n}\n\n.horizontal .next {\n  inset-block-start: 50%;\n  inset-inline-end: calc(-1 * var(--space-12));\n  transform: translateY(-50%);\n}\n\n.vertical .prev {\n  inset-block-start: calc(-1 * var(--space-12));\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n}\n\n.vertical .next {\n  inset-block-end: calc(-1 * var(--space-12));\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n}\n\n.index {\n  margin: var(--space-3) 0 0;\n  text-align: center;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n}\n"],"mappings":""}

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type CarouselOrientation = "horizontal" | "vertical";
+export type CarouselAlign = "start" | "center";
+export type CarouselSlidesPerView = 1 | 2 | 3 | 4;
+export interface CarouselProps {
+    items: ReactNode[];
+    orientation?: CarouselOrientation;
+    loop?: boolean;
+    align?: CarouselAlign;
+    slidesPerView?: CarouselSlidesPerView;
+    showControls?: boolean;
+    showIndex?: boolean;
+    onIndexChange?: (index: number) => void;
+    ariaLabel?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Carousel } from './Carousel';
+export type { CarouselProps, CarouselOrientation, CarouselAlign, CarouselSlidesPerView, } from './Carousel.types';

package/dist/ui/Cell/Cell.d.ts

@@ -0,0 +1,3 @@
+import { CellProps } from './Cell.types';
+export type { CellProps, CellValue, CellType, CellSize, CellPerson, CellBadgeItem, CellOption, CellAction, } from './Cell.types';
+export declare function Cell({ type, size, text, checkbox, label, name, src, initials, people, icon, tone, badges, value, options, actions, checked, defaultChecked, onCheckedChange, id, }: CellProps): import("react").JSX.Element;

package/dist/ui/Cell/Cell.js

@@ -0,0 +1,215 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import { Button as t } from "../Button/Button.js";
+import { ButtonGroup as n } from "../ButtonGroup/ButtonGroup.js";
+import { Avatar as r } from "../Avatar/Avatar.js";
+import { AvatarGroup as i } from "../AvatarGroup/AvatarGroup.js";
+import { Badge as a } from "../Badge/Badge.js";
+import { Checkbox as o } from "../Checkbox/Checkbox.js";
+import { DropdownMenu as s } from "../DropdownMenu/DropdownMenu.js";
+import { Progress as c } from "../Progress/Progress.js";
+import { Select as l } from "../Select/Select.js";
+import u from "./Cell.module.js";
+import { useId as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region ui/Cell/Cell.tsx
+var m = {
+	sm: 14,
+	md: 16
+}, h = 5, g = /* @__PURE__ */ new Set([
+	"badge",
+	"badges",
+	"select",
+	"rating",
+	"actions",
+	"actionIcons",
+	"actionMenu"
+]);
+function _(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function v(e) {
+	if (e === void 0 || e === "") return 0;
+	let t = typeof e == "number" ? e : parseFloat(String(e).replace("%", ""));
+	return Number.isNaN(t) ? 0 : _(t, 0, 100);
+}
+function y(e) {
+	if (e === void 0 || e === "") return 0;
+	let t = typeof e == "number" ? e : parseFloat(String(e));
+	return Number.isNaN(t) ? 0 : _(Math.round(t), 0, h);
+}
+function b(e, t, n, r) {
+	return g.has(e) ? "" : e === "progress" ? t || `${Math.round(v(r))}%` : e === "trendPositive" || e === "trendNegative" ? t || (r === void 0 ? "" : String(r)) : t || (e === "avatar" || e === "avatarGroup" ? n ?? "" : "");
+}
+function x(e, t) {
+	return t === void 0 || t === "" ? e : `${e} ${t}`;
+}
+function S({ type: g = "text", size: _ = "md", text: S = !0, checkbox: C = !1, label: w, name: T, src: E, initials: D, people: O, icon: k, tone: A = "neutral", badges: j, value: M, options: N, actions: P, checked: F, defaultChecked: I, onCheckedChange: L, id: R }) {
+	let z = d(), B = R ?? z, V = `${z}-select`, H = m[_], U = T || w || "", W = b(g, w, T, M), G = w || T || "row", K;
+	S || (g === "file" || g === "payment" ? K = w || T : g === "trendPositive" ? K = x("Up", M) : g === "trendNegative" ? K = x("Down", M) : g === "rating" && (K = `${y(M)} of ${h}`));
+	let q = null;
+	if (g === "avatar") q = /* @__PURE__ */ f(r, {
+		name: U,
+		src: E,
+		initials: D,
+		size: _
+	});
+	else if (g === "avatarGroup" && O && O.length > 0) q = /* @__PURE__ */ f(i, {
+		items: O,
+		size: _,
+		max: 3,
+		ariaLabel: w
+	});
+	else if (g === "file") q = /* @__PURE__ */ f(e, {
+		name: k || "File",
+		size: H,
+		className: u.icon
+	});
+	else if (g === "payment") q = /* @__PURE__ */ f(e, {
+		name: k || "CreditCard",
+		size: H,
+		className: u.icon
+	});
+	else if (g === "badge") q = /* @__PURE__ */ f(a, {
+		tone: A,
+		size: _,
+		children: w || ""
+	});
+	else if (g === "badges") q = /* @__PURE__ */ f("span", {
+		className: u.badges,
+		children: (j ?? []).slice(0, 3).map((e, t) => /* @__PURE__ */ f(a, {
+			tone: e.tone ?? "neutral",
+			size: _,
+			children: e.label
+		}, `${e.label}-${t}`))
+	});
+	else if (g === "trendPositive" || g === "trendNegative") {
+		let t = g === "trendPositive";
+		q = /* @__PURE__ */ p("span", {
+			className: `${u.trend} ${t ? u.trendPositive : u.trendNegative}`,
+			children: [/* @__PURE__ */ f(e, {
+				name: t ? "ChevronUp" : "ChevronDown",
+				size: H
+			}), S && W ? /* @__PURE__ */ f("span", {
+				className: u.label,
+				children: W
+			}) : null]
+		});
+	} else if (g === "select" && N && N.length > 0) {
+		let e = M !== void 0 && M !== "" ? String(M) : N[0].value;
+		q = /* @__PURE__ */ f("span", {
+			className: u.selectWrap,
+			children: /* @__PURE__ */ f(l, {
+				id: V,
+				size: "sm",
+				options: N,
+				defaultValue: e,
+				ariaLabel: w || "Select"
+			})
+		});
+	} else if (g === "progress") {
+		let e = v(M);
+		q = /* @__PURE__ */ f("span", {
+			className: u.progressWrap,
+			children: /* @__PURE__ */ f(c, {
+				value: e,
+				size: _,
+				ariaLabel: w || `${Math.round(e)}%`
+			})
+		});
+	} else if (g === "rating") {
+		let t = y(M);
+		q = /* @__PURE__ */ f("span", {
+			className: u.rating,
+			role: "img",
+			"aria-label": w || `${t} of ${h}`,
+			children: Array.from({ length: h }, (n, r) => /* @__PURE__ */ f(e, {
+				name: "Star",
+				size: H,
+				className: r < t ? u.starOn : u.starOff
+			}, r))
+		});
+	} else if (g === "actions") {
+		let e = (P ?? []).slice(0, 3);
+		e.length > 0 && (q = /* @__PURE__ */ f(n, {
+			ariaLabel: w || "Row actions",
+			children: e.map((e, n) => /* @__PURE__ */ f(t, {
+				size: "sm",
+				variant: e.variant ?? (n === 0 ? "secondary" : "tertiary"),
+				iconStart: e.icon,
+				ariaLabel: e.ariaLabel,
+				onClick: e.onClick,
+				children: e.label
+			}, `${e.label || e.icon || "action"}-${n}`))
+		}));
+	} else if (g === "actionIcons") {
+		let e = (P ?? []).slice(0, 3);
+		e.length > 0 && (q = /* @__PURE__ */ f("span", {
+			className: u.actionIcons,
+			role: "group",
+			"aria-label": w || "Row actions",
+			children: e.map((e, n) => /* @__PURE__ */ f(t, {
+				size: "sm",
+				variant: e.variant ?? "tertiary",
+				iconStart: e.icon,
+				ariaLabel: e.ariaLabel || e.label || "Action",
+				onClick: e.onClick
+			}, `${e.icon || e.label || "icon"}-${n}`))
+		}));
+	} else if (g === "actionMenu") {
+		let e = (P ?? []).map((e, t) => ({
+			id: e.label || e.ariaLabel || e.icon || `action-${t}`,
+			label: e.label || e.ariaLabel || "Action",
+			icon: e.icon,
+			danger: e.variant === "danger"
+		}));
+		q = /* @__PURE__ */ f(s, {
+			iconStart: k || "Ellipsis",
+			ariaLabel: w || "Row actions",
+			variant: "tertiary",
+			size: "sm",
+			align: "end",
+			groups: [{ items: e }],
+			onSelect: (e) => {
+				(P ?? []).find((t, n) => (t.label || t.ariaLabel || t.icon || `action-${n}`) === e)?.onClick?.();
+			}
+		});
+	}
+	let J = g === "avatar" && T && w && w !== T ? w : "", Y = g === "avatar" && S && !!U, X = S && W && g !== "trendPositive" && g !== "trendNegative" && g !== "avatar", Z = !C && !q && !X && !Y, Q = g === "actionMenu";
+	return /* @__PURE__ */ p("span", {
+		className: `${u.cell} ${u[_]}${Q ? ` ${u.actionMenu}` : ""}`,
+		"aria-label": K,
+		children: [
+			C ? /* @__PURE__ */ f(o, {
+				id: B,
+				size: "sm",
+				ariaLabel: `Select ${G}`,
+				checked: F,
+				defaultChecked: I,
+				onChange: L
+			}) : null,
+			q ? /* @__PURE__ */ f("span", {
+				className: u.visual,
+				children: q
+			}) : null,
+			Y ? /* @__PURE__ */ p("span", {
+				className: u.copy,
+				children: [/* @__PURE__ */ f("span", {
+					className: u.label,
+					children: U
+				}), J ? /* @__PURE__ */ f("span", {
+					className: u.support,
+					children: J
+				}) : null]
+			}) : X ? /* @__PURE__ */ f("span", {
+				className: u.label,
+				children: W
+			}) : null,
+			Z ? "\xA0" : null
+		]
+	});
+}
+//#endregion
+export { S as Cell };
+
+//# sourceMappingURL=Cell.js.map

package/dist/ui/Cell/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","names":[],"sources":["../../../ui/Cell/Cell.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, type ReactNode } from \"react\";\nimport { Avatar } from \"../Avatar\";\nimport { AvatarGroup } from \"../AvatarGroup\";\nimport { Badge } from \"../Badge\";\nimport { Button } from \"../Button\";\nimport { DropdownMenu } from \"../DropdownMenu\";\nimport { Progress } from \"../Progress\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Select } from \"../Select\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { CellProps, CellType } from \"./Cell.types\";\nimport styles from \"./Cell.module.css\";\n\nexport type {\n  CellProps,\n  CellValue,\n  CellType,\n  CellSize,\n  CellPerson,\n  CellBadgeItem,\n  CellOption,\n  CellAction,\n} from \"./Cell.types\";\n\nconst ICON_PX = { sm: 14, md: 16 } as const;\nconst STAR_COUNT = 5;\nconst NO_SIDE_LABEL = new Set<CellType>([\n  \"badge\",\n  \"badges\",\n  \"select\",\n  \"rating\",\n  \"actions\",\n  \"actionIcons\",\n  \"actionMenu\",\n]);\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, n));\n}\n\nfunction toPercent(value?: string | number): number {\n  if (value === undefined || value === \"\") return 0;\n  const n = typeof value === \"number\" ? value : parseFloat(String(value).replace(\"%\", \"\"));\n  if (Number.isNaN(n)) return 0;\n  return clamp(n, 0, 100);\n}\n\nfunction toRating(value?: string | number): number {\n  if (value === undefined || value === \"\") return 0;\n  const n = typeof value === \"number\" ? value : parseFloat(String(value));\n  if (Number.isNaN(n)) return 0;\n  return clamp(Math.round(n), 0, STAR_COUNT);\n}\n\nfunction sideLabelText(\n  type: CellType,\n  label?: string,\n  name?: string,\n  value?: string | number,\n): string {\n  if (NO_SIDE_LABEL.has(type)) return \"\";\n  if (type === \"progress\") {\n    if (label) return label;\n    return `${Math.round(toPercent(value))}%`;\n  }\n  if (type === \"trendPositive\" || type === \"trendNegative\") {\n    if (label) return label;\n    if (value !== undefined) return String(value);\n    return \"\";\n  }\n  if (label) return label;\n  if (type === \"avatar\" || type === \"avatarGroup\") return name ?? \"\";\n  return \"\";\n}\n\nfunction trendAria(direction: \"Up\" | \"Down\", value?: string | number): string {\n  if (value === undefined || value === \"\") return direction;\n  return `${direction} ${value}`;\n}\n\nexport function Cell({\n  type = \"text\",\n  size = \"md\",\n  text = true,\n  checkbox = false,\n  label,\n  name,\n  src,\n  initials,\n  people,\n  icon,\n  tone = \"neutral\",\n  badges,\n  value,\n  options,\n  actions,\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  id,\n}: CellProps) {\n  const generatedId = useId();\n  const checkboxId = id ?? generatedId;\n  const selectId = `${generatedId}-select`;\n  const iconPx = ICON_PX[size];\n  const personName = name || label || \"\";\n  const shown = sideLabelText(type, label, name, value);\n  const selectName = label || name || \"row\";\n  const buttonSize = size === \"sm\" ? \"sm\" : \"sm\";\n\n  let rootAria: string | undefined;\n  if (!text) {\n    if (type === \"file\" || type === \"payment\") {\n      rootAria = label || name;\n    } else if (type === \"trendPositive\") {\n      rootAria = trendAria(\"Up\", value);\n    } else if (type === \"trendNegative\") {\n      rootAria = trendAria(\"Down\", value);\n    } else if (type === \"rating\") {\n      rootAria = `${toRating(value)} of ${STAR_COUNT}`;\n    }\n  }\n\n  let visual: ReactNode = null;\n  if (type === \"avatar\") {\n    visual = <Avatar name={personName} src={src} initials={initials} size={size} />;\n  } else if (type === \"avatarGroup\" && people && people.length > 0) {\n    visual = <AvatarGroup items={people} size={size} max={3} ariaLabel={label} />;\n  } else if (type === \"file\") {\n    visual = <LucideByName name={icon || \"File\"} size={iconPx} className={styles.icon} />;\n  } else if (type === \"payment\") {\n    visual = <LucideByName name={icon || \"CreditCard\"} size={iconPx} className={styles.icon} />;\n  } else if (type === \"badge\") {\n    visual = (\n      <Badge tone={tone} size={size}>\n        {label || \"\"}\n      </Badge>\n    );\n  } else if (type === \"badges\") {\n    visual = (\n      <span className={styles.badges}>\n        {(badges ?? []).slice(0, 3).map((item, index) => (\n          <Badge key={`${item.label}-${index}`} tone={item.tone ?? \"neutral\"} size={size}>\n            {item.label}\n          </Badge>\n        ))}\n      </span>\n    );\n  } else if (type === \"trendPositive\" || type === \"trendNegative\") {\n    const positive = type === \"trendPositive\";\n    visual = (\n      <span className={`${styles.trend} ${positive ? styles.trendPositive : styles.trendNegative}`}>\n        <LucideByName name={positive ? \"ChevronUp\" : \"ChevronDown\"} size={iconPx} />\n        {text && shown ? <span className={styles.label}>{shown}</span> : null}\n      </span>\n    );\n  } else if (type === \"select\" && options && options.length > 0) {\n    const selected = value !== undefined && value !== \"\" ? String(value) : options[0].value;\n    visual = (\n      <span className={styles.selectWrap}>\n        <Select\n          id={selectId}\n          size=\"sm\"\n          options={options}\n          defaultValue={selected}\n          ariaLabel={label || \"Select\"}\n        />\n      </span>\n    );\n  } else if (type === \"progress\") {\n    const percent = toPercent(value);\n    visual = (\n      <span className={styles.progressWrap}>\n        <Progress\n          value={percent}\n          size={size}\n          ariaLabel={label || `${Math.round(percent)}%`}\n        />\n      </span>\n    );\n  } else if (type === \"rating\") {\n    const score = toRating(value);\n    visual = (\n      <span className={styles.rating} role=\"img\" aria-label={label || `${score} of ${STAR_COUNT}`}>\n        {Array.from({ length: STAR_COUNT }, (_, index) => (\n          <LucideByName\n            key={index}\n            name=\"Star\"\n            size={iconPx}\n            className={index < score ? styles.starOn : styles.starOff}\n          />\n        ))}\n      </span>\n    );\n  } else if (type === \"actions\") {\n    const items = (actions ?? []).slice(0, 3);\n    if (items.length > 0) {\n      visual = (\n        <ButtonGroup ariaLabel={label || \"Row actions\"}>\n          {items.map((item, index) => (\n            <Button\n              key={`${item.label || item.icon || \"action\"}-${index}`}\n              size={buttonSize}\n              variant={item.variant ?? (index === 0 ? \"secondary\" : \"tertiary\")}\n              iconStart={item.icon}\n              ariaLabel={item.ariaLabel}\n              onClick={item.onClick}\n            >\n              {item.label}\n            </Button>\n          ))}\n        </ButtonGroup>\n      );\n    }\n  } else if (type === \"actionIcons\") {\n    const items = (actions ?? []).slice(0, 3);\n    if (items.length > 0) {\n      visual = (\n        <span className={styles.actionIcons} role=\"group\" aria-label={label || \"Row actions\"}>\n          {items.map((item, index) => (\n            <Button\n              key={`${item.icon || item.label || \"icon\"}-${index}`}\n              size={buttonSize}\n              variant={item.variant ?? \"tertiary\"}\n              iconStart={item.icon}\n              ariaLabel={item.ariaLabel || item.label || \"Action\"}\n              onClick={item.onClick}\n            />\n          ))}\n        </span>\n      );\n    }\n  } else if (type === \"actionMenu\") {\n    const menuItems = (actions ?? []).map((item, index) => ({\n      id: item.label || item.ariaLabel || item.icon || `action-${index}`,\n      label: item.label || item.ariaLabel || \"Action\",\n      icon: item.icon,\n      danger: item.variant === \"danger\",\n    }));\n    visual = (\n      <DropdownMenu\n        iconStart={icon || \"Ellipsis\"}\n        ariaLabel={label || \"Row actions\"}\n        variant=\"tertiary\"\n        size={buttonSize}\n        align=\"end\"\n        groups={[{ items: menuItems }]}\n        onSelect={(id) => {\n          const hit = (actions ?? []).find(\n            (item, index) => (item.label || item.ariaLabel || item.icon || `action-${index}`) === id,\n          );\n          hit?.onClick?.();\n        }}\n      />\n    );\n  }\n\n  const avatarSupport = type === \"avatar\" && name && label && label !== name ? label : \"\";\n  const showAvatarCopy = type === \"avatar\" && text && Boolean(personName);\n  const showSideLabel =\n    text &&\n    shown &&\n    type !== \"trendPositive\" &&\n    type !== \"trendNegative\" &&\n    type !== \"avatar\";\n  const empty = !checkbox && !visual && !showSideLabel && !showAvatarCopy;\n\n  const actionMenu = type === \"actionMenu\";\n\n  return (\n    <span\n      className={`${styles.cell} ${styles[size]}${actionMenu ? ` ${styles.actionMenu}` : \"\"}`}\n      aria-label={rootAria}\n    >\n      {checkbox ? (\n        <Checkbox\n          id={checkboxId}\n          size=\"sm\"\n          ariaLabel={`Select ${selectName}`}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          onChange={onCheckedChange}\n        />\n      ) : null}\n      {visual ? <span className={styles.visual}>{visual}</span> : null}\n      {showAvatarCopy ? (\n        <span className={styles.copy}>\n          <span className={styles.label}>{personName}</span>\n          {avatarSupport ? <span className={styles.support}>{avatarSupport}</span> : null}\n        </span>\n      ) : showSideLabel ? (\n        <span className={styles.label}>{shown}</span>\n      ) : null}\n      {empty ? \"\\u00a0\" : null}\n    </span>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-.cell {
+._cell_ur4zn_1 {
   display: inline-flex;
   align-items: center;
   box-sizing: border-box;
@@ -8,26 +8,26 @@
   background-color: transparent;
 }
 
-.sm {
+._sm_ur4zn_11 {
   min-height: 3rem;
   padding: var(--space-2) var(--space-4);
   gap: var(--space-3);
 }
 
-.md {
+._md_ur4zn_17 {
   min-height: 3.5rem;
   padding: var(--space-3) var(--space-6);
   gap: var(--space-3);
 }
 
-.visual {
+._visual_ur4zn_23 {
   display: inline-flex;
   align-items: center;
   flex-shrink: 0;
   min-width: 0;
 }
 
-.copy {
+._copy_ur4zn_30 {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -35,7 +35,7 @@
   gap: 0;
 }
 
-.label {
+._label_ur4zn_38 {
   min-width: 0;
   font-family: var(--font-sans);
   line-height: var(--type-line-body);
@@ -43,12 +43,12 @@
   overflow-wrap: anywhere;
 }
 
-.copy .label {
+._copy_ur4zn_30 ._label_ur4zn_38 {
   font-weight: var(--type-weight-label);
   line-height: var(--type-line-heading);
 }
 
-.support {
+._support_ur4zn_51 {
   min-width: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -58,36 +58,36 @@
   overflow-wrap: anywhere;
 }
 
-.sm .label,
-.md .label {
+._sm_ur4zn_11 ._label_ur4zn_38,
+._md_ur4zn_17 ._label_ur4zn_38 {
   font-size: var(--type-size-body-sm);
 }
 
-.icon {
+._icon_ur4zn_66 {
   flex-shrink: 0;
   color: var(--icon-muted);
 }
 
-.trend {
+._trend_ur4zn_71 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-2);
   min-width: 0;
 }
 
-.trendPositive {
+._trendPositive_ur4zn_78 {
   color: var(--status-success);
 }
 
-.trendNegative {
+._trendNegative_ur4zn_82 {
   color: var(--status-danger);
 }
 
-.trend .label {
+._trend_ur4zn_71 ._label_ur4zn_38 {
   color: inherit;
 }
 
-.badges {
+._badges_ur4zn_90 {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
@@ -95,39 +95,39 @@
   min-width: 0;
 }
 
-.selectWrap {
+._selectWrap_ur4zn_98 {
   display: block;
   width: 10rem;
   max-width: 100%;
 }
 
-.progressWrap {
+._progressWrap_ur4zn_104 {
   display: block;
   width: 8rem;
   max-width: 100%;
 }
 
-.rating {
+._rating_ur4zn_110 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-1);
 }
 
-.starOn {
+._starOn_ur4zn_116 {
   color: var(--icon-warning);
   fill: currentColor;
 }
 
-.starOff {
+._starOff_ur4zn_121 {
   color: var(--icon-muted);
 }
 
-.actionIcons {
+._actionIcons_ur4zn_125 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-1);
 }
 
-.actionMenu {
+._actionMenu_ur4zn_131 {
   justify-content: center;
 }

package/dist/ui/Cell/Cell.module.js

@@ -0,0 +1,27 @@
+import "./Cell.module.css";
+//#region ui/Cell/Cell.module.css
+var e = "_cell_ur4zn_1", t = "_sm_ur4zn_11", n = "_md_ur4zn_17", r = "_visual_ur4zn_23", i = "_copy_ur4zn_30", a = "_label_ur4zn_38", o = "_support_ur4zn_51", s = "_icon_ur4zn_66", c = "_trend_ur4zn_71", l = "_trendPositive_ur4zn_78", u = "_trendNegative_ur4zn_82", d = "_badges_ur4zn_90", f = "_selectWrap_ur4zn_98", p = "_progressWrap_ur4zn_104", m = "_rating_ur4zn_110", h = "_starOn_ur4zn_116", g = "_starOff_ur4zn_121", _ = "_actionIcons_ur4zn_125", v = "_actionMenu_ur4zn_131", y = {
+	cell: e,
+	sm: t,
+	md: n,
+	visual: r,
+	copy: i,
+	label: a,
+	support: o,
+	icon: s,
+	trend: c,
+	trendPositive: l,
+	trendNegative: u,
+	badges: d,
+	selectWrap: f,
+	progressWrap: p,
+	rating: m,
+	starOn: h,
+	starOff: g,
+	actionIcons: _,
+	actionMenu: v
+};
+//#endregion
+export { _ as actionIcons, v as actionMenu, d as badges, e as cell, i as copy, y as default, s as icon, a as label, n as md, p as progressWrap, m as rating, f as selectWrap, t as sm, g as starOff, h as starOn, o as support, c as trend, u as trendNegative, l as trendPositive, r as visual };
+
+//# sourceMappingURL=Cell.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.module.js","names":[],"sources":["../../../ui/Cell/Cell.module.css"],"sourcesContent":[".cell {\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  min-width: 0;\n  max-width: 100%;\n  width: 100%;\n  background-color: transparent;\n}\n\n.sm {\n  min-height: 3rem;\n  padding: var(--space-2) var(--space-4);\n  gap: var(--space-3);\n}\n\n.md {\n  min-height: 3.5rem;\n  padding: var(--space-3) var(--space-6);\n  gap: var(--space-3);\n}\n\n.visual {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  min-width: 0;\n}\n\n.copy {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-width: 0;\n  gap: 0;\n}\n\n.label {\n  min-width: 0;\n  font-family: var(--font-sans);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n  overflow-wrap: anywhere;\n}\n\n.copy .label {\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-heading);\n}\n\n.support {\n  min-width: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-body);\n  line-height: var(--type-line-heading);\n  color: var(--text-secondary);\n  overflow-wrap: anywhere;\n}\n\n.sm .label,\n.md .label {\n  font-size: var(--type-size-body-sm);\n}\n\n.icon {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n\n.trend {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.trendPositive {\n  color: var(--status-success);\n}\n\n.trendNegative {\n  color: var(--status-danger);\n}\n\n.trend .label {\n  color: inherit;\n}\n\n.badges {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-1);\n  min-width: 0;\n}\n\n.selectWrap {\n  display: block;\n  width: 10rem;\n  max-width: 100%;\n}\n\n.progressWrap {\n  display: block;\n  width: 8rem;\n  max-width: 100%;\n}\n\n.rating {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n}\n\n.starOn {\n  color: var(--icon-warning);\n  fill: currentColor;\n}\n\n.starOff {\n  color: var(--icon-muted);\n}\n\n.actionIcons {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n}\n\n.actionMenu {\n  justify-content: center;\n}\n"],"mappings":""}

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

@@ -0,0 +1,46 @@
+import { BadgeTone } from '../Badge/Badge.types';
+import { ButtonVariant } from '../Button/Button.types';
+export type CellType = "text" | "avatar" | "file" | "payment" | "badge" | "badges" | "trendPositive" | "trendNegative" | "avatarGroup" | "select" | "progress" | "rating" | "actions" | "actionIcons" | "actionMenu";
+export type CellSize = "sm" | "md";
+export interface CellPerson {
+    name: string;
+    src?: string;
+    initials?: string;
+}
+export interface CellBadgeItem {
+    label: string;
+    tone?: BadgeTone;
+}
+export interface CellOption {
+    value: string;
+    label: string;
+}
+export interface CellAction {
+    label?: string;
+    icon?: string;
+    ariaLabel?: string;
+    variant?: ButtonVariant;
+    onClick?: () => void;
+}
+export interface CellProps {
+    type?: CellType;
+    size?: CellSize;
+    text?: boolean;
+    checkbox?: boolean;
+    label?: string;
+    name?: string;
+    src?: string;
+    initials?: string;
+    people?: CellPerson[];
+    icon?: string;
+    tone?: BadgeTone;
+    badges?: CellBadgeItem[];
+    value?: string | number;
+    options?: CellOption[];
+    actions?: CellAction[];
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    id?: string;
+}
+export type CellValue = CellProps;

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

@@ -0,0 +1,2 @@
+export { Cell } from './Cell';
+export type { CellProps, CellValue, CellType, CellSize, CellPerson, CellBadgeItem, CellOption, CellAction, } from './Cell.types';

package/dist/ui/Chat/Chat.d.ts

@@ -0,0 +1,3 @@
+import { ChatProps } from './Chat.types';
+export type { ChatMessage, ChatMessageRole, ChatMenuItem, ChatProps, ChatRadius } from './Chat.types';
+export declare function Chat({ title, status, messages, suggestions, placeholder, emptyState, isThinking, disabled, value, defaultValue, onValueChange, onSend, onClose, closeLabel, menuItems, menuLabel, radius, className, }: ChatProps): import("react").JSX.Element;