agentic-ds-kit 0.1.0 → 0.2.0

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

@@ -1,4 +1,4 @@
-.switch {
+._switch_jkowc_1 {
   display: inline-flex;
   align-items: center;
   width: fit-content;
@@ -6,41 +6,41 @@
   color: var(--text-primary);
 }
 
-.labeled {
+._labeled_jkowc_9 {
   display: flex;
   width: 100%;
   justify-content: space-between;
   gap: var(--space-inline-md);
 }
 
-.label {
+._label_jkowc_9 {
   font-weight: var(--type-weight-label);
   line-height: var(--type-line-body);
   cursor: pointer;
 }
 
-.switch[data-disabled] {
+._switch_jkowc_1[data-disabled] {
   cursor: not-allowed;
 }
 
-.switch[data-disabled] .label {
+._switch_jkowc_1[data-disabled] ._label_jkowc_9 {
   color: var(--text-disabled);
   cursor: not-allowed;
 }
 
-.sm {
+._sm_jkowc_31 {
   font-size: var(--type-size-caption);
 }
 
-.md {
+._md_jkowc_35 {
   font-size: var(--type-size-label);
 }
 
-.lg {
+._lg_jkowc_39 {
   font-size: var(--type-size-body-sm);
 }
 
-.control {
+._control_jkowc_43 {
   appearance: none;
   -webkit-appearance: none;
   position: relative;
@@ -60,7 +60,7 @@
   --switch-thumb-squash: 0.92rem;
 }
 
-.sm .control {
+._sm_jkowc_31 ._control_jkowc_43 {
   width: 2rem;
   height: 1.15rem;
   --switch-thumb-inset: 0.1rem;
@@ -69,7 +69,7 @@
   --switch-thumb-squash: 0.78rem;
 }
 
-.lg .control {
+._lg_jkowc_39 ._control_jkowc_43 {
   width: 3rem;
   height: 1.65rem;
   --switch-thumb-inset: 0.14rem;
@@ -78,31 +78,31 @@
   --switch-thumb-squash: 1.1rem;
 }
 
-.control[aria-checked="true"] {
+._control_jkowc_43[aria-checked="true"] {
   background: var(--action-primary);
   border-color: var(--action-primary);
 }
 
-.control:hover:not(:disabled) {
+._control_jkowc_43:hover:not(:disabled) {
   border-color: var(--border-strong);
 }
 
-.control[aria-checked="true"]:hover:not(:disabled) {
+._control_jkowc_43[aria-checked="true"]:hover:not(:disabled) {
   background: var(--action-primary-hover);
   border-color: var(--action-primary-hover);
 }
 
-.control:focus-visible {
+._control_jkowc_43:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.control:disabled {
+._control_jkowc_43:disabled {
   opacity: var(--opacity-disabled);
   cursor: not-allowed;
 }
 
-.thumb {
+._thumb_jkowc_105 {
   position: absolute;
   top: 50%;
   left: var(--switch-thumb-inset);
@@ -117,11 +117,11 @@
     width var(--motion-modal-duration) var(--motion-ease-spring);
 }
 
-.control[aria-checked="true"] .thumb {
+._control_jkowc_43[aria-checked="true"] ._thumb_jkowc_105 {
   left: calc(100% - var(--switch-thumb-size) - var(--switch-thumb-inset));
 }
 
-@keyframes switch-thumb-on {
+@keyframes _switch-thumb-on_jkowc_1 {
   0% {
     left: var(--switch-thumb-inset);
     width: var(--switch-thumb-size);
@@ -144,7 +144,7 @@
   }
 }
 
-@keyframes switch-thumb-off {
+@keyframes _switch-thumb-off_jkowc_1 {
   0% {
     left: calc(100% - var(--switch-thumb-size) - var(--switch-thumb-inset));
     width: var(--switch-thumb-size);
@@ -167,23 +167,23 @@
   }
 }
 
-.control[data-jelly][aria-checked="true"] .thumb {
-  animation: switch-thumb-on var(--motion-modal-duration) var(--motion-ease-spring) both;
+._control_jkowc_43[data-jelly][aria-checked="true"] ._thumb_jkowc_105 {
+  animation: _switch-thumb-on_jkowc_1 var(--motion-modal-duration) var(--motion-ease-spring) both;
   transition: none;
 }
 
-.control[data-jelly][aria-checked="false"] .thumb {
-  animation: switch-thumb-off var(--motion-modal-duration) var(--motion-ease-spring) both;
+._control_jkowc_43[data-jelly][aria-checked="false"] ._thumb_jkowc_105 {
+  animation: _switch-thumb-off_jkowc_1 var(--motion-modal-duration) var(--motion-ease-spring) both;
   transition: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .thumb {
+  ._thumb_jkowc_105 {
     transition: none;
   }
 
-  .control[data-jelly][aria-checked="true"] .thumb,
-  .control[data-jelly][aria-checked="false"] .thumb {
+  ._control_jkowc_43[data-jelly][aria-checked="true"] ._thumb_jkowc_105,
+  ._control_jkowc_43[data-jelly][aria-checked="false"] ._thumb_jkowc_105 {
     animation: none;
   }
 }

package/dist/ui/Switch/Switch.module.js

@@ -0,0 +1,18 @@
+import "./Switch.module.css";
+//#region ui/Switch/Switch.module.css
+var e = "_labeled_jkowc_9", t = "_label_jkowc_9", n = "_sm_jkowc_31", r = "_md_jkowc_35", i = "_lg_jkowc_39", a = "_control_jkowc_43", o = "_thumb_jkowc_105", s = {
+	switch: "_switch_jkowc_1",
+	labeled: e,
+	label: t,
+	sm: n,
+	md: r,
+	lg: i,
+	control: a,
+	thumb: o,
+	"switch-thumb-on": "_switch-thumb-on_jkowc_1",
+	"switch-thumb-off": "_switch-thumb-off_jkowc_1"
+};
+//#endregion
+export { a as control, s as default, t as label, e as labeled, i as lg, r as md, n as sm, o as thumb };
+
+//# sourceMappingURL=Switch.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.js","names":[],"sources":["../../../ui/Switch/Switch.module.css"],"sourcesContent":[".switch {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  font-family: var(--font-sans);\n  color: var(--text-primary);\n}\n\n.labeled {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  gap: var(--space-inline-md);\n}\n\n.label {\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n  cursor: pointer;\n}\n\n.switch[data-disabled] {\n  cursor: not-allowed;\n}\n\n.switch[data-disabled] .label {\n  color: var(--text-disabled);\n  cursor: not-allowed;\n}\n\n.sm {\n  font-size: var(--type-size-caption);\n}\n\n.md {\n  font-size: var(--type-size-label);\n}\n\n.lg {\n  font-size: var(--type-size-body-sm);\n}\n\n.control {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  margin: 0;\n  padding: 0;\n  width: 2.5rem;\n  height: 1.4rem;\n  border: var(--border-control) solid var(--border-faint);\n  border-radius: var(--radius-pill);\n  background: var(--action-secondary);\n  cursor: pointer;\n  --switch-thumb-inset: 0.12rem;\n  --switch-thumb-size: 1rem;\n  --switch-thumb-stretch: 1.18rem;\n  --switch-thumb-squash: 0.92rem;\n}\n\n.sm .control {\n  width: 2rem;\n  height: 1.15rem;\n  --switch-thumb-inset: 0.1rem;\n  --switch-thumb-size: 0.85rem;\n  --switch-thumb-stretch: 0.98rem;\n  --switch-thumb-squash: 0.78rem;\n}\n\n.lg .control {\n  width: 3rem;\n  height: 1.65rem;\n  --switch-thumb-inset: 0.14rem;\n  --switch-thumb-size: 1.2rem;\n  --switch-thumb-stretch: 1.38rem;\n  --switch-thumb-squash: 1.1rem;\n}\n\n.control[aria-checked=\"true\"] {\n  background: var(--action-primary);\n  border-color: var(--action-primary);\n}\n\n.control:hover:not(:disabled) {\n  border-color: var(--border-strong);\n}\n\n.control[aria-checked=\"true\"]:hover:not(:disabled) {\n  background: var(--action-primary-hover);\n  border-color: var(--action-primary-hover);\n}\n\n.control:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.control:disabled {\n  opacity: var(--opacity-disabled);\n  cursor: not-allowed;\n}\n\n.thumb {\n  position: absolute;\n  top: 50%;\n  left: var(--switch-thumb-inset);\n  width: var(--switch-thumb-size);\n  height: var(--switch-thumb-size);\n  border-radius: var(--radius-pill);\n  background: var(--action-on-primary);\n  transform: translateY(-50%);\n  pointer-events: none;\n  transition:\n    left var(--motion-modal-duration) var(--motion-ease-spring),\n    width var(--motion-modal-duration) var(--motion-ease-spring);\n}\n\n.control[aria-checked=\"true\"] .thumb {\n  left: calc(100% - var(--switch-thumb-size) - var(--switch-thumb-inset));\n}\n\n@keyframes switch-thumb-on {\n  0% {\n    left: var(--switch-thumb-inset);\n    width: var(--switch-thumb-size);\n    height: var(--switch-thumb-size);\n  }\n  30% {\n    left: var(--switch-thumb-inset);\n    width: var(--switch-thumb-stretch);\n    height: var(--switch-thumb-squash);\n  }\n  70% {\n    left: calc(100% - var(--switch-thumb-stretch) - var(--switch-thumb-inset));\n    width: var(--switch-thumb-stretch);\n    height: var(--switch-thumb-squash);\n  }\n  100% {\n    left: calc(100% - var(--switch-thumb-size) - var(--switch-thumb-inset));\n    width: var(--switch-thumb-size);\n    height: var(--switch-thumb-size);\n  }\n}\n\n@keyframes switch-thumb-off {\n  0% {\n    left: calc(100% - var(--switch-thumb-size) - var(--switch-thumb-inset));\n    width: var(--switch-thumb-size);\n    height: var(--switch-thumb-size);\n  }\n  30% {\n    left: calc(100% - var(--switch-thumb-stretch) - var(--switch-thumb-inset));\n    width: var(--switch-thumb-stretch);\n    height: var(--switch-thumb-squash);\n  }\n  70% {\n    left: var(--switch-thumb-inset);\n    width: var(--switch-thumb-stretch);\n    height: var(--switch-thumb-squash);\n  }\n  100% {\n    left: var(--switch-thumb-inset);\n    width: var(--switch-thumb-size);\n    height: var(--switch-thumb-size);\n  }\n}\n\n.control[data-jelly][aria-checked=\"true\"] .thumb {\n  animation: switch-thumb-on var(--motion-modal-duration) var(--motion-ease-spring) both;\n  transition: none;\n}\n\n.control[data-jelly][aria-checked=\"false\"] .thumb {\n  animation: switch-thumb-off var(--motion-modal-duration) var(--motion-ease-spring) both;\n  transition: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb {\n    transition: none;\n  }\n\n  .control[data-jelly][aria-checked=\"true\"] .thumb,\n  .control[data-jelly][aria-checked=\"false\"] .thumb {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,11 @@
+export type SwitchSize = "sm" | "md" | "lg";
+export interface SwitchProps {
+    id?: string;
+    label?: string;
+    ariaLabel?: string;
+    size?: SwitchSize;
+    disabled?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+}

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

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps, SwitchSize } from './Switch.types';

package/dist/ui/Table/Table.d.ts

@@ -0,0 +1,3 @@
+import { TableProps } from './Table.types';
+export type { TableProps, TableColumn, TableSize, TableAlign, TableFooter, } from './Table.types';
+export declare function Table({ columns, rows, caption, size, emptyLabel, footer, }: TableProps): import("react").JSX.Element;

package/dist/ui/Table/Table.js

@@ -0,0 +1,84 @@
+import e from "./Table.module.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ui/Table/Table.tsx
+var i = "No results.";
+function a(e) {
+	return e.numeric === !0 || e.align === "end";
+}
+function o(e, t) {
+	return e.emphasis === !0 || t === 0;
+}
+function s(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function c(e) {
+	return e ?? "";
+}
+function l({ columns: l, rows: u, caption: d, size: f = "md", emptyLabel: p = i, footer: m }) {
+	let h = u.length === 0, g = Math.max(l.length, 1), _ = l.length > 1 ? l.length - 1 : 1;
+	return /* @__PURE__ */ n("div", {
+		className: s(e.wrapper, e[f]),
+		children: /* @__PURE__ */ r("table", {
+			className: e.table,
+			children: [
+				d ? /* @__PURE__ */ n("caption", {
+					className: e.caption,
+					children: d
+				}) : null,
+				/* @__PURE__ */ n("thead", {
+					className: e.thead,
+					children: /* @__PURE__ */ n("tr", {
+						className: e.tr,
+						children: l.map((t) => /* @__PURE__ */ n("th", {
+							scope: "col",
+							className: s(e.th, a(t) && e.numeric),
+							children: t.header
+						}, t.key))
+					})
+				}),
+				/* @__PURE__ */ n("tbody", {
+					className: e.tbody,
+					children: h ? /* @__PURE__ */ n("tr", {
+						className: e.tr,
+						children: /* @__PURE__ */ n("td", {
+							className: s(e.td, e.empty),
+							colSpan: g,
+							children: p
+						})
+					}) : u.map((t, r) => /* @__PURE__ */ n("tr", {
+						className: e.tr,
+						children: l.map((r, i) => /* @__PURE__ */ n("td", {
+							className: s(e.td, a(r) && e.numeric, o(r, i) && e.emphasis),
+							children: c(t[r.key])
+						}, r.key))
+					}, r))
+				}),
+				m ? /* @__PURE__ */ n("tfoot", {
+					className: e.tfoot,
+					children: /* @__PURE__ */ n("tr", {
+						className: e.tr,
+						children: l.length > 1 ? /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("td", {
+							className: e.td,
+							colSpan: _,
+							children: m.label
+						}), /* @__PURE__ */ n("td", {
+							className: s(e.td, e.numeric),
+							children: m.value
+						})] }) : /* @__PURE__ */ r("td", {
+							className: s(e.td, e.numeric),
+							children: [
+								m.label,
+								" ",
+								m.value
+							]
+						})
+					})
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+export { l as Table };
+
+//# sourceMappingURL=Table.js.map

package/dist/ui/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","names":[],"sources":["../../../ui/Table/Table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { TableColumn, TableProps } from \"./Table.types\";\nimport styles from \"./Table.module.css\";\n\nexport type {\n  TableProps,\n  TableColumn,\n  TableSize,\n  TableAlign,\n  TableFooter,\n} from \"./Table.types\";\n\nconst DEFAULT_EMPTY = \"No results.\";\n\nfunction isNumeric(column: TableColumn): boolean {\n  return column.numeric === true || column.align === \"end\";\n}\n\nfunction isEmphasis(column: TableColumn, index: number): boolean {\n  return column.emphasis === true || index === 0;\n}\n\nfunction classNames(...parts: Array<string | false | undefined>): string {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction cellValue(value: string | number | ReactNode | undefined): ReactNode {\n  if (value === undefined || value === null) return \"\";\n  return value;\n}\n\nexport function Table({\n  columns,\n  rows,\n  caption,\n  size = \"md\",\n  emptyLabel = DEFAULT_EMPTY,\n  footer,\n}: TableProps) {\n  const empty = rows.length === 0;\n  const colCount = Math.max(columns.length, 1);\n  const footerLabelSpan = columns.length > 1 ? columns.length - 1 : 1;\n\n  return (\n    <div className={classNames(styles.wrapper, styles[size])}>\n      <table className={styles.table}>\n        {caption ? <caption className={styles.caption}>{caption}</caption> : null}\n        <thead className={styles.thead}>\n          <tr className={styles.tr}>\n            {columns.map((column) => (\n              <th\n                key={column.key}\n                scope=\"col\"\n                className={classNames(styles.th, isNumeric(column) && styles.numeric)}\n              >\n                {column.header}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody className={styles.tbody}>\n          {empty ? (\n            <tr className={styles.tr}>\n              <td className={classNames(styles.td, styles.empty)} colSpan={colCount}>\n                {emptyLabel}\n              </td>\n            </tr>\n          ) : (\n            rows.map((row, index) => (\n              <tr key={index} className={styles.tr}>\n                {columns.map((column, columnIndex) => (\n                  <td\n                    key={column.key}\n                    className={classNames(\n                      styles.td,\n                      isNumeric(column) && styles.numeric,\n                      isEmphasis(column, columnIndex) && styles.emphasis,\n                    )}\n                  >\n                    {cellValue(row[column.key])}\n                  </td>\n                ))}\n              </tr>\n            ))\n          )}\n        </tbody>\n        {footer ? (\n          <tfoot className={styles.tfoot}>\n            <tr className={styles.tr}>\n              {columns.length > 1 ? (\n                <>\n                  <td className={styles.td} colSpan={footerLabelSpan}>\n                    {footer.label}\n                  </td>\n                  <td className={classNames(styles.td, styles.numeric)}>{footer.value}</td>\n                </>\n              ) : (\n                <td className={classNames(styles.td, styles.numeric)}>\n                  {footer.label} {footer.value}\n                </td>\n              )}\n            </tr>\n          </tfoot>\n        ) : null}\n      </table>\n    </div>\n  );\n}\n"],"mappings":";;;AAYA,IAAM,IAAgB;AAEtB,SAAS,EAAU,GAA8B;CAC/C,OAAO,EAAO,YAAY,MAAQ,EAAO,UAAU;AACrD;AAEA,SAAS,EAAW,GAAqB,GAAwB;CAC/D,OAAO,EAAO,aAAa,MAAQ,MAAU;AAC/C;AAEA,SAAS,EAAW,GAAG,GAAkD;CACvE,OAAO,EAAM,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACvC;AAEA,SAAS,EAAU,GAA2D;CAE5E,OADI,KAA8C;AAEpD;AAEA,SAAgB,EAAM,EACpB,YACA,SACA,YACA,UAAO,MACP,gBAAa,GACb,aACa;CACb,IAAM,IAAQ,EAAK,WAAW,GACxB,IAAW,KAAK,IAAI,EAAQ,QAAQ,CAAC,GACrC,IAAkB,EAAQ,SAAS,IAAI,EAAQ,SAAS,IAAI;CAElE,OACE,kBAAC,OAAD;EAAK,WAAW,EAAW,EAAO,SAAS,EAAO,EAAK;EACrD,UAAA,kBAAC,SAAD;GAAO,WAAW,EAAO;GAAzB,UAAA;IACG,IAAU,kBAAC,WAAD;KAAS,WAAW,EAAO;KAAU,UAAA;IAAiB,CAAA,IAAI;IACrE,kBAAC,SAAD;KAAO,WAAW,EAAO;KACvB,UAAA,kBAAC,MAAD;MAAI,WAAW,EAAO;MACnB,UAAA,EAAQ,KAAK,MACZ,kBAAC,MAAD;OAEE,OAAM;OACN,WAAW,EAAW,EAAO,IAAI,EAAU,CAAM,KAAK,EAAO,OAAO;OAEnE,UAAA,EAAO;MACN,GALG,EAAO,GAKV,CACL;KACC,CAAA;IACC,CAAA;IACP,kBAAC,SAAD;KAAO,WAAW,EAAO;KACtB,UAAA,IACC,kBAAC,MAAD;MAAI,WAAW,EAAO;MACpB,UAAA,kBAAC,MAAD;OAAI,WAAW,EAAW,EAAO,IAAI,EAAO,KAAK;OAAG,SAAS;OAC1D,UAAA;MACC,CAAA;KACF,CAAA,IAEJ,EAAK,KAAK,GAAK,MACb,kBAAC,MAAD;MAAgB,WAAW,EAAO;MAC/B,UAAA,EAAQ,KAAK,GAAQ,MACpB,kBAAC,MAAD;OAEE,WAAW,EACT,EAAO,IACP,EAAU,CAAM,KAAK,EAAO,SAC5B,EAAW,GAAQ,CAAW,KAAK,EAAO,QAC5C;OAEC,UAAA,EAAU,EAAI,EAAO,IAAI;MACxB,GARG,EAAO,GAQV,CACL;KACC,GAbK,CAaL,CACL;IAEE,CAAA;IACN,IACC,kBAAC,SAAD;KAAO,WAAW,EAAO;KACvB,UAAA,kBAAC,MAAD;MAAI,WAAW,EAAO;MACnB,UAAA,EAAQ,SAAS,IAChB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAW,EAAO;OAAI,SAAS;OAChC,UAAA,EAAO;MACN,CAAA,GACJ,kBAAC,MAAD;OAAI,WAAW,EAAW,EAAO,IAAI,EAAO,OAAO;OAAI,UAAA,EAAO;MAAU,CAAA,CACxE,EAAA,CAAA,IAEF,kBAAC,MAAD;OAAI,WAAW,EAAW,EAAO,IAAI,EAAO,OAAO;OAAnD,UAAA;QACG,EAAO;QAAM;QAAE,EAAO;OACrB;;KAEJ,CAAA;IACC,CAAA,IACL;GACC;;CACJ,CAAA;AAET"}

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

@@ -1,11 +1,11 @@
-.wrapper {
+._wrapper_oz0xw_1 {
   position: relative;
   width: 100%;
   min-width: 0;
   overflow-x: auto;
 }
 
-.table {
+._table_oz0xw_8 {
   width: 100%;
   caption-side: bottom;
   border-collapse: collapse;
@@ -16,7 +16,7 @@
   text-align: start;
 }
 
-.caption {
+._caption_oz0xw_19 {
   caption-side: bottom;
   margin-top: var(--space-4);
   font-family: var(--font-sans);
@@ -27,51 +27,51 @@
   text-align: start;
 }
 
-.tr {
+._tr_oz0xw_30 {
   border-bottom: var(--border-divider) solid var(--border-faint);
   transition: background-color var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.thead .tr {
+._thead_oz0xw_35 ._tr_oz0xw_30 {
   border-bottom: var(--border-divider) solid var(--border-faint);
 }
 
-.tbody .tr:last-child {
+._tbody_oz0xw_39 ._tr_oz0xw_30:last-child {
   border-bottom: none;
 }
 
-.tbody .tr:hover .td {
+._tbody_oz0xw_39 ._tr_oz0xw_30:hover ._td_oz0xw_43 {
   background-color: color-mix(in srgb, var(--surface-muted) 50%, var(--surface-card));
 }
 
-.tfoot {
+._tfoot_oz0xw_47 {
   border-top: var(--border-divider) solid var(--border-faint);
   background-color: color-mix(in srgb, var(--surface-muted) 50%, transparent);
   font-weight: var(--type-weight-label);
 }
 
-.tfoot .td {
+._tfoot_oz0xw_47 ._td_oz0xw_43 {
   color: var(--text-primary);
   font-weight: var(--type-weight-label);
   background-color: color-mix(in srgb, var(--surface-muted) 50%, var(--surface-card));
 }
 
-.tfoot .tr {
+._tfoot_oz0xw_47 ._tr_oz0xw_30 {
   border-bottom: none;
 }
 
-.tfoot .tr:last-child {
+._tfoot_oz0xw_47 ._tr_oz0xw_30:last-child {
   border-bottom: none;
 }
 
-.th,
-.td {
+._th_oz0xw_35,
+._td_oz0xw_43 {
   vertical-align: middle;
   text-align: start;
   white-space: nowrap;
 }
 
-.th {
+._th_oz0xw_35 {
   height: 2.5rem;
   padding-inline: var(--space-2);
   padding-block: 0;
@@ -80,25 +80,25 @@
   background-color: var(--surface-card);
 }
 
-.td {
+._td_oz0xw_43 {
   padding: var(--space-2);
   color: var(--text-secondary);
   background-color: var(--surface-card);
   transition: background-color var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.emphasis {
+._emphasis_oz0xw_90 {
   font-weight: var(--type-weight-label);
   color: var(--text-primary);
 }
 
-.numeric {
+._numeric_oz0xw_95 {
   width: 1%;
   text-align: end;
   font-variant-numeric: tabular-nums;
 }
 
-.empty {
+._empty_oz0xw_101 {
   min-height: 6rem;
   height: 6rem;
   text-align: center;
@@ -106,27 +106,27 @@
   color: var(--text-muted);
 }
 
-.sm .th {
+._sm_oz0xw_109 ._th_oz0xw_35 {
   height: 2rem;
   padding-inline: var(--space-1);
 }
 
-.sm .td {
+._sm_oz0xw_109 ._td_oz0xw_43 {
   padding: var(--space-1);
 }
 
-.lg .th {
+._lg_oz0xw_118 ._th_oz0xw_35 {
   height: 3rem;
   padding-inline: var(--space-3);
 }
 
-.lg .td {
+._lg_oz0xw_118 ._td_oz0xw_43 {
   padding: var(--space-3);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .tr,
-  .td {
+  ._tr_oz0xw_30,
+  ._td_oz0xw_43 {
     transition: none;
   }
 }

package/dist/ui/Table/Table.module.js

@@ -0,0 +1,22 @@
+import "./Table.module.css";
+//#region ui/Table/Table.module.css
+var e = "_wrapper_oz0xw_1", t = "_table_oz0xw_8", n = "_caption_oz0xw_19", r = "_tr_oz0xw_30", i = "_thead_oz0xw_35", a = "_tbody_oz0xw_39", o = "_td_oz0xw_43", s = "_tfoot_oz0xw_47", c = "_th_oz0xw_35", l = "_emphasis_oz0xw_90", u = "_numeric_oz0xw_95", d = "_empty_oz0xw_101", f = "_sm_oz0xw_109", p = "_lg_oz0xw_118", m = {
+	wrapper: e,
+	table: t,
+	caption: n,
+	tr: r,
+	thead: i,
+	tbody: a,
+	td: o,
+	tfoot: s,
+	th: c,
+	emphasis: l,
+	numeric: u,
+	empty: d,
+	sm: f,
+	lg: p
+};
+//#endregion
+export { n as caption, m as default, l as emphasis, d as empty, p as lg, u as numeric, f as sm, t as table, a as tbody, o as td, s as tfoot, c as th, i as thead, r as tr, e as wrapper };
+
+//# sourceMappingURL=Table.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.js","names":[],"sources":["../../../ui/Table/Table.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  overflow-x: auto;\n}\n\n.table {\n  width: 100%;\n  caption-side: bottom;\n  border-collapse: collapse;\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  text-align: start;\n}\n\n.caption {\n  caption-side: bottom;\n  margin-top: var(--space-4);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  font-weight: var(--type-weight-body);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n  text-align: start;\n}\n\n.tr {\n  border-bottom: var(--border-divider) solid var(--border-faint);\n  transition: background-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.thead .tr {\n  border-bottom: var(--border-divider) solid var(--border-faint);\n}\n\n.tbody .tr:last-child {\n  border-bottom: none;\n}\n\n.tbody .tr:hover .td {\n  background-color: color-mix(in srgb, var(--surface-muted) 50%, var(--surface-card));\n}\n\n.tfoot {\n  border-top: var(--border-divider) solid var(--border-faint);\n  background-color: color-mix(in srgb, var(--surface-muted) 50%, transparent);\n  font-weight: var(--type-weight-label);\n}\n\n.tfoot .td {\n  color: var(--text-primary);\n  font-weight: var(--type-weight-label);\n  background-color: color-mix(in srgb, var(--surface-muted) 50%, var(--surface-card));\n}\n\n.tfoot .tr {\n  border-bottom: none;\n}\n\n.tfoot .tr:last-child {\n  border-bottom: none;\n}\n\n.th,\n.td {\n  vertical-align: middle;\n  text-align: start;\n  white-space: nowrap;\n}\n\n.th {\n  height: 2.5rem;\n  padding-inline: var(--space-2);\n  padding-block: 0;\n  font-weight: var(--type-weight-label);\n  color: var(--text-primary);\n  background-color: var(--surface-card);\n}\n\n.td {\n  padding: var(--space-2);\n  color: var(--text-secondary);\n  background-color: var(--surface-card);\n  transition: background-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.emphasis {\n  font-weight: var(--type-weight-label);\n  color: var(--text-primary);\n}\n\n.numeric {\n  width: 1%;\n  text-align: end;\n  font-variant-numeric: tabular-nums;\n}\n\n.empty {\n  min-height: 6rem;\n  height: 6rem;\n  text-align: center;\n  white-space: normal;\n  color: var(--text-muted);\n}\n\n.sm .th {\n  height: 2rem;\n  padding-inline: var(--space-1);\n}\n\n.sm .td {\n  padding: var(--space-1);\n}\n\n.lg .th {\n  height: 3rem;\n  padding-inline: var(--space-3);\n}\n\n.lg .td {\n  padding: var(--space-3);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tr,\n  .td {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export type TableSize = "sm" | "md" | "lg";
+export type TableAlign = "start" | "end";
+export interface TableColumn {
+    key: string;
+    header: string;
+    align?: TableAlign;
+    numeric?: boolean;
+    emphasis?: boolean;
+}
+export interface TableFooter {
+    label: string;
+    value: string | number;
+}
+export interface TableProps {
+    columns: TableColumn[];
+    rows: Record<string, string | number | ReactNode>[];
+    caption?: string;
+    size?: TableSize;
+    emptyLabel?: string;
+    footer?: TableFooter;
+}

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

@@ -0,0 +1,2 @@
+export { Table } from './Table';
+export type { TableProps, TableColumn, TableSize, TableAlign, TableFooter, } from './Table.types';

package/dist/ui/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { TabsProps } from './Tabs.types';
+export type { TabsProps, TabItem, TabsSize, TabsVariant } from './Tabs.types';
+export declare function Tabs({ items, value, defaultValue, onChange, size, variant, ariaLabel, }: TabsProps): import("react").JSX.Element | null;

package/dist/ui/Tabs/Tabs.js

@@ -0,0 +1,112 @@
+"use client";
+import e from "./Tabs.module.js";
+import { useId as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ui/Tabs/Tabs.tsx
+function s(e, t) {
+	return t && e.some((e) => e.id === t && !e.disabled) ? t : e.find((e) => !e.disabled)?.id;
+}
+function c({ items: c, value: l, defaultValue: u, onChange: d, size: f = "md", variant: p = "segmented", ariaLabel: m = "Tabs" }) {
+	let h = t(), g = l !== void 0, [_, v] = i(() => s(c, u) ?? c[0]?.id), y = (g ? l : _) ?? c[0]?.id, b = c.find((e) => e.id === y) ?? c.find((e) => !e.disabled) ?? c[0], x = r(null), S = r(/* @__PURE__ */ new Map()), [C, w] = i({
+		left: 0,
+		top: 0,
+		width: 0,
+		height: 0,
+		ready: !1
+	});
+	function T(e) {
+		let t = c.find((t) => t.id === e);
+		!t || t.disabled || (g || v(e), d?.(e));
+	}
+	n(() => {
+		function e() {
+			let e = x.current, t = y ? S.current.get(y) : void 0;
+			if (!e || !t) {
+				w((e) => ({
+					...e,
+					ready: !1
+				}));
+				return;
+			}
+			w({
+				left: t.offsetLeft,
+				top: t.offsetTop,
+				width: t.offsetWidth,
+				height: t.offsetHeight,
+				ready: !0
+			});
+		}
+		e();
+		let t = new ResizeObserver(e);
+		return x.current && t.observe(x.current), S.current.forEach((e) => t.observe(e)), window.addEventListener("resize", e), () => {
+			t.disconnect(), window.removeEventListener("resize", e);
+		};
+	}, [
+		y,
+		f,
+		p,
+		c
+	]);
+	function E(e) {
+		let t = c.filter((e) => !e.disabled);
+		if (t.length === 0) return;
+		let n = t.findIndex((e) => e.id === y), r = n < 0 ? 0 : n, i = r;
+		if (e.key === "ArrowRight" || e.key === "ArrowDown") i = (r + 1) % t.length;
+		else if (e.key === "ArrowLeft" || e.key === "ArrowUp") i = (r - 1 + t.length) % t.length;
+		else if (e.key === "Home") i = 0;
+		else if (e.key === "End") i = t.length - 1;
+		else return;
+		e.preventDefault(), T(t[i].id), S.current.get(t[i].id)?.focus();
+	}
+	if (!b) return null;
+	let D = b.content != null && b.content !== !1;
+	return /* @__PURE__ */ o("div", {
+		className: `${e.tabs} ${e[f]} ${e[p]}${D ? "" : ` ${e.listOnly}`}`,
+		children: [/* @__PURE__ */ o("div", {
+			ref: x,
+			role: "tablist",
+			"aria-label": m,
+			className: e.list,
+			onKeyDown: E,
+			children: [/* @__PURE__ */ a("span", {
+				className: e.indicator,
+				"data-ready": C.ready ? "" : void 0,
+				"aria-hidden": !0,
+				style: {
+					transform: `translate(${C.left}px, ${C.top}px)`,
+					width: C.width,
+					height: C.height
+				}
+			}), c.map((t) => {
+				let n = t.id === y, r = `${h}-trigger-${t.id}`, i = `${h}-panel-${t.id}`;
+				return /* @__PURE__ */ a("button", {
+					id: r,
+					ref: (e) => {
+						e ? S.current.set(t.id, e) : S.current.delete(t.id);
+					},
+					type: "button",
+					role: "tab",
+					className: e.trigger,
+					"aria-selected": n,
+					"aria-controls": i,
+					tabIndex: n ? 0 : -1,
+					disabled: t.disabled,
+					"data-state": n ? "active" : "inactive",
+					onClick: () => T(t.id),
+					children: t.label
+				}, t.id);
+			})]
+		}), D ? /* @__PURE__ */ a("div", {
+			id: `${h}-panel-${b.id}`,
+			role: "tabpanel",
+			className: e.content,
+			"aria-labelledby": `${h}-trigger-${b.id}`,
+			tabIndex: 0,
+			children: b.content
+		}) : null]
+	});
+}
+//#endregion
+export { c as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/ui/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../ui/Tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useLayoutEffect, useRef, useState, type KeyboardEvent } from \"react\";\nimport type { TabsProps } from \"./Tabs.types\";\nimport styles from \"./Tabs.module.css\";\n\nexport type { TabsProps, TabItem, TabsSize, TabsVariant } from \"./Tabs.types\";\n\nfunction firstEnabledId(items: TabsProps[\"items\"], preferred?: string) {\n  if (preferred && items.some((item) => item.id === preferred && !item.disabled)) {\n    return preferred;\n  }\n  return items.find((item) => !item.disabled)?.id;\n}\n\nexport function Tabs({\n  items,\n  value,\n  defaultValue,\n  onChange,\n  size = \"md\",\n  variant = \"segmented\",\n  ariaLabel = \"Tabs\",\n}: TabsProps) {\n  const baseId = useId();\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState(() => firstEnabledId(items, defaultValue) ?? items[0]?.id);\n  const selected = (isControlled ? value : internal) ?? items[0]?.id;\n  const selectedItem = items.find((item) => item.id === selected) ?? items.find((item) => !item.disabled) ?? items[0];\n\n  const listRef = useRef<HTMLDivElement>(null);\n  const tabRefs = useRef(new Map<string, HTMLButtonElement>());\n  const [indicator, setIndicator] = useState({ left: 0, top: 0, width: 0, height: 0, ready: false });\n\n  function select(id: string) {\n    const item = items.find((entry) => entry.id === id);\n    if (!item || item.disabled) return;\n    if (!isControlled) setInternal(id);\n    onChange?.(id);\n  }\n\n  useLayoutEffect(() => {\n    function update() {\n      const list = listRef.current;\n      const active = selected ? tabRefs.current.get(selected) : undefined;\n      if (!list || !active) {\n        setIndicator((current) => ({ ...current, ready: false }));\n        return;\n      }\n      setIndicator({\n        left: active.offsetLeft,\n        top: active.offsetTop,\n        width: active.offsetWidth,\n        height: active.offsetHeight,\n        ready: true,\n      });\n    }\n\n    update();\n    const observer = new ResizeObserver(update);\n    if (listRef.current) observer.observe(listRef.current);\n    tabRefs.current.forEach((node) => observer.observe(node));\n    window.addEventListener(\"resize\", update);\n    return () => {\n      observer.disconnect();\n      window.removeEventListener(\"resize\", update);\n    };\n  }, [selected, size, variant, items]);\n\n  function onListKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    const enabled = items.filter((item) => !item.disabled);\n    if (enabled.length === 0) return;\n    const index = enabled.findIndex((item) => item.id === selected);\n    const current = index < 0 ? 0 : index;\n    let next = current;\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") next = (current + 1) % enabled.length;\n    else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") next = (current - 1 + enabled.length) % enabled.length;\n    else if (event.key === \"Home\") next = 0;\n    else if (event.key === \"End\") next = enabled.length - 1;\n    else return;\n    event.preventDefault();\n    select(enabled[next].id);\n    tabRefs.current.get(enabled[next].id)?.focus();\n  }\n\n  if (!selectedItem) return null;\n  const showPanel = selectedItem.content != null && selectedItem.content !== false;\n\n  return (\n    <div\n      className={`${styles.tabs} ${styles[size]} ${styles[variant]}${showPanel ? \"\" : ` ${styles.listOnly}`}`}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        className={styles.list}\n        onKeyDown={onListKeyDown}\n      >\n        <span\n          className={styles.indicator}\n          data-ready={indicator.ready ? \"\" : undefined}\n          aria-hidden\n          style={{\n            transform: `translate(${indicator.left}px, ${indicator.top}px)`,\n            width: indicator.width,\n            height: indicator.height,\n          }}\n        />\n        {items.map((item) => {\n          const isSelected = item.id === selected;\n          const triggerId = `${baseId}-trigger-${item.id}`;\n          const panelId = `${baseId}-panel-${item.id}`;\n          return (\n            <button\n              key={item.id}\n              id={triggerId}\n              ref={(node) => {\n                if (node) tabRefs.current.set(item.id, node);\n                else tabRefs.current.delete(item.id);\n              }}\n              type=\"button\"\n              role=\"tab\"\n              className={styles.trigger}\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              tabIndex={isSelected ? 0 : -1}\n              disabled={item.disabled}\n              data-state={isSelected ? \"active\" : \"inactive\"}\n              onClick={() => select(item.id)}\n            >\n              {item.label}\n            </button>\n          );\n        })}\n      </div>\n      {showPanel ? (\n        <div\n          id={`${baseId}-panel-${selectedItem.id}`}\n          role=\"tabpanel\"\n          className={styles.content}\n          aria-labelledby={`${baseId}-trigger-${selectedItem.id}`}\n          tabIndex={0}\n        >\n          {selectedItem.content}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}