@korsolutions/ui 0.0.77 → 0.0.80

package/dist/module/components/menu/index.js

@@ -2,7 +2,6 @@
 
 import { MenuCheckboxItem } from "./components/menu-checkbox-item.js";
 import { MenuContent } from "./components/menu-content.js";
-import { MenuGroup } from "./components/menu-group.js";
 import { MenuItem } from "./components/menu-item.js";
 import { MenuLabel } from "./components/menu-label.js";
 import { MenuOverlay } from "./components/menu-overlay.js";
@@ -10,7 +9,6 @@ import { MenuPortal } from "./components/menu-portal.js";
 import { MenuRadioGroup } from "./components/menu-radio-group.js";
 import { MenuRadioItem } from "./components/menu-radio-item.js";
 import { MenuRoot } from "./components/menu-root.js";
-import { MenuSeparator } from "./components/menu-separator.js";
 import { MenuShortcut } from "./components/menu-shortcut.js";
 import { MenuTrigger } from "./components/menu-trigger.js";
 export const Menu = {
@@ -20,9 +18,7 @@ export const Menu = {
   Overlay: MenuOverlay,
   Content: MenuContent,
   Item: MenuItem,
-  Group: MenuGroup,
   Label: MenuLabel,
-  Separator: MenuSeparator,
   CheckboxItem: MenuCheckboxItem,
   RadioGroup: MenuRadioGroup,
   RadioItem: MenuRadioItem,

package/dist/module/components/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["MenuCheckboxItem","MenuContent","MenuGroup","MenuItem","MenuLabel","MenuOverlay","MenuPortal","MenuRadioGroup","MenuRadioItem","MenuRoot","MenuSeparator","MenuShortcut","MenuTrigger","Menu","Root","Trigger","Portal","Overlay","Content","Item","Group","Label","Separator","CheckboxItem","RadioGroup","RadioItem","Shortcut"],"sourceRoot":"../../../../src","sources":["components/menu/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,WAAW,QAAQ,8BAA2B;AAEvD,OAAO,MAAMC,IAAI,GAAG;EAClBC,IAAI,EAAEL,QAAQ;EACdM,OAAO,EAAEH,WAAW;EACpBI,MAAM,EAAEV,UAAU;EAClBW,OAAO,EAAEZ,WAAW;EACpBa,OAAO,EAAEjB,WAAW;EACpBkB,IAAI,EAAEhB,QAAQ;EACdiB,KAAK,EAAElB,SAAS;EAChBmB,KAAK,EAAEjB,SAAS;EAChBkB,SAAS,EAAEZ,aAAa;EACxBa,YAAY,EAAEvB,gBAAgB;EAC9BwB,UAAU,EAAEjB,cAAc;EAC1BkB,SAAS,EAAEjB,aAAa;EACxBkB,QAAQ,EAAEf;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["MenuCheckboxItem","MenuContent","MenuItem","MenuLabel","MenuOverlay","MenuPortal","MenuRadioGroup","MenuRadioItem","MenuRoot","MenuShortcut","MenuTrigger","Menu","Root","Trigger","Portal","Overlay","Content","Item","Label","CheckboxItem","RadioGroup","RadioItem","Shortcut"],"sourceRoot":"../../../../src","sources":["components/menu/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,WAAW,QAAQ,8BAA2B;AAEvD,OAAO,MAAMC,IAAI,GAAG;EAClBC,IAAI,EAAEJ,QAAQ;EACdK,OAAO,EAAEH,WAAW;EACpBI,MAAM,EAAET,UAAU;EAClBU,OAAO,EAAEX,WAAW;EACpBY,OAAO,EAAEf,WAAW;EACpBgB,IAAI,EAAEf,QAAQ;EACdgB,KAAK,EAAEf,SAAS;EAChBgB,YAAY,EAAEnB,gBAAgB;EAC9BoB,UAAU,EAAEd,cAAc;EAC1Be,SAAS,EAAEd,aAAa;EACxBe,QAAQ,EAAEb;AACZ,CAAC","ignoreList":[]}

package/dist/module/components/menu/variants/default.js

@@ -53,12 +53,6 @@ export const useMenuVariantDefault = () => {
       fontWeight: "600",
       color: colors.mutedForeground
     },
-    separator: {
-      height: 1,
-      backgroundColor: colors.border,
-      marginVertical: 4,
-      marginHorizontal: 8
-    },
     checkboxItem: {
       default: {
         flexDirection: "row",

package/dist/module/components/menu/variants/default.js.map

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useMenuVariantDefault","colors","radius","fontFamily","fontSize","overlay","content","overflow","backgroundColor","surface","borderRadius","borderWidth","borderColor","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","item","default","flexDirection","alignItems","paddingVertical","paddingHorizontal","gap","hovered","muted","itemText","color","foreground","itemIcon","size","label","fontWeight","mutedForeground","separator","marginVertical","marginHorizontal","checkboxItem","disabled","opacity","selectionIndicator","strokeWidth","marginLeft","style","radioItem","shortcut"],"sourceRoot":"../../../../../src","sources":["components/menu/variants/default.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useMenuVariantDefault","colors","radius","fontFamily","fontSize","overlay","content","overflow","backgroundColor","surface","borderRadius","borderWidth","borderColor","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","item","default","flexDirection","alignItems","paddingVertical","paddingHorizontal","gap","hovered","muted","itemText","color","foreground","itemIcon","size","label","fontWeight","mutedForeground","checkboxItem","disabled","opacity","selectionIndicator","strokeWidth","marginLeft","style","radioItem","shortcut"],"sourceRoot":"../../../../../src","sources":["components/menu/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAkB;EACrD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAkB;IACzDC,OAAO,EAAE,CAAC,CAAC;IACXC,OAAO,EAAE;MACPC,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAEP,MAAM,CAACQ,OAAO;MAC/BC,YAAY,EAAER,MAAM;MACpBS,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEX,MAAM,CAACY,MAAM;MAC1BC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,GAAG,EAAE;MACP,CAAC;MACDC,OAAO,EAAE;QACPpB,eAAe,EAAEP,MAAM,CAAC4B;MAC1B;IACF,CAAC;IACDC,QAAQ,EAAE;MACR3B,UAAU,EAAEA,UAAU;MACtBC,QAAQ,EAAEA,QAAQ;MAClB2B,KAAK,EAAE9B,MAAM,CAAC+B;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRF,KAAK,EAAE9B,MAAM,CAAC+B,UAAU;MACxBE,IAAI,EAAE9B,QAAQ,GAAG;IACnB,CAAC;IACD+B,KAAK,EAAE;MACLV,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,EAAE;MACrBvB,UAAU,EAAEA,UAAU;MACtBC,QAAQ,EAAEA,QAAQ,GAAG,IAAI;MACzBgC,UAAU,EAAE,KAAK;MACjBL,KAAK,EAAE9B,MAAM,CAACoC;IAChB,CAAC;IACDC,YAAY,EAAE;MACZhB,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,GAAG,EAAE;MACP,CAAC;MACDC,OAAO,EAAE;QACPpB,eAAe,EAAEP,MAAM,CAAC4B;MAC1B,CAAC;MACDU,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDC,kBAAkB,EAAE;MAClBV,KAAK,EAAE9B,MAAM,CAAC+B,UAAU;MACxB5B,QAAQ,EAAEA,QAAQ;MAClBY,KAAK,EAAEZ,QAAQ;MACf8B,IAAI,EAAE9B,QAAQ;MACdsC,WAAW,EAAE,CAAC;MACdC,UAAU,EAAE,MAAM;MAClBC,KAAK,EAAE;QACLD,UAAU,EAAE;MACd;IACF,CAAC;IACDE,SAAS,EAAE;MACTvB,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,GAAG,EAAE;MACP,CAAC;MACDC,OAAO,EAAE;QACPpB,eAAe,EAAEP,MAAM,CAAC4B;MAC1B,CAAC;MACDU,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDM,QAAQ,EAAE;MACR1C,QAAQ,EAAEA,QAAQ,GAAG,IAAI;MACzBD,UAAU,EAAEA,UAAU;MACtB4B,KAAK,EAAE9B,MAAM,CAACoC;IAChB;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/hooks/use-color-scheme.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { useEffect, useState } from "react";
+import { useColorScheme as useSystemColorScheme } from "react-native";
+const getColorScheme = (storageGetCallback, systemColorScheme) => {
+  if (storageGetCallback) {
+    const storedScheme = storageGetCallback();
+    if (storedScheme) return storedScheme;
+  }
+  if (systemColorScheme) {
+    return systemColorScheme === "dark" ? "dark" : "light";
+  }
+  return "light";
+};
+export function useColorScheme({
+  colorSchemeStorage
+}) {
+  const systemColorScheme = useSystemColorScheme();
+  const [_colorScheme, _setColorScheme] = useState(getColorScheme(colorSchemeStorage?.get, systemColorScheme));
+  const setColorScheme = scheme => {
+    _setColorScheme(scheme);
+    colorSchemeStorage?.set(scheme);
+  };
+  useEffect(() => {
+    const newScheme = getColorScheme(colorSchemeStorage?.get, systemColorScheme);
+    if (newScheme === _colorScheme) return;
+    setColorScheme(newScheme);
+  }, [systemColorScheme]);
+  return {
+    colorScheme: _colorScheme,
+    setColorScheme
+  };
+}
+//# sourceMappingURL=use-color-scheme.js.map

package/dist/module/hooks/use-color-scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useColorScheme","useSystemColorScheme","getColorScheme","storageGetCallback","systemColorScheme","storedScheme","colorSchemeStorage","_colorScheme","_setColorScheme","get","setColorScheme","scheme","set","newScheme","colorScheme"],"sourceRoot":"../../../src","sources":["hooks/use-color-scheme.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,cAAc,IAAIC,oBAAoB,QAAQ,cAAc;AAGrE,MAAMC,cAAc,GAAGA,CACrBC,kBAA6C,EAC7CC,iBAA2D,KAC3C;EAChB,IAAID,kBAAkB,EAAE;IACtB,MAAME,YAAY,GAAGF,kBAAkB,CAAC,CAAC;IACzC,IAAIE,YAAY,EAAE,OAAOA,YAAY;EACvC;EACA,IAAID,iBAAiB,EAAE;IACrB,OAAOA,iBAAiB,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO;EACxD;EACA,OAAO,OAAO;AAChB,CAAC;AAMD,OAAO,SAASJ,cAAcA,CAAC;EAAEM;AAAwC,CAAC,EAAE;EAC1E,MAAMF,iBAAiB,GAAGH,oBAAoB,CAAC,CAAC;EAChD,MAAM,CAACM,YAAY,EAAEC,eAAe,CAAC,GAAGT,QAAQ,CAC9CG,cAAc,CAACI,kBAAkB,EAAEG,GAAG,EAAEL,iBAAiB,CAC3D,CAAC;EAED,MAAMM,cAAc,GAAIC,MAAmB,IAAK;IAC9CH,eAAe,CAACG,MAAM,CAAC;IACvBL,kBAAkB,EAAEM,GAAG,CAACD,MAAM,CAAC;EACjC,CAAC;EAEDb,SAAS,CAAC,MAAM;IACd,MAAMe,SAAS,GAAGX,cAAc,CAC9BI,kBAAkB,EAAEG,GAAG,EACvBL,iBACF,CAAC;IACD,IAAIS,SAAS,KAAKN,YAAY,EAAE;IAChCG,cAAc,CAACG,SAAS,CAAC;EAC3B,CAAC,EAAE,CAACT,iBAAiB,CAAC,CAAC;EAEvB,OAAO;IAAEU,WAAW,EAAEP,YAAY;IAAEG;EAAe,CAAC;AACtD","ignoreList":[]}

package/dist/module/themes/provider.js

@@ -1,7 +1,7 @@
 "use strict";
 
-import { createContext, useContext, useEffect, useState } from "react";
-import { useColorScheme } from "react-native";
+import { createContext, useContext } from "react";
+import { useColorScheme } from "../hooks/use-color-scheme.js";
 import { defaultThemeAssets } from "./default/index.js";
 import { mergeThemeAssets } from "./utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,15 +12,14 @@ export const ThemeProvider = props => {
     theme,
     components
   } = props;
-  const systemColorScheme = useColorScheme();
-  const [colorScheme, setColorScheme] = useState(systemColorScheme === "dark" ? "dark" : "light");
+  const {
+    colorScheme,
+    setColorScheme
+  } = useColorScheme({
+    colorSchemeStorage: components?.colorScheme?.storage
+  });
   const themeAssets = theme ? mergeThemeAssets(defaultThemeAssets, theme) : defaultThemeAssets;
   const colors = themeAssets.colors[colorScheme];
-  useEffect(() => {
-    if (systemColorScheme) {
-      setColorScheme(systemColorScheme === "dark" ? "dark" : "light");
-    }
-  }, [systemColorScheme]);
   return /*#__PURE__*/_jsx(ThemeContext.Provider, {
     value: {
       colorScheme,

package/dist/module/themes/provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useEffect","useState","useColorScheme","defaultThemeAssets","mergeThemeAssets","jsx","_jsx","ThemeContext","ThemeProvider","props","children","theme","components","systemColorScheme","colorScheme","setColorScheme","themeAssets","colors","Provider","value","radius","fontFamily","letterSpacing","fontSize","useTheme","context","Error","useComponentsConfig"],"sourceRoot":"../../../src","sources":["themes/provider.tsx"],"mappings":";;AAAA,SACEA,aAAa,EAEbC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,OAAO;AACd,SAASC,cAAc,QAAQ,cAAc;AAI7C,SAASC,kBAAkB,QAAQ,oBAAW;AAU9C,SAASC,gBAAgB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA4B3C,MAAMC,YAAY,gBAAGT,aAAa,CAAsB,IAAI,CAAC;AAO7D,OAAO,MAAMU,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAE7C,MAAMI,iBAAiB,GAAGX,cAAc,CAAC,CAAC;EAC1C,MAAM,CAACY,WAAW,EAAEC,cAAc,CAAC,GAAGd,QAAQ,CAC5CY,iBAAiB,KAAK,MAAM,GAAG,MAAM,GAAG,OAC1C,CAAC;EAED,MAAMG,WAAW,GAAGL,KAAK,GACrBP,gBAAgB,CAACD,kBAAkB,EAAEQ,KAAK,CAAC,GAC3CR,kBAAkB;EAEtB,MAAMc,MAAM,GAAGD,WAAW,CAACC,MAAM,CAACH,WAAW,CAAC;EAE9Cd,SAAS,CAAC,MAAM;IACd,IAAIa,iBAAiB,EAAE;MACrBE,cAAc,CAACF,iBAAiB,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjE;EACF,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,oBACEP,IAAA,CAACC,YAAY,CAACW,QAAQ;IACpBC,KAAK,EAAE;MACLL,WAAW;MACXC,cAAc;MACdE,MAAM;MACNG,MAAM,EAAEJ,WAAW,CAACI,MAAM;MAC1BC,UAAU,EAAEL,WAAW,CAACK,UAAU;MAClCC,aAAa,EAAEN,WAAW,CAACM,aAAa;MACxCC,QAAQ,EAAEP,WAAW,CAACO,QAAQ;MAC9BX;IACF,CAAE;IAAAF,QAAA,EAEDA;EAAQ,CACY,CAAC;AAE5B,CAAC;AAED,OAAO,MAAMc,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAG1B,UAAU,CAACQ,YAAY,CAAC;EACxC,IAAI,CAACkB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,OAAO,MAAME,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMF,OAAO,GAAG1B,UAAU,CAACQ,YAAY,CAAC;EACxC,IAAI,CAACkB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EACA,OAAOD,OAAO,CAACb,UAAU;AAC3B,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","useColorScheme","defaultThemeAssets","mergeThemeAssets","jsx","_jsx","ThemeContext","ThemeProvider","props","children","theme","components","colorScheme","setColorScheme","colorSchemeStorage","storage","themeAssets","colors","Provider","value","radius","fontFamily","letterSpacing","fontSize","useTheme","context","Error","useComponentsConfig"],"sourceRoot":"../../../src","sources":["themes/provider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAA0BC,UAAU,QAAQ,OAAO;AAEzE,SAASC,cAAc,QAAQ,8BAA2B;AAG1D,SAASC,kBAAkB,QAAQ,oBAAW;AAW9C,SAASC,gBAAgB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA+B3C,MAAMC,YAAY,gBAAGP,aAAa,CAAsB,IAAI,CAAC;AAO7D,OAAO,MAAMQ,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAC7C,MAAM;IAAEI,WAAW;IAAEC;EAAe,CAAC,GAAGZ,cAAc,CAAC;IACrDa,kBAAkB,EAAEH,UAAU,EAAEC,WAAW,EAAEG;EAC/C,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGN,KAAK,GACrBP,gBAAgB,CAACD,kBAAkB,EAAEQ,KAAK,CAAC,GAC3CR,kBAAkB;EAEtB,MAAMe,MAAM,GAAGD,WAAW,CAACC,MAAM,CAACL,WAAW,CAAC;EAE9C,oBACEP,IAAA,CAACC,YAAY,CAACY,QAAQ;IACpBC,KAAK,EAAE;MACLP,WAAW;MACXC,cAAc;MACdI,MAAM;MACNG,MAAM,EAAEJ,WAAW,CAACI,MAAM;MAC1BC,UAAU,EAAEL,WAAW,CAACK,UAAU;MAClCC,aAAa,EAAEN,WAAW,CAACM,aAAa;MACxCC,QAAQ,EAAEP,WAAW,CAACO,QAAQ;MAC9BZ;IACF,CAAE;IAAAF,QAAA,EAEDA;EAAQ,CACY,CAAC;AAE5B,CAAC;AAED,OAAO,MAAMe,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGzB,UAAU,CAACM,YAAY,CAAC;EACxC,IAAI,CAACmB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,OAAO,MAAME,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMF,OAAO,GAAGzB,UAAU,CAACM,YAAY,CAAC;EACxC,IAAI,CAACmB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EACA,OAAOD,OAAO,CAACd,UAAU;AAC3B,CAAC","ignoreList":[]}

package/dist/typescript/src/components/menu/index.d.ts

@@ -1,6 +1,5 @@
 import { MenuCheckboxItem } from "./components/menu-checkbox-item";
 import { MenuContent } from "./components/menu-content";
-import { MenuGroup } from "./components/menu-group";
 import { MenuItem } from "./components/menu-item";
 import { MenuLabel } from "./components/menu-label";
 import { MenuOverlay } from "./components/menu-overlay";
@@ -8,7 +7,6 @@ import { MenuPortal } from "./components/menu-portal";
 import { MenuRadioGroup } from "./components/menu-radio-group";
 import { MenuRadioItem } from "./components/menu-radio-item";
 import { MenuRoot } from "./components/menu-root";
-import { MenuSeparator } from "./components/menu-separator";
 import { MenuShortcut } from "./components/menu-shortcut";
 export declare const Menu: {
     Root: typeof MenuRoot;
@@ -17,9 +15,7 @@ export declare const Menu: {
     Overlay: typeof MenuOverlay;
     Content: typeof MenuContent;
     Item: typeof MenuItem;
-    Group: typeof MenuGroup;
     Label: typeof MenuLabel;
-    Separator: typeof MenuSeparator;
     CheckboxItem: typeof MenuCheckboxItem;
     RadioGroup: typeof MenuRadioGroup;
     RadioItem: typeof MenuRadioItem;
@@ -27,7 +23,6 @@ export declare const Menu: {
 };
 export type { MenuCheckboxItemProps } from "./components/menu-checkbox-item";
 export type { MenuContentProps } from "./components/menu-content";
-export type { MenuGroupProps } from "./components/menu-group";
 export type { MenuItemProps } from "./components/menu-item";
 export type { MenuLabelProps } from "./components/menu-label";
 export type { MenuOverlayProps } from "./components/menu-overlay";
@@ -35,7 +30,6 @@ export type { MenuPortalProps } from "./components/menu-portal";
 export type { MenuRadioGroupProps } from "./components/menu-radio-group";
 export type { MenuRadioItemProps } from "./components/menu-radio-item";
 export type { MenuRootProps } from "./components/menu-root";
-export type { MenuSeparatorProps } from "./components/menu-separator";
 export type { MenuShortcutProps } from "./components/menu-shortcut";
 export type { MenuTriggerProps } from "./components/menu-trigger";
 export type { MenuStyles } from "./types";

package/dist/typescript/src/components/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAchB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/typescript/src/components/menu/types.d.ts

@@ -14,7 +14,6 @@ export interface MenuStyles {
     overlay?: MenuOverlayProps["style"];
     group?: StyleProp<ViewStyle>;
     label?: StyleProp<TextStyle>;
-    separator?: StyleProp<ViewStyle>;
     checkboxItem?: Partial<Record<MenuCheckboxItemState, StyleProp<ViewStyle>>>;
     selectionIndicator?: TextStyle & SvgProps;
     radioGroup?: StyleProp<ViewStyle>;

package/dist/typescript/src/components/menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACvE,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAEpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5E,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACjC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACvE,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5E,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACjC"}

package/dist/typescript/src/components/menu/variants/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,qBAAqB,QAAO,UAmGxC,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,qBAAqB,QAAO,UA6FxC,CAAC"}

package/dist/typescript/src/hooks/use-color-scheme.d.ts

@@ -0,0 +1,10 @@
+import type { ColorScheme, StorageClient } from "../themes/types";
+interface UseColorSchemeProps {
+    colorSchemeStorage?: StorageClient<ColorScheme>;
+}
+export declare function useColorScheme({ colorSchemeStorage }: UseColorSchemeProps): {
+    colorScheme: ColorScheme;
+    setColorScheme: (scheme: ColorScheme) => void;
+};
+export {};
+//# sourceMappingURL=use-color-scheme.d.ts.map

package/dist/typescript/src/hooks/use-color-scheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-scheme.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-color-scheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAgBlE,UAAU,mBAAmB;IAC3B,kBAAkB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACjD;AAED,wBAAgB,cAAc,CAAC,EAAE,kBAAkB,EAAE,EAAE,mBAAmB;;6BAMxC,WAAW;EAe5C"}

package/dist/typescript/src/themes/provider.d.ts

@@ -2,7 +2,7 @@ import { type PropsWithChildren } from "react";
 import type { ToastVariants } from "../components/toast/variants";
 import type { SvgProps } from "../types/props.types";
 import type { DeepPartial } from "../types/util.types";
-import type { Colors, ColorScheme, FontFamily, FontSize, LetterSpacing, Radius, ThemeAssets } from "./types";
+import type { Colors, ColorScheme, FontFamily, FontSize, LetterSpacing, Radius, StorageClient, ThemeAssets } from "./types";
 interface ThemeContext {
     colors: Colors;
     radius: Radius;
@@ -14,6 +14,9 @@ interface ThemeContext {
     components?: ComponentsConfig;
 }
 export interface ComponentsConfig {
+    colorScheme?: {
+        storage?: StorageClient<ColorScheme>;
+    };
     toast?: {
         icons?: Partial<Record<keyof typeof ToastVariants, React.ComponentType<SvgProps>>>;
     };

package/dist/typescript/src/themes/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/themes/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,EACN,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,CACb,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAClE,CAAC;KACH,CAAC;IACF,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KAC/C,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KAC1C,CAAC;CACH;AAED,QAAA,MAAM,YAAY,8CAA2C,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAoCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAMpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,oCAM/B,CAAC"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/themes/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,EACN,aAAa,EACb,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;KACtC,CAAC;IACF,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,CACb,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAClE,CAAC;KACH,CAAC;IACF,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KAC/C,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;KAC1C,CAAC;CACH;AAED,QAAA,MAAM,YAAY,8CAA2C,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCA4BtD,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAMpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,oCAM/B,CAAC"}

package/dist/typescript/src/themes/types.d.ts

@@ -27,5 +27,9 @@ export interface ThemeAssets {
     letterSpacing: LetterSpacing;
     fontSize: FontSize;
 }
+export type StorageClient<T> = {
+    set: (value: T) => void;
+    get: () => T | null;
+};
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/themes/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,KAAK,KAAK,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI,CAAC;AAEtD,MAAM,WAAW,MAAM;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,KAAK,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC;IACjB,mBAAmB,EAAE,KAAK,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,EAAE,KAAK,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;CACb;AAED,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAC5B,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAChC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AACnC,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,KAAK,KAAK,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI,CAAC;AAEtD,MAAM,WAAW,MAAM;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,KAAK,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC;IACjB,mBAAmB,EAAE,KAAK,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,EAAE,KAAK,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;CACb;AAED,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAC5B,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAChC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AACnC,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.77",
+  "version": "0.0.80",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/components/menu/index.ts

@@ -1,6 +1,5 @@
 import { MenuCheckboxItem } from "./components/menu-checkbox-item";
 import { MenuContent } from "./components/menu-content";
-import { MenuGroup } from "./components/menu-group";
 import { MenuItem } from "./components/menu-item";
 import { MenuLabel } from "./components/menu-label";
 import { MenuOverlay } from "./components/menu-overlay";
@@ -8,7 +7,6 @@ import { MenuPortal } from "./components/menu-portal";
 import { MenuRadioGroup } from "./components/menu-radio-group";
 import { MenuRadioItem } from "./components/menu-radio-item";
 import { MenuRoot } from "./components/menu-root";
-import { MenuSeparator } from "./components/menu-separator";
 import { MenuShortcut } from "./components/menu-shortcut";
 import { MenuTrigger } from "./components/menu-trigger";
 
@@ -19,9 +17,7 @@ export const Menu = {
   Overlay: MenuOverlay,
   Content: MenuContent,
   Item: MenuItem,
-  Group: MenuGroup,
   Label: MenuLabel,
-  Separator: MenuSeparator,
   CheckboxItem: MenuCheckboxItem,
   RadioGroup: MenuRadioGroup,
   RadioItem: MenuRadioItem,
@@ -30,7 +26,6 @@ export const Menu = {
 
 export type { MenuCheckboxItemProps } from "./components/menu-checkbox-item";
 export type { MenuContentProps } from "./components/menu-content";
-export type { MenuGroupProps } from "./components/menu-group";
 export type { MenuItemProps } from "./components/menu-item";
 export type { MenuLabelProps } from "./components/menu-label";
 export type { MenuOverlayProps } from "./components/menu-overlay";
@@ -38,7 +33,6 @@ export type { MenuPortalProps } from "./components/menu-portal";
 export type { MenuRadioGroupProps } from "./components/menu-radio-group";
 export type { MenuRadioItemProps } from "./components/menu-radio-item";
 export type { MenuRootProps } from "./components/menu-root";
-export type { MenuSeparatorProps } from "./components/menu-separator";
 export type { MenuShortcutProps } from "./components/menu-shortcut";
 export type { MenuTriggerProps } from "./components/menu-trigger";
 export type { MenuStyles } from "./types";

package/src/components/menu/types.ts

@@ -18,10 +18,8 @@ export interface MenuStyles {
   itemText?: StyleProp<TextStyle>;
   itemIcon?: IconProps;
   overlay?: MenuOverlayProps["style"];
-
   group?: StyleProp<ViewStyle>;
   label?: StyleProp<TextStyle>;
-  separator?: StyleProp<ViewStyle>;
   checkboxItem?: Partial<Record<MenuCheckboxItemState, StyleProp<ViewStyle>>>;
   selectionIndicator?: TextStyle & SvgProps;
   radioGroup?: StyleProp<ViewStyle>;

package/src/components/menu/variants/default.tsx

@@ -46,12 +46,6 @@ export const useMenuVariantDefault = (): MenuStyles => {
         fontWeight: "600",
         color: colors.mutedForeground,
       },
-      separator: {
-        height: 1,
-        backgroundColor: colors.border,
-        marginVertical: 4,
-        marginHorizontal: 8,
-      },
       checkboxItem: {
         default: {
           flexDirection: "row",

package/src/hooks/use-color-scheme.ts

@@ -0,0 +1,44 @@
+import { useEffect, useState } from "react";
+import { useColorScheme as useSystemColorScheme } from "react-native";
+import type { ColorScheme, StorageClient } from "../themes/types";
+
+const getColorScheme = (
+  storageGetCallback?: () => ColorScheme | null,
+  systemColorScheme?: ReturnType<typeof useSystemColorScheme>,
+): ColorScheme => {
+  if (storageGetCallback) {
+    const storedScheme = storageGetCallback();
+    if (storedScheme) return storedScheme;
+  }
+  if (systemColorScheme) {
+    return systemColorScheme === "dark" ? "dark" : "light";
+  }
+  return "light";
+};
+
+interface UseColorSchemeProps {
+  colorSchemeStorage?: StorageClient<ColorScheme>;
+}
+
+export function useColorScheme({ colorSchemeStorage }: UseColorSchemeProps) {
+  const systemColorScheme = useSystemColorScheme();
+  const [_colorScheme, _setColorScheme] = useState<ColorScheme>(
+    getColorScheme(colorSchemeStorage?.get, systemColorScheme),
+  );
+
+  const setColorScheme = (scheme: ColorScheme) => {
+    _setColorScheme(scheme);
+    colorSchemeStorage?.set(scheme);
+  };
+
+  useEffect(() => {
+    const newScheme = getColorScheme(
+      colorSchemeStorage?.get,
+      systemColorScheme,
+    );
+    if (newScheme === _colorScheme) return;
+    setColorScheme(newScheme);
+  }, [systemColorScheme]);
+
+  return { colorScheme: _colorScheme, setColorScheme };
+}

package/src/themes/provider.tsx

@@ -1,12 +1,6 @@
-import {
-  createContext,
-  type PropsWithChildren,
-  useContext,
-  useEffect,
-  useState,
-} from "react";
-import { useColorScheme } from "react-native";
+import { createContext, type PropsWithChildren, useContext } from "react";
 import type { ToastVariants } from "../components/toast/variants";
+import { useColorScheme } from "../hooks/use-color-scheme";
 import type { SvgProps } from "../types/props.types";
 import type { DeepPartial } from "../types/util.types";
 import { defaultThemeAssets } from "./default";
@@ -17,6 +11,7 @@ import type {
   FontSize,
   LetterSpacing,
   Radius,
+  StorageClient,
   ThemeAssets,
 } from "./types";
 import { mergeThemeAssets } from "./utils";
@@ -33,6 +28,9 @@ interface ThemeContext {
 }
 
 export interface ComponentsConfig {
+  colorScheme?: {
+    storage?: StorageClient<ColorScheme>;
+  };
   toast?: {
     icons?: Partial<
       Record<keyof typeof ToastVariants, React.ComponentType<SvgProps>>
@@ -56,11 +54,9 @@ export interface ThemeProviderProps extends PropsWithChildren {
 
 export const ThemeProvider = (props: ThemeProviderProps) => {
   const { children, theme, components } = props;
-
-  const systemColorScheme = useColorScheme();
-  const [colorScheme, setColorScheme] = useState<ColorScheme>(
-    systemColorScheme === "dark" ? "dark" : "light",
-  );
+  const { colorScheme, setColorScheme } = useColorScheme({
+    colorSchemeStorage: components?.colorScheme?.storage,
+  });
 
   const themeAssets = theme
     ? mergeThemeAssets(defaultThemeAssets, theme)
@@ -68,12 +64,6 @@ export const ThemeProvider = (props: ThemeProviderProps) => {
 
   const colors = themeAssets.colors[colorScheme];
 
-  useEffect(() => {
-    if (systemColorScheme) {
-      setColorScheme(systemColorScheme === "dark" ? "dark" : "light");
-    }
-  }, [systemColorScheme]);
-
   return (
     <ThemeContext.Provider
       value={{

package/src/themes/types.ts

@@ -31,3 +31,8 @@ export interface ThemeAssets {
   letterSpacing: LetterSpacing;
   fontSize: FontSize;
 }
+
+export type StorageClient<T> = {
+  set: (value: T) => void;
+  get: () => T | null;
+};

package/dist/module/components/menu/components/menu-group.js

@@ -1,18 +0,0 @@
-"use strict";
-
-import React from "react";
-import { View } from "react-native";
-import { useMenu } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function MenuGroup(props) {
-  const menu = useMenu();
-  const composedStyle = [menu.styles?.group, props.style];
-  const Component = props.render ?? View;
-  return /*#__PURE__*/_jsx(Component, {
-    ...props,
-    role: "group",
-    style: composedStyle,
-    children: props.children
-  });
-}
-//# sourceMappingURL=menu-group.js.map

package/dist/module/components/menu/components/menu-group.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","useMenu","jsx","_jsx","MenuGroup","props","menu","composedStyle","styles","group","style","Component","render","role","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-group.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GACJN,KAAK;IACTQ,IAAI,EAAC,OAAO;IACZH,KAAK,EAAEH,aAAc;IAAAO,QAAA,EAEpBT,KAAK,CAACS;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/menu/components/menu-separator.js

@@ -1,17 +0,0 @@
-"use strict";
-
-import React from "react";
-import { View } from "react-native";
-import { useMenu } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function MenuSeparator(props) {
-  const menu = useMenu();
-  const composedStyle = [menu.styles?.separator, props.style];
-  const Component = props.render ?? View;
-  return /*#__PURE__*/_jsx(Component, {
-    ...props,
-    role: "separator",
-    style: composedStyle
-  });
-}
-//# sourceMappingURL=menu-separator.js.map

package/dist/module/components/menu/components/menu-separator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","useMenu","jsx","_jsx","MenuSeparator","props","menu","composedStyle","styles","separator","style","Component","render","role"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-separator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE3D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GACJN,KAAK;IACTQ,IAAI,EAAC,WAAW;IAChBH,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}

package/dist/typescript/src/components/menu/components/menu-group.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type StyleProp, type ViewStyle } from "react-native";
-export interface MenuGroupProps {
-    children?: React.ReactNode;
-    render?: (props: MenuGroupProps) => React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-export declare function MenuGroup(props: MenuGroupProps): React.JSX.Element;
-//# sourceMappingURL=menu-group.d.ts.map

package/dist/typescript/src/components/menu/components/menu-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAc9C"}

package/dist/typescript/src/components/menu/components/menu-separator.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { type StyleProp, type ViewStyle } from "react-native";
-export interface MenuSeparatorProps {
-    render?: (props: MenuSeparatorProps) => React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-export declare function MenuSeparator(props: MenuSeparatorProps): React.JSX.Element;
-//# sourceMappingURL=menu-separator.d.ts.map

package/dist/typescript/src/components/menu/components/menu-separator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-separator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAYtD"}

package/src/components/menu/components/menu-group.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import { View, type StyleProp, type ViewStyle } from "react-native";
-import { useMenu } from "../context";
-
-export interface MenuGroupProps {
-  children?: React.ReactNode;
-  render?: (props: MenuGroupProps) => React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}
-
-export function MenuGroup(props: MenuGroupProps) {
-  const menu = useMenu();
-  const composedStyle = [menu.styles?.group, props.style];
-
-  const Component = props.render ?? View;
-  return (
-    <Component
-      {...props}
-      role="group"
-      style={composedStyle}
-    >
-      {props.children}
-    </Component>
-  );
-}

package/src/components/menu/components/menu-separator.tsx

@@ -1,22 +0,0 @@
-import React from "react";
-import { View, type StyleProp, type ViewStyle } from "react-native";
-import { useMenu } from "../context";
-
-export interface MenuSeparatorProps {
-  render?: (props: MenuSeparatorProps) => React.ReactNode;
-  style?: StyleProp<ViewStyle>;
-}
-
-export function MenuSeparator(props: MenuSeparatorProps) {
-  const menu = useMenu();
-  const composedStyle = [menu.styles?.separator, props.style];
-
-  const Component = props.render ?? View;
-  return (
-    <Component
-      {...props}
-      role="separator"
-      style={composedStyle}
-    />
-  );
-}