@contractspec/lib.design-system 1.46.1 → 1.47.0

package/dist/components/atoms/Cta.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cta.js","names":["handleClick: React.MouseEventHandler<\n      HTMLButtonElement | HTMLAnchorElement\n    >"],"sources":["../../../src/components/atoms/Cta.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from './Button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ButtonLink } from './ButtonLink';\n\nconst _ctaVariants = cva('', {\n  variants: {\n    size: { sm: 'sm', md: 'md', lg: 'lg', touch: 'touch' },\n    emphasis: { default: 'default', subtle: 'secondary', strong: 'default' },\n  },\n  defaultVariants: { size: 'touch', emphasis: 'default' },\n});\n\nexport type CtaProps = ButtonProps &\n  VariantProps<typeof _ctaVariants> & {\n    capture?: (cta: string) => void;\n    ctaName?: string;\n    as?: 'button' | 'a';\n    href?: string;\n    children?: React.ReactNode;\n  };\n\nexport const Cta = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  CtaProps\n>(\n  (\n    {\n      capture,\n      ctaName,\n      as = 'button',\n      href,\n      onClick,\n      size = 'touch',\n      emphasis = 'default',\n      children,\n      ...props\n    },\n    _ref\n  ) => {\n    const handleClick: React.MouseEventHandler<\n      HTMLButtonElement | HTMLAnchorElement\n    > = (e) => {\n      if (ctaName) {\n        try {\n          if (capture) capture(ctaName);\n          // Optional PostHog fallback if present globally\n          const ph = (globalThis as unknown as { posthog?: unknown }).posthog;\n          if (\n            ph &&\n            typeof (ph as { capture?: unknown }).capture === 'function'\n          ) {\n            (\n              ph as {\n                capture: (\n                  event: string,\n                  props?: Record<string, unknown>\n                ) => void;\n              }\n            ).capture('cta_click', { cta: ctaName });\n          }\n        } catch {\n          /* noop */\n        }\n      }\n      onClick?.(e as unknown as React.MouseEvent<HTMLButtonElement>);\n    };\n\n    const uiSize = size as ButtonProps['size'];\n    const uiVariant = (\n      emphasis === 'subtle' ? 'secondary' : 'default'\n    ) as ButtonProps['variant'];\n\n    if (as === 'a') {\n      return (\n        <ButtonLink\n          size={uiSize}\n          variant={uiVariant}\n          {...props}\n          href={href}\n          onClick={\n            handleClick as unknown as React.MouseEventHandler<HTMLAnchorElement>\n          }\n        >\n          {children}\n        </ButtonLink>\n      );\n    }\n\n    return (\n      <Button\n        size={uiSize}\n        variant={uiVariant}\n        onClick={\n          handleClick as unknown as React.MouseEventHandler<HTMLButtonElement>\n        }\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  }\n);\nCta.displayName = 'Cta';\n"],"mappings":";;;;;;;AAKqB,IAAI,IAAI;CAC3B,UAAU;EACR,MAAM;GAAE,IAAI;GAAM,IAAI;GAAM,IAAI;GAAM,OAAO;GAAS;EACtD,UAAU;GAAE,SAAS;GAAW,QAAQ;GAAa,QAAQ;GAAW;EACzE;CACD,iBAAiB;EAAE,MAAM;EAAS,UAAU;EAAW;CACxD,CAAC;AAWF,MAAa,MAAM,MAAM,YAKrB,EACE,SACA,SACA,KAAK,UACL,MACA,SACA,OAAO,SACP,WAAW,WACX,UACA,GAAG,SAEL,SACG;CACH,MAAMA,eAED,MAAM;AACT,MAAI,QACF,KAAI;AACF,OAAI,QAAS,SAAQ,QAAQ;GAE7B,MAAM,KAAM,WAAgD;AAC5D,OACE,MACA,OAAQ,GAA6B,YAAY,WAEjD,CACE,GAMA,QAAQ,aAAa,EAAE,KAAK,SAAS,CAAC;UAEpC;AAIV,YAAU,EAAoD;;CAGhE,MAAM,SAAS;CACf,MAAM,YACJ,aAAa,WAAW,cAAc;AAGxC,KAAI,OAAO,IACT,QACE,oBAAC;EACC,MAAM;EACN,SAAS;EACT,GAAI;EACE;EACN,SACE;EAGD;GACU;AAIjB,QACE,oBAAC;EACC,MAAM;EACN,SAAS;EACT,SACE;EAEF,GAAI;EAEH;GACM;EAGd;AACD,IAAI,cAAc"}
+{"version":3,"file":"Cta.js","names":[],"sources":["../../../src/components/atoms/Cta.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from './Button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ButtonLink } from './ButtonLink';\n\nconst _ctaVariants = cva('', {\n  variants: {\n    size: { sm: 'sm', md: 'md', lg: 'lg', touch: 'touch' },\n    emphasis: { default: 'default', subtle: 'secondary', strong: 'default' },\n  },\n  defaultVariants: { size: 'touch', emphasis: 'default' },\n});\n\nexport type CtaProps = ButtonProps &\n  VariantProps<typeof _ctaVariants> & {\n    capture?: (cta: string) => void;\n    ctaName?: string;\n    as?: 'button' | 'a';\n    href?: string;\n    children?: React.ReactNode;\n  };\n\nexport const Cta = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  CtaProps\n>(\n  (\n    {\n      capture,\n      ctaName,\n      as = 'button',\n      href,\n      onClick,\n      size = 'touch',\n      emphasis = 'default',\n      children,\n      ...props\n    },\n    _ref\n  ) => {\n    const handleClick: React.MouseEventHandler<\n      HTMLButtonElement | HTMLAnchorElement\n    > = (e) => {\n      if (ctaName) {\n        try {\n          if (capture) capture(ctaName);\n          // Optional PostHog fallback if present globally\n          const ph = (globalThis as unknown as { posthog?: unknown }).posthog;\n          if (\n            ph &&\n            typeof (ph as { capture?: unknown }).capture === 'function'\n          ) {\n            (\n              ph as {\n                capture: (\n                  event: string,\n                  props?: Record<string, unknown>\n                ) => void;\n              }\n            ).capture('cta_click', { cta: ctaName });\n          }\n        } catch {\n          /* noop */\n        }\n      }\n      onClick?.(e as unknown as React.MouseEvent<HTMLButtonElement>);\n    };\n\n    const uiSize = size as ButtonProps['size'];\n    const uiVariant = (\n      emphasis === 'subtle' ? 'secondary' : 'default'\n    ) as ButtonProps['variant'];\n\n    if (as === 'a') {\n      return (\n        <ButtonLink\n          size={uiSize}\n          variant={uiVariant}\n          {...props}\n          href={href}\n          onClick={\n            handleClick as unknown as React.MouseEventHandler<HTMLAnchorElement>\n          }\n        >\n          {children}\n        </ButtonLink>\n      );\n    }\n\n    return (\n      <Button\n        size={uiSize}\n        variant={uiVariant}\n        onClick={\n          handleClick as unknown as React.MouseEventHandler<HTMLButtonElement>\n        }\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  }\n);\nCta.displayName = 'Cta';\n"],"mappings":";;;;;;;AAKqB,IAAI,IAAI;CAC3B,UAAU;EACR,MAAM;GAAE,IAAI;GAAM,IAAI;GAAM,IAAI;GAAM,OAAO;GAAS;EACtD,UAAU;GAAE,SAAS;GAAW,QAAQ;GAAa,QAAQ;GAAW;EACzE;CACD,iBAAiB;EAAE,MAAM;EAAS,UAAU;EAAW;CACxD,CAAC;AAWF,MAAa,MAAM,MAAM,YAKrB,EACE,SACA,SACA,KAAK,UACL,MACA,SACA,OAAO,SACP,WAAW,WACX,UACA,GAAG,SAEL,SACG;CACH,MAAM,eAED,MAAM;AACT,MAAI,QACF,KAAI;AACF,OAAI,QAAS,SAAQ,QAAQ;GAE7B,MAAM,KAAM,WAAgD;AAC5D,OACE,MACA,OAAQ,GAA6B,YAAY,WAEjD,CACE,GAMA,QAAQ,aAAa,EAAE,KAAK,SAAS,CAAC;UAEpC;AAIV,YAAU,EAAoD;;CAGhE,MAAM,SAAS;CACf,MAAM,YACJ,aAAa,WAAW,cAAc;AAGxC,KAAI,OAAO,IACT,QACE,oBAAC;EACC,MAAM;EACN,SAAS;EACT,GAAI;EACE;EACN,SACE;EAGD;GACU;AAIjB,QACE,oBAAC;EACC,MAAM;EACN,SAAS;EACT,SACE;EAEF,GAAI;EAEH;GACM;EAGd;AACD,IAAI,cAAc"}

package/dist/components/atoms/ErrorState.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime74 from "react/jsx-runtime";
+import * as react_jsx_runtime75 from "react/jsx-runtime";
 
 //#region src/components/atoms/ErrorState.d.ts
 interface ErrorStateProps {
@@ -23,7 +23,7 @@ declare function ErrorState({
   onContactSupport,
   supportLabel,
   className
-}: ErrorStateProps): react_jsx_runtime74.JSX.Element;
+}: ErrorStateProps): react_jsx_runtime75.JSX.Element;
 //#endregion
 export { ErrorState };
 //# sourceMappingURL=ErrorState.d.ts.map

package/dist/components/atoms/LoaderCircular.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime72 from "react/jsx-runtime";
+import * as react_jsx_runtime73 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types14 from "class-variance-authority/types";
 
@@ -17,7 +17,7 @@ declare function LoaderCircular({
   label,
   className,
   ...props
-}: LoaderCircularProps): react_jsx_runtime72.JSX.Element;
+}: LoaderCircularProps): react_jsx_runtime73.JSX.Element;
 //#endregion
 export { LoaderCircular };
 //# sourceMappingURL=LoaderCircular.d.ts.map

package/dist/components/atoms/NavBrand.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 
 //#region src/components/atoms/NavBrand.d.ts
 interface NavBrandProps {
@@ -13,7 +13,7 @@ declare function NavBrand({
   logo,
   title,
   className
-}: NavBrandProps): react_jsx_runtime42.JSX.Element;
+}: NavBrandProps): react_jsx_runtime43.JSX.Element;
 //#endregion
 export { NavBrand };
 //# sourceMappingURL=NavBrand.d.ts.map

package/dist/components/data-view/DataViewDetail.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime107 from "react/jsx-runtime";
+import * as react_jsx_runtime108 from "react/jsx-runtime";
 import { DataViewSpec } from "@contractspec/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewDetail.d.ts
@@ -16,7 +16,7 @@ declare function DataViewDetail({
   className,
   emptyState,
   headerActions
-}: DataViewDetailProps): react_jsx_runtime107.JSX.Element;
+}: DataViewDetailProps): react_jsx_runtime108.JSX.Element;
 //#endregion
 export { DataViewDetail };
 //# sourceMappingURL=DataViewDetail.d.ts.map

package/dist/components/data-view/DataViewList.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime105 from "react/jsx-runtime";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
 import { DataViewSpec } from "@contractspec/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewList.d.ts
@@ -18,7 +18,7 @@ declare function DataViewList({
   renderActions,
   onSelect,
   emptyState
-}: DataViewListProps): react_jsx_runtime105.JSX.Element;
+}: DataViewListProps): react_jsx_runtime106.JSX.Element;
 //#endregion
 export { DataViewList };
 //# sourceMappingURL=DataViewList.d.ts.map

package/dist/components/data-view/DataViewRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataViewRenderer.js","names":["listView: DataViewListConfig"],"sources":["../../../src/components/data-view/DataViewRenderer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  DataViewGridConfig,\n  DataViewListConfig,\n  DataViewSpec,\n} from '@contractspec/lib.contracts/data-views';\nimport { DataViewList } from './DataViewList';\nimport { DataViewTable } from './DataViewTable';\nimport { DataViewDetail } from './DataViewDetail';\nimport { FiltersToolbar } from '../molecules/FiltersToolbar';\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from '@contractspec/lib.ui-kit-web/ui/pagination';\n\nexport interface DataViewRendererProps {\n  spec: DataViewSpec;\n  items?: Record<string, unknown>[];\n  item?: Record<string, unknown> | null;\n  className?: string;\n  renderActions?: (item: Record<string, unknown>) => React.ReactNode;\n  onSelect?: (item: Record<string, unknown>) => void;\n  onRowClick?: (item: Record<string, unknown>) => void;\n  headerActions?: React.ReactNode;\n  emptyState?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  // Filters & Search\n  search?: string;\n  onSearchChange?: (value: string) => void;\n  filters?: Record<string, unknown>;\n  onFilterChange?: (filters: Record<string, unknown>) => void;\n\n  // Pagination\n  pagination?: {\n    page: number;\n    pageSize: number;\n    total: number;\n  };\n  onPageChange?: (page: number) => void;\n}\n\nexport function DataViewRenderer({\n  spec,\n  items = [],\n  item = null,\n  className,\n  renderActions,\n  onSelect,\n  onRowClick,\n  headerActions,\n  emptyState,\n  footer,\n  search,\n  onSearchChange,\n  filters,\n  onFilterChange,\n  pagination,\n  onPageChange,\n}: DataViewRendererProps) {\n  const viewContent = React.useMemo(() => {\n    switch (spec.view.kind) {\n      case 'list':\n        return (\n          <DataViewList\n            spec={spec}\n            items={items}\n            className={className}\n            renderActions={renderActions}\n            onSelect={onSelect}\n            emptyState={emptyState}\n          />\n        );\n      case 'table':\n        return (\n          <DataViewTable\n            spec={spec}\n            items={items}\n            className={className}\n            onRowClick={onRowClick}\n            emptyState={emptyState}\n            headerActions={headerActions}\n            footer={footer}\n          />\n        );\n      case 'detail':\n        return (\n          <DataViewDetail\n            spec={spec}\n            item={item}\n            className={className}\n            emptyState={emptyState}\n            headerActions={headerActions}\n          />\n        );\n      case 'grid': {\n        const grid = spec.view as DataViewGridConfig;\n        const listView: DataViewListConfig = {\n          kind: 'list',\n          layout: 'card',\n          fields: grid.fields,\n          filters: grid.filters,\n          actions: grid.actions,\n          primaryField: grid.primaryField,\n          secondaryFields: grid.secondaryFields,\n        };\n        const listSpec = {\n          ...spec,\n          view: listView,\n        } satisfies DataViewSpec;\n        return (\n          <DataViewList\n            spec={listSpec}\n            items={items}\n            className={className}\n            renderActions={renderActions}\n            onSelect={onSelect}\n            emptyState={emptyState}\n          />\n        );\n      }\n      default:\n        return <div className={className}>Unsupported data view kind</div>;\n    }\n  }, [\n    spec,\n    items,\n    item,\n    className,\n    renderActions,\n    onSelect,\n    onRowClick,\n    headerActions,\n    emptyState,\n    footer,\n  ]);\n\n  // Only render toolbar/pagination if it's a collection view\n  const isCollection =\n    spec.view.kind === 'list' ||\n    spec.view.kind === 'table' ||\n    spec.view.kind === 'grid';\n\n  if (!isCollection) {\n    return <>{viewContent}</>;\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {(spec.view.filters?.length || onSearchChange) && (\n        <FiltersToolbar\n          searchValue={search}\n          onSearchChange={onSearchChange}\n          searchPlaceholder=\"Search...\"\n          activeChips={\n            filters\n              ? Object.entries(filters).map(([key, value]) => ({\n                  key,\n                  label: `${key}: ${value}`,\n                  onRemove: () => {\n                    if (filters) {\n                      const { [key]: _, ...rest } = filters;\n                      onFilterChange?.(rest);\n                    }\n                  },\n                }))\n              : []\n          }\n          onClearAll={\n            filters && Object.keys(filters).length > 0\n              ? () => onFilterChange?.({})\n              : undefined\n          }\n          right={headerActions}\n        >\n          {/* Render filter dropdowns here if needed */}\n        </FiltersToolbar>\n      )}\n\n      {viewContent}\n\n      {pagination && pagination.total > 0 && (\n        <div className=\"py-4\">\n          <Pagination>\n            <PaginationContent>\n              <PaginationItem>\n                <PaginationPrevious\n                  href=\"#\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    if (pagination.page > 1) {\n                      onPageChange?.(pagination.page - 1);\n                    }\n                  }}\n                  aria-disabled={pagination.page <= 1}\n                  className={\n                    pagination.page <= 1 ? 'pointer-events-none opacity-50' : ''\n                  }\n                />\n              </PaginationItem>\n\n              {/* Simplified pagination: show current page */}\n              <PaginationItem>\n                <PaginationLink href=\"#\" isActive>\n                  {pagination.page}\n                </PaginationLink>\n              </PaginationItem>\n\n              <PaginationItem>\n                <PaginationNext\n                  href=\"#\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    const totalPages = Math.ceil(\n                      pagination.total / pagination.pageSize\n                    );\n                    if (pagination.page < totalPages) {\n                      onPageChange?.(pagination.page + 1);\n                    }\n                  }}\n                  aria-disabled={\n                    pagination.page >=\n                    Math.ceil(pagination.total / pagination.pageSize)\n                  }\n                  className={\n                    pagination.page >=\n                    Math.ceil(pagination.total / pagination.pageSize)\n                      ? 'pointer-events-none opacity-50'\n                      : ''\n                  }\n                />\n              </PaginationItem>\n            </PaginationContent>\n          </Pagination>\n          <div className=\"text-muted-foreground mt-2 text-center text-sm\">\n            Page {pagination.page} of{' '}\n            {Math.ceil(pagination.total / pagination.pageSize)} (\n            {pagination.total} items)\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAgDA,SAAgB,iBAAiB,EAC/B,MACA,QAAQ,EAAE,EACV,OAAO,MACP,WACA,eACA,UACA,YACA,eACA,YACA,QACA,QACA,gBACA,SACA,gBACA,YACA,gBACwB;CACxB,MAAM,cAAc,MAAM,cAAc;AACtC,UAAQ,KAAK,KAAK,MAAlB;GACE,KAAK,OACH,QACE,oBAAC;IACO;IACC;IACI;IACI;IACL;IACE;KACZ;GAEN,KAAK,QACH,QACE,oBAAC;IACO;IACC;IACI;IACC;IACA;IACG;IACP;KACR;GAEN,KAAK,SACH,QACE,oBAAC;IACO;IACA;IACK;IACC;IACG;KACf;GAEN,KAAK,QAAQ;IACX,MAAM,OAAO,KAAK;IAClB,MAAMA,WAA+B;KACnC,MAAM;KACN,QAAQ;KACR,QAAQ,KAAK;KACb,SAAS,KAAK;KACd,SAAS,KAAK;KACd,cAAc,KAAK;KACnB,iBAAiB,KAAK;KACvB;AAKD,WACE,oBAAC;KACC,MANa;MACf,GAAG;MACH,MAAM;MACP;KAIU;KACI;KACI;KACL;KACE;MACZ;;GAGN,QACE,QAAO,oBAAC;IAAe;cAAW;KAAgC;;IAErE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAQF,KAAI,EAJF,KAAK,KAAK,SAAS,UACnB,KAAK,KAAK,SAAS,WACnB,KAAK,KAAK,SAAS,QAGnB,QAAO,0CAAG,cAAe;AAG3B,QACE,qBAAC;EAAI,WAAU;;IACX,KAAK,KAAK,SAAS,UAAU,mBAC7B,oBAAC;IACC,aAAa;IACG;IAChB,mBAAkB;IAClB,aACE,UACI,OAAO,QAAQ,QAAQ,CAAC,KAAK,CAAC,KAAK,YAAY;KAC7C;KACA,OAAO,GAAG,IAAI,IAAI;KAClB,gBAAgB;AACd,UAAI,SAAS;OACX,MAAM,GAAG,MAAM,GAAG,GAAG,SAAS;AAC9B,wBAAiB,KAAK;;;KAG3B,EAAE,GACH,EAAE;IAER,YACE,WAAW,OAAO,KAAK,QAAQ,CAAC,SAAS,UAC/B,iBAAiB,EAAE,CAAC,GAC1B;IAEN,OAAO;KAGQ;GAGlB;GAEA,cAAc,WAAW,QAAQ,KAChC,qBAAC;IAAI,WAAU;eACb,oBAAC,wBACC,qBAAC;KACC,oBAAC,4BACC,oBAAC;MACC,MAAK;MACL,UAAU,MAAM;AACd,SAAE,gBAAgB;AAClB,WAAI,WAAW,OAAO,EACpB,gBAAe,WAAW,OAAO,EAAE;;MAGvC,iBAAe,WAAW,QAAQ;MAClC,WACE,WAAW,QAAQ,IAAI,mCAAmC;OAE5D,GACa;KAGjB,oBAAC,4BACC,oBAAC;MAAe,MAAK;MAAI;gBACtB,WAAW;OACG,GACF;KAEjB,oBAAC,4BACC,oBAAC;MACC,MAAK;MACL,UAAU,MAAM;AACd,SAAE,gBAAgB;OAClB,MAAM,aAAa,KAAK,KACtB,WAAW,QAAQ,WAAW,SAC/B;AACD,WAAI,WAAW,OAAO,WACpB,gBAAe,WAAW,OAAO,EAAE;;MAGvC,iBACE,WAAW,QACX,KAAK,KAAK,WAAW,QAAQ,WAAW,SAAS;MAEnD,WACE,WAAW,QACX,KAAK,KAAK,WAAW,QAAQ,WAAW,SAAS,GAC7C,mCACA;OAEN,GACa;QACC,GACT,EACb,qBAAC;KAAI,WAAU;;MAAiD;MACxD,WAAW;MAAK;MAAI;MACzB,KAAK,KAAK,WAAW,QAAQ,WAAW,SAAS;MAAC;MAClD,WAAW;MAAM;;MACd;KACF;;GAEJ"}
+{"version":3,"file":"DataViewRenderer.js","names":[],"sources":["../../../src/components/data-view/DataViewRenderer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  DataViewGridConfig,\n  DataViewListConfig,\n  DataViewSpec,\n} from '@contractspec/lib.contracts/data-views';\nimport { DataViewList } from './DataViewList';\nimport { DataViewTable } from './DataViewTable';\nimport { DataViewDetail } from './DataViewDetail';\nimport { FiltersToolbar } from '../molecules/FiltersToolbar';\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from '@contractspec/lib.ui-kit-web/ui/pagination';\n\nexport interface DataViewRendererProps {\n  spec: DataViewSpec;\n  items?: Record<string, unknown>[];\n  item?: Record<string, unknown> | null;\n  className?: string;\n  renderActions?: (item: Record<string, unknown>) => React.ReactNode;\n  onSelect?: (item: Record<string, unknown>) => void;\n  onRowClick?: (item: Record<string, unknown>) => void;\n  headerActions?: React.ReactNode;\n  emptyState?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  // Filters & Search\n  search?: string;\n  onSearchChange?: (value: string) => void;\n  filters?: Record<string, unknown>;\n  onFilterChange?: (filters: Record<string, unknown>) => void;\n\n  // Pagination\n  pagination?: {\n    page: number;\n    pageSize: number;\n    total: number;\n  };\n  onPageChange?: (page: number) => void;\n}\n\nexport function DataViewRenderer({\n  spec,\n  items = [],\n  item = null,\n  className,\n  renderActions,\n  onSelect,\n  onRowClick,\n  headerActions,\n  emptyState,\n  footer,\n  search,\n  onSearchChange,\n  filters,\n  onFilterChange,\n  pagination,\n  onPageChange,\n}: DataViewRendererProps) {\n  const viewContent = React.useMemo(() => {\n    switch (spec.view.kind) {\n      case 'list':\n        return (\n          <DataViewList\n            spec={spec}\n            items={items}\n            className={className}\n            renderActions={renderActions}\n            onSelect={onSelect}\n            emptyState={emptyState}\n          />\n        );\n      case 'table':\n        return (\n          <DataViewTable\n            spec={spec}\n            items={items}\n            className={className}\n            onRowClick={onRowClick}\n            emptyState={emptyState}\n            headerActions={headerActions}\n            footer={footer}\n          />\n        );\n      case 'detail':\n        return (\n          <DataViewDetail\n            spec={spec}\n            item={item}\n            className={className}\n            emptyState={emptyState}\n            headerActions={headerActions}\n          />\n        );\n      case 'grid': {\n        const grid = spec.view as DataViewGridConfig;\n        const listView: DataViewListConfig = {\n          kind: 'list',\n          layout: 'card',\n          fields: grid.fields,\n          filters: grid.filters,\n          actions: grid.actions,\n          primaryField: grid.primaryField,\n          secondaryFields: grid.secondaryFields,\n        };\n        const listSpec = {\n          ...spec,\n          view: listView,\n        } satisfies DataViewSpec;\n        return (\n          <DataViewList\n            spec={listSpec}\n            items={items}\n            className={className}\n            renderActions={renderActions}\n            onSelect={onSelect}\n            emptyState={emptyState}\n          />\n        );\n      }\n      default:\n        return <div className={className}>Unsupported data view kind</div>;\n    }\n  }, [\n    spec,\n    items,\n    item,\n    className,\n    renderActions,\n    onSelect,\n    onRowClick,\n    headerActions,\n    emptyState,\n    footer,\n  ]);\n\n  // Only render toolbar/pagination if it's a collection view\n  const isCollection =\n    spec.view.kind === 'list' ||\n    spec.view.kind === 'table' ||\n    spec.view.kind === 'grid';\n\n  if (!isCollection) {\n    return <>{viewContent}</>;\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {(spec.view.filters?.length || onSearchChange) && (\n        <FiltersToolbar\n          searchValue={search}\n          onSearchChange={onSearchChange}\n          searchPlaceholder=\"Search...\"\n          activeChips={\n            filters\n              ? Object.entries(filters).map(([key, value]) => ({\n                  key,\n                  label: `${key}: ${value}`,\n                  onRemove: () => {\n                    if (filters) {\n                      const { [key]: _, ...rest } = filters;\n                      onFilterChange?.(rest);\n                    }\n                  },\n                }))\n              : []\n          }\n          onClearAll={\n            filters && Object.keys(filters).length > 0\n              ? () => onFilterChange?.({})\n              : undefined\n          }\n          right={headerActions}\n        >\n          {/* Render filter dropdowns here if needed */}\n        </FiltersToolbar>\n      )}\n\n      {viewContent}\n\n      {pagination && pagination.total > 0 && (\n        <div className=\"py-4\">\n          <Pagination>\n            <PaginationContent>\n              <PaginationItem>\n                <PaginationPrevious\n                  href=\"#\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    if (pagination.page > 1) {\n                      onPageChange?.(pagination.page - 1);\n                    }\n                  }}\n                  aria-disabled={pagination.page <= 1}\n                  className={\n                    pagination.page <= 1 ? 'pointer-events-none opacity-50' : ''\n                  }\n                />\n              </PaginationItem>\n\n              {/* Simplified pagination: show current page */}\n              <PaginationItem>\n                <PaginationLink href=\"#\" isActive>\n                  {pagination.page}\n                </PaginationLink>\n              </PaginationItem>\n\n              <PaginationItem>\n                <PaginationNext\n                  href=\"#\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    const totalPages = Math.ceil(\n                      pagination.total / pagination.pageSize\n                    );\n                    if (pagination.page < totalPages) {\n                      onPageChange?.(pagination.page + 1);\n                    }\n                  }}\n                  aria-disabled={\n                    pagination.page >=\n                    Math.ceil(pagination.total / pagination.pageSize)\n                  }\n                  className={\n                    pagination.page >=\n                    Math.ceil(pagination.total / pagination.pageSize)\n                      ? 'pointer-events-none opacity-50'\n                      : ''\n                  }\n                />\n              </PaginationItem>\n            </PaginationContent>\n          </Pagination>\n          <div className=\"text-muted-foreground mt-2 text-center text-sm\">\n            Page {pagination.page} of{' '}\n            {Math.ceil(pagination.total / pagination.pageSize)} (\n            {pagination.total} items)\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAgDA,SAAgB,iBAAiB,EAC/B,MACA,QAAQ,EAAE,EACV,OAAO,MACP,WACA,eACA,UACA,YACA,eACA,YACA,QACA,QACA,gBACA,SACA,gBACA,YACA,gBACwB;CACxB,MAAM,cAAc,MAAM,cAAc;AACtC,UAAQ,KAAK,KAAK,MAAlB;GACE,KAAK,OACH,QACE,oBAAC;IACO;IACC;IACI;IACI;IACL;IACE;KACZ;GAEN,KAAK,QACH,QACE,oBAAC;IACO;IACC;IACI;IACC;IACA;IACG;IACP;KACR;GAEN,KAAK,SACH,QACE,oBAAC;IACO;IACA;IACK;IACC;IACG;KACf;GAEN,KAAK,QAAQ;IACX,MAAM,OAAO,KAAK;IAClB,MAAM,WAA+B;KACnC,MAAM;KACN,QAAQ;KACR,QAAQ,KAAK;KACb,SAAS,KAAK;KACd,SAAS,KAAK;KACd,cAAc,KAAK;KACnB,iBAAiB,KAAK;KACvB;AAKD,WACE,oBAAC;KACC,MANa;MACf,GAAG;MACH,MAAM;MACP;KAIU;KACI;KACI;KACL;KACE;MACZ;;GAGN,QACE,QAAO,oBAAC;IAAe;cAAW;KAAgC;;IAErE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAQF,KAAI,EAJF,KAAK,KAAK,SAAS,UACnB,KAAK,KAAK,SAAS,WACnB,KAAK,KAAK,SAAS,QAGnB,QAAO,0CAAG,cAAe;AAG3B,QACE,qBAAC;EAAI,WAAU;;IACX,KAAK,KAAK,SAAS,UAAU,mBAC7B,oBAAC;IACC,aAAa;IACG;IAChB,mBAAkB;IAClB,aACE,UACI,OAAO,QAAQ,QAAQ,CAAC,KAAK,CAAC,KAAK,YAAY;KAC7C;KACA,OAAO,GAAG,IAAI,IAAI;KAClB,gBAAgB;AACd,UAAI,SAAS;OACX,MAAM,GAAG,MAAM,GAAG,GAAG,SAAS;AAC9B,wBAAiB,KAAK;;;KAG3B,EAAE,GACH,EAAE;IAER,YACE,WAAW,OAAO,KAAK,QAAQ,CAAC,SAAS,UAC/B,iBAAiB,EAAE,CAAC,GAC1B;IAEN,OAAO;KAGQ;GAGlB;GAEA,cAAc,WAAW,QAAQ,KAChC,qBAAC;IAAI,WAAU;eACb,oBAAC,wBACC,qBAAC;KACC,oBAAC,4BACC,oBAAC;MACC,MAAK;MACL,UAAU,MAAM;AACd,SAAE,gBAAgB;AAClB,WAAI,WAAW,OAAO,EACpB,gBAAe,WAAW,OAAO,EAAE;;MAGvC,iBAAe,WAAW,QAAQ;MAClC,WACE,WAAW,QAAQ,IAAI,mCAAmC;OAE5D,GACa;KAGjB,oBAAC,4BACC,oBAAC;MAAe,MAAK;MAAI;gBACtB,WAAW;OACG,GACF;KAEjB,oBAAC,4BACC,oBAAC;MACC,MAAK;MACL,UAAU,MAAM;AACd,SAAE,gBAAgB;OAClB,MAAM,aAAa,KAAK,KACtB,WAAW,QAAQ,WAAW,SAC/B;AACD,WAAI,WAAW,OAAO,WACpB,gBAAe,WAAW,OAAO,EAAE;;MAGvC,iBACE,WAAW,QACX,KAAK,KAAK,WAAW,QAAQ,WAAW,SAAS;MAEnD,WACE,WAAW,QACX,KAAK,KAAK,WAAW,QAAQ,WAAW,SAAS,GAC7C,mCACA;OAEN,GACa;QACC,GACT,EACb,qBAAC;KAAI,WAAU;;MAAiD;MACxD,WAAW;MAAK;MAAI;MACzB,KAAK,KAAK,WAAW,QAAQ,WAAW,SAAS;MAAC;MAClD,WAAW;MAAM;;MACd;KACF;;GAEJ"}

package/dist/components/data-view/DataViewTable.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime106 from "react/jsx-runtime";
+import * as react_jsx_runtime107 from "react/jsx-runtime";
 import { DataViewSpec } from "@contractspec/lib.contracts/data-views";
 
 //#region src/components/data-view/DataViewTable.d.ts
@@ -20,7 +20,7 @@ declare function DataViewTable({
   emptyState,
   headerActions,
   footer
-}: DataViewTableProps): react_jsx_runtime106.JSX.Element;
+}: DataViewTableProps): react_jsx_runtime107.JSX.Element;
 //#endregion
 export { DataViewTable };
 //# sourceMappingURL=DataViewTable.d.ts.map

package/dist/components/data-view/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["current: unknown"],"sources":["../../../src/components/data-view/utils.ts"],"sourcesContent":["'use client';\n\nexport function getAtPath(\n  source: Record<string, unknown> | undefined,\n  path: string\n): unknown {\n  if (!source) return undefined;\n  if (!path) return source;\n  const segments = path\n    .replace(/\\[(\\d+)\\]/g, '.$1')\n    .split('.')\n    .filter(Boolean);\n\n  let current: unknown = source;\n  for (const segment of segments) {\n    if (\n      current == null ||\n      (typeof current !== 'object' && !Array.isArray(current))\n    )\n      return undefined;\n    current = (current as Record<string, unknown>)[segment];\n  }\n  return current;\n}\n\nexport function formatValue(value: unknown, format?: string): string {\n  if (value == null) return '';\n  switch (format) {\n    case 'boolean':\n      return value ? 'Yes' : 'No';\n    case 'currency':\n      return typeof value === 'number'\n        ? new Intl.NumberFormat(undefined, {\n            style: 'currency',\n            currency: 'USD',\n          }).format(value)\n        : String(value);\n    case 'percentage':\n      return typeof value === 'number'\n        ? `${(value * 100).toFixed(1)}%`\n        : String(value);\n    case 'date':\n      return formatDate(value, {\n        dateStyle: 'medium',\n      });\n    case 'dateTime':\n      return formatDate(value, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      });\n    default:\n      return String(value);\n  }\n}\n\nfunction formatDate(\n  value: unknown,\n  options: Intl.DateTimeFormatOptions\n): string {\n  if (value instanceof Date) {\n    return new Intl.DateTimeFormat(undefined, options).format(value);\n  }\n  if (typeof value === 'string' || typeof value === 'number') {\n    const date = new Date(value);\n    if (!Number.isNaN(date.getTime())) {\n      return new Intl.DateTimeFormat(undefined, options).format(date);\n    }\n  }\n  return String(value ?? '');\n}\n"],"mappings":";;;AAEA,SAAgB,UACd,QACA,MACS;AACT,KAAI,CAAC,OAAQ,QAAO;AACpB,KAAI,CAAC,KAAM,QAAO;CAClB,MAAM,WAAW,KACd,QAAQ,cAAc,MAAM,CAC5B,MAAM,IAAI,CACV,OAAO,QAAQ;CAElB,IAAIA,UAAmB;AACvB,MAAK,MAAM,WAAW,UAAU;AAC9B,MACE,WAAW,QACV,OAAO,YAAY,YAAY,CAAC,MAAM,QAAQ,QAAQ,CAEvD,QAAO;AACT,YAAW,QAAoC;;AAEjD,QAAO;;AAGT,SAAgB,YAAY,OAAgB,QAAyB;AACnE,KAAI,SAAS,KAAM,QAAO;AAC1B,SAAQ,QAAR;EACE,KAAK,UACH,QAAO,QAAQ,QAAQ;EACzB,KAAK,WACH,QAAO,OAAO,UAAU,WACpB,IAAI,KAAK,aAAa,QAAW;GAC/B,OAAO;GACP,UAAU;GACX,CAAC,CAAC,OAAO,MAAM,GAChB,OAAO,MAAM;EACnB,KAAK,aACH,QAAO,OAAO,UAAU,WACpB,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC,KAC5B,OAAO,MAAM;EACnB,KAAK,OACH,QAAO,WAAW,OAAO,EACvB,WAAW,UACZ,CAAC;EACJ,KAAK,WACH,QAAO,WAAW,OAAO;GACvB,WAAW;GACX,WAAW;GACZ,CAAC;EACJ,QACE,QAAO,OAAO,MAAM;;;AAI1B,SAAS,WACP,OACA,SACQ;AACR,KAAI,iBAAiB,KACnB,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,MAAM;AAElE,KAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;EAC1D,MAAM,OAAO,IAAI,KAAK,MAAM;AAC5B,MAAI,CAAC,OAAO,MAAM,KAAK,SAAS,CAAC,CAC/B,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,KAAK;;AAGnE,QAAO,OAAO,SAAS,GAAG"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/data-view/utils.ts"],"sourcesContent":["'use client';\n\nexport function getAtPath(\n  source: Record<string, unknown> | undefined,\n  path: string\n): unknown {\n  if (!source) return undefined;\n  if (!path) return source;\n  const segments = path\n    .replace(/\\[(\\d+)\\]/g, '.$1')\n    .split('.')\n    .filter(Boolean);\n\n  let current: unknown = source;\n  for (const segment of segments) {\n    if (\n      current == null ||\n      (typeof current !== 'object' && !Array.isArray(current))\n    )\n      return undefined;\n    current = (current as Record<string, unknown>)[segment];\n  }\n  return current;\n}\n\nexport function formatValue(value: unknown, format?: string): string {\n  if (value == null) return '';\n  switch (format) {\n    case 'boolean':\n      return value ? 'Yes' : 'No';\n    case 'currency':\n      return typeof value === 'number'\n        ? new Intl.NumberFormat(undefined, {\n            style: 'currency',\n            currency: 'USD',\n          }).format(value)\n        : String(value);\n    case 'percentage':\n      return typeof value === 'number'\n        ? `${(value * 100).toFixed(1)}%`\n        : String(value);\n    case 'date':\n      return formatDate(value, {\n        dateStyle: 'medium',\n      });\n    case 'dateTime':\n      return formatDate(value, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      });\n    default:\n      return String(value);\n  }\n}\n\nfunction formatDate(\n  value: unknown,\n  options: Intl.DateTimeFormatOptions\n): string {\n  if (value instanceof Date) {\n    return new Intl.DateTimeFormat(undefined, options).format(value);\n  }\n  if (typeof value === 'string' || typeof value === 'number') {\n    const date = new Date(value);\n    if (!Number.isNaN(date.getTime())) {\n      return new Intl.DateTimeFormat(undefined, options).format(date);\n    }\n  }\n  return String(value ?? '');\n}\n"],"mappings":";;;AAEA,SAAgB,UACd,QACA,MACS;AACT,KAAI,CAAC,OAAQ,QAAO;AACpB,KAAI,CAAC,KAAM,QAAO;CAClB,MAAM,WAAW,KACd,QAAQ,cAAc,MAAM,CAC5B,MAAM,IAAI,CACV,OAAO,QAAQ;CAElB,IAAI,UAAmB;AACvB,MAAK,MAAM,WAAW,UAAU;AAC9B,MACE,WAAW,QACV,OAAO,YAAY,YAAY,CAAC,MAAM,QAAQ,QAAQ,CAEvD,QAAO;AACT,YAAW,QAAoC;;AAEjD,QAAO;;AAGT,SAAgB,YAAY,OAAgB,QAAyB;AACnE,KAAI,SAAS,KAAM,QAAO;AAC1B,SAAQ,QAAR;EACE,KAAK,UACH,QAAO,QAAQ,QAAQ;EACzB,KAAK,WACH,QAAO,OAAO,UAAU,WACpB,IAAI,KAAK,aAAa,QAAW;GAC/B,OAAO;GACP,UAAU;GACX,CAAC,CAAC,OAAO,MAAM,GAChB,OAAO,MAAM;EACnB,KAAK,aACH,QAAO,OAAO,UAAU,WACpB,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC,KAC5B,OAAO,MAAM;EACnB,KAAK,OACH,QAAO,WAAW,OAAO,EACvB,WAAW,UACZ,CAAC;EACJ,KAAK,WACH,QAAO,WAAW,OAAO;GACvB,WAAW;GACX,WAAW;GACZ,CAAC;EACJ,QACE,QAAO,OAAO,MAAM;;;AAI1B,SAAS,WACP,OACA,SACQ;AACR,KAAI,iBAAiB,KACnB,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,MAAM;AAElE,KAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;EAC1D,MAAM,OAAO,IAAI,KAAK,MAAM;AAC5B,MAAI,CAAC,OAAO,MAAM,KAAK,SAAS,CAAC,CAC/B,QAAO,IAAI,KAAK,eAAe,QAAW,QAAQ,CAAC,OAAO,KAAK;;AAGnE,QAAO,OAAO,SAAS,GAAG"}

package/dist/components/forms/ActionForm.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 
 //#region src/components/forms/ActionForm.d.ts
 interface ActionFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'action'> {
@@ -11,7 +11,7 @@ declare function ActionForm({
   children,
   className,
   ...rest
-}: ActionFormProps): react_jsx_runtime104.JSX.Element;
+}: ActionFormProps): react_jsx_runtime105.JSX.Element;
 //#endregion
 export { ActionForm };
 //# sourceMappingURL=ActionForm.d.ts.map

package/dist/components/forms/FormCardLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime101 from "react/jsx-runtime";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
 
 //#region src/components/forms/FormCardLayout.d.ts
 interface FormCardLayoutProps {
@@ -17,7 +17,7 @@ declare function FormCardLayout({
   children,
   className,
   contentClassName
-}: FormCardLayoutProps): react_jsx_runtime101.JSX.Element;
+}: FormCardLayoutProps): react_jsx_runtime102.JSX.Element;
 //#endregion
 export { FormCardLayout };
 //# sourceMappingURL=FormCardLayout.d.ts.map

package/dist/components/forms/FormDialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime96 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
 
 //#region src/components/forms/FormDialog.d.ts
 interface FormDialogProps {
@@ -19,7 +19,7 @@ declare function FormDialog({
   children,
   footer,
   maxWidth
-}: FormDialogProps): react_jsx_runtime96.JSX.Element;
+}: FormDialogProps): react_jsx_runtime97.JSX.Element;
 //#endregion
 export { FormDialog };
 //# sourceMappingURL=FormDialog.d.ts.map

package/dist/components/forms/FormLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime98 from "react/jsx-runtime";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
 
 //#region src/components/forms/FormLayout.d.ts
 declare function FormSection({
@@ -8,14 +8,14 @@ declare function FormSection({
 }: {
   children: React.ReactNode;
   className?: string;
-}): react_jsx_runtime98.JSX.Element;
+}): react_jsx_runtime99.JSX.Element;
 declare function FormRow({
   children,
   className
 }: {
   children: React.ReactNode;
   className?: string;
-}): react_jsx_runtime98.JSX.Element;
+}): react_jsx_runtime99.JSX.Element;
 declare function FormGrid({
   children,
   cols,
@@ -24,7 +24,7 @@ declare function FormGrid({
   children: React.ReactNode;
   cols?: 1 | 2 | 3 | 4;
   className?: string;
-}): react_jsx_runtime98.JSX.Element;
+}): react_jsx_runtime99.JSX.Element;
 //#endregion
 export { FormGrid, FormRow, FormSection };
 //# sourceMappingURL=FormLayout.d.ts.map

package/dist/components/forms/FormOneByOneLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime103 from "react/jsx-runtime";
+import * as react_jsx_runtime104 from "react/jsx-runtime";
 
 //#region src/components/forms/FormOneByOneLayout.d.ts
 interface OneByOneFieldDef {
@@ -20,7 +20,7 @@ declare function FormOneByOneLayout({
   initialKey,
   onComplete,
   className
-}: FormOneByOneLayoutProps): react_jsx_runtime103.JSX.Element | null;
+}: FormOneByOneLayoutProps): react_jsx_runtime104.JSX.Element | null;
 //#endregion
 export { FormOneByOneLayout };
 //# sourceMappingURL=FormOneByOneLayout.d.ts.map

package/dist/components/forms/FormStepsLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime102 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 
 //#region src/components/forms/FormStepsLayout.d.ts
 interface StepDef {
@@ -21,7 +21,7 @@ declare function FormStepsLayout({
   onFinish,
   canNext,
   className
-}: FormStepsLayoutProps): react_jsx_runtime102.JSX.Element | null;
+}: FormStepsLayoutProps): react_jsx_runtime103.JSX.Element | null;
 //#endregion
 export { FormStepsLayout };
 //# sourceMappingURL=FormStepsLayout.d.ts.map

package/dist/components/forms/ZodForm.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime97 from "react/jsx-runtime";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 import { UseFormReturn } from "@contractspec/lib.ui-kit-web/ui/form";
 import * as z from "zod";
 import { FieldValues } from "react-hook-form";
@@ -16,7 +16,7 @@ declare function ZodForm<TSchema extends z.ZodType<any, any, any>, TFieldValues
   defaultValues,
   onSubmit,
   children
-}: ZodFormProps<TSchema, TFieldValues, TOutput>): react_jsx_runtime97.JSX.Element;
+}: ZodFormProps<TSchema, TFieldValues, TOutput>): react_jsx_runtime98.JSX.Element;
 //#endregion
 export { ZodForm };
 //# sourceMappingURL=ZodForm.d.ts.map

package/dist/components/legal/atoms/DefinitionList.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime78 from "react/jsx-runtime";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
 
 //#region src/components/legal/atoms/DefinitionList.d.ts
 declare function DefinitionList({
@@ -11,7 +11,7 @@ declare function DefinitionList({
     description: React.ReactNode;
   }[];
   className?: string;
-}): react_jsx_runtime78.JSX.Element;
+}): react_jsx_runtime79.JSX.Element;
 //#endregion
 export { DefinitionList };
 //# sourceMappingURL=DefinitionList.d.ts.map

package/dist/components/legal/atoms/KeyValueList.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
 
 //#region src/components/legal/atoms/KeyValueList.d.ts
 declare function KeyValueList({
@@ -11,7 +11,7 @@ declare function KeyValueList({
     value: React.ReactNode;
   }[];
   className?: string;
-}): react_jsx_runtime79.JSX.Element;
+}): react_jsx_runtime80.JSX.Element;
 //#endregion
 export { KeyValueList };
 //# sourceMappingURL=KeyValueList.d.ts.map

package/dist/components/legal/atoms/LegalCallout.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime81 from "react/jsx-runtime";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types19 from "class-variance-authority/types";
 
@@ -12,7 +12,7 @@ declare function LegalCallout({
   tone,
   className,
   ...props
-}: LegalCalloutProps): react_jsx_runtime81.JSX.Element;
+}: LegalCalloutProps): react_jsx_runtime82.JSX.Element;
 //#endregion
 export { LegalCallout };
 //# sourceMappingURL=LegalCallout.d.ts.map

package/dist/components/legal/atoms/LegalHeading.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime75 from "react/jsx-runtime";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types15 from "class-variance-authority/types";
 
@@ -19,7 +19,7 @@ declare function LegalHeading({
   spacing,
   className,
   ...props
-}: LegalHeadingProps): react_jsx_runtime75.JSX.Element;
+}: LegalHeadingProps): react_jsx_runtime76.JSX.Element;
 //#endregion
 export { LegalHeading };
 //# sourceMappingURL=LegalHeading.d.ts.map

package/dist/components/legal/atoms/LegalList.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime80 from "react/jsx-runtime";
+import * as react_jsx_runtime81 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types18 from "class-variance-authority/types";
 
@@ -15,7 +15,7 @@ declare function LegalList({
   className,
   children,
   ...props
-}: LegalListProps): react_jsx_runtime80.JSX.Element;
+}: LegalListProps): react_jsx_runtime81.JSX.Element;
 //#endregion
 export { LegalList };
 //# sourceMappingURL=LegalList.d.ts.map

package/dist/components/legal/atoms/LegalSection.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime77 from "react/jsx-runtime";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types17 from "class-variance-authority/types";
 
@@ -16,7 +16,7 @@ declare function LegalSection({
   tone,
   className,
   ...props
-}: LegalSectionProps): react_jsx_runtime77.JSX.Element;
+}: LegalSectionProps): react_jsx_runtime78.JSX.Element;
 //#endregion
 export { LegalSection };
 //# sourceMappingURL=LegalSection.d.ts.map

package/dist/components/legal/atoms/LegalText.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime76 from "react/jsx-runtime";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types16 from "class-variance-authority/types";
 
@@ -19,7 +19,7 @@ declare function LegalText({
   spacing,
   className,
   ...props
-}: LegalTextProps): react_jsx_runtime76.JSX.Element;
+}: LegalTextProps): react_jsx_runtime77.JSX.Element;
 //#endregion
 export { LegalText };
 //# sourceMappingURL=LegalText.d.ts.map

package/dist/components/legal/molecules/Consent.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime84 from "react/jsx-runtime";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
 
 //#region src/components/legal/molecules/Consent.d.ts
 declare function ConsentItem({
@@ -16,7 +16,7 @@ declare function ConsentItem({
   checked: boolean;
   onChange: (checked: boolean) => void;
   className?: string;
-}): react_jsx_runtime84.JSX.Element;
+}): react_jsx_runtime85.JSX.Element;
 declare function ConsentList({
   items,
   onChange,
@@ -30,7 +30,7 @@ declare function ConsentList({
   }[];
   onChange: (id: string, checked: boolean) => void;
   className?: string;
-}): react_jsx_runtime84.JSX.Element;
+}): react_jsx_runtime85.JSX.Element;
 //#endregion
 export { ConsentItem, ConsentList };
 //# sourceMappingURL=Consent.d.ts.map

package/dist/components/legal/molecules/ContactFields.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime86 from "react/jsx-runtime";
+import * as react_jsx_runtime87 from "react/jsx-runtime";
 
 //#region src/components/legal/molecules/ContactFields.d.ts
 declare function ContactFields({
@@ -19,7 +19,7 @@ declare function ContactFields({
     message: string;
   }) => void;
   disabled?: boolean;
-}): react_jsx_runtime86.JSX.Element;
+}): react_jsx_runtime87.JSX.Element;
 //#endregion
 export { ContactFields };
 //# sourceMappingURL=ContactFields.d.ts.map

package/dist/components/legal/molecules/LegalMeta.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime83 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 
 //#region src/components/legal/molecules/LegalMeta.d.ts
 declare function LegalMeta({
@@ -9,7 +9,7 @@ declare function LegalMeta({
   lastUpdated?: string | Date;
   version?: string;
   className?: string;
-}): react_jsx_runtime83.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { LegalMeta };
 //# sourceMappingURL=LegalMeta.d.ts.map

package/dist/components/legal/molecules/LegalTOC.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime82 from "react/jsx-runtime";
+import * as react_jsx_runtime83 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types20 from "class-variance-authority/types";
 
@@ -25,7 +25,7 @@ declare function LegalTOC({
   size,
   className,
   ...props
-}: LegalTOCProps): react_jsx_runtime82.JSX.Element;
+}: LegalTOCProps): react_jsx_runtime83.JSX.Element;
 //#endregion
 export { LegalTOC, TocItem };
 //# sourceMappingURL=LegalTOC.d.ts.map

package/dist/components/legal/organisms/ContactForm.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime90 from "react/jsx-runtime";
 
 //#region src/components/legal/organisms/ContactForm.d.ts
 declare function ContactForm({
@@ -24,7 +24,7 @@ declare function ContactForm({
     subject: string;
     message: string;
   }) => Promise<void> | void;
-}): react_jsx_runtime89.JSX.Element;
+}): react_jsx_runtime90.JSX.Element;
 //#endregion
 export { ContactForm };
 //# sourceMappingURL=ContactForm.d.ts.map

package/dist/components/legal/organisms/GDPRDataRequest.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime91 from "react/jsx-runtime";
 
 //#region src/components/legal/organisms/GDPRDataRequest.d.ts
 declare function GDPRDataRequest({
@@ -13,7 +13,7 @@ declare function GDPRDataRequest({
     export: React.ReactNode;
     delete: React.ReactNode;
   };
-}): react_jsx_runtime90.JSX.Element;
+}): react_jsx_runtime91.JSX.Element;
 //#endregion
 export { GDPRDataRequest };
 //# sourceMappingURL=GDPRDataRequest.d.ts.map

package/dist/components/legal/organisms/GDPRRights.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime88 from "react/jsx-runtime";
+import * as react_jsx_runtime89 from "react/jsx-runtime";
 
 //#region src/components/legal/organisms/GDPRRights.d.ts
 declare function GDPRRights({
@@ -8,7 +8,7 @@ declare function GDPRRights({
 }: {
   title?: React.ReactNode;
   rights?: React.ReactNode[];
-}): react_jsx_runtime88.JSX.Element;
+}): react_jsx_runtime89.JSX.Element;
 //#endregion
 export { GDPRRights };
 //# sourceMappingURL=GDPRRights.d.ts.map

package/dist/components/legal/organisms/LegalPageLayout.d.ts

@@ -1,6 +1,6 @@
 import { TocItem } from "../molecules/LegalTOC.js";
 import * as React from "react";
-import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as react_jsx_runtime88 from "react/jsx-runtime";
 
 //#region src/components/legal/organisms/LegalPageLayout.d.ts
 declare function LegalPageLayout({
@@ -18,7 +18,7 @@ declare function LegalPageLayout({
   toc?: TocItem[];
   children: React.ReactNode;
   className?: string;
-}): react_jsx_runtime87.JSX.Element;
+}): react_jsx_runtime88.JSX.Element;
 //#endregion
 export { LegalPageLayout };
 //# sourceMappingURL=LegalPageLayout.d.ts.map

package/dist/components/legal/templates/ContactTemplate.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
 
 //#region src/components/legal/templates/ContactTemplate.d.ts
 declare function ContactTemplate({
@@ -18,7 +18,7 @@ declare function ContactTemplate({
     subject: string;
     message: string;
   }) => Promise<void> | void;
-}): react_jsx_runtime95.JSX.Element;
+}): react_jsx_runtime96.JSX.Element;
 //#endregion
 export { ContactTemplate };
 //# sourceMappingURL=ContactTemplate.d.ts.map

package/dist/components/legal/templates/ContactTemplate.js

@@ -1,7 +1,6 @@
 import { Button } from "../../atoms/Button.js";
 import { ContactFields } from "../molecules/ContactFields.js";
 import { LegalPageLayout } from "../organisms/LegalPageLayout.js";
-import "../../../index.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/components/legal/templates/ContactTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContactTemplate.js","names":[],"sources":["../../../../src/components/legal/templates/ContactTemplate.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LegalPageLayout } from '../organisms/LegalPageLayout';\nimport { ContactFields } from '../molecules/ContactFields';\nimport { Button } from '../../../index';\n\nexport function ContactTemplate({\n  title = 'Contact',\n  meta,\n  onSubmit,\n}: {\n  title?: React.ReactNode;\n  meta?: { lastUpdated?: string | Date; version?: string };\n  onSubmit?: (data: {\n    name: string;\n    email: string;\n    subject: string;\n    message: string;\n  }) => Promise<void> | void;\n}) {\n  const [value, setValue] = React.useState({\n    name: '',\n    email: '',\n    subject: '',\n    message: '',\n  });\n  const [loading, setLoading] = React.useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!onSubmit) return;\n    setLoading(true);\n    try {\n      await onSubmit(value);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <LegalPageLayout title={title} meta={meta}>\n      <form onSubmit={handleSubmit} className=\"space-y-6\">\n        <ContactFields value={value} onChange={setValue} disabled={loading} />\n        <Button disabled={loading} type=\"submit\">\n          {loading ? 'Envoi…' : 'Envoyer'}\n        </Button>\n      </form>\n    </LegalPageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAKA,SAAgB,gBAAgB,EAC9B,QAAQ,WACR,MACA,YAUC;CACD,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS;EACvC,MAAM;EACN,OAAO;EACP,SAAS;EACT,SAAS;EACV,CAAC;CACF,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,MAAM;CAEnD,MAAM,eAAe,OAAO,MAAuB;AACjD,IAAE,gBAAgB;AAClB,MAAI,CAAC,SAAU;AACf,aAAW,KAAK;AAChB,MAAI;AACF,SAAM,SAAS,MAAM;YACb;AACR,cAAW,MAAM;;;AAIrB,QACE,oBAAC;EAAuB;EAAa;YACnC,qBAAC;GAAK,UAAU;GAAc,WAAU;cACtC,oBAAC;IAAqB;IAAO,UAAU;IAAU,UAAU;KAAW,EACtE,oBAAC;IAAO,UAAU;IAAS,MAAK;cAC7B,UAAU,WAAW;KACf;IACJ;GACS"}
+{"version":3,"file":"ContactTemplate.js","names":[],"sources":["../../../../src/components/legal/templates/ContactTemplate.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LegalPageLayout } from '../organisms/LegalPageLayout';\nimport { ContactFields } from '../molecules/ContactFields';\nimport { Button } from '../../../index';\n\nexport function ContactTemplate({\n  title = 'Contact',\n  meta,\n  onSubmit,\n}: {\n  title?: React.ReactNode;\n  meta?: { lastUpdated?: string | Date; version?: string };\n  onSubmit?: (data: {\n    name: string;\n    email: string;\n    subject: string;\n    message: string;\n  }) => Promise<void> | void;\n}) {\n  const [value, setValue] = React.useState({\n    name: '',\n    email: '',\n    subject: '',\n    message: '',\n  });\n  const [loading, setLoading] = React.useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!onSubmit) return;\n    setLoading(true);\n    try {\n      await onSubmit(value);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <LegalPageLayout title={title} meta={meta}>\n      <form onSubmit={handleSubmit} className=\"space-y-6\">\n        <ContactFields value={value} onChange={setValue} disabled={loading} />\n        <Button disabled={loading} type=\"submit\">\n          {loading ? 'Envoi…' : 'Envoyer'}\n        </Button>\n      </form>\n    </LegalPageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,gBAAgB,EAC9B,QAAQ,WACR,MACA,YAUC;CACD,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS;EACvC,MAAM;EACN,OAAO;EACP,SAAS;EACT,SAAS;EACV,CAAC;CACF,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,MAAM;CAEnD,MAAM,eAAe,OAAO,MAAuB;AACjD,IAAE,gBAAgB;AAClB,MAAI,CAAC,SAAU;AACf,aAAW,KAAK;AAChB,MAAI;AACF,SAAM,SAAS,MAAM;YACb;AACR,cAAW,MAAM;;;AAIrB,QACE,oBAAC;EAAuB;EAAa;YACnC,qBAAC;GAAK,UAAU;GAAc,WAAU;cACtC,oBAAC;IAAqB;IAAO,UAAU;IAAU,UAAU;KAAW,EACtE,oBAAC;IAAO,UAAU;IAAS,MAAK;cAC7B,UAAU,WAAW;KACf;IACJ;GACS"}