@vlian/framework 1.2.1 → 1.2.18

package/dist/components/LocaleSwitch.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { CSSProperties, ReactNode } from 'react';
+import type { LangType } from '../library/locale/types';
+import { type PersistenceOptions } from './persistence';
+export interface LocaleSwitchRenderContext {
+    locale: LangType;
+    isChanging: boolean;
+    setLocale: (locale: LangType) => void;
+    locales: LangType[];
+    labels: Record<LangType, string>;
+}
+export interface LocaleSwitchProps {
+    locales?: LangType[];
+    labels?: Partial<Record<LangType, string>>;
+    persistence?: PersistenceOptions;
+    className?: string;
+    style?: CSSProperties;
+    onChange?: (locale: LangType) => void;
+    render?: (context: LocaleSwitchRenderContext) => ReactNode;
+}
+export declare const LocaleSwitch: React.FC<LocaleSwitchProps>;

package/dist/components/LocaleSwitch.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useLocale } from "../core";
+import { readPersistedValue, writePersistedValue } from "./persistence";
+const DEFAULT_LOCALE_STORAGE_KEY = 'vlian:locale';
+const DEFAULT_LOCALES = [
+    'zh-CN',
+    'en-US'
+];
+const DEFAULT_PERSISTENCE = {
+    enabled: true
+};
+const DEFAULT_LABELS = {
+    'zh-CN': '中文',
+    'en-US': 'English'
+};
+function isLocale(value) {
+    return value === 'zh-CN' || value === 'en-US';
+}
+export const LocaleSwitch = ({ locales = DEFAULT_LOCALES, labels = DEFAULT_LABELS, persistence, className, style, onChange, render })=>{
+    const { locale, setLocale, isChanging } = useLocale();
+    const persistenceOptions = persistence || DEFAULT_PERSISTENCE;
+    const hydratedRef = React.useRef(false);
+    const lastWrittenLocaleRef = React.useRef(undefined);
+    const mergedLabels = React.useMemo(()=>({
+            ...DEFAULT_LABELS,
+            ...labels
+        }), [
+        labels
+    ]);
+    React.useEffect(()=>{
+        if (hydratedRef.current) {
+            return;
+        }
+        hydratedRef.current = true;
+        const persistedLocale = readPersistedValue(persistenceOptions, DEFAULT_LOCALE_STORAGE_KEY);
+        if (!persistedLocale || !isLocale(persistedLocale) || !locales.includes(persistedLocale)) {
+            return;
+        }
+        if (persistedLocale !== locale) {
+            setLocale(persistedLocale);
+        }
+    }, [
+        locale,
+        locales,
+        persistenceOptions,
+        setLocale
+    ]);
+    React.useEffect(()=>{
+        if (lastWrittenLocaleRef.current === locale) {
+            return;
+        }
+        writePersistedValue(locale, persistenceOptions, DEFAULT_LOCALE_STORAGE_KEY);
+        lastWrittenLocaleRef.current = locale;
+    }, [
+        locale,
+        persistenceOptions
+    ]);
+    const handleSetLocale = React.useCallback((nextLocale)=>{
+        if (nextLocale === locale) {
+            return;
+        }
+        setLocale(nextLocale);
+        onChange?.(nextLocale);
+    }, [
+        locale,
+        onChange,
+        setLocale
+    ]);
+    if (render) {
+        return render({
+            locale,
+            isChanging: Boolean(isChanging),
+            setLocale: handleSetLocale,
+            locales,
+            labels: mergedLabels
+        });
+    }
+    return /*#__PURE__*/ _jsxs("label", {
+        className: className,
+        style: style,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                style: {
+                    display: 'none'
+                },
+                children: "Language Switch"
+            }),
+            /*#__PURE__*/ _jsx("select", {
+                "aria-label": "Language Switch",
+                value: locale,
+                onChange: (event)=>handleSetLocale(event.target.value),
+                disabled: Boolean(isChanging),
+                children: locales.map((item)=>/*#__PURE__*/ _jsx("option", {
+                        value: item,
+                        children: mergedLabels[item]
+                    }, item))
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=LocaleSwitch.js.map

package/dist/components/LocaleSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/LocaleSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { useLocale } from '../core';\nimport type { LangType } from '../library/locale/types';\nimport {\n  type PersistenceOptions,\n  readPersistedValue,\n  writePersistedValue,\n} from './persistence';\n\nconst DEFAULT_LOCALE_STORAGE_KEY = 'vlian:locale';\nconst DEFAULT_LOCALES: LangType[] = ['zh-CN', 'en-US'];\nconst DEFAULT_PERSISTENCE: PersistenceOptions = { enabled: true };\n\nconst DEFAULT_LABELS: Record<LangType, string> = {\n  'zh-CN': '中文',\n  'en-US': 'English',\n};\n\nexport interface LocaleSwitchRenderContext {\n  locale: LangType;\n  isChanging: boolean;\n  setLocale: (locale: LangType) => void;\n  locales: LangType[];\n  labels: Record<LangType, string>;\n}\n\nexport interface LocaleSwitchProps {\n  locales?: LangType[];\n  labels?: Partial<Record<LangType, string>>;\n  persistence?: PersistenceOptions;\n  className?: string;\n  style?: CSSProperties;\n  onChange?: (locale: LangType) => void;\n  render?: (context: LocaleSwitchRenderContext) => ReactNode;\n}\n\nfunction isLocale(value: string): value is LangType {\n  return value === 'zh-CN' || value === 'en-US';\n}\n\nexport const LocaleSwitch: React.FC<LocaleSwitchProps> = ({\n  locales = DEFAULT_LOCALES,\n  labels = DEFAULT_LABELS,\n  persistence,\n  className,\n  style,\n  onChange,\n  render,\n}) => {\n  const { locale, setLocale, isChanging } = useLocale();\n  const persistenceOptions = persistence || DEFAULT_PERSISTENCE;\n  const hydratedRef = React.useRef(false);\n  const lastWrittenLocaleRef = React.useRef<LangType | undefined>(undefined);\n\n  const mergedLabels = React.useMemo<Record<LangType, string>>(\n    () => ({\n      ...DEFAULT_LABELS,\n      ...labels,\n    }),\n    [labels]\n  );\n\n  React.useEffect(() => {\n    if (hydratedRef.current) {\n      return;\n    }\n    hydratedRef.current = true;\n\n    const persistedLocale = readPersistedValue(persistenceOptions, DEFAULT_LOCALE_STORAGE_KEY);\n    if (!persistedLocale || !isLocale(persistedLocale) || !locales.includes(persistedLocale)) {\n      return;\n    }\n\n    if (persistedLocale !== locale) {\n      setLocale(persistedLocale);\n    }\n  }, [locale, locales, persistenceOptions, setLocale]);\n\n  React.useEffect(() => {\n    if (lastWrittenLocaleRef.current === locale) {\n      return;\n    }\n\n    writePersistedValue(locale, persistenceOptions, DEFAULT_LOCALE_STORAGE_KEY);\n    lastWrittenLocaleRef.current = locale;\n  }, [locale, persistenceOptions]);\n\n  const handleSetLocale = React.useCallback(\n    (nextLocale: LangType) => {\n      if (nextLocale === locale) {\n        return;\n      }\n      setLocale(nextLocale);\n      onChange?.(nextLocale);\n    },\n    [locale, onChange, setLocale]\n  );\n\n  if (render) {\n    return render({\n      locale,\n      isChanging: Boolean(isChanging),\n      setLocale: handleSetLocale,\n      locales,\n      labels: mergedLabels,\n    });\n  }\n\n  return (\n    <label className={className} style={style}>\n      <span style={{ display: 'none' }}>Language Switch</span>\n      <select\n        aria-label=\"Language Switch\"\n        value={locale}\n        onChange={(event) => handleSetLocale(event.target.value as LangType)}\n        disabled={Boolean(isChanging)}\n      >\n        {locales.map((item) => (\n          <option key={item} value={item}>\n            {mergedLabels[item]}\n          </option>\n        ))}\n      </select>\n    </label>\n  );\n};\n"],"names":["React","useLocale","readPersistedValue","writePersistedValue","DEFAULT_LOCALE_STORAGE_KEY","DEFAULT_LOCALES","DEFAULT_PERSISTENCE","enabled","DEFAULT_LABELS","isLocale","value","LocaleSwitch","locales","labels","persistence","className","style","onChange","render","locale","setLocale","isChanging","persistenceOptions","hydratedRef","useRef","lastWrittenLocaleRef","undefined","mergedLabels","useMemo","useEffect","current","persistedLocale","includes","handleSetLocale","useCallback","nextLocale","Boolean","label","span","display","select","aria-label","event","target","disabled","map","item","option"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,SAAS,QAAQ,UAAU;AAEpC,SAEEC,kBAAkB,EAClBC,mBAAmB,QACd,gBAAgB;AAEvB,MAAMC,6BAA6B;AACnC,MAAMC,kBAA8B;IAAC;IAAS;CAAQ;AACtD,MAAMC,sBAA0C;IAAEC,SAAS;AAAK;AAEhE,MAAMC,iBAA2C;IAC/C,SAAS;IACT,SAAS;AACX;AAoBA,SAASC,SAASC,KAAa;IAC7B,OAAOA,UAAU,WAAWA,UAAU;AACxC;AAEA,OAAO,MAAMC,eAA4C,CAAC,EACxDC,UAAUP,eAAe,EACzBQ,SAASL,cAAc,EACvBM,WAAW,EACXC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACP;IACC,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGpB;IAC1C,MAAMqB,qBAAqBR,eAAeR;IAC1C,MAAMiB,cAAcvB,MAAMwB,MAAM,CAAC;IACjC,MAAMC,uBAAuBzB,MAAMwB,MAAM,CAAuBE;IAEhE,MAAMC,eAAe3B,MAAM4B,OAAO,CAChC,IAAO,CAAA;YACL,GAAGpB,cAAc;YACjB,GAAGK,MAAM;QACX,CAAA,GACA;QAACA;KAAO;IAGVb,MAAM6B,SAAS,CAAC;QACd,IAAIN,YAAYO,OAAO,EAAE;YACvB;QACF;QACAP,YAAYO,OAAO,GAAG;QAEtB,MAAMC,kBAAkB7B,mBAAmBoB,oBAAoBlB;QAC/D,IAAI,CAAC2B,mBAAmB,CAACtB,SAASsB,oBAAoB,CAACnB,QAAQoB,QAAQ,CAACD,kBAAkB;YACxF;QACF;QAEA,IAAIA,oBAAoBZ,QAAQ;YAC9BC,UAAUW;QACZ;IACF,GAAG;QAACZ;QAAQP;QAASU;QAAoBF;KAAU;IAEnDpB,MAAM6B,SAAS,CAAC;QACd,IAAIJ,qBAAqBK,OAAO,KAAKX,QAAQ;YAC3C;QACF;QAEAhB,oBAAoBgB,QAAQG,oBAAoBlB;QAChDqB,qBAAqBK,OAAO,GAAGX;IACjC,GAAG;QAACA;QAAQG;KAAmB;IAE/B,MAAMW,kBAAkBjC,MAAMkC,WAAW,CACvC,CAACC;QACC,IAAIA,eAAehB,QAAQ;YACzB;QACF;QACAC,UAAUe;QACVlB,WAAWkB;IACb,GACA;QAAChB;QAAQF;QAAUG;KAAU;IAG/B,IAAIF,QAAQ;QACV,OAAOA,OAAO;YACZC;YACAE,YAAYe,QAAQf;YACpBD,WAAWa;YACXrB;YACAC,QAAQc;QACV;IACF;IAEA,qBACE,MAACU;QAAMtB,WAAWA;QAAWC,OAAOA;;0BAClC,KAACsB;gBAAKtB,OAAO;oBAAEuB,SAAS;gBAAO;0BAAG;;0BAClC,KAACC;gBACCC,cAAW;gBACX/B,OAAOS;gBACPF,UAAU,CAACyB,QAAUT,gBAAgBS,MAAMC,MAAM,CAACjC,KAAK;gBACvDkC,UAAUR,QAAQf;0BAEjBT,QAAQiC,GAAG,CAAC,CAACC,qBACZ,KAACC;wBAAkBrC,OAAOoC;kCACvBnB,YAAY,CAACmB,KAAK;uBADRA;;;;AAOvB,EAAE"}

package/dist/components/ThemeSwitch.cjs

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ThemeSwitch", {
+    enumerable: true,
+    get: function() {
+        return ThemeSwitch;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _core = require("../core");
+const _persistence = require("./persistence");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const DEFAULT_THEME_STORAGE_KEY = 'vlian:theme-mode';
+const DEFAULT_MODES = [
+    'light',
+    'dark',
+    'system'
+];
+const DEFAULT_PERSISTENCE = {
+    enabled: true
+};
+const DEFAULT_LABELS = {
+    light: '浅色',
+    dark: '深色',
+    system: '跟随系统'
+};
+function isThemeMode(value) {
+    return value === 'light' || value === 'dark' || value === 'system';
+}
+const ThemeSwitch = ({ modes = DEFAULT_MODES, labels = DEFAULT_LABELS, persistence, className, style, onChange, render })=>{
+    const { theme, setTheme } = (0, _core.useTheme)();
+    const persistenceOptions = persistence || DEFAULT_PERSISTENCE;
+    const hydratedRef = _react.default.useRef(false);
+    const lastWrittenModeRef = _react.default.useRef(undefined);
+    const mergedLabels = _react.default.useMemo(()=>({
+            ...DEFAULT_LABELS,
+            ...labels
+        }), [
+        labels
+    ]);
+    _react.default.useEffect(()=>{
+        if (hydratedRef.current) {
+            return;
+        }
+        hydratedRef.current = true;
+        const persistedMode = (0, _persistence.readPersistedValue)(persistenceOptions, DEFAULT_THEME_STORAGE_KEY);
+        if (!persistedMode || !isThemeMode(persistedMode) || !modes.includes(persistedMode)) {
+            return;
+        }
+        if (persistedMode !== theme.mode) {
+            setTheme((prev)=>({
+                    ...prev,
+                    mode: persistedMode
+                }));
+        }
+    }, [
+        modes,
+        persistenceOptions,
+        setTheme,
+        theme.mode
+    ]);
+    _react.default.useEffect(()=>{
+        const mode = theme.mode;
+        if (!mode || lastWrittenModeRef.current === mode) {
+            return;
+        }
+        (0, _persistence.writePersistedValue)(mode, persistenceOptions, DEFAULT_THEME_STORAGE_KEY);
+        lastWrittenModeRef.current = mode;
+    }, [
+        persistenceOptions,
+        theme.mode
+    ]);
+    const currentMode = theme.mode || 'light';
+    const setMode = _react.default.useCallback((mode)=>{
+        if (mode === currentMode) {
+            return;
+        }
+        setTheme((prev)=>({
+                ...prev,
+                mode
+            }));
+        onChange?.(mode);
+    }, [
+        currentMode,
+        onChange,
+        setTheme
+    ]);
+    if (render) {
+        return render({
+            mode: currentMode,
+            setMode,
+            modes,
+            labels: mergedLabels
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: className,
+        style: style,
+        role: "group",
+        "aria-label": "Theme Switch",
+        children: modes.map((mode)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                type: "button",
+                onClick: ()=>setMode(mode),
+                "aria-pressed": currentMode === mode,
+                children: mergedLabels[mode]
+            }, mode))
+    });
+};
+
+//# sourceMappingURL=ThemeSwitch.js.map

package/dist/components/ThemeSwitch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ThemeSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { useTheme } from '../core';\nimport type { ThemeMode } from '../core/kernel';\nimport {\n  type PersistenceOptions,\n  readPersistedValue,\n  writePersistedValue,\n} from './persistence';\n\nconst DEFAULT_THEME_STORAGE_KEY = 'vlian:theme-mode';\nconst DEFAULT_MODES: ThemeMode[] = ['light', 'dark', 'system'];\nconst DEFAULT_PERSISTENCE: PersistenceOptions = { enabled: true };\n\nconst DEFAULT_LABELS: Record<ThemeMode, string> = {\n  light: '浅色',\n  dark: '深色',\n  system: '跟随系统',\n};\n\nexport interface ThemeSwitchRenderContext {\n  mode: ThemeMode;\n  setMode: (mode: ThemeMode) => void;\n  modes: ThemeMode[];\n  labels: Record<ThemeMode, string>;\n}\n\nexport interface ThemeSwitchProps {\n  modes?: ThemeMode[];\n  labels?: Partial<Record<ThemeMode, string>>;\n  persistence?: PersistenceOptions;\n  className?: string;\n  style?: CSSProperties;\n  onChange?: (mode: ThemeMode) => void;\n  render?: (context: ThemeSwitchRenderContext) => ReactNode;\n}\n\nfunction isThemeMode(value: string): value is ThemeMode {\n  return value === 'light' || value === 'dark' || value === 'system';\n}\n\nexport const ThemeSwitch: React.FC<ThemeSwitchProps> = ({\n  modes = DEFAULT_MODES,\n  labels = DEFAULT_LABELS,\n  persistence,\n  className,\n  style,\n  onChange,\n  render,\n}) => {\n  const { theme, setTheme } = useTheme();\n  const persistenceOptions = persistence || DEFAULT_PERSISTENCE;\n  const hydratedRef = React.useRef(false);\n  const lastWrittenModeRef = React.useRef<ThemeMode | undefined>(undefined);\n\n  const mergedLabels = React.useMemo<Record<ThemeMode, string>>(\n    () => ({\n      ...DEFAULT_LABELS,\n      ...labels,\n    }),\n    [labels]\n  );\n\n  React.useEffect(() => {\n    if (hydratedRef.current) {\n      return;\n    }\n    hydratedRef.current = true;\n\n    const persistedMode = readPersistedValue(persistenceOptions, DEFAULT_THEME_STORAGE_KEY);\n    if (!persistedMode || !isThemeMode(persistedMode) || !modes.includes(persistedMode)) {\n      return;\n    }\n\n    if (persistedMode !== theme.mode) {\n      setTheme((prev) => ({\n        ...prev,\n        mode: persistedMode,\n      }));\n    }\n  }, [modes, persistenceOptions, setTheme, theme.mode]);\n\n  React.useEffect(() => {\n    const mode = theme.mode;\n    if (!mode || lastWrittenModeRef.current === mode) {\n      return;\n    }\n\n    writePersistedValue(mode, persistenceOptions, DEFAULT_THEME_STORAGE_KEY);\n    lastWrittenModeRef.current = mode;\n  }, [persistenceOptions, theme.mode]);\n\n  const currentMode: ThemeMode = (theme.mode || 'light') as ThemeMode;\n\n  const setMode = React.useCallback(\n    (mode: ThemeMode) => {\n      if (mode === currentMode) {\n        return;\n      }\n      setTheme((prev) => ({\n        ...prev,\n        mode,\n      }));\n      onChange?.(mode);\n    },\n    [currentMode, onChange, setTheme]\n  );\n\n  if (render) {\n    return render({\n      mode: currentMode,\n      setMode,\n      modes,\n      labels: mergedLabels,\n    });\n  }\n\n  return (\n    <div className={className} style={style} role=\"group\" aria-label=\"Theme Switch\">\n      {modes.map((mode) => (\n        <button\n          key={mode}\n          type=\"button\"\n          onClick={() => setMode(mode)}\n          aria-pressed={currentMode === mode}\n        >\n          {mergedLabels[mode]}\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["ThemeSwitch","DEFAULT_THEME_STORAGE_KEY","DEFAULT_MODES","DEFAULT_PERSISTENCE","enabled","DEFAULT_LABELS","light","dark","system","isThemeMode","value","modes","labels","persistence","className","style","onChange","render","theme","setTheme","useTheme","persistenceOptions","hydratedRef","React","useRef","lastWrittenModeRef","undefined","mergedLabels","useMemo","useEffect","current","persistedMode","readPersistedValue","includes","mode","prev","writePersistedValue","currentMode","setMode","useCallback","div","role","aria-label","map","button","type","onClick","aria-pressed"],"mappings":";;;;+BAyCaA;;;eAAAA;;;;8DAzCK;sBAEO;6BAMlB;;;;;;AAEP,MAAMC,4BAA4B;AAClC,MAAMC,gBAA6B;IAAC;IAAS;IAAQ;CAAS;AAC9D,MAAMC,sBAA0C;IAAEC,SAAS;AAAK;AAEhE,MAAMC,iBAA4C;IAChDC,OAAO;IACPC,MAAM;IACNC,QAAQ;AACV;AAmBA,SAASC,YAAYC,KAAa;IAChC,OAAOA,UAAU,WAAWA,UAAU,UAAUA,UAAU;AAC5D;AAEO,MAAMV,cAA0C,CAAC,EACtDW,QAAQT,aAAa,EACrBU,SAASP,cAAc,EACvBQ,WAAW,EACXC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACP;IACC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,cAAQ;IACpC,MAAMC,qBAAqBR,eAAeV;IAC1C,MAAMmB,cAAcC,cAAK,CAACC,MAAM,CAAC;IACjC,MAAMC,qBAAqBF,cAAK,CAACC,MAAM,CAAwBE;IAE/D,MAAMC,eAAeJ,cAAK,CAACK,OAAO,CAChC,IAAO,CAAA;YACL,GAAGvB,cAAc;YACjB,GAAGO,MAAM;QACX,CAAA,GACA;QAACA;KAAO;IAGVW,cAAK,CAACM,SAAS,CAAC;QACd,IAAIP,YAAYQ,OAAO,EAAE;YACvB;QACF;QACAR,YAAYQ,OAAO,GAAG;QAEtB,MAAMC,gBAAgBC,IAAAA,+BAAkB,EAACX,oBAAoBpB;QAC7D,IAAI,CAAC8B,iBAAiB,CAACtB,YAAYsB,kBAAkB,CAACpB,MAAMsB,QAAQ,CAACF,gBAAgB;YACnF;QACF;QAEA,IAAIA,kBAAkBb,MAAMgB,IAAI,EAAE;YAChCf,SAAS,CAACgB,OAAU,CAAA;oBAClB,GAAGA,IAAI;oBACPD,MAAMH;gBACR,CAAA;QACF;IACF,GAAG;QAACpB;QAAOU;QAAoBF;QAAUD,MAAMgB,IAAI;KAAC;IAEpDX,cAAK,CAACM,SAAS,CAAC;QACd,MAAMK,OAAOhB,MAAMgB,IAAI;QACvB,IAAI,CAACA,QAAQT,mBAAmBK,OAAO,KAAKI,MAAM;YAChD;QACF;QAEAE,IAAAA,gCAAmB,EAACF,MAAMb,oBAAoBpB;QAC9CwB,mBAAmBK,OAAO,GAAGI;IAC/B,GAAG;QAACb;QAAoBH,MAAMgB,IAAI;KAAC;IAEnC,MAAMG,cAA0BnB,MAAMgB,IAAI,IAAI;IAE9C,MAAMI,UAAUf,cAAK,CAACgB,WAAW,CAC/B,CAACL;QACC,IAAIA,SAASG,aAAa;YACxB;QACF;QACAlB,SAAS,CAACgB,OAAU,CAAA;gBAClB,GAAGA,IAAI;gBACPD;YACF,CAAA;QACAlB,WAAWkB;IACb,GACA;QAACG;QAAarB;QAAUG;KAAS;IAGnC,IAAIF,QAAQ;QACV,OAAOA,OAAO;YACZiB,MAAMG;YACNC;YACA3B;YACAC,QAAQe;QACV;IACF;IAEA,qBACE,qBAACa;QAAI1B,WAAWA;QAAWC,OAAOA;QAAO0B,MAAK;QAAQC,cAAW;kBAC9D/B,MAAMgC,GAAG,CAAC,CAACT,qBACV,qBAACU;gBAECC,MAAK;gBACLC,SAAS,IAAMR,QAAQJ;gBACvBa,gBAAcV,gBAAgBH;0BAE7BP,YAAY,CAACO,KAAK;eALdA;;AAUf"}

package/dist/components/ThemeSwitch.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { CSSProperties, ReactNode } from 'react';
+import type { ThemeMode } from '../core/kernel';
+import { type PersistenceOptions } from './persistence';
+export interface ThemeSwitchRenderContext {
+    mode: ThemeMode;
+    setMode: (mode: ThemeMode) => void;
+    modes: ThemeMode[];
+    labels: Record<ThemeMode, string>;
+}
+export interface ThemeSwitchProps {
+    modes?: ThemeMode[];
+    labels?: Partial<Record<ThemeMode, string>>;
+    persistence?: PersistenceOptions;
+    className?: string;
+    style?: CSSProperties;
+    onChange?: (mode: ThemeMode) => void;
+    render?: (context: ThemeSwitchRenderContext) => ReactNode;
+}
+export declare const ThemeSwitch: React.FC<ThemeSwitchProps>;

package/dist/components/ThemeSwitch.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { useTheme } from "../core";
+import { readPersistedValue, writePersistedValue } from "./persistence";
+const DEFAULT_THEME_STORAGE_KEY = 'vlian:theme-mode';
+const DEFAULT_MODES = [
+    'light',
+    'dark',
+    'system'
+];
+const DEFAULT_PERSISTENCE = {
+    enabled: true
+};
+const DEFAULT_LABELS = {
+    light: '浅色',
+    dark: '深色',
+    system: '跟随系统'
+};
+function isThemeMode(value) {
+    return value === 'light' || value === 'dark' || value === 'system';
+}
+export const ThemeSwitch = ({ modes = DEFAULT_MODES, labels = DEFAULT_LABELS, persistence, className, style, onChange, render })=>{
+    const { theme, setTheme } = useTheme();
+    const persistenceOptions = persistence || DEFAULT_PERSISTENCE;
+    const hydratedRef = React.useRef(false);
+    const lastWrittenModeRef = React.useRef(undefined);
+    const mergedLabels = React.useMemo(()=>({
+            ...DEFAULT_LABELS,
+            ...labels
+        }), [
+        labels
+    ]);
+    React.useEffect(()=>{
+        if (hydratedRef.current) {
+            return;
+        }
+        hydratedRef.current = true;
+        const persistedMode = readPersistedValue(persistenceOptions, DEFAULT_THEME_STORAGE_KEY);
+        if (!persistedMode || !isThemeMode(persistedMode) || !modes.includes(persistedMode)) {
+            return;
+        }
+        if (persistedMode !== theme.mode) {
+            setTheme((prev)=>({
+                    ...prev,
+                    mode: persistedMode
+                }));
+        }
+    }, [
+        modes,
+        persistenceOptions,
+        setTheme,
+        theme.mode
+    ]);
+    React.useEffect(()=>{
+        const mode = theme.mode;
+        if (!mode || lastWrittenModeRef.current === mode) {
+            return;
+        }
+        writePersistedValue(mode, persistenceOptions, DEFAULT_THEME_STORAGE_KEY);
+        lastWrittenModeRef.current = mode;
+    }, [
+        persistenceOptions,
+        theme.mode
+    ]);
+    const currentMode = theme.mode || 'light';
+    const setMode = React.useCallback((mode)=>{
+        if (mode === currentMode) {
+            return;
+        }
+        setTheme((prev)=>({
+                ...prev,
+                mode
+            }));
+        onChange?.(mode);
+    }, [
+        currentMode,
+        onChange,
+        setTheme
+    ]);
+    if (render) {
+        return render({
+            mode: currentMode,
+            setMode,
+            modes,
+            labels: mergedLabels
+        });
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        className: className,
+        style: style,
+        role: "group",
+        "aria-label": "Theme Switch",
+        children: modes.map((mode)=>/*#__PURE__*/ _jsx("button", {
+                type: "button",
+                onClick: ()=>setMode(mode),
+                "aria-pressed": currentMode === mode,
+                children: mergedLabels[mode]
+            }, mode))
+    });
+};
+
+//# sourceMappingURL=ThemeSwitch.js.map

package/dist/components/ThemeSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ThemeSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { useTheme } from '../core';\nimport type { ThemeMode } from '../core/kernel';\nimport {\n  type PersistenceOptions,\n  readPersistedValue,\n  writePersistedValue,\n} from './persistence';\n\nconst DEFAULT_THEME_STORAGE_KEY = 'vlian:theme-mode';\nconst DEFAULT_MODES: ThemeMode[] = ['light', 'dark', 'system'];\nconst DEFAULT_PERSISTENCE: PersistenceOptions = { enabled: true };\n\nconst DEFAULT_LABELS: Record<ThemeMode, string> = {\n  light: '浅色',\n  dark: '深色',\n  system: '跟随系统',\n};\n\nexport interface ThemeSwitchRenderContext {\n  mode: ThemeMode;\n  setMode: (mode: ThemeMode) => void;\n  modes: ThemeMode[];\n  labels: Record<ThemeMode, string>;\n}\n\nexport interface ThemeSwitchProps {\n  modes?: ThemeMode[];\n  labels?: Partial<Record<ThemeMode, string>>;\n  persistence?: PersistenceOptions;\n  className?: string;\n  style?: CSSProperties;\n  onChange?: (mode: ThemeMode) => void;\n  render?: (context: ThemeSwitchRenderContext) => ReactNode;\n}\n\nfunction isThemeMode(value: string): value is ThemeMode {\n  return value === 'light' || value === 'dark' || value === 'system';\n}\n\nexport const ThemeSwitch: React.FC<ThemeSwitchProps> = ({\n  modes = DEFAULT_MODES,\n  labels = DEFAULT_LABELS,\n  persistence,\n  className,\n  style,\n  onChange,\n  render,\n}) => {\n  const { theme, setTheme } = useTheme();\n  const persistenceOptions = persistence || DEFAULT_PERSISTENCE;\n  const hydratedRef = React.useRef(false);\n  const lastWrittenModeRef = React.useRef<ThemeMode | undefined>(undefined);\n\n  const mergedLabels = React.useMemo<Record<ThemeMode, string>>(\n    () => ({\n      ...DEFAULT_LABELS,\n      ...labels,\n    }),\n    [labels]\n  );\n\n  React.useEffect(() => {\n    if (hydratedRef.current) {\n      return;\n    }\n    hydratedRef.current = true;\n\n    const persistedMode = readPersistedValue(persistenceOptions, DEFAULT_THEME_STORAGE_KEY);\n    if (!persistedMode || !isThemeMode(persistedMode) || !modes.includes(persistedMode)) {\n      return;\n    }\n\n    if (persistedMode !== theme.mode) {\n      setTheme((prev) => ({\n        ...prev,\n        mode: persistedMode,\n      }));\n    }\n  }, [modes, persistenceOptions, setTheme, theme.mode]);\n\n  React.useEffect(() => {\n    const mode = theme.mode;\n    if (!mode || lastWrittenModeRef.current === mode) {\n      return;\n    }\n\n    writePersistedValue(mode, persistenceOptions, DEFAULT_THEME_STORAGE_KEY);\n    lastWrittenModeRef.current = mode;\n  }, [persistenceOptions, theme.mode]);\n\n  const currentMode: ThemeMode = (theme.mode || 'light') as ThemeMode;\n\n  const setMode = React.useCallback(\n    (mode: ThemeMode) => {\n      if (mode === currentMode) {\n        return;\n      }\n      setTheme((prev) => ({\n        ...prev,\n        mode,\n      }));\n      onChange?.(mode);\n    },\n    [currentMode, onChange, setTheme]\n  );\n\n  if (render) {\n    return render({\n      mode: currentMode,\n      setMode,\n      modes,\n      labels: mergedLabels,\n    });\n  }\n\n  return (\n    <div className={className} style={style} role=\"group\" aria-label=\"Theme Switch\">\n      {modes.map((mode) => (\n        <button\n          key={mode}\n          type=\"button\"\n          onClick={() => setMode(mode)}\n          aria-pressed={currentMode === mode}\n        >\n          {mergedLabels[mode]}\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["React","useTheme","readPersistedValue","writePersistedValue","DEFAULT_THEME_STORAGE_KEY","DEFAULT_MODES","DEFAULT_PERSISTENCE","enabled","DEFAULT_LABELS","light","dark","system","isThemeMode","value","ThemeSwitch","modes","labels","persistence","className","style","onChange","render","theme","setTheme","persistenceOptions","hydratedRef","useRef","lastWrittenModeRef","undefined","mergedLabels","useMemo","useEffect","current","persistedMode","includes","mode","prev","currentMode","setMode","useCallback","div","role","aria-label","map","button","type","onClick","aria-pressed"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,QAAQ,QAAQ,UAAU;AAEnC,SAEEC,kBAAkB,EAClBC,mBAAmB,QACd,gBAAgB;AAEvB,MAAMC,4BAA4B;AAClC,MAAMC,gBAA6B;IAAC;IAAS;IAAQ;CAAS;AAC9D,MAAMC,sBAA0C;IAAEC,SAAS;AAAK;AAEhE,MAAMC,iBAA4C;IAChDC,OAAO;IACPC,MAAM;IACNC,QAAQ;AACV;AAmBA,SAASC,YAAYC,KAAa;IAChC,OAAOA,UAAU,WAAWA,UAAU,UAAUA,UAAU;AAC5D;AAEA,OAAO,MAAMC,cAA0C,CAAC,EACtDC,QAAQV,aAAa,EACrBW,SAASR,cAAc,EACvBS,WAAW,EACXC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACP;IACC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGtB;IAC5B,MAAMuB,qBAAqBP,eAAeX;IAC1C,MAAMmB,cAAczB,MAAM0B,MAAM,CAAC;IACjC,MAAMC,qBAAqB3B,MAAM0B,MAAM,CAAwBE;IAE/D,MAAMC,eAAe7B,MAAM8B,OAAO,CAChC,IAAO,CAAA;YACL,GAAGtB,cAAc;YACjB,GAAGQ,MAAM;QACX,CAAA,GACA;QAACA;KAAO;IAGVhB,MAAM+B,SAAS,CAAC;QACd,IAAIN,YAAYO,OAAO,EAAE;YACvB;QACF;QACAP,YAAYO,OAAO,GAAG;QAEtB,MAAMC,gBAAgB/B,mBAAmBsB,oBAAoBpB;QAC7D,IAAI,CAAC6B,iBAAiB,CAACrB,YAAYqB,kBAAkB,CAAClB,MAAMmB,QAAQ,CAACD,gBAAgB;YACnF;QACF;QAEA,IAAIA,kBAAkBX,MAAMa,IAAI,EAAE;YAChCZ,SAAS,CAACa,OAAU,CAAA;oBAClB,GAAGA,IAAI;oBACPD,MAAMF;gBACR,CAAA;QACF;IACF,GAAG;QAAClB;QAAOS;QAAoBD;QAAUD,MAAMa,IAAI;KAAC;IAEpDnC,MAAM+B,SAAS,CAAC;QACd,MAAMI,OAAOb,MAAMa,IAAI;QACvB,IAAI,CAACA,QAAQR,mBAAmBK,OAAO,KAAKG,MAAM;YAChD;QACF;QAEAhC,oBAAoBgC,MAAMX,oBAAoBpB;QAC9CuB,mBAAmBK,OAAO,GAAGG;IAC/B,GAAG;QAACX;QAAoBF,MAAMa,IAAI;KAAC;IAEnC,MAAME,cAA0Bf,MAAMa,IAAI,IAAI;IAE9C,MAAMG,UAAUtC,MAAMuC,WAAW,CAC/B,CAACJ;QACC,IAAIA,SAASE,aAAa;YACxB;QACF;QACAd,SAAS,CAACa,OAAU,CAAA;gBAClB,GAAGA,IAAI;gBACPD;YACF,CAAA;QACAf,WAAWe;IACb,GACA;QAACE;QAAajB;QAAUG;KAAS;IAGnC,IAAIF,QAAQ;QACV,OAAOA,OAAO;YACZc,MAAME;YACNC;YACAvB;YACAC,QAAQa;QACV;IACF;IAEA,qBACE,KAACW;QAAItB,WAAWA;QAAWC,OAAOA;QAAOsB,MAAK;QAAQC,cAAW;kBAC9D3B,MAAM4B,GAAG,CAAC,CAACR,qBACV,KAACS;gBAECC,MAAK;gBACLC,SAAS,IAAMR,QAAQH;gBACvBY,gBAAcV,gBAAgBF;0BAE7BN,YAAY,CAACM,KAAK;eALdA;;AAUf,EAAE"}

package/dist/components/index.cjs

@@ -2,5 +2,21 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get LocaleSwitch () {
+        return _LocaleSwitch.LocaleSwitch;
+    },
+    get ThemeSwitch () {
+        return _ThemeSwitch.ThemeSwitch;
+    }
+});
+const _ThemeSwitch = require("./ThemeSwitch");
+const _LocaleSwitch = require("./LocaleSwitch");
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export { ThemeSwitch } from './ThemeSwitch';\nexport type { ThemeSwitchProps, ThemeSwitchRenderContext } from './ThemeSwitch';\n\nexport { LocaleSwitch } from './LocaleSwitch';\nexport type { LocaleSwitchProps, LocaleSwitchRenderContext } from './LocaleSwitch';\n\nexport type { PersistenceOptions, StorageLike } from './persistence';\n"],"names":["LocaleSwitch","ThemeSwitch"],"mappings":";;;;;;;;;;;QAGSA;eAAAA,0BAAY;;QAHZC;eAAAA,wBAAW;;;6BAAQ;8BAGC"}

package/dist/components/index.d.ts

@@ -1,2 +1,5 @@
-export {};
-//# sourceMappingURL=index.d.ts.map
+export { ThemeSwitch } from './ThemeSwitch';
+export type { ThemeSwitchProps, ThemeSwitchRenderContext } from './ThemeSwitch';
+export { LocaleSwitch } from './LocaleSwitch';
+export type { LocaleSwitchProps, LocaleSwitchRenderContext } from './LocaleSwitch';
+export type { PersistenceOptions, StorageLike } from './persistence';

package/dist/components/index.js

@@ -1,3 +1,4 @@
-export { };
+export { ThemeSwitch } from "./ThemeSwitch";
+export { LocaleSwitch } from "./LocaleSwitch";
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export {};"],"names":[],"mappings":"AAAA,WAAU"}
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export { ThemeSwitch } from './ThemeSwitch';\nexport type { ThemeSwitchProps, ThemeSwitchRenderContext } from './ThemeSwitch';\n\nexport { LocaleSwitch } from './LocaleSwitch';\nexport type { LocaleSwitchProps, LocaleSwitchRenderContext } from './LocaleSwitch';\n\nexport type { PersistenceOptions, StorageLike } from './persistence';\n"],"names":["ThemeSwitch","LocaleSwitch"],"mappings":"AAAA,SAASA,WAAW,QAAQ,gBAAgB;AAG5C,SAASC,YAAY,QAAQ,iBAAiB"}

package/dist/components/persistence.cjs

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get readPersistedValue () {
+        return readPersistedValue;
+    },
+    get resolveStorage () {
+        return resolveStorage;
+    },
+    get writePersistedValue () {
+        return writePersistedValue;
+    }
+});
+function resolveStorage(storage) {
+    if (storage) {
+        return storage;
+    }
+    if (typeof window === 'undefined' || !window.localStorage) {
+        return null;
+    }
+    return window.localStorage;
+}
+function readPersistedValue(options, defaultKey) {
+    if (options.enabled === false) {
+        return null;
+    }
+    const targetStorage = resolveStorage(options.storage);
+    if (!targetStorage) {
+        return null;
+    }
+    try {
+        return targetStorage.getItem(options.key || defaultKey);
+    } catch  {
+        return null;
+    }
+}
+function writePersistedValue(value, options, defaultKey) {
+    if (options.enabled === false || !value) {
+        return;
+    }
+    const targetStorage = resolveStorage(options.storage);
+    if (!targetStorage) {
+        return;
+    }
+    try {
+        targetStorage.setItem(options.key || defaultKey, value);
+    } catch  {
+    // Ignore storage write failures (private mode / quota / disabled storage).
+    }
+}
+
+//# sourceMappingURL=persistence.js.map

package/dist/components/persistence.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/persistence.ts"],"sourcesContent":["export interface StorageLike {\n  getItem(key: string): string | null;\n  setItem(key: string, value: string): void;\n}\n\nexport interface PersistenceOptions {\n  enabled?: boolean;\n  key?: string;\n  storage?: StorageLike;\n}\n\nexport function resolveStorage(storage?: StorageLike): StorageLike | null {\n  if (storage) {\n    return storage;\n  }\n\n  if (typeof window === 'undefined' || !window.localStorage) {\n    return null;\n  }\n\n  return window.localStorage;\n}\n\nexport function readPersistedValue(\n  options: PersistenceOptions,\n  defaultKey: string\n): string | null {\n  if (options.enabled === false) {\n    return null;\n  }\n\n  const targetStorage = resolveStorage(options.storage);\n  if (!targetStorage) {\n    return null;\n  }\n\n  try {\n    return targetStorage.getItem(options.key || defaultKey);\n  } catch {\n    return null;\n  }\n}\n\nexport function writePersistedValue(\n  value: string | undefined,\n  options: PersistenceOptions,\n  defaultKey: string\n): void {\n  if (options.enabled === false || !value) {\n    return;\n  }\n\n  const targetStorage = resolveStorage(options.storage);\n  if (!targetStorage) {\n    return;\n  }\n\n  try {\n    targetStorage.setItem(options.key || defaultKey, value);\n  } catch {\n    // Ignore storage write failures (private mode / quota / disabled storage).\n  }\n}\n"],"names":["readPersistedValue","resolveStorage","writePersistedValue","storage","window","localStorage","options","defaultKey","enabled","targetStorage","getItem","key","value","setItem"],"mappings":";;;;;;;;;;;QAuBgBA;eAAAA;;QAZAC;eAAAA;;QAgCAC;eAAAA;;;AAhCT,SAASD,eAAeE,OAAqB;IAClD,IAAIA,SAAS;QACX,OAAOA;IACT;IAEA,IAAI,OAAOC,WAAW,eAAe,CAACA,OAAOC,YAAY,EAAE;QACzD,OAAO;IACT;IAEA,OAAOD,OAAOC,YAAY;AAC5B;AAEO,SAASL,mBACdM,OAA2B,EAC3BC,UAAkB;IAElB,IAAID,QAAQE,OAAO,KAAK,OAAO;QAC7B,OAAO;IACT;IAEA,MAAMC,gBAAgBR,eAAeK,QAAQH,OAAO;IACpD,IAAI,CAACM,eAAe;QAClB,OAAO;IACT;IAEA,IAAI;QACF,OAAOA,cAAcC,OAAO,CAACJ,QAAQK,GAAG,IAAIJ;IAC9C,EAAE,OAAM;QACN,OAAO;IACT;AACF;AAEO,SAASL,oBACdU,KAAyB,EACzBN,OAA2B,EAC3BC,UAAkB;IAElB,IAAID,QAAQE,OAAO,KAAK,SAAS,CAACI,OAAO;QACvC;IACF;IAEA,MAAMH,gBAAgBR,eAAeK,QAAQH,OAAO;IACpD,IAAI,CAACM,eAAe;QAClB;IACF;IAEA,IAAI;QACFA,cAAcI,OAAO,CAACP,QAAQK,GAAG,IAAIJ,YAAYK;IACnD,EAAE,OAAM;IACN,2EAA2E;IAC7E;AACF"}

package/dist/components/persistence.d.ts

@@ -0,0 +1,12 @@
+export interface StorageLike {
+    getItem(key: string): string | null;
+    setItem(key: string, value: string): void;
+}
+export interface PersistenceOptions {
+    enabled?: boolean;
+    key?: string;
+    storage?: StorageLike;
+}
+export declare function resolveStorage(storage?: StorageLike): StorageLike | null;
+export declare function readPersistedValue(options: PersistenceOptions, defaultKey: string): string | null;
+export declare function writePersistedValue(value: string | undefined, options: PersistenceOptions, defaultKey: string): void;

package/dist/components/persistence.js

@@ -0,0 +1,39 @@
+export function resolveStorage(storage) {
+    if (storage) {
+        return storage;
+    }
+    if (typeof window === 'undefined' || !window.localStorage) {
+        return null;
+    }
+    return window.localStorage;
+}
+export function readPersistedValue(options, defaultKey) {
+    if (options.enabled === false) {
+        return null;
+    }
+    const targetStorage = resolveStorage(options.storage);
+    if (!targetStorage) {
+        return null;
+    }
+    try {
+        return targetStorage.getItem(options.key || defaultKey);
+    } catch  {
+        return null;
+    }
+}
+export function writePersistedValue(value, options, defaultKey) {
+    if (options.enabled === false || !value) {
+        return;
+    }
+    const targetStorage = resolveStorage(options.storage);
+    if (!targetStorage) {
+        return;
+    }
+    try {
+        targetStorage.setItem(options.key || defaultKey, value);
+    } catch  {
+    // Ignore storage write failures (private mode / quota / disabled storage).
+    }
+}
+
+//# sourceMappingURL=persistence.js.map

package/dist/components/persistence.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/persistence.ts"],"sourcesContent":["export interface StorageLike {\n  getItem(key: string): string | null;\n  setItem(key: string, value: string): void;\n}\n\nexport interface PersistenceOptions {\n  enabled?: boolean;\n  key?: string;\n  storage?: StorageLike;\n}\n\nexport function resolveStorage(storage?: StorageLike): StorageLike | null {\n  if (storage) {\n    return storage;\n  }\n\n  if (typeof window === 'undefined' || !window.localStorage) {\n    return null;\n  }\n\n  return window.localStorage;\n}\n\nexport function readPersistedValue(\n  options: PersistenceOptions,\n  defaultKey: string\n): string | null {\n  if (options.enabled === false) {\n    return null;\n  }\n\n  const targetStorage = resolveStorage(options.storage);\n  if (!targetStorage) {\n    return null;\n  }\n\n  try {\n    return targetStorage.getItem(options.key || defaultKey);\n  } catch {\n    return null;\n  }\n}\n\nexport function writePersistedValue(\n  value: string | undefined,\n  options: PersistenceOptions,\n  defaultKey: string\n): void {\n  if (options.enabled === false || !value) {\n    return;\n  }\n\n  const targetStorage = resolveStorage(options.storage);\n  if (!targetStorage) {\n    return;\n  }\n\n  try {\n    targetStorage.setItem(options.key || defaultKey, value);\n  } catch {\n    // Ignore storage write failures (private mode / quota / disabled storage).\n  }\n}\n"],"names":["resolveStorage","storage","window","localStorage","readPersistedValue","options","defaultKey","enabled","targetStorage","getItem","key","writePersistedValue","value","setItem"],"mappings":"AAWA,OAAO,SAASA,eAAeC,OAAqB;IAClD,IAAIA,SAAS;QACX,OAAOA;IACT;IAEA,IAAI,OAAOC,WAAW,eAAe,CAACA,OAAOC,YAAY,EAAE;QACzD,OAAO;IACT;IAEA,OAAOD,OAAOC,YAAY;AAC5B;AAEA,OAAO,SAASC,mBACdC,OAA2B,EAC3BC,UAAkB;IAElB,IAAID,QAAQE,OAAO,KAAK,OAAO;QAC7B,OAAO;IACT;IAEA,MAAMC,gBAAgBR,eAAeK,QAAQJ,OAAO;IACpD,IAAI,CAACO,eAAe;QAClB,OAAO;IACT;IAEA,IAAI;QACF,OAAOA,cAAcC,OAAO,CAACJ,QAAQK,GAAG,IAAIJ;IAC9C,EAAE,OAAM;QACN,OAAO;IACT;AACF;AAEA,OAAO,SAASK,oBACdC,KAAyB,EACzBP,OAA2B,EAC3BC,UAAkB;IAElB,IAAID,QAAQE,OAAO,KAAK,SAAS,CAACK,OAAO;QACvC;IACF;IAEA,MAAMJ,gBAAgBR,eAAeK,QAAQJ,OAAO;IACpD,IAAI,CAACO,eAAe;QAClB;IACF;IAEA,IAAI;QACFA,cAAcK,OAAO,CAACR,QAAQK,GAAG,IAAIJ,YAAYM;IACnD,EAAE,OAAM;IACN,2EAA2E;IAC7E;AACF"}

package/dist/core/Test.d.ts

@@ -3,4 +3,3 @@ declare const App: React.FC<{
     onComplete: () => void;
 }>;
 export default App;
-//# sourceMappingURL=Test.d.ts.map