@entifix/react-controls 0.1.0-0

package/dist/ui/atoms/field-control/field-control.js

@@ -0,0 +1,82 @@
+'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEnumLabel } from '../../../i18n/index.js';
+import { Checkbox, Select, TextInput } from '../field/index.js';
+/** Native input type for the text-like controls; text is the default. */ const INPUT_TYPE = {
+    number: 'number',
+    date: 'date'
+};
+/**
+ * The edit-mode inverse of {@link CellValue}: it turns one metadata descriptor
+ * into the input that edits it. Centralizing the type→control choice is what
+ * lets a form stay generic, the same way `CellValue` keeps a table generic.
+ *
+ * A relation (`link`/`linkCollection`) is rendered read-only here, deliberately:
+ * editing one needs a picker that can search and page the target, which is a
+ * different control with different dependencies. So this atom stays a pure
+ * type→input map and a relation never falls back to a broken text box.
+ *
+ * For a to-one `link` that is only half the story — `EntityForm` wires the
+ * picker in one level up from its `linkSources`, so the member does get an
+ * editor, just not from here. A `linkCollection` has no editor anywhere yet
+ * (#26), and read-only is all it gets. A `composition` is the same: its rows
+ * need a detail grid (#122), and a text box holding `[object Object]` would be
+ * strictly worse than an honest disabled field.
+ *
+ * A `scalarCollection` is the exception among the collections and falls through
+ * to the plain text input on purpose: a `string[]` has a lossless comma form,
+ * so the draft it round-trips through *is* editable text. Splitting on the
+ * comma is `reconstructEntity`'s half of that same contract.
+ */ export function FieldControl(_0) {
+    let { descriptor, value, onChange, id } = _0, aria = _object_without_properties_loose(_0, [
+        "descriptor",
+        "value",
+        "onChange",
+        "id"
+    ]);
+    var _INPUT_TYPE_descriptor_type;
+    const enumLabel = useEnumLabel();
+    const disabled = descriptor.readonly || descriptor.type === 'link' || descriptor.type === 'linkCollection' || descriptor.type === 'composition';
+    if (descriptor.type === 'boolean') {
+        return /*#__PURE__*/ _jsx(Checkbox, _extends({
+            id: id
+        }, aria, {
+            label: descriptor.label,
+            checked: value === 'true',
+            disabled: disabled,
+            onChange: (event)=>onChange(String(event.currentTarget.checked))
+        }));
+    }
+    if (descriptor.type === 'enum') {
+        var _descriptor_enumValues;
+        return /*#__PURE__*/ _jsxs(Select, _extends({
+            id: id
+        }, aria, {
+            value: value,
+            disabled: disabled,
+            onChange: (event)=>onChange(event.currentTarget.value),
+            children: [
+                /*#__PURE__*/ _jsx("option", {
+                    value: "",
+                    children: "—"
+                }),
+                ((_descriptor_enumValues = descriptor.enumValues) != null ? _descriptor_enumValues : []).map((option)=>/*#__PURE__*/ _jsx("option", {
+                        value: option,
+                        children: enumLabel(descriptor, option)
+                    }, option))
+            ]
+        }));
+    }
+    return /*#__PURE__*/ _jsx(TextInput, _extends({
+        id: id
+    }, aria, {
+        type: (_INPUT_TYPE_descriptor_type = INPUT_TYPE[descriptor.type]) != null ? _INPUT_TYPE_descriptor_type : 'text',
+        value: value,
+        disabled: disabled,
+        onChange: (event)=>onChange(event.currentTarget.value)
+    }));
+}
+
+//# sourceMappingURL=field-control.js.map

package/dist/ui/atoms/field-control/field-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/field-control/field-control.tsx"],"sourcesContent":["'use client';\n\nimport type { EntityFieldDescriptor, MetaAccessorType } from '@entifix/core';\n\nimport { useEnumLabel } from '../../../i18n/index.js';\nimport { Checkbox, Select, TextInput } from '../field/index.js';\n\nexport interface FieldControlProps {\n  descriptor: EntityFieldDescriptor;\n  /**\n   * ARIA wiring the caller owns, because only the caller knows the shape it is\n   * rendered into.\n   *\n   * A form labels its control with a `<label for>` and needs none of this; a\n   * detail grid's cell has no label of its own — the column header is the\n   * label, and the cell's message is the description — so it points at both by\n   * id. Passing them through here rather than duplicating the type→input map\n   * in the grid is what keeps one control deciding what a `date` member looks\n   * like.\n   */\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-invalid'?: boolean;\n  /**\n   * The draft value as a string — the shape a native input round-trips. A form\n   * holds its whole draft as `Record<string, string>` and reconstructs typed\n   * values only at submit, so the control never sees a domain value.\n   */\n  value: string;\n  onChange: (value: string) => void;\n  id?: string;\n}\n\n/** Native input type for the text-like controls; text is the default. */\nconst INPUT_TYPE: Partial<Record<MetaAccessorType, string>> = {\n  number: 'number',\n  date: 'date',\n};\n\n/**\n * The edit-mode inverse of {@link CellValue}: it turns one metadata descriptor\n * into the input that edits it. Centralizing the type→control choice is what\n * lets a form stay generic, the same way `CellValue` keeps a table generic.\n *\n * A relation (`link`/`linkCollection`) is rendered read-only here, deliberately:\n * editing one needs a picker that can search and page the target, which is a\n * different control with different dependencies. So this atom stays a pure\n * type→input map and a relation never falls back to a broken text box.\n *\n * For a to-one `link` that is only half the story — `EntityForm` wires the\n * picker in one level up from its `linkSources`, so the member does get an\n * editor, just not from here. A `linkCollection` has no editor anywhere yet\n * (#26), and read-only is all it gets. A `composition` is the same: its rows\n * need a detail grid (#122), and a text box holding `[object Object]` would be\n * strictly worse than an honest disabled field.\n *\n * A `scalarCollection` is the exception among the collections and falls through\n * to the plain text input on purpose: a `string[]` has a lossless comma form,\n * so the draft it round-trips through *is* editable text. Splitting on the\n * comma is `reconstructEntity`'s half of that same contract.\n */\nexport function FieldControl({\n  descriptor,\n  value,\n  onChange,\n  id,\n  ...aria\n}: FieldControlProps) {\n  const enumLabel = useEnumLabel();\n  const disabled =\n    descriptor.readonly ||\n    descriptor.type === 'link' ||\n    descriptor.type === 'linkCollection' ||\n    descriptor.type === 'composition';\n\n  if (descriptor.type === 'boolean') {\n    return (\n      <Checkbox\n        id={id}\n        {...aria}\n        label={descriptor.label}\n        checked={value === 'true'}\n        disabled={disabled}\n        onChange={event => onChange(String(event.currentTarget.checked))}\n      />\n    );\n  }\n\n  if (descriptor.type === 'enum') {\n    return (\n      <Select\n        id={id}\n        {...aria}\n        value={value}\n        disabled={disabled}\n        onChange={event => onChange(event.currentTarget.value)}\n      >\n        <option value=\"\">—</option>\n        {(descriptor.enumValues ?? []).map(option => (\n          <option key={option} value={option}>\n            {enumLabel(descriptor, option)}\n          </option>\n        ))}\n      </Select>\n    );\n  }\n\n  return (\n    <TextInput\n      id={id}\n      {...aria}\n      type={INPUT_TYPE[descriptor.type] ?? 'text'}\n      value={value}\n      disabled={disabled}\n      onChange={event => onChange(event.currentTarget.value)}\n    />\n  );\n}\n"],"names":["useEnumLabel","Checkbox","Select","TextInput","INPUT_TYPE","number","date","FieldControl","descriptor","value","onChange","id","aria","enumLabel","disabled","readonly","type","label","checked","event","String","currentTarget","option","enumValues","map"],"mappings":"AAAA;;;;AAIA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;AA4BhE,uEAAuE,GACvE,MAAMC,aAAwD;IAC5DC,QAAQ;IACRC,MAAM;AACR;AAEA;;;;;;;;;;;;;;;;;;;;;CAqBC,GACD,OAAO,SAASC,aAAa,EAMT;QANS,EAC3BC,UAAU,EACVC,KAAK,EACLC,QAAQ,EACRC,EAAE,EAEgB,OADfC;;;;;;QA6COR;IA3CV,MAAMS,YAAYb;IAClB,MAAMc,WACJN,WAAWO,QAAQ,IACnBP,WAAWQ,IAAI,KAAK,UACpBR,WAAWQ,IAAI,KAAK,oBACpBR,WAAWQ,IAAI,KAAK;IAEtB,IAAIR,WAAWQ,IAAI,KAAK,WAAW;QACjC,qBACE,KAACf;YACCU,IAAIA;WACAC;YACJK,OAAOT,WAAWS,KAAK;YACvBC,SAAST,UAAU;YACnBK,UAAUA;YACVJ,UAAUS,CAAAA,QAAST,SAASU,OAAOD,MAAME,aAAa,CAACH,OAAO;;IAGpE;IAEA,IAAIV,WAAWQ,IAAI,KAAK,QAAQ;YAUxBR;QATN,qBACE,MAACN;YACCS,IAAIA;WACAC;YACJH,OAAOA;YACPK,UAAUA;YACVJ,UAAUS,CAAAA,QAAST,SAASS,MAAME,aAAa,CAACZ,KAAK;;8BAErD,KAACa;oBAAOb,OAAM;8BAAG;;gBAChB,EAACD,yBAAAA,WAAWe,UAAU,YAArBf,yBAAyB,EAAE,EAAEgB,GAAG,CAACF,CAAAA,uBACjC,KAACA;wBAAoBb,OAAOa;kCACzBT,UAAUL,YAAYc;uBADZA;;;IAMrB;IAEA,qBACE,KAACnB;QACCQ,IAAIA;OACAC;QACJI,IAAI,GAAEZ,8BAAAA,UAAU,CAACI,WAAWQ,IAAI,CAAC,YAA3BZ,8BAA+B;QACrCK,OAAOA;QACPK,UAAUA;QACVJ,UAAUS,CAAAA,QAAST,SAASS,MAAME,aAAa,CAACZ,KAAK;;AAG3D"}

package/dist/ui/atoms/field-control/index.d.ts

@@ -0,0 +1,2 @@
+export * from './field-control.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/atoms/field-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/field-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/ui/atoms/field-control/index.js

@@ -0,0 +1,3 @@
+export * from './field-control.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/atoms/field-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/field-control/index.ts"],"sourcesContent":["export * from './field-control.js';\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB"}

package/dist/ui/atoms/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './skeleton.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/atoms/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/ui/atoms/skeleton/index.js

@@ -0,0 +1,3 @@
+export * from './skeleton.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/atoms/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/skeleton/index.ts"],"sourcesContent":["export * from './skeleton.js';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB"}

package/dist/ui/atoms/skeleton/skeleton.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type SkeletonShape = 'line' | 'block' | 'circle';
+export interface SkeletonProps extends ComponentPropsWithoutRef<'div'> {
+    /** `line` for text, `block` for panels, `circle` for avatars. */
+    shape?: SkeletonShape;
+}
+/**
+ * A loading placeholder. Pulses to read as "content is coming", holds still for
+ * `prefers-reduced-motion`, and is `aria-hidden` so assistive tech skips it. Its
+ * dimensions come from the caller (`className` / `style`) so it matches the real
+ * content's geometry and the swap causes no layout shift.
+ */
+export declare function Skeleton({ shape, className, ...props }: SkeletonProps): import("react").JSX.Element;
+export interface SkeletonTextProps {
+    /** Number of shimmer lines; the last is shortened like a paragraph end. */
+    lines?: number;
+    className?: string;
+}
+/** A stack of line skeletons standing in for a block of text. */
+export declare function SkeletonText({ lines, className }: SkeletonTextProps): import("react").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/ui/atoms/skeleton/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACpE,iEAAiE;IACjE,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,+BAef;AAED,MAAM,WAAW,iBAAiB;IAChC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAYvE"}

package/dist/ui/atoms/skeleton/skeleton.js

@@ -0,0 +1,33 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+/**
+ * A loading placeholder. Pulses to read as "content is coming", holds still for
+ * `prefers-reduced-motion`, and is `aria-hidden` so assistive tech skips it. Its
+ * dimensions come from the caller (`className` / `style`) so it matches the real
+ * content's geometry and the swap causes no layout shift.
+ */ export function Skeleton(_0) {
+    let { shape = 'block', className } = _0, props = _object_without_properties_loose(_0, [
+        "shape",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("div", _extends({
+        "aria-hidden": "true",
+        "data-testid": "skeleton",
+        className: cn('animate-pulse bg-border/60 motion-reduce:animate-none', shape === 'line' && 'h-[1em] rounded-full', shape === 'block' && 'rounded-md', shape === 'circle' && 'aspect-square rounded-full', className)
+    }, props));
+}
+/** A stack of line skeletons standing in for a block of text. */ export function SkeletonText({ lines = 3, className }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn('flex flex-col gap-2xs', className),
+        children: Array.from({
+            length: lines
+        }, (_, index)=>/*#__PURE__*/ _jsx(Skeleton, {
+                shape: "line",
+                className: index === lines - 1 ? 'w-2/3' : 'w-full'
+            }, index))
+    });
+}
+
+//# sourceMappingURL=skeleton.js.map

package/dist/ui/atoms/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/skeleton/skeleton.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport type SkeletonShape = 'line' | 'block' | 'circle';\n\nexport interface SkeletonProps extends ComponentPropsWithoutRef<'div'> {\n  /** `line` for text, `block` for panels, `circle` for avatars. */\n  shape?: SkeletonShape;\n}\n\n/**\n * A loading placeholder. Pulses to read as \"content is coming\", holds still for\n * `prefers-reduced-motion`, and is `aria-hidden` so assistive tech skips it. Its\n * dimensions come from the caller (`className` / `style`) so it matches the real\n * content's geometry and the swap causes no layout shift.\n */\nexport function Skeleton({\n  shape = 'block',\n  className,\n  ...props\n}: SkeletonProps) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      data-testid=\"skeleton\"\n      className={cn(\n        'animate-pulse bg-border/60 motion-reduce:animate-none',\n        shape === 'line' && 'h-[1em] rounded-full',\n        shape === 'block' && 'rounded-md',\n        shape === 'circle' && 'aspect-square rounded-full',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface SkeletonTextProps {\n  /** Number of shimmer lines; the last is shortened like a paragraph end. */\n  lines?: number;\n  className?: string;\n}\n\n/** A stack of line skeletons standing in for a block of text. */\nexport function SkeletonText({ lines = 3, className }: SkeletonTextProps) {\n  return (\n    <div className={cn('flex flex-col gap-2xs', className)}>\n      {Array.from({ length: lines }, (_, index) => (\n        <Skeleton\n          key={index}\n          shape=\"line\"\n          className={index === lines - 1 ? 'w-2/3' : 'w-full'}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["cn","Skeleton","shape","className","props","div","aria-hidden","data-testid","SkeletonText","lines","Array","from","length","_","index"],"mappings":";;;AAEA,SAASA,EAAE,QAAQ,oBAAoB;AASvC;;;;;CAKC,GACD,OAAO,SAASC,SAAS,EAIT;QAJS,EACvBC,QAAQ,OAAO,EACfC,SAAS,EAEK,OADXC;;;;IAEH,qBACE,KAACC;QACCC,eAAY;QACZC,eAAY;QACZJ,WAAWH,GACT,yDACAE,UAAU,UAAU,wBACpBA,UAAU,WAAW,cACrBA,UAAU,YAAY,8BACtBC;OAEEC;AAGV;AAQA,+DAA+D,GAC/D,OAAO,SAASI,aAAa,EAAEC,QAAQ,CAAC,EAAEN,SAAS,EAAqB;IACtE,qBACE,KAACE;QAAIF,WAAWH,GAAG,yBAAyBG;kBACzCO,MAAMC,IAAI,CAAC;YAAEC,QAAQH;QAAM,GAAG,CAACI,GAAGC,sBACjC,KAACb;gBAECC,OAAM;gBACNC,WAAWW,UAAUL,QAAQ,IAAI,UAAU;eAFtCK;;AAOf"}

package/dist/ui/atoms/table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/atoms/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/ui/atoms/table/index.js

@@ -0,0 +1,3 @@
+export * from './table.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/atoms/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/table/index.ts"],"sourcesContent":["export * from './table.js';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa"}

package/dist/ui/atoms/table/table.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export interface TableProps extends ComponentPropsWithoutRef<'table'> {
+    /** Class names for the scroll container wrapping the `<table>`. */
+    containerClassName?: string;
+}
+/**
+ * Styled table primitive — no entity knowledge, no data fetching. `EntityTable`
+ * composes these; anything rendering non-entity tabular data can use them too.
+ *
+ * Wide tables scroll inside their own container rather than pushing the page
+ * sideways.
+ */
+export declare function Table({ className, containerClassName, ...props }: TableProps): import("react").JSX.Element;
+export declare function TableHead({ className, ...props }: ComponentPropsWithoutRef<'thead'>): import("react").JSX.Element;
+export declare function TableBody({ className, ...props }: ComponentPropsWithoutRef<'tbody'>): import("react").JSX.Element;
+export declare function TableRow({ className, ...props }: ComponentPropsWithoutRef<'tr'>): import("react").JSX.Element;
+export type TableCellAlign = 'start' | 'center' | 'end';
+export interface TableHeaderCellProps extends Omit<ComponentPropsWithoutRef<'th'>, 'align'> {
+    align?: TableCellAlign;
+}
+export declare function TableHeaderCell({ align, className, ...props }: TableHeaderCellProps): import("react").JSX.Element;
+export interface TableCellProps extends Omit<ComponentPropsWithoutRef<'td'>, 'align'> {
+    align?: TableCellAlign;
+}
+export declare function TableCell({ align, className, ...props }: TableCellProps): import("react").JSX.Element;
+/** Full-width message row — empty results, an error, a loading state. */
+export declare function TableMessageRow({ colSpan, className, ...props }: ComponentPropsWithoutRef<'td'> & {
+    colSpan: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=table.d.ts.map

package/dist/ui/atoms/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,WAAW,UAAW,SAAQ,wBAAwB,CAAC,OAAO,CAAC;IACnE,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAiB5E;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,CAAC,+BAOnC;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,CAAC,+BAInC;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,IAAI,CAAC,+BAUhC;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAUxD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,wBAAwB,CAAC,IAAI,CAAC,EAC9B,OAAO,CACR;IACC,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAYtB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,wBAAwB,CAAC,IAAI,CAAC,EAC9B,OAAO,CACR;IACC,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,+BAOhB;AAED,yEAAyE;AACzE,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,+BAatD"}

package/dist/ui/atoms/table/table.js

@@ -0,0 +1,84 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+/**
+ * Styled table primitive — no entity knowledge, no data fetching. `EntityTable`
+ * composes these; anything rendering non-entity tabular data can use them too.
+ *
+ * Wide tables scroll inside their own container rather than pushing the page
+ * sideways.
+ */ export function Table(_0) {
+    let { className, containerClassName } = _0, props = _object_without_properties_loose(_0, [
+        "className",
+        "containerClassName"
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn('w-full overflow-x-auto rounded-xl border border-border bg-surface-elevated', containerClassName),
+        children: /*#__PURE__*/ _jsx("table", _extends({
+            className: cn('w-full border-collapse text-step-0 text-content', className)
+        }, props))
+    });
+}
+export function TableHead(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("thead", _extends({
+        className: cn('border-b border-border bg-surface', className)
+    }, props));
+}
+export function TableBody(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("tbody", _extends({
+        className: cn('divide-y divide-border', className)
+    }, props));
+}
+export function TableRow(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("tr", _extends({
+        className: cn('transition-colors duration-200 ease-smooth hover:bg-surface', className)
+    }, props));
+}
+const ALIGN_CLASS = {
+    start: 'text-left',
+    center: 'text-center',
+    end: 'text-right'
+};
+export function TableHeaderCell(_0) {
+    let { align = 'start', className } = _0, props = _object_without_properties_loose(_0, [
+        "align",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("th", _extends({
+        scope: "col",
+        className: cn('px-s py-2xs text-step-sm font-semibold whitespace-nowrap text-content-muted', ALIGN_CLASS[align], className)
+    }, props));
+}
+export function TableCell(_0) {
+    let { align = 'start', className } = _0, props = _object_without_properties_loose(_0, [
+        "align",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("td", _extends({
+        className: cn('px-s py-2xs align-middle', ALIGN_CLASS[align], className)
+    }, props));
+}
+/** Full-width message row — empty results, an error, a loading state. */ export function TableMessageRow(_0) {
+    let { colSpan, className } = _0, props = _object_without_properties_loose(_0, [
+        "colSpan",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("tr", {
+        children: /*#__PURE__*/ _jsx("td", _extends({
+            colSpan: colSpan,
+            className: cn('px-s py-m text-center text-step-sm text-content-muted', className)
+        }, props))
+    });
+}
+
+//# sourceMappingURL=table.js.map

package/dist/ui/atoms/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/table/table.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport interface TableProps extends ComponentPropsWithoutRef<'table'> {\n  /** Class names for the scroll container wrapping the `<table>`. */\n  containerClassName?: string;\n}\n\n/**\n * Styled table primitive — no entity knowledge, no data fetching. `EntityTable`\n * composes these; anything rendering non-entity tabular data can use them too.\n *\n * Wide tables scroll inside their own container rather than pushing the page\n * sideways.\n */\nexport function Table({ className, containerClassName, ...props }: TableProps) {\n  return (\n    <div\n      className={cn(\n        'w-full overflow-x-auto rounded-xl border border-border bg-surface-elevated',\n        containerClassName,\n      )}\n    >\n      <table\n        className={cn(\n          'w-full border-collapse text-step-0 text-content',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nexport function TableHead({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'thead'>) {\n  return (\n    <thead\n      className={cn('border-b border-border bg-surface', className)}\n      {...props}\n    />\n  );\n}\n\nexport function TableBody({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'tbody'>) {\n  return (\n    <tbody className={cn('divide-y divide-border', className)} {...props} />\n  );\n}\n\nexport function TableRow({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'tr'>) {\n  return (\n    <tr\n      className={cn(\n        'transition-colors duration-200 ease-smooth hover:bg-surface',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type TableCellAlign = 'start' | 'center' | 'end';\n\nconst ALIGN_CLASS: Record<TableCellAlign, string> = {\n  start: 'text-left',\n  center: 'text-center',\n  end: 'text-right',\n};\n\n// `align` shadows the deprecated HTML attribute, which allows a different set\n// of values — omit the native one rather than narrow it.\nexport interface TableHeaderCellProps extends Omit<\n  ComponentPropsWithoutRef<'th'>,\n  'align'\n> {\n  align?: TableCellAlign;\n}\n\nexport function TableHeaderCell({\n  align = 'start',\n  className,\n  ...props\n}: TableHeaderCellProps) {\n  return (\n    <th\n      scope=\"col\"\n      className={cn(\n        'px-s py-2xs text-step-sm font-semibold whitespace-nowrap text-content-muted',\n        ALIGN_CLASS[align],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface TableCellProps extends Omit<\n  ComponentPropsWithoutRef<'td'>,\n  'align'\n> {\n  align?: TableCellAlign;\n}\n\nexport function TableCell({\n  align = 'start',\n  className,\n  ...props\n}: TableCellProps) {\n  return (\n    <td\n      className={cn('px-s py-2xs align-middle', ALIGN_CLASS[align], className)}\n      {...props}\n    />\n  );\n}\n\n/** Full-width message row — empty results, an error, a loading state. */\nexport function TableMessageRow({\n  colSpan,\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'td'> & { colSpan: number }) {\n  return (\n    <tr>\n      <td\n        colSpan={colSpan}\n        className={cn(\n          'px-s py-m text-center text-step-sm text-content-muted',\n          className,\n        )}\n        {...props}\n      />\n    </tr>\n  );\n}\n"],"names":["cn","Table","className","containerClassName","props","div","table","TableHead","thead","TableBody","tbody","TableRow","tr","ALIGN_CLASS","start","center","end","TableHeaderCell","align","th","scope","TableCell","td","TableMessageRow","colSpan"],"mappings":";;;AAEA,SAASA,EAAE,QAAQ,oBAAoB;AAOvC;;;;;;CAMC,GACD,OAAO,SAASC,MAAM,EAAuD;QAAvD,EAAEC,SAAS,EAAEC,kBAAkB,EAAwB,OAAnBC;;;;IACxD,qBACE,KAACC;QACCH,WAAWF,GACT,8EACAG;kBAGF,cAAA,KAACG;YACCJ,WAAWF,GACT,mDACAE;WAEEE;;AAIZ;AAEA,OAAO,SAASG,UAAU,EAGU;QAHV,EACxBL,SAAS,EAEyB,OAD/BE;;;IAEH,qBACE,KAACI;QACCN,WAAWF,GAAG,qCAAqCE;OAC/CE;AAGV;AAEA,OAAO,SAASK,UAAU,EAGU;QAHV,EACxBP,SAAS,EAEyB,OAD/BE;;;IAEH,qBACE,KAACM;QAAMR,WAAWF,GAAG,0BAA0BE;OAAgBE;AAEnE;AAEA,OAAO,SAASO,SAAS,EAGQ;QAHR,EACvBT,SAAS,EAEsB,OAD5BE;;;IAEH,qBACE,KAACQ;QACCV,WAAWF,GACT,+DACAE;OAEEE;AAGV;AAIA,MAAMS,cAA8C;IAClDC,OAAO;IACPC,QAAQ;IACRC,KAAK;AACP;AAWA,OAAO,SAASC,gBAAgB,EAIT;QAJS,EAC9BC,QAAQ,OAAO,EACfhB,SAAS,EAEY,OADlBE;;;;IAEH,qBACE,KAACe;QACCC,OAAM;QACNlB,WAAWF,GACT,+EACAa,WAAW,CAACK,MAAM,EAClBhB;OAEEE;AAGV;AASA,OAAO,SAASiB,UAAU,EAIT;QAJS,EACxBH,QAAQ,OAAO,EACfhB,SAAS,EAEM,OADZE;;;;IAEH,qBACE,KAACkB;QACCpB,WAAWF,GAAG,4BAA4Ba,WAAW,CAACK,MAAM,EAAEhB;OAC1DE;AAGV;AAEA,uEAAuE,GACvE,OAAO,SAASmB,gBAAgB,EAIuB;QAJvB,EAC9BC,OAAO,EACPtB,SAAS,EAE4C,OADlDE;;;;IAEH,qBACE,KAACQ;kBACC,cAAA,KAACU;YACCE,SAASA;YACTtB,WAAWF,GACT,yDACAE;WAEEE;;AAIZ"}

package/dist/ui/atoms/text/index.d.ts

@@ -0,0 +1,2 @@
+export * from './text.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/atoms/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/ui/atoms/text/index.js

@@ -0,0 +1,3 @@
+export * from './text.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/atoms/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/text/index.ts"],"sourcesContent":["export * from './text.js';\n"],"names":[],"mappings":"AAAA,cAAc,YAAY"}

package/dist/ui/atoms/text/text.d.ts

@@ -0,0 +1,86 @@
+import type { ComponentPropsWithoutRef, ElementType } from 'react';
+/** Fluid type step (Utopia). Negatives taper below body for fine print. */
+type Step = -2 | -1 | 0 | 1 | 2 | 3;
+/**
+ * Three weights, and no fourth.
+ *
+ * 400 body, 500 secondary emphasis, 600 headings and labels. `bold` (700) was
+ * removed: "heading" and "emphatic heading" were never distinct roles here,
+ * only different authors — measured, `font-bold` appeared three times against
+ * `font-semibold`'s thirteen, all of them headings that had no reason to differ
+ * from their neighbours. A fourth weight comes back when a role needs it, not
+ * when a screen wants one.
+ */
+type Weight = 'normal' | 'medium' | 'semibold';
+/** Semantic content color. Superset of the legacy `muted` flag. */
+type Tone = 'default' | 'muted' | 'primary' | 'accent';
+type Align = 'start' | 'center' | 'end';
+/** Multi-line clamp (static classes so Tailwind can see them). */
+type Clamp = 1 | 2 | 3 | 4;
+export interface TextProps extends ComponentPropsWithoutRef<'p'> {
+    /** Fluid type step (Utopia). Defaults to body (0). */
+    step?: Step;
+    /** Font weight. */
+    weight?: Weight;
+    /** Semantic color. */
+    tone?: Tone;
+    /** Text alignment. */
+    align?: Align;
+    /** Truncate to a single line with an ellipsis. */
+    truncate?: boolean;
+    /** Clamp to N lines with an ellipsis. */
+    lineClamp?: Clamp;
+    /** Shortcut for `tone="muted"`. */
+    muted?: boolean;
+    as?: ElementType;
+}
+/** Body text with fluid sizing and theme-driven color. */
+export declare function Text({ step, weight, tone, align, truncate, lineClamp, muted, as: Tag, className, ...props }: TextProps): import("react").JSX.Element;
+/** Larger intro paragraph — sets a subject up before the body copy. */
+export declare function Lead({ className, ...props }: Omit<TextProps, 'step'>): import("react").JSX.Element;
+/** Small supporting copy (helper text, meta). */
+export declare function Small({ className, ...props }: Omit<TextProps, 'step' | 'as'>): import("react").JSX.Element;
+/** Caption / fine print — smallest step, muted by default. */
+export declare function Caption({ className, ...props }: Omit<TextProps, 'step' | 'as'>): import("react").JSX.Element;
+/** Overline / eyebrow — uppercase tracked label above a heading. */
+export declare function Overline({ className, ...props }: Omit<TextProps, 'step' | 'as' | 'weight'>): import("react").JSX.Element;
+/** Bold inline emphasis. */
+export declare function Strong({ className, ...props }: ComponentPropsWithoutRef<'strong'>): import("react").JSX.Element;
+/** Italic inline emphasis. */
+export declare function Em({ className, ...props }: ComponentPropsWithoutRef<'em'>): import("react").JSX.Element;
+/** Inline code. */
+export declare function Code({ className, ...props }: ComponentPropsWithoutRef<'code'>): import("react").JSX.Element;
+/** Keyboard key. */
+export declare function Kbd({ className, ...props }: ComponentPropsWithoutRef<'kbd'>): import("react").JSX.Element;
+/** Themed anchor. */
+export declare function Link({ className, children, ...props }: ComponentPropsWithoutRef<'a'>): import("react").JSX.Element;
+/** Pull quote — left border + muted italic body. */
+export declare function Blockquote({ className, ...props }: ComponentPropsWithoutRef<'blockquote'>): import("react").JSX.Element;
+export interface ListProps extends ComponentPropsWithoutRef<'ul'> {
+    /** Render an ordered list (`<ol>`) with numeric markers. */
+    ordered?: boolean;
+}
+/** Bulleted or numbered list with themed markers and fluid spacing. */
+export declare function List({ ordered, className, ...props }: ListProps): import("react").JSX.Element;
+/** List item — pairs with `List`. */
+export declare function ListItem({ className, ...props }: ComponentPropsWithoutRef<'li'>): import("react").JSX.Element;
+export interface HeadingProps extends ComponentPropsWithoutRef<'h2'> {
+    step?: Step;
+    weight?: Weight;
+    as?: ElementType;
+}
+/** Heading primitive — fluid step + weight, defaults to the largest step. */
+export declare function Heading({ step, weight, as: Tag, className, ...props }: HeadingProps): import("react").JSX.Element;
+/**
+ * Semantic heading components (h1–h6) mapped to the fluid type scale.
+ * Sizes taper past the four Utopia steps by dropping weight for h5/h6.
+ */
+export type NamedHeadingProps = Omit<HeadingProps, 'as' | 'step'>;
+export declare function HeadingOne(props: NamedHeadingProps): import("react").JSX.Element;
+export declare function HeadingTwo(props: NamedHeadingProps): import("react").JSX.Element;
+export declare function HeadingThree(props: NamedHeadingProps): import("react").JSX.Element;
+export declare function HeadingFour(props: NamedHeadingProps): import("react").JSX.Element;
+export declare function HeadingFive(props: NamedHeadingProps): import("react").JSX.Element;
+export declare function HeadingSix({ className, ...props }: NamedHeadingProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/ui/atoms/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/text/text.tsx"],"names":[],"mappings":"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"}