@lmb-it/kitsconcerto-native 0.1.236

package/hooks/useSelectionController.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionController.cjs","sources":["../../../src/hooks/useSelectionController.ts"],"sourcesContent":["import { useCallback, useMemo, useState, useRef, useEffect } from \"react\";\nimport type {IRadioCheckboxListItem} from \"@lmb-it/kitsconcerto-types\";\n\n// --- Types ---\n\n\n// 1. Boolean Mode (Switch / Single Checkbox like \"Remember Me\")\ntype BooleanParams = {\n    mode: \"boolean\";\n    value?: boolean;\n    defaultValue?: boolean;\n    onChange?: (checked: boolean) => void;\n};\n\n// 2. Tristate Mode (True / False / Null)\ntype TristateParams = {\n    mode: \"tristate\";\n    value?: boolean | null;\n    defaultValue?: boolean | null;\n    onChange?: (val: boolean | null) => void;\n};\n\n// 3. Single Mode (Radio Group)\ntype SingleParams<T> = {\n    mode: \"single\";\n    value?: T;\n    defaultValue?: T;\n    onChange?: (val: T) => void;\n    allowDeselect?: boolean; // Optional: allow clicking selected radio to clear it\n};\n\n// 4. Multiple Mode (Checkbox Group)\ntype MultiParams<T> = {\n    mode: \"multiple\";\n    value?: T[];\n    defaultValue?: T[];\n    onChange?: (val: T[]) => void;\n};\n\n// Union of all params\ntype Params<T> =\n    | BooleanParams\n    | TristateParams\n    | SingleParams<T>\n    | MultiParams<T>;\n\n// --- Helper: Compare two values safely ---\nconst isEqual = (a: any, b: any) => Object.is(a, b);\n\nexport default function useSelectionController<T = string>(params: Params<T>) {\n    // --- 1. State Management (Controlled vs Uncontrolled) ---\n\n    // Determine if component is controlled (has 'value' prop)\n    const isControlled = \"value\" in params && params.value !== undefined;\n\n    // Internal state for uncontrolled usage\n    const [internalValue, setInternalValue] = useState<any>(() => {\n        if (params.defaultValue !== undefined) return params.defaultValue;\n        if (params.mode === \"multiple\") return [];\n        if (params.mode === \"tristate\") return null; // or false, depending on preference\n        if (params.mode === \"boolean\") return false;\n        return undefined;\n    });\n\n    // Derived current value\n    const value = isControlled ? params.value : internalValue;\n\n    // --- 2. Change Handlers ---\n\n    // Helper to trigger changes\n    const triggerChange = useCallback(\n        (newValue: any) => {\n            if (!isControlled) {\n                setInternalValue(newValue);\n            }\n\n            // TypeScript requires narrowing to call specific onChange signatures,\n            // but in runtime we just call the function if it exists.\n            if ((params as any).onChange) {\n                (params as any).onChange(newValue);\n            }\n        },\n        [isControlled, params]\n    );\n\n    /**\n     * The main handler exposed to the UI.\n     * Can be called with:\n     * - No arguments (for boolean/tristate toggle)\n     * - A value `T` (for single/multi)\n     * - An item object `IRadioCheckboxListItem` (convenience)\n     */\n    const onChange = useCallback(\n        (input?: T | IRadioCheckboxListItem<T>) => {\n            // Extract raw value if input is an object, otherwise use input as value\n            const rawValue =\n                input && typeof input === \"object\" && \"value\" in input\n                    ? (input as IRadioCheckboxListItem<T>).value\n                    : (input as T);\n\n            switch (params.mode) {\n                case \"boolean\": {\n                    const next = !value;\n                    triggerChange(next);\n                    break;\n                }\n\n                case \"tristate\": {\n                    // Cycle: false -> true -> null -> false\n                    let next: boolean | null = false;\n                    if (value === false) next = true;\n                    else if (value === true) next = null;\n                    else if (value === null) next = false;\n                    triggerChange(next);\n                    break;\n                }\n\n                case \"single\": {\n                    // Radio logic\n                    if (isEqual(value, rawValue)) {\n                        // If strictly radio, do nothing. If deselect allowed, clear it.\n                        if ((params as SingleParams<T>).allowDeselect) {\n                            triggerChange(undefined);\n                        }\n                    } else {\n                        triggerChange(rawValue);\n                    }\n                    break;\n                }\n\n                case \"multiple\": {\n                    // Checkbox Group logic\n                    const currentArray = (value as T[]) || [];\n                    const exists = currentArray.some((v) => isEqual(v, rawValue));\n\n                    let nextArray: T[];\n                    if (exists) {\n                        nextArray = currentArray.filter((v) => !isEqual(v, rawValue));\n                    } else {\n                        nextArray = [...currentArray, rawValue];\n                    }\n                    triggerChange(nextArray);\n                    break;\n                }\n            }\n        },\n        [params.mode, value, triggerChange, params] // Added params to dependency\n    );\n\n    // --- 3. Helpers ---\n\n    /**\n     * Checks if a specific item value is currently selected.\n     * Useful for rendering lists (Radio Groups / Checkbox Groups).\n     */\n    const isSelected = useCallback(\n        (itemValue: T | IRadioCheckboxListItem<T>): boolean => {\n            const target =\n                itemValue && typeof itemValue === \"object\" && \"value\" in itemValue\n                    ? (itemValue as IRadioCheckboxListItem<T>).value\n                    : (itemValue as T);\n\n            if (params.mode === \"multiple\") {\n                return ((value as T[]) || []).some((v) => isEqual(v, target));\n            }\n            if (params.mode === \"single\") {\n                return isEqual(value, target);\n            }\n            // For boolean/tristate, checking specific items usually doesn't apply,\n            // but we return true if the mode is 'true'.\n            return value === true;\n        },\n        [value, params.mode]\n    );\n\n    /**\n     * Boolean representation of the current state.\n     * - Boolean/Tristate: returns actual value (true/false/null).\n     * - Multi: returns true if array has items.\n     * - Single: returns true if a value is selected.\n     */\n    const checked = useMemo(() => {\n        if (params.mode === \"multiple\") return Array.isArray(value) && value.length > 0;\n        if (params.mode === \"single\") return value !== undefined && value !== null;\n        return value; // boolean or null\n    }, [value, params.mode]);\n\n    return {\n        mode: params.mode,\n        /**\n         * The current state.\n         * Type: boolean | null | T | T[]\n         */\n        value,\n\n        /**\n         * Call this to toggle or select an item.\n         * @param input Optional. The value or item object (required for single/multi).\n         */\n        onChange,\n\n        /**\n         * Helper to check if a specific value is selected.\n         */\n        isSelected,\n\n        /**\n         * Derived boolean state (mostly for simple checkboxes).\n         */\n        checked,\n    };\n}\n"],"names":["useState","useCallback","useMemo"],"mappings":"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"}

package/hooks/useSelectionController.js

@@ -0,0 +1,111 @@
+import { useState, useCallback, useMemo } from 'react';
+
+const isEqual = (a, b) => Object.is(a, b);
+function useSelectionController(params) {
+  const isControlled = "value" in params && params.value !== void 0;
+  const [internalValue, setInternalValue] = useState(() => {
+    if (params.defaultValue !== void 0) return params.defaultValue;
+    if (params.mode === "multiple") return [];
+    if (params.mode === "tristate") return null;
+    if (params.mode === "boolean") return false;
+    return void 0;
+  });
+  const value = isControlled ? params.value : internalValue;
+  const triggerChange = useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setInternalValue(newValue);
+      }
+      if (params.onChange) {
+        params.onChange(newValue);
+      }
+    },
+    [isControlled, params]
+  );
+  const onChange = useCallback(
+    (input) => {
+      const rawValue = input && typeof input === "object" && "value" in input ? input.value : input;
+      switch (params.mode) {
+        case "boolean": {
+          const next = !value;
+          triggerChange(next);
+          break;
+        }
+        case "tristate": {
+          let next = false;
+          if (value === false) next = true;
+          else if (value === true) next = null;
+          else if (value === null) next = false;
+          triggerChange(next);
+          break;
+        }
+        case "single": {
+          if (isEqual(value, rawValue)) {
+            if (params.allowDeselect) {
+              triggerChange(void 0);
+            }
+          } else {
+            triggerChange(rawValue);
+          }
+          break;
+        }
+        case "multiple": {
+          const currentArray = value || [];
+          const exists = currentArray.some((v) => isEqual(v, rawValue));
+          let nextArray;
+          if (exists) {
+            nextArray = currentArray.filter((v) => !isEqual(v, rawValue));
+          } else {
+            nextArray = [...currentArray, rawValue];
+          }
+          triggerChange(nextArray);
+          break;
+        }
+      }
+    },
+    [params.mode, value, triggerChange, params]
+    // Added params to dependency
+  );
+  const isSelected = useCallback(
+    (itemValue) => {
+      const target = itemValue && typeof itemValue === "object" && "value" in itemValue ? itemValue.value : itemValue;
+      if (params.mode === "multiple") {
+        return (value || []).some((v) => isEqual(v, target));
+      }
+      if (params.mode === "single") {
+        return isEqual(value, target);
+      }
+      return value === true;
+    },
+    [value, params.mode]
+  );
+  const checked = useMemo(() => {
+    if (params.mode === "multiple") return Array.isArray(value) && value.length > 0;
+    if (params.mode === "single") return value !== void 0 && value !== null;
+    return value;
+  }, [value, params.mode]);
+  return {
+    mode: params.mode,
+    /**
+     * The current state.
+     * Type: boolean | null | T | T[]
+     */
+    value,
+    /**
+     * Call this to toggle or select an item.
+     * @param input Optional. The value or item object (required for single/multi).
+     */
+    onChange,
+    /**
+     * Helper to check if a specific value is selected.
+     */
+    isSelected,
+    /**
+     * Derived boolean state (mostly for simple checkboxes).
+     */
+    checked
+  };
+}
+
+export { useSelectionController as default };
+//# sourceMappingURL=useSelectionController.js.map

package/hooks/useSelectionController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionController.js","sources":["../../../src/hooks/useSelectionController.ts"],"sourcesContent":["import { useCallback, useMemo, useState, useRef, useEffect } from \"react\";\nimport type {IRadioCheckboxListItem} from \"@lmb-it/kitsconcerto-types\";\n\n// --- Types ---\n\n\n// 1. Boolean Mode (Switch / Single Checkbox like \"Remember Me\")\ntype BooleanParams = {\n    mode: \"boolean\";\n    value?: boolean;\n    defaultValue?: boolean;\n    onChange?: (checked: boolean) => void;\n};\n\n// 2. Tristate Mode (True / False / Null)\ntype TristateParams = {\n    mode: \"tristate\";\n    value?: boolean | null;\n    defaultValue?: boolean | null;\n    onChange?: (val: boolean | null) => void;\n};\n\n// 3. Single Mode (Radio Group)\ntype SingleParams<T> = {\n    mode: \"single\";\n    value?: T;\n    defaultValue?: T;\n    onChange?: (val: T) => void;\n    allowDeselect?: boolean; // Optional: allow clicking selected radio to clear it\n};\n\n// 4. Multiple Mode (Checkbox Group)\ntype MultiParams<T> = {\n    mode: \"multiple\";\n    value?: T[];\n    defaultValue?: T[];\n    onChange?: (val: T[]) => void;\n};\n\n// Union of all params\ntype Params<T> =\n    | BooleanParams\n    | TristateParams\n    | SingleParams<T>\n    | MultiParams<T>;\n\n// --- Helper: Compare two values safely ---\nconst isEqual = (a: any, b: any) => Object.is(a, b);\n\nexport default function useSelectionController<T = string>(params: Params<T>) {\n    // --- 1. State Management (Controlled vs Uncontrolled) ---\n\n    // Determine if component is controlled (has 'value' prop)\n    const isControlled = \"value\" in params && params.value !== undefined;\n\n    // Internal state for uncontrolled usage\n    const [internalValue, setInternalValue] = useState<any>(() => {\n        if (params.defaultValue !== undefined) return params.defaultValue;\n        if (params.mode === \"multiple\") return [];\n        if (params.mode === \"tristate\") return null; // or false, depending on preference\n        if (params.mode === \"boolean\") return false;\n        return undefined;\n    });\n\n    // Derived current value\n    const value = isControlled ? params.value : internalValue;\n\n    // --- 2. Change Handlers ---\n\n    // Helper to trigger changes\n    const triggerChange = useCallback(\n        (newValue: any) => {\n            if (!isControlled) {\n                setInternalValue(newValue);\n            }\n\n            // TypeScript requires narrowing to call specific onChange signatures,\n            // but in runtime we just call the function if it exists.\n            if ((params as any).onChange) {\n                (params as any).onChange(newValue);\n            }\n        },\n        [isControlled, params]\n    );\n\n    /**\n     * The main handler exposed to the UI.\n     * Can be called with:\n     * - No arguments (for boolean/tristate toggle)\n     * - A value `T` (for single/multi)\n     * - An item object `IRadioCheckboxListItem` (convenience)\n     */\n    const onChange = useCallback(\n        (input?: T | IRadioCheckboxListItem<T>) => {\n            // Extract raw value if input is an object, otherwise use input as value\n            const rawValue =\n                input && typeof input === \"object\" && \"value\" in input\n                    ? (input as IRadioCheckboxListItem<T>).value\n                    : (input as T);\n\n            switch (params.mode) {\n                case \"boolean\": {\n                    const next = !value;\n                    triggerChange(next);\n                    break;\n                }\n\n                case \"tristate\": {\n                    // Cycle: false -> true -> null -> false\n                    let next: boolean | null = false;\n                    if (value === false) next = true;\n                    else if (value === true) next = null;\n                    else if (value === null) next = false;\n                    triggerChange(next);\n                    break;\n                }\n\n                case \"single\": {\n                    // Radio logic\n                    if (isEqual(value, rawValue)) {\n                        // If strictly radio, do nothing. If deselect allowed, clear it.\n                        if ((params as SingleParams<T>).allowDeselect) {\n                            triggerChange(undefined);\n                        }\n                    } else {\n                        triggerChange(rawValue);\n                    }\n                    break;\n                }\n\n                case \"multiple\": {\n                    // Checkbox Group logic\n                    const currentArray = (value as T[]) || [];\n                    const exists = currentArray.some((v) => isEqual(v, rawValue));\n\n                    let nextArray: T[];\n                    if (exists) {\n                        nextArray = currentArray.filter((v) => !isEqual(v, rawValue));\n                    } else {\n                        nextArray = [...currentArray, rawValue];\n                    }\n                    triggerChange(nextArray);\n                    break;\n                }\n            }\n        },\n        [params.mode, value, triggerChange, params] // Added params to dependency\n    );\n\n    // --- 3. Helpers ---\n\n    /**\n     * Checks if a specific item value is currently selected.\n     * Useful for rendering lists (Radio Groups / Checkbox Groups).\n     */\n    const isSelected = useCallback(\n        (itemValue: T | IRadioCheckboxListItem<T>): boolean => {\n            const target =\n                itemValue && typeof itemValue === \"object\" && \"value\" in itemValue\n                    ? (itemValue as IRadioCheckboxListItem<T>).value\n                    : (itemValue as T);\n\n            if (params.mode === \"multiple\") {\n                return ((value as T[]) || []).some((v) => isEqual(v, target));\n            }\n            if (params.mode === \"single\") {\n                return isEqual(value, target);\n            }\n            // For boolean/tristate, checking specific items usually doesn't apply,\n            // but we return true if the mode is 'true'.\n            return value === true;\n        },\n        [value, params.mode]\n    );\n\n    /**\n     * Boolean representation of the current state.\n     * - Boolean/Tristate: returns actual value (true/false/null).\n     * - Multi: returns true if array has items.\n     * - Single: returns true if a value is selected.\n     */\n    const checked = useMemo(() => {\n        if (params.mode === \"multiple\") return Array.isArray(value) && value.length > 0;\n        if (params.mode === \"single\") return value !== undefined && value !== null;\n        return value; // boolean or null\n    }, [value, params.mode]);\n\n    return {\n        mode: params.mode,\n        /**\n         * The current state.\n         * Type: boolean | null | T | T[]\n         */\n        value,\n\n        /**\n         * Call this to toggle or select an item.\n         * @param input Optional. The value or item object (required for single/multi).\n         */\n        onChange,\n\n        /**\n         * Helper to check if a specific value is selected.\n         */\n        isSelected,\n\n        /**\n         * Derived boolean state (mostly for simple checkboxes).\n         */\n        checked,\n    };\n}\n"],"names":[],"mappings":"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"}

package/hooks/useSeverityColors.cjs

@@ -0,0 +1,107 @@
+'use strict';
+
+var React = require('react');
+var KitsThemeProvider_native = require('../contexts/Theme/KitsThemeProvider.cjs');
+
+const WHITE = "#ffffff";
+function useSeverityColors(severity) {
+  const { theme, resolveToken, colorMode } = KitsThemeProvider_native.useKitsTheme();
+  return React.useMemo(() => {
+    const slots = theme.severity?.[severity] ?? theme.severity?.secondary;
+    if (!slots) {
+      const fallback = resolveToken("gray.500");
+      return { solid: fallback, solidText: WHITE, bgTint: fallback, iconFg: fallback, iconBg: fallback, text: fallback, border: fallback };
+    }
+    const resolveSolidText = () => slots.solidText ? resolveToken(slots.solidText) : WHITE;
+    if (severity === "brand") {
+      const primary = resolveToken("primary");
+      if (colorMode === "dark") {
+        const swapShade = (token, target) => resolveToken(token.replace(/\.\d+$/, `.${target}`));
+        return {
+          solid: primary,
+          solidText: resolveSolidText(),
+          bgTint: swapShade(slots.solid, "900"),
+          iconFg: primary,
+          iconBg: swapShade(slots.solid, "800"),
+          text: swapShade(slots.solid, "200"),
+          border: primary
+        };
+      }
+      return {
+        solid: primary,
+        solidText: resolveSolidText(),
+        bgTint: resolveToken(slots.bgTint),
+        iconFg: primary,
+        iconBg: resolveToken(slots.iconBg),
+        text: resolveToken(slots.text),
+        border: primary
+      };
+    }
+    if (colorMode === "dark") {
+      const swapShade = (token, target) => {
+        return resolveToken(token.replace(/\.\d+$/, `.${target}`));
+      };
+      return {
+        solid: resolveToken(slots.solid),
+        solidText: resolveSolidText(),
+        bgTint: swapShade(slots.solid, "900"),
+        iconFg: swapShade(slots.solid, "300"),
+        iconBg: swapShade(slots.solid, "800"),
+        text: swapShade(slots.solid, "200"),
+        border: resolveToken(slots.border)
+      };
+    }
+    return {
+      solid: resolveToken(slots.solid),
+      solidText: resolveSolidText(),
+      bgTint: resolveToken(slots.bgTint),
+      iconFg: resolveToken(slots.iconFg),
+      iconBg: resolveToken(slots.iconBg),
+      text: resolveToken(slots.text),
+      border: resolveToken(slots.border)
+    };
+  }, [theme.severity, severity, resolveToken, colorMode]);
+}
+function useAllSeverityColors() {
+  const { theme, resolveToken, colorMode } = KitsThemeProvider_native.useKitsTheme();
+  return React.useMemo(() => {
+    const severities = ["success", "info", "warning", "danger", "help", "secondary", "brand"];
+    const result = {};
+    const primary = resolveToken("primary");
+    for (const key of severities) {
+      const slots = theme.severity?.[key];
+      if (!slots) continue;
+      const isBrand = key === "brand";
+      const solidText = slots.solidText ? resolveToken(slots.solidText) : WHITE;
+      if (colorMode === "dark") {
+        const swapShade = (token, target) => {
+          return resolveToken(token.replace(/\.\d+$/, `.${target}`));
+        };
+        result[key] = {
+          solid: isBrand ? primary : resolveToken(slots.solid),
+          solidText,
+          bgTint: swapShade(slots.solid, "900"),
+          iconFg: isBrand ? primary : swapShade(slots.solid, "300"),
+          iconBg: swapShade(slots.solid, "800"),
+          text: swapShade(slots.solid, "200"),
+          border: isBrand ? primary : resolveToken(slots.border)
+        };
+      } else {
+        result[key] = {
+          solid: isBrand ? primary : resolveToken(slots.solid),
+          solidText,
+          bgTint: resolveToken(slots.bgTint),
+          iconFg: isBrand ? primary : resolveToken(slots.iconFg),
+          iconBg: resolveToken(slots.iconBg),
+          text: resolveToken(slots.text),
+          border: isBrand ? primary : resolveToken(slots.border)
+        };
+      }
+    }
+    return result;
+  }, [theme.severity, resolveToken, colorMode]);
+}
+
+exports.useAllSeverityColors = useAllSeverityColors;
+exports.useSeverityColors = useSeverityColors;
+//# sourceMappingURL=useSeverityColors.cjs.map

package/hooks/useSeverityColors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeverityColors.cjs","sources":["../../../src/hooks/useSeverityColors.ts"],"sourcesContent":["import {useMemo} from 'react';\nimport {useKitsTheme} from '../contexts/Theme';\nimport type {Severity, ISeverityColorSlots} from '@lmb-it/kitsconcerto-types';\n\nexport interface ResolvedSeverityColors {\n    solid: string;\n    solidText: string;\n    bgTint: string;\n    iconFg: string;\n    iconBg: string;\n    text: string;\n    border: string;\n}\n\nconst WHITE = '#ffffff';\n\n/**\n * Resolves all severity color slots for a given severity using the current theme.\n * All slot values go through resolveToken() — so they support:\n *   - Raw values: '#ff0000', 'black', 'rgb(..)'\n *   - Semantic tokens: 'primary', 'danger'\n *   - Dot-notation: 'red.700', 'blue.500'\n *   - Prefixed tokens: '$spacing.4'\n *\n * solidText defaults to white if not explicitly set by the consumer.\n */\nexport function useSeverityColors(severity: Severity): ResolvedSeverityColors {\n    const {theme, resolveToken, colorMode} = useKitsTheme();\n\n    return useMemo(() => {\n        const slots: ISeverityColorSlots = theme.severity?.[severity] ?? theme.severity?.secondary;\n        if (!slots) {\n            const fallback = resolveToken('gray.500');\n            return {solid: fallback, solidText: WHITE, bgTint: fallback, iconFg: fallback, iconBg: fallback, text: fallback, border: fallback};\n        }\n\n        // solidText: resolve if consumer provided it, otherwise default to white\n        const resolveSolidText = () =>\n            slots.solidText ? resolveToken(slots.solidText) : WHITE;\n\n        // Brand severity: solid/border/iconFg dynamically follow the primary token\n        if (severity === 'brand') {\n            const primary = resolveToken('primary');\n            if (colorMode === 'dark') {\n                const swapShade = (token: string, target: string) =>\n                    resolveToken(token.replace(/\\.\\d+$/, `.${target}`));\n                return {\n                    solid: primary,\n                    solidText: resolveSolidText(),\n                    bgTint: swapShade(slots.solid, '900'),\n                    iconFg: primary,\n                    iconBg: swapShade(slots.solid, '800'),\n                    text: swapShade(slots.solid, '200'),\n                    border: primary,\n                };\n            }\n            return {\n                solid: primary,\n                solidText: resolveSolidText(),\n                bgTint: resolveToken(slots.bgTint),\n                iconFg: primary,\n                iconBg: resolveToken(slots.iconBg),\n                text: resolveToken(slots.text),\n                border: primary,\n            };\n        }\n\n        if (colorMode === 'dark') {\n            const swapShade = (token: string, target: string) => {\n                return resolveToken(token.replace(/\\.\\d+$/, `.${target}`));\n            };\n            return {\n                solid: resolveToken(slots.solid),\n                solidText: resolveSolidText(),\n                bgTint: swapShade(slots.solid, '900'),\n                iconFg: swapShade(slots.solid, '300'),\n                iconBg: swapShade(slots.solid, '800'),\n                text: swapShade(slots.solid, '200'),\n                border: resolveToken(slots.border),\n            };\n        }\n\n        return {\n            solid: resolveToken(slots.solid),\n            solidText: resolveSolidText(),\n            bgTint: resolveToken(slots.bgTint),\n            iconFg: resolveToken(slots.iconFg),\n            iconBg: resolveToken(slots.iconBg),\n            text: resolveToken(slots.text),\n            border: resolveToken(slots.border),\n        };\n    }, [theme.severity, severity, resolveToken, colorMode]);\n}\n\n/**\n * Returns the full resolved map for all severities.\n */\nexport function useAllSeverityColors(): Record<Severity, ResolvedSeverityColors> {\n    const {theme, resolveToken, colorMode} = useKitsTheme();\n\n    return useMemo(() => {\n        const severities: Severity[] = ['success', 'info', 'warning', 'danger', 'help', 'secondary', 'brand'];\n        const result = {} as Record<Severity, ResolvedSeverityColors>;\n        const primary = resolveToken('primary');\n\n        for (const key of severities) {\n            const slots = theme.severity?.[key];\n            if (!slots) continue;\n\n            const isBrand = key === 'brand';\n            const solidText = slots.solidText ? resolveToken(slots.solidText) : WHITE;\n\n            if (colorMode === 'dark') {\n                const swapShade = (token: string, target: string) => {\n                    return resolveToken(token.replace(/\\.\\d+$/, `.${target}`));\n                };\n                result[key] = {\n                    solid: isBrand ? primary : resolveToken(slots.solid),\n                    solidText,\n                    bgTint: swapShade(slots.solid, '900'),\n                    iconFg: isBrand ? primary : swapShade(slots.solid, '300'),\n                    iconBg: swapShade(slots.solid, '800'),\n                    text: swapShade(slots.solid, '200'),\n                    border: isBrand ? primary : resolveToken(slots.border),\n                };\n            } else {\n                result[key] = {\n                    solid: isBrand ? primary : resolveToken(slots.solid),\n                    solidText,\n                    bgTint: resolveToken(slots.bgTint),\n                    iconFg: isBrand ? primary : resolveToken(slots.iconFg),\n                    iconBg: resolveToken(slots.iconBg),\n                    text: resolveToken(slots.text),\n                    border: isBrand ? primary : resolveToken(slots.border),\n                };\n            }\n        }\n\n        return result;\n    }, [theme.severity, resolveToken, colorMode]);\n}\n"],"names":["useKitsTheme","useMemo"],"mappings":"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"}

package/hooks/useSeverityColors.js

@@ -0,0 +1,104 @@
+import { useMemo } from 'react';
+import { useKitsTheme } from '../contexts/Theme/KitsThemeProvider.js';
+
+const WHITE = "#ffffff";
+function useSeverityColors(severity) {
+  const { theme, resolveToken, colorMode } = useKitsTheme();
+  return useMemo(() => {
+    const slots = theme.severity?.[severity] ?? theme.severity?.secondary;
+    if (!slots) {
+      const fallback = resolveToken("gray.500");
+      return { solid: fallback, solidText: WHITE, bgTint: fallback, iconFg: fallback, iconBg: fallback, text: fallback, border: fallback };
+    }
+    const resolveSolidText = () => slots.solidText ? resolveToken(slots.solidText) : WHITE;
+    if (severity === "brand") {
+      const primary = resolveToken("primary");
+      if (colorMode === "dark") {
+        const swapShade = (token, target) => resolveToken(token.replace(/\.\d+$/, `.${target}`));
+        return {
+          solid: primary,
+          solidText: resolveSolidText(),
+          bgTint: swapShade(slots.solid, "900"),
+          iconFg: primary,
+          iconBg: swapShade(slots.solid, "800"),
+          text: swapShade(slots.solid, "200"),
+          border: primary
+        };
+      }
+      return {
+        solid: primary,
+        solidText: resolveSolidText(),
+        bgTint: resolveToken(slots.bgTint),
+        iconFg: primary,
+        iconBg: resolveToken(slots.iconBg),
+        text: resolveToken(slots.text),
+        border: primary
+      };
+    }
+    if (colorMode === "dark") {
+      const swapShade = (token, target) => {
+        return resolveToken(token.replace(/\.\d+$/, `.${target}`));
+      };
+      return {
+        solid: resolveToken(slots.solid),
+        solidText: resolveSolidText(),
+        bgTint: swapShade(slots.solid, "900"),
+        iconFg: swapShade(slots.solid, "300"),
+        iconBg: swapShade(slots.solid, "800"),
+        text: swapShade(slots.solid, "200"),
+        border: resolveToken(slots.border)
+      };
+    }
+    return {
+      solid: resolveToken(slots.solid),
+      solidText: resolveSolidText(),
+      bgTint: resolveToken(slots.bgTint),
+      iconFg: resolveToken(slots.iconFg),
+      iconBg: resolveToken(slots.iconBg),
+      text: resolveToken(slots.text),
+      border: resolveToken(slots.border)
+    };
+  }, [theme.severity, severity, resolveToken, colorMode]);
+}
+function useAllSeverityColors() {
+  const { theme, resolveToken, colorMode } = useKitsTheme();
+  return useMemo(() => {
+    const severities = ["success", "info", "warning", "danger", "help", "secondary", "brand"];
+    const result = {};
+    const primary = resolveToken("primary");
+    for (const key of severities) {
+      const slots = theme.severity?.[key];
+      if (!slots) continue;
+      const isBrand = key === "brand";
+      const solidText = slots.solidText ? resolveToken(slots.solidText) : WHITE;
+      if (colorMode === "dark") {
+        const swapShade = (token, target) => {
+          return resolveToken(token.replace(/\.\d+$/, `.${target}`));
+        };
+        result[key] = {
+          solid: isBrand ? primary : resolveToken(slots.solid),
+          solidText,
+          bgTint: swapShade(slots.solid, "900"),
+          iconFg: isBrand ? primary : swapShade(slots.solid, "300"),
+          iconBg: swapShade(slots.solid, "800"),
+          text: swapShade(slots.solid, "200"),
+          border: isBrand ? primary : resolveToken(slots.border)
+        };
+      } else {
+        result[key] = {
+          solid: isBrand ? primary : resolveToken(slots.solid),
+          solidText,
+          bgTint: resolveToken(slots.bgTint),
+          iconFg: isBrand ? primary : resolveToken(slots.iconFg),
+          iconBg: resolveToken(slots.iconBg),
+          text: resolveToken(slots.text),
+          border: isBrand ? primary : resolveToken(slots.border)
+        };
+      }
+    }
+    return result;
+  }, [theme.severity, resolveToken, colorMode]);
+}
+
+export { useAllSeverityColors, useSeverityColors };
+//# sourceMappingURL=useSeverityColors.js.map

package/hooks/useSeverityColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeverityColors.js","sources":["../../../src/hooks/useSeverityColors.ts"],"sourcesContent":["import {useMemo} from 'react';\nimport {useKitsTheme} from '../contexts/Theme';\nimport type {Severity, ISeverityColorSlots} from '@lmb-it/kitsconcerto-types';\n\nexport interface ResolvedSeverityColors {\n    solid: string;\n    solidText: string;\n    bgTint: string;\n    iconFg: string;\n    iconBg: string;\n    text: string;\n    border: string;\n}\n\nconst WHITE = '#ffffff';\n\n/**\n * Resolves all severity color slots for a given severity using the current theme.\n * All slot values go through resolveToken() — so they support:\n *   - Raw values: '#ff0000', 'black', 'rgb(..)'\n *   - Semantic tokens: 'primary', 'danger'\n *   - Dot-notation: 'red.700', 'blue.500'\n *   - Prefixed tokens: '$spacing.4'\n *\n * solidText defaults to white if not explicitly set by the consumer.\n */\nexport function useSeverityColors(severity: Severity): ResolvedSeverityColors {\n    const {theme, resolveToken, colorMode} = useKitsTheme();\n\n    return useMemo(() => {\n        const slots: ISeverityColorSlots = theme.severity?.[severity] ?? theme.severity?.secondary;\n        if (!slots) {\n            const fallback = resolveToken('gray.500');\n            return {solid: fallback, solidText: WHITE, bgTint: fallback, iconFg: fallback, iconBg: fallback, text: fallback, border: fallback};\n        }\n\n        // solidText: resolve if consumer provided it, otherwise default to white\n        const resolveSolidText = () =>\n            slots.solidText ? resolveToken(slots.solidText) : WHITE;\n\n        // Brand severity: solid/border/iconFg dynamically follow the primary token\n        if (severity === 'brand') {\n            const primary = resolveToken('primary');\n            if (colorMode === 'dark') {\n                const swapShade = (token: string, target: string) =>\n                    resolveToken(token.replace(/\\.\\d+$/, `.${target}`));\n                return {\n                    solid: primary,\n                    solidText: resolveSolidText(),\n                    bgTint: swapShade(slots.solid, '900'),\n                    iconFg: primary,\n                    iconBg: swapShade(slots.solid, '800'),\n                    text: swapShade(slots.solid, '200'),\n                    border: primary,\n                };\n            }\n            return {\n                solid: primary,\n                solidText: resolveSolidText(),\n                bgTint: resolveToken(slots.bgTint),\n                iconFg: primary,\n                iconBg: resolveToken(slots.iconBg),\n                text: resolveToken(slots.text),\n                border: primary,\n            };\n        }\n\n        if (colorMode === 'dark') {\n            const swapShade = (token: string, target: string) => {\n                return resolveToken(token.replace(/\\.\\d+$/, `.${target}`));\n            };\n            return {\n                solid: resolveToken(slots.solid),\n                solidText: resolveSolidText(),\n                bgTint: swapShade(slots.solid, '900'),\n                iconFg: swapShade(slots.solid, '300'),\n                iconBg: swapShade(slots.solid, '800'),\n                text: swapShade(slots.solid, '200'),\n                border: resolveToken(slots.border),\n            };\n        }\n\n        return {\n            solid: resolveToken(slots.solid),\n            solidText: resolveSolidText(),\n            bgTint: resolveToken(slots.bgTint),\n            iconFg: resolveToken(slots.iconFg),\n            iconBg: resolveToken(slots.iconBg),\n            text: resolveToken(slots.text),\n            border: resolveToken(slots.border),\n        };\n    }, [theme.severity, severity, resolveToken, colorMode]);\n}\n\n/**\n * Returns the full resolved map for all severities.\n */\nexport function useAllSeverityColors(): Record<Severity, ResolvedSeverityColors> {\n    const {theme, resolveToken, colorMode} = useKitsTheme();\n\n    return useMemo(() => {\n        const severities: Severity[] = ['success', 'info', 'warning', 'danger', 'help', 'secondary', 'brand'];\n        const result = {} as Record<Severity, ResolvedSeverityColors>;\n        const primary = resolveToken('primary');\n\n        for (const key of severities) {\n            const slots = theme.severity?.[key];\n            if (!slots) continue;\n\n            const isBrand = key === 'brand';\n            const solidText = slots.solidText ? resolveToken(slots.solidText) : WHITE;\n\n            if (colorMode === 'dark') {\n                const swapShade = (token: string, target: string) => {\n                    return resolveToken(token.replace(/\\.\\d+$/, `.${target}`));\n                };\n                result[key] = {\n                    solid: isBrand ? primary : resolveToken(slots.solid),\n                    solidText,\n                    bgTint: swapShade(slots.solid, '900'),\n                    iconFg: isBrand ? primary : swapShade(slots.solid, '300'),\n                    iconBg: swapShade(slots.solid, '800'),\n                    text: swapShade(slots.solid, '200'),\n                    border: isBrand ? primary : resolveToken(slots.border),\n                };\n            } else {\n                result[key] = {\n                    solid: isBrand ? primary : resolveToken(slots.solid),\n                    solidText,\n                    bgTint: resolveToken(slots.bgTint),\n                    iconFg: isBrand ? primary : resolveToken(slots.iconFg),\n                    iconBg: resolveToken(slots.iconBg),\n                    text: resolveToken(slots.text),\n                    border: isBrand ? primary : resolveToken(slots.border),\n                };\n            }\n        }\n\n        return result;\n    }, [theme.severity, resolveToken, colorMode]);\n}\n"],"names":[],"mappings":";;;AAcA,MAAM,KAAA,GAAQ,SAAA;AAYP,SAAS,kBAAkB,QAAA,EAA4C;AAC1E,EAAA,MAAM,EAAC,KAAA,EAAO,YAAA,EAAc,SAAA,KAAa,YAAA,EAAa;AAEtD,EAAA,OAAO,QAAQ,MAAM;AACjB,IAAA,MAAM,QAA6B,KAAA,CAAM,QAAA,GAAW,QAAQ,CAAA,IAAK,MAAM,QAAA,EAAU,SAAA;AACjF,IAAA,IAAI,CAAC,KAAA,EAAO;AACR,MAAA,MAAM,QAAA,GAAW,aAAa,UAAU,CAAA;AACxC,MAAA,OAAO,EAAC,KAAA,EAAO,QAAA,EAAU,SAAA,EAAW,OAAO,MAAA,EAAQ,QAAA,EAAU,MAAA,EAAQ,QAAA,EAAU,MAAA,EAAQ,QAAA,EAAU,IAAA,EAAM,QAAA,EAAU,QAAQ,QAAA,EAAQ;AAAA,IACrI;AAGA,IAAA,MAAM,mBAAmB,MACrB,KAAA,CAAM,YAAY,YAAA,CAAa,KAAA,CAAM,SAAS,CAAA,GAAI,KAAA;AAGtD,IAAA,IAAI,aAAa,OAAA,EAAS;AACtB,MAAA,MAAM,OAAA,GAAU,aAAa,SAAS,CAAA;AACtC,MAAA,IAAI,cAAc,MAAA,EAAQ;AACtB,QAAA,MAAM,SAAA,GAAY,CAAC,KAAA,EAAe,MAAA,KAC9B,YAAA,CAAa,KAAA,CAAM,OAAA,CAAQ,QAAA,EAAU,CAAA,CAAA,EAAI,MAAM,CAAA,CAAE,CAAC,CAAA;AACtD,QAAA,OAAO;AAAA,UACH,KAAA,EAAO,OAAA;AAAA,UACP,WAAW,gBAAA,EAAiB;AAAA,UAC5B,MAAA,EAAQ,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,UACpC,MAAA,EAAQ,OAAA;AAAA,UACR,MAAA,EAAQ,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,UACpC,IAAA,EAAM,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,UAClC,MAAA,EAAQ;AAAA,SACZ;AAAA,MACJ;AACA,MAAA,OAAO;AAAA,QACH,KAAA,EAAO,OAAA;AAAA,QACP,WAAW,gBAAA,EAAiB;AAAA,QAC5B,MAAA,EAAQ,YAAA,CAAa,KAAA,CAAM,MAAM,CAAA;AAAA,QACjC,MAAA,EAAQ,OAAA;AAAA,QACR,MAAA,EAAQ,YAAA,CAAa,KAAA,CAAM,MAAM,CAAA;AAAA,QACjC,IAAA,EAAM,YAAA,CAAa,KAAA,CAAM,IAAI,CAAA;AAAA,QAC7B,MAAA,EAAQ;AAAA,OACZ;AAAA,IACJ;AAEA,IAAA,IAAI,cAAc,MAAA,EAAQ;AACtB,MAAA,MAAM,SAAA,GAAY,CAAC,KAAA,EAAe,MAAA,KAAmB;AACjD,QAAA,OAAO,aAAa,KAAA,CAAM,OAAA,CAAQ,UAAU,CAAA,CAAA,EAAI,MAAM,EAAE,CAAC,CAAA;AAAA,MAC7D,CAAA;AACA,MAAA,OAAO;AAAA,QACH,KAAA,EAAO,YAAA,CAAa,KAAA,CAAM,KAAK,CAAA;AAAA,QAC/B,WAAW,gBAAA,EAAiB;AAAA,QAC5B,MAAA,EAAQ,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,QACpC,MAAA,EAAQ,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,QACpC,MAAA,EAAQ,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,QACpC,IAAA,EAAM,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,QAClC,MAAA,EAAQ,YAAA,CAAa,KAAA,CAAM,MAAM;AAAA,OACrC;AAAA,IACJ;AAEA,IAAA,OAAO;AAAA,MACH,KAAA,EAAO,YAAA,CAAa,KAAA,CAAM,KAAK,CAAA;AAAA,MAC/B,WAAW,gBAAA,EAAiB;AAAA,MAC5B,MAAA,EAAQ,YAAA,CAAa,KAAA,CAAM,MAAM,CAAA;AAAA,MACjC,MAAA,EAAQ,YAAA,CAAa,KAAA,CAAM,MAAM,CAAA;AAAA,MACjC,MAAA,EAAQ,YAAA,CAAa,KAAA,CAAM,MAAM,CAAA;AAAA,MACjC,IAAA,EAAM,YAAA,CAAa,KAAA,CAAM,IAAI,CAAA;AAAA,MAC7B,MAAA,EAAQ,YAAA,CAAa,KAAA,CAAM,MAAM;AAAA,KACrC;AAAA,EACJ,GAAG,CAAC,KAAA,CAAM,UAAU,QAAA,EAAU,YAAA,EAAc,SAAS,CAAC,CAAA;AAC1D;AAKO,SAAS,oBAAA,GAAiE;AAC7E,EAAA,MAAM,EAAC,KAAA,EAAO,YAAA,EAAc,SAAA,KAAa,YAAA,EAAa;AAEtD,EAAA,OAAO,QAAQ,MAAM;AACjB,IAAA,MAAM,UAAA,GAAyB,CAAC,SAAA,EAAW,MAAA,EAAQ,WAAW,QAAA,EAAU,MAAA,EAAQ,aAAa,OAAO,CAAA;AACpG,IAAA,MAAM,SAAS,EAAC;AAChB,IAAA,MAAM,OAAA,GAAU,aAAa,SAAS,CAAA;AAEtC,IAAA,KAAA,MAAW,OAAO,UAAA,EAAY;AAC1B,MAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,QAAA,GAAW,GAAG,CAAA;AAClC,MAAA,IAAI,CAAC,KAAA,EAAO;AAEZ,MAAA,MAAM,UAAU,GAAA,KAAQ,OAAA;AACxB,MAAA,MAAM,YAAY,KAAA,CAAM,SAAA,GAAY,YAAA,CAAa,KAAA,CAAM,SAAS,CAAA,GAAI,KAAA;AAEpE,MAAA,IAAI,cAAc,MAAA,EAAQ;AACtB,QAAA,MAAM,SAAA,GAAY,CAAC,KAAA,EAAe,MAAA,KAAmB;AACjD,UAAA,OAAO,aAAa,KAAA,CAAM,OAAA,CAAQ,UAAU,CAAA,CAAA,EAAI,MAAM,EAAE,CAAC,CAAA;AAAA,QAC7D,CAAA;AACA,QAAA,MAAA,CAAO,GAAG,CAAA,GAAI;AAAA,UACV,KAAA,EAAO,OAAA,GAAU,OAAA,GAAU,YAAA,CAAa,MAAM,KAAK,CAAA;AAAA,UACnD,SAAA;AAAA,UACA,MAAA,EAAQ,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,UACpC,QAAQ,OAAA,GAAU,OAAA,GAAU,SAAA,CAAU,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,UACxD,MAAA,EAAQ,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,UACpC,IAAA,EAAM,SAAA,CAAU,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA;AAAA,UAClC,MAAA,EAAQ,OAAA,GAAU,OAAA,GAAU,YAAA,CAAa,MAAM,MAAM;AAAA,SACzD;AAAA,MACJ,CAAA,MAAO;AACH,QAAA,MAAA,CAAO,GAAG,CAAA,GAAI;AAAA,UACV,KAAA,EAAO,OAAA,GAAU,OAAA,GAAU,YAAA,CAAa,MAAM,KAAK,CAAA;AAAA,UACnD,SAAA;AAAA,UACA,MAAA,EAAQ,YAAA,CAAa,KAAA,CAAM,MAAM,CAAA;AAAA,UACjC,MAAA,EAAQ,OAAA,GAAU,OAAA,GAAU,YAAA,CAAa,MAAM,MAAM,CAAA;AAAA,UACrD,MAAA,EAAQ,YAAA,CAAa,KAAA,CAAM,MAAM,CAAA;AAAA,UACjC,IAAA,EAAM,YAAA,CAAa,KAAA,CAAM,IAAI,CAAA;AAAA,UAC7B,MAAA,EAAQ,OAAA,GAAU,OAAA,GAAU,YAAA,CAAa,MAAM,MAAM;AAAA,SACzD;AAAA,MACJ;AAAA,IACJ;AAEA,IAAA,OAAO,MAAA;AAAA,EACX,GAAG,CAAC,KAAA,CAAM,QAAA,EAAU,YAAA,EAAc,SAAS,CAAC,CAAA;AAChD;;;;"}

package/hooks/useThemedFont.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var KitsThemeProvider_native = require('../contexts/Theme/KitsThemeProvider.cjs');
+
+const useThemedFont = (kind = "body") => {
+  const { theme } = KitsThemeProvider_native.useKitsTheme();
+  const value = theme.fonts?.[kind];
+  return typeof value === "string" ? value : void 0;
+};
+
+exports.default = useThemedFont;
+//# sourceMappingURL=useThemedFont.cjs.map

package/hooks/useThemedFont.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemedFont.cjs","sources":["../../../src/hooks/useThemedFont.ts"],"sourcesContent":["import {useKitsTheme} from '../contexts/Theme';\n\nexport type ThemedFontKind = 'body' | 'heading' | 'mono';\n\n/**\n * Returns the resolved theme font-family string for the given kind, or\n * `undefined` when the theme value is not a plain string.\n *\n * Apply this to any raw React Native `<Text>` rendered outside the `Text` /\n * `Heading` primitives (Button labels, helper/error text, etc.). React Native\n * does NOT cascade `fontFamily` through `View` parents, so every text element\n * must set it explicitly — otherwise a consumer that swaps the font via\n * `extendTheme({ fonts: { body: 'NotoKufiArabic-Regular' } })` will see the\n * font everywhere except those raw text sinks.\n */\nconst useThemedFont = (kind: ThemedFontKind = 'body'): string | undefined => {\n    const {theme} = useKitsTheme();\n    const value = theme.fonts?.[kind];\n    return typeof value === 'string' ? value : undefined;\n};\n\nexport default useThemedFont;\n"],"names":["useKitsTheme"],"mappings":";;;;;;AAeA,MAAM,aAAA,GAAgB,CAAC,IAAA,GAAuB,MAAA,KAA+B;AACzE,EAAA,MAAM,EAAC,KAAA,EAAK,GAAIA,qCAAA,EAAa;AAC7B,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,KAAA,GAAQ,IAAI,CAAA;AAChC,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,MAAA;AAC/C;;;;"}

package/hooks/useThemedFont.js

@@ -0,0 +1,10 @@
+import { useKitsTheme } from '../contexts/Theme/KitsThemeProvider.js';
+
+const useThemedFont = (kind = "body") => {
+  const { theme } = useKitsTheme();
+  const value = theme.fonts?.[kind];
+  return typeof value === "string" ? value : void 0;
+};
+
+export { useThemedFont as default };
+//# sourceMappingURL=useThemedFont.js.map

package/hooks/useThemedFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemedFont.js","sources":["../../../src/hooks/useThemedFont.ts"],"sourcesContent":["import {useKitsTheme} from '../contexts/Theme';\n\nexport type ThemedFontKind = 'body' | 'heading' | 'mono';\n\n/**\n * Returns the resolved theme font-family string for the given kind, or\n * `undefined` when the theme value is not a plain string.\n *\n * Apply this to any raw React Native `<Text>` rendered outside the `Text` /\n * `Heading` primitives (Button labels, helper/error text, etc.). React Native\n * does NOT cascade `fontFamily` through `View` parents, so every text element\n * must set it explicitly — otherwise a consumer that swaps the font via\n * `extendTheme({ fonts: { body: 'NotoKufiArabic-Regular' } })` will see the\n * font everywhere except those raw text sinks.\n */\nconst useThemedFont = (kind: ThemedFontKind = 'body'): string | undefined => {\n    const {theme} = useKitsTheme();\n    const value = theme.fonts?.[kind];\n    return typeof value === 'string' ? value : undefined;\n};\n\nexport default useThemedFont;\n"],"names":[],"mappings":";;AAeA,MAAM,aAAA,GAAgB,CAAC,IAAA,GAAuB,MAAA,KAA+B;AACzE,EAAA,MAAM,EAAC,KAAA,EAAK,GAAI,YAAA,EAAa;AAC7B,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,KAAA,GAAQ,IAAI,CAAA;AAChC,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,MAAA;AAC/C;;;;"}

package/hooks/useToast/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var DialogContext = require('../../contexts/DialogContext.cjs');
+
+const noop = () => {
+};
+const useToast = () => {
+  const ctx = DialogContext.usePopup();
+  return React.useMemo(() => {
+    if (!ctx) {
+      return {
+        toast: noop,
+        dismiss: noop,
+        dismissAll: noop,
+        available: false
+      };
+    }
+    return {
+      toast: (...args) => ctx.toast(...args),
+      dismiss: (position) => ctx.toastDismiss(position),
+      dismissAll: () => ctx.toastDismissAll(),
+      available: true
+    };
+  }, [ctx]);
+};
+
+exports.default = useToast;
+exports.useToast = useToast;
+//# sourceMappingURL=index.cjs.map

package/hooks/useToast/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/hooks/useToast/index.ts"],"sourcesContent":["import {useContext, useMemo} from \"react\";\nimport {usePopup} from \"../../contexts/DialogContext\";\nimport type {IToastFunction, IToastParams, ToastPosition} from \"@lmb-it/kitsconcerto-types\";\n\nexport interface UseToastApi {\n    toast: IToastFunction;\n    dismiss: (position?: ToastPosition) => void;\n    dismissAll: () => void;\n    /**\n     * Whether the hook is connected to a live ToastProvider (i.e. wrapped in\n     * `PopupProvider`/`MainContextProvider`). When false, calls are no-ops.\n     */\n    available: boolean;\n}\n\nconst noop = () => {};\n\n/**\n * Imperative toast API. Reads the same KitsToast that `DialogContext`/`PopupProvider`\n * mounts at the app root, so there is exactly one toast surface per app —\n * no duplicate roots.\n *\n * Usage:\n *   const {toast} = useToast();\n *   toast(\"success\", \"Saved\", \"All changes persisted\");\n */\nexport const useToast = (): UseToastApi => {\n    const ctx = usePopup();\n\n    return useMemo<UseToastApi>(() => {\n        if (!ctx) {\n            return {\n                toast: noop as unknown as IToastFunction,\n                dismiss: noop,\n                dismissAll: noop,\n                available: false,\n            };\n        }\n        return {\n            toast: (...args: IToastParams) => ctx.toast(...args),\n            dismiss: (position?: ToastPosition) => ctx.toastDismiss(position),\n            dismissAll: () => ctx.toastDismissAll(),\n            available: true,\n        };\n    }, [ctx]);\n};\n\nexport default useToast;\n"],"names":["usePopup","useMemo"],"mappings":";;;;;;;AAeA,MAAM,OAAO,MAAM;AAAC,CAAA;AAWb,MAAM,WAAW,MAAmB;AACvC,EAAA,MAAM,MAAMA,sBAAA,EAAS;AAErB,EAAA,OAAOC,cAAqB,MAAM;AAC9B,IAAA,IAAI,CAAC,GAAA,EAAK;AACN,MAAA,OAAO;AAAA,QACH,KAAA,EAAO,IAAA;AAAA,QACP,OAAA,EAAS,IAAA;AAAA,QACT,UAAA,EAAY,IAAA;AAAA,QACZ,SAAA,EAAW;AAAA,OACf;AAAA,IACJ;AACA,IAAA,OAAO;AAAA,MACH,OAAO,CAAA,GAAI,IAAA,KAAuB,GAAA,CAAI,KAAA,CAAM,GAAG,IAAI,CAAA;AAAA,MACnD,OAAA,EAAS,CAAC,QAAA,KAA6B,GAAA,CAAI,aAAa,QAAQ,CAAA;AAAA,MAChE,UAAA,EAAY,MAAM,GAAA,CAAI,eAAA,EAAgB;AAAA,MACtC,SAAA,EAAW;AAAA,KACf;AAAA,EACJ,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AACZ;;;;;"}

package/hooks/useToast/index.js

@@ -0,0 +1,27 @@
+import { useMemo } from 'react';
+import { usePopup } from '../../contexts/DialogContext.js';
+
+const noop = () => {
+};
+const useToast = () => {
+  const ctx = usePopup();
+  return useMemo(() => {
+    if (!ctx) {
+      return {
+        toast: noop,
+        dismiss: noop,
+        dismissAll: noop,
+        available: false
+      };
+    }
+    return {
+      toast: (...args) => ctx.toast(...args),
+      dismiss: (position) => ctx.toastDismiss(position),
+      dismissAll: () => ctx.toastDismissAll(),
+      available: true
+    };
+  }, [ctx]);
+};
+
+export { useToast as default, useToast };
+//# sourceMappingURL=index.js.map

package/hooks/useToast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useToast/index.ts"],"sourcesContent":["import {useContext, useMemo} from \"react\";\nimport {usePopup} from \"../../contexts/DialogContext\";\nimport type {IToastFunction, IToastParams, ToastPosition} from \"@lmb-it/kitsconcerto-types\";\n\nexport interface UseToastApi {\n    toast: IToastFunction;\n    dismiss: (position?: ToastPosition) => void;\n    dismissAll: () => void;\n    /**\n     * Whether the hook is connected to a live ToastProvider (i.e. wrapped in\n     * `PopupProvider`/`MainContextProvider`). When false, calls are no-ops.\n     */\n    available: boolean;\n}\n\nconst noop = () => {};\n\n/**\n * Imperative toast API. Reads the same KitsToast that `DialogContext`/`PopupProvider`\n * mounts at the app root, so there is exactly one toast surface per app —\n * no duplicate roots.\n *\n * Usage:\n *   const {toast} = useToast();\n *   toast(\"success\", \"Saved\", \"All changes persisted\");\n */\nexport const useToast = (): UseToastApi => {\n    const ctx = usePopup();\n\n    return useMemo<UseToastApi>(() => {\n        if (!ctx) {\n            return {\n                toast: noop as unknown as IToastFunction,\n                dismiss: noop,\n                dismissAll: noop,\n                available: false,\n            };\n        }\n        return {\n            toast: (...args: IToastParams) => ctx.toast(...args),\n            dismiss: (position?: ToastPosition) => ctx.toastDismiss(position),\n            dismissAll: () => ctx.toastDismissAll(),\n            available: true,\n        };\n    }, [ctx]);\n};\n\nexport default useToast;\n"],"names":[],"mappings":";;;AAeA,MAAM,OAAO,MAAM;AAAC,CAAA;AAWb,MAAM,WAAW,MAAmB;AACvC,EAAA,MAAM,MAAM,QAAA,EAAS;AAErB,EAAA,OAAO,QAAqB,MAAM;AAC9B,IAAA,IAAI,CAAC,GAAA,EAAK;AACN,MAAA,OAAO;AAAA,QACH,KAAA,EAAO,IAAA;AAAA,QACP,OAAA,EAAS,IAAA;AAAA,QACT,UAAA,EAAY,IAAA;AAAA,QACZ,SAAA,EAAW;AAAA,OACf;AAAA,IACJ;AACA,IAAA,OAAO;AAAA,MACH,OAAO,CAAA,GAAI,IAAA,KAAuB,GAAA,CAAI,KAAA,CAAM,GAAG,IAAI,CAAA;AAAA,MACnD,OAAA,EAAS,CAAC,QAAA,KAA6B,GAAA,CAAI,aAAa,QAAQ,CAAA;AAAA,MAChE,UAAA,EAAY,MAAM,GAAA,CAAI,eAAA,EAAgB;AAAA,MACtC,SAAA,EAAW;AAAA,KACf;AAAA,EACJ,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AACZ;;;;"}