@lssm/lib.presentation-runtime-react 0.0.0-canary-20251222120211 → 0.0.0-canary-20251223012036

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/WorkflowStepRenderer.js +1 -2
  2. package/dist/WorkflowStepRenderer.js.map +1 -1
  3. package/dist/WorkflowStepper.js +1 -1
  4. package/dist/index.js +1 -1
  5. package/package.json +7 -7
  6. package/dist/design-system/dist/_virtual/rolldown_runtime.js +0 -6
  7. package/dist/design-system/dist/_virtual/rolldown_runtime.js.map +0 -1
  8. package/dist/design-system/dist/components/atoms/EmptyState.js +0 -14
  9. package/dist/design-system/dist/components/atoms/EmptyState.js.map +0 -1
  10. package/dist/design-system/dist/components/atoms/LoaderCircular.js +0 -44
  11. package/dist/design-system/dist/components/atoms/LoaderCircular.js.map +0 -1
  12. package/dist/design-system/dist/components/atoms/Stepper.js +0 -14
  13. package/dist/design-system/dist/components/atoms/Stepper.js.map +0 -1
  14. package/dist/design-system/dist/components/molecules/LoaderBlock.js +0 -25
  15. package/dist/design-system/dist/components/molecules/LoaderBlock.js.map +0 -1
  16. package/dist/design-system/dist/ui-kit-web/dist/ui/empty-state.js +0 -44
  17. package/dist/design-system/dist/ui-kit-web/dist/ui/empty-state.js.map +0 -1
  18. package/dist/design-system/dist/ui-kit-web/dist/ui/stack.js +0 -159
  19. package/dist/design-system/dist/ui-kit-web/dist/ui/stack.js.map +0 -1
  20. package/dist/design-system/dist/ui-kit-web/dist/ui/stepper.js +0 -38
  21. package/dist/design-system/dist/ui-kit-web/dist/ui/stepper.js.map +0 -1
  22. package/dist/design-system/dist/ui-kit-web/dist/ui/utils.js +0 -11
  23. package/dist/design-system/dist/ui-kit-web/dist/ui/utils.js.map +0 -1
  24. package/dist/design-system/dist/ui-kit-web/dist/ui-kit-core/dist/utils.js +0 -14
  25. package/dist/design-system/dist/ui-kit-web/dist/ui-kit-core/dist/utils.js.map +0 -1
  26. package/dist/ui-kit-web/dist/ui/form.js +0 -16
  27. package/dist/ui-kit-web/dist/ui/form.js.map +0 -1
@@ -1,6 +1,5 @@
1
- import { EmptyState } from "./design-system/dist/components/atoms/EmptyState.js";
2
- import { LoaderBlock } from "./design-system/dist/components/molecules/LoaderBlock.js";
3
1
  import "react";
2
+ import { EmptyState, LoaderBlock } from "@lssm/lib.design-system";
4
3
  import { jsx } from "react/jsx-runtime";
5
4
 
6
5
  //#region src/WorkflowStepRenderer.tsx
@@ -1 +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"}
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"}
@@ -1,5 +1,5 @@
1
- import { Stepper } from "./design-system/dist/components/atoms/Stepper.js";
2
1
  import "react";
2
+ import { Stepper } from "@lssm/lib.design-system";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
 
5
5
  //#region src/WorkflowStepper.tsx
package/dist/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { WorkflowStepRenderer } from "./WorkflowStepRenderer.js";
2
2
  import { WorkflowStepper } from "./WorkflowStepper.js";
3
- import { useForm } from "./ui-kit-web/dist/ui/form.js";
4
3
  import { useWorkflow } from "./useWorkflow.js";
5
4
  import * as React from "react";
5
+ import { useForm } from "@lssm/lib.ui-kit-web/ui/form";
6
6
 
7
7
  //#region src/index.ts
8
8
  function usePresentationController({ defaults, form: formOpts, toVariables, fetcher, toChips, useUrlState, replace }) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lssm/lib.presentation-runtime-react",
3
- "version": "0.0.0-canary-20251222120211",
3
+ "version": "0.0.0-canary-20251223012036",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -9,7 +9,7 @@
9
9
  "scripts": {
10
10
  "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
11
11
  "publish:pkg:canary": "bun publish:pkg --tag canary",
12
- "build": "bun build:bundle && bun build:types",
12
+ "build": "bun build:types && bun build:bundle",
13
13
  "build:bundle": "tsdown",
14
14
  "build:types": "tsc --noEmit -p tsconfig.json",
15
15
  "dev": "bun run build:bundle --watch",
@@ -21,13 +21,13 @@
21
21
  "react": "^19.2.3",
22
22
  "react-hook-form": "^7.68.0",
23
23
  "zod": "^4.1.13",
24
- "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251222120211"
24
+ "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251223012036"
25
25
  },
26
26
  "dependencies": {
27
- "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251222120211",
28
- "@lssm/lib.contracts": "0.0.0-canary-20251222120211",
29
- "@lssm/lib.design-system": "0.0.0-canary-20251222120211",
30
- "@lssm/lib.ui-kit-web": "0.0.0-canary-20251222120211"
27
+ "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251223012036",
28
+ "@lssm/lib.contracts": "0.0.0-canary-20251223012036",
29
+ "@lssm/lib.design-system": "0.0.0-canary-20251223012036",
30
+ "@lssm/lib.ui-kit-web": "0.0.0-canary-20251223012036"
31
31
  },
32
32
  "files": [
33
33
  "dist",
@@ -1,6 +0,0 @@
1
- //#region ../design-system/dist/_virtual/rolldown_runtime.js
2
- var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
3
-
4
- //#endregion
5
- export { __esmMin };
6
- //# sourceMappingURL=rolldown_runtime.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rolldown_runtime.js","names":[],"sources":["../../../../../design-system/dist/_virtual/rolldown_runtime.js"],"sourcesContent":["//#region rolldown:runtime\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);\nvar __export = (all, symbols) => {\n\tlet target = {};\n\tfor (var name in all) {\n\t\t__defProp(target, name, {\n\t\t\tget: all[name],\n\t\t\tenumerable: true\n\t\t});\n\t}\n\tif (symbols) {\n\t\t__defProp(target, Symbol.toStringTag, { value: \"Module\" });\n\t}\n\treturn target;\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {\n\t\t\tkey = keys[i];\n\t\t\tif (!__hasOwnProp.call(to, key) && key !== except) {\n\t\t\t\t__defProp(to, key, {\n\t\t\t\t\tget: ((k) => from[k]).bind(null, key),\n\t\t\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __hasOwnProp.call(mod, \"module.exports\") ? mod[\"module.exports\"] : __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n//#endregion\nexport { __esmMin, __export, __toCommonJS };"],"mappings":";AAKA,IAAI,YAAY,IAAI,eAAe,OAAO,MAAM,GAAG,KAAK,EAAE,GAAG"}
@@ -1,14 +0,0 @@
1
- 'use client';
2
-
3
- import { EmptyState as EmptyState$1 } from "../../ui-kit-web/dist/ui/empty-state.js";
4
- import "react";
5
- import { jsx } from "react/jsx-runtime";
6
-
7
- //#region ../design-system/dist/components/atoms/EmptyState.js
8
- function EmptyState(props) {
9
- return /* @__PURE__ */ jsx(EmptyState$1, { ...props });
10
- }
11
-
12
- //#endregion
13
- export { EmptyState };
14
- //# sourceMappingURL=EmptyState.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EmptyState.js","names":[],"sources":["../../../../../../design-system/dist/components/atoms/EmptyState.js"],"sourcesContent":["'use client';\n\nimport { EmptyState as EmptyState$1 } from \"../../ui-kit-web/dist/ui/empty-state.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\n\n//#region src/components/atoms/EmptyState.tsx\nfunction EmptyState(props) {\n\treturn /* @__PURE__ */ jsx(EmptyState$1, { ...props });\n}\n\n//#endregion\nexport { EmptyState };\n//# sourceMappingURL=EmptyState.js.map"],"mappings":";;;;;;;AAOA,SAAS,WAAW,OAAO;AAC1B,QAAuB,oBAAI,cAAc,EAAE,GAAG,OAAO,CAAC"}
@@ -1,44 +0,0 @@
1
- import { cn } from "../../ui-kit-web/dist/ui/utils.js";
2
- import "react";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- import { cva } from "class-variance-authority";
5
- import { Loader2 } from "lucide-react";
6
-
7
- //#region ../design-system/dist/components/atoms/LoaderCircular.js
8
- const spinnerVariants = cva("animate-spin", {
9
- variants: {
10
- size: {
11
- sm: "h-4 w-4",
12
- md: "h-5 w-5",
13
- lg: "h-6 w-6"
14
- },
15
- tone: {
16
- default: "text-foreground",
17
- muted: "text-muted-foreground"
18
- }
19
- },
20
- defaultVariants: {
21
- size: "md",
22
- tone: "muted"
23
- }
24
- });
25
- function LoaderCircular({ size, tone, label, className, ...props }) {
26
- return /* @__PURE__ */ jsxs("div", {
27
- className: cn("inline-flex items-center gap-2", className),
28
- role: "status",
29
- "aria-live": "polite",
30
- "aria-busy": true,
31
- ...props,
32
- children: [/* @__PURE__ */ jsx(Loader2, { className: cn(spinnerVariants({
33
- size,
34
- tone
35
- })) }), label ? /* @__PURE__ */ jsx("span", {
36
- className: "text-muted-foreground text-base",
37
- children: label
38
- }) : null]
39
- });
40
- }
41
-
42
- //#endregion
43
- export { LoaderCircular };
44
- //# sourceMappingURL=LoaderCircular.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LoaderCircular.js","names":[],"sources":["../../../../../../design-system/dist/components/atoms/LoaderCircular.js"],"sourcesContent":["import { cn } from \"../../ui-kit-web/dist/ui/utils.js\";\nimport \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\nimport { Loader2 } from \"lucide-react\";\n\n//#region src/components/atoms/LoaderCircular.tsx\nconst spinnerVariants = cva(\"animate-spin\", {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: \"h-4 w-4\",\n\t\t\tmd: \"h-5 w-5\",\n\t\t\tlg: \"h-6 w-6\"\n\t\t},\n\t\ttone: {\n\t\t\tdefault: \"text-foreground\",\n\t\t\tmuted: \"text-muted-foreground\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\ttone: \"muted\"\n\t}\n});\nfunction LoaderCircular({ size, tone, label, className, ...props }) {\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: cn(\"inline-flex items-center gap-2\", className),\n\t\trole: \"status\",\n\t\t\"aria-live\": \"polite\",\n\t\t\"aria-busy\": true,\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsx(Loader2, { className: cn(spinnerVariants({\n\t\t\tsize,\n\t\t\ttone\n\t\t})) }), label ? /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: \"text-muted-foreground text-base\",\n\t\t\tchildren: label\n\t\t}) : null]\n\t});\n}\n\n//#endregion\nexport { LoaderCircular };\n//# sourceMappingURL=LoaderCircular.js.map"],"mappings":";;;;;;;AAOA,MAAM,kBAAkB,IAAI,gBAAgB;CAC3C,UAAU;EACT,MAAM;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ;EACD,MAAM;GACL,SAAS;GACT,OAAO;GACP;EACD;CACD,iBAAiB;EAChB,MAAM;EACN,MAAM;EACN;CACD,CAAC;AACF,SAAS,eAAe,EAAE,MAAM,MAAM,OAAO,WAAW,GAAG,SAAS;AACnE,QAAuB,qBAAK,OAAO;EAClC,WAAW,GAAG,kCAAkC,UAAU;EAC1D,MAAM;EACN,aAAa;EACb,aAAa;EACb,GAAG;EACH,UAAU,CAAiB,oBAAI,SAAS,EAAE,WAAW,GAAG,gBAAgB;GACvE;GACA;GACA,CAAC,CAAC,EAAE,CAAC,EAAE,QAAwB,oBAAI,QAAQ;GAC3C,WAAW;GACX,UAAU;GACV,CAAC,GAAG,KAAK;EACV,CAAC"}
@@ -1,14 +0,0 @@
1
- 'use client';
2
-
3
- import { Stepper as Stepper$1 } from "../../ui-kit-web/dist/ui/stepper.js";
4
- import "react";
5
- import { jsx } from "react/jsx-runtime";
6
-
7
- //#region ../design-system/dist/components/atoms/Stepper.js
8
- function Stepper(props) {
9
- return /* @__PURE__ */ jsx(Stepper$1, { ...props });
10
- }
11
-
12
- //#endregion
13
- export { Stepper };
14
- //# sourceMappingURL=Stepper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Stepper.js","names":[],"sources":["../../../../../../design-system/dist/components/atoms/Stepper.js"],"sourcesContent":["'use client';\n\nimport { Stepper as Stepper$1 } from \"../../ui-kit-web/dist/ui/stepper.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\n\n//#region src/components/atoms/Stepper.tsx\nfunction Stepper(props) {\n\treturn /* @__PURE__ */ jsx(Stepper$1, { ...props });\n}\n\n//#endregion\nexport { Stepper };\n//# sourceMappingURL=Stepper.js.map"],"mappings":";;;;;;;AAOA,SAAS,QAAQ,OAAO;AACvB,QAAuB,oBAAI,WAAW,EAAE,GAAG,OAAO,CAAC"}
@@ -1,25 +0,0 @@
1
- import { cn } from "../../ui-kit-web/dist/ui/utils.js";
2
- import { LoaderCircular } from "../atoms/LoaderCircular.js";
3
- import "react";
4
- import { jsx, jsxs } from "react/jsx-runtime";
5
-
6
- //#region ../design-system/dist/components/molecules/LoaderBlock.js
7
- function LoaderBlock({ label, description, className, size = "md" }) {
8
- return /* @__PURE__ */ jsx("div", {
9
- className: cn("flex items-center justify-center p-6", className),
10
- children: /* @__PURE__ */ jsxs("div", {
11
- className: "inline-flex items-center gap-3",
12
- children: [/* @__PURE__ */ jsx(LoaderCircular, {
13
- size,
14
- label
15
- }), description ? /* @__PURE__ */ jsx("span", {
16
- className: "text-muted-foreground text-base",
17
- children: description
18
- }) : null]
19
- })
20
- });
21
- }
22
-
23
- //#endregion
24
- export { LoaderBlock };
25
- //# sourceMappingURL=LoaderBlock.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LoaderBlock.js","names":[],"sources":["../../../../../../design-system/dist/components/molecules/LoaderBlock.js"],"sourcesContent":["import { cn } from \"../../ui-kit-web/dist/ui/utils.js\";\nimport { LoaderCircular } from \"../atoms/LoaderCircular.js\";\nimport \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/components/molecules/LoaderBlock.tsx\nfunction LoaderBlock({ label, description, className, size = \"md\" }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tclassName: cn(\"flex items-center justify-center p-6\", className),\n\t\tchildren: /* @__PURE__ */ jsxs(\"div\", {\n\t\t\tclassName: \"inline-flex items-center gap-3\",\n\t\t\tchildren: [/* @__PURE__ */ jsx(LoaderCircular, {\n\t\t\t\tsize,\n\t\t\t\tlabel\n\t\t\t}), description ? /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\tclassName: \"text-muted-foreground text-base\",\n\t\t\t\tchildren: description\n\t\t\t}) : null]\n\t\t})\n\t});\n}\n\n//#endregion\nexport { LoaderBlock };\n//# sourceMappingURL=LoaderBlock.js.map"],"mappings":";;;;;;AAMA,SAAS,YAAY,EAAE,OAAO,aAAa,WAAW,OAAO,QAAQ;AACpE,QAAuB,oBAAI,OAAO;EACjC,WAAW,GAAG,wCAAwC,UAAU;EAChE,UAA0B,qBAAK,OAAO;GACrC,WAAW;GACX,UAAU,CAAiB,oBAAI,gBAAgB;IAC9C;IACA;IACA,CAAC,EAAE,cAA8B,oBAAI,QAAQ;IAC7C,WAAW;IACX,UAAU;IACV,CAAC,GAAG,KAAK;GACV,CAAC;EACF,CAAC"}
@@ -1,44 +0,0 @@
1
- import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
2
- import { VStack } from "./stack.js";
3
- import "react";
4
- import { jsx, jsxs } from "react/jsx-runtime";
5
- import { cva } from "class-variance-authority";
6
-
7
- //#region ../design-system/dist/ui-kit-web/dist/ui/empty-state.js
8
- init_utils();
9
- const containerVariants = cva("items-center text-center", {
10
- variants: { density: {
11
- compact: "gap-3 p-6",
12
- default: "gap-4 p-8"
13
- } },
14
- defaultVariants: { density: "default" }
15
- });
16
- function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {
17
- return /* @__PURE__ */ jsxs(VStack, {
18
- className: cn(containerVariants({ density }), className),
19
- children: [
20
- icon ? /* @__PURE__ */ jsx("div", {
21
- className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
22
- children: /* @__PURE__ */ jsx("div", {
23
- className: "text-muted-foreground flex items-center justify-center",
24
- children: icon
25
- })
26
- }) : null,
27
- /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
28
- className: "font-medium",
29
- children: title
30
- }), description ? /* @__PURE__ */ jsx("p", {
31
- className: "text-muted-foreground text-base",
32
- children: description
33
- }) : null] }),
34
- (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", {
35
- className: "flex items-center justify-center gap-2",
36
- children: [primaryAction, secondaryAction]
37
- })
38
- ]
39
- });
40
- }
41
-
42
- //#endregion
43
- export { EmptyState };
44
- //# sourceMappingURL=empty-state.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"empty-state.js","names":[],"sources":["../../../../../../../design-system/dist/ui-kit-web/dist/ui/empty-state.js"],"sourcesContent":["import { cn, init_utils } from \"../ui-kit-core/dist/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-kit-web/dist/ui/empty-state.js\ninit_utils();\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":";;;;;;;AAOA,YAAY;AACZ,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"}
@@ -1,159 +0,0 @@
1
- import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
2
- import * as React$1 from "react";
3
- import { jsx } from "react/jsx-runtime";
4
- import { cva } from "class-variance-authority";
5
-
6
- //#region ../design-system/dist/ui-kit-web/dist/ui/stack.js
7
- init_utils();
8
- const vStackVariants = cva("flex flex-col", {
9
- variants: {
10
- gap: {
11
- none: "gap-0",
12
- xs: "gap-1",
13
- sm: "gap-2",
14
- md: "gap-3",
15
- lg: "gap-4",
16
- xl: "gap-6",
17
- "2xl": "gap-8"
18
- },
19
- align: {
20
- start: "items-start",
21
- center: "items-center",
22
- end: "items-end",
23
- stretch: "items-stretch"
24
- },
25
- justify: {
26
- start: "justify-start",
27
- center: "justify-center",
28
- end: "justify-end",
29
- between: "justify-between",
30
- around: "justify-around",
31
- evenly: "justify-evenly"
32
- }
33
- },
34
- defaultVariants: {
35
- gap: "md",
36
- align: "stretch",
37
- justify: "start"
38
- }
39
- });
40
- const VStack = React$1.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
41
- return /* @__PURE__ */ jsx(as, {
42
- ref,
43
- className: cn(vStackVariants({
44
- gap,
45
- align,
46
- justify
47
- }), className),
48
- ...props
49
- });
50
- });
51
- VStack.displayName = "VStack";
52
- const hStackVariants = cva("flex flex-row", {
53
- variants: {
54
- gap: {
55
- none: "gap-0",
56
- xs: "gap-1",
57
- sm: "gap-2",
58
- md: "gap-3",
59
- lg: "gap-4",
60
- xl: "gap-6",
61
- "2xl": "gap-8"
62
- },
63
- align: {
64
- start: "items-start",
65
- center: "items-center",
66
- end: "items-end",
67
- stretch: "items-stretch",
68
- baseline: "items-baseline"
69
- },
70
- justify: {
71
- start: "justify-start",
72
- center: "justify-center",
73
- end: "justify-end",
74
- between: "justify-between",
75
- around: "justify-around",
76
- evenly: "justify-evenly"
77
- },
78
- wrap: {
79
- nowrap: "flex-nowrap",
80
- wrap: "flex-wrap",
81
- wrapReverse: "flex-wrap-reverse"
82
- }
83
- },
84
- defaultVariants: {
85
- gap: "md",
86
- align: "center",
87
- justify: "start",
88
- wrap: "wrap"
89
- }
90
- });
91
- const HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
92
- return /* @__PURE__ */ jsx(as, {
93
- ref,
94
- className: cn(hStackVariants({
95
- gap,
96
- align,
97
- justify,
98
- wrap
99
- }), className),
100
- ...props
101
- });
102
- });
103
- HStack.displayName = "HStack";
104
- const boxVariants = cva("flex flex-row", {
105
- variants: {
106
- gap: {
107
- none: "gap-0",
108
- xs: "gap-1",
109
- sm: "gap-2",
110
- md: "gap-3",
111
- lg: "gap-4",
112
- xl: "gap-6",
113
- "2xl": "gap-8"
114
- },
115
- align: {
116
- start: "items-start",
117
- center: "items-center",
118
- end: "items-end",
119
- stretch: "items-stretch",
120
- baseline: "items-baseline"
121
- },
122
- justify: {
123
- start: "justify-start",
124
- center: "justify-center",
125
- end: "justify-end",
126
- between: "justify-between",
127
- around: "justify-around",
128
- evenly: "justify-evenly"
129
- },
130
- wrap: {
131
- nowrap: "flex-nowrap",
132
- wrap: "flex-wrap",
133
- wrapReverse: "flex-wrap-reverse"
134
- }
135
- },
136
- defaultVariants: {
137
- gap: "md",
138
- align: "center",
139
- justify: "center",
140
- wrap: "nowrap"
141
- }
142
- });
143
- const Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
144
- return /* @__PURE__ */ jsx(as, {
145
- ref,
146
- className: cn(boxVariants({
147
- gap,
148
- align,
149
- justify,
150
- wrap
151
- }), className),
152
- ...props
153
- });
154
- });
155
- Box.displayName = "Box";
156
-
157
- //#endregion
158
- export { HStack, VStack };
159
- //# sourceMappingURL=stack.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stack.js","names":[],"sources":["../../../../../../../design-system/dist/ui-kit-web/dist/ui/stack.js"],"sourcesContent":["import { cn, init_utils } from \"../ui-kit-core/dist/utils.js\";\nimport * as React$1 from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ../ui-kit-web/dist/ui/stack.js\ninit_utils();\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 };\n//# sourceMappingURL=stack.js.map"],"mappings":";;;;;;AAMA,YAAY;AACZ,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,OAAO,GAAG,SAAS,QAAQ;AACpG,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,OAAO,GAAG,SAAS,QAAQ;AAC1G,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,OAAO,GAAG,SAAS,QAAQ;AACvG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,YAAY;GACzB;GACA;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,IAAI,cAAc"}
@@ -1,38 +0,0 @@
1
- import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
2
- import { HStack } from "./stack.js";
3
- import "react";
4
- import { jsx } from "react/jsx-runtime";
5
- import { cva } from "class-variance-authority";
6
-
7
- //#region ../design-system/dist/ui-kit-web/dist/ui/stepper.js
8
- init_utils();
9
- const dotVariants = cva("h-2 w-2 rounded-full", {
10
- variants: {
11
- state: {
12
- active: "bg-primary",
13
- inactive: "bg-muted-foreground/20"
14
- },
15
- size: {
16
- sm: "",
17
- md: "h-2.5 w-2.5"
18
- }
19
- },
20
- defaultVariants: {
21
- state: "inactive",
22
- size: "md"
23
- }
24
- });
25
- function Stepper({ current, total, size, className }) {
26
- const items = Array.from({ length: Math.max(0, total) });
27
- return /* @__PURE__ */ jsx(HStack, {
28
- className: cn("items-center gap-2", className),
29
- children: items.map((_, idx) => /* @__PURE__ */ jsx("span", { className: cn(dotVariants({
30
- state: idx + 1 === current ? "active" : "inactive",
31
- size
32
- })) }, idx))
33
- });
34
- }
35
-
36
- //#endregion
37
- export { Stepper };
38
- //# sourceMappingURL=stepper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stepper.js","names":[],"sources":["../../../../../../../design-system/dist/ui-kit-web/dist/ui/stepper.js"],"sourcesContent":["import { cn, init_utils } from \"../ui-kit-core/dist/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-kit-web/dist/ui/stepper.js\ninit_utils();\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":";;;;;;;AAOA,YAAY;AACZ,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"}
@@ -1,11 +0,0 @@
1
- import { clsx } from "clsx";
2
- import { twMerge } from "tailwind-merge";
3
-
4
- //#region ../design-system/dist/ui-kit-web/dist/ui/utils.js
5
- function cn(...inputs) {
6
- return twMerge(clsx(inputs));
7
- }
8
-
9
- //#endregion
10
- export { cn };
11
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","names":[],"sources":["../../../../../../../design-system/dist/ui-kit-web/dist/ui/utils.js"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n//#region ../ui-kit-web/dist/ui/utils.js\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"}
@@ -1,14 +0,0 @@
1
- import { __esmMin } from "../../../../_virtual/rolldown_runtime.js";
2
- import { clsx } from "clsx";
3
- import { twMerge } from "tailwind-merge";
4
-
5
- //#region ../design-system/dist/ui-kit-web/dist/ui-kit-core/dist/utils.js
6
- function cn(...inputs) {
7
- return twMerge(clsx(inputs));
8
- }
9
- var init_utils = __esmMin((() => {}));
10
- init_utils();
11
-
12
- //#endregion
13
- export { cn, init_utils };
14
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","names":[],"sources":["../../../../../../../../design-system/dist/ui-kit-web/dist/ui-kit-core/dist/utils.js"],"sourcesContent":["import { __esmMin } from \"../../../../_virtual/rolldown_runtime.js\";\nimport { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n//#region ../ui-kit-web/dist/ui-kit-core/dist/utils.js\nfunction cn(...inputs) {\n\treturn twMerge(clsx(inputs));\n}\nvar init_utils = __esmMin((() => {}));\n\n//#endregion\ninit_utils();\nexport { cn, init_utils };\n//# sourceMappingURL=utils.js.map"],"mappings":";;;;;AAKA,SAAS,GAAG,GAAG,QAAQ;AACtB,QAAO,QAAQ,KAAK,OAAO,CAAC;;AAE7B,IAAI,aAAa,gBAAgB,IAAI;AAGrC,YAAY"}
@@ -1,16 +0,0 @@
1
- 'use client';
2
-
3
- import * as React$1 from "react";
4
- import { jsx } from "react/jsx-runtime";
5
- import "@radix-ui/react-slot";
6
- import { useForm } from "react-hook-form";
7
- import "@hookform/resolvers/zod";
8
- import "@radix-ui/react-label";
9
-
10
- //#region ../ui-kit-web/dist/ui/form.js
11
- const FormFieldContext = React$1.createContext({});
12
- const FormItemContext = React$1.createContext({});
13
-
14
- //#endregion
15
- export { useForm };
16
- //# sourceMappingURL=form.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/form.js"],"sourcesContent":["'use client';\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":";;;;;;;;;;AAaA,MAAM,mBAAmB,QAAQ,cAAc,EAAE,CAAC;AAwBlD,MAAM,kBAAkB,QAAQ,cAAc,EAAE,CAAC"}