@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/composed/PlateMapEditor/WellMetadataForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WellMetadataForm.cjs","sources":["../../../../src/components/composed/PlateMapEditor/WellMetadataForm.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport type { WellField, WellRecord, WellSelectOption } from \"./types\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxValue,\n  useComboboxAnchor,\n} from \"@/components/ui/combobox\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { cn } from \"@/lib/utils\";\n\nfunction MultiSelectControl({\n  id,\n  value,\n  options,\n  placeholder,\n  onChange,\n}: {\n  id: string;\n  value: string[];\n  options: WellSelectOption[];\n  placeholder?: string;\n  onChange: (next: string[]) => void;\n}) {\n  const anchorRef = useComboboxAnchor();\n  const labelByValue = React.useMemo(() => {\n    const m = new Map<string, string>();\n    options.forEach((o) => m.set(o.value, o.label));\n    return m;\n  }, [options]);\n\n  return (\n    <Combobox multiple items={options.map((o) => o.value)} value={value} onValueChange={onChange}>\n      <ComboboxChips ref={anchorRef} className=\"min-h-9 w-full\">\n        <ComboboxValue>\n          {(items: string[]) =>\n            items.map((item) => <ComboboxChip key={item}>{labelByValue.get(item) ?? item}</ComboboxChip>)\n          }\n        </ComboboxValue>\n        <ComboboxChipsInput id={id} placeholder={placeholder ?? \"Select…\"} />\n      </ComboboxChips>\n      <ComboboxContent anchor={anchorRef}>\n        <ComboboxEmpty>No options.</ComboboxEmpty>\n        <ComboboxList>\n          {(item: string) => (\n            <ComboboxItem key={item} value={item}>\n              <span className=\"inline-flex items-center gap-2\">\n                {(() => {\n                  const opt = options.find((o) => o.value === item);\n                  return opt?.swatch ? (\n                    <span\n                      className=\"inline-block h-2.5 w-2.5 rounded-sm border border-foreground/20\"\n                      style={{ backgroundColor: opt.swatch }}\n                      aria-hidden\n                    />\n                  ) : null;\n                })()}\n                {labelByValue.get(item) ?? item}\n              </span>\n            </ComboboxItem>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n\nexport interface WellMetadataFormProps<T extends WellRecord = WellRecord> {\n  fields: WellField<T>[];\n  /** Staged values used to apply across the selection. */\n  value: Partial<T>;\n  onChange: (next: Partial<T>) => void;\n  selectionSize: number;\n  onApply: () => void;\n  onClear: () => void;\n  applyLabel?: string;\n  clearLabel?: string;\n  /** Optional extra slot rendered between fields and action row. */\n  extras?: React.ReactNode;\n  className?: string;\n}\n\nconst INPUT_TYPE_BY_KIND: Record<string, string> = {\n  number: \"number\",\n  integer: \"number\",\n  date: \"date\",\n  datetime: \"datetime-local\",\n  time: \"time\",\n};\n\nfunction resolveInputType(kind: string): string {\n  return INPUT_TYPE_BY_KIND[kind] ?? \"text\";\n}\n\nfunction parseInputValue(kind: string, raw: string): unknown {\n  if (raw === \"\") return undefined;\n  if (kind === \"number\") {\n    const num = parseFloat(raw);\n    return Number.isFinite(num) ? num : raw;\n  }\n  if (kind === \"integer\") {\n    const num = parseInt(raw, 10);\n    return Number.isFinite(num) ? num : raw;\n  }\n  return raw;\n}\n\nexport function WellMetadataForm<T extends WellRecord = WellRecord>({\n  fields,\n  value,\n  onChange,\n  selectionSize,\n  onApply,\n  onClear,\n  applyLabel = \"Apply\",\n  clearLabel = \"Clear wells\",\n  extras,\n  className,\n}: WellMetadataFormProps<T>) {\n  const setField = (key: keyof T & string, next: unknown) => {\n    onChange({ ...value, [key]: next } as Partial<T>);\n  };\n\n  const renderLabel = (field: WellField<T>) => (\n    <Label htmlFor={`field-${field.key}`} className=\"gap-1.5\">\n      {field.icon ? <span className=\"inline-flex text-muted-foreground [&_svg]:size-3.5\">{field.icon}</span> : null}\n      {field.label}\n    </Label>\n  );\n\n  const renderCustom = (field: WellField<T>, fieldValue: unknown) => (\n    <div key={field.key} className=\"flex flex-col gap-1.5\">\n      {renderLabel(field)}\n      {field.render!({\n        value: fieldValue,\n        onChange: (next) => setField(field.key, next),\n        selectionSize,\n      })}\n    </div>\n  );\n\n  const renderSelect = (field: WellField<T>, fieldValue: unknown) => (\n    <div key={field.key} className=\"flex flex-col gap-1.5\">\n      {renderLabel(field)}\n      <Select value={(fieldValue as string | undefined) ?? \"\"} onValueChange={(v) => setField(field.key, v)}>\n        <SelectTrigger id={`field-${field.key}`} size=\"sm\" className=\"w-full\">\n          <SelectValue placeholder={field.placeholder ?? \"Select…\"} />\n        </SelectTrigger>\n        <SelectContent>\n          {(field.options ?? []).map((opt) => (\n            <SelectItem key={opt.value} value={opt.value}>\n              <span className=\"inline-flex items-center gap-2\">\n                {opt.swatch ? (\n                  <span\n                    className=\"inline-block h-2.5 w-2.5 rounded-sm border border-foreground/20\"\n                    style={{ backgroundColor: opt.swatch }}\n                    aria-hidden\n                  />\n                ) : null}\n                {opt.label}\n              </span>\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n\n  const renderMultiSelect = (field: WellField<T>, fieldValue: unknown) => {\n    const current = Array.isArray(fieldValue) ? (fieldValue as string[]) : [];\n    return (\n      <div key={field.key} className=\"flex flex-col gap-1.5\">\n        {renderLabel(field)}\n        <MultiSelectControl\n          id={`field-${field.key}`}\n          value={current}\n          options={field.options ?? []}\n          placeholder={field.placeholder}\n          onChange={(next) => setField(field.key, next.length === 0 ? undefined : next)}\n        />\n      </div>\n    );\n  };\n\n  const renderBoolean = (field: WellField<T>, fieldValue: unknown) => {\n    const checked = !!fieldValue;\n    if (field.boolStyle === \"switch\") {\n      return (\n        <div key={field.key} className=\"flex items-center justify-between gap-2\">\n          {renderLabel(field)}\n          <Switch\n            id={`field-${field.key}`}\n            checked={checked}\n            onCheckedChange={(c) => setField(field.key, c)}\n          />\n        </div>\n      );\n    }\n    return (\n      <div key={field.key} className=\"flex items-center gap-2\">\n        <Checkbox\n          id={`field-${field.key}`}\n          checked={checked}\n          onCheckedChange={(c) => setField(field.key, c === true)}\n        />\n        {renderLabel(field)}\n      </div>\n    );\n  };\n\n  const renderInput = (field: WellField<T>, fieldValue: unknown) => (\n    <div key={field.key} className=\"flex flex-col gap-1.5\">\n      {renderLabel(field)}\n      <Input\n        id={`field-${field.key}`}\n        type={resolveInputType(field.kind)}\n        step={field.kind === \"integer\" ? 1 : undefined}\n        placeholder={field.placeholder}\n        value={(fieldValue as string | number | undefined) ?? \"\"}\n        onChange={(e) => setField(field.key, parseInputValue(field.kind, e.target.value))}\n      />\n    </div>\n  );\n\n  const renderField = (field: WellField<T>) => {\n    const fieldValue = value[field.key];\n    if (field.render) return renderCustom(field, fieldValue);\n    if (field.kind === \"select\") return renderSelect(field, fieldValue);\n    if (field.kind === \"multiselect\") return renderMultiSelect(field, fieldValue);\n    if (field.kind === \"boolean\") return renderBoolean(field, fieldValue);\n    return renderInput(field, fieldValue);\n  };\n\n  return (\n    <div data-slot=\"well-metadata-form\" className={cn(\"flex flex-col gap-3\", className)}>\n      <div className=\"text-sm font-medium\">\n        {selectionSize > 0 ? `Apply to ${selectionSize} well${selectionSize === 1 ? \"\" : \"s\"}` : \"Select wells to edit\"}\n      </div>\n\n      {fields.map(renderField)}\n\n      {extras}\n\n      <div className=\"mt-auto flex gap-2 pt-1\">\n        <Button variant=\"default\" size=\"sm\" disabled={selectionSize === 0} onClick={onApply}>\n          {applyLabel}\n        </Button>\n        <Button variant=\"outline\" size=\"sm\" disabled={selectionSize === 0} onClick={onClear}>\n          {clearLabel}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["MultiSelectControl","id","value","options","placeholder","onChange","anchorRef","useComboboxAnchor","labelByValue","React","m","o","jsxs","Combobox","ComboboxChips","jsx","ComboboxValue","items","item","ComboboxChip","ComboboxChipsInput","ComboboxContent","ComboboxEmpty","ComboboxList","ComboboxItem","opt","INPUT_TYPE_BY_KIND","resolveInputType","kind","parseInputValue","raw","num","WellMetadataForm","fields","selectionSize","onApply","onClear","applyLabel","clearLabel","extras","className","setField","key","next","renderLabel","field","Label","renderCustom","fieldValue","renderSelect","Select","v","SelectTrigger","SelectValue","SelectContent","SelectItem","renderMultiSelect","current","renderBoolean","checked","Switch","c","Checkbox","renderInput","Input","e","renderField","cn","Button"],"mappings":"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"}
+{"version":3,"file":"WellMetadataForm.cjs","sources":["../../../../src/components/composed/PlateMapEditor/WellMetadataForm.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport type { WellField, WellRecord, WellSelectOption } from \"./types\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxValue,\n  useComboboxAnchor,\n} from \"@/components/ui/combobox\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { cn } from \"@/lib/utils\";\n\nfunction MultiSelectControl({\n  id,\n  value,\n  options,\n  placeholder,\n  onChange,\n}: {\n  id: string;\n  value: string[];\n  options: WellSelectOption[];\n  placeholder?: string;\n  onChange: (next: string[]) => void;\n}) {\n  const anchorRef = useComboboxAnchor();\n  const labelByValue = React.useMemo(() => {\n    const m = new Map<string, string>();\n    options.forEach((o) => m.set(o.value, o.label));\n    return m;\n  }, [options]);\n\n  return (\n    <Combobox multiple items={options.map((o) => o.value)} value={value} onValueChange={onChange}>\n      <ComboboxChips ref={anchorRef} className=\"min-h-9 w-full\">\n        <ComboboxValue>\n          {(items: string[]) =>\n            items.map((item) => <ComboboxChip key={item}>{labelByValue.get(item) ?? item}</ComboboxChip>)\n          }\n        </ComboboxValue>\n        <ComboboxChipsInput id={id} placeholder={placeholder ?? \"Select…\"} />\n      </ComboboxChips>\n      <ComboboxContent anchor={anchorRef}>\n        <ComboboxEmpty>No options.</ComboboxEmpty>\n        <ComboboxList>\n          {(item: string) => (\n            <ComboboxItem key={item} value={item}>\n              <span className=\"inline-flex items-center gap-2\">\n                {(() => {\n                  const opt = options.find((o) => o.value === item);\n                  return opt?.swatch ? (\n                    <span\n                      className=\"inline-block h-2.5 w-2.5 rounded-sm border border-foreground/20\"\n                      style={{ backgroundColor: opt.swatch }}\n                      aria-hidden\n                    />\n                  ) : null;\n                })()}\n                {labelByValue.get(item) ?? item}\n              </span>\n            </ComboboxItem>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n\nexport interface WellMetadataFormProps<T extends WellRecord = WellRecord> {\n  fields: WellField<T>[];\n  /** Staged values used to apply across the selection. */\n  value: Partial<T>;\n  onChange: (next: Partial<T>) => void;\n  selectionSize: number;\n  onApply: () => void;\n  onClear: () => void;\n  applyLabel?: string;\n  clearLabel?: string;\n  /** Optional extra slot rendered between fields and action row. */\n  extras?: React.ReactNode;\n  className?: string;\n}\n\nconst INPUT_TYPE_BY_KIND: Record<string, string> = {\n  number: \"number\",\n  integer: \"number\",\n  date: \"date\",\n  datetime: \"datetime-local\",\n  time: \"time\",\n};\n\nfunction resolveInputType(kind: string): string {\n  return INPUT_TYPE_BY_KIND[kind] ?? \"text\";\n}\n\nfunction parseInputValue(kind: string, raw: string): unknown {\n  if (raw === \"\") return undefined;\n  if (kind === \"number\") {\n    const num = parseFloat(raw);\n    return Number.isFinite(num) ? num : raw;\n  }\n  if (kind === \"integer\") {\n    const num = parseInt(raw, 10);\n    return Number.isFinite(num) ? num : raw;\n  }\n  return raw;\n}\n\nexport function WellMetadataForm<T extends WellRecord = WellRecord>({\n  fields,\n  value,\n  onChange,\n  selectionSize,\n  onApply,\n  onClear,\n  applyLabel = \"Apply\",\n  clearLabel = \"Clear wells\",\n  extras,\n  className,\n}: WellMetadataFormProps<T>) {\n  const setField = (key: keyof T & string, next: unknown) => {\n    onChange({ ...value, [key]: next } as Partial<T>);\n  };\n\n  const renderLabel = (field: WellField<T>) => (\n    <Label htmlFor={`field-${field.key}`} className=\"gap-1.5\">\n      {field.icon ? <span className=\"inline-flex text-muted-foreground [&_svg]:size-3.5\">{field.icon}</span> : null}\n      {field.label}\n    </Label>\n  );\n\n  const renderCustom = (field: WellField<T>, fieldValue: unknown) => (\n    <div key={field.key} className=\"flex flex-col gap-1.5\">\n      {renderLabel(field)}\n      {field.render!({\n        value: fieldValue,\n        onChange: (next) => setField(field.key, next),\n        selectionSize,\n      })}\n    </div>\n  );\n\n  const renderSelect = (field: WellField<T>, fieldValue: unknown) => (\n    <div key={field.key} className=\"flex flex-col gap-1.5\">\n      {renderLabel(field)}\n      <Select value={(fieldValue as string | undefined) ?? \"\"} onValueChange={(v) => setField(field.key, v)}>\n        <SelectTrigger id={`field-${field.key}`} size=\"sm\" className=\"w-full\">\n          <SelectValue placeholder={field.placeholder ?? \"Select…\"} />\n        </SelectTrigger>\n        <SelectContent>\n          {(field.options ?? []).map((opt) => (\n            <SelectItem key={opt.value} value={opt.value}>\n              <span className=\"inline-flex items-center gap-2\">\n                {opt.swatch ? (\n                  <span\n                    className=\"inline-block h-2.5 w-2.5 rounded-sm border border-foreground/20\"\n                    style={{ backgroundColor: opt.swatch }}\n                    aria-hidden\n                  />\n                ) : null}\n                {opt.label}\n              </span>\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n\n  const renderMultiSelect = (field: WellField<T>, fieldValue: unknown) => {\n    const current = Array.isArray(fieldValue) ? (fieldValue as string[]) : [];\n    return (\n      <div key={field.key} className=\"flex flex-col gap-1.5\">\n        {renderLabel(field)}\n        <MultiSelectControl\n          id={`field-${field.key}`}\n          value={current}\n          options={field.options ?? []}\n          placeholder={field.placeholder}\n          onChange={(next) => setField(field.key, next.length === 0 ? undefined : next)}\n        />\n      </div>\n    );\n  };\n\n  const renderBoolean = (field: WellField<T>, fieldValue: unknown) => {\n    const checked = !!fieldValue;\n    if (field.boolStyle === \"switch\") {\n      return (\n        <div key={field.key} className=\"flex items-center justify-between gap-2\">\n          {renderLabel(field)}\n          <Switch\n            id={`field-${field.key}`}\n            checked={checked}\n            onCheckedChange={(c) => setField(field.key, c)}\n          />\n        </div>\n      );\n    }\n    return (\n      <div key={field.key} className=\"flex items-center gap-2\">\n        <Checkbox\n          id={`field-${field.key}`}\n          checked={checked}\n          onCheckedChange={(c) => setField(field.key, c === true)}\n        />\n        {renderLabel(field)}\n      </div>\n    );\n  };\n\n  const renderInput = (field: WellField<T>, fieldValue: unknown) => (\n    <div key={field.key} className=\"flex flex-col gap-1.5\">\n      {renderLabel(field)}\n      <Input\n        id={`field-${field.key}`}\n        type={resolveInputType(field.kind)}\n        step={field.kind === \"integer\" ? 1 : undefined}\n        placeholder={field.placeholder}\n        value={(fieldValue as string | number | undefined) ?? \"\"}\n        onChange={(e) => setField(field.key, parseInputValue(field.kind, e.target.value))}\n      />\n    </div>\n  );\n\n  const renderField = (field: WellField<T>) => {\n    const fieldValue = value[field.key];\n    if (field.render) return renderCustom(field, fieldValue);\n    if (field.kind === \"select\") return renderSelect(field, fieldValue);\n    if (field.kind === \"multiselect\") return renderMultiSelect(field, fieldValue);\n    if (field.kind === \"boolean\") return renderBoolean(field, fieldValue);\n    return renderInput(field, fieldValue);\n  };\n\n  return (\n    <div data-slot=\"well-metadata-form\" className={cn(\"flex flex-col gap-3\", className)}>\n      <div className=\"text-sm font-medium\">\n        {selectionSize > 0 ? `Apply to ${selectionSize} well${selectionSize === 1 ? \"\" : \"s\"}` : \"Select wells to edit\"}\n      </div>\n\n      {fields.map(renderField)}\n\n      {extras}\n\n      <div className=\"mt-auto flex gap-2 pt-1\">\n        <Button variant=\"default\" size=\"sm\" disabled={selectionSize === 0} onClick={onApply}>\n          {applyLabel}\n        </Button>\n        <Button variant=\"outline\" size=\"sm\" disabled={selectionSize === 0} onClick={onClear}>\n          {clearLabel}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["MultiSelectControl","id","value","options","placeholder","onChange","anchorRef","useComboboxAnchor","labelByValue","React","m","o","jsxs","Combobox","ComboboxChips","jsx","ComboboxValue","items","item","ComboboxChip","ComboboxChipsInput","ComboboxContent","ComboboxEmpty","ComboboxList","ComboboxItem","opt","INPUT_TYPE_BY_KIND","resolveInputType","kind","parseInputValue","raw","num","WellMetadataForm","fields","selectionSize","onApply","onClear","applyLabel","clearLabel","extras","className","setField","key","next","renderLabel","field","Label","renderCustom","fieldValue","renderSelect","Select","v","SelectTrigger","SelectValue","SelectContent","SelectItem","renderMultiSelect","current","renderBoolean","checked","Switch","c","Checkbox","renderInput","Input","e","renderField","cn","Button"],"mappings":"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"}

package/dist/components/composed/PlateMapEditor/WellMetadataForm.d.ts

@@ -0,0 +1,17 @@
+import { WellField, WellRecord } from './types';
+import * as React from "react";
+export interface WellMetadataFormProps<T extends WellRecord = WellRecord> {
+    fields: WellField<T>[];
+    /** Staged values used to apply across the selection. */
+    value: Partial<T>;
+    onChange: (next: Partial<T>) => void;
+    selectionSize: number;
+    onApply: () => void;
+    onClear: () => void;
+    applyLabel?: string;
+    clearLabel?: string;
+    /** Optional extra slot rendered between fields and action row. */
+    extras?: React.ReactNode;
+    className?: string;
+}
+export declare function WellMetadataForm<T extends WellRecord = WellRecord>({ fields, value, onChange, selectionSize, onApply, onClear, applyLabel, clearLabel, extras, className, }: WellMetadataFormProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/composed/PlateMapEditor/WellMetadataForm.js

@@ -1,12 +1,12 @@
 import { jsxs as o, jsx as n } from "react/jsx-runtime";
 import * as I from "react";
-import { Button as x } from "../../ui/button.js";
-import { Checkbox as S } from "../../ui/checkbox.js";
-import { useComboboxAnchor as $, Combobox as F, ComboboxChips as V, ComboboxValue as A, ComboboxChip as M, ComboboxChipsInput as B, ComboboxContent as T, ComboboxEmpty as _, ComboboxList as j, ComboboxItem as E } from "../../ui/combobox.js";
-import { Input as L } from "../../ui/input.js";
-import { Label as P } from "../../ui/label.js";
-import { Select as R, SelectTrigger as Y, SelectValue as D, SelectContent as K, SelectItem as U } from "../../ui/select.js";
-import { Switch as W } from "../../ui/switch.js";
+import { Button as x } from "../../../ui/button.js";
+import { Checkbox as S } from "../../../ui/checkbox.js";
+import { useComboboxAnchor as $, Combobox as F, ComboboxChips as V, ComboboxValue as A, ComboboxChip as M, ComboboxChipsInput as B, ComboboxContent as T, ComboboxEmpty as _, ComboboxList as j, ComboboxItem as E } from "../../../ui/combobox.js";
+import { Input as L } from "../../../ui/input.js";
+import { Label as P } from "../../../ui/label.js";
+import { Select as R, SelectTrigger as Y, SelectValue as D, SelectContent as K, SelectItem as U } from "../../../ui/select.js";
+import { Switch as W } from "../../../ui/switch.js";
 import { cn as q } from "../../../lib/utils.js";
 function G({
   id: i,

package/dist/components/composed/PlateMapEditor/autoFill.d.ts

@@ -0,0 +1,26 @@
+import { PlateDimensions, WellId } from './types';
+export type FillStrategy = "row-major" | "column-major" | "row-snake" | "column-snake";
+export interface AutoFillOptions {
+    dims: PlateDimensions;
+    /** Number of distinct items to place. Each is repeated `replicates` times. */
+    count: number;
+    /** First well in fill order. Defaults to position (0,0). */
+    startWellId?: WellId;
+    /** Traversal strategy. Defaults to `"row-major"`. */
+    strategy?: FillStrategy;
+    /** Consecutive cells assigned per item. Defaults to 1. */
+    replicates?: number;
+}
+/**
+ * Compute the ordered list of well ids to assign to `count` items (each
+ * repeated `replicates` times) starting from `startWellId`. Returns at most
+ * `dims.rows * dims.columns` ids — overflow is silently truncated so callers
+ * can paginate onto multiple plates themselves.
+ */
+export declare function autoFillPositions(options: AutoFillOptions): WellId[];
+/**
+ * Convenience wrapper: assigns each input item to `replicates` consecutive
+ * wells, returning a `Map<WellId, T>`. The mapper builds the record stored at
+ * each well (e.g. stamp item-specific fields onto a base record).
+ */
+export declare function autoFillRecords<T>(items: T[], buildRecord: (item: T, index: number, wellId: WellId) => T, options: Omit<AutoFillOptions, "count">): Map<WellId, T>;

package/dist/components/composed/PlateMapEditor/csvPlateTriage.d.ts

@@ -0,0 +1,4 @@
+import { PlateMapCsvTriage, PlateMapCsvTriageOptions, PlateMapPlateOption } from './types';
+export declare function triagePlateMapCsvByBarcode(text: string, options?: PlateMapCsvTriageOptions): PlateMapCsvTriage;
+export declare function plateOptionsFromCsvTriage(triage: PlateMapCsvTriage): PlateMapPlateOption[];
+export declare function triagePlateMapCsvFile(file: File, options?: PlateMapCsvTriageOptions): Promise<PlateMapCsvTriage | undefined>;

package/dist/components/composed/PlateMapEditor/helpers.d.ts

@@ -0,0 +1,2 @@
+import { TemplateOption } from './types';
+export declare function groupTemplateOptions(templates: TemplateOption[] | undefined): [string, TemplateOption[]][];

package/dist/components/composed/PlateMapEditor/index.d.ts

@@ -0,0 +1,31 @@
+export { PlateMapEditor, getPlateMapScopedWellId } from './PlateMapEditor';
+export type { PlateMapEditorProps } from './PlateMapEditor';
+export { PlateMapForm } from './PlateMapForm';
+export type { PlateMapFormProps } from './PlateMapForm';
+export { PlateMapGrid } from './PlateMapGrid';
+export type { PlateMapGridProps } from './PlateMapGrid';
+export { PlateMapManifest } from './PlateMapManifest';
+export type { PlateMapManifestProps } from './PlateMapManifest';
+export { PlateMapActionsMenu } from './PlateMapActionsMenu';
+export type { PlateMapActionsMenuProps } from './PlateMapActionsMenu';
+export { PlateMapPlateSelector } from './PlateMapPlateSelector';
+export type { PlateMapPlateSelectorProps, PlateMapPlateSelectorVariant } from './PlateMapPlateSelector';
+export { PlatePaintGrid } from './PlatePaintGrid';
+export type { PlatePaintGridProps, WellShape } from './PlatePaintGrid';
+export { WellMetadataForm } from './WellMetadataForm';
+export type { WellMetadataFormProps } from './WellMetadataForm';
+export { WellManifestTable } from './WellManifestTable';
+export type { WellManifestTableProps, WellManifestTableRowContext } from './WellManifestTable';
+export { TemplateIOPanel } from './TemplateIOPanel';
+export type { TemplateIOPanelProps } from './TemplateIOPanel';
+export { plateOptionsFromCsvTriage, triagePlateMapCsvByBarcode, triagePlateMapCsvFile } from './csvPlateTriage';
+export { ManifestFilterPopover } from './ManifestFilterPopover';
+export type { ManifestFilterPopoverProps } from './ManifestFilterPopover';
+export { WellLegend } from './WellLegend';
+export type { WellLegendItem, WellLegendProps } from './WellLegend';
+export { PlateZoomControl } from './PlateZoomControl';
+export type { PlateZoomControlProps } from './PlateZoomControl';
+export { autoFillPositions, autoFillRecords } from './autoFill';
+export type { AutoFillOptions, FillStrategy } from './autoFill';
+export type { PlateDimensions, PlateMapCsvPlate, PlateMapCsvRow, PlateMapCsvTriage, PlateMapCsvTriageOptions, WellId, WellRecord, WellField, WellFieldKind, WellSelectOption, WellColumn, TemplateOption, ImportExportHandlers, PlateMapGroupOption, PlateMapPlateOption, } from './types';
+export { resolveDimensions, rowLabel, parseRowLabel, pos, parsePos, rectPositions, allPositions } from './wellGrid';

package/dist/components/composed/PlateMapEditor/types.d.ts

@@ -0,0 +1,137 @@
+import { PlateFormat } from '../../charts/PlateMap';
+import type * as React from "react";
+export type { PlateFormat };
+export type WellId = string;
+/**
+ * Generic per-well record. Callers supply concrete shape via the `T` generic
+ * on `PlateMapEditor`. Permissive base accepts both interfaces and indexable
+ * record types.
+ */
+export type WellRecord = NonNullable<unknown>;
+/**
+ * Field kinds rendered by `WellMetadataForm` and (when `editableInTable`) by
+ * `WellManifestTable`.
+ */
+export type WellFieldKind = "text" | "number" | "integer" | "boolean" | "date" | "datetime" | "time" | "select" | "multiselect" | "custom";
+export interface WellSelectOption {
+    value: string;
+    label: string;
+    /** Optional swatch color shown next to the label. */
+    swatch?: string;
+}
+export interface WellField<T extends WellRecord = WellRecord> {
+    /** Key in the well record this field reads/writes. */
+    key: keyof T & string;
+    label: string;
+    /** Optional leading icon shown in form labels and matching table headers. */
+    icon?: React.ReactNode;
+    kind: WellFieldKind;
+    placeholder?: string;
+    /** Required for `kind: "select"` and `kind: "multiselect"`. */
+    options?: WellSelectOption[];
+    /** Visual style for `kind: "boolean"`. Defaults to `"checkbox"`. */
+    boolStyle?: "checkbox" | "switch";
+    /**
+     * When true, matching `WellManifestTable` cells render an inline editor of
+     * this field's `kind` (mirroring the form). Defaults to false — cells stay
+     * read-only unless the developer opts in or supplies `WellColumn.render`.
+     */
+    editableInTable?: boolean;
+    /**
+     * Custom renderer for the form input. Receives current value and a setter
+     * that patches the field on the staged form record.
+     */
+    render?: (ctx: {
+        value: unknown;
+        onChange: (next: unknown) => void;
+        selectionSize: number;
+    }) => React.ReactNode;
+}
+export interface WellColumn<T extends WellRecord = WellRecord> {
+    /** Stable id; falls back to `field` if omitted. */
+    id?: string;
+    header: string;
+    /** Optional leading icon in the table header. */
+    icon?: React.ReactNode;
+    /** Read direct property when `field` is set. */
+    field?: keyof T & string;
+    /** Min width in px (applied via inline style). */
+    minWidth?: number;
+    /**
+     * Cell renderer. If omitted, the cell renders a display value. `select`
+     * fields render as badge-style custom cells using the matching option label.
+     */
+    render?: (ctx: {
+        row: T;
+        wellId: WellId;
+        update: (patch: Partial<T>) => void;
+    }) => React.ReactNode;
+}
+export interface TemplateOption {
+    id: string;
+    label: string;
+    /** Optional group header in the dropdown (e.g. "Built-in", "User"). */
+    group?: string;
+    /** Optional supporting text for richer chooser menus. */
+    description?: string;
+    disabled?: boolean;
+}
+export interface PlateMapPlateOption {
+    /** Stable plate id. For imported CSVs this should be the user-provided barcode. */
+    id: string;
+    /** User-provided plate barcode. Barcodes are never generated by the editor. */
+    barcode: string;
+    /** Optional display label when it differs from the barcode. */
+    label?: string;
+    /** Optional count shown beside the plate pill, usually imported row/well count. */
+    count?: number;
+    disabled?: boolean;
+}
+export interface PlateMapCsvRow {
+    /** 1-based CSV line number, including the header line. */
+    line: number;
+    values: Record<string, string>;
+}
+export interface PlateMapCsvPlate {
+    /** User-provided plate barcode used as the selectable plate id. */
+    id: string;
+    barcode: string;
+    rows: PlateMapCsvRow[];
+    rowCount: number;
+}
+export interface PlateMapCsvTriage {
+    headers: string[];
+    /** Resolved header name for the plate barcode column, when present. */
+    plateBarcodeColumn?: string;
+    rows: PlateMapCsvRow[];
+    plates: PlateMapCsvPlate[];
+    /** Rows missing a barcode. The editor does not create fallback barcodes. */
+    missingBarcodeRows: PlateMapCsvRow[];
+}
+export interface PlateMapCsvTriageOptions {
+    /** Exact column name to use before trying aliases. */
+    plateBarcodeColumn?: string;
+    /** Additional accepted names for the plate barcode column. */
+    plateBarcodeColumnAliases?: readonly string[];
+}
+export interface ImportExportHandlers {
+    onImportCsv?: (file: File, triage?: PlateMapCsvTriage) => void | Promise<void>;
+    onExportCsv?: () => void;
+    onImportTemplate?: (file: File) => void | Promise<void>;
+    onExportTemplate?: () => void;
+}
+export interface PlateDimensions {
+    rows: number;
+    columns: number;
+}
+export interface PlateMapGroupOption {
+    id: string;
+    label: string;
+    /** Well ids in the group; callers can use this to select the group. */
+    wellIds?: WellId[];
+    /** Optional explicit count; defaults to `wellIds.length` when present. */
+    count?: number;
+    color?: string;
+    borderColor?: string;
+    disabled?: boolean;
+}

package/dist/components/composed/PlateMapEditor/wellGrid.d.ts

@@ -0,0 +1,12 @@
+import { PlateDimensions, PlateFormat, WellId } from './types';
+export declare function resolveDimensions(format: PlateFormat, rows?: number, columns?: number): PlateDimensions;
+/** Letter for a row index. Supports A-Z then AA-ZZ for 1536-format plates. */
+export declare function rowLabel(row: number): string;
+export declare function parseRowLabel(label: string): number;
+export declare function pos(row: number, col: number, columns: number): WellId;
+export declare function parsePos(id: WellId, dims: PlateDimensions): {
+    row: number;
+    col: number;
+} | null;
+export declare function rectPositions(r0: number, c0: number, r1: number, c1: number, columns: number): WellId[];
+export declare function allPositions(dims: PlateDimensions): WellId[];

package/dist/components/composed/ProcessFlow/ProcessFlow.d.ts

@@ -0,0 +1,32 @@
+import { ProcessFlowConnection, ProcessFlowOrientation, ProcessFlowSize, ProcessFlowStep, ProcessFlowStepStatus } from './ProcessFlow.utils';
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+export { PROCESS_FLOW_STEP_STATUSES } from './ProcessFlow.utils';
+export type { ProcessFlowConnection, ProcessFlowOrientation, ProcessFlowSize, ProcessFlowStep, ProcessFlowStepConfig, ProcessFlowStepPosition, ProcessFlowStepStatus, ProcessStep, ProcessStepStatus, } from './ProcessFlow.utils';
+export interface ProcessFlowStepSelectDetails {
+    /** Zero-based index of the selected step in the steps prop. */
+    stepIndex: number;
+    /** Current visual status of the selected step. */
+    status: ProcessFlowStepStatus;
+    nativeEvent: MouseEvent<HTMLButtonElement>;
+}
+/**
+ * Presentational process flow.
+ *
+ * ProcessFlow is fully controlled by props. It visualizes parent-owned workflow state and emits user selection through
+ * onStepSelect. It intentionally does not own status transitions or fire completion/error side effects.
+ */
+export interface ProcessFlowProps extends Omit<ComponentPropsWithoutRef<"nav">, "onSelect"> {
+    /** Ordered list of steps to render. Each step controls its own visual status. */
+    steps: ProcessFlowStep[];
+    /** Optional explicit connections for branching/configurable flows. */
+    connections?: ProcessFlowConnection[];
+    /** Selected/viewed step id. This is separate from the active workflow status. */
+    selectedStepId?: string;
+    /** Called when a selectable step is clicked. Disabled and non-selectable steps do not call this. */
+    onStepSelect?: (step: ProcessFlowStep, details: ProcessFlowStepSelectDetails) => void;
+    orientation?: ProcessFlowOrientation;
+    size?: ProcessFlowSize;
+    /** Defaults to true. Set to false to hide step descriptions. */
+    showDescriptions?: boolean;
+}
+export declare function ProcessFlow({ steps, connections, selectedStepId, onStepSelect, orientation, size, showDescriptions, className, style, "aria-label": ariaLabel, ...props }: ProcessFlowProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/composed/ProcessFlow/ProcessFlow.utils.d.ts

@@ -0,0 +1,86 @@
+import { ReactNode } from 'react';
+/**
+ * Runtime list of the visual states supported by ProcessFlow steps.
+ * Use this for controls, schemas, and forms that need to present the same status values the component understands.
+ */
+export declare const PROCESS_FLOW_STEP_STATUSES: readonly ["pending", "active", "completed", "error", "disabled"];
+/**
+ * Visual state for a ProcessFlow step.
+ *
+ * The parent application owns this state. ProcessFlow renders the provided status and does not run workflow side effects.
+ */
+export type ProcessFlowStepStatus = (typeof PROCESS_FLOW_STEP_STATUSES)[number];
+export type ProcessStepStatus = ProcessFlowStepStatus;
+/** Direction for linear process flows. Branching flows are configured with step positions and connections. */
+export type ProcessFlowOrientation = "horizontal" | "vertical";
+/** Visual density of the process flow. */
+export type ProcessFlowSize = "default" | "compact";
+export type ProcessFlowDescriptionVisibility = "auto" | "hidden" | "visible";
+export interface ProcessFlowStepPosition {
+    /** Zero-based row used when rendering a simple branching/configurable flow. */
+    row?: number;
+    /** Zero-based column used when rendering a simple branching/configurable flow. */
+    column?: number;
+}
+/**
+ * Configurable step rendered by ProcessFlow.
+ *
+ * Keep workflow-specific behavior in the parent. A step config should describe what to render, not what to do when a
+ * workflow completes or errors.
+ */
+export interface ProcessFlowStep {
+    /** Stable identifier used for selection and connections. */
+    id: string;
+    /** Visible step label. */
+    label: ReactNode;
+    /** Optional secondary text shown under or beside the label. */
+    description?: ReactNode;
+    /** Parent-controlled visual state. Defaults to "pending". */
+    status?: ProcessFlowStepStatus;
+    /** Accessible label for selectable steps. */
+    ariaLabel?: string;
+    /** Forces the step into the disabled visual/non-interactive state. */
+    disabled?: boolean;
+    /** Set to false when the step should render as non-navigable even when onStepSelect is provided. */
+    selectable?: boolean;
+    /** Optional grid position for simple branching/configurable layouts. */
+    position?: ProcessFlowStepPosition;
+}
+export type ProcessFlowStepConfig = ProcessFlowStep;
+export type ProcessStep = ProcessFlowStep;
+/** Connection between two steps in a branching/configurable flow. Linear flows derive connections automatically. */
+export interface ProcessFlowConnection {
+    id?: string;
+    from: string;
+    to: string;
+    status?: ProcessFlowStepStatus;
+    ariaLabel?: string;
+}
+export interface PositionedStep {
+    step: ProcessFlowStep;
+    stepIndex: number;
+    status: ProcessFlowStepStatus;
+    row: number;
+    column: number;
+}
+export interface ResolvedConnection extends ProcessFlowConnection {
+    id: string;
+    fromStep: PositionedStep;
+    toStep: PositionedStep;
+    status: ProcessFlowStepStatus;
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare const STATUS_LABELS: Record<ProcessFlowStepStatus, string>;
+export declare function getDescriptionVisibility(showDescriptions?: boolean): ProcessFlowDescriptionVisibility;
+export declare function normalizeGridIndex(value: number | undefined, fallback: number): number;
+export declare function getStepStatus(step: ProcessFlowStep): ProcessFlowStepStatus;
+export declare function getStepAccessibleLabel(step: ProcessFlowStep, status: ProcessFlowStepStatus, stepNumber: number): string;
+export declare function positionStep(step: ProcessFlowStep, index: number, orientation: ProcessFlowOrientation): PositionedStep;
+export declare function deriveConnectionStatus(fromStatus: ProcessFlowStepStatus, toStatus: ProcessFlowStepStatus): ProcessFlowStepStatus;
+export declare function resolveConnections(steps: PositionedStep[], connections?: ProcessFlowConnection[]): ResolvedConnection[];
+export declare function getPoint(step: PositionedStep, rowCount: number, columnCount: number): Point;
+export declare function getConnectionPath(connection: ResolvedConnection, rowCount: number, columnCount: number): string;
+export declare function hasCustomStepLayout(steps: ProcessFlowStep[]): boolean;

package/dist/components/composed/ProcessFlow/index.d.ts

@@ -0,0 +1 @@
+export * from './ProcessFlow';

package/dist/components/composed/RichListItem/RichListItem.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../ui/avatar.cjs"),c=require("../../ui/item.cjs"),i=require("../../../lib/utils.cjs"),h="grid-cols-[minmax(0,1fr)_auto_auto]",p="grid-cols-[minmax(0,1fr)_auto]",g="grid-cols-[minmax(0,1fr)]";function j(t,n){return t&&n?h:t||n?p:g}function C({leading:t,primary:n,secondary:s,trailing:r,actions:a,className:m,variant:d="default",size:u="default",...x}){const N=!!s,f=j(!!r,!!a),l=N?"row-span-2":"row-span-1";return e.jsxs(c.Item,{"data-slot":"rich-list-item",variant:d,size:u,className:i.cn("flex-nowrap items-center gap-3 rounded-none border-transparent px-4 py-3 hover:bg-accent/50",m),...x,children:[t&&e.jsx(c.ItemMedia,{className:"self-center",children:t}),e.jsx(c.ItemContent,{className:"min-w-0",children:e.jsxs("div",{className:i.cn("grid min-w-0 items-center gap-x-3 gap-y-1",f),children:[e.jsx(c.ItemTitle,{className:"min-w-0 max-w-full truncate",children:n}),r&&e.jsx("div",{className:i.cn("flex flex-col items-end gap-1 whitespace-nowrap text-right",l),children:r}),a&&e.jsx(c.ItemActions,{className:i.cn("shrink-0 self-center",l),children:a}),s&&e.jsx("div",{"data-slot":"rich-list-item-secondary",className:"min-w-0 truncate text-xs leading-tight text-muted-foreground",children:s})]})})]})}function v({initials:t,className:n,fallbackClassName:s,size:r="default",...a}){return e.jsx(o.Avatar,{className:n,size:r,...a,children:e.jsx(o.AvatarFallback,{className:i.cn("bg-primary/10 text-xs font-semibold text-primary",s),children:t})})}exports.RichListItem=C;exports.RichListItemAvatar=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../ui/avatar.cjs"),i=require("../../../ui/item.cjs"),c=require("../../../lib/utils.cjs"),h="grid-cols-[minmax(0,1fr)_auto_auto]",p="grid-cols-[minmax(0,1fr)_auto]",g="grid-cols-[minmax(0,1fr)]";function j(t,n){return t&&n?h:t||n?p:g}function C({leading:t,primary:n,secondary:s,trailing:r,actions:a,className:m,variant:u="default",size:d="default",...x}){const N=!!s,f=j(!!r,!!a),l=N?"row-span-2":"row-span-1";return e.jsxs(i.Item,{"data-slot":"rich-list-item",variant:u,size:d,className:c.cn("flex-nowrap items-center gap-3 rounded-none border-transparent px-4 py-3 hover:bg-accent/50",m),...x,children:[t&&e.jsx(i.ItemMedia,{className:"self-center",children:t}),e.jsx(i.ItemContent,{className:"min-w-0",children:e.jsxs("div",{className:c.cn("grid min-w-0 items-center gap-x-3 gap-y-1",f),children:[e.jsx(i.ItemTitle,{className:"min-w-0 max-w-full truncate",children:n}),r&&e.jsx("div",{className:c.cn("flex flex-col items-end gap-1 whitespace-nowrap text-right",l),children:r}),a&&e.jsx(i.ItemActions,{className:c.cn("shrink-0 self-center",l),children:a}),s&&e.jsx("div",{"data-slot":"rich-list-item-secondary",className:"min-w-0 truncate text-xs leading-tight text-muted-foreground",children:s})]})})]})}function _({initials:t,className:n,fallbackClassName:s,size:r="default",...a}){return e.jsx(o.Avatar,{className:n,size:r,...a,children:e.jsx(o.AvatarFallback,{className:c.cn("bg-primary/10 text-xs font-semibold text-primary",s),children:t})})}exports.RichListItem=C;exports.RichListItemAvatar=_;
 //# sourceMappingURL=RichListItem.cjs.map

package/dist/components/composed/RichListItem/RichListItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichListItem.cjs","sources":["../../../../src/components/composed/RichListItem/RichListItem.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { Avatar, AvatarFallback } from \"@/components/ui/avatar\";\nimport { Item, ItemActions, ItemContent, ItemMedia, ItemTitle } from \"@/components/ui/item\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface RichListItemProps extends Omit<React.ComponentProps<typeof Item>, \"asChild\" | \"children\"> {\n  /** Slot before the text content — typically an avatar or icon. */\n  leading?: React.ReactNode;\n  /** Primary line of text. Truncates to a single line. */\n  primary: React.ReactNode;\n  /** Secondary line of text shown beneath `primary`. Truncates to a single line. */\n  secondary?: React.ReactNode;\n  /** Right-aligned supplemental content (badges, timestamps) shown above `actions`. */\n  trailing?: React.ReactNode;\n  /** Right-aligned interactive controls (buttons, menus). */\n  actions?: React.ReactNode;\n}\n\nconst CONTENT_COLUMNS_BOTH = \"grid-cols-[minmax(0,1fr)_auto_auto]\";\nconst CONTENT_COLUMNS_ONE = \"grid-cols-[minmax(0,1fr)_auto]\";\nconst CONTENT_COLUMNS_NONE = \"grid-cols-[minmax(0,1fr)]\";\n\nfunction getContentColumns(hasTrailing: boolean, hasActions: boolean) {\n  if (hasTrailing && hasActions) return CONTENT_COLUMNS_BOTH;\n  if (hasTrailing || hasActions) return CONTENT_COLUMNS_ONE;\n  return CONTENT_COLUMNS_NONE;\n}\n\nfunction RichListItem({\n  leading,\n  primary,\n  secondary,\n  trailing,\n  actions,\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: RichListItemProps) {\n  const hasSecondary = Boolean(secondary);\n  const contentColumns = getContentColumns(Boolean(trailing), Boolean(actions));\n  const supplementalSpanClass = hasSecondary ? \"row-span-2\" : \"row-span-1\";\n\n  return (\n    <Item\n      data-slot=\"rich-list-item\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"flex-nowrap items-center gap-3 rounded-none border-transparent px-4 py-3 hover:bg-accent/50\",\n        className,\n      )}\n      {...props}\n    >\n      {leading && <ItemMedia className=\"self-center\">{leading}</ItemMedia>}\n      <ItemContent className=\"min-w-0\">\n        <div className={cn(\"grid min-w-0 items-center gap-x-3 gap-y-1\", contentColumns)}>\n          <ItemTitle className=\"min-w-0 max-w-full truncate\">{primary}</ItemTitle>\n          {trailing && (\n            <div className={cn(\"flex flex-col items-end gap-1 whitespace-nowrap text-right\", supplementalSpanClass)}>\n              {trailing}\n            </div>\n          )}\n          {actions && (\n            <ItemActions className={cn(\"shrink-0 self-center\", supplementalSpanClass)}>{actions}</ItemActions>\n          )}\n          {secondary && (\n            <div\n              data-slot=\"rich-list-item-secondary\"\n              className=\"min-w-0 truncate text-xs leading-tight text-muted-foreground\"\n            >\n              {secondary}\n            </div>\n          )}\n        </div>\n      </ItemContent>\n    </Item>\n  );\n}\n\nexport interface RichListItemAvatarProps extends Omit<React.ComponentProps<typeof Avatar>, \"children\"> {\n  initials: string;\n  fallbackClassName?: string;\n}\n\nfunction RichListItemAvatar({\n  initials,\n  className,\n  fallbackClassName,\n  size = \"default\",\n  ...props\n}: RichListItemAvatarProps) {\n  return (\n    <Avatar className={className} size={size} {...props}>\n      <AvatarFallback className={cn(\"bg-primary/10 text-xs font-semibold text-primary\", fallbackClassName)}>\n        {initials}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n\nexport { RichListItem, RichListItemAvatar };\n"],"names":["CONTENT_COLUMNS_BOTH","CONTENT_COLUMNS_ONE","CONTENT_COLUMNS_NONE","getContentColumns","hasTrailing","hasActions","RichListItem","leading","primary","secondary","trailing","actions","className","variant","size","props","hasSecondary","contentColumns","supplementalSpanClass","jsxs","Item","cn","jsx","ItemMedia","ItemContent","ItemTitle","ItemActions","RichListItemAvatar","initials","fallbackClassName","Avatar","AvatarFallback"],"mappings":"yNAmBMA,EAAuB,sCACvBC,EAAsB,iCACtBC,EAAuB,4BAE7B,SAASC,EAAkBC,EAAsBC,EAAqB,CACpE,OAAID,GAAeC,EAAmBL,EAClCI,GAAeC,EAAmBJ,EAC/BC,CACT,CAEA,SAASI,EAAa,CACpB,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,UACP,GAAGC,CACL,EAAsB,CACpB,MAAMC,EAAe,EAAQP,EACvBQ,EAAiBd,EAAkB,EAAQO,EAAW,EAAQC,CAAQ,EACtEO,EAAwBF,EAAe,aAAe,aAE5D,OACEG,EAAAA,KAACC,EAAAA,KAAA,CACC,YAAU,iBACV,QAAAP,EACA,KAAAC,EACA,UAAWO,EAAAA,GACT,8FACAT,CAAA,EAED,GAAGG,EAEH,SAAA,CAAAR,GAAWe,EAAAA,IAACC,YAAA,CAAU,UAAU,cAAe,SAAAhB,EAAQ,EACxDe,EAAAA,IAACE,EAAAA,YAAA,CAAY,UAAU,UACrB,SAAAL,EAAAA,KAAC,OAAI,UAAWE,EAAAA,GAAG,4CAA6CJ,CAAc,EAC5E,SAAA,CAAAK,EAAAA,IAACG,EAAAA,UAAA,CAAU,UAAU,8BAA+B,SAAAjB,EAAQ,EAC3DE,SACE,MAAA,CAAI,UAAWW,EAAAA,GAAG,6DAA8DH,CAAqB,EACnG,SAAAR,EACH,EAEDC,SACEe,cAAA,CAAY,UAAWL,EAAAA,GAAG,uBAAwBH,CAAqB,EAAI,SAAAP,EAAQ,EAErFF,GACCa,EAAAA,IAAC,MAAA,CACC,YAAU,2BACV,UAAU,+DAET,SAAAb,CAAA,CAAA,CACH,CAAA,CAEJ,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CAOA,SAASkB,EAAmB,CAC1B,SAAAC,EACA,UAAAhB,EACA,kBAAAiB,EACA,KAAAf,EAAO,UACP,GAAGC,CACL,EAA4B,CAC1B,OACEO,EAAAA,IAACQ,EAAAA,OAAA,CAAO,UAAAlB,EAAsB,KAAAE,EAAa,GAAGC,EAC5C,SAAAO,EAAAA,IAACS,EAAAA,eAAA,CAAe,UAAWV,EAAAA,GAAG,mDAAoDQ,CAAiB,EAChG,WACH,EACF,CAEJ"}
+{"version":3,"file":"RichListItem.cjs","sources":["../../../../src/components/composed/RichListItem/RichListItem.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { Avatar, AvatarFallback } from \"@/components/ui/avatar\";\nimport { Item, ItemActions, ItemContent, ItemMedia, ItemTitle } from \"@/components/ui/item\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface RichListItemProps extends Omit<React.ComponentProps<typeof Item>, \"asChild\" | \"children\"> {\n  /** Slot before the text content — typically an avatar or icon. */\n  leading?: React.ReactNode;\n  /** Primary line of text. Truncates to a single line. */\n  primary: React.ReactNode;\n  /** Secondary line of text shown beneath `primary`. Truncates to a single line. */\n  secondary?: React.ReactNode;\n  /** Right-aligned supplemental content (badges, timestamps) shown above `actions`. */\n  trailing?: React.ReactNode;\n  /** Right-aligned interactive controls (buttons, menus). */\n  actions?: React.ReactNode;\n}\n\nconst CONTENT_COLUMNS_BOTH = \"grid-cols-[minmax(0,1fr)_auto_auto]\";\nconst CONTENT_COLUMNS_ONE = \"grid-cols-[minmax(0,1fr)_auto]\";\nconst CONTENT_COLUMNS_NONE = \"grid-cols-[minmax(0,1fr)]\";\n\nfunction getContentColumns(hasTrailing: boolean, hasActions: boolean) {\n  if (hasTrailing && hasActions) return CONTENT_COLUMNS_BOTH;\n  if (hasTrailing || hasActions) return CONTENT_COLUMNS_ONE;\n  return CONTENT_COLUMNS_NONE;\n}\n\nfunction RichListItem({\n  leading,\n  primary,\n  secondary,\n  trailing,\n  actions,\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: RichListItemProps) {\n  const hasSecondary = Boolean(secondary);\n  const contentColumns = getContentColumns(Boolean(trailing), Boolean(actions));\n  const supplementalSpanClass = hasSecondary ? \"row-span-2\" : \"row-span-1\";\n\n  return (\n    <Item\n      data-slot=\"rich-list-item\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"flex-nowrap items-center gap-3 rounded-none border-transparent px-4 py-3 hover:bg-accent/50\",\n        className,\n      )}\n      {...props}\n    >\n      {leading && <ItemMedia className=\"self-center\">{leading}</ItemMedia>}\n      <ItemContent className=\"min-w-0\">\n        <div className={cn(\"grid min-w-0 items-center gap-x-3 gap-y-1\", contentColumns)}>\n          <ItemTitle className=\"min-w-0 max-w-full truncate\">{primary}</ItemTitle>\n          {trailing && (\n            <div className={cn(\"flex flex-col items-end gap-1 whitespace-nowrap text-right\", supplementalSpanClass)}>\n              {trailing}\n            </div>\n          )}\n          {actions && (\n            <ItemActions className={cn(\"shrink-0 self-center\", supplementalSpanClass)}>{actions}</ItemActions>\n          )}\n          {secondary && (\n            <div\n              data-slot=\"rich-list-item-secondary\"\n              className=\"min-w-0 truncate text-xs leading-tight text-muted-foreground\"\n            >\n              {secondary}\n            </div>\n          )}\n        </div>\n      </ItemContent>\n    </Item>\n  );\n}\n\nexport interface RichListItemAvatarProps extends Omit<React.ComponentProps<typeof Avatar>, \"children\"> {\n  initials: string;\n  fallbackClassName?: string;\n}\n\nfunction RichListItemAvatar({\n  initials,\n  className,\n  fallbackClassName,\n  size = \"default\",\n  ...props\n}: RichListItemAvatarProps) {\n  return (\n    <Avatar className={className} size={size} {...props}>\n      <AvatarFallback className={cn(\"bg-primary/10 text-xs font-semibold text-primary\", fallbackClassName)}>\n        {initials}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n\nexport { RichListItem, RichListItemAvatar };\n"],"names":["CONTENT_COLUMNS_BOTH","CONTENT_COLUMNS_ONE","CONTENT_COLUMNS_NONE","getContentColumns","hasTrailing","hasActions","RichListItem","leading","primary","secondary","trailing","actions","className","variant","size","props","hasSecondary","contentColumns","supplementalSpanClass","jsxs","Item","cn","jsx","ItemMedia","ItemContent","ItemTitle","ItemActions","RichListItemAvatar","initials","fallbackClassName","Avatar","AvatarFallback"],"mappings":"+NAmBMA,EAAuB,sCACvBC,EAAsB,iCACtBC,EAAuB,4BAE7B,SAASC,EAAkBC,EAAsBC,EAAqB,CACpE,OAAID,GAAeC,EAAmBL,EAClCI,GAAeC,EAAmBJ,EAC/BC,CACT,CAEA,SAASI,EAAa,CACpB,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,UACP,GAAGC,CACL,EAAsB,CACpB,MAAMC,EAAe,EAAQP,EACvBQ,EAAiBd,EAAkB,EAAQO,EAAW,EAAQC,CAAQ,EACtEO,EAAwBF,EAAe,aAAe,aAE5D,OACEG,EAAAA,KAACC,EAAAA,KAAA,CACC,YAAU,iBACV,QAAAP,EACA,KAAAC,EACA,UAAWO,EAAAA,GACT,8FACAT,CAAA,EAED,GAAGG,EAEH,SAAA,CAAAR,GAAWe,EAAAA,IAACC,YAAA,CAAU,UAAU,cAAe,SAAAhB,EAAQ,EACxDe,EAAAA,IAACE,EAAAA,YAAA,CAAY,UAAU,UACrB,SAAAL,EAAAA,KAAC,OAAI,UAAWE,EAAAA,GAAG,4CAA6CJ,CAAc,EAC5E,SAAA,CAAAK,EAAAA,IAACG,EAAAA,UAAA,CAAU,UAAU,8BAA+B,SAAAjB,EAAQ,EAC3DE,SACE,MAAA,CAAI,UAAWW,EAAAA,GAAG,6DAA8DH,CAAqB,EACnG,SAAAR,EACH,EAEDC,SACEe,cAAA,CAAY,UAAWL,EAAAA,GAAG,uBAAwBH,CAAqB,EAAI,SAAAP,EAAQ,EAErFF,GACCa,EAAAA,IAAC,MAAA,CACC,YAAU,2BACV,UAAU,+DAET,SAAAb,CAAA,CAAA,CACH,CAAA,CAEJ,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CAOA,SAASkB,EAAmB,CAC1B,SAAAC,EACA,UAAAhB,EACA,kBAAAiB,EACA,KAAAf,EAAO,UACP,GAAGC,CACL,EAA4B,CAC1B,OACEO,EAAAA,IAACQ,EAAAA,OAAA,CAAO,UAAAlB,EAAsB,KAAAE,EAAa,GAAGC,EAC5C,SAAAO,EAAAA,IAACS,EAAAA,eAAA,CAAe,UAAWV,EAAAA,GAAG,mDAAoDQ,CAAiB,EAChG,WACH,EACF,CAEJ"}

package/dist/components/composed/RichListItem/RichListItem.d.ts

@@ -0,0 +1,22 @@
+import { Avatar } from '../../ui/avatar';
+import { Item } from '../../ui/item';
+import * as React from "react";
+export interface RichListItemProps extends Omit<React.ComponentProps<typeof Item>, "asChild" | "children"> {
+    /** Slot before the text content — typically an avatar or icon. */
+    leading?: React.ReactNode;
+    /** Primary line of text. Truncates to a single line. */
+    primary: React.ReactNode;
+    /** Secondary line of text shown beneath `primary`. Truncates to a single line. */
+    secondary?: React.ReactNode;
+    /** Right-aligned supplemental content (badges, timestamps) shown above `actions`. */
+    trailing?: React.ReactNode;
+    /** Right-aligned interactive controls (buttons, menus). */
+    actions?: React.ReactNode;
+}
+declare function RichListItem({ leading, primary, secondary, trailing, actions, className, variant, size, ...props }: RichListItemProps): import("react/jsx-runtime").JSX.Element;
+export interface RichListItemAvatarProps extends Omit<React.ComponentProps<typeof Avatar>, "children"> {
+    initials: string;
+    fallbackClassName?: string;
+}
+declare function RichListItemAvatar({ initials, className, fallbackClassName, size, ...props }: RichListItemAvatarProps): import("react/jsx-runtime").JSX.Element;
+export { RichListItem, RichListItemAvatar };

package/dist/components/composed/RichListItem/RichListItem.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Avatar as N, AvatarFallback as x } from "../../ui/avatar.js";
-import { Item as h, ItemMedia as g, ItemContent as C, ItemTitle as w, ItemActions as O } from "../../ui/item.js";
+import { Avatar as N, AvatarFallback as x } from "../../../ui/avatar.js";
+import { Item as h, ItemMedia as g, ItemContent as C, ItemTitle as w, ItemActions as O } from "../../../ui/item.js";
 import { cn as o } from "../../../lib/utils.js";
 const _ = "grid-cols-[minmax(0,1fr)_auto_auto]", v = "grid-cols-[minmax(0,1fr)_auto]", I = "grid-cols-[minmax(0,1fr)]";
 function T(t, n) {

package/dist/components/composed/RichListItem/index.d.ts

@@ -0,0 +1,2 @@
+export { RichListItem, RichListItemAvatar } from './RichListItem';
+export type { RichListItemProps, RichListItemAvatarProps } from './RichListItem';

package/dist/components/composed/StatCard/StatCard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("lucide-react"),t=require("../../ui/card.cjs"),d=require("../../../lib/utils.cjs"),f={up:s.TrendingUpIcon,down:s.TrendingDownIcon,neutral:s.MinusIcon},j={up:"text-positive",down:"text-destructive",neutral:"text-muted-foreground"};function h({label:l,value:o,delta:n,deltaLabel:r,trend:a="neutral",description:c,className:i,...u}){const x=f[a],m=j[a];return e.jsx("div",{"data-slot":"stat-card",className:d.cn("w-full",i),...u,children:e.jsxs(t.Card,{children:[e.jsx(t.CardHeader,{children:e.jsx(t.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:l})}),e.jsxs(t.CardContent,{className:"flex flex-col gap-2",children:[e.jsx("p",{className:"text-3xl font-semibold tabular-nums",children:o}),c&&e.jsx("p",{className:"text-sm text-muted-foreground",children:c}),n!==void 0&&e.jsxs("div",{className:d.cn("flex items-center gap-1 text-sm",m),children:[e.jsx(x,{className:"h-4 w-4 shrink-0"}),e.jsx("span",{className:"font-medium",children:n}),r&&e.jsx("span",{className:"text-muted-foreground",children:r})]})]})]})})}exports.StatCard=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("lucide-react"),t=require("../../../ui/card.cjs"),d=require("../../../lib/utils.cjs"),f={up:s.TrendingUpIcon,down:s.TrendingDownIcon,neutral:s.MinusIcon},j={up:"text-positive",down:"text-destructive",neutral:"text-muted-foreground"};function h({label:l,value:o,delta:n,deltaLabel:r,trend:a="neutral",description:c,className:i,...u}){const x=f[a],m=j[a];return e.jsx("div",{"data-slot":"stat-card",className:d.cn("w-full",i),...u,children:e.jsxs(t.Card,{children:[e.jsx(t.CardHeader,{children:e.jsx(t.CardTitle,{className:"text-sm font-medium text-muted-foreground",children:l})}),e.jsxs(t.CardContent,{className:"flex flex-col gap-2",children:[e.jsx("p",{className:"text-3xl font-semibold tabular-nums",children:o}),c&&e.jsx("p",{className:"text-sm text-muted-foreground",children:c}),n!==void 0&&e.jsxs("div",{className:d.cn("flex items-center gap-1 text-sm",m),children:[e.jsx(x,{className:"h-4 w-4 shrink-0"}),e.jsx("span",{className:"font-medium",children:n}),r&&e.jsx("span",{className:"text-muted-foreground",children:r})]})]})]})})}exports.StatCard=h;
 //# sourceMappingURL=StatCard.cjs.map

package/dist/components/composed/StatCard/StatCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.cjs","sources":["../../../../src/components/composed/StatCard/StatCard.tsx"],"sourcesContent":["import { MinusIcon, TrendingDownIcon, TrendingUpIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { cn } from \"@/lib/utils\"\n\nexport type StatCardTrend = \"up\" | \"down\" | \"neutral\"\n\nexport interface StatCardProps extends React.ComponentProps<\"div\"> {\n  label: string\n  value: string | number\n  delta?: string | number\n  deltaLabel?: string\n  trend?: StatCardTrend\n  description?: string\n}\n\nconst TREND_ICON: Record<StatCardTrend, React.ElementType> = {\n  up: TrendingUpIcon,\n  down: TrendingDownIcon,\n  neutral: MinusIcon,\n}\n\nconst TREND_CLASS: Record<StatCardTrend, string> = {\n  up: \"text-positive\",\n  down: \"text-destructive\",\n  neutral: \"text-muted-foreground\",\n}\n\nexport function StatCard({\n  label,\n  value,\n  delta,\n  deltaLabel,\n  trend = \"neutral\",\n  description,\n  className,\n  ...props\n}: StatCardProps) {\n  const TrendIcon = TREND_ICON[trend]\n  const trendClass = TREND_CLASS[trend]\n\n  return (\n    <div data-slot=\"stat-card\" className={cn(\"w-full\", className)} {...props}>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-sm font-medium text-muted-foreground\">\n            {label}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"flex flex-col gap-2\">\n          <p className=\"text-3xl font-semibold tabular-nums\">{value}</p>\n          {description && (\n            <p className=\"text-sm text-muted-foreground\">{description}</p>\n          )}\n          {delta !== undefined && (\n            <div className={cn(\"flex items-center gap-1 text-sm\", trendClass)}>\n              <TrendIcon className=\"h-4 w-4 shrink-0\" />\n              <span className=\"font-medium\">{delta}</span>\n              {deltaLabel && (\n                <span className=\"text-muted-foreground\">{deltaLabel}</span>\n              )}\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n"],"names":["TREND_ICON","TrendingUpIcon","TrendingDownIcon","MinusIcon","TREND_CLASS","StatCard","label","value","delta","deltaLabel","trend","description","className","props","TrendIcon","trendClass","jsx","cn","jsxs","Card","CardHeader","CardTitle","CardContent"],"mappings":"kNAiBMA,EAAuD,CAC3D,GAAIC,EAAAA,eACJ,KAAMC,EAAAA,iBACN,QAASC,EAAAA,SACX,EAEMC,EAA6C,CACjD,GAAI,gBACJ,KAAM,mBACN,QAAS,uBACX,EAEO,SAASC,EAAS,CACvB,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,UACR,YAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYd,EAAWU,CAAK,EAC5BK,EAAaX,EAAYM,CAAK,EAEpC,OACEM,EAAAA,IAAC,MAAA,CAAI,YAAU,YAAY,UAAWC,KAAG,SAAUL,CAAS,EAAI,GAAGC,EACjE,SAAAK,EAAAA,KAACC,EAAAA,KAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,YACC,SAAAJ,EAAAA,IAACK,EAAAA,UAAA,CAAU,UAAU,4CAClB,WACH,CAAA,CACF,EACAH,EAAAA,KAACI,EAAAA,YAAA,CAAY,UAAU,sBACrB,SAAA,CAAAN,EAAAA,IAAC,IAAA,CAAE,UAAU,sCAAuC,SAAAT,EAAM,EACzDI,GACCK,EAAAA,IAAC,IAAA,CAAE,UAAU,gCAAiC,SAAAL,EAAY,EAE3DH,IAAU,QACTU,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,GAAG,kCAAmCF,CAAU,EAC9D,SAAA,CAAAC,EAAAA,IAACF,EAAA,CAAU,UAAU,kBAAA,CAAmB,EACxCE,EAAAA,IAAC,OAAA,CAAK,UAAU,cAAe,SAAAR,EAAM,EACpCC,GACCO,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAP,CAAA,CAAW,CAAA,CAAA,CAExD,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
+{"version":3,"file":"StatCard.cjs","sources":["../../../../src/components/composed/StatCard/StatCard.tsx"],"sourcesContent":["import { MinusIcon, TrendingDownIcon, TrendingUpIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { cn } from \"@/lib/utils\"\n\nexport type StatCardTrend = \"up\" | \"down\" | \"neutral\"\n\nexport interface StatCardProps extends React.ComponentProps<\"div\"> {\n  label: string\n  value: string | number\n  delta?: string | number\n  deltaLabel?: string\n  trend?: StatCardTrend\n  description?: string\n}\n\nconst TREND_ICON: Record<StatCardTrend, React.ElementType> = {\n  up: TrendingUpIcon,\n  down: TrendingDownIcon,\n  neutral: MinusIcon,\n}\n\nconst TREND_CLASS: Record<StatCardTrend, string> = {\n  up: \"text-positive\",\n  down: \"text-destructive\",\n  neutral: \"text-muted-foreground\",\n}\n\nexport function StatCard({\n  label,\n  value,\n  delta,\n  deltaLabel,\n  trend = \"neutral\",\n  description,\n  className,\n  ...props\n}: StatCardProps) {\n  const TrendIcon = TREND_ICON[trend]\n  const trendClass = TREND_CLASS[trend]\n\n  return (\n    <div data-slot=\"stat-card\" className={cn(\"w-full\", className)} {...props}>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-sm font-medium text-muted-foreground\">\n            {label}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"flex flex-col gap-2\">\n          <p className=\"text-3xl font-semibold tabular-nums\">{value}</p>\n          {description && (\n            <p className=\"text-sm text-muted-foreground\">{description}</p>\n          )}\n          {delta !== undefined && (\n            <div className={cn(\"flex items-center gap-1 text-sm\", trendClass)}>\n              <TrendIcon className=\"h-4 w-4 shrink-0\" />\n              <span className=\"font-medium\">{delta}</span>\n              {deltaLabel && (\n                <span className=\"text-muted-foreground\">{deltaLabel}</span>\n              )}\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n"],"names":["TREND_ICON","TrendingUpIcon","TrendingDownIcon","MinusIcon","TREND_CLASS","StatCard","label","value","delta","deltaLabel","trend","description","className","props","TrendIcon","trendClass","jsx","cn","jsxs","Card","CardHeader","CardTitle","CardContent"],"mappings":"qNAiBMA,EAAuD,CAC3D,GAAIC,EAAAA,eACJ,KAAMC,EAAAA,iBACN,QAASC,EAAAA,SACX,EAEMC,EAA6C,CACjD,GAAI,gBACJ,KAAM,mBACN,QAAS,uBACX,EAEO,SAASC,EAAS,CACvB,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,UACR,YAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYd,EAAWU,CAAK,EAC5BK,EAAaX,EAAYM,CAAK,EAEpC,OACEM,EAAAA,IAAC,MAAA,CAAI,YAAU,YAAY,UAAWC,KAAG,SAAUL,CAAS,EAAI,GAAGC,EACjE,SAAAK,EAAAA,KAACC,EAAAA,KAAA,CACC,SAAA,CAAAH,EAAAA,IAACI,EAAAA,YACC,SAAAJ,EAAAA,IAACK,EAAAA,UAAA,CAAU,UAAU,4CAClB,WACH,CAAA,CACF,EACAH,EAAAA,KAACI,EAAAA,YAAA,CAAY,UAAU,sBACrB,SAAA,CAAAN,EAAAA,IAAC,IAAA,CAAE,UAAU,sCAAuC,SAAAT,EAAM,EACzDI,GACCK,EAAAA,IAAC,IAAA,CAAE,UAAU,gCAAiC,SAAAL,EAAY,EAE3DH,IAAU,QACTU,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,GAAG,kCAAmCF,CAAU,EAC9D,SAAA,CAAAC,EAAAA,IAACF,EAAA,CAAU,UAAU,kBAAA,CAAmB,EACxCE,EAAAA,IAAC,OAAA,CAAK,UAAU,cAAe,SAAAR,EAAM,EACpCC,GACCO,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAP,CAAA,CAAW,CAAA,CAAA,CAExD,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/components/composed/StatCard/StatCard.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type StatCardTrend = "up" | "down" | "neutral";
+export interface StatCardProps extends React.ComponentProps<"div"> {
+    label: string;
+    value: string | number;
+    delta?: string | number;
+    deltaLabel?: string;
+    trend?: StatCardTrend;
+    description?: string;
+}
+export declare function StatCard({ label, value, delta, deltaLabel, trend, description, className, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/composed/StatCard/StatCard.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { MinusIcon as x, TrendingDownIcon as f, TrendingUpIcon as p } from "lucide-react";
-import { Card as h, CardHeader as N, CardTitle as C, CardContent as g } from "../../ui/card.js";
+import { Card as h, CardHeader as N, CardTitle as C, CardContent as g } from "../../../ui/card.js";
 import { cn as a } from "../../../lib/utils.js";
 const T = {
   up: p,

package/dist/components/composed/StatCard/index.d.ts

@@ -0,0 +1 @@
+export * from './StatCard';