@jigs.design/catalog 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Tom Bates
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,46 @@
-# Temporary Holding Version
+# @jigs.design/catalog
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Optional. A default catalog of 37 components, modeled on ChatKit's widgets, with a React registry and stylesheet that draw it. Use it to start, or as a model for your own catalog.
+
+Text goes in children rather than a `value` prop, and controls bind `value` and `onChange` to state. There are no free CSS strings: every visual prop is a token or a bounded number, so a spec cannot smuggle a URL into a style.
+
+```ts
+// host.ts, on the server
+import { catalog } from "@jigs.design/catalog";
+export const host = defineHost({ components: catalog, procedures });
+```
+
+```tsx
+// in the browser
+import { components } from "@jigs.design/catalog/react";
+<PickleView client={client} components={components} program={program} />;
+```
+
+Import `@jigs.design/catalog/styles.css` once, in your root layout.
+
+## Entry points
+
+| Entry                             | Runs in | What it holds                               |
+| --------------------------------- | ------- | ------------------------------------------- |
+| `@jigs.design/catalog`            | Server  | `catalog` and the `DefaultCatalog` type     |
+| `@jigs.design/catalog/react`      | Browser | `components`, the registry for `PickleView` |
+| `@jigs.design/catalog/styles.css` | Browser | The registry's styles                       |
+
+## Components
+
+- Layout: `box`, `row`, `col`, `card`, `form`, `divider`, `spacer`, `listView`, `listViewItem`.
+- Text: `title`, `text`, `caption`, `label`, `badge`, `bold`, `italic`, `code`, `link`, `list`, `item`.
+- Controls: `button`, `input`, `textarea`, `select`, `checkbox`, `radioGroup`, `datePicker`, `numberField`.
+- Data: `table`, and on Recharts `chart`, `pieChart`, `scatterChart`, `radarChart` and `sparkline`, and `progress`.
+- Media: `image`, `icon` (Lucide).
+
+The catalog is at version 3, since `icon` took `color="info"` (version 2 brought the charts and `progress`). A spec's `{@pickle 0 catalog=3}` line names the version it was written for. Field controls take an `ariaLabel`.
+
+## Source
+
+- `src/catalog.ts`: the component definitions.
+- `src/react/`: the registry, one file per group, with `styles.css`. `testing.tsx` holds the test helpers.
+
+## Docs
+
+[Catalog](../../apps/docs/docs/host/catalog.mdx) and [Registry](../../apps/docs/docs/react/registry.mdx).

package/dist/catalog.d.ts

@@ -0,0 +1,251 @@
+//#region src/catalog.d.ts
+export declare const catalog: import("@jigs.design/host").Catalog<readonly [import("@jigs.design/host").ComponentDefinition<"card", {
+  readonly background: import("@jigs.design/host").PropDefinition<"surface" | "surface-elevated" | "surface-elevated-secondary" | "surface-secondary" | "surface-tertiary">;
+  readonly collapsed: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly padding: import("@jigs.design/host").PropDefinition<number>;
+  readonly size: import("@jigs.design/host").PropDefinition<"full" | "lg" | "md" | "sm">;
+  readonly status: import("@jigs.design/host").PropDefinition<string>;
+  readonly statusIcon: import("@jigs.design/host").PropDefinition<"agent" | "analytics" | "atom" | "batch" | "bolt" | "book-clock" | "book-closed" | "book-open" | "bug" | "calendar" | "chart" | "check" | "check-circle" | "check-circle-filled" | "chevron-left" | "chevron-right" | "circle-question" | "clock" | "compass" | "confetti" | "cube" | "desktop" | "document" | "dot" | "dots-horizontal" | "dots-vertical" | "empty-circle" | "external-link" | "globe" | "images" | "info" | "keys" | "lab" | "lifesaver" | "lightbulb" | "mail" | "map-pin" | "maps" | "mobile" | "name" | "notebook" | "notebook-pencil" | "page-blank" | "phone" | "play" | "plus" | "profile" | "profile-card" | "reload" | "search" | "settings-slider" | "sparkle" | "sparkle-double" | "square-code" | "square-image" | "square-text" | "star" | "star-filled" | "suitcase" | "user" | "wreath" | "write" | "write-alt" | "write-alt2">;
+}>, import("@jigs.design/host").ComponentDefinition<"box", {
+  readonly align: import("@jigs.design/host").PropDefinition<"baseline" | "center" | "end" | "start" | "stretch">;
+  readonly background: import("@jigs.design/host").PropDefinition<"surface" | "surface-elevated" | "surface-elevated-secondary" | "surface-secondary" | "surface-tertiary">;
+  readonly border: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly flex: import("@jigs.design/host").PropDefinition<number>;
+  readonly gap: import("@jigs.design/host").PropDefinition<number>;
+  readonly justify: import("@jigs.design/host").PropDefinition<"around" | "between" | "center" | "end" | "evenly" | "start" | "stretch">;
+  readonly padding: import("@jigs.design/host").PropDefinition<number>;
+  readonly radius: import("@jigs.design/host").PropDefinition<"2xl" | "2xs" | "3xl" | "4xl" | "full" | "lg" | "md" | "none" | "sm" | "xl" | "xs">;
+  readonly wrap: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly direction: import("@jigs.design/host").PropDefinition<"col" | "row">;
+}>, import("@jigs.design/host").ComponentDefinition<"row", {
+  align: import("@jigs.design/host").PropDefinition<"baseline" | "center" | "end" | "start" | "stretch">;
+  background: import("@jigs.design/host").PropDefinition<"surface" | "surface-elevated" | "surface-elevated-secondary" | "surface-secondary" | "surface-tertiary">;
+  border: import("@jigs.design/host").PropDefinition<boolean>;
+  flex: import("@jigs.design/host").PropDefinition<number>;
+  gap: import("@jigs.design/host").PropDefinition<number>;
+  justify: import("@jigs.design/host").PropDefinition<"around" | "between" | "center" | "end" | "evenly" | "start" | "stretch">;
+  padding: import("@jigs.design/host").PropDefinition<number>;
+  radius: import("@jigs.design/host").PropDefinition<"2xl" | "2xs" | "3xl" | "4xl" | "full" | "lg" | "md" | "none" | "sm" | "xl" | "xs">;
+  wrap: import("@jigs.design/host").PropDefinition<boolean>;
+}>, import("@jigs.design/host").ComponentDefinition<"col", {
+  align: import("@jigs.design/host").PropDefinition<"baseline" | "center" | "end" | "start" | "stretch">;
+  background: import("@jigs.design/host").PropDefinition<"surface" | "surface-elevated" | "surface-elevated-secondary" | "surface-secondary" | "surface-tertiary">;
+  border: import("@jigs.design/host").PropDefinition<boolean>;
+  flex: import("@jigs.design/host").PropDefinition<number>;
+  gap: import("@jigs.design/host").PropDefinition<number>;
+  justify: import("@jigs.design/host").PropDefinition<"around" | "between" | "center" | "end" | "evenly" | "start" | "stretch">;
+  padding: import("@jigs.design/host").PropDefinition<number>;
+  radius: import("@jigs.design/host").PropDefinition<"2xl" | "2xs" | "3xl" | "4xl" | "full" | "lg" | "md" | "none" | "sm" | "xl" | "xs">;
+  wrap: import("@jigs.design/host").PropDefinition<boolean>;
+}>, import("@jigs.design/host").ComponentDefinition<"spacer", {
+  readonly minSize: import("@jigs.design/host").PropDefinition<number>;
+}>, import("@jigs.design/host").ComponentDefinition<"divider", {
+  readonly color: import("@jigs.design/host").PropDefinition<"default" | "strong" | "subtle">;
+  readonly flush: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly spacing: import("@jigs.design/host").PropDefinition<number>;
+}>, import("@jigs.design/host").ComponentDefinition<"title", {
+  readonly color: import("@jigs.design/host").PropDefinition<"danger" | "emphasis" | "primary" | "prose" | "secondary" | "success" | "tertiary" | "warning">;
+  readonly maxLines: import("@jigs.design/host").PropDefinition<number>;
+  readonly textAlign: import("@jigs.design/host").PropDefinition<"center" | "end" | "start">;
+  readonly truncate: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly weight: import("@jigs.design/host").PropDefinition<"bold" | "medium" | "normal" | "semibold">;
+  readonly size: import("@jigs.design/host").PropDefinition<"2xl" | "3xl" | "4xl" | "5xl" | "lg" | "md" | "sm" | "xl">;
+}>, import("@jigs.design/host").ComponentDefinition<"text", {
+  readonly color: import("@jigs.design/host").PropDefinition<"danger" | "emphasis" | "primary" | "prose" | "secondary" | "success" | "tertiary" | "warning">;
+  readonly maxLines: import("@jigs.design/host").PropDefinition<number>;
+  readonly textAlign: import("@jigs.design/host").PropDefinition<"center" | "end" | "start">;
+  readonly truncate: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly weight: import("@jigs.design/host").PropDefinition<"bold" | "medium" | "normal" | "semibold">;
+  readonly italic: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly lineThrough: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly size: import("@jigs.design/host").PropDefinition<"lg" | "md" | "sm" | "xl" | "xs">;
+}>, import("@jigs.design/host").ComponentDefinition<"caption", {
+  readonly color: import("@jigs.design/host").PropDefinition<"danger" | "emphasis" | "primary" | "prose" | "secondary" | "success" | "tertiary" | "warning">;
+  readonly maxLines: import("@jigs.design/host").PropDefinition<number>;
+  readonly textAlign: import("@jigs.design/host").PropDefinition<"center" | "end" | "start">;
+  readonly truncate: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly weight: import("@jigs.design/host").PropDefinition<"bold" | "medium" | "normal" | "semibold">;
+  readonly size: import("@jigs.design/host").PropDefinition<"lg" | "md" | "sm">;
+}>, import("@jigs.design/host").ComponentDefinition<"label", {
+  readonly color: import("@jigs.design/host").PropDefinition<"danger" | "emphasis" | "primary" | "prose" | "secondary" | "success" | "tertiary" | "warning">;
+  readonly size: import("@jigs.design/host").PropDefinition<"lg" | "md" | "sm" | "xl" | "xs">;
+  readonly weight: import("@jigs.design/host").PropDefinition<"bold" | "medium" | "normal" | "semibold">;
+}>, import("@jigs.design/host").ComponentDefinition<"badge", {
+  readonly color: import("@jigs.design/host").PropDefinition<"danger" | "discovery" | "info" | "secondary" | "success" | "warning">;
+  readonly pill: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly size: import("@jigs.design/host").PropDefinition<"lg" | "md" | "sm">;
+  readonly variant: import("@jigs.design/host").PropDefinition<"outline" | "soft" | "solid">;
+}>, import("@jigs.design/host").ComponentDefinition<"bold", {}>, import("@jigs.design/host").ComponentDefinition<"italic", {}>, import("@jigs.design/host").ComponentDefinition<"code", {}>, import("@jigs.design/host").ComponentDefinition<"list", {
+  readonly ordered: import("@jigs.design/host").PropDefinition<boolean>;
+}>, import("@jigs.design/host").ComponentDefinition<"item", {}>, import("@jigs.design/host").ComponentDefinition<"link", {
+  readonly href: import("@jigs.design/host").PropDefinition<string>;
+}>, import("@jigs.design/host").ComponentDefinition<"icon", {
+  readonly color: import("@jigs.design/host").PropDefinition<"danger" | "emphasis" | "info" | "primary" | "prose" | "secondary" | "success" | "tertiary" | "warning">;
+  readonly name: import("@jigs.design/host").PropDefinition<"agent" | "analytics" | "atom" | "batch" | "bolt" | "book-clock" | "book-closed" | "book-open" | "bug" | "calendar" | "chart" | "check" | "check-circle" | "check-circle-filled" | "chevron-left" | "chevron-right" | "circle-question" | "clock" | "compass" | "confetti" | "cube" | "desktop" | "document" | "dot" | "dots-horizontal" | "dots-vertical" | "empty-circle" | "external-link" | "globe" | "images" | "info" | "keys" | "lab" | "lifesaver" | "lightbulb" | "mail" | "map-pin" | "maps" | "mobile" | "name" | "notebook" | "notebook-pencil" | "page-blank" | "phone" | "play" | "plus" | "profile" | "profile-card" | "reload" | "search" | "settings-slider" | "sparkle" | "sparkle-double" | "square-code" | "square-image" | "square-text" | "star" | "star-filled" | "suitcase" | "user" | "wreath" | "write" | "write-alt" | "write-alt2">;
+  readonly size: import("@jigs.design/host").PropDefinition<"2xl" | "3xl" | "lg" | "md" | "sm" | "xl" | "xs">;
+}>, import("@jigs.design/host").ComponentDefinition<"image", {
+  readonly alt: import("@jigs.design/host").PropDefinition<string>;
+  readonly aspectRatio: import("@jigs.design/host").PropDefinition<number>;
+  readonly fit: import("@jigs.design/host").PropDefinition<"contain" | "cover" | "fill" | "none" | "scale-down">;
+  readonly flush: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly frame: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly height: import("@jigs.design/host").PropDefinition<number>;
+  readonly position: import("@jigs.design/host").PropDefinition<"bottom" | "bottom left" | "bottom right" | "center" | "left" | "right" | "top" | "top left" | "top right">;
+  readonly radius: import("@jigs.design/host").PropDefinition<"2xl" | "2xs" | "3xl" | "4xl" | "full" | "lg" | "md" | "none" | "sm" | "xl" | "xs">;
+  readonly src: import("@jigs.design/host").PropDefinition<string>;
+  readonly width: import("@jigs.design/host").PropDefinition<number>;
+}>, import("@jigs.design/host").ComponentDefinition<"button", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly block: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly color: import("@jigs.design/host").PropDefinition<"caution" | "danger" | "discovery" | "info" | "primary" | "secondary" | "success" | "warning">;
+  readonly disabled: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly iconEnd: import("@jigs.design/host").PropDefinition<"agent" | "analytics" | "atom" | "batch" | "bolt" | "book-clock" | "book-closed" | "book-open" | "bug" | "calendar" | "chart" | "check" | "check-circle" | "check-circle-filled" | "chevron-left" | "chevron-right" | "circle-question" | "clock" | "compass" | "confetti" | "cube" | "desktop" | "document" | "dot" | "dots-horizontal" | "dots-vertical" | "empty-circle" | "external-link" | "globe" | "images" | "info" | "keys" | "lab" | "lifesaver" | "lightbulb" | "mail" | "map-pin" | "maps" | "mobile" | "name" | "notebook" | "notebook-pencil" | "page-blank" | "phone" | "play" | "plus" | "profile" | "profile-card" | "reload" | "search" | "settings-slider" | "sparkle" | "sparkle-double" | "square-code" | "square-image" | "square-text" | "star" | "star-filled" | "suitcase" | "user" | "wreath" | "write" | "write-alt" | "write-alt2">;
+  readonly iconStart: import("@jigs.design/host").PropDefinition<"agent" | "analytics" | "atom" | "batch" | "bolt" | "book-clock" | "book-closed" | "book-open" | "bug" | "calendar" | "chart" | "check" | "check-circle" | "check-circle-filled" | "chevron-left" | "chevron-right" | "circle-question" | "clock" | "compass" | "confetti" | "cube" | "desktop" | "document" | "dot" | "dots-horizontal" | "dots-vertical" | "empty-circle" | "external-link" | "globe" | "images" | "info" | "keys" | "lab" | "lifesaver" | "lightbulb" | "mail" | "map-pin" | "maps" | "mobile" | "name" | "notebook" | "notebook-pencil" | "page-blank" | "phone" | "play" | "plus" | "profile" | "profile-card" | "reload" | "search" | "settings-slider" | "sparkle" | "sparkle-double" | "square-code" | "square-image" | "square-text" | "star" | "star-filled" | "suitcase" | "user" | "wreath" | "write" | "write-alt" | "write-alt2">;
+  readonly onClick: import("@jigs.design/host").PropDefinition<() => void>;
+  readonly pill: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly size: import("@jigs.design/host").PropDefinition<"2xl" | "2xs" | "3xl" | "3xs" | "lg" | "md" | "sm" | "xl" | "xs">;
+  readonly submit: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly uniform: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly variant: import("@jigs.design/host").PropDefinition<"ghost" | "outline" | "soft" | "solid">;
+}>, import("@jigs.design/host").ComponentDefinition<"form", {
+  readonly direction: import("@jigs.design/host").PropDefinition<"col" | "row">;
+  readonly gap: import("@jigs.design/host").PropDefinition<number>;
+  readonly onSubmit: import("@jigs.design/host").PropDefinition<() => void>;
+}>, import("@jigs.design/host").ComponentDefinition<"input", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly disabled: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly label: import("@jigs.design/host").PropDefinition<string>;
+  readonly autoFocus: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly onChange: import("@jigs.design/host").PropDefinition<(values_0: string) => void>;
+  readonly pill: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly placeholder: import("@jigs.design/host").PropDefinition<string>;
+  readonly required: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly size: import("@jigs.design/host").PropDefinition<"2xl" | "2xs" | "3xl" | "3xs" | "lg" | "md" | "sm" | "xl" | "xs">;
+  readonly type: import("@jigs.design/host").PropDefinition<"email" | "number" | "password" | "tel" | "text" | "url">;
+  readonly value: import("@jigs.design/host").PropDefinition<string>;
+  readonly variant: import("@jigs.design/host").PropDefinition<"outline" | "soft">;
+}>, import("@jigs.design/host").ComponentDefinition<"textarea", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly disabled: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly label: import("@jigs.design/host").PropDefinition<string>;
+  readonly autoResize: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly maxRows: import("@jigs.design/host").PropDefinition<number>;
+  readonly onChange: import("@jigs.design/host").PropDefinition<(values_0: string) => void>;
+  readonly placeholder: import("@jigs.design/host").PropDefinition<string>;
+  readonly rows: import("@jigs.design/host").PropDefinition<number>;
+  readonly value: import("@jigs.design/host").PropDefinition<string>;
+  readonly variant: import("@jigs.design/host").PropDefinition<"outline" | "soft">;
+}>, import("@jigs.design/host").ComponentDefinition<"numberField", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly disabled: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly label: import("@jigs.design/host").PropDefinition<string>;
+  readonly max: import("@jigs.design/host").PropDefinition<number>;
+  readonly min: import("@jigs.design/host").PropDefinition<number>;
+  readonly onChange: import("@jigs.design/host").PropDefinition<(values_0: number) => void>;
+  readonly step: import("@jigs.design/host").PropDefinition<number>;
+  readonly value: import("@jigs.design/host").PropDefinition<number>;
+}>, import("@jigs.design/host").ComponentDefinition<"select", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly disabled: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly label: import("@jigs.design/host").PropDefinition<string>;
+  readonly block: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly clearable: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly onChange: import("@jigs.design/host").PropDefinition<(values_0: string) => void>;
+  readonly options: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly pill: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly placeholder: import("@jigs.design/host").PropDefinition<string>;
+  readonly size: import("@jigs.design/host").PropDefinition<"2xl" | "2xs" | "3xl" | "3xs" | "lg" | "md" | "sm" | "xl" | "xs">;
+  readonly value: import("@jigs.design/host").PropDefinition<string>;
+  readonly variant: import("@jigs.design/host").PropDefinition<"ghost" | "outline" | "soft" | "solid">;
+}>, import("@jigs.design/host").ComponentDefinition<"checkbox", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly disabled: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly checked: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly label: import("@jigs.design/host").PropDefinition<string>;
+  readonly onChange: import("@jigs.design/host").PropDefinition<(values_0: boolean) => void>;
+}>, import("@jigs.design/host").ComponentDefinition<"radioGroup", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly disabled: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly label: import("@jigs.design/host").PropDefinition<string>;
+  readonly direction: import("@jigs.design/host").PropDefinition<"col" | "row">;
+  readonly onChange: import("@jigs.design/host").PropDefinition<(values_0: string) => void>;
+  readonly options: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly value: import("@jigs.design/host").PropDefinition<string>;
+}>, import("@jigs.design/host").ComponentDefinition<"datePicker", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly disabled: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly label: import("@jigs.design/host").PropDefinition<string>;
+  readonly clearable: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly max: import("@jigs.design/host").PropDefinition<string>;
+  readonly min: import("@jigs.design/host").PropDefinition<string>;
+  readonly onChange: import("@jigs.design/host").PropDefinition<(values_0: string) => void>;
+  readonly placeholder: import("@jigs.design/host").PropDefinition<string>;
+  readonly value: import("@jigs.design/host").PropDefinition<string>;
+}>, import("@jigs.design/host").ComponentDefinition<"listView", {
+  readonly limit: import("@jigs.design/host").PropDefinition<number>;
+}>, import("@jigs.design/host").ComponentDefinition<"listViewItem", {
+  readonly align: import("@jigs.design/host").PropDefinition<"baseline" | "center" | "end" | "start" | "stretch">;
+  readonly gap: import("@jigs.design/host").PropDefinition<number>;
+  readonly onClick: import("@jigs.design/host").PropDefinition<() => void>;
+}>, import("@jigs.design/host").ComponentDefinition<"chart", {
+  readonly currency: import("@jigs.design/host").PropDefinition<string>;
+  readonly format: import("@jigs.design/host").PropDefinition<"compact" | "currency" | "number" | "percent">;
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly data: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly height: import("@jigs.design/host").PropDefinition<number>;
+  readonly horizontal: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly referenceLines: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly series: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly showLegend: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly showTooltip: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly showYAxis: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly x: import("@jigs.design/host").PropDefinition<string>;
+}>, import("@jigs.design/host").ComponentDefinition<"pieChart", {
+  readonly currency: import("@jigs.design/host").PropDefinition<string>;
+  readonly format: import("@jigs.design/host").PropDefinition<"compact" | "currency" | "number" | "percent">;
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly data: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly height: import("@jigs.design/host").PropDefinition<number>;
+  readonly nameKey: import("@jigs.design/host").PropDefinition<string>;
+  readonly type: import("@jigs.design/host").PropDefinition<"donut" | "funnel" | "pie" | "treemap">;
+  readonly valueKey: import("@jigs.design/host").PropDefinition<string>;
+}>, import("@jigs.design/host").ComponentDefinition<"scatterChart", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly color: import("@jigs.design/host").PropDefinition<"blue" | "green" | "orange" | "pink" | "purple" | "red" | "yellow">;
+  readonly data: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly group: import("@jigs.design/host").PropDefinition<string>;
+  readonly height: import("@jigs.design/host").PropDefinition<number>;
+  readonly size: import("@jigs.design/host").PropDefinition<string>;
+  readonly x: import("@jigs.design/host").PropDefinition<string>;
+  readonly xLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly y: import("@jigs.design/host").PropDefinition<string>;
+  readonly yLabel: import("@jigs.design/host").PropDefinition<string>;
+}>, import("@jigs.design/host").ComponentDefinition<"radarChart", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly data: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly height: import("@jigs.design/host").PropDefinition<number>;
+  readonly series: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly x: import("@jigs.design/host").PropDefinition<string>;
+}>, import("@jigs.design/host").ComponentDefinition<"sparkline", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly color: import("@jigs.design/host").PropDefinition<"blue" | "green" | "orange" | "pink" | "purple" | "red" | "yellow">;
+  readonly data: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly dataKey: import("@jigs.design/host").PropDefinition<string>;
+  readonly height: import("@jigs.design/host").PropDefinition<number>;
+  readonly type: import("@jigs.design/host").PropDefinition<"area" | "bar" | "line">;
+  readonly width: import("@jigs.design/host").PropDefinition<number>;
+}>, import("@jigs.design/host").ComponentDefinition<"progress", {
+  readonly ariaLabel: import("@jigs.design/host").PropDefinition<string>;
+  readonly color: import("@jigs.design/host").PropDefinition<"blue" | "green" | "orange" | "pink" | "purple" | "red" | "yellow">;
+  readonly label: import("@jigs.design/host").PropDefinition<string>;
+  readonly max: import("@jigs.design/host").PropDefinition<number>;
+  readonly ring: import("@jigs.design/host").PropDefinition<boolean>;
+  readonly size: import("@jigs.design/host").PropDefinition<"lg" | "md" | "sm">;
+  readonly value: import("@jigs.design/host").PropDefinition<number>;
+  readonly valueLabel: import("@jigs.design/host").PropDefinition<string>;
+}>, import("@jigs.design/host").ComponentDefinition<"table", {
+  readonly columns: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+  readonly data: import("@jigs.design/host").PropDefinition<readonly Readonly<Record<string, string | number | boolean | null>>[]>;
+}>]>;
+export type DefaultCatalog = typeof catalog;
+//#endregion