@lmb-it/kitsconcerto-native 0.1.236

package/form-renderer/utils/schemaBuilder.cjs

@@ -0,0 +1,79 @@
+'use strict';
+
+var Yup = require('yup');
+var helpers = require('./helpers.cjs');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var Yup__namespace = /*#__PURE__*/_interopNamespaceDefault(Yup);
+
+const cloneSchema = (schema) => {
+  return schema.clone();
+};
+const buildShape = (elements, id) => {
+  const shape = elements.reduce((acc, element) => {
+    if ("displayOnly" in element && element.displayOnly) return acc;
+    const fieldId = element.id;
+    if (element.type === "File" || element.type === "Image") {
+      acc[fieldId] = helpers.formFileValidation({
+        max: element.limit,
+        maxKB: element.maxFileSize,
+        minKB: element.minFileSize
+      });
+      return acc;
+    }
+    if (element.type === "Object") {
+      const nested = element.elements;
+      if (typeof nested !== "function") {
+        acc[fieldId] = Yup__namespace.object().shape(
+          buildShape(nested)
+        );
+      }
+      return acc;
+    }
+    if (element.type === "Combined") {
+      if (element.schema) {
+        acc[fieldId] = cloneSchema(element.schema);
+      }
+      return acc;
+    }
+    if (element.type === "Group") {
+      const nested = element.elements;
+      if (typeof nested !== "function") {
+        acc[fieldId] = Yup__namespace.array().of(
+          Yup__namespace.object().shape(
+            buildShape(nested)
+          )
+        );
+      }
+      return acc;
+    }
+    if (element.schema) {
+      acc[fieldId] = cloneSchema(element.schema);
+    }
+    return acc;
+  }, {});
+  return shape;
+};
+const schemaBuilder = (elements, id) => {
+  const finalShape = buildShape(elements);
+  return Yup__namespace.object(finalShape);
+};
+
+exports.schemaBuilder = schemaBuilder;
+//# sourceMappingURL=schemaBuilder.cjs.map

package/form-renderer/utils/schemaBuilder.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemaBuilder.cjs","sources":["../../../../src/form-renderer/utils/schemaBuilder.ts"],"sourcesContent":["// utils/schemaBuilder.ts\n\nimport * as Yup from \"yup\";\nimport type {FieldValues} from 'react-hook-form';\nimport type {ICombined, IFormElement, IGroup, IObjectGroup} from '@lmb-it/kitsconcerto-types';\nimport {formFileValidation} from \"./helpers\";\n\n// A helper type for the shape object used by Yup.\ntype YupShape = { [key: string]: Yup.AnySchema };\n\n\nconst cloneSchema = (schema: Yup.AnySchema) => {\n    // Yup schemas are immutable but need re-instantiation\n    return schema.clone();\n};\n\nconst buildShape = <T extends FieldValues>(\n    elements: IFormElement<T>[],\n    id: string\n): YupShape => {\n    const shape = elements.reduce((acc: YupShape, element) => {\n        if ('displayOnly' in element && element.displayOnly) return acc;\n\n        const fieldId = element.id as string;\n\n        // FILE / IMAGE\n        if (element.type === 'File' || element.type === 'Image') {\n            acc[fieldId] = formFileValidation({\n                max: (element as any).limit,\n                maxKB: (element as any).maxFileSize,\n                minKB: (element as any).minFileSize,\n            });\n            return acc;\n        }\n\n        // OBJECT (single nested level)\n        if (element.type === 'Object') {\n            const nested = (element as IObjectGroup<T>).elements;\n            if (typeof nested !== 'function') {\n                acc[fieldId] = Yup.object().shape(\n                    buildShape(nested, fieldId)\n                );\n            }\n            return acc;\n        }\n\n        // COMBINED — validate parent schema only, skip children\n        if (element.type === 'Combined') {\n            if (element.schema) {\n                acc[fieldId] = cloneSchema(element.schema);\n            }\n            return acc;\n        }\n\n        // GROUP (array of objects)\n        if (element.type === 'Group') {\n            const nested = (element as IGroup<T>).elements;\n            if (typeof nested !== 'function') {\n                acc[fieldId] = Yup.array().of(\n                    Yup.object().shape(\n                        buildShape(nested, fieldId)\n                    )\n                );\n            }\n            return acc;\n        }\n\n        // SIMPLE FIELD — 🔥 CLONE REQUIRED 🔥\n        if (element.schema) {\n            acc[fieldId] = cloneSchema(element.schema);\n        }\n\n        return acc;\n    }, {});\n\n    return shape;\n};\n\n\n/**\n * Recursively builds a Yup validation schema from an array of form element definitions.\n *\n * @param {IFormElement<T>[]} elements - The array of element configurations.\n * @param id\n * @returns {Yup.ObjectSchema<any>} A Yup object schema representing the form structure.\n */\nexport const schemaBuilder = <T extends FieldValues>(\n    elements: IFormElement<T>[], id:string\n): Yup.ObjectSchema<any> => {\n    // 1. Build the complete, nested, plain JavaScript object shape.\n    const finalShape = buildShape(elements, id);\n\n    // 2. Create the final Yup schema ONCE with the full context.\n    //    Yup can now correctly resolve all '../' and '../../' paths.\n    return Yup.object(finalShape);\n};\n\n// --- HOW TO USE IT ---\n// Your existing code remains exactly the same. This is a drop-in replacement.\n// const schema = schemaBuilder(elements);\n// console.log(schema.describe()); // This will now show the correct dependencies\n"],"names":["formFileValidation","Yup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,WAAA,GAAc,CAAC,MAAA,KAA0B;AAE3C,EAAA,OAAO,OAAO,KAAA,EAAM;AACxB,CAAA;AAEA,MAAM,UAAA,GAAa,CACf,QAAA,EACA,EAAA,KACW;AACX,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,MAAA,CAAO,CAAC,KAAe,OAAA,KAAY;AACtD,IAAA,IAAI,aAAA,IAAiB,OAAA,IAAW,OAAA,CAAQ,WAAA,EAAa,OAAO,GAAA;AAE5D,IAAA,MAAM,UAAU,OAAA,CAAQ,EAAA;AAGxB,IAAA,IAAI,OAAA,CAAQ,IAAA,KAAS,MAAA,IAAU,OAAA,CAAQ,SAAS,OAAA,EAAS;AACrD,MAAA,GAAA,CAAI,OAAO,IAAIA,0BAAA,CAAmB;AAAA,QAC9B,KAAM,OAAA,CAAgB,KAAA;AAAA,QACtB,OAAQ,OAAA,CAAgB,WAAA;AAAA,QACxB,OAAQ,OAAA,CAAgB;AAAA,OAC3B,CAAA;AACD,MAAA,OAAO,GAAA;AAAA,IACX;AAGA,IAAA,IAAI,OAAA,CAAQ,SAAS,QAAA,EAAU;AAC3B,MAAA,MAAM,SAAU,OAAA,CAA4B,QAAA;AAC5C,MAAA,IAAI,OAAO,WAAW,UAAA,EAAY;AAC9B,QAAA,GAAA,CAAI,OAAO,CAAA,GAAIC,cAAA,CAAI,MAAA,EAAO,CAAE,KAAA;AAAA,UACxB,UAAA,CAAW,MAAe;AAAA,SAC9B;AAAA,MACJ;AACA,MAAA,OAAO,GAAA;AAAA,IACX;AAGA,IAAA,IAAI,OAAA,CAAQ,SAAS,UAAA,EAAY;AAC7B,MAAA,IAAI,QAAQ,MAAA,EAAQ;AAChB,QAAA,GAAA,CAAI,OAAO,CAAA,GAAI,WAAA,CAAY,OAAA,CAAQ,MAAM,CAAA;AAAA,MAC7C;AACA,MAAA,OAAO,GAAA;AAAA,IACX;AAGA,IAAA,IAAI,OAAA,CAAQ,SAAS,OAAA,EAAS;AAC1B,MAAA,MAAM,SAAU,OAAA,CAAsB,QAAA;AACtC,MAAA,IAAI,OAAO,WAAW,UAAA,EAAY;AAC9B,QAAA,GAAA,CAAI,OAAO,CAAA,GAAIA,cAAA,CAAI,KAAA,EAAM,CAAE,EAAA;AAAA,UACvBA,cAAA,CAAI,QAAO,CAAE,KAAA;AAAA,YACT,UAAA,CAAW,MAAe;AAAA;AAC9B,SACJ;AAAA,MACJ;AACA,MAAA,OAAO,GAAA;AAAA,IACX;AAGA,IAAA,IAAI,QAAQ,MAAA,EAAQ;AAChB,MAAA,GAAA,CAAI,OAAO,CAAA,GAAI,WAAA,CAAY,OAAA,CAAQ,MAAM,CAAA;AAAA,IAC7C;AAEA,IAAA,OAAO,GAAA;AAAA,EACX,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,KAAA;AACX,CAAA;AAUO,MAAM,aAAA,GAAgB,CACzB,QAAA,EAA6B,EAAA,KACL;AAExB,EAAA,MAAM,UAAA,GAAa,UAAA,CAAW,QAAY,CAAA;AAI1C,EAAA,OAAOA,cAAA,CAAI,OAAO,UAAU,CAAA;AAChC;;;;"}

package/form-renderer/utils/schemaBuilder.js

@@ -0,0 +1,58 @@
+import * as Yup from 'yup';
+import { formFileValidation } from './helpers.js';
+
+const cloneSchema = (schema) => {
+  return schema.clone();
+};
+const buildShape = (elements, id) => {
+  const shape = elements.reduce((acc, element) => {
+    if ("displayOnly" in element && element.displayOnly) return acc;
+    const fieldId = element.id;
+    if (element.type === "File" || element.type === "Image") {
+      acc[fieldId] = formFileValidation({
+        max: element.limit,
+        maxKB: element.maxFileSize,
+        minKB: element.minFileSize
+      });
+      return acc;
+    }
+    if (element.type === "Object") {
+      const nested = element.elements;
+      if (typeof nested !== "function") {
+        acc[fieldId] = Yup.object().shape(
+          buildShape(nested)
+        );
+      }
+      return acc;
+    }
+    if (element.type === "Combined") {
+      if (element.schema) {
+        acc[fieldId] = cloneSchema(element.schema);
+      }
+      return acc;
+    }
+    if (element.type === "Group") {
+      const nested = element.elements;
+      if (typeof nested !== "function") {
+        acc[fieldId] = Yup.array().of(
+          Yup.object().shape(
+            buildShape(nested)
+          )
+        );
+      }
+      return acc;
+    }
+    if (element.schema) {
+      acc[fieldId] = cloneSchema(element.schema);
+    }
+    return acc;
+  }, {});
+  return shape;
+};
+const schemaBuilder = (elements, id) => {
+  const finalShape = buildShape(elements);
+  return Yup.object(finalShape);
+};
+
+export { schemaBuilder };
+//# sourceMappingURL=schemaBuilder.js.map

package/form-renderer/utils/schemaBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemaBuilder.js","sources":["../../../../src/form-renderer/utils/schemaBuilder.ts"],"sourcesContent":["// utils/schemaBuilder.ts\n\nimport * as Yup from \"yup\";\nimport type {FieldValues} from 'react-hook-form';\nimport type {ICombined, IFormElement, IGroup, IObjectGroup} from '@lmb-it/kitsconcerto-types';\nimport {formFileValidation} from \"./helpers\";\n\n// A helper type for the shape object used by Yup.\ntype YupShape = { [key: string]: Yup.AnySchema };\n\n\nconst cloneSchema = (schema: Yup.AnySchema) => {\n    // Yup schemas are immutable but need re-instantiation\n    return schema.clone();\n};\n\nconst buildShape = <T extends FieldValues>(\n    elements: IFormElement<T>[],\n    id: string\n): YupShape => {\n    const shape = elements.reduce((acc: YupShape, element) => {\n        if ('displayOnly' in element && element.displayOnly) return acc;\n\n        const fieldId = element.id as string;\n\n        // FILE / IMAGE\n        if (element.type === 'File' || element.type === 'Image') {\n            acc[fieldId] = formFileValidation({\n                max: (element as any).limit,\n                maxKB: (element as any).maxFileSize,\n                minKB: (element as any).minFileSize,\n            });\n            return acc;\n        }\n\n        // OBJECT (single nested level)\n        if (element.type === 'Object') {\n            const nested = (element as IObjectGroup<T>).elements;\n            if (typeof nested !== 'function') {\n                acc[fieldId] = Yup.object().shape(\n                    buildShape(nested, fieldId)\n                );\n            }\n            return acc;\n        }\n\n        // COMBINED — validate parent schema only, skip children\n        if (element.type === 'Combined') {\n            if (element.schema) {\n                acc[fieldId] = cloneSchema(element.schema);\n            }\n            return acc;\n        }\n\n        // GROUP (array of objects)\n        if (element.type === 'Group') {\n            const nested = (element as IGroup<T>).elements;\n            if (typeof nested !== 'function') {\n                acc[fieldId] = Yup.array().of(\n                    Yup.object().shape(\n                        buildShape(nested, fieldId)\n                    )\n                );\n            }\n            return acc;\n        }\n\n        // SIMPLE FIELD — 🔥 CLONE REQUIRED 🔥\n        if (element.schema) {\n            acc[fieldId] = cloneSchema(element.schema);\n        }\n\n        return acc;\n    }, {});\n\n    return shape;\n};\n\n\n/**\n * Recursively builds a Yup validation schema from an array of form element definitions.\n *\n * @param {IFormElement<T>[]} elements - The array of element configurations.\n * @param id\n * @returns {Yup.ObjectSchema<any>} A Yup object schema representing the form structure.\n */\nexport const schemaBuilder = <T extends FieldValues>(\n    elements: IFormElement<T>[], id:string\n): Yup.ObjectSchema<any> => {\n    // 1. Build the complete, nested, plain JavaScript object shape.\n    const finalShape = buildShape(elements, id);\n\n    // 2. Create the final Yup schema ONCE with the full context.\n    //    Yup can now correctly resolve all '../' and '../../' paths.\n    return Yup.object(finalShape);\n};\n\n// --- HOW TO USE IT ---\n// Your existing code remains exactly the same. This is a drop-in replacement.\n// const schema = schemaBuilder(elements);\n// console.log(schema.describe()); // This will now show the correct dependencies\n"],"names":[],"mappings":";;;AAWA,MAAM,WAAA,GAAc,CAAC,MAAA,KAA0B;AAE3C,EAAA,OAAO,OAAO,KAAA,EAAM;AACxB,CAAA;AAEA,MAAM,UAAA,GAAa,CACf,QAAA,EACA,EAAA,KACW;AACX,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,MAAA,CAAO,CAAC,KAAe,OAAA,KAAY;AACtD,IAAA,IAAI,aAAA,IAAiB,OAAA,IAAW,OAAA,CAAQ,WAAA,EAAa,OAAO,GAAA;AAE5D,IAAA,MAAM,UAAU,OAAA,CAAQ,EAAA;AAGxB,IAAA,IAAI,OAAA,CAAQ,IAAA,KAAS,MAAA,IAAU,OAAA,CAAQ,SAAS,OAAA,EAAS;AACrD,MAAA,GAAA,CAAI,OAAO,IAAI,kBAAA,CAAmB;AAAA,QAC9B,KAAM,OAAA,CAAgB,KAAA;AAAA,QACtB,OAAQ,OAAA,CAAgB,WAAA;AAAA,QACxB,OAAQ,OAAA,CAAgB;AAAA,OAC3B,CAAA;AACD,MAAA,OAAO,GAAA;AAAA,IACX;AAGA,IAAA,IAAI,OAAA,CAAQ,SAAS,QAAA,EAAU;AAC3B,MAAA,MAAM,SAAU,OAAA,CAA4B,QAAA;AAC5C,MAAA,IAAI,OAAO,WAAW,UAAA,EAAY;AAC9B,QAAA,GAAA,CAAI,OAAO,CAAA,GAAI,GAAA,CAAI,MAAA,EAAO,CAAE,KAAA;AAAA,UACxB,UAAA,CAAW,MAAe;AAAA,SAC9B;AAAA,MACJ;AACA,MAAA,OAAO,GAAA;AAAA,IACX;AAGA,IAAA,IAAI,OAAA,CAAQ,SAAS,UAAA,EAAY;AAC7B,MAAA,IAAI,QAAQ,MAAA,EAAQ;AAChB,QAAA,GAAA,CAAI,OAAO,CAAA,GAAI,WAAA,CAAY,OAAA,CAAQ,MAAM,CAAA;AAAA,MAC7C;AACA,MAAA,OAAO,GAAA;AAAA,IACX;AAGA,IAAA,IAAI,OAAA,CAAQ,SAAS,OAAA,EAAS;AAC1B,MAAA,MAAM,SAAU,OAAA,CAAsB,QAAA;AACtC,MAAA,IAAI,OAAO,WAAW,UAAA,EAAY;AAC9B,QAAA,GAAA,CAAI,OAAO,CAAA,GAAI,GAAA,CAAI,KAAA,EAAM,CAAE,EAAA;AAAA,UACvB,GAAA,CAAI,QAAO,CAAE,KAAA;AAAA,YACT,UAAA,CAAW,MAAe;AAAA;AAC9B,SACJ;AAAA,MACJ;AACA,MAAA,OAAO,GAAA;AAAA,IACX;AAGA,IAAA,IAAI,QAAQ,MAAA,EAAQ;AAChB,MAAA,GAAA,CAAI,OAAO,CAAA,GAAI,WAAA,CAAY,OAAA,CAAQ,MAAM,CAAA;AAAA,IAC7C;AAEA,IAAA,OAAO,GAAA;AAAA,EACX,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,KAAA;AACX,CAAA;AAUO,MAAM,aAAA,GAAgB,CACzB,QAAA,EAA6B,EAAA,KACL;AAExB,EAAA,MAAM,UAAA,GAAa,UAAA,CAAW,QAAY,CAAA;AAI1C,EAAA,OAAO,GAAA,CAAI,OAAO,UAAU,CAAA;AAChC;;;;"}

package/hooks/locale.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var React = require('react');
+var index_native = require('../contexts/Locale/index.cjs');
+
+const useLanguage = () => React.useContext(index_native.LocaleContext);
+
+exports.useLanguage = useLanguage;
+//# sourceMappingURL=locale.cjs.map

package/hooks/locale.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.cjs","sources":["../../../src/hooks/locale.ts"],"sourcesContent":["import {useContext} from \"react\";\nimport {LocaleContext} from \"../contexts/Locale\";\n\nexport const useLanguage = () => useContext(LocaleContext);\n"],"names":["useContext","LocaleContext"],"mappings":";;;;;AAGO,MAAM,WAAA,GAAc,MAAMA,gBAAA,CAAWC,0BAAa;;;;"}

package/hooks/locale.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { LocaleContext } from '../contexts/Locale/index.js';
+
+const useLanguage = () => useContext(LocaleContext);
+
+export { useLanguage };
+//# sourceMappingURL=locale.js.map

package/hooks/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","sources":["../../../src/hooks/locale.ts"],"sourcesContent":["import {useContext} from \"react\";\nimport {LocaleContext} from \"../contexts/Locale\";\n\nexport const useLanguage = () => useContext(LocaleContext);\n"],"names":[],"mappings":";;;AAGO,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,aAAa;;;;"}

package/hooks/main.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var React = require('react');
+var index_native = require('../contexts/Main/index.cjs');
+require('../contexts/DialogContext.cjs');
+
+const useKitsConcerto = () => React.useContext(index_native.MainContext);
+
+exports.useKitsConcerto = useKitsConcerto;
+//# sourceMappingURL=main.cjs.map

package/hooks/main.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.cjs","sources":["../../../src/hooks/main.ts"],"sourcesContent":["import {useContext} from \"react\";\nimport {MainContext} from \"../contexts\";\n\nexport const useKitsConcerto = () => useContext(MainContext);\n"],"names":["useContext","MainContext"],"mappings":";;;;;;AAGO,MAAM,eAAA,GAAkB,MAAMA,gBAAA,CAAWC,wBAAW;;;;"}

package/hooks/main.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { MainContext } from '../contexts/Main/index.js';
+import '../contexts/DialogContext.js';
+
+const useKitsConcerto = () => useContext(MainContext);
+
+export { useKitsConcerto };
+//# sourceMappingURL=main.js.map

package/hooks/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":["../../../src/hooks/main.ts"],"sourcesContent":["import {useContext} from \"react\";\nimport {MainContext} from \"../contexts\";\n\nexport const useKitsConcerto = () => useContext(MainContext);\n"],"names":[],"mappings":";;;;AAGO,MAAM,eAAA,GAAkB,MAAM,UAAA,CAAW,WAAW;;;;"}

package/hooks/shadowPresets.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+require('../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+require('../packages/types/src/Css/map/index.cjs');
+var shadows = require('../packages/types/src/Theme/shadows.cjs');
+require('../packages/types/src/Theme/defaultTheme.cjs');
+
+function expandShadow(value, _resolveToken) {
+  return value ? shadows.expandShadowNative(value) : {};
+}
+
+exports.expandShadow = expandShadow;
+//# sourceMappingURL=shadowPresets.cjs.map

package/hooks/shadowPresets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadowPresets.cjs","sources":["../../../src/hooks/shadowPresets.native.ts"],"sourcesContent":["import {expandShadowNative} from '@lmb-it/kitsconcerto-types';\n\n/**\n * Cross-platform shadow expansion — NATIVE (iOS + Android).\n *\n * A `shadow: 'md'` style key resolves to the active native shadow scale\n * (`shadowColor/shadowOffset/shadowOpacity/shadowRadius/elevation`), published\n * by the native KitsThemeProvider from `theme.shadows.md.native` — so\n * overriding the theme overrides the shadow. Unknown values yield `{}` (raw CSS\n * box-shadow strings / `$shadows.*` tokens cannot render on RN).\n *\n * Web counterpart: ./shadowPresets.web.ts.\n */\nexport function expandShadow(\n    value: string,\n    _resolveToken?: (token: string) => string,\n): Record<string, any> {\n    return value ? expandShadowNative(value) : {};\n}\n"],"names":["expandShadowNative"],"mappings":";;;;;;;;;;;AAaO,SAAS,YAAA,CACZ,OACA,aAAA,EACmB;AACnB,EAAA,OAAO,KAAA,GAAQA,0BAAA,CAAmB,KAAK,CAAA,GAAI,EAAC;AAChD;;;;"}

package/hooks/shadowPresets.js

@@ -0,0 +1,15 @@
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../packages/types/src/Css/map/index.js';
+import { expandShadowNative } from '../packages/types/src/Theme/shadows.js';
+import '../packages/types/src/Theme/defaultTheme.js';
+
+function expandShadow(value, _resolveToken) {
+  return value ? expandShadowNative(value) : {};
+}
+
+export { expandShadow };
+//# sourceMappingURL=shadowPresets.js.map

package/hooks/shadowPresets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadowPresets.js","sources":["../../../src/hooks/shadowPresets.native.ts"],"sourcesContent":["import {expandShadowNative} from '@lmb-it/kitsconcerto-types';\n\n/**\n * Cross-platform shadow expansion — NATIVE (iOS + Android).\n *\n * A `shadow: 'md'` style key resolves to the active native shadow scale\n * (`shadowColor/shadowOffset/shadowOpacity/shadowRadius/elevation`), published\n * by the native KitsThemeProvider from `theme.shadows.md.native` — so\n * overriding the theme overrides the shadow. Unknown values yield `{}` (raw CSS\n * box-shadow strings / `$shadows.*` tokens cannot render on RN).\n *\n * Web counterpart: ./shadowPresets.web.ts.\n */\nexport function expandShadow(\n    value: string,\n    _resolveToken?: (token: string) => string,\n): Record<string, any> {\n    return value ? expandShadowNative(value) : {};\n}\n"],"names":[],"mappings":";;;;;;;;;AAaO,SAAS,YAAA,CACZ,OACA,aAAA,EACmB;AACnB,EAAA,OAAO,KAAA,GAAQ,kBAAA,CAAmB,KAAK,CAAA,GAAI,EAAC;AAChD;;;;"}

package/hooks/useColorScheme.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var KitsThemeProvider_native = require('../contexts/Theme/KitsThemeProvider.cjs');
+
+function useKitsColorScheme(colorScheme, variant) {
+  const { resolveToken, colorMode } = KitsThemeProvider_native.useKitsTheme();
+  return React.useMemo(() => {
+    if (!colorScheme) return {};
+    const isDark = colorMode === "dark";
+    const baseShade = isDark ? "200" : "500";
+    const subtleBg = isDark ? "800" : "100";
+    const subtleText = isDark ? "200" : "700";
+    switch (variant) {
+      case "subtle":
+      case "ghost":
+        return {
+          bgColor: resolveToken(`${colorScheme}.${subtleBg}`),
+          fontColor: resolveToken(`${colorScheme}.${subtleText}`)
+        };
+      case "outline":
+        return {
+          borderColor: resolveToken(`${colorScheme}.${baseShade}`),
+          fontColor: resolveToken(`${colorScheme}.${baseShade}`),
+          borderWidth: "1px",
+          borderStyle: "solid"
+        };
+      default:
+        return {
+          bgColor: resolveToken(`${colorScheme}.${baseShade}`),
+          fontColor: "#FFFFFF"
+        };
+    }
+  }, [colorScheme, variant, resolveToken, colorMode]);
+}
+
+exports.default = useKitsColorScheme;
+//# sourceMappingURL=useColorScheme.cjs.map

package/hooks/useColorScheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.cjs","sources":["../../../src/hooks/useColorScheme.ts"],"sourcesContent":["import {useMemo} from 'react';\nimport {useKitsTheme} from '../contexts/Theme';\nimport type {IStyleClasses} from '@lmb-it/kitsconcerto-types';\n\n/**\n * Derives color-related style props from a colorScheme name and optional variant.\n * Returns CSS prop overrides that can be spread into cssProps.\n *\n * @example\n * const colorStyles = useKitsColorScheme('blue', 'solid');\n * // colorStyles = { bgColor: 'blue.500', fontColor: 'white' }\n */\nexport default function useKitsColorScheme(\n    colorScheme: string | undefined,\n    variant?: 'solid' | 'subtle' | 'outline' | 'ghost',\n): Partial<IStyleClasses> {\n    const {resolveToken, colorMode} = useKitsTheme();\n\n    return useMemo(() => {\n        if (!colorScheme) return {};\n\n        const isDark = colorMode === 'dark';\n        const baseShade = isDark ? '200' : '500';\n        const hoverShade = isDark ? '300' : '600';\n        const subtleBg = isDark ? '800' : '100';\n        const subtleText = isDark ? '200' : '700';\n\n        switch (variant) {\n            case 'subtle':\n            case 'ghost':\n                return {\n                    bgColor: resolveToken(`${colorScheme}.${subtleBg}`),\n                    fontColor: resolveToken(`${colorScheme}.${subtleText}`),\n                } as Partial<IStyleClasses>;\n\n            case 'outline':\n                return {\n                    borderColor: resolveToken(`${colorScheme}.${baseShade}`),\n                    fontColor: resolveToken(`${colorScheme}.${baseShade}`),\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                } as Partial<IStyleClasses>;\n\n            default: // 'solid' or undefined\n                return {\n                    bgColor: resolveToken(`${colorScheme}.${baseShade}`),\n                    fontColor: '#FFFFFF',\n                } as Partial<IStyleClasses>;\n        }\n    }, [colorScheme, variant, resolveToken, colorMode]);\n}\n"],"names":["useKitsTheme","useMemo"],"mappings":";;;;;;;AAYA,SAAwB,kBAAA,CACpB,aACA,OAAA,EACsB;AACtB,EAAA,MAAM,EAAC,YAAA,EAAc,SAAA,EAAS,GAAIA,qCAAA,EAAa;AAE/C,EAAA,OAAOC,cAAQ,MAAM;AACjB,IAAA,IAAI,CAAC,WAAA,EAAa,OAAO,EAAC;AAE1B,IAAA,MAAM,SAAS,SAAA,KAAc,MAAA;AAC7B,IAAA,MAAM,SAAA,GAAY,SAAS,KAAA,GAAQ,KAAA;AAEnC,IAAA,MAAM,QAAA,GAAW,SAAS,KAAA,GAAQ,KAAA;AAClC,IAAA,MAAM,UAAA,GAAa,SAAS,KAAA,GAAQ,KAAA;AAEpC,IAAA,QAAQ,OAAA;AAAS,MACb,KAAK,QAAA;AAAA,MACL,KAAK,OAAA;AACD,QAAA,OAAO;AAAA,UACH,SAAS,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE,CAAA;AAAA,UAClD,WAAW,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,UAAU,CAAA,CAAE;AAAA,SAC1D;AAAA,MAEJ,KAAK,SAAA;AACD,QAAA,OAAO;AAAA,UACH,aAAa,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAA;AAAA,UACvD,WAAW,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAA;AAAA,UACrD,WAAA,EAAa,KAAA;AAAA,UACb,WAAA,EAAa;AAAA,SACjB;AAAA,MAEJ;AACI,QAAA,OAAO;AAAA,UACH,SAAS,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAA;AAAA,UACnD,SAAA,EAAW;AAAA,SACf;AAAA;AACR,EACJ,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,YAAA,EAAc,SAAS,CAAC,CAAA;AACtD;;;;"}

package/hooks/useColorScheme.js

@@ -0,0 +1,36 @@
+import { useMemo } from 'react';
+import { useKitsTheme } from '../contexts/Theme/KitsThemeProvider.js';
+
+function useKitsColorScheme(colorScheme, variant) {
+  const { resolveToken, colorMode } = useKitsTheme();
+  return useMemo(() => {
+    if (!colorScheme) return {};
+    const isDark = colorMode === "dark";
+    const baseShade = isDark ? "200" : "500";
+    const subtleBg = isDark ? "800" : "100";
+    const subtleText = isDark ? "200" : "700";
+    switch (variant) {
+      case "subtle":
+      case "ghost":
+        return {
+          bgColor: resolveToken(`${colorScheme}.${subtleBg}`),
+          fontColor: resolveToken(`${colorScheme}.${subtleText}`)
+        };
+      case "outline":
+        return {
+          borderColor: resolveToken(`${colorScheme}.${baseShade}`),
+          fontColor: resolveToken(`${colorScheme}.${baseShade}`),
+          borderWidth: "1px",
+          borderStyle: "solid"
+        };
+      default:
+        return {
+          bgColor: resolveToken(`${colorScheme}.${baseShade}`),
+          fontColor: "#FFFFFF"
+        };
+    }
+  }, [colorScheme, variant, resolveToken, colorMode]);
+}
+
+export { useKitsColorScheme as default };
+//# sourceMappingURL=useColorScheme.js.map

package/hooks/useColorScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.js","sources":["../../../src/hooks/useColorScheme.ts"],"sourcesContent":["import {useMemo} from 'react';\nimport {useKitsTheme} from '../contexts/Theme';\nimport type {IStyleClasses} from '@lmb-it/kitsconcerto-types';\n\n/**\n * Derives color-related style props from a colorScheme name and optional variant.\n * Returns CSS prop overrides that can be spread into cssProps.\n *\n * @example\n * const colorStyles = useKitsColorScheme('blue', 'solid');\n * // colorStyles = { bgColor: 'blue.500', fontColor: 'white' }\n */\nexport default function useKitsColorScheme(\n    colorScheme: string | undefined,\n    variant?: 'solid' | 'subtle' | 'outline' | 'ghost',\n): Partial<IStyleClasses> {\n    const {resolveToken, colorMode} = useKitsTheme();\n\n    return useMemo(() => {\n        if (!colorScheme) return {};\n\n        const isDark = colorMode === 'dark';\n        const baseShade = isDark ? '200' : '500';\n        const hoverShade = isDark ? '300' : '600';\n        const subtleBg = isDark ? '800' : '100';\n        const subtleText = isDark ? '200' : '700';\n\n        switch (variant) {\n            case 'subtle':\n            case 'ghost':\n                return {\n                    bgColor: resolveToken(`${colorScheme}.${subtleBg}`),\n                    fontColor: resolveToken(`${colorScheme}.${subtleText}`),\n                } as Partial<IStyleClasses>;\n\n            case 'outline':\n                return {\n                    borderColor: resolveToken(`${colorScheme}.${baseShade}`),\n                    fontColor: resolveToken(`${colorScheme}.${baseShade}`),\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                } as Partial<IStyleClasses>;\n\n            default: // 'solid' or undefined\n                return {\n                    bgColor: resolveToken(`${colorScheme}.${baseShade}`),\n                    fontColor: '#FFFFFF',\n                } as Partial<IStyleClasses>;\n        }\n    }, [colorScheme, variant, resolveToken, colorMode]);\n}\n"],"names":[],"mappings":";;;AAYA,SAAwB,kBAAA,CACpB,aACA,OAAA,EACsB;AACtB,EAAA,MAAM,EAAC,YAAA,EAAc,SAAA,EAAS,GAAI,YAAA,EAAa;AAE/C,EAAA,OAAO,QAAQ,MAAM;AACjB,IAAA,IAAI,CAAC,WAAA,EAAa,OAAO,EAAC;AAE1B,IAAA,MAAM,SAAS,SAAA,KAAc,MAAA;AAC7B,IAAA,MAAM,SAAA,GAAY,SAAS,KAAA,GAAQ,KAAA;AAEnC,IAAA,MAAM,QAAA,GAAW,SAAS,KAAA,GAAQ,KAAA;AAClC,IAAA,MAAM,UAAA,GAAa,SAAS,KAAA,GAAQ,KAAA;AAEpC,IAAA,QAAQ,OAAA;AAAS,MACb,KAAK,QAAA;AAAA,MACL,KAAK,OAAA;AACD,QAAA,OAAO;AAAA,UACH,SAAS,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE,CAAA;AAAA,UAClD,WAAW,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,UAAU,CAAA,CAAE;AAAA,SAC1D;AAAA,MAEJ,KAAK,SAAA;AACD,QAAA,OAAO;AAAA,UACH,aAAa,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAA;AAAA,UACvD,WAAW,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAA;AAAA,UACrD,WAAA,EAAa,KAAA;AAAA,UACb,WAAA,EAAa;AAAA,SACjB;AAAA,MAEJ;AACI,QAAA,OAAO;AAAA,UACH,SAAS,YAAA,CAAa,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAA;AAAA,UACnD,SAAA,EAAW;AAAA,SACf;AAAA;AACR,EACJ,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,YAAA,EAAc,SAAS,CAAC,CAAA;AACtD;;;;"}

package/hooks/useComponentDefaults.cjs

@@ -0,0 +1,213 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var KitsThemeProvider_native = require('../contexts/Theme/KitsThemeProvider.cjs');
+
+const ELEMENT_SLOT_KEYS = /* @__PURE__ */ new Set([
+  // ── Form-element slots ──────────────────────────────────
+  // Base (all form elements — IFormElementBaseSlots)
+  "label",
+  "helperText",
+  "error",
+  // Text input specific (ITextInputSlots — also shared by ISelectSlots)
+  "root",
+  "container",
+  "inputGroup",
+  "leftAddon",
+  "rightAddon",
+  // Select specific (ISelectSlots — option-list popover)
+  // Radio / Checkbox also use `item` / `itemSelected` / `itemDisabled` /
+  // `itemHover` for the per-list-item wrapper, plus `itemInvalid`.
+  "panel",
+  "item",
+  "itemSelected",
+  "itemFocused",
+  "itemHover",
+  "itemDisabled",
+  "itemInvalid",
+  // MultiSelect specific (IMultiSelectSlots — chips + per-item checkbox)
+  "token",
+  "tokenIcon",
+  "checkboxBox",
+  "checkboxBoxChecked",
+  "checkboxIcon",
+  // Datepicker specific (IDatepickerSlots — calendar popup; `panel` shared with Select)
+  "calendarHeader",
+  "calendarNavButton",
+  "weekDay",
+  "dayCell",
+  "daySelected",
+  "dayToday",
+  "dayDisabled",
+  // Switch specific (ISwitchSlots) — RENAMED from slider/sliderChecked/thumbChecked
+  "track",
+  "trackOn",
+  "thumb",
+  "thumbOn",
+  // Checkbox specific (ICheckboxSlots)
+  "box",
+  "boxChecked",
+  "checkIcon",
+  // Radio specific (IRadioSlots)
+  "circle",
+  "circleInner",
+  // Radio + Checkbox: wrapper Flex around all list items
+  "itemsContainer",
+  // ── Non-form component slots (untouched by the form-element refactor) ──
+  // Card / Button / generic
+  "icon",
+  "header",
+  "title",
+  "subTitle",
+  "content",
+  "footer",
+  // Button variants — `text` applies only to buttons with a label,
+  // `iconOnly` applies only to icon-only buttons (so styling one never
+  // affects the other).
+  "text",
+  "iconOnly",
+  // Table
+  "th",
+  "headerRow",
+  "headerCell",
+  "body",
+  "bodyRow",
+  "bodyCell",
+  "wrapper",
+  "table",
+  "tbody",
+  "filterRow",
+  "filterCell",
+  "filterClearButton",
+  "columnFilter",
+  "columnFilterInput",
+  "tfoot",
+  "footerRow",
+  "footerCell",
+  "footer",
+  "paginator",
+  "emptyMessage",
+  "loadingOverlay",
+  "loadingIcon",
+  "rowGroupHeader",
+  "rowGroupHeaderName",
+  "rowExpansion",
+  "rowGroupFooter",
+  "rowGroupToggler",
+  "rowGroupTogglerIcon",
+  "resizeHelper",
+  "reorderIndicatorUp",
+  "reorderIndicatorUpIcon",
+  "reorderIndicatorDown",
+  "reorderIndicatorDownIcon",
+  "tableHeader",
+  "searchInput",
+  "paginatorPageButton",
+  "paginatorPageLink",
+  "paginatorActivePageButton",
+  "paginatorPageReport",
+  "paginatorRowsPerPage",
+  "paginatorRowsPerPageDropdown",
+  "sortedColumn",
+  "stripedRow",
+  "selectedRow",
+  "selectedRowAccent",
+  "filterBar",
+  "filterInput",
+  "filterLabel",
+  "toolbarRight",
+  "toolbarButton",
+  "clearFilterButton",
+  "columnPicker",
+  // Accordion
+  "headerActive",
+  "headerHover",
+  // Sidebar/Drawer
+  "headerTitle",
+  "closeButton",
+  "mask",
+  // Group (repeatable field array)
+  "row",
+  "addButton",
+  "removeButton",
+  // Header (app-shell top bar)
+  "toggleModeButton",
+  "avatarButton",
+  "breadcrumb"
+]);
+function useComponentDefaults(componentName, props, baseGroup) {
+  const { theme } = KitsThemeProvider_native.useKitsTheme();
+  const formElementConfig = theme.components.FormElement;
+  const baseConfig = baseGroup ? theme.components[baseGroup] : void 0;
+  const config = theme.components[componentName];
+  return React.useMemo(() => {
+    const instanceSlots = props.slots;
+    if (!config && !baseConfig && !instanceSlots && !formElementConfig) {
+      return { mergedProps: props, themeStyle: {}, elementStyles: {}, elementConfigs: {} };
+    }
+    const formBase = formElementConfig || {};
+    const base = baseConfig || {};
+    const comp = config || {};
+    const merged = {
+      ...formBase.root?.props || {},
+      ...base.root?.props || {},
+      ...comp.root?.props || {},
+      ...instanceSlots?.root?.props || {}
+    };
+    for (const key of Object.keys(props)) {
+      if (key === "slots") continue;
+      if (props[key] !== void 0) {
+        merged[key] = props[key];
+      }
+    }
+    const allSlotKeys = /* @__PURE__ */ new Set();
+    for (const key of Object.keys(formBase)) {
+      if (ELEMENT_SLOT_KEYS.has(key)) allSlotKeys.add(key);
+    }
+    for (const key of Object.keys(base)) {
+      if (ELEMENT_SLOT_KEYS.has(key)) allSlotKeys.add(key);
+    }
+    for (const key of Object.keys(comp)) {
+      if (ELEMENT_SLOT_KEYS.has(key)) allSlotKeys.add(key);
+    }
+    if (instanceSlots) {
+      for (const key of Object.keys(instanceSlots)) {
+        if (ELEMENT_SLOT_KEYS.has(key)) allSlotKeys.add(key);
+      }
+    }
+    const elementStyles = {};
+    const elementConfigs = {};
+    for (const slotKey of allSlotKeys) {
+      const style = {
+        ...formBase[slotKey]?.style || {},
+        ...base[slotKey]?.style || {},
+        ...comp[slotKey]?.style || {},
+        ...instanceSlots?.[slotKey]?.style || {}
+      };
+      elementStyles[slotKey] = style;
+      const pseudoMerged = {
+        ...formBase[slotKey]?.pseudo || {},
+        ...base[slotKey]?.pseudo || {},
+        ...comp[slotKey]?.pseudo || {},
+        ...instanceSlots?.[slotKey]?.pseudo || {}
+      };
+      elementConfigs[slotKey] = {
+        style,
+        important: instanceSlots?.[slotKey]?.important ?? comp[slotKey]?.important ?? base[slotKey]?.important ?? formBase[slotKey]?.important,
+        pseudo: Object.keys(pseudoMerged).length > 0 ? pseudoMerged : void 0
+      };
+    }
+    const themeStyle = elementStyles.root || {};
+    return {
+      mergedProps: merged,
+      themeStyle,
+      elementStyles,
+      elementConfigs
+    };
+  }, [formElementConfig, baseConfig, config, props]);
+}
+
+exports.default = useComponentDefaults;
+//# sourceMappingURL=useComponentDefaults.cjs.map

package/hooks/useComponentDefaults.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentDefaults.cjs","sources":["../../../src/hooks/useComponentDefaults.ts"],"sourcesContent":["import {useMemo} from 'react';\nimport {useKitsTheme} from '../contexts/Theme';\n\n/**\n * Known element slot keys. When a config key matches one of these\n * AND the value has `props` or `style`, it is treated as an element slot.\n *\n * To add a new slot: add the key here AND to the relevant slot interface\n * in packages/types/src/Theme/types.ts (and to the `AllSlotKeys` union).\n *\n * The order below mirrors the typed slot hierarchy in\n * `packages/types/src/Theme/types.ts`.\n */\nconst ELEMENT_SLOT_KEYS = new Set([\n    // ── Form-element slots ──────────────────────────────────\n    // Base (all form elements — IFormElementBaseSlots)\n    'label', 'helperText', 'error',\n    // Text input specific (ITextInputSlots — also shared by ISelectSlots)\n    'root', 'container', 'inputGroup', 'leftAddon', 'rightAddon',\n    // Select specific (ISelectSlots — option-list popover)\n    // Radio / Checkbox also use `item` / `itemSelected` / `itemDisabled` /\n    // `itemHover` for the per-list-item wrapper, plus `itemInvalid`.\n    'panel', 'item', 'itemSelected', 'itemFocused', 'itemHover', 'itemDisabled', 'itemInvalid',\n    // MultiSelect specific (IMultiSelectSlots — chips + per-item checkbox)\n    'token', 'tokenIcon',\n    'checkboxBox', 'checkboxBoxChecked', 'checkboxIcon',\n    // Datepicker specific (IDatepickerSlots — calendar popup; `panel` shared with Select)\n    'calendarHeader', 'calendarNavButton', 'weekDay',\n    'dayCell', 'daySelected', 'dayToday', 'dayDisabled',\n    // Switch specific (ISwitchSlots) — RENAMED from slider/sliderChecked/thumbChecked\n    'track', 'trackOn', 'thumb', 'thumbOn',\n    // Checkbox specific (ICheckboxSlots)\n    'box', 'boxChecked', 'checkIcon',\n    // Radio specific (IRadioSlots)\n    'circle', 'circleInner',\n    // Radio + Checkbox: wrapper Flex around all list items\n    'itemsContainer',\n\n    // ── Non-form component slots (untouched by the form-element refactor) ──\n    // Card / Button / generic\n    'icon', 'header', 'title', 'subTitle', 'content', 'footer',\n    // Button variants — `text` applies only to buttons with a label,\n    // `iconOnly` applies only to icon-only buttons (so styling one never\n    // affects the other).\n    'text', 'iconOnly',\n    // Table\n    'th', 'headerRow', 'headerCell', 'body', 'bodyRow', 'bodyCell',\n    'wrapper', 'table', 'tbody',\n    'filterRow', 'filterCell', 'filterClearButton',\n    'columnFilter', 'columnFilterInput',\n    'tfoot', 'footerRow', 'footerCell', 'footer', 'paginator', 'emptyMessage',\n    'loadingOverlay', 'loadingIcon',\n    'rowGroupHeader', 'rowGroupHeaderName', 'rowExpansion', 'rowGroupFooter',\n    'rowGroupToggler', 'rowGroupTogglerIcon',\n    'resizeHelper',\n    'reorderIndicatorUp', 'reorderIndicatorUpIcon',\n    'reorderIndicatorDown', 'reorderIndicatorDownIcon',\n    'tableHeader', 'searchInput',\n    'paginatorPageButton', 'paginatorPageLink', 'paginatorActivePageButton',\n    'paginatorPageReport', 'paginatorRowsPerPage', 'paginatorRowsPerPageDropdown',\n    'sortedColumn', 'stripedRow', 'selectedRow', 'selectedRowAccent',\n    'filterBar', 'filterInput', 'filterLabel',\n    'toolbarRight', 'toolbarButton', 'clearFilterButton', 'columnPicker',\n    // Accordion\n    'headerActive', 'headerHover',\n    // Sidebar/Drawer\n    'headerTitle', 'closeButton', 'mask',\n    // Group (repeatable field array)\n    'row', 'addButton', 'removeButton',\n    // Header (app-shell top bar)\n    'toggleModeButton', 'avatarButton', 'breadcrumb',\n]);\n\nexport interface IElementConfig {\n    style: Record<string, any>;\n    important?: boolean | string[];\n    pseudo?: Record<string, Record<string, any>>;\n}\n\nexport interface UseComponentDefaultsResult<T> {\n    /** Props with theme defaults merged in (user props always win) */\n    mergedProps: T;\n    /**\n     * CSS style from root slot — backwards compat for components\n     * that read themeStyle instead of elementStyles.root\n     */\n    themeStyle: Record<string, any>;\n    /**\n     * Per-element style maps. Each key is a slot name, value is the\n     * merged IStyleClasses (not yet resolved to CSSProperties).\n     * Use `useResolvedElementStyles(elementStyles)` to resolve.\n     */\n    elementStyles: Record<string, Record<string, any>>;\n    /**\n     * Full slot configs including `important` and `pseudo` fields.\n     * Use this instead of `elementStyles` when you need those fields.\n     */\n    elementConfigs: Record<string, IElementConfig>;\n}\n\n/**\n * Merges theme-level component defaults with user-supplied props.\n *\n * Resolution chain (lowest → highest priority):\n *   FormElement[slot] < baseGroup[slot] < component[slot] < instanceSlots[slot] < user props\n *\n * `FormElement` is the global base group for every form element\n * (label / helperText / error live there by default). It is applied\n * to every component regardless of whether a `baseGroup` is provided\n * — for non-form components like Button or Card, FormElement slots\n * are no-ops in practice because those components don't read\n * `elementStyles.label` / `helperText` / `error`.\n *\n * Element slots (`root`, `label`, `container`, etc.) are direct keys\n * on the component config. Each slot accepts `{ props?, style? }`.\n *\n * The `root` slot's `props` are merged into `mergedProps` alongside\n * user props (user always wins). The `root` slot's `style` is returned\n * as both `themeStyle` (backwards compat) and `elementStyles.root`.\n *\n * Supports base-group inheritance: e.g. `useComponentDefaults('InputText', rawProps, 'Input')`\n * merges FormElement first, then Input base, then InputText overrides,\n * then per-instance slots, then user props.\n *\n * @example\n * const { mergedProps, themeStyle, elementStyles } = useComponentDefaults('InputText', rawProps, 'Input');\n * // mergedProps   → FormElement.root.props < Input.root.props < InputText.root.props < instanceSlots < user props\n * // elementStyles.label     → FormElement.label.style < Input.label.style < InputText.label.style < instance label\n * // elementStyles.root      → root element style (FormElement → Input → InputText → instance)\n * // elementStyles.container → container element style\n */\nexport default function useComponentDefaults<T extends Record<string, any>>(\n    componentName: string,\n    props: T,\n    baseGroup?: string,\n): UseComponentDefaultsResult<T> {\n    const {theme} = useKitsTheme();\n    // Global base for every form element. Always looked up — if not\n    // configured it is `undefined` and the merge contributes nothing.\n    const formElementConfig = theme.components.FormElement;\n    const baseConfig = baseGroup ? theme.components[baseGroup] : undefined;\n    const config = theme.components[componentName];\n\n    return useMemo(() => {\n        // Extract per-instance slot overrides from props (IFormElement.slots passed through)\n        const instanceSlots = (props as any).slots as Record<string, { props?: any; style?: any; important?: boolean | string[]; pseudo?: Record<string, Record<string, any>> }> | undefined;\n\n        if (!config && !baseConfig && !instanceSlots && !formElementConfig) {\n            return {mergedProps: props, themeStyle: {}, elementStyles: {}, elementConfigs: {}};\n        }\n\n        const formBase = (formElementConfig || {}) as Record<string, any>;\n        const base = (baseConfig || {}) as Record<string, any>;\n        const comp = (config || {}) as Record<string, any>;\n\n        // --- Props merge: FormElement.root.props < base.root.props < config.root.props < instanceSlots.root.props < user props ---\n        const merged = {\n            ...(formBase.root?.props || {}),\n            ...(base.root?.props || {}),\n            ...(comp.root?.props || {}),\n            ...(instanceSlots?.root?.props || {}),\n        } as Record<string, any>;\n\n        for (const key of Object.keys(props)) {\n            // Skip 'slots' — it is consumed here, not forwarded\n            if (key === 'slots') continue;\n            if (props[key] !== undefined) {\n                merged[key] = props[key];\n            }\n        }\n\n        // --- Element styles merge: FormElement[slot] < base[slot] < config[slot] < instanceSlots[slot] ---\n        const allSlotKeys = new Set<string>();\n        for (const key of Object.keys(formBase)) {\n            if (ELEMENT_SLOT_KEYS.has(key)) allSlotKeys.add(key);\n        }\n        for (const key of Object.keys(base)) {\n            if (ELEMENT_SLOT_KEYS.has(key)) allSlotKeys.add(key);\n        }\n        for (const key of Object.keys(comp)) {\n            if (ELEMENT_SLOT_KEYS.has(key)) allSlotKeys.add(key);\n        }\n        if (instanceSlots) {\n            for (const key of Object.keys(instanceSlots)) {\n                if (ELEMENT_SLOT_KEYS.has(key)) allSlotKeys.add(key);\n            }\n        }\n\n        const elementStyles: Record<string, Record<string, any>> = {};\n        const elementConfigs: Record<string, IElementConfig> = {};\n        for (const slotKey of allSlotKeys) {\n            const style = {\n                ...(formBase[slotKey]?.style || {}),\n                ...(base[slotKey]?.style || {}),\n                ...(comp[slotKey]?.style || {}),\n                ...(instanceSlots?.[slotKey]?.style || {}),\n            };\n            elementStyles[slotKey] = style;\n\n            const pseudoMerged = {\n                ...(formBase[slotKey]?.pseudo || {}),\n                ...(base[slotKey]?.pseudo || {}),\n                ...(comp[slotKey]?.pseudo || {}),\n                ...(instanceSlots?.[slotKey]?.pseudo || {}),\n            };\n            elementConfigs[slotKey] = {\n                style,\n                important:\n                    instanceSlots?.[slotKey]?.important ??\n                    comp[slotKey]?.important ??\n                    base[slotKey]?.important ??\n                    formBase[slotKey]?.important,\n                pseudo: Object.keys(pseudoMerged).length > 0 ? pseudoMerged : undefined,\n            };\n        }\n\n        // themeStyle = root element style (backwards compat)\n        const themeStyle = elementStyles.root || {};\n\n        return {\n            mergedProps: merged as T,\n            themeStyle,\n            elementStyles,\n            elementConfigs,\n        };\n    }, [formElementConfig, baseConfig, config, props]);\n}\n"],"names":["useKitsTheme","useMemo"],"mappings":"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"}