@lmb-it/kitsconcerto-native 0.1.284 → 0.1.285

package/hooks/useComponentDefaults.js.map

@@ -1 +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    'paginatorPages',\n    'sortedColumn', 'stripedRow', 'selectedRow', 'selectedRowAccent',\n    'filterBar', 'filterInput', 'filterLabel',\n    'toolbarRight', 'toolbarButton', 'clearFilterButton', 'columnPicker',\n    // Toolbar sizing + placeholder, and the chrome the table renders itself.\n    // NOTE: a slot missing from this allowlist is silently dropped — theming\n    // it has no effect at all — so every new slot must be listed here as\n    // well as in its component's ITableElementSlots.\n    'toolbarControl', 'filterPlaceholder',\n    'topBar', 'bulkBar', 'bulkBarText',\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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"}
+{"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    // Chip-bearing selects (IChipInputSlots — MultiSelect display=\"chip\"\n    // AND AutoComplete/Tags with isMultiple). `tokenContainer` is the\n    // bordered box that holds the chips and the caret — see the docblock\n    // on IChipInputSlots for why it is neither `root` nor `container`.\n    'tokenContainer', 'token', 'tokenIcon',\n    // MultiSelect specific (IMultiSelectSlots — per-item checkbox)\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    'paginatorPages',\n    'sortedColumn', 'stripedRow', 'selectedRow', 'selectedRowAccent',\n    'filterBar', 'filterInput', 'filterLabel',\n    'toolbarRight', 'toolbarButton', 'clearFilterButton', 'columnPicker',\n    // Toolbar sizing + placeholder, and the chrome the table renders itself.\n    // NOTE: a slot missing from this allowlist is silently dropped — theming\n    // it has no effect at all — so every new slot must be listed here as\n    // well as in its component's ITableElementSlots.\n    'toolbarControl', 'filterPlaceholder',\n    'topBar', 'bulkBar', 'bulkBarText',\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    /**\n     * Extra attributes for this slot's element — `className`, `data-*`,\n     * `aria-*`, anything the platform element accepts. Merged across the\n     * whole chain (FormElement < baseGroup < component < instance slots),\n     * with `className` CONCATENATED rather than replaced.\n     */\n    props: 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     * Per-element extra attributes. Each key is a slot name, value is the\n     * merged `props` for that slot (`className`, `data-*`, `aria-*`, …).\n     *\n     * ⛔ EVERY SLOT, NOT JUST `root` — THAT WAS THE BUG. `IElementSlotConfig`\n     * has advertised `props` on every slot since the slot system landed, but\n     * only `root.props` was ever read (it is folded into `mergedProps`).\n     * Anything a consumer put on another slot — the class a portal needs on a\n     * tags field's outer box to make it match a text input — was parsed,\n     * merged, and then thrown away with no warning and no type error.\n     * Components apply `elementProps[slot]` to the matching element.\n     */\n    elementProps: Record<string, Record<string, any>>;\n    /**\n     * Full slot configs including `props`, `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 slot `props` layers. Everything is last-wins EXCEPT `className`,\n * which is concatenated — a theme-level class and a consumer's class are\n * additive by nature, and dropping one of them is exactly the fault this\n * whole plumbing exists to fix.\n */\nfunction mergeSlotProps(layers: Array<Record<string, any> | undefined>): Record<string, any> {\n    const out: Record<string, any> = {};\n    const classes: string[] = [];\n    for (const layer of layers) {\n        if (!layer) continue;\n        for (const [key, value] of Object.entries(layer)) {\n            if (value === undefined) continue;\n            if (key === 'className') {\n                if (value) classes.push(String(value));\n            } else {\n                out[key] = value;\n            }\n        }\n    }\n    if (classes.length) {\n        // De-duplicated, so a class repeated down the chain lands once.\n        out.className = Array.from(new Set(classes.join(' ').split(/\\s+/).filter(Boolean))).join(' ');\n    }\n    return out;\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, except `className`, which concatenates).\n * The `root` slot's `style` is returned as both `themeStyle` (backwards\n * compat) and `elementStyles.root`.\n *\n * EVERY OTHER slot's `props` come back on `elementProps[slot]` — the\n * component is responsible for spreading them onto the element that slot\n * names. Before that existed, `props` on a non-root slot was silently\n * discarded, which is how a consumer's class on a tags field's outer box\n * disappeared without a single error.\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: {}, elementProps: {}, 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 = mergeSlotProps([\n            formBase.root?.props,\n            base.root?.props,\n            comp.root?.props,\n            instanceSlots?.root?.props,\n        ]);\n\n        const userClassName = typeof (props as any).className === 'string' ? (props as any).className : undefined;\n        for (const key of Object.keys(props)) {\n            // Skip 'slots' — it is consumed here, not forwarded\n            if (key === 'slots') continue;\n            // className is additive, not a replacement: a theme-level class on\n            // `root.props` and the consumer's own class both have to survive.\n            if (key === 'className') continue;\n            if (props[key] !== undefined) {\n                merged[key] = props[key];\n            }\n        }\n        if (userClassName || merged.className) {\n            merged.className = mergeSlotProps([\n                {className: merged.className},\n                {className: userClassName},\n            ]).className;\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 elementProps: 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 slotProps = mergeSlotProps([\n                formBase[slotKey]?.props,\n                base[slotKey]?.props,\n                comp[slotKey]?.props,\n                instanceSlots?.[slotKey]?.props,\n            ]);\n            elementProps[slotKey] = slotProps;\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                props: slotProps,\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            elementProps,\n            elementConfigs,\n        };\n    }, [formElementConfig, baseConfig, config, props]);\n}\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -750,22 +750,60 @@ export interface ISelectSlots extends IFormElementBaseSlots {
     itemDisabled?: IElementSlotConfig;
 }
 /**
- * MultiSelect = Select + chip + per-item checkbox visuals.
- * Inherits ISelectSlots and adds chip/checkbox slots that only apply
- * to the multi-value variant.
- */
-export interface IMultiSelectSlots extends ISelectSlots {
+ * Chip-bearing selects — the slots shared by EVERY control that renders
+ * the current value as removable chips: MultiSelect (`display="chip"`)
+ * and AutoComplete with `isMultiple` (the Tags field).
+ *
+ * ⛔ IT IS ONE INTERFACE BECAUSE THE TWO CONTROLS DRIFTED. MultiSelect read
+ * `token` from the theme and drew a pill; AutoComplete hardcoded its own
+ * `pt.token` (background + colour, nothing else) and ignored the slot, so the
+ * same form showed pill chips in one field and PrimeReact's square chips in the
+ * next. The defaults now live ONCE, on the `Select` base group, and both
+ * controls read them from here.
+ */
+export interface IChipInputSlots extends ISelectSlots {
+    /**
+     * ⛔ THE OUTER BOX OF A CHIPS FIELD — the element a consumer means by
+     * "the tags input". It holds the chips AND the text caret, and it is the
+     * one PrimeReact gives `.p-inputtext` to, so it is what has to carry the
+     * border / radius / background / padding that makes a tags field look like
+     * a text input.
+     *
+     * Web  → `ul.p-autocomplete-multiple-container` (AutoComplete `pt.container`).
+     * Native → the field wrapper `View` that holds the chips and the `TextInput`.
+     *
+     * ⚠️ NOT `root` and NOT `container`. `root` is the inner input element and
+     * `container` is `KitsContainer`'s outermost Flex (label + field + error).
+     * Neither is the bordered box, which is why styling the chips field used to
+     * have nowhere to land: the only reachable slots were either inside the box
+     * or around the whole block.
+     *
+     * Defaults to transparent / border-less so the `inputGroup` chrome
+     * `KitsContainer` paints stays the single visible border. Give it a border
+     * here (or on an `attached` field, which has no `KitsContainer`) and it
+     * paints its own.
+     */
+    tokenContainer?: IElementSlotConfig;
     /**
      * Selected-value chip (small pill rendered for each selected item
-     * when `display="chip"`). Drives bg / color / radius / padding via
-     * inline style on `.p-multiselect-token`.
+     * when `display="chip"` / `isMultiple`). Drives bg / color / radius /
+     * padding via inline style on `.p-multiselect-token` and
+     * `.p-autocomplete-token`.
      */
     token?: IElementSlotConfig;
     /**
      * The "remove" icon inside a token chip. Drives color / size of
-     * the close (×) icon via inline style on `.p-multiselect-token-icon`.
+     * the close (×) icon via inline style on `.p-multiselect-token-icon`
+     * and `.p-autocomplete-token-icon`.
      */
     tokenIcon?: IElementSlotConfig;
+}
+/**
+ * MultiSelect = chip-bearing select + per-item checkbox visuals.
+ * Inherits IChipInputSlots and adds the checkbox slots that only apply
+ * to the multi-value variant with an option list.
+ */
+export interface IMultiSelectSlots extends IChipInputSlots {
     /**
      * Per-item checkbox box (also the header "select all"). Drives
      * border / bg / radius for the rounded square inside each row.
@@ -887,7 +925,7 @@ export interface IRadioSlots extends IFormElementBaseSlots {
  * `useComponentDefaults`) — derive from this to keep the runtime set
  * in sync with the type contract automatically.
  */
-export type AllSlotKeys = keyof IFormElementBaseSlots | keyof ITextInputSlots | keyof IDatepickerSlots | keyof ISelectSlots | keyof IMultiSelectSlots | keyof ISwitchSlots | keyof ICheckboxSlots | keyof IRadioSlots;
+export type AllSlotKeys = keyof IFormElementBaseSlots | keyof ITextInputSlots | keyof IDatepickerSlots | keyof ISelectSlots | keyof IChipInputSlots | keyof IMultiSelectSlots | keyof ISwitchSlots | keyof ICheckboxSlots | keyof IRadioSlots;
 /**
  * Wide superset of every form-element slot — the union of all
  * form-element slot interfaces.
@@ -1311,10 +1349,21 @@ export interface IKitsComponentDefaults {
     ColorPicker?: IComponentThemeConfig<ITextInputSlots>;
     PhoneInput?: IComponentThemeConfig<ITextInputSlots>;
     Datepicker?: IComponentThemeConfig<IDatepickerSlots>;
-    Select?: IComponentThemeConfig<ISelectSlots>;
+    /**
+     * Select base group.
+     *
+     * ⛔ TYPED AS `IChipInputSlots`, NOT `ISelectSlots`, ON PURPOSE. The chip
+     * defaults (`token` / `tokenIcon` / `tokenContainer`) live HERE so the two
+     * chip-bearing members — MultiSelect and AutoComplete-with-`isMultiple`
+     * (Tags) — read one set of values instead of each carrying its own. A chip
+     * slot on a shape that draws no chips (Dropdown, ListBox) is inert, the same
+     * way the option-list slots are inert on a select with no popover.
+     */
+    Select?: IComponentThemeConfig<IChipInputSlots>;
     DropdownSelect?: IComponentThemeConfig<ISelectSlots>;
     TreeSelect?: IComponentThemeConfig<ISelectSlots>;
-    AutoComplete?: IComponentThemeConfig<ISelectSlots>;
+    /** AutoComplete — chips when `isMultiple` (this is the Tags field). */
+    AutoComplete?: IComponentThemeConfig<IChipInputSlots>;
     ListBox?: IComponentThemeConfig<ISelectSlots>;
     CascadeSelect?: IComponentThemeConfig<ISelectSlots>;
     MultiSelect?: IComponentThemeConfig<IMultiSelectSlots>;
@@ -5105,6 +5154,17 @@ export interface IKitsContainer extends IFormSingleElement, Omit<ElementProps, "
     additionalClassName?: string;
     /** Per-element styles (IStyleClasses) passed from the parent form input component */
     elementStyles?: Record<string, Record<string, any>>;
+    /**
+     * Per-element extra attributes (`className`, `data-*`, …) passed from the
+     * parent form input component — `useComponentDefaults().elementProps`.
+     *
+     * ⛔ WITHOUT THIS, `slots.container.props` AND `slots.inputGroup.props`
+     * WENT NOWHERE. KitsContainer owns both of those elements, so a class a
+     * consumer put on either slot had no route to the DOM: the container only
+     * ever received `elementStyles`. Optional, so a form input that does not
+     * pass it behaves exactly as before.
+     */
+    elementProps?: Record<string, Record<string, any>>;
     /**
      * When true, strips the input-group chrome (border, border-radius, overflow, focus ring).
      * Used by Switch, Checkbox, and Radio which render their own visual controls
@@ -9281,6 +9341,13 @@ declare const useKitsConcerto: () => IMainContextValues<any, React$1.JSX.Element
 
 export interface IElementConfig {
     style: Record<string, any>;
+    /**
+     * Extra attributes for this slot's element — `className`, `data-*`,
+     * `aria-*`, anything the platform element accepts. Merged across the
+     * whole chain (FormElement < baseGroup < component < instance slots),
+     * with `className` CONCATENATED rather than replaced.
+     */
+    props: Record<string, any>;
     important?: boolean | string[];
     pseudo?: Record<string, Record<string, any>>;
 }
@@ -9299,7 +9366,20 @@ export interface UseComponentDefaultsResult<T> {
      */
     elementStyles: Record<string, Record<string, any>>;
     /**
-     * Full slot configs including `important` and `pseudo` fields.
+     * Per-element extra attributes. Each key is a slot name, value is the
+     * merged `props` for that slot (`className`, `data-*`, `aria-*`, …).
+     *
+     * ⛔ EVERY SLOT, NOT JUST `root` — THAT WAS THE BUG. `IElementSlotConfig`
+     * has advertised `props` on every slot since the slot system landed, but
+     * only `root.props` was ever read (it is folded into `mergedProps`).
+     * Anything a consumer put on another slot — the class a portal needs on a
+     * tags field's outer box to make it match a text input — was parsed,
+     * merged, and then thrown away with no warning and no type error.
+     * Components apply `elementProps[slot]` to the matching element.
+     */
+    elementProps: Record<string, Record<string, any>>;
+    /**
+     * Full slot configs including `props`, `important` and `pseudo` fields.
      * Use this instead of `elementStyles` when you need those fields.
      */
     elementConfigs: Record<string, IElementConfig>;
@@ -9321,8 +9401,15 @@ export interface UseComponentDefaultsResult<T> {
  * on the component config. Each slot accepts `{ props?, style? }`.
  *
  * The `root` slot's `props` are merged into `mergedProps` alongside
- * user props (user always wins). The `root` slot's `style` is returned
- * as both `themeStyle` (backwards compat) and `elementStyles.root`.
+ * user props (user always wins, except `className`, which concatenates).
+ * The `root` slot's `style` is returned as both `themeStyle` (backwards
+ * compat) and `elementStyles.root`.
+ *
+ * EVERY OTHER slot's `props` come back on `elementProps[slot]` — the
+ * component is responsible for spreading them onto the element that slot
+ * names. Before that existed, `props` on a non-root slot was silently
+ * discarded, which is how a consumer's class on a tags field's outer box
+ * disappeared without a single error.
  *
  * Supports base-group inheritance: e.g. `useComponentDefaults('InputText', rawProps, 'Input')`
  * merges FormElement first, then Input base, then InputText overrides,
@@ -15183,4 +15270,4 @@ declare const localeFiles: {
 };
 
 export { ALPHA_COLOR_VARS, ALPHA_STEPS, ALPHA_TOKEN_NAMES, AccentEdge, CustomAccordion as Accordion, ActionCard, Alert, AlertDescription, AlertIcon, AlertTitle, KitsAnimatePresence as AnimatePresence, AnyFile, Avatar, AvatarStack, Badge, Banner, BottomTabBar, Box, BreadCrumb, BreadcrumbProvider, Button, Card, Carousel, Center, ChatBubble, Chip, CircularProgress, Collapse, CommandPalette, Container, CustomPopover, DEFAULT_NATIVE_SHADOWS, DataView, DataViewContext, DateSeparator, Delta, DetailList as DetailsList, Divider, Donut, DotGrid, EDateFormat, EKeyFilter, Editable, EmptyState, FIELD_LABEL_MARGIN, FIELD_MARGIN, Flex, Form, FormSelect, GUTTER, Gallery, Gauge, Form as GoForm, Datatable as GoTable, KitsGrid as Grid, KitsGridItem as GridItem, GroupedBars, HELPER_TEXT_MARGIN, HStack, Heading, Icon, IconMap, Image, KitsInputSwitch as InputSwitch, KeyboardNavContext, KitsAutoComplete, KitsBarChart, KitsCascadeSelect, KitsCheckbox as KitsCheckboxes, KitsConfirm, KitsConfirmPopup, KitsContainer, KitsInputCalendar as KitsDatepicker, KitsDialogControlled as KitsDialog, KitsDropdown, FilePicker as KitsFilePicker, KitsInputColorPicker, KitsInputLocation, KitsInputMask, KitsInputNumber, KitsInputPassword, KitsInputText, KitsInputTextarea, KitsLineChart, KitsListBox, KitsMultiSelect, KitsPhoneComponent, KitsRadar, KitsRadio as KitsRadios, RadiusPicker as KitsRadiusPicker, KitsSliders, KitsThemeProvider, KitsToast, KitsTreeSelect, Label, Legend, Link, List, ListItem, Loader, LocaleContext, LocaleContextProvider, MainContext, MainContextProvider, MapTile, MessageComposer, MessageReceipt, MetricCard, KitsMultiSelect as MultiSelect, PermissionsProvider, PersonCard, ProgressBar, RadiusPicker, RankedList, ReducedMotionProvider, Rise, SHADOW_PRESET_KEYS, SPACER, KitsScrollView as ScrollView, SegmentedControl, FormSelect as Select, SelectButton, Skeleton$1 as Skeleton, SkeletonRows, Skeleton as SkeletonText, Sparkline, StackedBars, StatCard, StatGroup, StatePill, StatusCard, Stepper, Striped, Svg, TableContext, Tabs, Text, ThemeContextProvider, Timeline, Tip, Tooltip, Translate, KitsTreeSelect as TreeSelect, TreeView, TriStateCheckbox, TypingIndicator, VStack, Wash, WidgetPanel, borderProperties, breakpoints, capitalizeFirstLetter, checkExtAgainstAccepted, checkNameDuplication, colorWithAlpha, dateTimeFormat, deepMerge, defaultSeverityTheme, defaultTheme, downloadCanvas, dynamicList, expandShadowNative, extendTheme, fileTypeIcon, fileValidation, filesExt, filesMemes, filesTypes, flattenSlotStyles, fontSizeMapping, formFileValidation, formatNumber, getActiveNativeShadows, getCombinedChildIds, getCustomDateTime, getDateElements, getDefaultValues, getMeme, getParams, getPropertyByPath, getType, getTypes, getURLParams, imagesExt, imagesMemes, imagesTypes, isAlphaToken, isNumber, isSemanticToken, isShadowPreset, isThemeToken, isToday, isValidURL, kitsMotion, listingProperties, localeFiles, allProperties as mapCssProperties, mergeRefs, nonPxProperties, propertiesWithoutCssEquivalent, pxProperties, resolveStyleRecord, resolveTokenValue, schemaBuilder, setActiveNativeShadows, shadowNative, shadowWeb, sizeMapping, sizingProperties, timeAgo, timeSince, toMemes, useAllSeverityColors, useBreadcrumb, useBreadcrumbTrail, useComponentDefaults, useCountUp, useDataView, useDialog, useDisclosure, useEnter, useFieldLogic, useFocusStyles, useFormFieldKeyboardNav, useFormManager, useKeyboardNav, useKeyboardNavProvider, useKitsColorScheme, useKitsConcerto, useKitsTheme, useLanguage, useMeasuredWidth, useNativeColorMap, usePermissions, usePopup, useReducedMotion, useResolvedElementStyles, useResolvedStyle, useRtlLineHeight, useScrollState, useSelectionController, useSeverityColors, useTable, useTheme, useThemedFont, useToast };
-export type { AlignmentsValues, AllSlotKeys, AnimationsValues, AvatarShape, AvatarSize, AvatarStatus, BannerAction, BannerStatus, BaseFieldProps, Booleanish, Breakpoint, CallbackProps, ChatBubbleTone, ChatBubbleVariant, ChipSeverity, ChipSize, ColorMode, ColorScale, ColorValue, Colors, ColorsType, ComponentSize, CustomSubmitButtonProps, DataTableFilterMeta, DataTableFilterMetaData, DataTableOperatorFilterMetaData, DataTableSelectionSingleChangeEvent, DataTableSortMeta, DeepPartial, DetailItemInputType, DynamicValue, ElementProps, EnteringAnimation, ExitingAnimation, ExpandedKeys, FetchError, FetchSuccess, FetchTableDataRes, FetchTablePaginationData, FieldWrapperProps, File$1 as File, FileUploaderTemplate, FileUploaderTemplateParams, FlexAlignmentsValues, FlexValues, FormBooleanEvent, FormBooleanTarget, FormEvent, FormTarget, GroupFieldConfigs, HighSizingValue, IAccentEdgeProps, IAccordionElementSlots, IAccordionProps, IActionCardProps, IAddressComponentValue, IAddressExperianFormat, IAddressFormat, IAddressFormatResults, IAddressSearchResults, IAlertComponent, IAlertProps, IAlignment, IAnimation, IAutoCompleteCore, IAutoCompleteElement, IAvatarElementSlots, IAvatarProps, IAvatarStackElementSlots, IAvatarStackProps, IBadgeProps, IBannerProps, IBarChartProps, IBaseValidation, IBasicSectionProps, IBg, IBodyTemplate, IBodyTemplateIcon, IBorder, IBottomTabBarElementSlots, IBottomTabBarProps, IBoxComponent, IBreadcrumbCrumb, IBreadcrumbProps, IBuilderAddressField, IBuilderCheckboxField, IBuilderContainerField, IBuilderDateField, IBuilderField, IBuilderFieldBase, IBuilderFieldExport, IBuilderFileField, IBuilderGroupField, IBuilderMultiselectField, IBuilderNumberField, IBuilderPhoneField, IBuilderRadiosField, IBuilderRadiusPickerField, IBuilderSectionField, IBuilderSelectField, IBuilderSwitchField, IBuilderTagsField, IBuilderTextField, IBuilderTextareaField, IButton, IButtonElementSlots, IButtonParams, IButtonProps, IButtonState, IButtonsFilter, ICanvasProps, ICardComponent, ICardElementSlots, ICarouselElementSlots, ICarouselProps, ICascadeSelect, ICascadeSelectCore, IChatBubbleElementSlots, IChatBubbleProps, ICheckbox, ICheckboxFilter, ICheckboxSlots, IChildren, IChildrenParams, IChipProps, ICircularProgressProps, ICollapseProps, IColorPicker, IColumn, IColumnBase, ICombined, ICommandPaletteGroup, ICommandPaletteItem, ICommandPaletteProps, IComponentThemeConfig, IConditionGroupProps, IConditionRowProps, IConditionRule, IConditionsSectionProps, IConfirmDialogProps, IConfirmPopupProps, IContainer, IContainerCardProps, IContainerProps, IContextValues, ICountrySearchResults, ICssStyling, IDVButtonsFilter, IDVCheckboxFilter, IDVDateFilter, IDVDropdownFilter, IDVFilters, IDVMessages, IDVMultiselectFilter, IDVNumberFilter, IDVPaginationRequest, IDVPaginationResponse, IDVPaginationState, IDVPhoneFilter, IDVRangeFilter, IDVTextFilter, IDVTriStateFilter, IDataTableContextValues, IDataTableProps, IDataViewContextValues, IDataViewProps, IDataViewRefValues, IDatatableRefValues, IDate, IDateFilter, IDateProps, IDateSeparatorElementSlots, IDateSeparatorProps, IDateValidation, IDatepickerSlots, IDeltaProps, IDetailItem, IDetailListProps, IDialogButton, IDialogProps, IDialogRef, IDialogState, IDisplay, IDividerComponent, IDonutProps, IDonutSegment, IDotGridProps, IDoughnutChartProps, IDropdownCore, IDropdownFilter, IDropdownSelect, IEditableProps, IEditors, IEffects, IElementBase, IElementSlotConfig, IElementStyle, IEmail, IEmailSearchResults, IEmptyStateElementSlots, IEmptyStateProps, IFieldCardProps, IFieldCondition, IFieldPreviewProps, IFile, IFileUploader, IFileUploaderElement, IFileUploaderTypes, IFileValidation, IFilesExtTypeKeys, IFilters, IFlexAlignment, IFlexComponent, IFormAddon, IFormBuilderInternalState, IFormBuilderMeta, IFormBuilderPayload, IFormBuilderProps, IFormComponent, IFormElement, IFormElementBaseSlots, IFormElementSlots, IFormGrid, IFormListsElements, IFormSelect, IFormSelectElements, IFormSingleElement, IGalleryElementSlots, IGalleryItem, IGalleryProps, IGaugeProps, IGrid, IGridCellStyle, IGridComponent, IGridItem, IGridItemComponent, IGroup, IGroupCardProps, IGroupElementSlots, IGroupSettings, IGroupedBarsDatum, IGroupedBarsProps, IHeaderElementSlots, IHeadingComponent, IIconProps, IImageComponent, IImagesExtTypeKeys, IInteractivity, IKeyedColumn, IKitsAnimation, IKitsBarChartDatum, IKitsBarChartProps, IKitsCheckboxProps, IKitsComponentDefaults, IKitsContainer, IKitsDialogControlled, IKitsInputCalendar, IKitsInputColorPicker, IKitsInputLocation, IKitsInputMask, IKitsInputNumber, IKitsInputPassword, IKitsInputRating, IKitsInputSwitch, IKitsInputText, IKitsInputTextarea, IKitsLineChartProps, IKitsLineChartSeries, IKitsPhoneInput, IKitsRadioProps, IKitsTheme, IKitsThemeColors, IKitsThemeConfig, IKitsThemeContextValues, IKitsThemeFontSizes, IKitsThemeFontWeights, IKitsThemeFonts, IKitsThemeLineHeights, IKitsThemeRadii, IKitsThemeShadows, IKitsThemeSpacing, IKitsToastRef, ILabelElement, ILabelProps, ILanguage, ILayout, ILegendItem, ILegendProps, ILineChartProps, ILinkComponent, ILinkOverrides, IList, IListBoxCore, IListBoxElement, IListBoxSelect, IListItem, IListing, ILoaderProps, ILoadingIndicatorContext, ILocaleContextProps, ILocaleContextValues, ILocation, ILocationDetailsResponse, ILocationResponse, IMainContextProps, IMainContextValues, IMapTilePoint, IMapTileProps, IMemes, IMenuItem, IMessageComposerElementSlots, IMessageComposerProps, IMessageReceiptElementSlots, IMessageReceiptProps, IMessages, IMetricCardProps, IMinusButton, IModalComponent, IModalFormProps, IMultiSelect, IMultiSelectCore, IMultiSelectSlots, IMultiselect, IMultiselectFilter, INativeShadow, INonCrossPlatformTypes, INumberFilter, INumberInput, INumberProps, INumberValidation, IObjectGroup, IOneOfTypes, IOptionItem, IOptionsEditorProps, IOptionsSource, IPageISection, IPaginationRequest, IPaginationResponse, IPaginatorLabels, IPaletteItemProps, IPaletteProps, IPanelCustomSlot, IPassword, IPasswordProps, IPersonCardProps, IPhone, IPhoneFilter, IPhoneObjectValue, IPhoneValidationResults, IPhoneValue, IPieChartProps, IPlusButton, IPolarAreaChartProps, IPopoverProps, IProgressBarElementSlots, IProgressBarProps, IPropertiesPanelProps, IRTLDetection, IRadarChartProps, IRadarProps, IRadarSeries, IRadioCheckboxListItem, IRadioGroup, IRadioSlots, IRadiusPickerEvents, IRadiusPickerField, IRadiusPickerI18n, IRadiusPickerProps, IRangeFilter, IRankedListProps, IRankedListRow, IRef, IRepeatableSettings, IResponsiveElement, IRiseProps, ISVGComponent, IScrollViewComponent, ISegmentedControlOption, ISegmentedControlProps, ISelect, ISelectBase, ISelectCore, ISelectElement, ISelectSlots, ISelectType, ISelectedFile, ISelectedFileType, ISelectionValidation, ISeverityColorSlots, ISeverityThemeMap, IShadowDefinition, IShadowValue, ISidebarElementSlots, ISizing, ISkeleton, ISkeletonRowsProps, ISkeletonText, ISliderProps, ISpacing, ISparklineProps, IStackProps, IStackedBarsDatum, IStackedBarsProps, IStatCardElementSlots, IStatCardProps, IStatGroupElementSlots, IStatGroupProps, IStatePillProps, IStatisticsProps, IStats, IStatusCardProps, IStepperElementSlots, IStepperProps, IStripedProps, IStyleClasses, ISwitch, ISwitchSlots, ITabBarItem, ITabItem, ITableElementSlots, ITableFlatConfig, ITabsElementSlots, ITabsProps, ITags, IText, ITextComponent, ITextFieldProps, ITextFilter, ITextInput, ITextInputProps, ITextInputSlots, ITextValidation, ITextarea, IThemeContextProps, IThemeContextValues, ITimelineElementSlots, ITimelineItem, ITimelineProps, ITipProps, IToastAction, IToastFunction, IToastOptions, IToastParams, IToolbarProps, ITransforms, ITransition, ITranslatableInputProps, ITranslatableText, ITranslateComponent, ITreeItem, ITreeSelect, ITreeSelectCore, ITreeSelectElement, ITreeSelectNode, ITreeViewProps, ITriStateFilter, ITypingIndicatorElementSlots, ITypingIndicatorProps, IUnkeyedColumn, IUseCountUpOptions, IUseFormReturn, IUserAvatar, IValidationSectionProps, IWashProps, IWidgetBarIncomingProp, IWidgetChartContextProps, IWidgetChartProp, IWidgetData, IWidgetDoughnutIncomingProp, IWidgetLineIncomingProp, IWidgetPanelProps, IWidgetPieIncomingProp, IWidgetPolarAreaIncomingProp, IWidgetRadarIncomingProp, IconName, IconType, InputTextFieldProps, KitsBreakpoint, KitsConditionalObject, KitsDevice, KitsMotion, KitsOrientation, KitsPlatform, KitsResponsiveObject, KitsResponsiveValue, KitsThemeOverride, LabelVariant, LatLng, LoadMode, LoadingIndicatorRenderer, LogicFunction, MapInteraction, MeasurementValues, MessageReceiptState, Nullable, Numbering0_12, Numbering0_32, Numberish, OnCenterChange, OnLocationError, OnLocationFound, OnRadiusChange, OnRadiusValueChange, OnSubmitHandler, OnUnitChange, Orientation, PaginationState, PaginatorPageChangeEvent$1 as PaginatorPageChangeEvent, Permissions, PlatformKey, RadiusPickerDisplay, RadiusPickerLayout, RadiusPickerSize, RadiusUnit, RadiusValue, RenderLocationButtonProps, RenderMapProps, RenderSearchBoxProps, SelectFieldProps, SemanticColorTokens, ServerMethod, ServerResponse, ServerSideProps, SetManyOpts, Severity, Shades, ShadowPreset, Shapes, SidesValues, SizingNumbering, SizingValue, StatePillState, StepperVariant, TAcceptedFileType, TBuilderFieldType, TCheckboxRadioMode, TCheckboxRadioSize, TConditionAction, TConditionMatch, TConditionOperator, TDateBoundary, TDynamicFlag, TExternalFilterLabelMode, TFiltersLayout, TIsoFormat, TItemsPerRow, TKeyFilter, TLocationProvider, TPaginatorAlign, TextLabels, TextProps, ThemedFontKind, TimelineItemStatus, Timeout, TimingNumbering, ToastPosition, ToastSeverity, ToastSize, TooltipDataAttributes, TooltipProps, TreeChangeProps, TreeCheckboxSelectionKeyType, TreeCheckboxSelectionKeys, TreeNode, TreeNodeClickEvent, TreeNodeTemplateOptions, TreeProps, TreeRef, TreeSelectionEvent, Types, UseComponentDefaultsResult, UseDisclosureReturnType, UseFieldLogicElementProps, UseFieldLogicProps, UseFieldLogicReturn, UseFormManagerEvents, UseFormManagerReturn, UseToastApi, ValidationProps, children, clearFunction, downloadableFileResponse, settings1, settings2 };
+export type { AlignmentsValues, AllSlotKeys, AnimationsValues, AvatarShape, AvatarSize, AvatarStatus, BannerAction, BannerStatus, BaseFieldProps, Booleanish, Breakpoint, CallbackProps, ChatBubbleTone, ChatBubbleVariant, ChipSeverity, ChipSize, ColorMode, ColorScale, ColorValue, Colors, ColorsType, ComponentSize, CustomSubmitButtonProps, DataTableFilterMeta, DataTableFilterMetaData, DataTableOperatorFilterMetaData, DataTableSelectionSingleChangeEvent, DataTableSortMeta, DeepPartial, DetailItemInputType, DynamicValue, ElementProps, EnteringAnimation, ExitingAnimation, ExpandedKeys, FetchError, FetchSuccess, FetchTableDataRes, FetchTablePaginationData, FieldWrapperProps, File$1 as File, FileUploaderTemplate, FileUploaderTemplateParams, FlexAlignmentsValues, FlexValues, FormBooleanEvent, FormBooleanTarget, FormEvent, FormTarget, GroupFieldConfigs, HighSizingValue, IAccentEdgeProps, IAccordionElementSlots, IAccordionProps, IActionCardProps, IAddressComponentValue, IAddressExperianFormat, IAddressFormat, IAddressFormatResults, IAddressSearchResults, IAlertComponent, IAlertProps, IAlignment, IAnimation, IAutoCompleteCore, IAutoCompleteElement, IAvatarElementSlots, IAvatarProps, IAvatarStackElementSlots, IAvatarStackProps, IBadgeProps, IBannerProps, IBarChartProps, IBaseValidation, IBasicSectionProps, IBg, IBodyTemplate, IBodyTemplateIcon, IBorder, IBottomTabBarElementSlots, IBottomTabBarProps, IBoxComponent, IBreadcrumbCrumb, IBreadcrumbProps, IBuilderAddressField, IBuilderCheckboxField, IBuilderContainerField, IBuilderDateField, IBuilderField, IBuilderFieldBase, IBuilderFieldExport, IBuilderFileField, IBuilderGroupField, IBuilderMultiselectField, IBuilderNumberField, IBuilderPhoneField, IBuilderRadiosField, IBuilderRadiusPickerField, IBuilderSectionField, IBuilderSelectField, IBuilderSwitchField, IBuilderTagsField, IBuilderTextField, IBuilderTextareaField, IButton, IButtonElementSlots, IButtonParams, IButtonProps, IButtonState, IButtonsFilter, ICanvasProps, ICardComponent, ICardElementSlots, ICarouselElementSlots, ICarouselProps, ICascadeSelect, ICascadeSelectCore, IChatBubbleElementSlots, IChatBubbleProps, ICheckbox, ICheckboxFilter, ICheckboxSlots, IChildren, IChildrenParams, IChipInputSlots, IChipProps, ICircularProgressProps, ICollapseProps, IColorPicker, IColumn, IColumnBase, ICombined, ICommandPaletteGroup, ICommandPaletteItem, ICommandPaletteProps, IComponentThemeConfig, IConditionGroupProps, IConditionRowProps, IConditionRule, IConditionsSectionProps, IConfirmDialogProps, IConfirmPopupProps, IContainer, IContainerCardProps, IContainerProps, IContextValues, ICountrySearchResults, ICssStyling, IDVButtonsFilter, IDVCheckboxFilter, IDVDateFilter, IDVDropdownFilter, IDVFilters, IDVMessages, IDVMultiselectFilter, IDVNumberFilter, IDVPaginationRequest, IDVPaginationResponse, IDVPaginationState, IDVPhoneFilter, IDVRangeFilter, IDVTextFilter, IDVTriStateFilter, IDataTableContextValues, IDataTableProps, IDataViewContextValues, IDataViewProps, IDataViewRefValues, IDatatableRefValues, IDate, IDateFilter, IDateProps, IDateSeparatorElementSlots, IDateSeparatorProps, IDateValidation, IDatepickerSlots, IDeltaProps, IDetailItem, IDetailListProps, IDialogButton, IDialogProps, IDialogRef, IDialogState, IDisplay, IDividerComponent, IDonutProps, IDonutSegment, IDotGridProps, IDoughnutChartProps, IDropdownCore, IDropdownFilter, IDropdownSelect, IEditableProps, IEditors, IEffects, IElementBase, IElementSlotConfig, IElementStyle, IEmail, IEmailSearchResults, IEmptyStateElementSlots, IEmptyStateProps, IFieldCardProps, IFieldCondition, IFieldPreviewProps, IFile, IFileUploader, IFileUploaderElement, IFileUploaderTypes, IFileValidation, IFilesExtTypeKeys, IFilters, IFlexAlignment, IFlexComponent, IFormAddon, IFormBuilderInternalState, IFormBuilderMeta, IFormBuilderPayload, IFormBuilderProps, IFormComponent, IFormElement, IFormElementBaseSlots, IFormElementSlots, IFormGrid, IFormListsElements, IFormSelect, IFormSelectElements, IFormSingleElement, IGalleryElementSlots, IGalleryItem, IGalleryProps, IGaugeProps, IGrid, IGridCellStyle, IGridComponent, IGridItem, IGridItemComponent, IGroup, IGroupCardProps, IGroupElementSlots, IGroupSettings, IGroupedBarsDatum, IGroupedBarsProps, IHeaderElementSlots, IHeadingComponent, IIconProps, IImageComponent, IImagesExtTypeKeys, IInteractivity, IKeyedColumn, IKitsAnimation, IKitsBarChartDatum, IKitsBarChartProps, IKitsCheckboxProps, IKitsComponentDefaults, IKitsContainer, IKitsDialogControlled, IKitsInputCalendar, IKitsInputColorPicker, IKitsInputLocation, IKitsInputMask, IKitsInputNumber, IKitsInputPassword, IKitsInputRating, IKitsInputSwitch, IKitsInputText, IKitsInputTextarea, IKitsLineChartProps, IKitsLineChartSeries, IKitsPhoneInput, IKitsRadioProps, IKitsTheme, IKitsThemeColors, IKitsThemeConfig, IKitsThemeContextValues, IKitsThemeFontSizes, IKitsThemeFontWeights, IKitsThemeFonts, IKitsThemeLineHeights, IKitsThemeRadii, IKitsThemeShadows, IKitsThemeSpacing, IKitsToastRef, ILabelElement, ILabelProps, ILanguage, ILayout, ILegendItem, ILegendProps, ILineChartProps, ILinkComponent, ILinkOverrides, IList, IListBoxCore, IListBoxElement, IListBoxSelect, IListItem, IListing, ILoaderProps, ILoadingIndicatorContext, ILocaleContextProps, ILocaleContextValues, ILocation, ILocationDetailsResponse, ILocationResponse, IMainContextProps, IMainContextValues, IMapTilePoint, IMapTileProps, IMemes, IMenuItem, IMessageComposerElementSlots, IMessageComposerProps, IMessageReceiptElementSlots, IMessageReceiptProps, IMessages, IMetricCardProps, IMinusButton, IModalComponent, IModalFormProps, IMultiSelect, IMultiSelectCore, IMultiSelectSlots, IMultiselect, IMultiselectFilter, INativeShadow, INonCrossPlatformTypes, INumberFilter, INumberInput, INumberProps, INumberValidation, IObjectGroup, IOneOfTypes, IOptionItem, IOptionsEditorProps, IOptionsSource, IPageISection, IPaginationRequest, IPaginationResponse, IPaginatorLabels, IPaletteItemProps, IPaletteProps, IPanelCustomSlot, IPassword, IPasswordProps, IPersonCardProps, IPhone, IPhoneFilter, IPhoneObjectValue, IPhoneValidationResults, IPhoneValue, IPieChartProps, IPlusButton, IPolarAreaChartProps, IPopoverProps, IProgressBarElementSlots, IProgressBarProps, IPropertiesPanelProps, IRTLDetection, IRadarChartProps, IRadarProps, IRadarSeries, IRadioCheckboxListItem, IRadioGroup, IRadioSlots, IRadiusPickerEvents, IRadiusPickerField, IRadiusPickerI18n, IRadiusPickerProps, IRangeFilter, IRankedListProps, IRankedListRow, IRef, IRepeatableSettings, IResponsiveElement, IRiseProps, ISVGComponent, IScrollViewComponent, ISegmentedControlOption, ISegmentedControlProps, ISelect, ISelectBase, ISelectCore, ISelectElement, ISelectSlots, ISelectType, ISelectedFile, ISelectedFileType, ISelectionValidation, ISeverityColorSlots, ISeverityThemeMap, IShadowDefinition, IShadowValue, ISidebarElementSlots, ISizing, ISkeleton, ISkeletonRowsProps, ISkeletonText, ISliderProps, ISpacing, ISparklineProps, IStackProps, IStackedBarsDatum, IStackedBarsProps, IStatCardElementSlots, IStatCardProps, IStatGroupElementSlots, IStatGroupProps, IStatePillProps, IStatisticsProps, IStats, IStatusCardProps, IStepperElementSlots, IStepperProps, IStripedProps, IStyleClasses, ISwitch, ISwitchSlots, ITabBarItem, ITabItem, ITableElementSlots, ITableFlatConfig, ITabsElementSlots, ITabsProps, ITags, IText, ITextComponent, ITextFieldProps, ITextFilter, ITextInput, ITextInputProps, ITextInputSlots, ITextValidation, ITextarea, IThemeContextProps, IThemeContextValues, ITimelineElementSlots, ITimelineItem, ITimelineProps, ITipProps, IToastAction, IToastFunction, IToastOptions, IToastParams, IToolbarProps, ITransforms, ITransition, ITranslatableInputProps, ITranslatableText, ITranslateComponent, ITreeItem, ITreeSelect, ITreeSelectCore, ITreeSelectElement, ITreeSelectNode, ITreeViewProps, ITriStateFilter, ITypingIndicatorElementSlots, ITypingIndicatorProps, IUnkeyedColumn, IUseCountUpOptions, IUseFormReturn, IUserAvatar, IValidationSectionProps, IWashProps, IWidgetBarIncomingProp, IWidgetChartContextProps, IWidgetChartProp, IWidgetData, IWidgetDoughnutIncomingProp, IWidgetLineIncomingProp, IWidgetPanelProps, IWidgetPieIncomingProp, IWidgetPolarAreaIncomingProp, IWidgetRadarIncomingProp, IconName, IconType, InputTextFieldProps, KitsBreakpoint, KitsConditionalObject, KitsDevice, KitsMotion, KitsOrientation, KitsPlatform, KitsResponsiveObject, KitsResponsiveValue, KitsThemeOverride, LabelVariant, LatLng, LoadMode, LoadingIndicatorRenderer, LogicFunction, MapInteraction, MeasurementValues, MessageReceiptState, Nullable, Numbering0_12, Numbering0_32, Numberish, OnCenterChange, OnLocationError, OnLocationFound, OnRadiusChange, OnRadiusValueChange, OnSubmitHandler, OnUnitChange, Orientation, PaginationState, PaginatorPageChangeEvent$1 as PaginatorPageChangeEvent, Permissions, PlatformKey, RadiusPickerDisplay, RadiusPickerLayout, RadiusPickerSize, RadiusUnit, RadiusValue, RenderLocationButtonProps, RenderMapProps, RenderSearchBoxProps, SelectFieldProps, SemanticColorTokens, ServerMethod, ServerResponse, ServerSideProps, SetManyOpts, Severity, Shades, ShadowPreset, Shapes, SidesValues, SizingNumbering, SizingValue, StatePillState, StepperVariant, TAcceptedFileType, TBuilderFieldType, TCheckboxRadioMode, TCheckboxRadioSize, TConditionAction, TConditionMatch, TConditionOperator, TDateBoundary, TDynamicFlag, TExternalFilterLabelMode, TFiltersLayout, TIsoFormat, TItemsPerRow, TKeyFilter, TLocationProvider, TPaginatorAlign, TextLabels, TextProps, ThemedFontKind, TimelineItemStatus, Timeout, TimingNumbering, ToastPosition, ToastSeverity, ToastSize, TooltipDataAttributes, TooltipProps, TreeChangeProps, TreeCheckboxSelectionKeyType, TreeCheckboxSelectionKeys, TreeNode, TreeNodeClickEvent, TreeNodeTemplateOptions, TreeProps, TreeRef, TreeSelectionEvent, Types, UseComponentDefaultsResult, UseDisclosureReturnType, UseFieldLogicElementProps, UseFieldLogicProps, UseFieldLogicReturn, UseFormManagerEvents, UseFormManagerReturn, UseToastApi, ValidationProps, children, clearFunction, downloadableFileResponse, settings1, settings2 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lmb-it/kitsconcerto-native",
-  "version": "0.1.284",
+  "version": "0.1.285",
   "description": "KitsConcerto — Native (React Native) UI components",
   "main": "index.cjs",
   "module": "index.js",

package/packages/types/src/Theme/defaultTheme.cjs

@@ -797,10 +797,14 @@ const defaultTheme = {
       },
       itemDisabled: {
         style: { color: "text-muted", opacity: 0.55, cursor: "not-allowed" }
-      }
-    },
-    // ─── MultiSelect (chip + per-item checkbox slots) ─────
-    MultiSelect: {
+      },
+      /* ─── Chips (MultiSelect display="chip" AND Tags) ───────
+         ⛔ THESE LIVE ON THE BASE GROUP BECAUSE TWO CONTROLS DRAW CHIPS
+         AND THEY DISAGREED. The values below used to sit under
+         `MultiSelect`, so MultiSelect drew a pill and the Tags field —
+         AutoComplete with `isMultiple`, which hardcoded its own
+         background+colour and read no slot at all — drew PrimeReact's
+         square token right next to it. One definition, both readers. */
       token: {
         style: {
           backgroundColor: "brand-tint",
@@ -819,6 +823,22 @@ const defaultTheme = {
       tokenIcon: {
         style: { color: "brand-deep", marginLeft: 4, fontSize: 12, cursor: "pointer" }
       },
+      /* ⚠️ THE CHIPS BOX IS FLAT BY DEFAULT, AND THAT IS NOT THE SAME AS
+         UNSTYLEABLE. `KitsContainer` already paints the `inputGroup`
+         border around the field, so a second border here would double it.
+         The slot exists so a consumer CAN paint it — an `attached` tags
+         field has no KitsContainer at all and needs to draw its own
+         chrome. See `IChipInputSlots.tokenContainer`. */
+      tokenContainer: {
+        style: {
+          backgroundColor: "transparent",
+          borderWidth: 0
+        }
+      }
+    },
+    // ─── MultiSelect (per-item checkbox slots; chips inherit
+    //     from the Select base group above) ───────────────────
+    MultiSelect: {
       checkboxBox: {
         style: {
           borderColor: "border-strong",