agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/Scorecard/Scorecard.d.ts

@@ -0,0 +1,3 @@
+import { ScorecardProps } from './Scorecard.types';
+export type { ScorecardProps, ScorecardTrend, ScorecardSize } from './Scorecard.types';
+export declare function Scorecard({ label, value, delta, trend, hint, size, badge, badgeTone, onClick, fill, }: ScorecardProps): import("react").JSX.Element;

package/dist/ui/Scorecard/Scorecard.js

@@ -0,0 +1,76 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import { Badge as t } from "../Badge/Badge.js";
+import n from "./Scorecard.module.js";
+import { useId as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ui/Scorecard/Scorecard.tsx
+var s = {
+	up: "TrendingUp",
+	down: "TrendingDown",
+	flat: "Minus",
+	neutral: "Minus"
+}, c = {
+	up: n.up,
+	down: n.down,
+	flat: n.flat,
+	neutral: n.neutral
+};
+function l({ label: l, value: u, delta: d, trend: f = "neutral", hint: p, size: m = "md", badge: h, badgeTone: g = "neutral", onClick: _, fill: v = !1 }) {
+	let y = r(), b = r(), x = l ? `${y} ${b}` : b, S = [
+		n.card,
+		n[m],
+		v ? n.fill : "",
+		_ ? n.interactive : ""
+	].filter(Boolean).join(" "), C = /* @__PURE__ */ o(i, { children: [
+		l || h ? /* @__PURE__ */ o("span", {
+			className: n.header,
+			children: [l ? /* @__PURE__ */ a("span", {
+				id: y,
+				className: n.label,
+				children: l
+			}) : null, h ? /* @__PURE__ */ a("span", {
+				className: n.badgeSlot,
+				children: /* @__PURE__ */ a(t, {
+					size: "sm",
+					tone: g,
+					children: h
+				})
+			}) : null]
+		}) : null,
+		/* @__PURE__ */ a("span", {
+			id: b,
+			className: n.value,
+			children: u
+		}),
+		d || p ? /* @__PURE__ */ o("span", {
+			className: n.footer,
+			children: [d ? /* @__PURE__ */ o("span", {
+				className: `${n.delta} ${c[f]}`,
+				children: [/* @__PURE__ */ a(e, {
+					name: s[f],
+					size: 15,
+					className: n.icon
+				}), d]
+			}) : null, p ? /* @__PURE__ */ a("span", {
+				className: n.hint,
+				children: p
+			}) : null]
+		}) : null
+	] });
+	return _ ? /* @__PURE__ */ a("button", {
+		type: "button",
+		className: S,
+		onClick: _,
+		"aria-labelledby": x,
+		children: C
+	}) : /* @__PURE__ */ a("article", {
+		className: S,
+		"aria-labelledby": x,
+		children: C
+	});
+}
+//#endregion
+export { l as Scorecard };
+
+//# sourceMappingURL=Scorecard.js.map

package/dist/ui/Scorecard/Scorecard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scorecard.js","names":[],"sources":["../../../ui/Scorecard/Scorecard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\nimport { Badge } from \"../Badge\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { ScorecardProps, ScorecardTrend } from \"./Scorecard.types\";\nimport styles from \"./Scorecard.module.css\";\n\nexport type { ScorecardProps, ScorecardTrend, ScorecardSize } from \"./Scorecard.types\";\n\nconst TREND_ICON: Record<ScorecardTrend, string> = {\n  up: \"TrendingUp\",\n  down: \"TrendingDown\",\n  flat: \"Minus\",\n  neutral: \"Minus\",\n};\n\nconst TREND_CLASS: Record<ScorecardTrend, string> = {\n  up: styles.up,\n  down: styles.down,\n  flat: styles.flat,\n  neutral: styles.neutral,\n};\n\nexport function Scorecard({\n  label,\n  value,\n  delta,\n  trend = \"neutral\",\n  hint,\n  size = \"md\",\n  badge,\n  badgeTone = \"neutral\",\n  onClick,\n  fill = false,\n}: ScorecardProps) {\n  const labelId = useId();\n  const valueId = useId();\n  const labelledBy = label ? `${labelId} ${valueId}` : valueId;\n  const className = [styles.card, styles[size], fill ? styles.fill : \"\", onClick ? styles.interactive : \"\"]\n    .filter(Boolean)\n    .join(\" \");\n\n  const body = (\n    <>\n      {label || badge ? (\n        <span className={styles.header}>\n          {label ? (\n            <span id={labelId} className={styles.label}>\n              {label}\n            </span>\n          ) : null}\n          {badge ? (\n            <span className={styles.badgeSlot}>\n              <Badge size=\"sm\" tone={badgeTone}>\n                {badge}\n              </Badge>\n            </span>\n          ) : null}\n        </span>\n      ) : null}\n      <span id={valueId} className={styles.value}>\n        {value}\n      </span>\n      {delta || hint ? (\n        <span className={styles.footer}>\n          {delta ? (\n            <span className={`${styles.delta} ${TREND_CLASS[trend]}`}>\n              <LucideByName name={TREND_ICON[trend]} size={15} className={styles.icon} />\n              {delta}\n            </span>\n          ) : null}\n          {hint ? <span className={styles.hint}>{hint}</span> : null}\n        </span>\n      ) : null}\n    </>\n  );\n\n  if (onClick) {\n    return (\n      <button type=\"button\" className={className} onClick={onClick} aria-labelledby={labelledBy}>\n        {body}\n      </button>\n    );\n  }\n\n  return (\n    <article className={className} aria-labelledby={labelledBy}>\n      {body}\n    </article>\n  );\n}\n"],"mappings":";;;;;;;AAUA,IAAM,IAA6C;CACjD,IAAI;CACJ,MAAM;CACN,MAAM;CACN,SAAS;AACX,GAEM,IAA8C;CAClD,IAAI,EAAO;CACX,MAAM,EAAO;CACb,MAAM,EAAO;CACb,SAAS,EAAO;AAClB;AAEA,SAAgB,EAAU,EACxB,UACA,UACA,UACA,WAAQ,WACR,SACA,UAAO,MACP,UACA,eAAY,WACZ,YACA,UAAO,MACU;CACjB,IAAM,IAAU,EAAM,GAChB,IAAU,EAAM,GAChB,IAAa,IAAQ,GAAG,EAAQ,GAAG,MAAY,GAC/C,IAAY;EAAC,EAAO;EAAM,EAAO;EAAO,IAAO,EAAO,OAAO;EAAI,IAAU,EAAO,cAAc;CAAE,CAAC,CACtG,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,GAEL,IACJ,kBAAA,GAAA,EAAA,UAAA;EACG,KAAS,IACR,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAxB,UAAA,CACG,IACC,kBAAC,QAAD;IAAM,IAAI;IAAS,WAAW,EAAO;IAClC,UAAA;GACG,CAAA,IACJ,MACH,IACC,kBAAC,QAAD;IAAM,WAAW,EAAO;IACtB,UAAA,kBAAC,GAAD;KAAO,MAAK;KAAK,MAAM;KACpB,UAAA;IACI,CAAA;GACH,CAAA,IACJ,IACA;EACJ,CAAA,IAAA;EACJ,kBAAC,QAAD;GAAM,IAAI;GAAS,WAAW,EAAO;GAClC,UAAA;EACG,CAAA;EACL,KAAS,IACR,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAxB,UAAA,CACG,IACC,kBAAC,QAAD;IAAM,WAAW,GAAG,EAAO,MAAM,GAAG,EAAY;IAAhD,UAAA,CACE,kBAAC,GAAD;KAAc,MAAM,EAAW;KAAQ,MAAM;KAAI,WAAW,EAAO;IAAO,CAAA,GACzE,CACG;GACJ,CAAA,IAAA,MACH,IAAO,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAO,UAAA;GAAW,CAAA,IAAI,IAClD;EACJ,CAAA,IAAA;CACJ,EAAA,CAAA;CAWJ,OARI,IAEA,kBAAC,UAAD;EAAQ,MAAK;EAAoB;EAAoB;EAAS,mBAAiB;EAC5E,UAAA;CACK,CAAA,IAKV,kBAAC,WAAD;EAAoB;EAAW,mBAAiB;EAC7C,UAAA;CACM,CAAA;AAEb"}

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

@@ -1,4 +1,4 @@
-.card {
+._card_cqiye_1 {
   display: grid;
   gap: var(--space-stack-sm);
   width: min(100%, 16rem);
@@ -12,28 +12,28 @@
   text-align: start;
 }
 
-.sm {
+._sm_cqiye_15 {
   width: min(100%, 12.5rem);
   gap: var(--space-stack-xs);
   padding: var(--space-inset-sm);
 }
 
-.md {
+._md_cqiye_21 {
   width: min(100%, 16rem);
 }
 
-.lg {
+._lg_cqiye_25 {
   width: min(100%, 20rem);
   gap: var(--space-stack-md);
   padding: var(--space-inset-lg);
 }
 
-.fill {
+._fill_cqiye_31 {
   width: 100%;
   max-width: none;
 }
 
-.header {
+._header_cqiye_36 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -41,12 +41,12 @@
   min-width: 0;
 }
 
-.badgeSlot {
+._badgeSlot_cqiye_44 {
   flex-shrink: 0;
   margin-inline-start: auto;
 }
 
-.label {
+._label_cqiye_49 {
   min-width: 0;
   color: var(--text-secondary);
   font-size: var(--type-size-caption);
@@ -54,7 +54,7 @@
   line-height: var(--type-line-body);
 }
 
-.value {
+._value_cqiye_57 {
   color: var(--text-primary);
   font-size: var(--type-size-title);
   font-weight: var(--type-weight-metric);
@@ -63,22 +63,22 @@
   font-feature-settings: "tnum";
 }
 
-.sm .value {
+._sm_cqiye_15 ._value_cqiye_57 {
   font-size: var(--type-size-heading);
 }
 
-.lg .value {
+._lg_cqiye_25 ._value_cqiye_57 {
   font-size: var(--type-size-metric);
 }
 
-.footer {
+._footer_cqiye_74 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: var(--space-inline-xs) var(--space-inline-sm);
 }
 
-.delta {
+._delta_cqiye_81 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-inline-xs);
@@ -87,34 +87,34 @@
   line-height: var(--type-line-body);
 }
 
-.icon {
+._icon_cqiye_90 {
   display: block;
   flex-shrink: 0;
   width: 0.95rem;
   height: 0.95rem;
 }
 
-.up {
+._up_cqiye_97 {
   color: var(--text-success);
 }
 
-.down {
+._down_cqiye_101 {
   color: var(--text-danger);
 }
 
-.flat,
-.neutral {
+._flat_cqiye_105,
+._neutral_cqiye_106 {
   color: var(--text-secondary);
 }
 
-.hint {
+._hint_cqiye_110 {
   color: var(--text-muted);
   font-size: var(--type-size-caption);
   font-weight: var(--type-weight-caption);
   line-height: var(--type-line-body);
 }
 
-.interactive {
+._interactive_cqiye_117 {
   appearance: none;
   font: inherit;
   color: inherit;
@@ -126,25 +126,25 @@
     border-color var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.interactive:hover {
+._interactive_cqiye_117:hover {
   border-color: var(--border-strong);
 }
 
-.interactive:active {
+._interactive_cqiye_117:active {
   transform: scale(0.98);
 }
 
-.interactive:focus-visible {
+._interactive_cqiye_117:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .interactive {
+  ._interactive_cqiye_117 {
     transition: none;
   }
 
-  .interactive:active {
+  ._interactive_cqiye_117:active {
     transform: none;
   }
 }

package/dist/ui/Scorecard/Scorecard.module.js

@@ -0,0 +1,26 @@
+import "./Scorecard.module.css";
+//#region ui/Scorecard/Scorecard.module.css
+var e = "_card_cqiye_1", t = "_sm_cqiye_15", n = "_md_cqiye_21", r = "_lg_cqiye_25", i = "_fill_cqiye_31", a = "_header_cqiye_36", o = "_badgeSlot_cqiye_44", s = "_label_cqiye_49", c = "_value_cqiye_57", l = "_footer_cqiye_74", u = "_delta_cqiye_81", d = "_icon_cqiye_90", f = "_up_cqiye_97", p = "_down_cqiye_101", m = "_flat_cqiye_105", h = "_neutral_cqiye_106", g = "_hint_cqiye_110", _ = "_interactive_cqiye_117", v = {
+	card: e,
+	sm: t,
+	md: n,
+	lg: r,
+	fill: i,
+	header: a,
+	badgeSlot: o,
+	label: s,
+	value: c,
+	footer: l,
+	delta: u,
+	icon: d,
+	up: f,
+	down: p,
+	flat: m,
+	neutral: h,
+	hint: g,
+	interactive: _
+};
+//#endregion
+export { o as badgeSlot, e as card, v as default, u as delta, p as down, i as fill, m as flat, l as footer, a as header, g as hint, d as icon, _ as interactive, s as label, r as lg, n as md, h as neutral, t as sm, f as up, c as value };
+
+//# sourceMappingURL=Scorecard.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scorecard.module.js","names":[],"sources":["../../../ui/Scorecard/Scorecard.module.css"],"sourcesContent":[".card {\n  display: grid;\n  gap: var(--space-stack-sm);\n  width: min(100%, 16rem);\n  min-width: 0;\n  margin: 0;\n  padding: var(--space-inset-md);\n  border: var(--border-highlight) solid var(--border-faint);\n  border-radius: var(--radius-surface-md);\n  background: var(--surface-card);\n  font-family: var(--font-sans);\n  text-align: start;\n}\n\n.sm {\n  width: min(100%, 12.5rem);\n  gap: var(--space-stack-xs);\n  padding: var(--space-inset-sm);\n}\n\n.md {\n  width: min(100%, 16rem);\n}\n\n.lg {\n  width: min(100%, 20rem);\n  gap: var(--space-stack-md);\n  padding: var(--space-inset-lg);\n}\n\n.fill {\n  width: 100%;\n  max-width: none;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-inline-sm);\n  min-width: 0;\n}\n\n.badgeSlot {\n  flex-shrink: 0;\n  margin-inline-start: auto;\n}\n\n.label {\n  min-width: 0;\n  color: var(--text-secondary);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n}\n\n.value {\n  color: var(--text-primary);\n  font-size: var(--type-size-title);\n  font-weight: var(--type-weight-metric);\n  line-height: var(--type-line-heading);\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: \"tnum\";\n}\n\n.sm .value {\n  font-size: var(--type-size-heading);\n}\n\n.lg .value {\n  font-size: var(--type-size-metric);\n}\n\n.footer {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-inline-xs) var(--space-inline-sm);\n}\n\n.delta {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-inline-xs);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n}\n\n.icon {\n  display: block;\n  flex-shrink: 0;\n  width: 0.95rem;\n  height: 0.95rem;\n}\n\n.up {\n  color: var(--text-success);\n}\n\n.down {\n  color: var(--text-danger);\n}\n\n.flat,\n.neutral {\n  color: var(--text-secondary);\n}\n\n.hint {\n  color: var(--text-muted);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  line-height: var(--type-line-body);\n}\n\n.interactive {\n  appearance: none;\n  font: inherit;\n  color: inherit;\n  text-align: start;\n  background: var(--surface-card);\n  cursor: pointer;\n  transition:\n    transform var(--motion-interaction-duration) var(--motion-interaction-easing),\n    border-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.interactive:hover {\n  border-color: var(--border-strong);\n}\n\n.interactive:active {\n  transform: scale(0.98);\n}\n\n.interactive:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .interactive {\n    transition: none;\n  }\n\n  .interactive:active {\n    transform: none;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,15 @@
+import { BadgeTone } from '../Badge/Badge.types';
+export type ScorecardTrend = "up" | "down" | "flat" | "neutral";
+export type ScorecardSize = "sm" | "md" | "lg";
+export interface ScorecardProps {
+    label: string;
+    value: string;
+    delta?: string;
+    trend?: ScorecardTrend;
+    hint?: string;
+    size?: ScorecardSize;
+    badge?: string;
+    badgeTone?: BadgeTone;
+    onClick?: () => void;
+    fill?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { Scorecard } from './Scorecard';
+export type { ScorecardProps, ScorecardTrend, ScorecardSize } from './Scorecard.types';

package/dist/ui/Section/Section.d.ts

@@ -0,0 +1,3 @@
+import { SectionProps } from './Section.types';
+export type { SectionProps, SectionSize } from './Section.types';
+export declare function Section({ title, description, size, actions, children, collapsible, defaultOpen, open: openProp, onOpenChange, }: SectionProps): import("react").JSX.Element;

package/dist/ui/Section/Section.js

@@ -0,0 +1,54 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import t from "./Section.module.js";
+import { useId as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ui/Section/Section.tsx
+function o({ title: o, description: s, size: c = "md", actions: l, children: u, collapsible: d = !0, defaultOpen: f = !0, open: p, onOpenChange: m }) {
+	let h = n(), g = n(), _ = !!(d && o), v = typeof p == "boolean", [y, b] = r(f), x = _ ? v ? p : y : !0;
+	function S(e) {
+		v || b(e), m?.(e);
+	}
+	let C = !!(o || s || l);
+	return /* @__PURE__ */ a("section", {
+		className: `${t.section} ${t[c]}${_ ? ` ${t.collapsible}` : ""}`,
+		"aria-labelledby": o ? h : void 0,
+		children: [C ? /* @__PURE__ */ a("header", {
+			className: t.header,
+			children: [/* @__PURE__ */ a("div", {
+				className: t.heading,
+				children: [o ? /* @__PURE__ */ i("h2", {
+					id: h,
+					className: t.title,
+					children: _ ? /* @__PURE__ */ a("button", {
+						type: "button",
+						className: t.trigger,
+						"aria-expanded": x,
+						"aria-controls": g,
+						onClick: () => S(!x),
+						children: [/* @__PURE__ */ i(e, {
+							name: x ? "ChevronDown" : "ChevronRight",
+							size: 18,
+							className: t.chevron
+						}), o]
+					}) : o
+				}) : null, s ? /* @__PURE__ */ i("p", {
+					className: t.description,
+					children: s
+				}) : null]
+			}), l ? /* @__PURE__ */ i("div", {
+				className: t.actions,
+				children: l
+			}) : null]
+		}) : null, /* @__PURE__ */ i("div", {
+			id: _ ? g : void 0,
+			className: t.body,
+			hidden: _ ? !x : void 0,
+			children: u
+		})]
+	});
+}
+//#endregion
+export { o as Section };
+
+//# sourceMappingURL=Section.js.map

package/dist/ui/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":[],"sources":["../../../ui/Section/Section.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useState } from \"react\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { SectionProps } from \"./Section.types\";\nimport styles from \"./Section.module.css\";\n\nexport type { SectionProps, SectionSize } from \"./Section.types\";\n\nexport function Section({\n  title,\n  description,\n  size = \"md\",\n  actions,\n  children,\n  collapsible = true,\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange,\n}: SectionProps) {\n  const headingId = useId();\n  const panelId = useId();\n  const canCollapse = Boolean(collapsible && title);\n  const isControlled = typeof openProp === \"boolean\";\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = canCollapse ? (isControlled ? openProp : uncontrolledOpen) : true;\n\n  function setOpen(next: boolean) {\n    if (!isControlled) setUncontrolledOpen(next);\n    onOpenChange?.(next);\n  }\n\n  const showHeader = Boolean(title || description || actions);\n\n  return (\n    <section\n      className={`${styles.section} ${styles[size]}${canCollapse ? ` ${styles.collapsible}` : \"\"}`}\n      aria-labelledby={title ? headingId : undefined}\n    >\n      {showHeader ? (\n        <header className={styles.header}>\n          <div className={styles.heading}>\n            {title ? (\n              <h2 id={headingId} className={styles.title}>\n                {canCollapse ? (\n                  <button\n                    type=\"button\"\n                    className={styles.trigger}\n                    aria-expanded={open}\n                    aria-controls={panelId}\n                    onClick={() => setOpen(!open)}\n                  >\n                    <LucideByName\n                      name={open ? \"ChevronDown\" : \"ChevronRight\"}\n                      size={18}\n                      className={styles.chevron}\n                    />\n                    {title}\n                  </button>\n                ) : (\n                  title\n                )}\n              </h2>\n            ) : null}\n            {description ? <p className={styles.description}>{description}</p> : null}\n          </div>\n          {actions ? <div className={styles.actions}>{actions}</div> : null}\n        </header>\n      ) : null}\n      <div id={canCollapse ? panelId : undefined} className={styles.body} hidden={canCollapse ? !open : undefined}>\n        {children}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgB,EAAQ,EACtB,UACA,gBACA,UAAO,MACP,YACA,aACA,iBAAc,IACd,iBAAc,IACd,MAAM,GACN,mBACe;CACf,IAAM,IAAY,EAAM,GAClB,IAAU,EAAM,GAChB,IAAc,GAAQ,KAAe,IACrC,IAAe,OAAO,KAAa,WACnC,CAAC,GAAkB,KAAuB,EAAS,CAAW,GAC9D,IAAO,IAAe,IAAe,IAAW,IAAoB;CAE1E,SAAS,EAAQ,GAAe;EAE9B,AADK,KAAc,EAAoB,CAAI,GAC3C,IAAe,CAAI;CACrB;CAEA,IAAM,IAAa,GAAQ,KAAS,KAAe;CAEnD,OACE,kBAAC,WAAD;EACE,WAAW,GAAG,EAAO,QAAQ,GAAG,EAAO,KAAQ,IAAc,IAAI,EAAO,gBAAgB;EACxF,mBAAiB,IAAQ,IAAY,KAAA;EAFvC,UAAA,CAIG,IACC,kBAAC,UAAD;GAAQ,WAAW,EAAO;GAA1B,UAAA,CACE,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA,CACG,IACC,kBAAC,MAAD;KAAI,IAAI;KAAW,WAAW,EAAO;KAClC,UAAA,IACC,kBAAC,UAAD;MACE,MAAK;MACL,WAAW,EAAO;MAClB,iBAAe;MACf,iBAAe;MACf,eAAe,EAAQ,CAAC,CAAI;MAL9B,UAAA,CAOE,kBAAC,GAAD;OACE,MAAM,IAAO,gBAAgB;OAC7B,MAAM;OACN,WAAW,EAAO;MACnB,CAAA,GACA,CACK;KAER,CAAA,IAAA;IAEA,CAAA,IACF,MACH,IAAc,kBAAC,KAAD;KAAG,WAAW,EAAO;KAAc,UAAA;IAAe,CAAA,IAAI,IAClE;GACJ,CAAA,GAAA,IAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,UAAA;GAAa,CAAA,IAAI,IACvD;EACN,CAAA,IAAA,MACJ,kBAAC,OAAD;GAAK,IAAI,IAAc,IAAU,KAAA;GAAW,WAAW,EAAO;GAAM,QAAQ,IAAc,CAAC,IAAO,KAAA;GAC/F;EACE,CAAA,CACE;;AAEb"}

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

@@ -1,4 +1,4 @@
-.section {
+._section_16lix_1 {
   --section-space: var(--space-section-md);
   --section-header-gap: var(--space-stack-sm);
   width: 100%;
@@ -6,22 +6,22 @@
   margin: 0 0 var(--section-space);
 }
 
-.sm {
+._sm_16lix_9 {
   --section-space: var(--space-section-sm);
   --section-header-gap: var(--space-stack-sm);
 }
 
-.md {
+._md_16lix_14 {
   --section-space: var(--space-section-md);
   --section-header-gap: var(--space-stack-md);
 }
 
-.lg {
+._lg_16lix_19 {
   --section-space: var(--space-section-lg);
   --section-header-gap: var(--space-stack-lg);
 }
 
-.header {
+._header_16lix_24 {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
@@ -31,18 +31,18 @@
   padding-bottom: var(--section-header-gap);
 }
 
-.collapsible:has(> .body[hidden]) .header {
+._collapsible_16lix_34:has(> ._body_16lix_34[hidden]) ._header_16lix_24 {
   padding-bottom: 0;
 }
 
-.heading {
+._heading_16lix_38 {
   display: grid;
   gap: var(--space-stack-xs);
   min-width: 0;
   flex: 1;
 }
 
-.title {
+._title_16lix_45 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-heading);
@@ -51,7 +51,7 @@
   color: var(--text-primary);
 }
 
-.trigger {
+._trigger_16lix_54 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-2);
@@ -66,22 +66,22 @@
   cursor: pointer;
 }
 
-.trigger:focus-visible {
+._trigger_16lix_54:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
   border-radius: var(--radius-control-sm);
 }
 
-.chevron {
+._chevron_16lix_75 {
   flex-shrink: 0;
   color: var(--icon-muted);
 }
 
-.collapsible .description {
+._collapsible_16lix_34 ._description_16lix_80 {
   padding-inline-start: calc(18px + var(--space-2));
 }
 
-.description {
+._description_16lix_80 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);
@@ -89,7 +89,7 @@
   color: var(--text-secondary);
 }
 
-.actions {
+._actions_16lix_92 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -97,7 +97,7 @@
   flex-shrink: 0;
 }
 
-.body {
+._body_16lix_34 {
   width: 100%;
   min-width: 0;
 }

package/dist/ui/Section/Section.module.js

@@ -0,0 +1,21 @@
+import "./Section.module.css";
+//#region ui/Section/Section.module.css
+var e = "_section_16lix_1", t = "_sm_16lix_9", n = "_md_16lix_14", r = "_lg_16lix_19", i = "_header_16lix_24", a = "_collapsible_16lix_34", o = "_body_16lix_34", s = "_heading_16lix_38", c = "_title_16lix_45", l = "_trigger_16lix_54", u = "_chevron_16lix_75", d = "_description_16lix_80", f = "_actions_16lix_92", p = {
+	section: e,
+	sm: t,
+	md: n,
+	lg: r,
+	header: i,
+	collapsible: a,
+	body: o,
+	heading: s,
+	title: c,
+	trigger: l,
+	chevron: u,
+	description: d,
+	actions: f
+};
+//#endregion
+export { f as actions, o as body, u as chevron, a as collapsible, p as default, d as description, i as header, s as heading, r as lg, n as md, e as section, t as sm, c as title, l as trigger };
+
+//# sourceMappingURL=Section.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.module.js","names":[],"sources":["../../../ui/Section/Section.module.css"],"sourcesContent":[".section {\n  --section-space: var(--space-section-md);\n  --section-header-gap: var(--space-stack-sm);\n  width: 100%;\n  min-width: 0;\n  margin: 0 0 var(--section-space);\n}\n\n.sm {\n  --section-space: var(--space-section-sm);\n  --section-header-gap: var(--space-stack-sm);\n}\n\n.md {\n  --section-space: var(--space-section-md);\n  --section-header-gap: var(--space-stack-md);\n}\n\n.lg {\n  --section-space: var(--space-section-lg);\n  --section-header-gap: var(--space-stack-lg);\n}\n\n.header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-inline-sm) var(--space-inline-lg);\n  margin: 0;\n  padding-bottom: var(--section-header-gap);\n}\n\n.collapsible:has(> .body[hidden]) .header {\n  padding-bottom: 0;\n}\n\n.heading {\n  display: grid;\n  gap: var(--space-stack-xs);\n  min-width: 0;\n  flex: 1;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-heading);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.trigger {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-2);\n  max-width: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n}\n\n.trigger:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n  border-radius: var(--radius-control-sm);\n}\n\n.chevron {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n\n.collapsible .description {\n  padding-inline-start: calc(18px + var(--space-2));\n}\n\n.description {\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-secondary);\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-inline-sm);\n  flex-shrink: 0;\n}\n\n.body {\n  width: 100%;\n  min-width: 0;\n}\n\n"],"mappings":""}

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type SectionSize = "sm" | "md" | "lg";
+export interface SectionProps {
+    title?: string;
+    description?: string;
+    size?: SectionSize;
+    actions?: ReactNode;
+    children: ReactNode;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}

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

@@ -0,0 +1,2 @@
+export { Section } from './Section';
+export type { SectionProps, SectionSize } from './Section.types';

package/dist/ui/Select/Select.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from './Select.types';
+export type { SelectProps, SelectOption, SelectSize, SelectItemCheck } from './Select.types';
+export declare function Select({ id, size, options, disabled, error, multiple, itemCheck, maxVisible, searchable, placeholder, defaultValue, value: valueProp, onChange, name, ariaLabel, describedBy, }: SelectProps): import("react").JSX.Element;

package/dist/ui/Select/Select.js

@@ -0,0 +1,59 @@
+"use client";
+import { DropdownMenu as e } from "../DropdownMenu/DropdownMenu.js";
+import { useState as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ui/Select/Select.tsx
+function a(e) {
+	return e === "" ? "__empty" : e;
+}
+function o(e) {
+	return e === void 0 ? [] : Array.isArray(e) ? e : [e];
+}
+function s(e, t, n, r) {
+	return n === void 0 ? e ? [] : t ? "" : r ?? "" : n;
+}
+function c({ id: c, size: l = "md", options: u, disabled: d = !1, error: f = !1, multiple: p = !1, itemCheck: m = "check", maxVisible: h, searchable: g = !1, placeholder: _, defaultValue: v, value: y, onChange: b, name: x, ariaLabel: S, describedBy: C }) {
+	let [w, T] = t(() => s(p, _, v, u[0]?.value)), E = y !== void 0, D = o(E ? y : w), O = u.filter((e) => D.includes(e.value)), k = p && h !== void 0 && O.length > h ? O.length - h : 0, A = k > 0 ? O.slice(0, h) : O, j = A.length > 0 ? A.map((e) => e.label).join(", ") : _ || "Select", M = O.length === 0, N = p && m === "checkbox";
+	function P(e) {
+		E || T(e), b?.(e);
+	}
+	return /* @__PURE__ */ i(n, { children: [x ? /* @__PURE__ */ r("input", {
+		type: "hidden",
+		name: x,
+		value: p ? D.join(",") : D[0] ?? ""
+	}) : null, /* @__PURE__ */ r(e, {
+		id: c,
+		triggerStyle: "field",
+		trigger: j,
+		triggerMuted: M,
+		triggerBadge: k > 0 ? `+${k}` : void 0,
+		iconEnd: "ChevronsUpDown",
+		size: l === "sm" ? "sm" : "md",
+		disabled: d,
+		error: f,
+		describedBy: C,
+		ariaLabel: S,
+		closeOnSelect: !p,
+		searchable: g,
+		groups: [{ items: u.map((e) => ({
+			id: a(e.value),
+			label: e.label,
+			selected: D.includes(e.value),
+			checkbox: N || void 0
+		})) }],
+		onSelect: (e) => {
+			let t = u.find((t) => a(t.value) === e);
+			if (t) {
+				if (p) {
+					P(D.includes(t.value) ? D.filter((e) => e !== t.value) : [...D, t.value]);
+					return;
+				}
+				P(t.value);
+			}
+		}
+	})] });
+}
+//#endregion
+export { c as Select };
+
+//# sourceMappingURL=Select.js.map

package/dist/ui/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":[],"sources":["../../../ui/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { DropdownMenu } from \"../DropdownMenu\";\nimport type { SelectProps } from \"./Select.types\";\n\nexport type { SelectProps, SelectOption, SelectSize, SelectItemCheck } from \"./Select.types\";\n\nfunction optionId(value: string): string {\n  return value === \"\" ? \"__empty\" : value;\n}\n\nfunction asList(value: string | string[] | undefined): string[] {\n  if (value === undefined) return [];\n  if (Array.isArray(value)) return value;\n  return [value];\n}\n\nfunction initialValue(\n  multiple: boolean,\n  placeholder: string | undefined,\n  defaultValue: string | string[] | undefined,\n  first: string | undefined,\n): string | string[] {\n  if (defaultValue !== undefined) return defaultValue;\n  if (multiple) return [];\n  if (placeholder) return \"\";\n  return first ?? \"\";\n}\n\nexport function Select({\n  id,\n  size = \"md\",\n  options,\n  disabled = false,\n  error = false,\n  multiple = false,\n  itemCheck = \"check\",\n  maxVisible,\n  searchable = false,\n  placeholder,\n  defaultValue,\n  value: valueProp,\n  onChange,\n  name,\n  ariaLabel,\n  describedBy,\n}: SelectProps) {\n  const [uncontrolled, setUncontrolled] = useState<string | string[]>(() =>\n    initialValue(multiple, placeholder, defaultValue, options[0]?.value),\n  );\n  const isControlled = valueProp !== undefined;\n  const raw = isControlled ? valueProp : uncontrolled;\n  const values = asList(raw);\n  const selectedOptions = options.filter((option) => values.includes(option.value));\n  const overflow =\n    multiple && maxVisible !== undefined && selectedOptions.length > maxVisible\n      ? selectedOptions.length - maxVisible\n      : 0;\n  const shown = overflow > 0 ? selectedOptions.slice(0, maxVisible) : selectedOptions;\n  const trigger =\n    shown.length > 0 ? shown.map((option) => option.label).join(\", \") : placeholder || \"Select\";\n  const muted = selectedOptions.length === 0;\n  const useCheckbox = multiple && itemCheck === \"checkbox\";\n\n  function emit(next: string | string[]) {\n    if (!isControlled) setUncontrolled(next);\n    onChange?.(next);\n  }\n\n  return (\n    <>\n      {name ? (\n        <input type=\"hidden\" name={name} value={multiple ? values.join(\",\") : (values[0] ?? \"\")} />\n      ) : null}\n      <DropdownMenu\n        id={id}\n        triggerStyle=\"field\"\n        trigger={trigger}\n        triggerMuted={muted}\n        triggerBadge={overflow > 0 ? `+${overflow}` : undefined}\n        iconEnd=\"ChevronsUpDown\"\n        size={size === \"sm\" ? \"sm\" : \"md\"}\n        disabled={disabled}\n        error={error}\n        describedBy={describedBy}\n        ariaLabel={ariaLabel}\n        closeOnSelect={!multiple}\n        searchable={searchable}\n        groups={[\n          {\n            items: options.map((option) => ({\n              id: optionId(option.value),\n              label: option.label,\n              selected: values.includes(option.value),\n              checkbox: useCheckbox || undefined,\n            })),\n          },\n        ]}\n        onSelect={(next) => {\n          const match = options.find((option) => optionId(option.value) === next);\n          if (!match) return;\n          if (multiple) {\n            const has = values.includes(match.value);\n            emit(has ? values.filter((value) => value !== match.value) : [...values, match.value]);\n            return;\n          }\n          emit(match.value);\n        }}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;AAQA,SAAS,EAAS,GAAuB;CACvC,OAAO,MAAU,KAAK,YAAY;AACpC;AAEA,SAAS,EAAO,GAAgD;CAG9D,OAFI,MAAU,KAAA,IAAkB,CAAC,IAC7B,MAAM,QAAQ,CAAK,IAAU,IAC1B,CAAC,CAAK;AACf;AAEA,SAAS,EACP,GACA,GACA,GACA,GACmB;CAInB,OAHI,MAAiB,KAAA,IACjB,IAAiB,CAAC,IAClB,IAAoB,KACjB,KAAS,KAHuB;AAIzC;AAEA,SAAgB,EAAO,EACrB,OACA,UAAO,MACP,YACA,cAAW,IACX,WAAQ,IACR,cAAW,IACX,eAAY,SACZ,eACA,gBAAa,IACb,gBACA,iBACA,OAAO,GACP,aACA,SACA,cACA,kBACc;CACd,IAAM,CAAC,GAAc,KAAmB,QACtC,EAAa,GAAU,GAAa,GAAc,EAAQ,EAAE,EAAE,KAAK,CACrE,GACM,IAAe,MAAc,KAAA,GAE7B,IAAS,EADH,IAAe,IAAY,CACd,GACnB,IAAkB,EAAQ,QAAQ,MAAW,EAAO,SAAS,EAAO,KAAK,CAAC,GAC1E,IACJ,KAAY,MAAe,KAAA,KAAa,EAAgB,SAAS,IAC7D,EAAgB,SAAS,IACzB,GACA,IAAQ,IAAW,IAAI,EAAgB,MAAM,GAAG,CAAU,IAAI,GAC9D,IACJ,EAAM,SAAS,IAAI,EAAM,KAAK,MAAW,EAAO,KAAK,CAAC,CAAC,KAAK,IAAI,IAAI,KAAe,UAC/E,IAAQ,EAAgB,WAAW,GACnC,IAAc,KAAY,MAAc;CAE9C,SAAS,EAAK,GAAyB;EAErC,AADK,KAAc,EAAgB,CAAI,GACvC,IAAW,CAAI;CACjB;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,SAAD;EAAO,MAAK;EAAe;EAAM,OAAO,IAAW,EAAO,KAAK,GAAG,IAAK,EAAO,MAAM;CAAM,CAAA,IACxF,MACJ,kBAAC,GAAD;EACM;EACJ,cAAa;EACJ;EACT,cAAc;EACd,cAAc,IAAW,IAAI,IAAI,MAAa,KAAA;EAC9C,SAAQ;EACR,MAAM,MAAS,OAAO,OAAO;EACnB;EACH;EACM;EACF;EACX,eAAe,CAAC;EACJ;EACZ,QAAQ,CACN,EACE,OAAO,EAAQ,KAAK,OAAY;GAC9B,IAAI,EAAS,EAAO,KAAK;GACzB,OAAO,EAAO;GACd,UAAU,EAAO,SAAS,EAAO,KAAK;GACtC,UAAU,KAAe,KAAA;EAC3B,EAAE,EACJ,CACF;EACA,WAAW,MAAS;GAClB,IAAM,IAAQ,EAAQ,MAAM,MAAW,EAAS,EAAO,KAAK,MAAM,CAAI;GACjE,OACL;QAAI,GAAU;KAEZ,EADY,EAAO,SAAS,EAAM,KAC7B,IAAM,EAAO,QAAQ,MAAU,MAAU,EAAM,KAAK,IAAI,CAAC,GAAG,GAAQ,EAAM,KAAK,CAAC;KACrF;IACF;IACA,EAAK,EAAM,KAAK;GADhB;EAEF;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}

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

@@ -0,0 +1,24 @@
+export type SelectSize = "sm" | "md";
+export type SelectItemCheck = "check" | "checkbox";
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface SelectProps {
+    id: string;
+    size?: SelectSize;
+    options: SelectOption[];
+    disabled?: boolean;
+    error?: boolean;
+    multiple?: boolean;
+    itemCheck?: SelectItemCheck;
+    maxVisible?: number;
+    searchable?: boolean;
+    placeholder?: string;
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    name?: string;
+    ariaLabel?: string;
+    describedBy?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption, SelectSize, SelectItemCheck } from './Select.types';

package/dist/ui/ShimmerText/ShimmerText.d.ts

@@ -0,0 +1,3 @@
+import { ShimmerTextProps } from './ShimmerText.types';
+export type { ShimmerTextProps, ShimmerTextSize, ShimmerTextSpeed } from './ShimmerText.types';
+export declare function ShimmerText({ children, size, speed, className, style, }: ShimmerTextProps): import("react").JSX.Element;