@lssm/lib.presentation-runtime-react 8.0.3 → 10.0.0

package/README.md

@@ -0,0 +1,50 @@
+# @lssm/lib.presentation-runtime-react
+
+React bindings for ContractSpec presentations (Workflows, DataViews).
+
+## Purpose
+
+To render ContractSpec-defined UIs in standard React web applications.
+
+## Installation
+
+```bash
+npm install @lssm/lib.presentation-runtime-react
+# or
+bun add @lssm/lib.presentation-runtime-react
+```
+
+## Key Concepts
+
+- **useWorkflow**: Hook to drive a multi-step workflow.
+- **WorkflowStepper**: UI component to show progress.
+- **WorkflowStepRenderer**: Component to render the current step's form or content.
+
+## Usage
+
+```tsx
+import {
+  useWorkflow,
+  WorkflowStepRenderer,
+} from '@lssm/lib.presentation-runtime-react';
+import { MyWorkflowSpec } from './specs';
+
+export function WorkflowPage() {
+  const workflow = useWorkflow(MyWorkflowSpec);
+
+  return (
+    <div>
+      <WorkflowStepRenderer workflow={workflow} />
+      <button onClick={workflow.next}>Next</button>
+    </div>
+  );
+}
+```
+
+
+
+
+
+
+
+

package/dist/WorkflowStepRenderer.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { FormRef, Step, StepExecution, WorkflowSpec, WorkflowState } from "@lssm/lib.contracts/workflow";
 
 //#region src/WorkflowStepRenderer.d.ts
 interface WorkflowStepRendererProps {

package/dist/WorkflowStepRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowStepRenderer.d.ts","names":[],"sources":["../src/WorkflowStepRenderer.tsx"],"sourcesContent":[],"mappings":";;;;UAUiB,yBAAA;QACT;EADS,KAAA,EAER,aAFQ,GAAA,IAAA;EACT,SAAA,CAAA,EAAA,MAAA;EACC,eAAA,CAAA,EAAA,CAAA,IAAA,EAEkB,OAFlB,EAAA,IAAA,EAEiC,IAFjC,EAAA,GAE0C,KAAA,CAAM,SAFhD;EAEkB,oBAAA,CAAA,EAAA,CAAA,IAAA,EACK,IADL,EAAA,GACc,KAAA,CAAM,SADpB;EAAe,kBAAA,CAAA,EAAA,CAAA,IAAA,EAEZ,IAFY,EAAA,GAEH,KAAA,CAAM,SAFH;EAAS,eAAM,CAAA,EAGrC,KAAA,CAAM,SAH+B;EACzB,iBAAA,CAAA,EAGV,KAAA,CAAM,SAHI;EAAS,iBAAM,CAAA,EAIzB,KAAA,CAAM,SAJmB;EACjB,cAAA,CAAA,EAAA,CAAA,KAAA,EAKnB,aALmB,EAAA,IAAA,EAMpB,aANoB,GAAA,SAAA,EAAA,GAOvB,KAAA,CAAM,SAPiB;;AACJ,iBASV,oBAAA,CATU;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,eAAA;EAAA,oBAAA;EAAA,kBAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,iBAAA;EAAA;AAAA,CAAA,EAoBvB,yBApBuB,CAAA,EAoBE,kBAAA,CAAA,GAAA,CAAA,OApBF"}
+{"version":3,"file":"WorkflowStepRenderer.d.ts","names":[],"sources":["../src/WorkflowStepRenderer.tsx"],"sourcesContent":[],"mappings":";;;;;UAUiB,yBAAA;QACT;SACC;EAFQ,SAAA,CAAA,EAAA,MAAA;EACT,eAAA,CAAA,EAAA,CAAA,IAAA,EAGmB,OAHnB,EAAA,IAAA,EAGkC,IAHlC,EAAA,GAG2C,KAAA,CAAM,SAHjD;EACC,oBAAA,CAAA,EAAA,CAAA,IAAA,EAGuB,IAHvB,EAAA,GAGgC,KAAA,CAAM,SAHtC;EAEkB,kBAAA,CAAA,EAAA,CAAA,IAAA,EAEG,IAFH,EAAA,GAEY,KAAA,CAAM,SAFlB;EAAe,eAAA,CAAA,EAGtB,KAAA,CAAM,SAHgB;EAAS,iBAAM,CAAA,EAInC,KAAA,CAAM,SAJ6B;EACzB,iBAAA,CAAA,EAIV,KAAA,CAAM,SAJI;EAAS,cAAM,CAAA,EAAA,CAAA,KAAA,EAMpC,aANoC,EAAA,IAAA,EAOrC,aAPqC,GAAA,SAAA,EAAA,GAQxC,KAAA,CAAM,SARkC;;AACF,iBAU7B,oBAAA,CAV6B;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,eAAA;EAAA,oBAAA;EAAA,kBAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,iBAAA;EAAA;AAAA,CAAA,EAqB1C,yBArB0C,CAAA,EAqBjB,kBAAA,CAAA,GAAA,CAAA,OArBiB"}

package/dist/WorkflowStepRenderer.js

@@ -1,6 +1,5 @@
-import { EmptyState } from "./design-system/src/components/atoms/EmptyState.js";
-import { LoaderBlock } from "./design-system/src/components/molecules/LoaderBlock.js";
 import "react";
+import { EmptyState, LoaderBlock } from "@lssm/lib.design-system";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/WorkflowStepRenderer.tsx

package/dist/WorkflowStepRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowStepRenderer.js","names":[],"sources":["../src/WorkflowStepRenderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { EmptyState, LoaderBlock } from '@lssm/lib.design-system';\nimport type {\n  FormRef,\n  Step,\n  WorkflowSpec,\n  WorkflowState,\n  StepExecution,\n} from '@lssm/lib.contracts/workflow';\n\nexport interface WorkflowStepRendererProps {\n  spec: WorkflowSpec;\n  state: WorkflowState | null;\n  className?: string;\n  renderHumanStep?: (form: FormRef, step: Step) => React.ReactNode;\n  renderAutomationStep?: (step: Step) => React.ReactNode;\n  renderDecisionStep?: (step: Step) => React.ReactNode;\n  loadingFallback?: React.ReactNode;\n  completedFallback?: React.ReactNode;\n  cancelledFallback?: React.ReactNode;\n  failedFallback?: (\n    state: WorkflowState,\n    last: StepExecution | undefined\n  ) => React.ReactNode;\n}\n\nexport function WorkflowStepRenderer({\n  spec,\n  state,\n  className,\n  renderHumanStep,\n  renderAutomationStep,\n  renderDecisionStep,\n  loadingFallback,\n  completedFallback,\n  cancelledFallback,\n  failedFallback,\n}: WorkflowStepRendererProps) {\n  const steps = spec.definition.steps;\n  if (!steps.length) {\n    return (\n      <div className={className}>\n        <EmptyState\n          title=\"No steps defined\"\n          description=\"Add at least one step to this workflow to render it.\"\n        />\n      </div>\n    );\n  }\n\n  if (!state) {\n    return (\n      <div className={className}>\n        {loadingFallback ?? (\n          <LoaderBlock\n            label=\"Loading workflow\"\n            description=\"Fetching workflow state...\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  const lastExecution = state.history.at(-1);\n\n  if (state.status === 'failed') {\n    return (\n      <div className={className}>\n        {failedFallback?.(state, lastExecution) ?? (\n          <EmptyState\n            title=\"Workflow failed\"\n            description={\n              lastExecution?.error ??\n              'Fix the underlying issue and retry the step.'\n            }\n          />\n        )}\n      </div>\n    );\n  }\n\n  if (state.status === 'cancelled') {\n    return (\n      <div className={className}>\n        {cancelledFallback ?? (\n          <EmptyState\n            title=\"Workflow cancelled\"\n            description=\"This workflow has been cancelled. Restart it to resume.\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  if (state.status === 'completed') {\n    return (\n      <div className={className}>\n        {completedFallback ?? (\n          <EmptyState\n            title=\"Workflow complete\"\n            description=\"All steps have been executed successfully.\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  const activeStep =\n    steps.find((step) => step.id === state.currentStep) ?? steps[0];\n\n  if (!activeStep) {\n    return (\n      <div className={className}>\n        <EmptyState\n          title=\"No active step\"\n          description=\"This workflow has no active step.\"\n        />\n      </div>\n    );\n  }\n\n  switch (activeStep.type) {\n    case 'human': {\n      const form = activeStep.action?.form;\n      if (form && renderHumanStep) {\n        return (\n          <div className={className}>{renderHumanStep(form, activeStep)}</div>\n        );\n      }\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Form renderer missing\"\n            description=\"Provide renderHumanStep to render this human step's form.\"\n          />\n        </div>\n      );\n    }\n    case 'automation': {\n      if (renderAutomationStep) {\n        return (\n          <div className={className}>{renderAutomationStep(activeStep)}</div>\n        );\n      }\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Automation step in progress\"\n            description={`Waiting for automation \"${activeStep.label}\" to finish.`}\n          />\n        </div>\n      );\n    }\n    case 'decision': {\n      if (renderDecisionStep) {\n        return (\n          <div className={className}>{renderDecisionStep(activeStep)}</div>\n        );\n      }\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Decision step awaiting input\"\n            description=\"Provide a custom decision renderer via renderDecisionStep.\"\n          />\n        </div>\n      );\n    }\n    default:\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Unknown step type\"\n            description={`Step \"${activeStep.id}\" has an unsupported type.`}\n          />\n        </div>\n      );\n  }\n}\n"],"mappings":";;;;;;AA0BA,SAAgB,qBAAqB,EACnC,MACA,OACA,WACA,iBACA,sBACA,oBACA,iBACA,mBACA,mBACA,kBAC4B;CAC5B,MAAM,QAAQ,KAAK,WAAW;AAC9B,KAAI,CAAC,MAAM,OACT,QACE,oBAAC;EAAe;YACd,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GACE;AAIV,KAAI,CAAC,MACH,QACE,oBAAC;EAAe;YACb,mBACC,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GAEA;CAIV,MAAM,gBAAgB,MAAM,QAAQ,GAAG,GAAG;AAE1C,KAAI,MAAM,WAAW,SACnB,QACE,oBAAC;EAAe;YACb,iBAAiB,OAAO,cAAc,IACrC,oBAAC;GACC,OAAM;GACN,aACE,eAAe,SACf;IAEF;GAEA;AAIV,KAAI,MAAM,WAAW,YACnB,QACE,oBAAC;EAAe;YACb,qBACC,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GAEA;AAIV,KAAI,MAAM,WAAW,YACnB,QACE,oBAAC;EAAe;YACb,qBACC,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GAEA;CAIV,MAAM,aACJ,MAAM,MAAM,SAAS,KAAK,OAAO,MAAM,YAAY,IAAI,MAAM;AAE/D,KAAI,CAAC,WACH,QACE,oBAAC;EAAe;YACd,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GACE;AAIV,SAAQ,WAAW,MAAnB;EACE,KAAK,SAAS;GACZ,MAAM,OAAO,WAAW,QAAQ;AAChC,OAAI,QAAQ,gBACV,QACE,oBAAC;IAAe;cAAY,gBAAgB,MAAM,WAAW;KAAO;AAGxE,UACE,oBAAC;IAAe;cACd,oBAAC;KACC,OAAM;KACN,aAAY;MACZ;KACE;;EAGV,KAAK;AACH,OAAI,qBACF,QACE,oBAAC;IAAe;cAAY,qBAAqB,WAAW;KAAO;AAGvE,UACE,oBAAC;IAAe;cACd,oBAAC;KACC,OAAM;KACN,aAAa,2BAA2B,WAAW,MAAM;MACzD;KACE;EAGV,KAAK;AACH,OAAI,mBACF,QACE,oBAAC;IAAe;cAAY,mBAAmB,WAAW;KAAO;AAGrE,UACE,oBAAC;IAAe;cACd,oBAAC;KACC,OAAM;KACN,aAAY;MACZ;KACE;EAGV,QACE,QACE,oBAAC;GAAe;aACd,oBAAC;IACC,OAAM;IACN,aAAa,SAAS,WAAW,GAAG;KACpC;IACE"}
+{"version":3,"file":"WorkflowStepRenderer.js","names":[],"sources":["../src/WorkflowStepRenderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { EmptyState, LoaderBlock } from '@lssm/lib.design-system';\nimport type {\n  FormRef,\n  Step,\n  WorkflowSpec,\n  WorkflowState,\n  StepExecution,\n} from '@lssm/lib.contracts/workflow';\n\nexport interface WorkflowStepRendererProps {\n  spec: WorkflowSpec;\n  state: WorkflowState | null;\n  className?: string;\n  renderHumanStep?: (form: FormRef, step: Step) => React.ReactNode;\n  renderAutomationStep?: (step: Step) => React.ReactNode;\n  renderDecisionStep?: (step: Step) => React.ReactNode;\n  loadingFallback?: React.ReactNode;\n  completedFallback?: React.ReactNode;\n  cancelledFallback?: React.ReactNode;\n  failedFallback?: (\n    state: WorkflowState,\n    last: StepExecution | undefined\n  ) => React.ReactNode;\n}\n\nexport function WorkflowStepRenderer({\n  spec,\n  state,\n  className,\n  renderHumanStep,\n  renderAutomationStep,\n  renderDecisionStep,\n  loadingFallback,\n  completedFallback,\n  cancelledFallback,\n  failedFallback,\n}: WorkflowStepRendererProps) {\n  const steps = spec.definition.steps;\n  if (!steps.length) {\n    return (\n      <div className={className}>\n        <EmptyState\n          title=\"No steps defined\"\n          description=\"Add at least one step to this workflow to render it.\"\n        />\n      </div>\n    );\n  }\n\n  if (!state) {\n    return (\n      <div className={className}>\n        {loadingFallback ?? (\n          <LoaderBlock\n            label=\"Loading workflow\"\n            description=\"Fetching workflow state...\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  const lastExecution = state.history.at(-1);\n\n  if (state.status === 'failed') {\n    return (\n      <div className={className}>\n        {failedFallback?.(state, lastExecution) ?? (\n          <EmptyState\n            title=\"Workflow failed\"\n            description={\n              lastExecution?.error ??\n              'Fix the underlying issue and retry the step.'\n            }\n          />\n        )}\n      </div>\n    );\n  }\n\n  if (state.status === 'cancelled') {\n    return (\n      <div className={className}>\n        {cancelledFallback ?? (\n          <EmptyState\n            title=\"Workflow cancelled\"\n            description=\"This workflow has been cancelled. Restart it to resume.\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  if (state.status === 'completed') {\n    return (\n      <div className={className}>\n        {completedFallback ?? (\n          <EmptyState\n            title=\"Workflow complete\"\n            description=\"All steps have been executed successfully.\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  const activeStep =\n    steps.find((step) => step.id === state.currentStep) ?? steps[0];\n\n  if (!activeStep) {\n    return (\n      <div className={className}>\n        <EmptyState\n          title=\"No active step\"\n          description=\"This workflow has no active step.\"\n        />\n      </div>\n    );\n  }\n\n  switch (activeStep.type) {\n    case 'human': {\n      const form = activeStep.action?.form;\n      if (form && renderHumanStep) {\n        return (\n          <div className={className}>{renderHumanStep(form, activeStep)}</div>\n        );\n      }\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Form renderer missing\"\n            description=\"Provide renderHumanStep to render this human step's form.\"\n          />\n        </div>\n      );\n    }\n    case 'automation': {\n      if (renderAutomationStep) {\n        return (\n          <div className={className}>{renderAutomationStep(activeStep)}</div>\n        );\n      }\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Automation step in progress\"\n            description={`Waiting for automation \"${activeStep.label}\" to finish.`}\n          />\n        </div>\n      );\n    }\n    case 'decision': {\n      if (renderDecisionStep) {\n        return (\n          <div className={className}>{renderDecisionStep(activeStep)}</div>\n        );\n      }\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Decision step awaiting input\"\n            description=\"Provide a custom decision renderer via renderDecisionStep.\"\n          />\n        </div>\n      );\n    }\n    default:\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Unknown step type\"\n            description={`Step \"${activeStep.id}\" has an unsupported type.`}\n          />\n        </div>\n      );\n  }\n}\n"],"mappings":";;;;;AA0BA,SAAgB,qBAAqB,EACnC,MACA,OACA,WACA,iBACA,sBACA,oBACA,iBACA,mBACA,mBACA,kBAC4B;CAC5B,MAAM,QAAQ,KAAK,WAAW;AAC9B,KAAI,CAAC,MAAM,OACT,QACE,oBAAC;EAAe;YACd,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GACE;AAIV,KAAI,CAAC,MACH,QACE,oBAAC;EAAe;YACb,mBACC,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GAEA;CAIV,MAAM,gBAAgB,MAAM,QAAQ,GAAG,GAAG;AAE1C,KAAI,MAAM,WAAW,SACnB,QACE,oBAAC;EAAe;YACb,iBAAiB,OAAO,cAAc,IACrC,oBAAC;GACC,OAAM;GACN,aACE,eAAe,SACf;IAEF;GAEA;AAIV,KAAI,MAAM,WAAW,YACnB,QACE,oBAAC;EAAe;YACb,qBACC,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GAEA;AAIV,KAAI,MAAM,WAAW,YACnB,QACE,oBAAC;EAAe;YACb,qBACC,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GAEA;CAIV,MAAM,aACJ,MAAM,MAAM,SAAS,KAAK,OAAO,MAAM,YAAY,IAAI,MAAM;AAE/D,KAAI,CAAC,WACH,QACE,oBAAC;EAAe;YACd,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GACE;AAIV,SAAQ,WAAW,MAAnB;EACE,KAAK,SAAS;GACZ,MAAM,OAAO,WAAW,QAAQ;AAChC,OAAI,QAAQ,gBACV,QACE,oBAAC;IAAe;cAAY,gBAAgB,MAAM,WAAW;KAAO;AAGxE,UACE,oBAAC;IAAe;cACd,oBAAC;KACC,OAAM;KACN,aAAY;MACZ;KACE;;EAGV,KAAK;AACH,OAAI,qBACF,QACE,oBAAC;IAAe;cAAY,qBAAqB,WAAW;KAAO;AAGvE,UACE,oBAAC;IAAe;cACd,oBAAC;KACC,OAAM;KACN,aAAa,2BAA2B,WAAW,MAAM;MACzD;KACE;EAGV,KAAK;AACH,OAAI,mBACF,QACE,oBAAC;IAAe;cAAY,mBAAmB,WAAW;KAAO;AAGrE,UACE,oBAAC;IAAe;cACd,oBAAC;KACC,OAAM;KACN,aAAY;MACZ;KACE;EAGV,QACE,QACE,oBAAC;GAAe;aACd,oBAAC;IACC,OAAM;IACN,aAAa,SAAS,WAAW,GAAG;KACpC;IACE"}

package/dist/WorkflowStepper.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { WorkflowSpec, WorkflowState } from "@lssm/lib.contracts/workflow";
 
 //#region src/WorkflowStepper.d.ts
 interface WorkflowStepperProps {

package/dist/WorkflowStepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowStepper.d.ts","names":[],"sources":["../src/WorkflowStepper.tsx"],"sourcesContent":[],"mappings":";;;UAIiB,oBAAA;QACT;EADS,KAAA,EAER,aAFQ,GAAoB,IAAA;EAOrB,SAAA,CAAA,EAAA,MAAe;EAC7B,UAAA,CAAA,EAAA,OAAA;;AAEA,iBAHc,eAAA,CAGd;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAEC,oBAFD,CAAA,EAEqB,kBAAA,CAAA,GAAA,CAAA,OAFrB"}
+{"version":3,"file":"WorkflowStepper.d.ts","names":[],"sources":["../src/WorkflowStepper.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,oBAAA;QACT;SACC;EAFQ,SAAA,CAAA,EAAA,MAAA;EAOD,UAAA,CAAA,EAAA,OAAe;;AAE7B,iBAFc,eAAA,CAEd;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAGC,oBAHD,CAAA,EAGqB,kBAAA,CAAA,GAAA,CAAA,OAHrB"}

package/dist/WorkflowStepper.js

@@ -1,5 +1,5 @@
-import { Stepper } from "./design-system/src/components/atoms/Stepper.js";
 import "react";
+import { Stepper } from "@lssm/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/WorkflowStepper.tsx

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { WorkflowStepper } from "./WorkflowStepper.js";
 import { UseWorkflowOptions, UseWorkflowResult, useWorkflow } from "./useWorkflow.js";
 import * as React from "react";
 import { DefaultValues, Resolver, UseFormReturn } from "react-hook-form";
+import { ListFetcher, ListState } from "@lssm/lib.presentation-runtime-core";
 
 //#region src/index.d.ts
 interface UsePresentationControllerOpts<TFilters extends Record<string, unknown>, TVars, TItem> {

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/index.js

@@ -1,8 +1,8 @@
-import { useForm } from "./ui-kit-web/dist/ui/form.js";
 import { WorkflowStepRenderer } from "./WorkflowStepRenderer.js";
 import { WorkflowStepper } from "./WorkflowStepper.js";
 import { useWorkflow } from "./useWorkflow.js";
 import * as React from "react";
+import { useForm } from "@lssm/lib.ui-kit-web/ui/form";
 
 //#region src/index.ts
 function usePresentationController({ defaults, form: formOpts, toVariables, fetcher, toChips, useUrlState, replace }) {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import * as React from 'react';\nimport type { DefaultValues, Resolver, UseFormReturn } from 'react-hook-form';\nimport { useForm } from '@lssm/lib.ui-kit-web/ui/form';\nimport type {\n  ListFetcher,\n  ListState,\n} from '@lssm/lib.presentation-runtime-core';\n\nexport interface UsePresentationControllerOpts<\n  TFilters extends Record<string, unknown>,\n  TVars,\n  TItem,\n> {\n  defaults: ListState<TFilters>;\n  form: {\n    defaultValues: DefaultValues<TFilters> | TFilters;\n    resolver?: Resolver<TFilters>;\n  };\n  toVariables: (input: ListState<TFilters>) => TVars;\n  fetcher: ListFetcher<TVars, TItem>;\n  toChips?: (\n    filters: TFilters,\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void\n  ) => { key: string; label: React.ReactNode; onRemove?: () => void }[];\n  useUrlState: (args: { defaults: ListState<TFilters>; replace?: boolean }) => {\n    state: ListState<TFilters>;\n    setState: (next: Partial<ListState<TFilters>>) => void;\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void;\n    clearFilters: () => void;\n  };\n  replace?: boolean;\n}\n\nexport function usePresentationController<\n  TFilters extends Record<string, unknown>,\n  TVars,\n  TItem,\n>({\n  defaults,\n  form: formOpts,\n  toVariables,\n  fetcher,\n  toChips,\n  useUrlState,\n  replace,\n}: UsePresentationControllerOpts<TFilters, TVars, TItem>) {\n  const url = useUrlState({ defaults, replace });\n  const form = useForm<TFilters>({\n    defaultValues: formOpts.defaultValues,\n    resolver: formOpts.resolver as any,\n  } as any);\n\n  React.useEffect(() => {\n    form.reset({ ...(form.getValues() as any), ...(url.state.filters as any) });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url.state.filters]);\n\n  const submitFilters = form.handleSubmit((values) => {\n    url.setState({ filters: values as TFilters, page: 1 });\n  });\n\n  const setSearch = React.useCallback(\n    (q: string) => url.setState({ q, page: 1 }),\n    [url]\n  );\n  const variables = React.useMemo(\n    () => toVariables(url.state),\n    [url.state, toVariables]\n  );\n\n  const [data, setData] = React.useState<TItem[]>([]);\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<unknown>(null);\n  const [totalItems, setTotalItems] = React.useState<number | undefined>(\n    undefined\n  );\n  const [totalPages, setTotalPages] = React.useState<number | undefined>(\n    undefined\n  );\n\n  const refetch = React.useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const out = await fetcher(variables);\n      setData(out.items);\n      setTotalItems(out.totalItems);\n      setTotalPages(out.totalPages);\n    } catch (e) {\n      setError(e);\n    } finally {\n      setLoading(false);\n    }\n  }, [variables, fetcher]);\n\n  React.useEffect(() => {\n    void refetch();\n  }, [refetch]);\n\n  const chips = React.useMemo(\n    () =>\n      toChips\n        ? toChips(\n            (url.state.filters as TFilters) || ({} as any),\n            url.setFilter as any\n          )\n        : [],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url.state.filters, toChips]\n  );\n\n  const clearAll = React.useCallback(() => {\n    form.reset(formOpts.defaultValues as any);\n    url.setState({ filters: {} as TFilters, page: 1 });\n  }, [form, formOpts.defaultValues, url]);\n\n  return {\n    form: form as UseFormReturn<TFilters>,\n    url,\n    variables,\n    data,\n    loading,\n    error,\n    totalItems,\n    totalPages,\n    refetch,\n    chips,\n    setSearch,\n    submitFilters,\n    clearAll,\n  } as const;\n}\n\nexport interface UseListCoordinatorOpts<\n  TFilters extends Record<string, unknown>,\n  TVars,\n> {\n  defaults: ListState<TFilters>;\n  form: {\n    defaultValues: DefaultValues<TFilters>;\n    resolver?: Resolver<TFilters>;\n  };\n  toVariables: (input: ListState<TFilters>) => TVars;\n  toChips?: (\n    filters: TFilters,\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void\n  ) => { key: string; label: React.ReactNode; onRemove?: () => void }[];\n  useUrlState: (args: { defaults: ListState<TFilters>; replace?: boolean }) => {\n    state: ListState<TFilters>;\n    setState: (next: Partial<ListState<TFilters>>) => void;\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void;\n    clearFilters: () => void;\n  };\n  replace?: boolean;\n}\n\nexport function useListCoordinator<\n  TFilters extends Record<string, unknown>,\n  TVars,\n>({\n  defaults,\n  form: formOpts,\n  toVariables,\n  toChips,\n  useUrlState,\n  replace,\n}: UseListCoordinatorOpts<TFilters, TVars>) {\n  const url = useUrlState({ defaults, replace });\n  const form = useForm<TFilters>({\n    defaultValues: formOpts.defaultValues,\n    resolver: formOpts.resolver,\n  } as any);\n\n  React.useEffect(() => {\n    form.reset({ ...(form.getValues() as any), ...(url.state.filters as any) });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url.state.filters]);\n\n  const submitFilters = form.handleSubmit((values) => {\n    url.setState({ filters: values as TFilters, page: 1 });\n  });\n\n  const setSearch = React.useCallback(\n    (q: string) => url.setState({ q, page: 1 }),\n    [url]\n  );\n  const variables = React.useMemo(\n    () => toVariables(url.state),\n    [url.state, toVariables]\n  );\n\n  const chips = React.useMemo(\n    () =>\n      toChips\n        ? toChips(\n            (url.state.filters as TFilters) || ({} as any),\n            url.setFilter as any\n          )\n        : [],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url.state.filters, toChips]\n  );\n\n  const clearAll = React.useCallback(() => {\n    form.reset(formOpts.defaultValues as any);\n    url.setState({ filters: {} as TFilters, page: 1 });\n  }, [form, formOpts.defaultValues, url]);\n\n  return {\n    form: form as UseFormReturn<TFilters>,\n    url,\n    variables,\n    chips,\n    setSearch,\n    submitFilters,\n    clearAll,\n  } as const;\n}\n\nexport { useWorkflow } from './useWorkflow';\nexport type {\n  UseWorkflowOptions,\n  UseWorkflowResult,\n} from './useWorkflow';\nexport { WorkflowStepper } from './WorkflowStepper';\nexport { WorkflowStepRenderer } from './WorkflowStepRenderer';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import * as React from 'react';\nimport type { DefaultValues, Resolver, UseFormReturn } from 'react-hook-form';\nimport { useForm } from '@lssm/lib.ui-kit-web/ui/form';\nimport type {\n  ListFetcher,\n  ListState,\n} from '@lssm/lib.presentation-runtime-core';\n\nexport interface UsePresentationControllerOpts<\n  TFilters extends Record<string, unknown>,\n  TVars,\n  TItem,\n> {\n  defaults: ListState<TFilters>;\n  form: {\n    defaultValues: DefaultValues<TFilters> | TFilters;\n    resolver?: Resolver<TFilters>;\n  };\n  toVariables: (input: ListState<TFilters>) => TVars;\n  fetcher: ListFetcher<TVars, TItem>;\n  toChips?: (\n    filters: TFilters,\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void\n  ) => { key: string; label: React.ReactNode; onRemove?: () => void }[];\n  useUrlState: (args: { defaults: ListState<TFilters>; replace?: boolean }) => {\n    state: ListState<TFilters>;\n    setState: (next: Partial<ListState<TFilters>>) => void;\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void;\n    clearFilters: () => void;\n  };\n  replace?: boolean;\n}\n\nexport function usePresentationController<\n  TFilters extends Record<string, unknown>,\n  TVars,\n  TItem,\n>({\n  defaults,\n  form: formOpts,\n  toVariables,\n  fetcher,\n  toChips,\n  useUrlState,\n  replace,\n}: UsePresentationControllerOpts<TFilters, TVars, TItem>) {\n  const url = useUrlState({ defaults, replace });\n  const form = useForm<TFilters>({\n    defaultValues: formOpts.defaultValues,\n    resolver: formOpts.resolver as any,\n  } as any);\n\n  React.useEffect(() => {\n    form.reset({ ...(form.getValues() as any), ...(url.state.filters as any) });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url.state.filters]);\n\n  const submitFilters = form.handleSubmit((values) => {\n    url.setState({ filters: values as TFilters, page: 1 });\n  });\n\n  const setSearch = React.useCallback(\n    (q: string) => url.setState({ q, page: 1 }),\n    [url]\n  );\n  const variables = React.useMemo(\n    () => toVariables(url.state),\n    [url.state, toVariables]\n  );\n\n  const [data, setData] = React.useState<TItem[]>([]);\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<unknown>(null);\n  const [totalItems, setTotalItems] = React.useState<number | undefined>(\n    undefined\n  );\n  const [totalPages, setTotalPages] = React.useState<number | undefined>(\n    undefined\n  );\n\n  const refetch = React.useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const out = await fetcher(variables);\n      setData(out.items);\n      setTotalItems(out.totalItems);\n      setTotalPages(out.totalPages);\n    } catch (e) {\n      setError(e);\n    } finally {\n      setLoading(false);\n    }\n  }, [variables, fetcher]);\n\n  React.useEffect(() => {\n    void refetch();\n  }, [refetch]);\n\n  const chips = React.useMemo(\n    () =>\n      toChips\n        ? toChips(\n            (url.state.filters as TFilters) || ({} as any),\n            url.setFilter as any\n          )\n        : [],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url.state.filters, toChips]\n  );\n\n  const clearAll = React.useCallback(() => {\n    form.reset(formOpts.defaultValues as any);\n    url.setState({ filters: {} as TFilters, page: 1 });\n  }, [form, formOpts.defaultValues, url]);\n\n  return {\n    form: form as UseFormReturn<TFilters>,\n    url,\n    variables,\n    data,\n    loading,\n    error,\n    totalItems,\n    totalPages,\n    refetch,\n    chips,\n    setSearch,\n    submitFilters,\n    clearAll,\n  } as const;\n}\n\nexport interface UseListCoordinatorOpts<\n  TFilters extends Record<string, unknown>,\n  TVars,\n> {\n  defaults: ListState<TFilters>;\n  form: {\n    defaultValues: DefaultValues<TFilters>;\n    resolver?: Resolver<TFilters>;\n  };\n  toVariables: (input: ListState<TFilters>) => TVars;\n  toChips?: (\n    filters: TFilters,\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void\n  ) => { key: string; label: React.ReactNode; onRemove?: () => void }[];\n  useUrlState: (args: { defaults: ListState<TFilters>; replace?: boolean }) => {\n    state: ListState<TFilters>;\n    setState: (next: Partial<ListState<TFilters>>) => void;\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void;\n    clearFilters: () => void;\n  };\n  replace?: boolean;\n}\n\nexport function useListCoordinator<\n  TFilters extends Record<string, unknown>,\n  TVars,\n>({\n  defaults,\n  form: formOpts,\n  toVariables,\n  toChips,\n  useUrlState,\n  replace,\n}: UseListCoordinatorOpts<TFilters, TVars>) {\n  const url = useUrlState({ defaults, replace });\n  const form = useForm<TFilters>({\n    defaultValues: formOpts.defaultValues,\n    resolver: formOpts.resolver,\n  } as any);\n\n  React.useEffect(() => {\n    form.reset({ ...(form.getValues() as any), ...(url.state.filters as any) });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url.state.filters]);\n\n  const submitFilters = form.handleSubmit((values) => {\n    url.setState({ filters: values as TFilters, page: 1 });\n  });\n\n  const setSearch = React.useCallback(\n    (q: string) => url.setState({ q, page: 1 }),\n    [url]\n  );\n  const variables = React.useMemo(\n    () => toVariables(url.state),\n    [url.state, toVariables]\n  );\n\n  const chips = React.useMemo(\n    () =>\n      toChips\n        ? toChips(\n            (url.state.filters as TFilters) || ({} as any),\n            url.setFilter as any\n          )\n        : [],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url.state.filters, toChips]\n  );\n\n  const clearAll = React.useCallback(() => {\n    form.reset(formOpts.defaultValues as any);\n    url.setState({ filters: {} as TFilters, page: 1 });\n  }, [form, formOpts.defaultValues, url]);\n\n  return {\n    form: form as UseFormReturn<TFilters>,\n    url,\n    variables,\n    chips,\n    setSearch,\n    submitFilters,\n    clearAll,\n  } as const;\n}\n\nexport { useWorkflow } from './useWorkflow';\nexport type { UseWorkflowOptions, UseWorkflowResult } from './useWorkflow';\nexport { WorkflowStepper } from './WorkflowStepper';\nexport { WorkflowStepRenderer } from './WorkflowStepRenderer';\n"],"mappings":";;;;;;;AAuCA,SAAgB,0BAId,EACA,UACA,MAAM,UACN,aACA,SACA,SACA,aACA,WACwD;CACxD,MAAM,MAAM,YAAY;EAAE;EAAU;EAAS,CAAC;CAC9C,MAAM,OAAO,QAAkB;EAC7B,eAAe,SAAS;EACxB,UAAU,SAAS;EACpB,CAAQ;AAET,OAAM,gBAAgB;AACpB,OAAK,MAAM;GAAE,GAAI,KAAK,WAAW;GAAU,GAAI,IAAI,MAAM;GAAiB,CAAC;IAE1E,CAAC,IAAI,MAAM,QAAQ,CAAC;CAEvB,MAAM,gBAAgB,KAAK,cAAc,WAAW;AAClD,MAAI,SAAS;GAAE,SAAS;GAAoB,MAAM;GAAG,CAAC;GACtD;CAEF,MAAM,YAAY,MAAM,aACrB,MAAc,IAAI,SAAS;EAAE;EAAG,MAAM;EAAG,CAAC,EAC3C,CAAC,IAAI,CACN;CACD,MAAM,YAAY,MAAM,cAChB,YAAY,IAAI,MAAM,EAC5B,CAAC,IAAI,OAAO,YAAY,CACzB;CAED,MAAM,CAAC,MAAM,WAAW,MAAM,SAAkB,EAAE,CAAC;CACnD,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,MAAM;CACnD,MAAM,CAAC,OAAO,YAAY,MAAM,SAAkB,KAAK;CACvD,MAAM,CAAC,YAAY,iBAAiB,MAAM,SACxC,OACD;CACD,MAAM,CAAC,YAAY,iBAAiB,MAAM,SACxC,OACD;CAED,MAAM,UAAU,MAAM,YAAY,YAAY;AAC5C,aAAW,KAAK;AAChB,WAAS,KAAK;AACd,MAAI;GACF,MAAM,MAAM,MAAM,QAAQ,UAAU;AACpC,WAAQ,IAAI,MAAM;AAClB,iBAAc,IAAI,WAAW;AAC7B,iBAAc,IAAI,WAAW;WACtB,GAAG;AACV,YAAS,EAAE;YACH;AACR,cAAW,MAAM;;IAElB,CAAC,WAAW,QAAQ,CAAC;AAExB,OAAM,gBAAgB;AACpB,EAAK,SAAS;IACb,CAAC,QAAQ,CAAC;AAmBb,QAAO;EACC;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OA3BY,MAAM,cAEhB,UACI,QACG,IAAI,MAAM,WAAyB,EAAE,EACtC,IAAI,UACL,GACD,EAAE,EAER,CAAC,IAAI,MAAM,SAAS,QAAQ,CAC7B;EAkBC;EACA;EACA,UAlBe,MAAM,kBAAkB;AACvC,QAAK,MAAM,SAAS,cAAqB;AACzC,OAAI,SAAS;IAAE,SAAS,EAAE;IAAc,MAAM;IAAG,CAAC;KACjD;GAAC;GAAM,SAAS;GAAe;GAAI,CAAC;EAgBtC;;AAgCH,SAAgB,mBAGd,EACA,UACA,MAAM,UACN,aACA,SACA,aACA,WAC0C;CAC1C,MAAM,MAAM,YAAY;EAAE;EAAU;EAAS,CAAC;CAC9C,MAAM,OAAO,QAAkB;EAC7B,eAAe,SAAS;EACxB,UAAU,SAAS;EACpB,CAAQ;AAET,OAAM,gBAAgB;AACpB,OAAK,MAAM;GAAE,GAAI,KAAK,WAAW;GAAU,GAAI,IAAI,MAAM;GAAiB,CAAC;IAE1E,CAAC,IAAI,MAAM,QAAQ,CAAC;CAEvB,MAAM,gBAAgB,KAAK,cAAc,WAAW;AAClD,MAAI,SAAS;GAAE,SAAS;GAAoB,MAAM;GAAG,CAAC;GACtD;CAEF,MAAM,YAAY,MAAM,aACrB,MAAc,IAAI,SAAS;EAAE;EAAG,MAAM;EAAG,CAAC,EAC3C,CAAC,IAAI,CACN;AAuBD,QAAO;EACC;EACN;EACA,WAzBgB,MAAM,cAChB,YAAY,IAAI,MAAM,EAC5B,CAAC,IAAI,OAAO,YAAY,CACzB;EAuBC,OArBY,MAAM,cAEhB,UACI,QACG,IAAI,MAAM,WAAyB,EAAE,EACtC,IAAI,UACL,GACD,EAAE,EAER,CAAC,IAAI,MAAM,SAAS,QAAQ,CAC7B;EAYC;EACA;EACA,UAZe,MAAM,kBAAkB;AACvC,QAAK,MAAM,SAAS,cAAqB;AACzC,OAAI,SAAS;IAAE,SAAS,EAAE;IAAc,MAAM;IAAG,CAAC;KACjD;GAAC;GAAM,SAAS;GAAe;GAAI,CAAC;EAUtC"}

package/dist/useWorkflow.d.ts

@@ -1,3 +1,5 @@
+import { WorkflowRunner, WorkflowState } from "@lssm/lib.contracts/workflow";
+
 //#region src/useWorkflow.d.ts
 interface UseWorkflowOptions {
   workflowId: string;

package/dist/useWorkflow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkflow.d.ts","names":[],"sources":["../src/useWorkflow.ts"],"sourcesContent":[],"mappings":";AAMiB,UAAA,kBAAA,CAEP;EAKO,UAAA,EAAA,MAAA;EACR,MAAA,EANC,cAMD;EAEA,WAAA,CAAA,EAAA,OAAA;EAEQ,iBAAA,CAAA,EAAA,MAAA;;AAED,UAPC,iBAAA,CAOD;EAAO,KAAA,EANd,aAMc,GAAA,IAAA;EAGP,SAAA,EAAA,OAAW;EACzB,KAAA,EARO,KAQP,GAAA,IAAA;EACA,WAAA,EAAA,OAAA;EACA,OAAA,EAAA,GAAA,GARe,OAQf,CAAA,IAAA,CAAA;EACA,WAAA,EAAA,CAAA,KAAA,CAAA,EAAA,OAAA,EAAA,GARkC,OAQlC,CAAA,IAAA,CAAA;EACC,MAAA,EAAA,GAAA,GARa,OAQb,CAAA,IAAA,CAAA;;AAAsC,iBALzB,WAAA,CAKyB;EAAA,UAAA;EAAA,MAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EAAtC,kBAAsC,CAAA,EAAjB,iBAAiB"}
+{"version":3,"file":"useWorkflow.d.ts","names":[],"sources":["../src/useWorkflow.ts"],"sourcesContent":[],"mappings":";;;UAMiB,kBAAA;;EAAA,MAAA,EAEP,cAFyB;EAOlB,WAAA,CAAA,EAAA,OAAiB;EACzB,iBAAA,CAAA,EAAA,MAAA;;AAIQ,UALA,iBAAA,CAKA;EACmB,KAAA,EAL3B,aAK2B,GAAA,IAAA;EACpB,SAAA,EAAA,OAAA;EAAO,KAAA,EAJd,KAIc,GAAA,IAAA;EAGP,WAAA,EAAA,OAAW;EACzB,OAAA,EAAA,GAAA,GANe,OAMf,CAAA,IAAA,CAAA;EACA,WAAA,EAAA,CAAA,KAAA,CAAA,EAAA,OAAA,EAAA,GANkC,OAMlC,CAAA,IAAA,CAAA;EACA,MAAA,EAAA,GAAA,GANc,OAMd,CAAA,IAAA,CAAA;;AAEC,iBALa,WAAA,CAKb;EAAA,UAAA;EAAA,MAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EAAA,kBAAA,CAAA,EAAqB,iBAArB"}

package/dist/useWorkflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkflow.js","names":[],"sources":["../src/useWorkflow.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  WorkflowRunner,\n  WorkflowState,\n} from '@lssm/lib.contracts/workflow';\n\nexport interface UseWorkflowOptions {\n  workflowId: string;\n  runner: WorkflowRunner;\n  autoRefresh?: boolean;\n  refreshIntervalMs?: number;\n}\n\nexport interface UseWorkflowResult {\n  state: WorkflowState | null;\n  isLoading: boolean;\n  error: Error | null;\n  isExecuting: boolean;\n  refresh: () => Promise<void>;\n  executeStep: (input?: unknown) => Promise<void>;\n  cancel: () => Promise<void>;\n}\n\nexport function useWorkflow({\n  workflowId,\n  runner,\n  autoRefresh = true,\n  refreshIntervalMs = 2000,\n}: UseWorkflowOptions): UseWorkflowResult {\n  const isMounted = React.useRef(true);\n  const [state, setState] = React.useState<WorkflowState | null>(null);\n  const [isLoading, setIsLoading] = React.useState(true);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isExecuting, setIsExecuting] = React.useState(false);\n\n  const refresh = React.useCallback(async () => {\n    try {\n      setIsLoading(true);\n      const next = await runner.getState(workflowId);\n      if (!isMounted.current) return;\n      setState(next);\n      setError(null);\n    } catch (err) {\n      if (!isMounted.current) return;\n      setError(err instanceof Error ? err : new Error(String(err)));\n    } finally {\n      if (isMounted.current) setIsLoading(false);\n    }\n  }, [runner, workflowId]);\n\n  const executeStep = React.useCallback(\n    async (input?: unknown) => {\n      setIsExecuting(true);\n      try {\n        await runner.executeStep(workflowId, input);\n        await refresh();\n      } catch (err) {\n        if (isMounted.current) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n        }\n        throw err;\n      } finally {\n        if (isMounted.current) setIsExecuting(false);\n      }\n    },\n    [runner, workflowId, refresh]\n  );\n\n  const cancel = React.useCallback(async () => {\n    await runner.cancel(workflowId);\n    await refresh();\n  }, [runner, workflowId, refresh]);\n\n  React.useEffect(() => {\n    isMounted.current = true;\n    void refresh();\n    if (!autoRefresh) {\n      return () => {\n        isMounted.current = false;\n      };\n    }\n    const interval = setInterval(() => {\n      void refresh();\n    }, refreshIntervalMs);\n    return () => {\n      isMounted.current = false;\n      clearInterval(interval);\n    };\n  }, [refresh, autoRefresh, refreshIntervalMs]);\n\n  return {\n    state,\n    isLoading,\n    error,\n    isExecuting,\n    refresh,\n    executeStep,\n    cancel,\n  };\n}\n\n"],"mappings":";;;AAuBA,SAAgB,YAAY,EAC1B,YACA,QACA,cAAc,MACd,oBAAoB,OACoB;CACxC,MAAM,YAAY,MAAM,OAAO,KAAK;CACpC,MAAM,CAAC,OAAO,YAAY,MAAM,SAA+B,KAAK;CACpE,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;CACtD,MAAM,CAAC,OAAO,YAAY,MAAM,SAAuB,KAAK;CAC5D,MAAM,CAAC,aAAa,kBAAkB,MAAM,SAAS,MAAM;CAE3D,MAAM,UAAU,MAAM,YAAY,YAAY;AAC5C,MAAI;AACF,gBAAa,KAAK;GAClB,MAAM,OAAO,MAAM,OAAO,SAAS,WAAW;AAC9C,OAAI,CAAC,UAAU,QAAS;AACxB,YAAS,KAAK;AACd,YAAS,KAAK;WACP,KAAK;AACZ,OAAI,CAAC,UAAU,QAAS;AACxB,YAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;YACrD;AACR,OAAI,UAAU,QAAS,cAAa,MAAM;;IAE3C,CAAC,QAAQ,WAAW,CAAC;CAExB,MAAM,cAAc,MAAM,YACxB,OAAO,UAAoB;AACzB,iBAAe,KAAK;AACpB,MAAI;AACF,SAAM,OAAO,YAAY,YAAY,MAAM;AAC3C,SAAM,SAAS;WACR,KAAK;AACZ,OAAI,UAAU,QACZ,UAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;AAE/D,SAAM;YACE;AACR,OAAI,UAAU,QAAS,gBAAe,MAAM;;IAGhD;EAAC;EAAQ;EAAY;EAAQ,CAC9B;CAED,MAAM,SAAS,MAAM,YAAY,YAAY;AAC3C,QAAM,OAAO,OAAO,WAAW;AAC/B,QAAM,SAAS;IACd;EAAC;EAAQ;EAAY;EAAQ,CAAC;AAEjC,OAAM,gBAAgB;AACpB,YAAU,UAAU;AACpB,EAAK,SAAS;AACd,MAAI,CAAC,YACH,cAAa;AACX,aAAU,UAAU;;EAGxB,MAAM,WAAW,kBAAkB;AACjC,GAAK,SAAS;KACb,kBAAkB;AACrB,eAAa;AACX,aAAU,UAAU;AACpB,iBAAc,SAAS;;IAExB;EAAC;EAAS;EAAa;EAAkB,CAAC;AAE7C,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useWorkflow.js","names":[],"sources":["../src/useWorkflow.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  WorkflowRunner,\n  WorkflowState,\n} from '@lssm/lib.contracts/workflow';\n\nexport interface UseWorkflowOptions {\n  workflowId: string;\n  runner: WorkflowRunner;\n  autoRefresh?: boolean;\n  refreshIntervalMs?: number;\n}\n\nexport interface UseWorkflowResult {\n  state: WorkflowState | null;\n  isLoading: boolean;\n  error: Error | null;\n  isExecuting: boolean;\n  refresh: () => Promise<void>;\n  executeStep: (input?: unknown) => Promise<void>;\n  cancel: () => Promise<void>;\n}\n\nexport function useWorkflow({\n  workflowId,\n  runner,\n  autoRefresh = true,\n  refreshIntervalMs = 2000,\n}: UseWorkflowOptions): UseWorkflowResult {\n  const isMounted = React.useRef(true);\n  const [state, setState] = React.useState<WorkflowState | null>(null);\n  const [isLoading, setIsLoading] = React.useState(true);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isExecuting, setIsExecuting] = React.useState(false);\n\n  const refresh = React.useCallback(async () => {\n    try {\n      setIsLoading(true);\n      const next = await runner.getState(workflowId);\n      if (!isMounted.current) return;\n      setState(next);\n      setError(null);\n    } catch (err) {\n      if (!isMounted.current) return;\n      setError(err instanceof Error ? err : new Error(String(err)));\n    } finally {\n      if (isMounted.current) setIsLoading(false);\n    }\n  }, [runner, workflowId]);\n\n  const executeStep = React.useCallback(\n    async (input?: unknown) => {\n      setIsExecuting(true);\n      try {\n        await runner.executeStep(workflowId, input);\n        await refresh();\n      } catch (err) {\n        if (isMounted.current) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n        }\n        throw err;\n      } finally {\n        if (isMounted.current) setIsExecuting(false);\n      }\n    },\n    [runner, workflowId, refresh]\n  );\n\n  const cancel = React.useCallback(async () => {\n    await runner.cancel(workflowId);\n    await refresh();\n  }, [runner, workflowId, refresh]);\n\n  React.useEffect(() => {\n    isMounted.current = true;\n    void refresh();\n    if (!autoRefresh) {\n      return () => {\n        isMounted.current = false;\n      };\n    }\n    const interval = setInterval(() => {\n      void refresh();\n    }, refreshIntervalMs);\n    return () => {\n      isMounted.current = false;\n      clearInterval(interval);\n    };\n  }, [refresh, autoRefresh, refreshIntervalMs]);\n\n  return {\n    state,\n    isLoading,\n    error,\n    isExecuting,\n    refresh,\n    executeStep,\n    cancel,\n  };\n}\n"],"mappings":";;;AAuBA,SAAgB,YAAY,EAC1B,YACA,QACA,cAAc,MACd,oBAAoB,OACoB;CACxC,MAAM,YAAY,MAAM,OAAO,KAAK;CACpC,MAAM,CAAC,OAAO,YAAY,MAAM,SAA+B,KAAK;CACpE,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;CACtD,MAAM,CAAC,OAAO,YAAY,MAAM,SAAuB,KAAK;CAC5D,MAAM,CAAC,aAAa,kBAAkB,MAAM,SAAS,MAAM;CAE3D,MAAM,UAAU,MAAM,YAAY,YAAY;AAC5C,MAAI;AACF,gBAAa,KAAK;GAClB,MAAM,OAAO,MAAM,OAAO,SAAS,WAAW;AAC9C,OAAI,CAAC,UAAU,QAAS;AACxB,YAAS,KAAK;AACd,YAAS,KAAK;WACP,KAAK;AACZ,OAAI,CAAC,UAAU,QAAS;AACxB,YAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;YACrD;AACR,OAAI,UAAU,QAAS,cAAa,MAAM;;IAE3C,CAAC,QAAQ,WAAW,CAAC;CAExB,MAAM,cAAc,MAAM,YACxB,OAAO,UAAoB;AACzB,iBAAe,KAAK;AACpB,MAAI;AACF,SAAM,OAAO,YAAY,YAAY,MAAM;AAC3C,SAAM,SAAS;WACR,KAAK;AACZ,OAAI,UAAU,QACZ,UAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;AAE/D,SAAM;YACE;AACR,OAAI,UAAU,QAAS,gBAAe,MAAM;;IAGhD;EAAC;EAAQ;EAAY;EAAQ,CAC9B;CAED,MAAM,SAAS,MAAM,YAAY,YAAY;AAC3C,QAAM,OAAO,OAAO,WAAW;AAC/B,QAAM,SAAS;IACd;EAAC;EAAQ;EAAY;EAAQ,CAAC;AAEjC,OAAM,gBAAgB;AACpB,YAAU,UAAU;AACpB,EAAK,SAAS;AACd,MAAI,CAAC,YACH,cAAa;AACX,aAAU,UAAU;;EAGxB,MAAM,WAAW,kBAAkB;AACjC,GAAK,SAAS;KACb,kBAAkB;AACrB,eAAa;AACX,aAAU,UAAU;AACpB,iBAAc,SAAS;;IAExB;EAAC;EAAS;EAAa;EAAkB,CAAC;AAE7C,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/lib.presentation-runtime-react",
-  "version": "8.0.3",
+  "version": "10.0.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,26 +16,26 @@
     "lint:check": "eslint src"
   },
   "peerDependencies": {
-    "react": "^19.1.0",
-    "react-hook-form": "7.66.0",
+    "react": "^19.2.0",
+    "react-hook-form": "7.66.1",
     "zod": "^4.1.5",
-    "@lssm/lib.presentation-runtime-core": "^1.7.3"
+    "@lssm/lib.presentation-runtime-core": "workspace:*"
   },
   "dependencies": {
-    "@lssm/lib.presentation-runtime-core": "^1.7.3",
-    "@lssm/lib.contracts": "^1.7.3",
-    "@lssm/lib.design-system": "^1.7.3",
-    "@lssm/lib.ui-kit-web": "^1.7.3"
+    "@lssm/lib.presentation-runtime-core": "workspace:*",
+    "@lssm/lib.contracts": "workspace:*",
+    "@lssm/lib.design-system": "workspace:*",
+    "@lssm/lib.ui-kit-web": "workspace:*"
   },
   "files": [
     "dist",
     "README.md"
   ],
   "exports": {
-    ".": "./src/index.ts",
-    "./useWorkflow": "./src/useWorkflow.ts",
-    "./WorkflowStepper": "./src/WorkflowStepper.tsx",
-    "./WorkflowStepRenderer": "./src/WorkflowStepRenderer.tsx",
+    ".": "./dist/index.js",
+    "./useWorkflow": "./dist/useWorkflow.js",
+    "./WorkflowStepper": "./dist/WorkflowStepper.js",
+    "./WorkflowStepRenderer": "./dist/WorkflowStepRenderer.js",
     "./*": "./*"
   },
   "publishConfig": {

package/dist/_virtual/rolldown_runtime.js

@@ -1,22 +0,0 @@
-//#region rolldown:runtime
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function() {
-	return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-//#endregion
-export { __esm };

package/dist/design-system/src/components/atoms/EmptyState.js

@@ -1,15 +0,0 @@
-'use client';
-
-
-import { EmptyState } from "../../../../ui-kit-web/dist/ui/empty-state.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region ../design-system/src/components/atoms/EmptyState.tsx
-function EmptyState$1(props) {
-	return /* @__PURE__ */ jsx(EmptyState, { ...props });
-}
-
-//#endregion
-export { EmptyState$1 as EmptyState };
-//# sourceMappingURL=EmptyState.js.map

package/dist/design-system/src/components/atoms/EmptyState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.js","names":["EmptyState","WebEmptyState"],"sources":["../../../../../../design-system/src/components/atoms/EmptyState.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  EmptyState as WebEmptyState,\n  type EmptyStateProps,\n} from '@lssm/lib.ui-kit-web/ui/empty-state';\n\nexport function EmptyState(props: EmptyStateProps) {\n  return <WebEmptyState {...props} />;\n}\n"],"mappings":";;;;;;;;AAQA,SAAgBA,aAAW,OAAwB;AACjD,QAAO,oBAACC,cAAc,GAAI,QAAS"}

package/dist/design-system/src/components/atoms/LoaderCircular.js

@@ -1,45 +0,0 @@
-import { cn, init_utils } from "../../../../ui-kit-web/dist/ui/utils.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { Loader2 } from "lucide-react";
-
-//#region ../design-system/src/components/atoms/LoaderCircular.tsx
-init_utils();
-const spinnerVariants = cva("animate-spin", {
-	variants: {
-		size: {
-			sm: "h-4 w-4",
-			md: "h-5 w-5",
-			lg: "h-6 w-6"
-		},
-		tone: {
-			default: "text-foreground",
-			muted: "text-muted-foreground"
-		}
-	},
-	defaultVariants: {
-		size: "md",
-		tone: "muted"
-	}
-});
-function LoaderCircular({ size, tone, label, className,...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("inline-flex items-center gap-2", className),
-		role: "status",
-		"aria-live": "polite",
-		"aria-busy": true,
-		...props,
-		children: [/* @__PURE__ */ jsx(Loader2, { className: cn(spinnerVariants({
-			size,
-			tone
-		})) }), label ? /* @__PURE__ */ jsx("span", {
-			className: "text-muted-foreground text-base",
-			children: label
-		}) : null]
-	});
-}
-
-//#endregion
-export { LoaderCircular };
-//# sourceMappingURL=LoaderCircular.js.map

package/dist/design-system/src/components/atoms/LoaderCircular.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoaderCircular.js","names":[],"sources":["../../../../../../design-system/src/components/atoms/LoaderCircular.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nconst spinnerVariants = cva('animate-spin', {\n  variants: {\n    size: {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5',\n      lg: 'h-6 w-6',\n    },\n    tone: {\n      default: 'text-foreground',\n      muted: 'text-muted-foreground',\n    },\n  },\n  defaultVariants: { size: 'md', tone: 'muted' },\n});\n\nexport type LoaderCircularProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof spinnerVariants> & {\n    label?: React.ReactNode;\n  };\n\nexport function LoaderCircular({\n  size,\n  tone,\n  label,\n  className,\n  ...props\n}: LoaderCircularProps) {\n  return (\n    <div\n      className={cn('inline-flex items-center gap-2', className)}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy\n      {...props}\n    >\n      <Loader2 className={cn(spinnerVariants({ size, tone }))} />\n      {label ? (\n        <span className=\"text-muted-foreground text-base\">{label}</span>\n      ) : null}\n    </div>\n  );\n}\n\nexport default LoaderCircular;\n"],"mappings":";;;;;;;YAGmD;AAEnD,MAAM,kBAAkB,IAAI,gBAAgB;CAC1C,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACR;EACF;CACD,iBAAiB;EAAE,MAAM;EAAM,MAAM;EAAS;CAC/C,CAAC;AAOF,SAAgB,eAAe,EAC7B,MACA,MACA,OACA,UACA,GAAG,SACmB;AACtB,QACE,qBAAC;EACC,WAAW,GAAG,kCAAkC,UAAU;EAC1D,MAAK;EACL,aAAU;EACV;EACA,GAAI;aAEJ,oBAAC,WAAQ,WAAW,GAAG,gBAAgB;GAAE;GAAM;GAAM,CAAC,CAAC,GAAI,EAC1D,QACC,oBAAC;GAAK,WAAU;aAAmC;IAAa,GAC9D;GACA"}

package/dist/design-system/src/components/atoms/Stepper.js

@@ -1,15 +0,0 @@
-'use client';
-
-
-import { Stepper } from "../../../../ui-kit-web/dist/ui/stepper.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region ../design-system/src/components/atoms/Stepper.tsx
-function Stepper$1(props) {
-	return /* @__PURE__ */ jsx(Stepper, { ...props });
-}
-
-//#endregion
-export { Stepper$1 as Stepper };
-//# sourceMappingURL=Stepper.js.map

package/dist/design-system/src/components/atoms/Stepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.js","names":["Stepper","WebStepper"],"sources":["../../../../../../design-system/src/components/atoms/Stepper.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Stepper as WebStepper,\n  type StepperProps,\n} from '@lssm/lib.ui-kit-web/ui/stepper';\n\nexport function Stepper(props: StepperProps) {\n  return <WebStepper {...props} />;\n}\n"],"mappings":";;;;;;;;AAQA,SAAgBA,UAAQ,OAAqB;AAC3C,QAAO,oBAACC,WAAW,GAAI,QAAS"}

package/dist/design-system/src/components/molecules/LoaderBlock.js

@@ -1,26 +0,0 @@
-import { cn, init_utils } from "../../../../ui-kit-web/dist/ui/utils.js";
-import { LoaderCircular } from "../atoms/LoaderCircular.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../design-system/src/components/molecules/LoaderBlock.tsx
-init_utils();
-function LoaderBlock({ label, description, className, size = "md" }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center justify-center p-6", className),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "inline-flex items-center gap-3",
-			children: [/* @__PURE__ */ jsx(LoaderCircular, {
-				size,
-				label
-			}), description ? /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground text-base",
-				children: description
-			}) : null]
-		})
-	});
-}
-
-//#endregion
-export { LoaderBlock };
-//# sourceMappingURL=LoaderBlock.js.map

package/dist/design-system/src/components/molecules/LoaderBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoaderBlock.js","names":[],"sources":["../../../../../../design-system/src/components/molecules/LoaderBlock.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { LoaderCircular } from '../atoms/LoaderCircular';\n\nexport interface LoaderBlockProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport function LoaderBlock({\n  label,\n  description,\n  className,\n  size = 'md',\n}: LoaderBlockProps) {\n  return (\n    <div className={cn('flex items-center justify-center p-6', className)}>\n      <div className=\"inline-flex items-center gap-3\">\n        <LoaderCircular size={size} label={label} />\n        {description ? (\n          <span className=\"text-muted-foreground text-base\">{description}</span>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport default LoaderBlock;\n"],"mappings":";;;;;;YACmD;AAUnD,SAAgB,YAAY,EAC1B,OACA,aACA,WACA,OAAO,QACY;AACnB,QACE,oBAAC;EAAI,WAAW,GAAG,wCAAwC,UAAU;YACnE,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAqB;IAAa;KAAS,EAC3C,cACC,oBAAC;IAAK,WAAU;cAAmC;KAAmB,GACpE;IACA;GACF"}

package/dist/ui-kit-web/dist/ui/empty-state.js

@@ -1,44 +0,0 @@
-import { cn, init_utils } from "./utils.js";
-import { VStack } from "./stack.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-
-//#region ../ui-kit-web/dist/ui/empty-state.js
-init_utils();
-const containerVariants = cva("items-center text-center", {
-	variants: { density: {
-		compact: "gap-3 p-6",
-		default: "gap-4 p-8"
-	} },
-	defaultVariants: { density: "default" }
-});
-function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {
-	return /* @__PURE__ */ jsxs(VStack, {
-		className: cn(containerVariants({ density }), className),
-		children: [
-			icon ? /* @__PURE__ */ jsx("div", {
-				className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
-				children: /* @__PURE__ */ jsx("div", {
-					className: "text-muted-foreground flex items-center justify-center",
-					children: icon
-				})
-			}) : null,
-			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-				className: "font-medium",
-				children: title
-			}), description ? /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-base",
-				children: description
-			}) : null] }),
-			(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-center gap-2",
-				children: [primaryAction, secondaryAction]
-			})
-		]
-	});
-}
-
-//#endregion
-export { EmptyState };
-//# sourceMappingURL=empty-state.js.map

package/dist/ui-kit-web/dist/ui/empty-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty-state.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/empty-state.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport { VStack } from \"./stack.js\";\nimport \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/empty-state.tsx\nconst containerVariants = cva(\"items-center text-center\", {\n\tvariants: { density: {\n\t\tcompact: \"gap-3 p-6\",\n\t\tdefault: \"gap-4 p-8\"\n\t} },\n\tdefaultVariants: { density: \"default\" }\n});\nfunction EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {\n\treturn /* @__PURE__ */ jsxs(VStack, {\n\t\tclassName: cn(containerVariants({ density }), className),\n\t\tchildren: [\n\t\t\ticon ? /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"bg-muted flex h-12 w-12 items-center justify-center rounded-full\",\n\t\t\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\tclassName: \"text-muted-foreground flex items-center justify-center\",\n\t\t\t\t\tchildren: icon\n\t\t\t\t})\n\t\t\t}) : null,\n\t\t\t/* @__PURE__ */ jsxs(\"div\", { children: [/* @__PURE__ */ jsx(\"h3\", {\n\t\t\t\tclassName: \"font-medium\",\n\t\t\t\tchildren: title\n\t\t\t}), description ? /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\tclassName: \"text-muted-foreground text-base\",\n\t\t\t\tchildren: description\n\t\t\t}) : null] }),\n\t\t\t(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"flex items-center justify-center gap-2\",\n\t\t\t\tchildren: [primaryAction, secondaryAction]\n\t\t\t})\n\t\t]\n\t});\n}\n\n//#endregion\nexport { EmptyState };\n//# sourceMappingURL=empty-state.js.map"],"mappings":";;;;;;;YAAgC;AAOhC,MAAM,oBAAoB,IAAI,4BAA4B;CACzD,UAAU,EAAE,SAAS;EACpB,SAAS;EACT,SAAS;EACT,EAAE;CACH,iBAAiB,EAAE,SAAS,WAAW;CACvC,CAAC;AACF,SAAS,WAAW,EAAE,MAAM,OAAO,aAAa,eAAe,iBAAiB,WAAW,WAAW;AACrG,QAAuB,qBAAK,QAAQ;EACnC,WAAW,GAAG,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;EACxD,UAAU;GACT,OAAuB,oBAAI,OAAO;IACjC,WAAW;IACX,UAA0B,oBAAI,OAAO;KACpC,WAAW;KACX,UAAU;KACV,CAAC;IACF,CAAC,GAAG;GACW,qBAAK,OAAO,EAAE,UAAU,CAAiB,oBAAI,MAAM;IAClE,WAAW;IACX,UAAU;IACV,CAAC,EAAE,cAA8B,oBAAI,KAAK;IAC1C,WAAW;IACX,UAAU;IACV,CAAC,GAAG,KAAK,EAAE,CAAC;IACZ,iBAAiB,oBAAoC,qBAAK,OAAO;IACjE,WAAW;IACX,UAAU,CAAC,eAAe,gBAAgB;IAC1C,CAAC;GACF;EACD,CAAC"}

package/dist/ui-kit-web/dist/ui/form.js

@@ -1,17 +0,0 @@
-'use client';
-
-
-import * as React$1 from "react";
-import { useForm } from "react-hook-form";
-import "@hookform/resolvers/zod";
-import { jsx } from "react/jsx-runtime";
-import "@radix-ui/react-label";
-import "@radix-ui/react-slot";
-
-//#region ../ui-kit-web/dist/ui/form.js
-const FormFieldContext = React$1.createContext({});
-const FormItemContext = React$1.createContext({});
-
-//#endregion
-export { useForm };
-//# sourceMappingURL=form.js.map

package/dist/ui-kit-web/dist/ui/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/form.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Label } from \"./label.js\";\nimport * as React$1 from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport \"@radix-ui/react-label\";\nimport { Controller, FormProvider, useFieldArray, useForm, useFormContext, useFormState } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\n\n//#region ui/form.tsx\nconst Form = FormProvider;\nconst FormFieldContext = React$1.createContext({});\nconst FormField = ({ ...props }) => {\n\treturn /* @__PURE__ */ jsx(FormFieldContext.Provider, {\n\t\tvalue: { name: props.name },\n\t\tchildren: /* @__PURE__ */ jsx(Controller, { ...props })\n\t});\n};\nconst useFormField = () => {\n\tconst fieldContext = React$1.useContext(FormFieldContext);\n\tconst itemContext = React$1.useContext(FormItemContext);\n\tconst { getFieldState } = useFormContext();\n\tconst formState = useFormState({ name: fieldContext.name });\n\tconst fieldState = getFieldState(fieldContext.name, formState);\n\tif (!fieldContext) throw new Error(\"useFormField should be used within <FormField>\");\n\tconst { id } = itemContext;\n\treturn {\n\t\tid,\n\t\tname: fieldContext.name,\n\t\tformItemId: `${id}-form-item`,\n\t\tformDescriptionId: `${id}-form-item-description`,\n\t\tformMessageId: `${id}-form-item-message`,\n\t\t...fieldState\n\t};\n};\nconst FormItemContext = React$1.createContext({});\nfunction FormItem({ className,...props }) {\n\tconst id = React$1.useId();\n\treturn /* @__PURE__ */ jsx(FormItemContext.Provider, {\n\t\tvalue: { id },\n\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\"data-slot\": \"form-item\",\n\t\t\tclassName: cn(\"grid gap-2\", className),\n\t\t\t...props\n\t\t})\n\t});\n}\nfunction FormLabel({ className,...props }) {\n\tconst { error, formItemId } = useFormField();\n\treturn /* @__PURE__ */ jsx(Label, {\n\t\t\"data-slot\": \"form-label\",\n\t\t\"data-error\": !!error,\n\t\tclassName: cn(\"data-[error=true]:text-destructive\", className),\n\t\thtmlFor: formItemId,\n\t\t...props\n\t});\n}\nfunction FormControl({ ...props }) {\n\tconst { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\treturn /* @__PURE__ */ jsx(Slot, {\n\t\t\"data-slot\": \"form-control\",\n\t\tid: formItemId,\n\t\t\"aria-describedby\": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,\n\t\t\"aria-invalid\": !!error,\n\t\t...props\n\t});\n}\nfunction FormDescription({ className,...props }) {\n\tconst { formDescriptionId } = useFormField();\n\treturn /* @__PURE__ */ jsx(\"p\", {\n\t\t\"data-slot\": \"form-description\",\n\t\tid: formDescriptionId,\n\t\tclassName: cn(\"text-muted-foreground text-sm\", className),\n\t\t...props\n\t});\n}\nfunction FormMessage({ className,...props }) {\n\tconst { error, formMessageId } = useFormField();\n\tconst body = error ? String(error?.message ?? \"\") : props.children;\n\tif (!body) return null;\n\treturn /* @__PURE__ */ jsx(\"p\", {\n\t\t\"data-slot\": \"form-message\",\n\t\tid: formMessageId,\n\t\tclassName: cn(\"text-destructive text-sm\", className),\n\t\t...props,\n\t\tchildren: body\n\t});\n}\n\n//#endregion\nexport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFieldArray, useForm, useFormField, zodResolver };\n//# sourceMappingURL=form.js.map"],"mappings":";;;;;;;;;;;AAcA,MAAM,mBAAmB,QAAQ,cAAc,EAAE,CAAC;AAwBlD,MAAM,kBAAkB,QAAQ,cAAc,EAAE,CAAC"}

package/dist/ui-kit-web/dist/ui/stack.js

@@ -1,159 +0,0 @@
-import { cn, init_utils } from "./utils.js";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-
-//#region ../ui-kit-web/dist/ui/stack.js
-init_utils();
-const vStackVariants = cva("flex flex-col", {
-	variants: {
-		gap: {
-			none: "gap-0",
-			xs: "gap-1",
-			sm: "gap-2",
-			md: "gap-3",
-			lg: "gap-4",
-			xl: "gap-6",
-			"2xl": "gap-8"
-		},
-		align: {
-			start: "items-start",
-			center: "items-center",
-			end: "items-end",
-			stretch: "items-stretch"
-		},
-		justify: {
-			start: "justify-start",
-			center: "justify-center",
-			end: "justify-end",
-			between: "justify-between",
-			around: "justify-around",
-			evenly: "justify-evenly"
-		}
-	},
-	defaultVariants: {
-		gap: "md",
-		align: "stretch",
-		justify: "start"
-	}
-});
-const VStack = React$1.forwardRef(({ className, gap, align, justify, as = "div",...props }, ref) => {
-	return /* @__PURE__ */ jsx(as, {
-		ref,
-		className: cn(vStackVariants({
-			gap,
-			align,
-			justify
-		}), className),
-		...props
-	});
-});
-VStack.displayName = "VStack";
-const hStackVariants = cva("flex flex-row", {
-	variants: {
-		gap: {
-			none: "gap-0",
-			xs: "gap-1",
-			sm: "gap-2",
-			md: "gap-3",
-			lg: "gap-4",
-			xl: "gap-6",
-			"2xl": "gap-8"
-		},
-		align: {
-			start: "items-start",
-			center: "items-center",
-			end: "items-end",
-			stretch: "items-stretch",
-			baseline: "items-baseline"
-		},
-		justify: {
-			start: "justify-start",
-			center: "justify-center",
-			end: "justify-end",
-			between: "justify-between",
-			around: "justify-around",
-			evenly: "justify-evenly"
-		},
-		wrap: {
-			nowrap: "flex-nowrap",
-			wrap: "flex-wrap",
-			wrapReverse: "flex-wrap-reverse"
-		}
-	},
-	defaultVariants: {
-		gap: "md",
-		align: "center",
-		justify: "start",
-		wrap: "wrap"
-	}
-});
-const HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div",...props }, ref) => {
-	return /* @__PURE__ */ jsx(as, {
-		ref,
-		className: cn(hStackVariants({
-			gap,
-			align,
-			justify,
-			wrap
-		}), className),
-		...props
-	});
-});
-HStack.displayName = "HStack";
-const boxVariants = cva("flex flex-row", {
-	variants: {
-		gap: {
-			none: "gap-0",
-			xs: "gap-1",
-			sm: "gap-2",
-			md: "gap-3",
-			lg: "gap-4",
-			xl: "gap-6",
-			"2xl": "gap-8"
-		},
-		align: {
-			start: "items-start",
-			center: "items-center",
-			end: "items-end",
-			stretch: "items-stretch",
-			baseline: "items-baseline"
-		},
-		justify: {
-			start: "justify-start",
-			center: "justify-center",
-			end: "justify-end",
-			between: "justify-between",
-			around: "justify-around",
-			evenly: "justify-evenly"
-		},
-		wrap: {
-			nowrap: "flex-nowrap",
-			wrap: "flex-wrap",
-			wrapReverse: "flex-wrap-reverse"
-		}
-	},
-	defaultVariants: {
-		gap: "md",
-		align: "center",
-		justify: "center",
-		wrap: "nowrap"
-	}
-});
-const Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div",...props }, ref) => {
-	return /* @__PURE__ */ jsx(as, {
-		ref,
-		className: cn(boxVariants({
-			gap,
-			align,
-			justify,
-			wrap
-		}), className),
-		...props
-	});
-});
-Box.displayName = "Box";
-
-//#endregion
-export { HStack, VStack };
-//# sourceMappingURL=stack.js.map

package/dist/ui-kit-web/dist/ui/stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/stack.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport * as React$1 from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/stack.tsx\nconst vStackVariants = cva(\"flex flex-col\", {\n\tvariants: {\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\txs: \"gap-1\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-4\",\n\t\t\txl: \"gap-6\",\n\t\t\t\"2xl\": \"gap-8\"\n\t\t},\n\t\talign: {\n\t\t\tstart: \"items-start\",\n\t\t\tcenter: \"items-center\",\n\t\t\tend: \"items-end\",\n\t\t\tstretch: \"items-stretch\"\n\t\t},\n\t\tjustify: {\n\t\t\tstart: \"justify-start\",\n\t\t\tcenter: \"justify-center\",\n\t\t\tend: \"justify-end\",\n\t\t\tbetween: \"justify-between\",\n\t\t\taround: \"justify-around\",\n\t\t\tevenly: \"justify-evenly\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tgap: \"md\",\n\t\talign: \"stretch\",\n\t\tjustify: \"start\"\n\t}\n});\nconst VStack = React$1.forwardRef(({ className, gap, align, justify, as = \"div\",...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(as, {\n\t\tref,\n\t\tclassName: cn(vStackVariants({\n\t\t\tgap,\n\t\t\talign,\n\t\t\tjustify\n\t\t}), className),\n\t\t...props\n\t});\n});\nVStack.displayName = \"VStack\";\nconst hStackVariants = cva(\"flex flex-row\", {\n\tvariants: {\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\txs: \"gap-1\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-4\",\n\t\t\txl: \"gap-6\",\n\t\t\t\"2xl\": \"gap-8\"\n\t\t},\n\t\talign: {\n\t\t\tstart: \"items-start\",\n\t\t\tcenter: \"items-center\",\n\t\t\tend: \"items-end\",\n\t\t\tstretch: \"items-stretch\",\n\t\t\tbaseline: \"items-baseline\"\n\t\t},\n\t\tjustify: {\n\t\t\tstart: \"justify-start\",\n\t\t\tcenter: \"justify-center\",\n\t\t\tend: \"justify-end\",\n\t\t\tbetween: \"justify-between\",\n\t\t\taround: \"justify-around\",\n\t\t\tevenly: \"justify-evenly\"\n\t\t},\n\t\twrap: {\n\t\t\tnowrap: \"flex-nowrap\",\n\t\t\twrap: \"flex-wrap\",\n\t\t\twrapReverse: \"flex-wrap-reverse\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tgap: \"md\",\n\t\talign: \"center\",\n\t\tjustify: \"start\",\n\t\twrap: \"wrap\"\n\t}\n});\nconst HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = \"div\",...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(as, {\n\t\tref,\n\t\tclassName: cn(hStackVariants({\n\t\t\tgap,\n\t\t\talign,\n\t\t\tjustify,\n\t\t\twrap\n\t\t}), className),\n\t\t...props\n\t});\n});\nHStack.displayName = \"HStack\";\nconst boxVariants = cva(\"flex flex-row\", {\n\tvariants: {\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\txs: \"gap-1\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-4\",\n\t\t\txl: \"gap-6\",\n\t\t\t\"2xl\": \"gap-8\"\n\t\t},\n\t\talign: {\n\t\t\tstart: \"items-start\",\n\t\t\tcenter: \"items-center\",\n\t\t\tend: \"items-end\",\n\t\t\tstretch: \"items-stretch\",\n\t\t\tbaseline: \"items-baseline\"\n\t\t},\n\t\tjustify: {\n\t\t\tstart: \"justify-start\",\n\t\t\tcenter: \"justify-center\",\n\t\t\tend: \"justify-end\",\n\t\t\tbetween: \"justify-between\",\n\t\t\taround: \"justify-around\",\n\t\t\tevenly: \"justify-evenly\"\n\t\t},\n\t\twrap: {\n\t\t\tnowrap: \"flex-nowrap\",\n\t\t\twrap: \"flex-wrap\",\n\t\t\twrapReverse: \"flex-wrap-reverse\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tgap: \"md\",\n\t\talign: \"center\",\n\t\tjustify: \"center\",\n\t\twrap: \"nowrap\"\n\t}\n});\nconst Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = \"div\",...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(as, {\n\t\tref,\n\t\tclassName: cn(boxVariants({\n\t\t\tgap,\n\t\t\talign,\n\t\t\tjustify,\n\t\t\twrap\n\t\t}), className),\n\t\t...props\n\t});\n});\nBox.displayName = \"Box\";\n\n//#endregion\nexport { Box, HStack, VStack, boxVariants, hStackVariants, vStackVariants };\n//# sourceMappingURL=stack.js.map"],"mappings":";;;;;;YAAgC;AAMhC,MAAM,iBAAiB,IAAI,iBAAiB;CAC3C,UAAU;EACT,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,OAAO;GACN,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT;EACD,SAAS;GACR,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACR;EACD;CACD,iBAAiB;EAChB,KAAK;EACL,OAAO;EACP,SAAS;EACT;CACD,CAAC;AACF,MAAM,SAAS,QAAQ,YAAY,EAAE,WAAW,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,SAAS,QAAQ;AACnG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,eAAe;GAC5B;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,OAAO,cAAc;AACrB,MAAM,iBAAiB,IAAI,iBAAiB;CAC3C,UAAU;EACT,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,OAAO;GACN,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACV;EACD,SAAS;GACR,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACR;EACD,MAAM;GACL,QAAQ;GACR,MAAM;GACN,aAAa;GACb;EACD;CACD,iBAAiB;EAChB,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACN;CACD,CAAC;AACF,MAAM,SAAS,QAAQ,YAAY,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,MAAM,GAAG,SAAS,QAAQ;AACzG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,eAAe;GAC5B;GACA;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,OAAO,cAAc;AACrB,MAAM,cAAc,IAAI,iBAAiB;CACxC,UAAU;EACT,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,OAAO;GACN,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACV;EACD,SAAS;GACR,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACR;EACD,MAAM;GACL,QAAQ;GACR,MAAM;GACN,aAAa;GACb;EACD;CACD,iBAAiB;EAChB,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACN;CACD,CAAC;AACF,MAAM,MAAM,QAAQ,YAAY,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,MAAM,GAAG,SAAS,QAAQ;AACtG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,YAAY;GACzB;GACA;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,IAAI,cAAc"}

package/dist/ui-kit-web/dist/ui/stepper.js

@@ -1,38 +0,0 @@
-import { cn, init_utils } from "./utils.js";
-import { HStack } from "./stack.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-
-//#region ../ui-kit-web/dist/ui/stepper.js
-init_utils();
-const dotVariants = cva("h-2 w-2 rounded-full", {
-	variants: {
-		state: {
-			active: "bg-primary",
-			inactive: "bg-muted-foreground/20"
-		},
-		size: {
-			sm: "",
-			md: "h-2.5 w-2.5"
-		}
-	},
-	defaultVariants: {
-		state: "inactive",
-		size: "md"
-	}
-});
-function Stepper({ current, total, size, className }) {
-	const items = Array.from({ length: Math.max(0, total) });
-	return /* @__PURE__ */ jsx(HStack, {
-		className: cn("items-center gap-2", className),
-		children: items.map((_, idx) => /* @__PURE__ */ jsx("span", { className: cn(dotVariants({
-			state: idx + 1 === current ? "active" : "inactive",
-			size
-		})) }, idx))
-	});
-}
-
-//#endregion
-export { Stepper };
-//# sourceMappingURL=stepper.js.map

package/dist/ui-kit-web/dist/ui/stepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/stepper.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport { HStack } from \"./stack.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/stepper.tsx\nconst dotVariants = cva(\"h-2 w-2 rounded-full\", {\n\tvariants: {\n\t\tstate: {\n\t\t\tactive: \"bg-primary\",\n\t\t\tinactive: \"bg-muted-foreground/20\"\n\t\t},\n\t\tsize: {\n\t\t\tsm: \"\",\n\t\t\tmd: \"h-2.5 w-2.5\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tstate: \"inactive\",\n\t\tsize: \"md\"\n\t}\n});\nfunction Stepper({ current, total, size, className }) {\n\tconst items = Array.from({ length: Math.max(0, total) });\n\treturn /* @__PURE__ */ jsx(HStack, {\n\t\tclassName: cn(\"items-center gap-2\", className),\n\t\tchildren: items.map((_, idx) => /* @__PURE__ */ jsx(\"span\", { className: cn(dotVariants({\n\t\t\tstate: idx + 1 === current ? \"active\" : \"inactive\",\n\t\t\tsize\n\t\t})) }, idx))\n\t});\n}\n\n//#endregion\nexport { Stepper };\n//# sourceMappingURL=stepper.js.map"],"mappings":";;;;;;;YAAgC;AAOhC,MAAM,cAAc,IAAI,wBAAwB;CAC/C,UAAU;EACT,OAAO;GACN,QAAQ;GACR,UAAU;GACV;EACD,MAAM;GACL,IAAI;GACJ,IAAI;GACJ;EACD;CACD,iBAAiB;EAChB,OAAO;EACP,MAAM;EACN;CACD,CAAC;AACF,SAAS,QAAQ,EAAE,SAAS,OAAO,MAAM,aAAa;CACrD,MAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,EAAE,CAAC;AACxD,QAAuB,oBAAI,QAAQ;EAClC,WAAW,GAAG,sBAAsB,UAAU;EAC9C,UAAU,MAAM,KAAK,GAAG,QAAwB,oBAAI,QAAQ,EAAE,WAAW,GAAG,YAAY;GACvF,OAAO,MAAM,MAAM,UAAU,WAAW;GACxC;GACA,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC;EACZ,CAAC"}

package/dist/ui-kit-web/dist/ui/utils.js

@@ -1,14 +0,0 @@
-import { __esm } from "../../../_virtual/rolldown_runtime.js";
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-//#region ../ui-kit-web/dist/ui/utils.js
-function cn(...inputs) {
-	return twMerge(clsx(inputs));
-}
-var init_utils = __esm({ "../ui-kit-web/dist/ui/utils.js": (() => {}) });
-
-//#endregion
-init_utils();
-export { cn, init_utils };
-//# sourceMappingURL=utils.js.map

package/dist/ui-kit-web/dist/ui/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/utils.js"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n//#region ui/utils.ts\nfunction cn(...inputs) {\n\treturn twMerge(clsx(inputs));\n}\n\n//#endregion\nexport { cn };\n//# sourceMappingURL=utils.js.map"],"mappings":";;;;;AAIA,SAAS,GAAG,GAAG,QAAQ;AACtB,QAAO,QAAQ,KAAK,OAAO,CAAC"}