@lmb-it/kitsconcerto-native 0.1.236

package/hooks/useComponentDefaults.js

@@ -0,0 +1,209 @@
+import { useMemo } from 'react';
+import { useKitsTheme } from '../contexts/Theme/KitsThemeProvider.js';
+
+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 } = useKitsTheme();
+  const formElementConfig = theme.components.FormElement;
+  const baseConfig = baseGroup ? theme.components[baseGroup] : void 0;
+  const config = theme.components[componentName];
+  return 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]);
+}
+
+export { useComponentDefaults as default };
+//# sourceMappingURL=useComponentDefaults.js.map

package/hooks/useComponentDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentDefaults.js","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":[],"mappings":"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"}

package/hooks/useDisclosure.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useDisclosure = (defaultIsOpen = false) => {
+  const [isOpen, setIsOpen] = React.useState(defaultIsOpen);
+  const onToggle = React.useCallback(() => {
+    setIsOpen(!isOpen);
+  }, [isOpen]);
+  const onOpen = React.useCallback(() => {
+    setIsOpen(true);
+  }, []);
+  const onClose = React.useCallback(() => {
+    setIsOpen(false);
+  }, []);
+  return { isOpen, onOpen, onClose, onToggle };
+};
+
+exports.default = useDisclosure;
+//# sourceMappingURL=useDisclosure.cjs.map

package/hooks/useDisclosure.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.cjs","sources":["../../../src/hooks/useDisclosure.ts"],"sourcesContent":["import { useState, useCallback } from \"react\";\nimport type {UseDisclosureReturnType} from \"@lmb-it/kitsconcerto-types\";\n\n\n\nconst useDisclosure = (defaultIsOpen: boolean = false): UseDisclosureReturnType => {\n    const [isOpen, setIsOpen] = useState(defaultIsOpen);\n\n    const onToggle = useCallback(() => {\n        setIsOpen(!isOpen);\n    }, [isOpen]);\n\n    const onOpen = useCallback(() => {\n        setIsOpen(true);\n    }, []);\n\n    const onClose = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n\n    return { isOpen, onOpen, onClose, onToggle };\n};\n\nexport default useDisclosure;\n"],"names":["useState","useCallback"],"mappings":";;;;;;AAKA,MAAM,aAAA,GAAgB,CAAC,aAAA,GAAyB,KAAA,KAAmC;AAC/E,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,aAAa,CAAA;AAElD,EAAA,MAAM,QAAA,GAAWC,kBAAY,MAAM;AAC/B,IAAA,SAAA,CAAU,CAAC,MAAM,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,MAAA,GAASA,kBAAY,MAAM;AAC7B,IAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EAClB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,OAAA,GAAUA,kBAAY,MAAM;AAC9B,IAAA,SAAA,CAAU,KAAK,CAAA;AAAA,EACnB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,MAAA,EAAQ,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAS;AAC/C;;;;"}

package/hooks/useDisclosure.js

@@ -0,0 +1,18 @@
+import { useState, useCallback } from 'react';
+
+const useDisclosure = (defaultIsOpen = false) => {
+  const [isOpen, setIsOpen] = useState(defaultIsOpen);
+  const onToggle = useCallback(() => {
+    setIsOpen(!isOpen);
+  }, [isOpen]);
+  const onOpen = useCallback(() => {
+    setIsOpen(true);
+  }, []);
+  const onClose = useCallback(() => {
+    setIsOpen(false);
+  }, []);
+  return { isOpen, onOpen, onClose, onToggle };
+};
+
+export { useDisclosure as default };
+//# sourceMappingURL=useDisclosure.js.map

package/hooks/useDisclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.js","sources":["../../../src/hooks/useDisclosure.ts"],"sourcesContent":["import { useState, useCallback } from \"react\";\nimport type {UseDisclosureReturnType} from \"@lmb-it/kitsconcerto-types\";\n\n\n\nconst useDisclosure = (defaultIsOpen: boolean = false): UseDisclosureReturnType => {\n    const [isOpen, setIsOpen] = useState(defaultIsOpen);\n\n    const onToggle = useCallback(() => {\n        setIsOpen(!isOpen);\n    }, [isOpen]);\n\n    const onOpen = useCallback(() => {\n        setIsOpen(true);\n    }, []);\n\n    const onClose = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n\n    return { isOpen, onOpen, onClose, onToggle };\n};\n\nexport default useDisclosure;\n"],"names":[],"mappings":";;AAKA,MAAM,aAAA,GAAgB,CAAC,aAAA,GAAyB,KAAA,KAAmC;AAC/E,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,aAAa,CAAA;AAElD,EAAA,MAAM,QAAA,GAAW,YAAY,MAAM;AAC/B,IAAA,SAAA,CAAU,CAAC,MAAM,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM;AAC7B,IAAA,SAAA,CAAU,IAAI,CAAA;AAAA,EAClB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAC9B,IAAA,SAAA,CAAU,KAAK,CAAA;AAAA,EACnB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,MAAA,EAAQ,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAS;AAC/C;;;;"}

package/hooks/useFocusStyles.cjs

@@ -0,0 +1,97 @@
+'use strict';
+
+var React = require('react');
+require('../apps/mobile/src/ui/accordion/index.cjs');
+require('../apps/mobile/src/ui/actionsheet/index.cjs');
+require('../apps/mobile/src/ui/alert/index.cjs');
+require('../apps/mobile/src/ui/alert-dialog/index.cjs');
+require('../apps/mobile/src/ui/avatar/index.cjs');
+require('../apps/mobile/src/ui/badge/index.cjs');
+require('../apps/mobile/src/ui/bottomsheet/index.cjs');
+require('../apps/mobile/src/ui/box/index.cjs');
+require('../apps/mobile/src/ui/button/index.cjs');
+require('../apps/mobile/src/ui/card/index.cjs');
+require('../apps/mobile/src/ui/center/index.cjs');
+require('../apps/mobile/src/ui/checkbox/index.cjs');
+require('../apps/mobile/src/ui/divider/index.cjs');
+require('../apps/mobile/src/ui/drawer/index.cjs');
+require('../apps/mobile/src/ui/fab/index.cjs');
+require('react-native');
+require('../apps/mobile/src/ui/form-control/index.cjs');
+require('react/jsx-runtime');
+require('../apps/mobile/src/ui/gluestack-ui-provider/config.cjs');
+require('@gluestack-ui/core/overlay/creator');
+require('@gluestack-ui/core/toast/creator');
+require('nativewind');
+require('../apps/mobile/src/ui/grid/index.cjs');
+require('../apps/mobile/src/ui/heading/index.cjs');
+require('../apps/mobile/src/ui/hstack/index.cjs');
+require('../apps/mobile/src/ui/icon/index.cjs');
+require('../apps/mobile/src/ui/image/index.cjs');
+require('../apps/mobile/src/ui/image-background/index.cjs');
+require('../apps/mobile/src/ui/input/index.cjs');
+require('../apps/mobile/src/ui/link/index.cjs');
+require('../apps/mobile/src/ui/menu/index.cjs');
+require('../apps/mobile/src/ui/modal/index.cjs');
+require('../apps/mobile/src/ui/popover/index.cjs');
+require('../apps/mobile/src/ui/portal/index.cjs');
+require('../apps/mobile/src/ui/pressable/index.cjs');
+require('../apps/mobile/src/ui/progress/index.cjs');
+require('../apps/mobile/src/ui/radio/index.cjs');
+require('react-native-safe-area-context');
+require('../apps/mobile/src/ui/select/index.cjs');
+require('../apps/mobile/src/ui/skeleton/index.cjs');
+require('../apps/mobile/src/ui/slider/index.cjs');
+require('../apps/mobile/src/ui/spinner/index.cjs');
+require('../apps/mobile/src/ui/switch/index.cjs');
+require('../apps/mobile/src/ui/table/index.cjs');
+require('../apps/mobile/src/ui/text/index.cjs');
+require('../apps/mobile/src/ui/textarea/index.cjs');
+require('../apps/mobile/src/ui/toast/index.cjs');
+require('../apps/mobile/src/ui/tooltip/index.cjs');
+require('../apps/mobile/src/ui/vstack/index.cjs');
+require('react-native-reanimated');
+var style = require('../apps/mobile/src/Factory/helpers/style.cjs');
+require('../apps/mobile/src/Factory/DimensionsContext.cjs');
+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');
+require('../packages/types/src/Theme/shadows.cjs');
+require('../packages/types/src/Theme/defaultTheme.cjs');
+require('i18next');
+require('react-i18next');
+require('../apps/mobile/src/Core/AutoComplete/index.cjs');
+require('../apps/mobile/src/Core/Dropdown/index.cjs');
+require('../apps/mobile/src/Core/MultiSelect/index.cjs');
+require('../apps/mobile/src/Core/Trees/components/CoreTree.cjs');
+require('../apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs');
+require('../apps/mobile/src/Core/Trees/components/CoreToolbar.cjs');
+require('../apps/mobile/src/Core/Paginator/index.cjs');
+require('lucide-react-native');
+require('../apps/mobile/src/Core/SelectButton/index.cjs');
+require('../apps/mobile/src/Core/DataTable/DataTable.cjs');
+require('../apps/mobile/src/Core/Tag/index.cjs');
+require('../apps/mobile/src/Core/Badge/index.cjs');
+require('../apps/mobile/src/Core/ProgressBar/index.cjs');
+require('../apps/mobile/src/Core/Checkbox/index.cjs');
+require('../apps/mobile/src/Core/RadioButton/index.cjs');
+require('../apps/mobile/src/Core/Input/index.cjs');
+require('../apps/mobile/src/Core/Input/Field.cjs');
+require('../apps/mobile/src/Core/Input/Slot.cjs');
+
+function useFocusStyles(themeStyle, isFocused) {
+  return React.useMemo(() => {
+    if (!themeStyle) return {};
+    const { _focus, _hover, ...base } = themeStyle;
+    const baseStyle = style.style(base);
+    if (!isFocused || !_focus) return baseStyle;
+    const focusStyle = style.style(_focus);
+    return { ...baseStyle, ...focusStyle };
+  }, [themeStyle, isFocused]);
+}
+
+exports.useFocusStyles = useFocusStyles;
+//# sourceMappingURL=useFocusStyles.cjs.map

package/hooks/useFocusStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusStyles.cjs","sources":["../../../src/hooks/useFocusStyles.native.ts"],"sourcesContent":["import {useMemo} from 'react';\nimport type {IStyleClasses} from '@lmb-it/kitsconcerto-types';\nimport {style} from '@lmb-it/kitsconcertomobile';\n\n/**\n * Native focus-style helper.\n * Merges `_focus` styles into the computed style object when `isFocused` is true.\n * Returns a React Native ViewStyle object ready for the `style` prop.\n */\nexport function useFocusStyles(\n    themeStyle: IStyleClasses | undefined,\n    isFocused: boolean,\n) {\n    return useMemo(() => {\n        if (!themeStyle) return {};\n        const {_focus, _hover, ...base} = themeStyle as any;\n        const baseStyle = style(base);\n        if (!isFocused || !_focus) return baseStyle;\n        const focusStyle = style(_focus);\n        return {...baseStyle, ...focusStyle};\n    }, [themeStyle, isFocused]);\n}\n\nexport default useFocusStyles;\n"],"names":["useMemo","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,SAAS,cAAA,CACZ,YACA,SAAA,EACF;AACE,EAAA,OAAOA,cAAQ,MAAM;AACjB,IAAA,IAAI,CAAC,UAAA,EAAY,OAAO,EAAC;AACzB,IAAA,MAAM,EAAC,MAAA,EAAQ,MAAA,EAAQ,GAAG,MAAI,GAAI,UAAA;AAClC,IAAA,MAAM,SAAA,GAAYC,YAAM,IAAI,CAAA;AAC5B,IAAA,IAAI,CAAC,SAAA,IAAa,CAAC,MAAA,EAAQ,OAAO,SAAA;AAClC,IAAA,MAAM,UAAA,GAAaA,YAAM,MAAM,CAAA;AAC/B,IAAA,OAAO,EAAC,GAAG,SAAA,EAAW,GAAG,UAAA,EAAU;AAAA,EACvC,CAAA,EAAG,CAAC,UAAA,EAAY,SAAS,CAAC,CAAA;AAC9B;;;;"}

package/hooks/useFocusStyles.js

@@ -0,0 +1,95 @@
+import { useMemo } from 'react';
+import '../apps/mobile/src/ui/accordion/index.js';
+import '../apps/mobile/src/ui/actionsheet/index.js';
+import '../apps/mobile/src/ui/alert/index.js';
+import '../apps/mobile/src/ui/alert-dialog/index.js';
+import '../apps/mobile/src/ui/avatar/index.js';
+import '../apps/mobile/src/ui/badge/index.js';
+import '../apps/mobile/src/ui/bottomsheet/index.js';
+import '../apps/mobile/src/ui/box/index.js';
+import '../apps/mobile/src/ui/button/index.js';
+import '../apps/mobile/src/ui/card/index.js';
+import '../apps/mobile/src/ui/center/index.js';
+import '../apps/mobile/src/ui/checkbox/index.js';
+import '../apps/mobile/src/ui/divider/index.js';
+import '../apps/mobile/src/ui/drawer/index.js';
+import '../apps/mobile/src/ui/fab/index.js';
+import 'react-native';
+import '../apps/mobile/src/ui/form-control/index.js';
+import 'react/jsx-runtime';
+import '../apps/mobile/src/ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../apps/mobile/src/ui/grid/index.js';
+import '../apps/mobile/src/ui/heading/index.js';
+import '../apps/mobile/src/ui/hstack/index.js';
+import '../apps/mobile/src/ui/icon/index.js';
+import '../apps/mobile/src/ui/image/index.js';
+import '../apps/mobile/src/ui/image-background/index.js';
+import '../apps/mobile/src/ui/input/index.js';
+import '../apps/mobile/src/ui/link/index.js';
+import '../apps/mobile/src/ui/menu/index.js';
+import '../apps/mobile/src/ui/modal/index.js';
+import '../apps/mobile/src/ui/popover/index.js';
+import '../apps/mobile/src/ui/portal/index.js';
+import '../apps/mobile/src/ui/pressable/index.js';
+import '../apps/mobile/src/ui/progress/index.js';
+import '../apps/mobile/src/ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../apps/mobile/src/ui/select/index.js';
+import '../apps/mobile/src/ui/skeleton/index.js';
+import '../apps/mobile/src/ui/slider/index.js';
+import '../apps/mobile/src/ui/spinner/index.js';
+import '../apps/mobile/src/ui/switch/index.js';
+import '../apps/mobile/src/ui/table/index.js';
+import '../apps/mobile/src/ui/text/index.js';
+import '../apps/mobile/src/ui/textarea/index.js';
+import '../apps/mobile/src/ui/toast/index.js';
+import '../apps/mobile/src/ui/tooltip/index.js';
+import '../apps/mobile/src/ui/vstack/index.js';
+import 'react-native-reanimated';
+import { style } from '../apps/mobile/src/Factory/helpers/style.js';
+import '../apps/mobile/src/Factory/DimensionsContext.js';
+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 '../packages/types/src/Theme/shadows.js';
+import '../packages/types/src/Theme/defaultTheme.js';
+import 'i18next';
+import 'react-i18next';
+import '../apps/mobile/src/Core/AutoComplete/index.js';
+import '../apps/mobile/src/Core/Dropdown/index.js';
+import '../apps/mobile/src/Core/MultiSelect/index.js';
+import '../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import '../apps/mobile/src/Core/Trees/components/CoreTreeSelect.js';
+import '../apps/mobile/src/Core/Trees/components/CoreToolbar.js';
+import '../apps/mobile/src/Core/Paginator/index.js';
+import 'lucide-react-native';
+import '../apps/mobile/src/Core/SelectButton/index.js';
+import '../apps/mobile/src/Core/DataTable/DataTable.js';
+import '../apps/mobile/src/Core/Tag/index.js';
+import '../apps/mobile/src/Core/Badge/index.js';
+import '../apps/mobile/src/Core/ProgressBar/index.js';
+import '../apps/mobile/src/Core/Checkbox/index.js';
+import '../apps/mobile/src/Core/RadioButton/index.js';
+import '../apps/mobile/src/Core/Input/index.js';
+import '../apps/mobile/src/Core/Input/Field.js';
+import '../apps/mobile/src/Core/Input/Slot.js';
+
+function useFocusStyles(themeStyle, isFocused) {
+  return useMemo(() => {
+    if (!themeStyle) return {};
+    const { _focus, _hover, ...base } = themeStyle;
+    const baseStyle = style(base);
+    if (!isFocused || !_focus) return baseStyle;
+    const focusStyle = style(_focus);
+    return { ...baseStyle, ...focusStyle };
+  }, [themeStyle, isFocused]);
+}
+
+export { useFocusStyles };
+//# sourceMappingURL=useFocusStyles.js.map

package/hooks/useFocusStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusStyles.js","sources":["../../../src/hooks/useFocusStyles.native.ts"],"sourcesContent":["import {useMemo} from 'react';\nimport type {IStyleClasses} from '@lmb-it/kitsconcerto-types';\nimport {style} from '@lmb-it/kitsconcertomobile';\n\n/**\n * Native focus-style helper.\n * Merges `_focus` styles into the computed style object when `isFocused` is true.\n * Returns a React Native ViewStyle object ready for the `style` prop.\n */\nexport function useFocusStyles(\n    themeStyle: IStyleClasses | undefined,\n    isFocused: boolean,\n) {\n    return useMemo(() => {\n        if (!themeStyle) return {};\n        const {_focus, _hover, ...base} = themeStyle as any;\n        const baseStyle = style(base);\n        if (!isFocused || !_focus) return baseStyle;\n        const focusStyle = style(_focus);\n        return {...baseStyle, ...focusStyle};\n    }, [themeStyle, isFocused]);\n}\n\nexport default useFocusStyles;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,SAAS,cAAA,CACZ,YACA,SAAA,EACF;AACE,EAAA,OAAO,QAAQ,MAAM;AACjB,IAAA,IAAI,CAAC,UAAA,EAAY,OAAO,EAAC;AACzB,IAAA,MAAM,EAAC,MAAA,EAAQ,MAAA,EAAQ,GAAG,MAAI,GAAI,UAAA;AAClC,IAAA,MAAM,SAAA,GAAY,MAAM,IAAI,CAAA;AAC5B,IAAA,IAAI,CAAC,SAAA,IAAa,CAAC,MAAA,EAAQ,OAAO,SAAA;AAClC,IAAA,MAAM,UAAA,GAAa,MAAM,MAAM,CAAA;AAC/B,IAAA,OAAO,EAAC,GAAG,SAAA,EAAW,GAAG,UAAA,EAAU;AAAA,EACvC,CAAA,EAAG,CAAC,UAAA,EAAY,SAAS,CAAC,CAAA;AAC9B;;;;"}

package/hooks/useFormFieldKeyboardNav.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var useKeyboardNavigation_native = require('./useKeyboardNavigation.cjs');
+
+function useFormFieldKeyboardNav(id) {
+  const inputRef = React.useRef(null);
+  const nav = useKeyboardNavigation_native.useKeyboardNav();
+  React.useEffect(() => {
+    if (!id || !nav) return;
+    nav.register(id, inputRef);
+    return () => nav.unregister(id);
+  }, [id, nav]);
+  const navProps = id && nav ? nav.getNavProps(id) : {};
+  const focusNext = id && nav ? () => nav.focusNext(id) : void 0;
+  return { inputRef, navProps, focusNext };
+}
+
+exports.useFormFieldKeyboardNav = useFormFieldKeyboardNav;
+//# sourceMappingURL=useFormFieldKeyboardNav.cjs.map

package/hooks/useFormFieldKeyboardNav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormFieldKeyboardNav.cjs","sources":["../../../src/hooks/useFormFieldKeyboardNav.native.ts"],"sourcesContent":["import {useEffect, useRef} from 'react';\nimport type {TextInput} from 'react-native';\nimport {useKeyboardNav} from './useKeyboardNavigation';\n\n/**\n * Convenience hook for native text input molecules.\n * Creates a local TextInput ref, registers it in the KeyboardNavContext,\n * and returns the ref + navigation props to spread on the InputField.\n */\nexport function useFormFieldKeyboardNav(id: string | undefined) {\n    const inputRef = useRef<TextInput>(null);\n    const nav = useKeyboardNav();\n\n    useEffect(() => {\n        if (!id || !nav) return;\n        nav.register(id, inputRef);\n        return () => nav.unregister(id);\n    }, [id, nav]);\n\n    const navProps = id && nav ? nav.getNavProps(id) : {};\n    const focusNext = id && nav ? () => nav.focusNext(id) : undefined;\n\n    return {inputRef, navProps, focusNext};\n}\n"],"names":["useRef","useKeyboardNav","useEffect"],"mappings":";;;;;AASO,SAAS,wBAAwB,EAAA,EAAwB;AAC5D,EAAA,MAAM,QAAA,GAAWA,aAAkB,IAAI,CAAA;AACvC,EAAA,MAAM,MAAMC,2CAAA,EAAe;AAE3B,EAAAC,eAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,EAAA,IAAM,CAAC,GAAA,EAAK;AACjB,IAAA,GAAA,CAAI,QAAA,CAAS,IAAI,QAAQ,CAAA;AACzB,IAAA,OAAO,MAAM,GAAA,CAAI,UAAA,CAAW,EAAE,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,EAAA,EAAI,GAAG,CAAC,CAAA;AAEZ,EAAA,MAAM,WAAW,EAAA,IAAM,GAAA,GAAM,IAAI,WAAA,CAAY,EAAE,IAAI,EAAC;AACpD,EAAA,MAAM,YAAY,EAAA,IAAM,GAAA,GAAM,MAAM,GAAA,CAAI,SAAA,CAAU,EAAE,CAAA,GAAI,MAAA;AAExD,EAAA,OAAO,EAAC,QAAA,EAAU,QAAA,EAAU,SAAA,EAAS;AACzC;;;;"}

package/hooks/useFormFieldKeyboardNav.js

@@ -0,0 +1,18 @@
+import { useRef, useEffect } from 'react';
+import { useKeyboardNav } from './useKeyboardNavigation.js';
+
+function useFormFieldKeyboardNav(id) {
+  const inputRef = useRef(null);
+  const nav = useKeyboardNav();
+  useEffect(() => {
+    if (!id || !nav) return;
+    nav.register(id, inputRef);
+    return () => nav.unregister(id);
+  }, [id, nav]);
+  const navProps = id && nav ? nav.getNavProps(id) : {};
+  const focusNext = id && nav ? () => nav.focusNext(id) : void 0;
+  return { inputRef, navProps, focusNext };
+}
+
+export { useFormFieldKeyboardNav };
+//# sourceMappingURL=useFormFieldKeyboardNav.js.map

package/hooks/useFormFieldKeyboardNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormFieldKeyboardNav.js","sources":["../../../src/hooks/useFormFieldKeyboardNav.native.ts"],"sourcesContent":["import {useEffect, useRef} from 'react';\nimport type {TextInput} from 'react-native';\nimport {useKeyboardNav} from './useKeyboardNavigation';\n\n/**\n * Convenience hook for native text input molecules.\n * Creates a local TextInput ref, registers it in the KeyboardNavContext,\n * and returns the ref + navigation props to spread on the InputField.\n */\nexport function useFormFieldKeyboardNav(id: string | undefined) {\n    const inputRef = useRef<TextInput>(null);\n    const nav = useKeyboardNav();\n\n    useEffect(() => {\n        if (!id || !nav) return;\n        nav.register(id, inputRef);\n        return () => nav.unregister(id);\n    }, [id, nav]);\n\n    const navProps = id && nav ? nav.getNavProps(id) : {};\n    const focusNext = id && nav ? () => nav.focusNext(id) : undefined;\n\n    return {inputRef, navProps, focusNext};\n}\n"],"names":[],"mappings":";;;AASO,SAAS,wBAAwB,EAAA,EAAwB;AAC5D,EAAA,MAAM,QAAA,GAAW,OAAkB,IAAI,CAAA;AACvC,EAAA,MAAM,MAAM,cAAA,EAAe;AAE3B,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,EAAA,IAAM,CAAC,GAAA,EAAK;AACjB,IAAA,GAAA,CAAI,QAAA,CAAS,IAAI,QAAQ,CAAA;AACzB,IAAA,OAAO,MAAM,GAAA,CAAI,UAAA,CAAW,EAAE,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,EAAA,EAAI,GAAG,CAAC,CAAA;AAEZ,EAAA,MAAM,WAAW,EAAA,IAAM,GAAA,GAAM,IAAI,WAAA,CAAY,EAAE,IAAI,EAAC;AACpD,EAAA,MAAM,YAAY,EAAA,IAAM,GAAA,GAAM,MAAM,GAAA,CAAI,SAAA,CAAU,EAAE,CAAA,GAAI,MAAA;AAExD,EAAA,OAAO,EAAC,QAAA,EAAU,QAAA,EAAU,SAAA,EAAS;AACzC;;;;"}

package/hooks/useKeyboardNavigation.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var React = require('react');
+
+const KeyboardNavContext = React.createContext(null);
+const useKeyboardNav = () => React.useContext(KeyboardNavContext);
+function useKeyboardNavProvider() {
+  const refsMap = React.useRef(/* @__PURE__ */ new Map());
+  const elementsOrder = React.useRef([]);
+  const register = React.useCallback((id, ref) => {
+    refsMap.current.set(id, ref);
+  }, []);
+  const unregister = React.useCallback((id) => {
+    refsMap.current.delete(id);
+  }, []);
+  const setElementsOrder = React.useCallback((ids) => {
+    elementsOrder.current = ids;
+  }, []);
+  const getNavProps = React.useCallback((id) => {
+    const visibleOrder = elementsOrder.current.filter(
+      (eid) => refsMap.current.has(eid)
+    );
+    const idx = visibleOrder.indexOf(id);
+    const isLast = idx !== -1 && idx === visibleOrder.length - 1;
+    return {
+      returnKeyType: isLast ? "done" : "next",
+      blurOnSubmit: isLast,
+      // Read from refs at call time via focusNext — avoids stale closure
+      onSubmitEditing: () => {
+        focusNext(id);
+      }
+    };
+  }, [focusNext]);
+  const focusNext = React.useCallback((currentId) => {
+    const visibleOrder = elementsOrder.current.filter(
+      (eid) => refsMap.current.has(eid)
+    );
+    const idx = visibleOrder.indexOf(currentId);
+    if (idx === -1 || idx === visibleOrder.length - 1) return;
+    const nextId = visibleOrder[idx + 1];
+    if (nextId) {
+      const nextRef = refsMap.current.get(nextId);
+      nextRef?.current?.focus();
+    }
+  }, []);
+  const contextValue = {
+    register,
+    unregister,
+    setElementsOrder,
+    getNavProps,
+    focusNext
+  };
+  return contextValue;
+}
+
+exports.KeyboardNavContext = KeyboardNavContext;
+exports.useKeyboardNav = useKeyboardNav;
+exports.useKeyboardNavProvider = useKeyboardNavProvider;
+//# sourceMappingURL=useKeyboardNavigation.cjs.map

package/hooks/useKeyboardNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.cjs","sources":["../../../src/hooks/useKeyboardNavigation.native.ts"],"sourcesContent":["import {createContext, useCallback, useContext, useRef} from 'react';\nimport type {TextInput} from 'react-native';\n\nexport interface KeyboardNavContextValue {\n    register: (id: string, ref: React.RefObject<TextInput | null>) => void;\n    unregister: (id: string) => void;\n    setElementsOrder: (ids: string[]) => void;\n    getNavProps: (id: string) => {\n        returnKeyType: 'next' | 'done';\n        blurOnSubmit: boolean;\n        onSubmitEditing: () => void;\n    };\n    focusNext: (currentId: string) => void;\n}\n\nexport const KeyboardNavContext = createContext<KeyboardNavContextValue | null>(null);\n\nexport const useKeyboardNav = () => useContext(KeyboardNavContext);\n\n/**\n * Creates the keyboard navigation provider value.\n * Maintains a ref registry and element order to wire up\n * returnKeyType / blurOnSubmit / onSubmitEditing on native TextInputs.\n */\nexport function useKeyboardNavProvider() {\n    const refsMap = useRef<Map<string, React.RefObject<TextInput | null>>>(new Map());\n    const elementsOrder = useRef<string[]>([]);\n\n    const register = useCallback((id: string, ref: React.RefObject<TextInput | null>) => {\n        refsMap.current.set(id, ref);\n    }, []);\n\n    const unregister = useCallback((id: string) => {\n        refsMap.current.delete(id);\n    }, []);\n\n    const setElementsOrder = useCallback((ids: string[]) => {\n        elementsOrder.current = ids;\n    }, []);\n\n    const getNavProps = useCallback((id: string) => {\n        // Filter to only registered (visible) fields\n        const visibleOrder = elementsOrder.current.filter(\n            (eid) => refsMap.current.has(eid)\n        );\n\n        const idx = visibleOrder.indexOf(id);\n        // Default to 'next' when field not yet registered (idx === -1 on first render)\n        const isLast = idx !== -1 && idx === visibleOrder.length - 1;\n\n        return {\n            returnKeyType: isLast ? 'done' as const : 'next' as const,\n            blurOnSubmit: isLast,\n            // Read from refs at call time via focusNext — avoids stale closure\n            onSubmitEditing: () => {\n                focusNext(id);\n            },\n        };\n    }, [focusNext]);\n\n    const focusNext = useCallback((currentId: string) => {\n        const visibleOrder = elementsOrder.current.filter(\n            (eid) => refsMap.current.has(eid)\n        );\n        const idx = visibleOrder.indexOf(currentId);\n        if (idx === -1 || idx === visibleOrder.length - 1) return;\n        const nextId = visibleOrder[idx + 1];\n        if (nextId) {\n            const nextRef = refsMap.current.get(nextId);\n            nextRef?.current?.focus();\n        }\n    }, []);\n\n    const contextValue: KeyboardNavContextValue = {\n        register,\n        unregister,\n        setElementsOrder,\n        getNavProps,\n        focusNext,\n    };\n\n    return contextValue;\n}\n"],"names":["createContext","useContext","useRef","useCallback"],"mappings":";;;;AAeO,MAAM,kBAAA,GAAqBA,oBAA8C,IAAI;AAE7E,MAAM,cAAA,GAAiB,MAAMC,gBAAA,CAAW,kBAAkB;AAO1D,SAAS,sBAAA,GAAyB;AACrC,EAAA,MAAM,OAAA,GAAUC,YAAA,iBAAuD,IAAI,GAAA,EAAK,CAAA;AAChF,EAAA,MAAM,aAAA,GAAgBA,YAAA,CAAiB,EAAE,CAAA;AAEzC,EAAA,MAAM,QAAA,GAAWC,iBAAA,CAAY,CAAC,EAAA,EAAY,GAAA,KAA2C;AACjF,IAAA,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,EAAA,EAAI,GAAG,CAAA;AAAA,EAC/B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,UAAA,GAAaA,iBAAA,CAAY,CAAC,EAAA,KAAe;AAC3C,IAAA,OAAA,CAAQ,OAAA,CAAQ,OAAO,EAAE,CAAA;AAAA,EAC7B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,gBAAA,GAAmBA,iBAAA,CAAY,CAAC,GAAA,KAAkB;AACpD,IAAA,aAAA,CAAc,OAAA,GAAU,GAAA;AAAA,EAC5B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,WAAA,GAAcA,iBAAA,CAAY,CAAC,EAAA,KAAe;AAE5C,IAAA,MAAM,YAAA,GAAe,cAAc,OAAA,CAAQ,MAAA;AAAA,MACvC,CAAC,GAAA,KAAQ,OAAA,CAAQ,OAAA,CAAQ,IAAI,GAAG;AAAA,KACpC;AAEA,IAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,EAAE,CAAA;AAEnC,IAAA,MAAM,MAAA,GAAS,GAAA,KAAQ,EAAA,IAAM,GAAA,KAAQ,aAAa,MAAA,GAAS,CAAA;AAE3D,IAAA,OAAO;AAAA,MACH,aAAA,EAAe,SAAS,MAAA,GAAkB,MAAA;AAAA,MAC1C,YAAA,EAAc,MAAA;AAAA;AAAA,MAEd,iBAAiB,MAAM;AACnB,QAAA,SAAA,CAAU,EAAE,CAAA;AAAA,MAChB;AAAA,KACJ;AAAA,EACJ,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,SAAA,GAAYA,iBAAA,CAAY,CAAC,SAAA,KAAsB;AACjD,IAAA,MAAM,YAAA,GAAe,cAAc,OAAA,CAAQ,MAAA;AAAA,MACvC,CAAC,GAAA,KAAQ,OAAA,CAAQ,OAAA,CAAQ,IAAI,GAAG;AAAA,KACpC;AACA,IAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,SAAS,CAAA;AAC1C,IAAA,IAAI,GAAA,KAAQ,EAAA,IAAM,GAAA,KAAQ,YAAA,CAAa,SAAS,CAAA,EAAG;AACnD,IAAA,MAAM,MAAA,GAAS,YAAA,CAAa,GAAA,GAAM,CAAC,CAAA;AACnC,IAAA,IAAI,MAAA,EAAQ;AACR,MAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,MAAM,CAAA;AAC1C,MAAA,OAAA,EAAS,SAAS,KAAA,EAAM;AAAA,IAC5B;AAAA,EACJ,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAA,GAAwC;AAAA,IAC1C,QAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACJ;AAEA,EAAA,OAAO,YAAA;AACX;;;;;;"}