@cratis/components 0.1.10 → 0.1.13

package/dist/esm/vite.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.config.js","sourceRoot":"","sources":["../../vite.config.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAE5C,eAAe,YAAY,CAAC;IACxB,YAAY,EAAE;QACV,OAAO,EAAE,CAAC,OAAO,CAAC;KACrB;IACD,OAAO,EAAE;QACL,SAAS,EAAE;YACP,iBAAiB,EAAE,IAAI;SAC1B;KACJ;IACD,KAAK,EAAE;QACH,MAAM,EAAE,WAAW;QACnB,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,KAAK;QACnB,aAAa,EAAE;YACX,QAAQ,EAAE,EACT;SACJ;KACJ;IACD,IAAI,EAAE;QACF,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,MAAM;QACnB,OAAO,EAAE,KAAK;QACd,eAAe,EAAE,KAAK;QACtB,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE;YACN,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE;gBACL,aAAa;gBACb,eAAe;gBACf,WAAW;gBACX,WAAW;gBACX,YAAY;gBACZ,eAAe;gBACf,WAAW;gBACX,oBAAoB;aACvB;SACJ;QACD,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,CAAC;QAC9G,OAAO,EAAE,CAAC,yBAAyB,EAAE,uBAAuB,CAAC;QAC7D,UAAU,EAAE,GAAG,SAAS,kBAAkB;KAC7C;IACD,OAAO,EAAE;QACL,KAAK,EAAE;QACP,WAAW,EAAE;QACb,kBAAkB,EAAS;KAC9B;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;QAC1D,IAAI,EAAE,KAAK;QACX,KAAK,EAAE;YACH,MAAM,EAAE;gBACJ,MAAM,EAAE,uBAAuB;gBAC/B,EAAE,EAAE,IAAI;aACX;YACD,UAAU,EAAE;gBACR,MAAM,EAAE,uBAAuB;aAClC;SACJ;KACJ;IACD,OAAO,EAAE;QACL,KAAK,EAAE;YACH,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YAC5B,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;YAC1C,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;YAClC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;SACzC;KACJ;CACJ,CAAC,CAAC"}
+{"version":3,"file":"vite.config.js","sourceRoot":"","sources":["../../vite.config.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAE5C,eAAe,YAAY,CAAC;IACxB,YAAY,EAAE;QACV,OAAO,EAAE,CAAC,OAAO,CAAC;KACrB;IACD,OAAO,EAAE;QACL,SAAS,EAAE;YACP,iBAAiB,EAAE,IAAI;SAC1B;KACJ;IACD,KAAK,EAAE;QACH,MAAM,EAAE,WAAW;QACnB,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,KAAK;QACnB,aAAa,EAAE;YACX,QAAQ,EAAE,EACT;SACJ;KACJ;IACD,IAAI,EAAE;QACF,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,MAAM;QACnB,OAAO,EAAE,KAAK;QACd,eAAe,EAAE,KAAK;QACtB,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE;YACN,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE;gBACL,aAAa;gBACb,eAAe;gBACf,WAAW;gBACX,WAAW;gBACX,YAAY;gBACZ,eAAe;gBACf,WAAW;gBACX,oBAAoB;aACvB;SACJ;QACD,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,CAAC;QAC9G,OAAO,EAAE,CAAC,yBAAyB,EAAE,uBAAuB,CAAC;QAC7D,UAAU,EAAE,GAAG,SAAS,kBAAkB;KAC7C;IACD,OAAO,EAAE;QACL,KAAK,EAAE;QACP,WAAW,EAAE;QACb,kBAAkB,EAA4C;KACjE;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;QAC1D,IAAI,EAAE,KAAK;QACX,KAAK,EAAE;YACH,MAAM,EAAE;gBACJ,MAAM,EAAE,uBAAuB;gBAC/B,EAAE,EAAE,IAAI;aACX;YACD,UAAU,EAAE;gBACR,MAAM,EAAE,uBAAuB;aAClC;SACJ;KACJ;IACD,OAAO,EAAE;QACL,KAAK,EAAE;YACH,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YAC5B,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;YAC1C,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;YAClC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;SACzC;KACJ;CACJ,CAAC,CAAC"}

package/dist/esm/vitest.setup.d.ts

@@ -0,0 +1,2 @@
+import 'reflect-metadata';
+//# sourceMappingURL=vitest.setup.d.ts.map

package/dist/esm/vitest.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.setup.d.ts","sourceRoot":"","sources":["../../vitest.setup.ts"],"names":[],"mappings":"AAGA,OAAO,kBAAkB,CAAC"}

package/dist/esm/vitest.setup.js

@@ -0,0 +1,8 @@
+import 'reflect-metadata';
+import * as chai from 'chai';
+chai.should();
+import * as chaiAsPromised from 'chai-as-promised';
+import * as sinonChai from 'sinon-chai';
+chai.use(sinonChai.default);
+chai.use(chaiAsPromised.default);
+//# sourceMappingURL=vitest.setup.js.map

package/dist/esm/vitest.setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.setup.js","sourceRoot":"","sources":["../../vitest.setup.ts"],"names":[],"mappings":"AAGA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAC7B,IAAI,CAAC,MAAM,EAAE,CAAC;AACd,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,SAAS,MAAM,YAAY,CAAC;AACxC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AAC5B,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cratis/components",
-    "version": "0.1.10",
+    "version": "0.1.13",
     "description": "",
     "author": "Cratis",
     "license": "MIT",
@@ -70,6 +70,7 @@
         "prepare": "yarn g:build",
         "clean": "yarn g:clean",
         "build": "tsc -p tsconfig.json",
+        "compile": "tsc -p tsconfig.json -noEmit && yarn g:lint",
         "copy-css": "./scripts/copy-css.sh",
         "lint": "yarn g:lint",
         "lint:ci": "yarn g:lint:ci",
@@ -80,27 +81,27 @@
         "build-storybook": "storybook build"
     },
     "devDependencies": {
-        "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "^9.39.1",
-        "@storybook/react": "^10.1.10",
-        "@storybook/react-vite": "^10.1.10",
-        "@tailwindcss/postcss": "^4.1.17",
-        "@tailwindcss/vite": "^4.1.17",
+        "@eslint/eslintrc": "^3.3.3",
+        "@eslint/js": "^9.39.2",
+        "@storybook/react": "^10.1.11",
+        "@storybook/react-vite": "^10.1.11",
+        "@tailwindcss/postcss": "^4.1.18",
+        "@tailwindcss/vite": "^4.1.18",
         "@types/chai": "^5.2.3",
         "@types/chai-as-promised": "^8.0.2",
         "@types/leaflet": "^1.9.21",
         "@types/mocha": "^10.0.10",
-        "@types/node": "^24.10.1",
+        "@types/node": "^25.0.3",
         "@types/react": "^19.2.7",
         "@types/react-dom": "^19.2.3",
         "@types/sinon": "^21.0.0",
         "@types/sinon-chai": "^4.0.0",
-        "@typescript-eslint/eslint-plugin": "^8.47.0",
-        "@typescript-eslint/parser": "^8.47.0",
-        "@vitejs/plugin-react": "^5.1.1",
-        "@vitest/coverage-v8": "^4.0.10",
-        "autoprefixer": "^10.4.14",
-        "chai": "^6.2.1",
+        "@typescript-eslint/eslint-plugin": "^8.52.0",
+        "@typescript-eslint/parser": "^8.52.0",
+        "@vitejs/plugin-react": "^5.1.2",
+        "@vitest/coverage-v8": "^4.0.16",
+        "autoprefixer": "^10.4.23",
+        "chai": "^6.2.2",
         "chai-as-promised": "^8.0.2",
         "edit-json-file": "^1.8.1",
         "eslint": "^9.39.1",
@@ -110,7 +111,7 @@
         "eslint-plugin-no-null": "^1.0.2",
         "eslint-plugin-prettier": "^5.5.4",
         "eslint-plugin-react": "^7.37.5",
-        "glob": "^11.0.3",
+        "glob": "^13.0.0",
         "globals": "^16.5.0",
         "mocha": "^11.7.5",
         "module-alias": "^2.2.3",
@@ -121,25 +122,25 @@
         "rollup-plugin-commonjs": "^10.1.0",
         "rollup-plugin-peer-deps-external": "^2.2.4",
         "rollup-plugin-typescript2": "^0.36.0",
-        "sinon": "^21.0.0",
+        "sinon": "^21.0.1",
         "sinon-chai": "^4.0.1",
-        "storybook": "^10.1.10",
-        "tailwindcss": "^3.4.19",
+        "storybook": "^10.1.11",
+        "tailwindcss": "^4.1.18",
         "ts-node": "^10.9.2",
         "typescript": "^5.9.3",
-        "typescript-eslint": "^8.47.0",
-        "vite": "^7.2.2",
+        "typescript-eslint": "^8.52.0",
+        "vite": "^7.3.1",
         "vite-plugin-commonjs": "^0.10.4",
-        "vite-tsconfig-paths": "^5.1.4",
-        "vitest": "^4.0.10"
+        "vite-tsconfig-paths": "^6.0.3",
+        "vitest": "^4.0.16"
     },
     "dependencies": {
-        "@cratis/arc": "^18.5.0",
-        "@cratis/arc.react": "^18.5.0",
-        "@cratis/arc.vite": "^18.5.0",
-        "allotment": "1.20.4",
-        "framer-motion": "12.23.26",
-        "pixi.js": "^8.14.3",
+        "@cratis/arc": "^18.7.17",
+        "@cratis/arc.react": "^18.7.17",
+        "@cratis/arc.vite": "^18.7.17",
+        "allotment": "1.20.5",
+        "framer-motion": "12.24.11",
+        "pixi.js": "^8.15.0",
         "primeicons": "7.0.0",
         "primereact": "10.9.7",
         "quill": "^2.0.3",
@@ -147,7 +148,7 @@
         "react-dom": "19.2.3",
         "react-icons": "5.5.0",
         "react-leaflet": "^5.0.0",
-        "react-router-dom": "7.10.1",
+        "react-router-dom": "7.12.0",
         "reflect-metadata": "0.2.2",
         "ts-deepmerge": "7.0.3",
         "tsyringe": "4.10.0",

package/dist/cjs/CommandForm/DatePickerField.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var inputtext = require('primereact/inputtext');
-var CommandForm = require('./CommandForm.js');
-
-const DatePickerField = (props) => {
-    const [localValue, setLocalValue] = React.useState(props.currentValue || '');
-    const required = props.required ?? true;
-    const isValid = !required || localValue.trim().length > 0;
-    const { setFieldValidity } = CommandForm.useCommandFormContext();
-    React.useEffect(() => {
-        setLocalValue(props.currentValue || '');
-    }, [props.currentValue]);
-    React.useEffect(() => {
-        if (props.fieldName) {
-            setFieldValidity(props.fieldName, isValid);
-        }
-    }, [isValid, props.fieldName, setFieldValidity]);
-    const handleChange = (e) => {
-        const newValue = e.target.value;
-        setLocalValue(newValue);
-        props.onValueChange?.(newValue);
-    };
-    return (jsxRuntime.jsx(inputtext.InputText, { type: "date", value: localValue, onChange: handleChange, required: required, invalid: !isValid, placeholder: props.title }));
-};
-DatePickerField.displayName = 'CommandFormField';
-
-exports.DatePickerField = DatePickerField;
-//# sourceMappingURL=DatePickerField.js.map

package/dist/cjs/CommandForm/DatePickerField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerField.js","sources":["../../../CommandForm/DatePickerField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect } from 'react';\nimport { InputText } from 'primereact/inputtext';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface DatePickerFieldProps<TCommand> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    onChange?: (value: unknown) => void;\n    currentValue?: string;\n    onValueChange?: (value: string) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n}\n\nexport const DatePickerField = <TCommand,>(props: DatePickerFieldProps<TCommand>) => {\n    const [localValue, setLocalValue] = useState(props.currentValue || '');\n    const required = props.required ?? true;\n    const isValid = !required || localValue.trim().length > 0;\n    const { setFieldValidity } = useCommandFormContext();\n\n    useEffect(() => {\n        setLocalValue(props.currentValue || '');\n    }, [props.currentValue]);\n\n    useEffect(() => {\n        if (props.fieldName) {\n            setFieldValidity(props.fieldName, isValid);\n        }\n    }, [isValid, props.fieldName, setFieldValidity]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.value;\n        setLocalValue(newValue);\n        props.onValueChange?.(newValue);\n    };\n\n    return (\n        <InputText\n            type=\"date\"\n            value={localValue}\n            onChange={handleChange}\n            required={required}\n            invalid={!isValid}\n            placeholder={props.title}\n        />\n    );\n};\n\nDatePickerField.displayName = 'CommandFormField';\n"],"names":["useState","useCommandFormContext","useEffect","_jsx","InputText"],"mappings":";;;;;;;AAsBO,MAAM,eAAe,GAAG,CAAY,KAAqC,KAAI;AAChF,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;AACtE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI;AACvC,IAAA,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AACzD,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAGC,iCAAqB,EAAE;IAEpDC,eAAS,CAAC,MAAK;AACX,QAAA,aAAa,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;AAC3C,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAExBA,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACjB,YAAA,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QAC9C;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC5D,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,aAAa,CAAC,QAAQ,CAAC;AACvB,QAAA,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;AACnC,IAAA,CAAC;AAED,IAAA,QACIC,cAAA,CAACC,mBAAS,EAAA,EACN,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,OAAO,EACjB,WAAW,EAAE,KAAK,CAAC,KAAK,EAAA,CAC1B;AAEV;AAEA,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/cjs/CommandForm/DropdownField.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var Dropdown = require('../Dropdown/Dropdown.js');
-var CommandForm = require('./CommandForm.js');
-
-const DropdownField = (props) => {
-    const [localValue, setLocalValue] = React.useState(props.currentValue);
-    const required = props.required ?? true;
-    const isValid = !required || localValue !== null && localValue !== undefined;
-    const { setFieldValidity } = CommandForm.useCommandFormContext();
-    React.useEffect(() => {
-        setLocalValue(props.currentValue);
-    }, [props.currentValue]);
-    React.useEffect(() => {
-        if (props.fieldName) {
-            setFieldValidity(props.fieldName, isValid);
-        }
-    }, [isValid, props.fieldName, setFieldValidity]);
-    const handleChange = (e) => {
-        const newValue = e.value;
-        setLocalValue(newValue);
-        props.onValueChange?.(newValue);
-    };
-    return (jsxRuntime.jsx(Dropdown.Dropdown, { value: localValue, onChange: handleChange, options: props.options, optionLabel: props.optionLabelField, optionValue: props.optionIdField, placeholder: props.placeholder || props.title, required: required, invalid: !isValid, className: "w-full" }));
-};
-DropdownField.displayName = 'CommandFormField';
-
-exports.DropdownField = DropdownField;
-//# sourceMappingURL=DropdownField.js.map

package/dist/cjs/CommandForm/DropdownField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownField.js","sources":["../../../CommandForm/DropdownField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect } from 'react';\nimport { DropdownChangeEvent } from 'primereact/dropdown';\nimport { Dropdown } from '../Dropdown';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface DropdownFieldProps<TCommand, TOption> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    options: TOption[];\n    optionIdField: keyof TOption;\n    optionLabelField: keyof TOption;\n    placeholder?: string;\n    onChange?: (value: unknown) => void;\n    currentValue?: unknown;\n    onValueChange?: (value: unknown) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n}\n\nexport const DropdownField = <TCommand, TOption>(props: DropdownFieldProps<TCommand, TOption>) => {\n    const [localValue, setLocalValue] = useState(props.currentValue);\n    const required = props.required ?? true;\n    const isValid = !required || localValue !== null && localValue !== undefined;\n    const { setFieldValidity } = useCommandFormContext();\n\n    useEffect(() => {\n        setLocalValue(props.currentValue);\n    }, [props.currentValue]);\n\n    useEffect(() => {\n        if (props.fieldName) {\n            setFieldValidity(props.fieldName, isValid);\n        }\n    }, [isValid, props.fieldName, setFieldValidity]);\n\n    const handleChange = (e: DropdownChangeEvent) => {\n        const newValue = e.value;\n        setLocalValue(newValue);\n        props.onValueChange?.(newValue);\n    };\n\n    return (\n        <Dropdown\n            value={localValue}\n            onChange={handleChange}\n            options={props.options}\n            optionLabel={props.optionLabelField as string}\n            optionValue={props.optionIdField as string}\n            placeholder={props.placeholder || props.title}\n            required={required}\n            invalid={!isValid}\n            className=\"w-full\"\n        />\n    );\n};\n\nDropdownField.displayName = 'CommandFormField';\n"],"names":["useState","useCommandFormContext","useEffect","_jsx","Dropdown"],"mappings":";;;;;;;AA2BO,MAAM,aAAa,GAAG,CAAoB,KAA4C,KAAI;AAC7F,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,YAAY,CAAC;AAChE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI;AACvC,IAAA,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS;AAC5E,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAGC,iCAAqB,EAAE;IAEpDC,eAAS,CAAC,MAAK;AACX,QAAA,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;AACrC,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAExBA,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACjB,YAAA,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QAC9C;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsB,KAAI;AAC5C,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK;QACxB,aAAa,CAAC,QAAQ,CAAC;AACvB,QAAA,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;AACnC,IAAA,CAAC;IAED,QACIC,cAAA,CAACC,iBAAQ,EAAA,EACL,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,gBAA0B,EAC7C,WAAW,EAAE,KAAK,CAAC,aAAuB,EAC1C,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAC7C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,OAAO,EACjB,SAAS,EAAC,QAAQ,EAAA,CACpB;AAEV;AAEA,aAAa,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/cjs/CommandForm/InputTextField.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var inputtext = require('primereact/inputtext');
-var CommandForm = require('./CommandForm.js');
-
-const InputTextField = (props) => {
-    const [localValue, setLocalValue] = React.useState(props.currentValue || '');
-    const required = props.required ?? true;
-    const isValid = !required || localValue.trim().length > 0;
-    const { setFieldValidity } = CommandForm.useCommandFormContext();
-    const inputType = props.propertyDescriptor?.type === Number ? 'number' : 'text';
-    React.useEffect(() => {
-        setLocalValue(props.currentValue || '');
-    }, [props.currentValue]);
-    React.useEffect(() => {
-        if (props.fieldName) {
-            setFieldValidity(props.fieldName, isValid);
-        }
-    }, [isValid, props.fieldName, setFieldValidity]);
-    const handleChange = (e) => {
-        const newValue = e.target.value;
-        setLocalValue(newValue);
-        props.onValueChange?.(newValue);
-    };
-    return (jsxRuntime.jsx(inputtext.InputText, { type: inputType, value: localValue, onChange: handleChange, required: required, invalid: !isValid, placeholder: props.title }));
-};
-InputTextField.displayName = 'CommandFormField';
-
-exports.InputTextField = InputTextField;
-//# sourceMappingURL=InputTextField.js.map

package/dist/cjs/CommandForm/InputTextField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputTextField.js","sources":["../../../CommandForm/InputTextField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect } from 'react';\nimport { InputText } from 'primereact/inputtext';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface InputTextFieldProps<TCommand> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    onChange?: (value: unknown) => void;\n    currentValue?: string;\n    onValueChange?: (value: string) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n}\n\nexport const InputTextField = <TCommand,>(props: InputTextFieldProps<TCommand>) => {\n    const [localValue, setLocalValue] = useState(props.currentValue || '');\n    const required = props.required ?? true;\n    const isValid = !required || localValue.trim().length > 0;\n    const { setFieldValidity } = useCommandFormContext();\n\n    // Determine input type based on property descriptor\n    const inputType = props.propertyDescriptor?.type === Number ? 'number' : 'text';\n\n    // Update local value when prop changes from outside\n    useEffect(() => {\n        setLocalValue(props.currentValue || '');\n    }, [props.currentValue]);\n\n    // Report validity changes\n    useEffect(() => {\n        if (props.fieldName) {\n            setFieldValidity(props.fieldName, isValid);\n        }\n    }, [isValid, props.fieldName, setFieldValidity]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.value;\n        setLocalValue(newValue);\n        props.onValueChange?.(newValue);\n    };\n\n    return (\n        <InputText\n            type={inputType}\n            value={localValue}\n            onChange={handleChange}\n            required={required}\n            invalid={!isValid}\n            placeholder={props.title}\n        />\n    );\n};\n\nInputTextField.displayName = 'CommandFormField';\n"],"names":["useState","useCommandFormContext","useEffect","_jsx","InputText"],"mappings":";;;;;;;AAsBO,MAAM,cAAc,GAAG,CAAY,KAAoC,KAAI;AAC9E,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;AACtE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI;AACvC,IAAA,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AACzD,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAGC,iCAAqB,EAAE;AAGpD,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,EAAE,IAAI,KAAK,MAAM,GAAG,QAAQ,GAAG,MAAM;IAG/EC,eAAS,CAAC,MAAK;AACX,QAAA,aAAa,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;AAC3C,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAGxBA,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACjB,YAAA,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QAC9C;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC5D,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,aAAa,CAAC,QAAQ,CAAC;AACvB,QAAA,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;AACnC,IAAA,CAAC;AAED,IAAA,QACIC,cAAA,CAACC,mBAAS,EAAA,EACN,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,OAAO,EACjB,WAAW,EAAE,KAAK,CAAC,KAAK,EAAA,CAC1B;AAEV;AAEA,cAAc,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/cjs/CommandForm/SliderField.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var slider = require('primereact/slider');
-var CommandForm = require('./CommandForm.js');
-
-const SliderField = (props) => {
-    const [localValue, setLocalValue] = React.useState(props.currentValue ?? 0);
-    const required = props.required ?? true;
-    const min = props.min ?? 0;
-    const max = props.max ?? 1;
-    const step = props.step ?? 0.01;
-    const isValid = !required || (localValue >= min && localValue <= max);
-    const { setFieldValidity } = CommandForm.useCommandFormContext();
-    React.useEffect(() => {
-        setLocalValue(props.currentValue ?? 0);
-    }, [props.currentValue]);
-    React.useEffect(() => {
-        if (props.fieldName) {
-            setFieldValidity(props.fieldName, isValid);
-        }
-    }, [isValid, props.fieldName, setFieldValidity]);
-    const handleChange = (e) => {
-        const newValue = e.value;
-        setLocalValue(newValue);
-        props.onValueChange?.(newValue);
-    };
-    return (jsxRuntime.jsxs("div", { className: "p-inputtext w-full flex align-items-center gap-3", style: { display: 'flex', alignItems: 'center', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }, children: [jsxRuntime.jsx(slider.Slider, { value: localValue, onChange: handleChange, min: min, max: max, step: step, className: "flex-1 ml-2" }), jsxRuntime.jsx("span", { className: "font-semibold", style: { minWidth: '3rem', textAlign: 'right' }, children: localValue.toFixed(2) })] }));
-};
-SliderField.displayName = 'CommandFormField';
-
-exports.SliderField = SliderField;
-//# sourceMappingURL=SliderField.js.map

package/dist/cjs/CommandForm/SliderField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderField.js","sources":["../../../CommandForm/SliderField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect } from 'react';\nimport { Slider, SliderChangeEvent } from 'primereact/slider';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface SliderFieldProps<TCommand> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    onChange?: (value: unknown) => void;\n    currentValue?: number;\n    onValueChange?: (value: number) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n    min?: number;\n    max?: number;\n    step?: number;\n}\n\nexport const SliderField = <TCommand,>(props: SliderFieldProps<TCommand>) => {\n    const [localValue, setLocalValue] = useState(props.currentValue ?? 0);\n    const required = props.required ?? true;\n    const min = props.min ?? 0;\n    const max = props.max ?? 1;\n    const step = props.step ?? 0.01;\n    const isValid = !required || (localValue >= min && localValue <= max);\n    const { setFieldValidity } = useCommandFormContext();\n\n    useEffect(() => {\n        setLocalValue(props.currentValue ?? 0);\n    }, [props.currentValue]);\n\n    useEffect(() => {\n        if (props.fieldName) {\n            setFieldValidity(props.fieldName, isValid);\n        }\n    }, [isValid, props.fieldName, setFieldValidity]);\n\n    const handleChange = (e: SliderChangeEvent) => {\n        const newValue = e.value as number;\n        setLocalValue(newValue);\n        props.onValueChange?.(newValue);\n    };\n\n    return (\n        <div className=\"p-inputtext w-full flex align-items-center gap-3\" style={{ display: 'flex', alignItems: 'center', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }}>\n            <Slider\n                value={localValue}\n                onChange={handleChange}\n                min={min}\n                max={max}\n                step={step}\n                className=\"flex-1 ml-2\"\n            />\n            <span className=\"font-semibold\" style={{ minWidth: '3rem', textAlign: 'right' }}>\n                {localValue.toFixed(2)}\n            </span>\n        </div>\n    );\n};\n\nSliderField.displayName = 'CommandFormField';\n"],"names":["useState","useCommandFormContext","useEffect","_jsxs","_jsx","Slider"],"mappings":";;;;;;;AAyBO,MAAM,WAAW,GAAG,CAAY,KAAiC,KAAI;AACxE,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;AACrE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI;AACvC,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI;AAC/B,IAAA,MAAM,OAAO,GAAG,CAAC,QAAQ,KAAK,UAAU,IAAI,GAAG,IAAI,UAAU,IAAI,GAAG,CAAC;AACrE,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAGC,iCAAqB,EAAE;IAEpDC,eAAS,CAAC,MAAK;AACX,QAAA,aAAa,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;AAC1C,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAExBA,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACjB,YAAA,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QAC9C;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAoB,KAAI;AAC1C,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAe;QAClC,aAAa,CAAC,QAAQ,CAAC;AACvB,QAAA,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;AACnC,IAAA,CAAC;AAED,IAAA,QACIC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kDAAkD,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACjKC,eAACC,aAAM,EAAA,EACH,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,aAAa,GACzB,EACFD,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,EAAA,QAAA,EAC1E,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAA,CACnB,CAAA,EAAA,CACL;AAEd;AAEA,WAAW,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/CommandForm/DatePickerField.d.ts

@@ -1,20 +0,0 @@
-import { PropertyAccessor } from '@cratis/fundamentals';
-import { PropertyDescriptor } from '@cratis/arc/reflection';
-import React from 'react';
-export interface DatePickerFieldProps<TCommand> {
-    icon?: React.ReactElement;
-    value: PropertyAccessor<TCommand>;
-    onChange?: (value: unknown) => void;
-    currentValue?: string;
-    onValueChange?: (value: string) => void;
-    required?: boolean;
-    title?: string;
-    description?: string;
-    propertyDescriptor?: PropertyDescriptor;
-    fieldName?: string;
-}
-export declare const DatePickerField: {
-    <TCommand>(props: DatePickerFieldProps<TCommand>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=DatePickerField.d.ts.map

package/dist/esm/CommandForm/DatePickerField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerField.d.ts","sourceRoot":"","sources":["../../../CommandForm/DatePickerField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,oBAAoB,CAAC,QAAQ;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe;KAAI,QAAQ,SAAU,oBAAoB,CAAC,QAAQ,CAAC;;CAgC/E,CAAC"}

package/dist/esm/CommandForm/DatePickerField.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { InputText } from 'primereact/inputtext';
-import { useCommandFormContext } from './CommandForm.js';
-
-const DatePickerField = (props) => {
-    const [localValue, setLocalValue] = useState(props.currentValue || '');
-    const required = props.required ?? true;
-    const isValid = !required || localValue.trim().length > 0;
-    const { setFieldValidity } = useCommandFormContext();
-    useEffect(() => {
-        setLocalValue(props.currentValue || '');
-    }, [props.currentValue]);
-    useEffect(() => {
-        if (props.fieldName) {
-            setFieldValidity(props.fieldName, isValid);
-        }
-    }, [isValid, props.fieldName, setFieldValidity]);
-    const handleChange = (e) => {
-        const newValue = e.target.value;
-        setLocalValue(newValue);
-        props.onValueChange?.(newValue);
-    };
-    return (jsx(InputText, { type: "date", value: localValue, onChange: handleChange, required: required, invalid: !isValid, placeholder: props.title }));
-};
-DatePickerField.displayName = 'CommandFormField';
-
-export { DatePickerField };
-//# sourceMappingURL=DatePickerField.js.map

package/dist/esm/CommandForm/DatePickerField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerField.js","sources":["../../../CommandForm/DatePickerField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect } from 'react';\nimport { InputText } from 'primereact/inputtext';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface DatePickerFieldProps<TCommand> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    onChange?: (value: unknown) => void;\n    currentValue?: string;\n    onValueChange?: (value: string) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n}\n\nexport const DatePickerField = <TCommand,>(props: DatePickerFieldProps<TCommand>) => {\n    const [localValue, setLocalValue] = useState(props.currentValue || '');\n    const required = props.required ?? true;\n    const isValid = !required || localValue.trim().length > 0;\n    const { setFieldValidity } = useCommandFormContext();\n\n    useEffect(() => {\n        setLocalValue(props.currentValue || '');\n    }, [props.currentValue]);\n\n    useEffect(() => {\n        if (props.fieldName) {\n            setFieldValidity(props.fieldName, isValid);\n        }\n    }, [isValid, props.fieldName, setFieldValidity]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.value;\n        setLocalValue(newValue);\n        props.onValueChange?.(newValue);\n    };\n\n    return (\n        <InputText\n            type=\"date\"\n            value={localValue}\n            onChange={handleChange}\n            required={required}\n            invalid={!isValid}\n            placeholder={props.title}\n        />\n    );\n};\n\nDatePickerField.displayName = 'CommandFormField';\n"],"names":["_jsx"],"mappings":";;;;;AAsBO,MAAM,eAAe,GAAG,CAAY,KAAqC,KAAI;AAChF,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;AACtE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI;AACvC,IAAA,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AACzD,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,EAAE;IAEpD,SAAS,CAAC,MAAK;AACX,QAAA,aAAa,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;AAC3C,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAExB,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACjB,YAAA,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QAC9C;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC5D,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,aAAa,CAAC,QAAQ,CAAC;AACvB,QAAA,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;AACnC,IAAA,CAAC;AAED,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,OAAO,EACjB,WAAW,EAAE,KAAK,CAAC,KAAK,EAAA,CAC1B;AAEV;AAEA,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/CommandForm/DropdownField.d.ts

@@ -1,24 +0,0 @@
-import { PropertyAccessor } from '@cratis/fundamentals';
-import { PropertyDescriptor } from '@cratis/arc/reflection';
-import React from 'react';
-export interface DropdownFieldProps<TCommand, TOption> {
-    icon?: React.ReactElement;
-    value: PropertyAccessor<TCommand>;
-    options: TOption[];
-    optionIdField: keyof TOption;
-    optionLabelField: keyof TOption;
-    placeholder?: string;
-    onChange?: (value: unknown) => void;
-    currentValue?: unknown;
-    onValueChange?: (value: unknown) => void;
-    required?: boolean;
-    title?: string;
-    description?: string;
-    propertyDescriptor?: PropertyDescriptor;
-    fieldName?: string;
-}
-export declare const DropdownField: {
-    <TCommand, TOption>(props: DropdownFieldProps<TCommand, TOption>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=DropdownField.d.ts.map

package/dist/esm/CommandForm/DropdownField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../CommandForm/DropdownField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,kBAAkB,CAAC,QAAQ,EAAE,OAAO;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAClC,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa;KAAI,QAAQ,EAAE,OAAO,SAAS,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC;;CAmC5F,CAAC"}

package/dist/esm/CommandForm/DropdownField.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { Dropdown } from '../Dropdown/Dropdown.js';
-import { useCommandFormContext } from './CommandForm.js';
-
-const DropdownField = (props) => {
-    const [localValue, setLocalValue] = useState(props.currentValue);
-    const required = props.required ?? true;
-    const isValid = !required || localValue !== null && localValue !== undefined;
-    const { setFieldValidity } = useCommandFormContext();
-    useEffect(() => {
-        setLocalValue(props.currentValue);
-    }, [props.currentValue]);
-    useEffect(() => {
-        if (props.fieldName) {
-            setFieldValidity(props.fieldName, isValid);
-        }
-    }, [isValid, props.fieldName, setFieldValidity]);
-    const handleChange = (e) => {
-        const newValue = e.value;
-        setLocalValue(newValue);
-        props.onValueChange?.(newValue);
-    };
-    return (jsx(Dropdown, { value: localValue, onChange: handleChange, options: props.options, optionLabel: props.optionLabelField, optionValue: props.optionIdField, placeholder: props.placeholder || props.title, required: required, invalid: !isValid, className: "w-full" }));
-};
-DropdownField.displayName = 'CommandFormField';
-
-export { DropdownField };
-//# sourceMappingURL=DropdownField.js.map

package/dist/esm/CommandForm/DropdownField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownField.js","sources":["../../../CommandForm/DropdownField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect } from 'react';\nimport { DropdownChangeEvent } from 'primereact/dropdown';\nimport { Dropdown } from '../Dropdown';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface DropdownFieldProps<TCommand, TOption> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    options: TOption[];\n    optionIdField: keyof TOption;\n    optionLabelField: keyof TOption;\n    placeholder?: string;\n    onChange?: (value: unknown) => void;\n    currentValue?: unknown;\n    onValueChange?: (value: unknown) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n}\n\nexport const DropdownField = <TCommand, TOption>(props: DropdownFieldProps<TCommand, TOption>) => {\n    const [localValue, setLocalValue] = useState(props.currentValue);\n    const required = props.required ?? true;\n    const isValid = !required || localValue !== null && localValue !== undefined;\n    const { setFieldValidity } = useCommandFormContext();\n\n    useEffect(() => {\n        setLocalValue(props.currentValue);\n    }, [props.currentValue]);\n\n    useEffect(() => {\n        if (props.fieldName) {\n            setFieldValidity(props.fieldName, isValid);\n        }\n    }, [isValid, props.fieldName, setFieldValidity]);\n\n    const handleChange = (e: DropdownChangeEvent) => {\n        const newValue = e.value;\n        setLocalValue(newValue);\n        props.onValueChange?.(newValue);\n    };\n\n    return (\n        <Dropdown\n            value={localValue}\n            onChange={handleChange}\n            options={props.options}\n            optionLabel={props.optionLabelField as string}\n            optionValue={props.optionIdField as string}\n            placeholder={props.placeholder || props.title}\n            required={required}\n            invalid={!isValid}\n            className=\"w-full\"\n        />\n    );\n};\n\nDropdownField.displayName = 'CommandFormField';\n"],"names":["_jsx"],"mappings":";;;;;AA2BO,MAAM,aAAa,GAAG,CAAoB,KAA4C,KAAI;AAC7F,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC;AAChE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI;AACvC,IAAA,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS;AAC5E,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,EAAE;IAEpD,SAAS,CAAC,MAAK;AACX,QAAA,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;AACrC,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAExB,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACjB,YAAA,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QAC9C;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsB,KAAI;AAC5C,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK;QACxB,aAAa,CAAC,QAAQ,CAAC;AACvB,QAAA,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;AACnC,IAAA,CAAC;IAED,QACIA,GAAA,CAAC,QAAQ,EAAA,EACL,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,gBAA0B,EAC7C,WAAW,EAAE,KAAK,CAAC,aAAuB,EAC1C,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAC7C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,OAAO,EACjB,SAAS,EAAC,QAAQ,EAAA,CACpB;AAEV;AAEA,aAAa,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/CommandForm/InputTextField.d.ts

@@ -1,20 +0,0 @@
-import { PropertyAccessor } from '@cratis/fundamentals';
-import { PropertyDescriptor } from '@cratis/arc/reflection';
-import React from 'react';
-export interface InputTextFieldProps<TCommand> {
-    icon?: React.ReactElement;
-    value: PropertyAccessor<TCommand>;
-    onChange?: (value: unknown) => void;
-    currentValue?: string;
-    onValueChange?: (value: string) => void;
-    required?: boolean;
-    title?: string;
-    description?: string;
-    propertyDescriptor?: PropertyDescriptor;
-    fieldName?: string;
-}
-export declare const InputTextField: {
-    <TCommand>(props: InputTextFieldProps<TCommand>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=InputTextField.d.ts.map

package/dist/esm/CommandForm/InputTextField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputTextField.d.ts","sourceRoot":"","sources":["../../../CommandForm/InputTextField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,mBAAmB,CAAC,QAAQ;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc;KAAI,QAAQ,SAAU,mBAAmB,CAAC,QAAQ,CAAC;;CAqC7E,CAAC"}

package/dist/esm/CommandForm/InputTextField.js

@@ -1,30 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { InputText } from 'primereact/inputtext';
-import { useCommandFormContext } from './CommandForm.js';
-
-const InputTextField = (props) => {
-    const [localValue, setLocalValue] = useState(props.currentValue || '');
-    const required = props.required ?? true;
-    const isValid = !required || localValue.trim().length > 0;
-    const { setFieldValidity } = useCommandFormContext();
-    const inputType = props.propertyDescriptor?.type === Number ? 'number' : 'text';
-    useEffect(() => {
-        setLocalValue(props.currentValue || '');
-    }, [props.currentValue]);
-    useEffect(() => {
-        if (props.fieldName) {
-            setFieldValidity(props.fieldName, isValid);
-        }
-    }, [isValid, props.fieldName, setFieldValidity]);
-    const handleChange = (e) => {
-        const newValue = e.target.value;
-        setLocalValue(newValue);
-        props.onValueChange?.(newValue);
-    };
-    return (jsx(InputText, { type: inputType, value: localValue, onChange: handleChange, required: required, invalid: !isValid, placeholder: props.title }));
-};
-InputTextField.displayName = 'CommandFormField';
-
-export { InputTextField };
-//# sourceMappingURL=InputTextField.js.map

package/dist/esm/CommandForm/InputTextField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputTextField.js","sources":["../../../CommandForm/InputTextField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect } from 'react';\nimport { InputText } from 'primereact/inputtext';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface InputTextFieldProps<TCommand> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    onChange?: (value: unknown) => void;\n    currentValue?: string;\n    onValueChange?: (value: string) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n}\n\nexport const InputTextField = <TCommand,>(props: InputTextFieldProps<TCommand>) => {\n    const [localValue, setLocalValue] = useState(props.currentValue || '');\n    const required = props.required ?? true;\n    const isValid = !required || localValue.trim().length > 0;\n    const { setFieldValidity } = useCommandFormContext();\n\n    // Determine input type based on property descriptor\n    const inputType = props.propertyDescriptor?.type === Number ? 'number' : 'text';\n\n    // Update local value when prop changes from outside\n    useEffect(() => {\n        setLocalValue(props.currentValue || '');\n    }, [props.currentValue]);\n\n    // Report validity changes\n    useEffect(() => {\n        if (props.fieldName) {\n            setFieldValidity(props.fieldName, isValid);\n        }\n    }, [isValid, props.fieldName, setFieldValidity]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.value;\n        setLocalValue(newValue);\n        props.onValueChange?.(newValue);\n    };\n\n    return (\n        <InputText\n            type={inputType}\n            value={localValue}\n            onChange={handleChange}\n            required={required}\n            invalid={!isValid}\n            placeholder={props.title}\n        />\n    );\n};\n\nInputTextField.displayName = 'CommandFormField';\n"],"names":["_jsx"],"mappings":";;;;;AAsBO,MAAM,cAAc,GAAG,CAAY,KAAoC,KAAI;AAC9E,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;AACtE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI;AACvC,IAAA,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AACzD,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,EAAE;AAGpD,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,EAAE,IAAI,KAAK,MAAM,GAAG,QAAQ,GAAG,MAAM;IAG/E,SAAS,CAAC,MAAK;AACX,QAAA,aAAa,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;AAC3C,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAGxB,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACjB,YAAA,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QAC9C;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAsC,KAAI;AAC5D,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,aAAa,CAAC,QAAQ,CAAC;AACvB,QAAA,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;AACnC,IAAA,CAAC;AAED,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,OAAO,EACjB,WAAW,EAAE,KAAK,CAAC,KAAK,EAAA,CAC1B;AAEV;AAEA,cAAc,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/CommandForm/SliderField.d.ts

@@ -1,23 +0,0 @@
-import { PropertyAccessor } from '@cratis/fundamentals';
-import { PropertyDescriptor } from '@cratis/arc/reflection';
-import React from 'react';
-export interface SliderFieldProps<TCommand> {
-    icon?: React.ReactElement;
-    value: PropertyAccessor<TCommand>;
-    onChange?: (value: unknown) => void;
-    currentValue?: number;
-    onValueChange?: (value: number) => void;
-    required?: boolean;
-    title?: string;
-    description?: string;
-    propertyDescriptor?: PropertyDescriptor;
-    fieldName?: string;
-    min?: number;
-    max?: number;
-    step?: number;
-}
-export declare const SliderField: {
-    <TCommand>(props: SliderFieldProps<TCommand>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=SliderField.d.ts.map

package/dist/esm/CommandForm/SliderField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../CommandForm/SliderField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,gBAAgB,CAAC,QAAQ;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;KAAI,QAAQ,SAAU,gBAAgB,CAAC,QAAQ,CAAC;;CAwCvE,CAAC"}

package/dist/esm/CommandForm/SliderField.js

@@ -1,32 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { Slider } from 'primereact/slider';
-import { useCommandFormContext } from './CommandForm.js';
-
-const SliderField = (props) => {
-    const [localValue, setLocalValue] = useState(props.currentValue ?? 0);
-    const required = props.required ?? true;
-    const min = props.min ?? 0;
-    const max = props.max ?? 1;
-    const step = props.step ?? 0.01;
-    const isValid = !required || (localValue >= min && localValue <= max);
-    const { setFieldValidity } = useCommandFormContext();
-    useEffect(() => {
-        setLocalValue(props.currentValue ?? 0);
-    }, [props.currentValue]);
-    useEffect(() => {
-        if (props.fieldName) {
-            setFieldValidity(props.fieldName, isValid);
-        }
-    }, [isValid, props.fieldName, setFieldValidity]);
-    const handleChange = (e) => {
-        const newValue = e.value;
-        setLocalValue(newValue);
-        props.onValueChange?.(newValue);
-    };
-    return (jsxs("div", { className: "p-inputtext w-full flex align-items-center gap-3", style: { display: 'flex', alignItems: 'center', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }, children: [jsx(Slider, { value: localValue, onChange: handleChange, min: min, max: max, step: step, className: "flex-1 ml-2" }), jsx("span", { className: "font-semibold", style: { minWidth: '3rem', textAlign: 'right' }, children: localValue.toFixed(2) })] }));
-};
-SliderField.displayName = 'CommandFormField';
-
-export { SliderField };
-//# sourceMappingURL=SliderField.js.map

package/dist/esm/CommandForm/SliderField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderField.js","sources":["../../../CommandForm/SliderField.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect } from 'react';\nimport { Slider, SliderChangeEvent } from 'primereact/slider';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface SliderFieldProps<TCommand> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    onChange?: (value: unknown) => void;\n    currentValue?: number;\n    onValueChange?: (value: number) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n    min?: number;\n    max?: number;\n    step?: number;\n}\n\nexport const SliderField = <TCommand,>(props: SliderFieldProps<TCommand>) => {\n    const [localValue, setLocalValue] = useState(props.currentValue ?? 0);\n    const required = props.required ?? true;\n    const min = props.min ?? 0;\n    const max = props.max ?? 1;\n    const step = props.step ?? 0.01;\n    const isValid = !required || (localValue >= min && localValue <= max);\n    const { setFieldValidity } = useCommandFormContext();\n\n    useEffect(() => {\n        setLocalValue(props.currentValue ?? 0);\n    }, [props.currentValue]);\n\n    useEffect(() => {\n        if (props.fieldName) {\n            setFieldValidity(props.fieldName, isValid);\n        }\n    }, [isValid, props.fieldName, setFieldValidity]);\n\n    const handleChange = (e: SliderChangeEvent) => {\n        const newValue = e.value as number;\n        setLocalValue(newValue);\n        props.onValueChange?.(newValue);\n    };\n\n    return (\n        <div className=\"p-inputtext w-full flex align-items-center gap-3\" style={{ display: 'flex', alignItems: 'center', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }}>\n            <Slider\n                value={localValue}\n                onChange={handleChange}\n                min={min}\n                max={max}\n                step={step}\n                className=\"flex-1 ml-2\"\n            />\n            <span className=\"font-semibold\" style={{ minWidth: '3rem', textAlign: 'right' }}>\n                {localValue.toFixed(2)}\n            </span>\n        </div>\n    );\n};\n\nSliderField.displayName = 'CommandFormField';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAyBO,MAAM,WAAW,GAAG,CAAY,KAAiC,KAAI;AACxE,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;AACrE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI;AACvC,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI;AAC/B,IAAA,MAAM,OAAO,GAAG,CAAC,QAAQ,KAAK,UAAU,IAAI,GAAG,IAAI,UAAU,IAAI,GAAG,CAAC;AACrE,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,EAAE;IAEpD,SAAS,CAAC,MAAK;AACX,QAAA,aAAa,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;AAC1C,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAExB,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACjB,YAAA,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QAC9C;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAoB,KAAI;AAC1C,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAe;QAClC,aAAa,CAAC,QAAQ,CAAC;AACvB,QAAA,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;AACnC,IAAA,CAAC;AAED,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kDAAkD,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACjKC,IAAC,MAAM,EAAA,EACH,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,aAAa,GACzB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,EAAA,QAAA,EAC1E,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAA,CACnB,CAAA,EAAA,CACL;AAEd;AAEA,WAAW,CAAC,WAAW,GAAG,kBAAkB;;;;"}