@lmb-it/kitsconcerto-native 0.1.236

package/contexts/Main/index.js

@@ -0,0 +1,125 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, createContext } from 'react';
+import PopupProvider from '../DialogContext.js';
+import PermissionsProvider from '../PermissionsContext.js';
+import LocaleContextProvider from '../Locale/index.js';
+import ThemeContextProvider from '../Theme/index.js';
+import { useWindowDimensions } from 'react-native';
+import '../../apps/mobile/src/ui/accordion/index.js';
+import '../../apps/mobile/src/ui/actionsheet/index.js';
+import '../../apps/mobile/src/ui/alert/index.js';
+import '../../apps/mobile/src/ui/alert-dialog/index.js';
+import '../../apps/mobile/src/ui/avatar/index.js';
+import '../../apps/mobile/src/ui/badge/index.js';
+import '../../apps/mobile/src/ui/bottomsheet/index.js';
+import '../../apps/mobile/src/ui/box/index.js';
+import '../../apps/mobile/src/ui/button/index.js';
+import '../../apps/mobile/src/ui/card/index.js';
+import '../../apps/mobile/src/ui/center/index.js';
+import '../../apps/mobile/src/ui/checkbox/index.js';
+import '../../apps/mobile/src/ui/divider/index.js';
+import '../../apps/mobile/src/ui/drawer/index.js';
+import '../../apps/mobile/src/ui/fab/index.js';
+import '../../apps/mobile/src/ui/form-control/index.js';
+import { GluestackUIProvider } from '../../apps/mobile/src/ui/gluestack-ui-provider/index.js';
+import '../../apps/mobile/src/ui/grid/index.js';
+import '../../apps/mobile/src/ui/heading/index.js';
+import '../../apps/mobile/src/ui/hstack/index.js';
+import '../../apps/mobile/src/ui/icon/index.js';
+import '../../apps/mobile/src/ui/image/index.js';
+import '../../apps/mobile/src/ui/image-background/index.js';
+import '../../apps/mobile/src/ui/input/index.js';
+import '../../apps/mobile/src/ui/link/index.js';
+import '../../apps/mobile/src/ui/menu/index.js';
+import '../../apps/mobile/src/ui/modal/index.js';
+import '../../apps/mobile/src/ui/popover/index.js';
+import '../../apps/mobile/src/ui/portal/index.js';
+import '../../apps/mobile/src/ui/pressable/index.js';
+import '../../apps/mobile/src/ui/progress/index.js';
+import '../../apps/mobile/src/ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../../apps/mobile/src/ui/select/index.js';
+import '../../apps/mobile/src/ui/skeleton/index.js';
+import '../../apps/mobile/src/ui/slider/index.js';
+import '../../apps/mobile/src/ui/spinner/index.js';
+import '../../apps/mobile/src/ui/switch/index.js';
+import '../../apps/mobile/src/ui/table/index.js';
+import '../../apps/mobile/src/ui/text/index.js';
+import '../../apps/mobile/src/ui/textarea/index.js';
+import '../../apps/mobile/src/ui/toast/index.js';
+import '../../apps/mobile/src/ui/tooltip/index.js';
+import '../../apps/mobile/src/ui/vstack/index.js';
+import 'react-native-reanimated';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../../packages/types/src/Css/map/index.js';
+import '../../packages/types/src/Theme/shadows.js';
+import '../../packages/types/src/Theme/defaultTheme.js';
+import { DimensionsProvider } from '../../apps/mobile/src/Factory/DimensionsContext.js';
+import 'i18next';
+import 'react-i18next';
+import '../../apps/mobile/src/Core/AutoComplete/index.js';
+import '../../apps/mobile/src/Core/Dropdown/index.js';
+import '../../apps/mobile/src/Core/MultiSelect/index.js';
+import '../../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import '../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.js';
+import '../../apps/mobile/src/Core/Trees/components/CoreToolbar.js';
+import '../../apps/mobile/src/Core/Paginator/index.js';
+import 'lucide-react-native';
+import '../../apps/mobile/src/Core/SelectButton/index.js';
+import '../../apps/mobile/src/Core/DataTable/DataTable.js';
+import '../../apps/mobile/src/Core/Tag/index.js';
+import '../../apps/mobile/src/Core/Badge/index.js';
+import '../../apps/mobile/src/Core/ProgressBar/index.js';
+import '../../apps/mobile/src/Core/Checkbox/index.js';
+import '../../apps/mobile/src/Core/RadioButton/index.js';
+import '../../apps/mobile/src/Core/Input/index.js';
+import '../../apps/mobile/src/Core/Input/Field.js';
+import '../../apps/mobile/src/Core/Input/Slot.js';
+import { KitsThemeProvider } from '../Theme/KitsThemeProvider.js';
+
+const MainContext = createContext({});
+function MainContextProvider({
+  children,
+  theme,
+  kitsTheme,
+  onLogOut,
+  nonAuthRoutes,
+  menuItems,
+  permissions,
+  logo,
+  languages,
+  defaultLanguage = "en",
+  authedRoutes,
+  onChangeLanguage
+}) {
+  const { width, height } = useWindowDimensions();
+  const mq = {
+    isSmall: width < 768,
+    isTablet: width >= 768 && width < 1024,
+    isDesktop: width >= 1024,
+    isLandscape: width > height,
+    isPortrait: height >= width
+  };
+  const headerRef = useRef(null);
+  const appendToHeader = (element) => {
+    if (headerRef.current?.appendToHeader) headerRef.current.appendToHeader(element);
+  };
+  const authLayout = !children && nonAuthRoutes?.length && !authedRoutes?.length;
+  const adminLayout = !children && authedRoutes?.length && !nonAuthRoutes?.length;
+  return /* @__PURE__ */ jsx(MainContext.Provider, { value: { logo, onLogOut, appendToHeader, menuItems, mq }, children: /* @__PURE__ */ jsx(GluestackUIProvider, { mode: theme, children: /* @__PURE__ */ jsx(DimensionsProvider, { children: /* @__PURE__ */ jsx(KitsThemeProvider, { theme: kitsTheme, children: /* @__PURE__ */ jsx(ThemeContextProvider, { theme, children: /* @__PURE__ */ jsx(
+    LocaleContextProvider,
+    {
+      defaultLanguage,
+      languages,
+      onChangeLanguage,
+      children: /* @__PURE__ */ jsx(PopupProvider, { children: /* @__PURE__ */ jsx(PermissionsProvider, { roles: permissions, children: !authLayout && !adminLayout && children }) })
+    }
+  ) }) }) }) }) });
+}
+
+export { MainContext, MainContextProvider as default };
+//# sourceMappingURL=index.js.map

package/contexts/Main/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/contexts/Main/index.native.tsx"],"sourcesContent":["import React, {createContext, type PropsWithChildren, type ReactNode, useRef} from 'react';\nimport type {IMainContextProps, IMainContextValues} from '@lmb-it/kitsconcerto-types';\nimport DialogProvider from '../DialogContext';\nimport PermissionsProvider from '../PermissionsContext';\nimport LocaleContextProvider from '../Locale';\nimport ThemeContext, {KitsThemeProvider} from '../Theme';\n// import {IHeaderRef} from '../Components/Organisms/Layout/Header';\n// import {AuthLayout} from '../Components';\n// import AdminLayout from '../Components/Organisms/Layout/AdminLayout';\nimport {useWindowDimensions} from 'react-native';\nimport {GluestackUIProvider, DimensionsProvider} from '@lmb-it/kitsconcertomobile';\n\nexport const MainContext = createContext<IMainContextValues>({} as IMainContextValues);\n\nexport default function MainContextProvider({\n                                                children,\n                                                theme,\n                                                kitsTheme,\n                                                onLogOut,\n                                                nonAuthRoutes,\n                                                menuItems,\n                                                permissions,\n                                                logo,\n                                                languages,\n                                                defaultLanguage = 'en',\n                                                authedRoutes,\n                                                onChangeLanguage\n                                            }: PropsWithChildren<IMainContextProps>) {\n    const {width, height} = useWindowDimensions();\n\n    const mq = {\n        isSmall: width < 768,\n        isTablet: width >= 768 && width < 1024,\n        isDesktop: width >= 1024,\n        isLandscape: width > height,\n        isPortrait: height >= width\n    };\n    type IHeaderRef = any;\n    const headerRef = useRef<IHeaderRef>(null);\n    const appendToHeader = (element: ReactNode) => {\n        if (headerRef.current?.appendToHeader) headerRef.current.appendToHeader(element);\n    };\n\n\n    const authLayout = !children && nonAuthRoutes?.length && !authedRoutes?.length;\n    const adminLayout = !children && authedRoutes?.length && !nonAuthRoutes?.length;\n\n    return (\n        <MainContext.Provider value={{logo, onLogOut, appendToHeader, menuItems, mq}}>\n            <GluestackUIProvider mode={theme}>\n                <DimensionsProvider>\n                    <KitsThemeProvider theme={kitsTheme}>\n                        <ThemeContext theme={theme}>\n                            <LocaleContextProvider\n                                defaultLanguage={defaultLanguage}\n                                languages={languages}\n                                onChangeLanguage={onChangeLanguage}\n                            >\n                                <DialogProvider>\n                                    <PermissionsProvider roles={permissions}>\n                                        {!authLayout && !adminLayout && children}\n                                        {/*{authLayout && <AuthLayout routes={nonAuthRoutes} />}*/}\n                                        {/*{adminLayout && <AdminLayout routes={authedRoutes} headerRef={headerRef} />}*/}\n                                    </PermissionsProvider>\n                                </DialogProvider>\n                            </LocaleContextProvider>\n                        </ThemeContext>\n                    </KitsThemeProvider>\n                </DimensionsProvider>\n            </GluestackUIProvider>\n        </MainContext.Provider>\n    );\n}\n"],"names":["ThemeContext","DialogProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAA,GAAc,aAAA,CAAkC,EAAwB;AAErF,SAAwB,mBAAA,CAAoB;AAAA,EACI,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB,YAAA;AAAA,EACA;AACJ,CAAA,EAAyC;AACjF,EAAA,MAAM,EAAC,KAAA,EAAO,MAAA,EAAM,GAAI,mBAAA,EAAoB;AAE5C,EAAA,MAAM,EAAA,GAAK;AAAA,IACP,SAAS,KAAA,GAAQ,GAAA;AAAA,IACjB,QAAA,EAAU,KAAA,IAAS,GAAA,IAAO,KAAA,GAAQ,IAAA;AAAA,IAClC,WAAW,KAAA,IAAS,IAAA;AAAA,IACpB,aAAa,KAAA,GAAQ,MAAA;AAAA,IACrB,YAAY,MAAA,IAAU;AAAA,GAC1B;AAEA,EAAA,MAAM,SAAA,GAAY,OAAmB,IAAI,CAAA;AACzC,EAAA,MAAM,cAAA,GAAiB,CAAC,OAAA,KAAuB;AAC3C,IAAA,IAAI,UAAU,OAAA,EAAS,cAAA,EAAgB,SAAA,CAAU,OAAA,CAAQ,eAAe,OAAO,CAAA;AAAA,EACnF,CAAA;AAGA,EAAA,MAAM,aAAa,CAAC,QAAA,IAAY,aAAA,EAAe,MAAA,IAAU,CAAC,YAAA,EAAc,MAAA;AACxE,EAAA,MAAM,cAAc,CAAC,QAAA,IAAY,YAAA,EAAc,MAAA,IAAU,CAAC,aAAA,EAAe,MAAA;AAEzE,EAAA,uBACI,GAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,EAAC,IAAA,EAAM,QAAA,EAAU,cAAA,EAAgB,SAAA,EAAW,EAAA,EAAE,EACvE,8BAAC,mBAAA,EAAA,EAAoB,IAAA,EAAM,KAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EACG,QAAA,kBAAA,GAAA,CAAC,qBAAkB,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAA,GAAA,CAACA,oBAAA,EAAA,EAAa,KAAA,EACV,QAAA,kBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACG,eAAA;AAAA,MACA,SAAA;AAAA,MACA,gBAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAACC,aAAA,EAAA,EACG,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,KAAA,EAAO,WAAA,EACvB,QAAA,EAAA,CAAC,UAAA,IAAc,CAAC,WAAA,IAAe,QAAA,EAGpC,CAAA,EACJ;AAAA;AAAA,GACJ,EACJ,CAAA,EACJ,CAAA,EACJ,CAAA,EACJ,CAAA,EACJ,CAAA;AAER;;;;"}

package/contexts/PermissionsContext.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const PermissionsContext = React.createContext({});
+const PermissionsProvider = ({ children, roles }) => {
+  const inPermissions = React.useCallback((permissions) => {
+    if (!roles) {
+      return true;
+    }
+    if (typeof permissions === "string") {
+      return roles.includes(permissions);
+    }
+    if (Array.isArray(permissions)) {
+      return permissions.every((permission) => roles.includes(permission));
+    }
+    return false;
+  }, [roles]);
+  const check = React.useCallback((permissions = null) => {
+    if (!roles) {
+      return true;
+    }
+    if (!permissions || roles.length == 0) return false;
+    if (typeof permissions === "string" || Array.isArray(permissions)) {
+      return inPermissions(permissions);
+    }
+    if (typeof permissions === "object") {
+      const { permissionsRequired, permissionsOptional } = permissions;
+      if (permissionsRequired && typeof permissionsRequired === "string" || Array.isArray(permissionsRequired)) {
+        return inPermissions(permissionsRequired);
+      }
+      if (permissionsRequired) {
+        return inPermissions(permissionsRequired);
+      }
+      if (permissionsOptional) {
+        return permissionsOptional.some((permission) => roles.includes(permission));
+      }
+    }
+    return false;
+  }, [roles]);
+  return /* @__PURE__ */ jsxRuntime.jsx(PermissionsContext.Provider, { value: {
+    check
+  }, children });
+};
+
+exports.default = PermissionsProvider;
+//# sourceMappingURL=PermissionsContext.cjs.map

package/contexts/PermissionsContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsContext.cjs","sources":["../../../src/contexts/PermissionsContext.tsx"],"sourcesContent":["import React, {\n    createContext,\n    type FC,\n    type PropsWithChildren,\n    useCallback,\n    useContext,\n} from 'react';\nimport type {Permissions} from \"@lmb-it/kitsconcerto-types\";\n\ntype IPermissionsContextValues = {\n    check:(permissions: string | string[] | Permissions | null)=>boolean;\n}\nconst PermissionsContext = createContext<IPermissionsContextValues>({} as IPermissionsContextValues);\n\nconst PermissionsProvider: FC<PropsWithChildren<{ roles?:string[] | null }>> = ({children, roles}) => {\n\n\n    const inPermissions = useCallback((permissions:string | string[])=>{\n        if(!roles){\n            return true;\n        }\n        if (typeof permissions === 'string') {\n            // if permissions is a string, check if role includes this permission\n            return roles.includes(permissions);\n        }\n\n        if (Array.isArray(permissions)) {\n            // if permissions is an array, all permissions must be included in roles\n            return permissions.every(permission => roles.includes(permission));\n        }\n        return false;\n    },[roles])\n\n    const check:IPermissionsContextValues['check'] = useCallback((permissions = null) => {\n\n        // console.log({roles, permissions})\n        if(!roles){\n            return true;\n        }\n        if (!permissions || roles.length == 0) return false;\n\n        if (typeof permissions === 'string' || Array.isArray(permissions)) {\n            // if permissions is a string, check if role includes this permission\n            return inPermissions(permissions);\n        }\n\n\n        if (typeof permissions === 'object') {\n            // if permissions is an object\n            const { permissionsRequired, permissionsOptional } = permissions;\n\n            if (permissionsRequired && typeof permissionsRequired === 'string' || Array.isArray(permissionsRequired)) {\n                // if permissions is a string, check if role includes this permission\n                return inPermissions(permissionsRequired);\n            }\n\n\n            if (permissionsRequired) {\n                // if permissions is a string, check if role includes this permission\n                return inPermissions(permissionsRequired);\n            }\n\n            if (permissionsOptional) {\n                // At least one optional permission must be included in roles\n                return permissionsOptional.some(permission => roles.includes(permission));\n            }\n        }\n\n        return false;\n    },[roles])\n\n\n\n\n    return (\n        <PermissionsContext.Provider value={{\n            check,\n        }}>\n            {children}\n        </PermissionsContext.Provider>\n    );\n};\n\nexport default PermissionsProvider;\n\nexport const usePermissions = () => useContext(PermissionsContext);\n"],"names":["createContext","useCallback","jsx"],"mappings":";;;;;;;AAYA,MAAM,kBAAA,GAAqBA,mBAAA,CAAyC,EAA+B,CAAA;AAEnG,MAAM,mBAAA,GAAyE,CAAC,EAAC,QAAA,EAAU,OAAK,KAAM;AAGlG,EAAA,MAAM,aAAA,GAAgBC,iBAAA,CAAY,CAAC,WAAA,KAAgC;AAC/D,IAAA,IAAG,CAAC,KAAA,EAAM;AACN,MAAA,OAAO,IAAA;AAAA,IACX;AACA,IAAA,IAAI,OAAO,gBAAgB,QAAA,EAAU;AAEjC,MAAA,OAAO,KAAA,CAAM,SAAS,WAAW,CAAA;AAAA,IACrC;AAEA,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,WAAW,CAAA,EAAG;AAE5B,MAAA,OAAO,YAAY,KAAA,CAAM,CAAA,UAAA,KAAc,KAAA,CAAM,QAAA,CAAS,UAAU,CAAC,CAAA;AAAA,IACrE;AACA,IAAA,OAAO,KAAA;AAAA,EACX,CAAA,EAAE,CAAC,KAAK,CAAC,CAAA;AAET,EAAA,MAAM,KAAA,GAA2CA,iBAAA,CAAY,CAAC,WAAA,GAAc,IAAA,KAAS;AAGjF,IAAA,IAAG,CAAC,KAAA,EAAM;AACN,MAAA,OAAO,IAAA;AAAA,IACX;AACA,IAAA,IAAI,CAAC,WAAA,IAAe,KAAA,CAAM,MAAA,IAAU,GAAG,OAAO,KAAA;AAE9C,IAAA,IAAI,OAAO,WAAA,KAAgB,QAAA,IAAY,KAAA,CAAM,OAAA,CAAQ,WAAW,CAAA,EAAG;AAE/D,MAAA,OAAO,cAAc,WAAW,CAAA;AAAA,IACpC;AAGA,IAAA,IAAI,OAAO,gBAAgB,QAAA,EAAU;AAEjC,MAAA,MAAM,EAAE,mBAAA,EAAqB,mBAAA,EAAoB,GAAI,WAAA;AAErD,MAAA,IAAI,uBAAuB,OAAO,mBAAA,KAAwB,YAAY,KAAA,CAAM,OAAA,CAAQ,mBAAmB,CAAA,EAAG;AAEtG,QAAA,OAAO,cAAc,mBAAmB,CAAA;AAAA,MAC5C;AAGA,MAAA,IAAI,mBAAA,EAAqB;AAErB,QAAA,OAAO,cAAc,mBAAmB,CAAA;AAAA,MAC5C;AAEA,MAAA,IAAI,mBAAA,EAAqB;AAErB,QAAA,OAAO,oBAAoB,IAAA,CAAK,CAAA,UAAA,KAAc,KAAA,CAAM,QAAA,CAAS,UAAU,CAAC,CAAA;AAAA,MAC5E;AAAA,IACJ;AAEA,IAAA,OAAO,KAAA;AAAA,EACX,CAAA,EAAE,CAAC,KAAK,CAAC,CAAA;AAKT,EAAA,uBACIC,cAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,KAAA,EAAO;AAAA,IAChC;AAAA,KAEC,QAAA,EACL,CAAA;AAER;;;;"}

package/contexts/PermissionsContext.js

@@ -0,0 +1,46 @@
+import { jsx } from 'react/jsx-runtime';
+import { useCallback, createContext } from 'react';
+
+const PermissionsContext = createContext({});
+const PermissionsProvider = ({ children, roles }) => {
+  const inPermissions = useCallback((permissions) => {
+    if (!roles) {
+      return true;
+    }
+    if (typeof permissions === "string") {
+      return roles.includes(permissions);
+    }
+    if (Array.isArray(permissions)) {
+      return permissions.every((permission) => roles.includes(permission));
+    }
+    return false;
+  }, [roles]);
+  const check = useCallback((permissions = null) => {
+    if (!roles) {
+      return true;
+    }
+    if (!permissions || roles.length == 0) return false;
+    if (typeof permissions === "string" || Array.isArray(permissions)) {
+      return inPermissions(permissions);
+    }
+    if (typeof permissions === "object") {
+      const { permissionsRequired, permissionsOptional } = permissions;
+      if (permissionsRequired && typeof permissionsRequired === "string" || Array.isArray(permissionsRequired)) {
+        return inPermissions(permissionsRequired);
+      }
+      if (permissionsRequired) {
+        return inPermissions(permissionsRequired);
+      }
+      if (permissionsOptional) {
+        return permissionsOptional.some((permission) => roles.includes(permission));
+      }
+    }
+    return false;
+  }, [roles]);
+  return /* @__PURE__ */ jsx(PermissionsContext.Provider, { value: {
+    check
+  }, children });
+};
+
+export { PermissionsProvider as default };
+//# sourceMappingURL=PermissionsContext.js.map

package/contexts/PermissionsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsContext.js","sources":["../../../src/contexts/PermissionsContext.tsx"],"sourcesContent":["import React, {\n    createContext,\n    type FC,\n    type PropsWithChildren,\n    useCallback,\n    useContext,\n} from 'react';\nimport type {Permissions} from \"@lmb-it/kitsconcerto-types\";\n\ntype IPermissionsContextValues = {\n    check:(permissions: string | string[] | Permissions | null)=>boolean;\n}\nconst PermissionsContext = createContext<IPermissionsContextValues>({} as IPermissionsContextValues);\n\nconst PermissionsProvider: FC<PropsWithChildren<{ roles?:string[] | null }>> = ({children, roles}) => {\n\n\n    const inPermissions = useCallback((permissions:string | string[])=>{\n        if(!roles){\n            return true;\n        }\n        if (typeof permissions === 'string') {\n            // if permissions is a string, check if role includes this permission\n            return roles.includes(permissions);\n        }\n\n        if (Array.isArray(permissions)) {\n            // if permissions is an array, all permissions must be included in roles\n            return permissions.every(permission => roles.includes(permission));\n        }\n        return false;\n    },[roles])\n\n    const check:IPermissionsContextValues['check'] = useCallback((permissions = null) => {\n\n        // console.log({roles, permissions})\n        if(!roles){\n            return true;\n        }\n        if (!permissions || roles.length == 0) return false;\n\n        if (typeof permissions === 'string' || Array.isArray(permissions)) {\n            // if permissions is a string, check if role includes this permission\n            return inPermissions(permissions);\n        }\n\n\n        if (typeof permissions === 'object') {\n            // if permissions is an object\n            const { permissionsRequired, permissionsOptional } = permissions;\n\n            if (permissionsRequired && typeof permissionsRequired === 'string' || Array.isArray(permissionsRequired)) {\n                // if permissions is a string, check if role includes this permission\n                return inPermissions(permissionsRequired);\n            }\n\n\n            if (permissionsRequired) {\n                // if permissions is a string, check if role includes this permission\n                return inPermissions(permissionsRequired);\n            }\n\n            if (permissionsOptional) {\n                // At least one optional permission must be included in roles\n                return permissionsOptional.some(permission => roles.includes(permission));\n            }\n        }\n\n        return false;\n    },[roles])\n\n\n\n\n    return (\n        <PermissionsContext.Provider value={{\n            check,\n        }}>\n            {children}\n        </PermissionsContext.Provider>\n    );\n};\n\nexport default PermissionsProvider;\n\nexport const usePermissions = () => useContext(PermissionsContext);\n"],"names":[],"mappings":";;;AAYA,MAAM,kBAAA,GAAqB,aAAA,CAAyC,EAA+B,CAAA;AAEnG,MAAM,mBAAA,GAAyE,CAAC,EAAC,QAAA,EAAU,OAAK,KAAM;AAGlG,EAAA,MAAM,aAAA,GAAgB,WAAA,CAAY,CAAC,WAAA,KAAgC;AAC/D,IAAA,IAAG,CAAC,KAAA,EAAM;AACN,MAAA,OAAO,IAAA;AAAA,IACX;AACA,IAAA,IAAI,OAAO,gBAAgB,QAAA,EAAU;AAEjC,MAAA,OAAO,KAAA,CAAM,SAAS,WAAW,CAAA;AAAA,IACrC;AAEA,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,WAAW,CAAA,EAAG;AAE5B,MAAA,OAAO,YAAY,KAAA,CAAM,CAAA,UAAA,KAAc,KAAA,CAAM,QAAA,CAAS,UAAU,CAAC,CAAA;AAAA,IACrE;AACA,IAAA,OAAO,KAAA;AAAA,EACX,CAAA,EAAE,CAAC,KAAK,CAAC,CAAA;AAET,EAAA,MAAM,KAAA,GAA2C,WAAA,CAAY,CAAC,WAAA,GAAc,IAAA,KAAS;AAGjF,IAAA,IAAG,CAAC,KAAA,EAAM;AACN,MAAA,OAAO,IAAA;AAAA,IACX;AACA,IAAA,IAAI,CAAC,WAAA,IAAe,KAAA,CAAM,MAAA,IAAU,GAAG,OAAO,KAAA;AAE9C,IAAA,IAAI,OAAO,WAAA,KAAgB,QAAA,IAAY,KAAA,CAAM,OAAA,CAAQ,WAAW,CAAA,EAAG;AAE/D,MAAA,OAAO,cAAc,WAAW,CAAA;AAAA,IACpC;AAGA,IAAA,IAAI,OAAO,gBAAgB,QAAA,EAAU;AAEjC,MAAA,MAAM,EAAE,mBAAA,EAAqB,mBAAA,EAAoB,GAAI,WAAA;AAErD,MAAA,IAAI,uBAAuB,OAAO,mBAAA,KAAwB,YAAY,KAAA,CAAM,OAAA,CAAQ,mBAAmB,CAAA,EAAG;AAEtG,QAAA,OAAO,cAAc,mBAAmB,CAAA;AAAA,MAC5C;AAGA,MAAA,IAAI,mBAAA,EAAqB;AAErB,QAAA,OAAO,cAAc,mBAAmB,CAAA;AAAA,MAC5C;AAEA,MAAA,IAAI,mBAAA,EAAqB;AAErB,QAAA,OAAO,oBAAoB,IAAA,CAAK,CAAA,UAAA,KAAc,KAAA,CAAM,QAAA,CAAS,UAAU,CAAC,CAAA;AAAA,MAC5E;AAAA,IACJ;AAEA,IAAA,OAAO,KAAA;AAAA,EACX,CAAA,EAAE,CAAC,KAAK,CAAC,CAAA;AAKT,EAAA,uBACI,GAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,KAAA,EAAO;AAAA,IAChC;AAAA,KAEC,QAAA,EACL,CAAA;AAER;;;;"}

package/contexts/Theme/KitsThemeProvider.cjs

@@ -0,0 +1,159 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+require('../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+require('../../packages/types/src/Css/map/index.cjs');
+var shadows = require('../../packages/types/src/Theme/shadows.cjs');
+var defaultTheme = require('../../packages/types/src/Theme/defaultTheme.cjs');
+var extendTheme = require('../../packages/types/src/Theme/extendTheme.cjs');
+var resolvers = require('../../packages/types/src/Theme/resolvers.cjs');
+var reactNative = require('react-native');
+var resolvers_native = require('./resolvers.cjs');
+require('../../apps/mobile/src/ui/accordion/index.cjs');
+require('../../apps/mobile/src/ui/actionsheet/index.cjs');
+require('../../apps/mobile/src/ui/alert/index.cjs');
+require('../../apps/mobile/src/ui/alert-dialog/index.cjs');
+require('../../apps/mobile/src/ui/avatar/index.cjs');
+require('../../apps/mobile/src/ui/badge/index.cjs');
+require('../../apps/mobile/src/ui/bottomsheet/index.cjs');
+require('../../apps/mobile/src/ui/box/index.cjs');
+require('../../apps/mobile/src/ui/button/index.cjs');
+require('../../apps/mobile/src/ui/card/index.cjs');
+require('../../apps/mobile/src/ui/center/index.cjs');
+require('../../apps/mobile/src/ui/checkbox/index.cjs');
+require('../../apps/mobile/src/ui/divider/index.cjs');
+require('../../apps/mobile/src/ui/drawer/index.cjs');
+require('../../apps/mobile/src/ui/fab/index.cjs');
+require('../../apps/mobile/src/ui/form-control/index.cjs');
+require('../../apps/mobile/src/ui/gluestack-ui-provider/config.cjs');
+require('@gluestack-ui/core/overlay/creator');
+require('@gluestack-ui/core/toast/creator');
+require('nativewind');
+require('../../apps/mobile/src/ui/grid/index.cjs');
+require('../../apps/mobile/src/ui/heading/index.cjs');
+require('../../apps/mobile/src/ui/hstack/index.cjs');
+require('../../apps/mobile/src/ui/icon/index.cjs');
+require('../../apps/mobile/src/ui/image/index.cjs');
+require('../../apps/mobile/src/ui/image-background/index.cjs');
+require('../../apps/mobile/src/ui/input/index.cjs');
+require('../../apps/mobile/src/ui/link/index.cjs');
+require('../../apps/mobile/src/ui/menu/index.cjs');
+require('../../apps/mobile/src/ui/modal/index.cjs');
+require('../../apps/mobile/src/ui/popover/index.cjs');
+require('../../apps/mobile/src/ui/portal/index.cjs');
+require('../../apps/mobile/src/ui/pressable/index.cjs');
+require('../../apps/mobile/src/ui/progress/index.cjs');
+require('../../apps/mobile/src/ui/radio/index.cjs');
+require('react-native-safe-area-context');
+require('../../apps/mobile/src/ui/select/index.cjs');
+require('../../apps/mobile/src/ui/skeleton/index.cjs');
+require('../../apps/mobile/src/ui/slider/index.cjs');
+require('../../apps/mobile/src/ui/spinner/index.cjs');
+require('../../apps/mobile/src/ui/switch/index.cjs');
+require('../../apps/mobile/src/ui/table/index.cjs');
+require('../../apps/mobile/src/ui/text/index.cjs');
+require('../../apps/mobile/src/ui/textarea/index.cjs');
+require('../../apps/mobile/src/ui/toast/index.cjs');
+require('../../apps/mobile/src/ui/tooltip/index.cjs');
+require('../../apps/mobile/src/ui/vstack/index.cjs');
+require('react-native-reanimated');
+var style = require('../../apps/mobile/src/Factory/helpers/style.cjs');
+require('../../apps/mobile/src/Factory/DimensionsContext.cjs');
+require('i18next');
+require('react-i18next');
+require('../../apps/mobile/src/Core/AutoComplete/index.cjs');
+require('../../apps/mobile/src/Core/Dropdown/index.cjs');
+require('../../apps/mobile/src/Core/MultiSelect/index.cjs');
+require('../../apps/mobile/src/Core/Trees/components/CoreTree.cjs');
+require('../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs');
+require('../../apps/mobile/src/Core/Trees/components/CoreToolbar.cjs');
+require('../../apps/mobile/src/Core/Paginator/index.cjs');
+require('lucide-react-native');
+require('../../apps/mobile/src/Core/SelectButton/index.cjs');
+require('../../apps/mobile/src/Core/DataTable/DataTable.cjs');
+require('../../apps/mobile/src/Core/Tag/index.cjs');
+require('../../apps/mobile/src/Core/Badge/index.cjs');
+require('../../apps/mobile/src/Core/ProgressBar/index.cjs');
+require('../../apps/mobile/src/Core/Checkbox/index.cjs');
+require('../../apps/mobile/src/Core/RadioButton/index.cjs');
+require('../../apps/mobile/src/Core/Input/index.cjs');
+require('../../apps/mobile/src/Core/Input/Field.cjs');
+require('../../apps/mobile/src/Core/Input/Slot.cjs');
+
+const KitsThemeContext = React.createContext(null);
+const NativeColorMapContext = React.createContext({});
+function KitsThemeProvider({ theme: themeOverride, children }) {
+  const mergedTheme = React.useMemo(
+    () => themeOverride ? extendTheme.deepMerge(defaultTheme.defaultTheme, themeOverride) : defaultTheme.defaultTheme,
+    [themeOverride]
+  );
+  const systemScheme = reactNative.useColorScheme();
+  const [colorMode, setColorMode] = React.useState(mergedTheme.config.initialColorMode);
+  const manualOverrideRef = React.useRef(false);
+  const toggleColorMode = React.useCallback(() => {
+    manualOverrideRef.current = true;
+    setColorMode((m) => m === "light" ? "dark" : "light");
+  }, []);
+  const setColorModeManual = React.useCallback((mode) => {
+    manualOverrideRef.current = true;
+    setColorMode(mode);
+  }, []);
+  React.useEffect(() => {
+    if (mergedTheme.config.useSystemColorMode && systemScheme && !manualOverrideRef.current) {
+      setColorMode(systemScheme);
+    }
+  }, [systemScheme, mergedTheme.config.useSystemColorMode]);
+  const resolvedColorMap = React.useMemo(
+    () => resolvers_native.buildNativeColorMap(mergedTheme, colorMode),
+    [mergedTheme, colorMode]
+  );
+  style.setActiveColorMap(resolvedColorMap);
+  const resolvedNativeShadows = React.useMemo(() => {
+    const out = {};
+    for (const [key, value2] of Object.entries(mergedTheme.shadows)) {
+      const native = shadows.shadowNative(value2);
+      if (native) out[key] = native;
+    }
+    return out;
+  }, [mergedTheme]);
+  shadows.setActiveNativeShadows(resolvedNativeShadows);
+  const resolveToken = React.useCallback(
+    (token) => resolvers.resolveTokenValue(mergedTheme, colorMode, token, "native"),
+    [mergedTheme, colorMode]
+  );
+  const value = React.useMemo(
+    () => ({ theme: mergedTheme, colorMode, toggleColorMode, setColorMode: setColorModeManual, resolveToken }),
+    [mergedTheme, colorMode, toggleColorMode, setColorModeManual, resolveToken]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(KitsThemeContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(NativeColorMapContext.Provider, { value: resolvedColorMap, children }) });
+}
+function useKitsTheme() {
+  const ctx = React.useContext(KitsThemeContext);
+  if (!ctx) {
+    return {
+      theme: defaultTheme.defaultTheme,
+      colorMode: "light",
+      toggleColorMode: () => {
+      },
+      setColorMode: () => {
+      },
+      resolveToken: (token) => resolvers.resolveTokenValue(defaultTheme.defaultTheme, "light", token, "native")
+    };
+  }
+  return ctx;
+}
+function useNativeColorMap() {
+  return React.useContext(NativeColorMapContext);
+}
+
+exports.KitsThemeContext = KitsThemeContext;
+exports.KitsThemeProvider = KitsThemeProvider;
+exports.NativeColorMapContext = NativeColorMapContext;
+exports.useKitsTheme = useKitsTheme;
+exports.useNativeColorMap = useNativeColorMap;
+//# sourceMappingURL=KitsThemeProvider.cjs.map

package/contexts/Theme/KitsThemeProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KitsThemeProvider.cjs","sources":["../../../../src/contexts/Theme/KitsThemeProvider.native.tsx"],"sourcesContent":["import React, {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState} from 'react';\nimport type {ColorMode, IKitsTheme, IKitsThemeContextValues, INativeShadow, KitsThemeOverride} from '@lmb-it/kitsconcerto-types';\nimport {defaultTheme, deepMerge, resolveTokenValue, setActiveNativeShadows, shadowNative} from '@lmb-it/kitsconcerto-types';\nimport {useColorScheme} from 'react-native';\nimport {buildNativeColorMap} from './resolvers.native';\nimport {setActiveColorMap} from '@lmb-it/kitsconcertomobile';\n\nconst KitsThemeContext = createContext<IKitsThemeContextValues | null>(null);\n\n/** Context for the resolved native color map, consumed by style.ts */\nconst NativeColorMapContext = createContext<Record<string, string>>({});\n\nexport interface KitsThemeProviderProps {\n    theme?: KitsThemeOverride;\n    children: React.ReactNode;\n}\n\nexport function KitsThemeProvider({theme: themeOverride, children}: KitsThemeProviderProps) {\n    const mergedTheme = useMemo(\n        () => (themeOverride ? deepMerge(defaultTheme, themeOverride as Record<string, any>) as IKitsTheme : defaultTheme),\n        [themeOverride],\n    );\n\n    const systemScheme = useColorScheme();\n    const [colorMode, setColorMode] = useState<ColorMode>(mergedTheme.config.initialColorMode);\n    const manualOverrideRef = useRef(false);\n\n    const toggleColorMode = useCallback(() => {\n        manualOverrideRef.current = true;\n        setColorMode(m => (m === 'light' ? 'dark' : 'light'));\n    }, []);\n\n    const setColorModeManual = useCallback((mode: ColorMode) => {\n        manualOverrideRef.current = true;\n        setColorMode(mode);\n    }, []);\n\n    // System color mode detection\n    useEffect(() => {\n        if (mergedTheme.config.useSystemColorMode && systemScheme && !manualOverrideRef.current) {\n            setColorMode(systemScheme);\n        }\n    }, [systemScheme, mergedTheme.config.useSystemColorMode]);\n\n    // Build native color map and sync it to the style module\n    const resolvedColorMap = useMemo(\n        () => buildNativeColorMap(mergedTheme, colorMode),\n        [mergedTheme, colorMode],\n    );\n\n    // Set synchronously during render so children have the correct color map\n    // on their first render (useEffect would fire too late).\n    setActiveColorMap(resolvedColorMap);\n\n    // Publish the theme's native shadow scale (params per preset) so the\n    // `shadow` style key and the `<Box shadow>` factory prop resolve to real\n    // RN shadow props. Mirrors setActiveColorMap — synchronous during render.\n    const resolvedNativeShadows = useMemo(() => {\n        const out: Record<string, INativeShadow> = {};\n        for (const [key, value] of Object.entries(mergedTheme.shadows)) {\n            const native = shadowNative(value);\n            if (native) out[key] = native;\n        }\n        return out;\n    }, [mergedTheme]);\n    setActiveNativeShadows(resolvedNativeShadows);\n\n    const resolveToken = useCallback(\n        (token: string) => resolveTokenValue(mergedTheme, colorMode, token, 'native'),\n        [mergedTheme, colorMode],\n    );\n\n    const value = useMemo<IKitsThemeContextValues>(\n        () => ({theme: mergedTheme, colorMode, toggleColorMode, setColorMode: setColorModeManual, resolveToken}),\n        [mergedTheme, colorMode, toggleColorMode, setColorModeManual, resolveToken],\n    );\n\n    return (\n        <KitsThemeContext.Provider value={value}>\n            <NativeColorMapContext.Provider value={resolvedColorMap}>\n                {children}\n            </NativeColorMapContext.Provider>\n        </KitsThemeContext.Provider>\n    );\n}\n\nexport function useKitsTheme(): IKitsThemeContextValues {\n    const ctx = useContext(KitsThemeContext);\n    if (!ctx) {\n        return {\n            theme: defaultTheme,\n            colorMode: 'light',\n            toggleColorMode: () => {},\n            setColorMode: () => {},\n            resolveToken: (token: string) => resolveTokenValue(defaultTheme, 'light', token, 'native'),\n        };\n    }\n    return ctx;\n}\n\n/** Returns the resolved native color map for use in style functions */\nexport function useNativeColorMap(): Record<string, string> {\n    return useContext(NativeColorMapContext);\n}\n\nexport {KitsThemeContext, NativeColorMapContext};\n"],"names":["createContext","useMemo","deepMerge","defaultTheme","useColorScheme","useState","useRef","useCallback","useEffect","buildNativeColorMap","setActiveColorMap","value","shadowNative","setActiveNativeShadows","resolveTokenValue","jsx","useContext"],"mappings":"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"}

package/contexts/Theme/KitsThemeProvider.js

@@ -0,0 +1,153 @@
+import { jsx } from 'react/jsx-runtime';
+import { useContext, useMemo, useState, useRef, useCallback, useEffect, createContext } from 'react';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../../packages/types/src/Css/map/index.js';
+import { shadowNative, setActiveNativeShadows } from '../../packages/types/src/Theme/shadows.js';
+import { defaultTheme } from '../../packages/types/src/Theme/defaultTheme.js';
+import { deepMerge } from '../../packages/types/src/Theme/extendTheme.js';
+import { resolveTokenValue } from '../../packages/types/src/Theme/resolvers.js';
+import { useColorScheme } from 'react-native';
+import { buildNativeColorMap } from './resolvers.js';
+import '../../apps/mobile/src/ui/accordion/index.js';
+import '../../apps/mobile/src/ui/actionsheet/index.js';
+import '../../apps/mobile/src/ui/alert/index.js';
+import '../../apps/mobile/src/ui/alert-dialog/index.js';
+import '../../apps/mobile/src/ui/avatar/index.js';
+import '../../apps/mobile/src/ui/badge/index.js';
+import '../../apps/mobile/src/ui/bottomsheet/index.js';
+import '../../apps/mobile/src/ui/box/index.js';
+import '../../apps/mobile/src/ui/button/index.js';
+import '../../apps/mobile/src/ui/card/index.js';
+import '../../apps/mobile/src/ui/center/index.js';
+import '../../apps/mobile/src/ui/checkbox/index.js';
+import '../../apps/mobile/src/ui/divider/index.js';
+import '../../apps/mobile/src/ui/drawer/index.js';
+import '../../apps/mobile/src/ui/fab/index.js';
+import '../../apps/mobile/src/ui/form-control/index.js';
+import '../../apps/mobile/src/ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../../apps/mobile/src/ui/grid/index.js';
+import '../../apps/mobile/src/ui/heading/index.js';
+import '../../apps/mobile/src/ui/hstack/index.js';
+import '../../apps/mobile/src/ui/icon/index.js';
+import '../../apps/mobile/src/ui/image/index.js';
+import '../../apps/mobile/src/ui/image-background/index.js';
+import '../../apps/mobile/src/ui/input/index.js';
+import '../../apps/mobile/src/ui/link/index.js';
+import '../../apps/mobile/src/ui/menu/index.js';
+import '../../apps/mobile/src/ui/modal/index.js';
+import '../../apps/mobile/src/ui/popover/index.js';
+import '../../apps/mobile/src/ui/portal/index.js';
+import '../../apps/mobile/src/ui/pressable/index.js';
+import '../../apps/mobile/src/ui/progress/index.js';
+import '../../apps/mobile/src/ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../../apps/mobile/src/ui/select/index.js';
+import '../../apps/mobile/src/ui/skeleton/index.js';
+import '../../apps/mobile/src/ui/slider/index.js';
+import '../../apps/mobile/src/ui/spinner/index.js';
+import '../../apps/mobile/src/ui/switch/index.js';
+import '../../apps/mobile/src/ui/table/index.js';
+import '../../apps/mobile/src/ui/text/index.js';
+import '../../apps/mobile/src/ui/textarea/index.js';
+import '../../apps/mobile/src/ui/toast/index.js';
+import '../../apps/mobile/src/ui/tooltip/index.js';
+import '../../apps/mobile/src/ui/vstack/index.js';
+import 'react-native-reanimated';
+import { setActiveColorMap } from '../../apps/mobile/src/Factory/helpers/style.js';
+import '../../apps/mobile/src/Factory/DimensionsContext.js';
+import 'i18next';
+import 'react-i18next';
+import '../../apps/mobile/src/Core/AutoComplete/index.js';
+import '../../apps/mobile/src/Core/Dropdown/index.js';
+import '../../apps/mobile/src/Core/MultiSelect/index.js';
+import '../../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import '../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.js';
+import '../../apps/mobile/src/Core/Trees/components/CoreToolbar.js';
+import '../../apps/mobile/src/Core/Paginator/index.js';
+import 'lucide-react-native';
+import '../../apps/mobile/src/Core/SelectButton/index.js';
+import '../../apps/mobile/src/Core/DataTable/DataTable.js';
+import '../../apps/mobile/src/Core/Tag/index.js';
+import '../../apps/mobile/src/Core/Badge/index.js';
+import '../../apps/mobile/src/Core/ProgressBar/index.js';
+import '../../apps/mobile/src/Core/Checkbox/index.js';
+import '../../apps/mobile/src/Core/RadioButton/index.js';
+import '../../apps/mobile/src/Core/Input/index.js';
+import '../../apps/mobile/src/Core/Input/Field.js';
+import '../../apps/mobile/src/Core/Input/Slot.js';
+
+const KitsThemeContext = createContext(null);
+const NativeColorMapContext = createContext({});
+function KitsThemeProvider({ theme: themeOverride, children }) {
+  const mergedTheme = useMemo(
+    () => themeOverride ? deepMerge(defaultTheme, themeOverride) : defaultTheme,
+    [themeOverride]
+  );
+  const systemScheme = useColorScheme();
+  const [colorMode, setColorMode] = useState(mergedTheme.config.initialColorMode);
+  const manualOverrideRef = useRef(false);
+  const toggleColorMode = useCallback(() => {
+    manualOverrideRef.current = true;
+    setColorMode((m) => m === "light" ? "dark" : "light");
+  }, []);
+  const setColorModeManual = useCallback((mode) => {
+    manualOverrideRef.current = true;
+    setColorMode(mode);
+  }, []);
+  useEffect(() => {
+    if (mergedTheme.config.useSystemColorMode && systemScheme && !manualOverrideRef.current) {
+      setColorMode(systemScheme);
+    }
+  }, [systemScheme, mergedTheme.config.useSystemColorMode]);
+  const resolvedColorMap = useMemo(
+    () => buildNativeColorMap(mergedTheme, colorMode),
+    [mergedTheme, colorMode]
+  );
+  setActiveColorMap(resolvedColorMap);
+  const resolvedNativeShadows = useMemo(() => {
+    const out = {};
+    for (const [key, value2] of Object.entries(mergedTheme.shadows)) {
+      const native = shadowNative(value2);
+      if (native) out[key] = native;
+    }
+    return out;
+  }, [mergedTheme]);
+  setActiveNativeShadows(resolvedNativeShadows);
+  const resolveToken = useCallback(
+    (token) => resolveTokenValue(mergedTheme, colorMode, token, "native"),
+    [mergedTheme, colorMode]
+  );
+  const value = useMemo(
+    () => ({ theme: mergedTheme, colorMode, toggleColorMode, setColorMode: setColorModeManual, resolveToken }),
+    [mergedTheme, colorMode, toggleColorMode, setColorModeManual, resolveToken]
+  );
+  return /* @__PURE__ */ jsx(KitsThemeContext.Provider, { value, children: /* @__PURE__ */ jsx(NativeColorMapContext.Provider, { value: resolvedColorMap, children }) });
+}
+function useKitsTheme() {
+  const ctx = useContext(KitsThemeContext);
+  if (!ctx) {
+    return {
+      theme: defaultTheme,
+      colorMode: "light",
+      toggleColorMode: () => {
+      },
+      setColorMode: () => {
+      },
+      resolveToken: (token) => resolveTokenValue(defaultTheme, "light", token, "native")
+    };
+  }
+  return ctx;
+}
+function useNativeColorMap() {
+  return useContext(NativeColorMapContext);
+}
+
+export { KitsThemeContext, KitsThemeProvider, NativeColorMapContext, useKitsTheme, useNativeColorMap };
+//# sourceMappingURL=KitsThemeProvider.js.map

package/contexts/Theme/KitsThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KitsThemeProvider.js","sources":["../../../../src/contexts/Theme/KitsThemeProvider.native.tsx"],"sourcesContent":["import React, {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState} from 'react';\nimport type {ColorMode, IKitsTheme, IKitsThemeContextValues, INativeShadow, KitsThemeOverride} from '@lmb-it/kitsconcerto-types';\nimport {defaultTheme, deepMerge, resolveTokenValue, setActiveNativeShadows, shadowNative} from '@lmb-it/kitsconcerto-types';\nimport {useColorScheme} from 'react-native';\nimport {buildNativeColorMap} from './resolvers.native';\nimport {setActiveColorMap} from '@lmb-it/kitsconcertomobile';\n\nconst KitsThemeContext = createContext<IKitsThemeContextValues | null>(null);\n\n/** Context for the resolved native color map, consumed by style.ts */\nconst NativeColorMapContext = createContext<Record<string, string>>({});\n\nexport interface KitsThemeProviderProps {\n    theme?: KitsThemeOverride;\n    children: React.ReactNode;\n}\n\nexport function KitsThemeProvider({theme: themeOverride, children}: KitsThemeProviderProps) {\n    const mergedTheme = useMemo(\n        () => (themeOverride ? deepMerge(defaultTheme, themeOverride as Record<string, any>) as IKitsTheme : defaultTheme),\n        [themeOverride],\n    );\n\n    const systemScheme = useColorScheme();\n    const [colorMode, setColorMode] = useState<ColorMode>(mergedTheme.config.initialColorMode);\n    const manualOverrideRef = useRef(false);\n\n    const toggleColorMode = useCallback(() => {\n        manualOverrideRef.current = true;\n        setColorMode(m => (m === 'light' ? 'dark' : 'light'));\n    }, []);\n\n    const setColorModeManual = useCallback((mode: ColorMode) => {\n        manualOverrideRef.current = true;\n        setColorMode(mode);\n    }, []);\n\n    // System color mode detection\n    useEffect(() => {\n        if (mergedTheme.config.useSystemColorMode && systemScheme && !manualOverrideRef.current) {\n            setColorMode(systemScheme);\n        }\n    }, [systemScheme, mergedTheme.config.useSystemColorMode]);\n\n    // Build native color map and sync it to the style module\n    const resolvedColorMap = useMemo(\n        () => buildNativeColorMap(mergedTheme, colorMode),\n        [mergedTheme, colorMode],\n    );\n\n    // Set synchronously during render so children have the correct color map\n    // on their first render (useEffect would fire too late).\n    setActiveColorMap(resolvedColorMap);\n\n    // Publish the theme's native shadow scale (params per preset) so the\n    // `shadow` style key and the `<Box shadow>` factory prop resolve to real\n    // RN shadow props. Mirrors setActiveColorMap — synchronous during render.\n    const resolvedNativeShadows = useMemo(() => {\n        const out: Record<string, INativeShadow> = {};\n        for (const [key, value] of Object.entries(mergedTheme.shadows)) {\n            const native = shadowNative(value);\n            if (native) out[key] = native;\n        }\n        return out;\n    }, [mergedTheme]);\n    setActiveNativeShadows(resolvedNativeShadows);\n\n    const resolveToken = useCallback(\n        (token: string) => resolveTokenValue(mergedTheme, colorMode, token, 'native'),\n        [mergedTheme, colorMode],\n    );\n\n    const value = useMemo<IKitsThemeContextValues>(\n        () => ({theme: mergedTheme, colorMode, toggleColorMode, setColorMode: setColorModeManual, resolveToken}),\n        [mergedTheme, colorMode, toggleColorMode, setColorModeManual, resolveToken],\n    );\n\n    return (\n        <KitsThemeContext.Provider value={value}>\n            <NativeColorMapContext.Provider value={resolvedColorMap}>\n                {children}\n            </NativeColorMapContext.Provider>\n        </KitsThemeContext.Provider>\n    );\n}\n\nexport function useKitsTheme(): IKitsThemeContextValues {\n    const ctx = useContext(KitsThemeContext);\n    if (!ctx) {\n        return {\n            theme: defaultTheme,\n            colorMode: 'light',\n            toggleColorMode: () => {},\n            setColorMode: () => {},\n            resolveToken: (token: string) => resolveTokenValue(defaultTheme, 'light', token, 'native'),\n        };\n    }\n    return ctx;\n}\n\n/** Returns the resolved native color map for use in style functions */\nexport function useNativeColorMap(): Record<string, string> {\n    return useContext(NativeColorMapContext);\n}\n\nexport {KitsThemeContext, NativeColorMapContext};\n"],"names":["value"],"mappings":"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"}