@simplysm/solid 13.0.29 → 13.0.31

package/dist/hooks/usePwaUpdate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePwaUpdate.d.ts","sourceRoot":"","sources":["../../src/hooks/usePwaUpdate.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAuDnC"}

package/dist/hooks/{createPwaUpdate.js → usePwaUpdate.js}

@@ -1,7 +1,7 @@
 import { onCleanup } from "solid-js";
 import { useNotification } from "../components/feedback/notification/NotificationContext.js";
 const UPDATE_INTERVAL = 5 * 60 * 1e3;
-function createPwaUpdate() {
+function usePwaUpdate() {
   if (typeof navigator === "undefined" || !("serviceWorker" in navigator)) return;
   const notification = useNotification();
   let intervalId;
@@ -45,6 +45,6 @@ function createPwaUpdate() {
   }
 }
 export {
-  createPwaUpdate
+  usePwaUpdate
 };
-//# sourceMappingURL=createPwaUpdate.js.map
+//# sourceMappingURL=usePwaUpdate.js.map

package/dist/hooks/usePwaUpdate.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/usePwaUpdate.ts"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,MAAM,kBAAkB,IAAI,KAAK;AAc1B,SAAS,eAAqB;AACnC,MAAI,OAAO,cAAc,eAAe,EAAE,mBAAmB,WAAY;AAEzE,QAAM,eAAe,gBAAgB;AACrC,MAAI;AAEJ,OAAK,UAAU,cAAc,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;AACpE,QAAI,gBAAgB,KAAM;AAG1B,iBAAa,YAAY,MAAM;AAC7B,WAAK,aAAa,OAAO;AAAA,IAC3B,GAAG,eAAe;AAGlB,QAAI,aAAa,WAAW,MAAM;AAChC,mBAAa,aAAa,OAAO;AAAA,IACnC;AAGA,iBAAa,iBAAiB,eAAe,MAAM;AACjD,YAAM,QAAQ,aAAa;AAC3B,UAAI,SAAS,KAAM;AAEnB,YAAM,iBAAiB,eAAe,MAAM;AAC1C,YAAI,MAAM,UAAU,eAAe,UAAU,cAAc,cAAc,MAAM;AAC7E,uBAAa,KAAK;AAAA,QACpB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AAGD,QAAM,qBAAqB,MAAM;AAC/B,WAAO,SAAS,OAAO;AAAA,EACzB;AACA,YAAU,cAAc,iBAAiB,oBAAoB,kBAAkB;AAE/E,YAAU,MAAM;AACd,QAAI,cAAc,MAAM;AACtB,oBAAc,UAAU;AAAA,IAC1B;AACA,cAAU,cAAc,oBAAoB,oBAAoB,kBAAkB;AAAA,EACpF,CAAC;AAED,WAAS,aAAa,WAAgC;AACpD,iBAAa,KAAK,uEAAgB,2HAA4B;AAAA,MAC5D,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,SAAS,MAAM;AACb,oBAAU,YAAY,EAAE,MAAM,eAAe,CAAC;AAAA,QAChD;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/dist/hooks/useSyncConfig.d.ts

@@ -7,13 +7,13 @@ import { type Accessor, type Setter } from "solid-js";
  *
  * @param key - Storage key for the config value
  * @param defaultValue - Default value if no stored value exists
- * @returns Tuple of [value accessor, value setter, busy state accessor]
+ * @returns Tuple of [value accessor, value setter, ready state accessor]
  *
  * @example
  * ```tsx
- * const [theme, setTheme, busy] = useSyncConfig("user-theme", "light");
+ * const [theme, setTheme, ready] = useSyncConfig("user-theme", "light");
  *
- * <Show when={!busy()}>
+ * <Show when={ready()}>
  *   <button onClick={() => setTheme(theme() === "light" ? "dark" : "light")}>
  *     Toggle theme
  *   </button>

package/dist/hooks/useSyncConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSyncConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useSyncConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAyC,MAAM,UAAU,CAAC;AAG7F;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAClC,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,MAAM,GACnB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CA0EvD"}
+{"version":3,"file":"useSyncConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useSyncConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAA8B,MAAM,UAAU,CAAC;AAGlF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAClC,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,MAAM,GACnB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAsEvD"}

package/dist/hooks/useSyncConfig.js

@@ -1,10 +1,10 @@
-import { createEffect, createSignal, onCleanup } from "solid-js";
+import { createEffect, createSignal } from "solid-js";
 import { useConfig } from "../providers/ConfigContext.js";
 function useSyncConfig(key, defaultValue) {
   const config = useConfig();
   const prefixedKey = `${config.clientName}.${key}`;
   const [value, setValue] = createSignal(defaultValue);
-  const [busy, setBusy] = createSignal(false);
+  const [ready, setReady] = createSignal(false);
   const initializeFromStorage = async () => {
     if (!config.syncStorage) {
       try {
@@ -14,9 +14,9 @@ function useSyncConfig(key, defaultValue) {
         }
       } catch {
       }
+      setReady(true);
       return;
     }
-    setBusy(true);
     try {
       const stored = await config.syncStorage.getItem(prefixedKey);
       if (stored !== null) {
@@ -31,11 +31,12 @@ function useSyncConfig(key, defaultValue) {
       } catch {
       }
     } finally {
-      setBusy(false);
+      setReady(true);
     }
   };
   void initializeFromStorage();
   createEffect(() => {
+    if (!ready()) return;
     const currentValue = value();
     const serialized = JSON.stringify(currentValue);
     if (!config.syncStorage) {
@@ -50,9 +51,7 @@ function useSyncConfig(key, defaultValue) {
       }
     })();
   });
-  onCleanup(() => {
-  });
-  return [value, setValue, busy];
+  return [value, setValue, ready];
 }
 export {
   useSyncConfig

package/dist/hooks/useSyncConfig.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/hooks/useSyncConfig.ts"],
-  "mappings": "AAAA,SAAqC,cAAc,cAAc,iBAAiB;AAClF,SAAS,iBAAiB;AAuBnB,SAAS,cACd,KACA,cACuD;AACvD,QAAM,SAAS,UAAU;AACzB,QAAM,cAAc,GAAG,OAAO,UAAU,IAAI,GAAG;AAC/C,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAqB,YAAY;AAC3D,QAAM,CAAC,MAAM,OAAO,IAAI,aAAa,KAAK;AAG1C,QAAM,wBAAwB,YAAY;AACxC,QAAI,CAAC,OAAO,aAAa;AAEvB,UAAI;AACF,cAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,YAAI,WAAW,MAAM;AACnB,mBAAS,MAAM,KAAK,MAAM,MAAM,CAAW;AAAA,QAC7C;AAAA,MACF,QAAQ;AAAA,MAER;AACA;AAAA,IACF;AAGA,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,SAAS,MAAM,OAAO,YAAY,QAAQ,WAAW;AAC3D,UAAI,WAAW,MAAM;AACnB,iBAAS,MAAM,KAAK,MAAM,MAAM,CAAW;AAAA,MAC7C;AAAA,IACF,QAAQ;AAEN,UAAI;AACF,cAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,YAAI,WAAW,MAAM;AACnB,mBAAS,MAAM,KAAK,MAAM,MAAM,CAAW;AAAA,QAC7C;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAGA,OAAK,sBAAsB;AAG3B,eAAa,MAAM;AACjB,UAAM,eAAe,MAAM;AAC3B,UAAM,aAAa,KAAK,UAAU,YAAY;AAE9C,QAAI,CAAC,OAAO,aAAa;AAEvB,mBAAa,QAAQ,aAAa,UAAU;AAC5C;AAAA,IACF;AAGA,UAAM,YAAY;AAChB,UAAI;AACF,cAAM,OAAO,YAAa,QAAQ,aAAa,UAAU;AAAA,MAC3D,QAAQ;AAEN,qBAAa,QAAQ,aAAa,UAAU;AAAA,MAC9C;AAAA,IACF,GAAG;AAAA,EACL,CAAC;AAGD,YAAU,MAAM;AAAA,EAEhB,CAAC;AAED,SAAO,CAAC,OAAO,UAAU,IAAI;AAC/B;",
+  "mappings": "AAAA,SAAqC,cAAc,oBAAoB;AACvE,SAAS,iBAAiB;AAuBnB,SAAS,cACd,KACA,cACuD;AACvD,QAAM,SAAS,UAAU;AACzB,QAAM,cAAc,GAAG,OAAO,UAAU,IAAI,GAAG;AAC/C,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAqB,YAAY;AAC3D,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAa,KAAK;AAG5C,QAAM,wBAAwB,YAAY;AACxC,QAAI,CAAC,OAAO,aAAa;AAEvB,UAAI;AACF,cAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,YAAI,WAAW,MAAM;AACnB,mBAAS,MAAM,KAAK,MAAM,MAAM,CAAW;AAAA,QAC7C;AAAA,MACF,QAAQ;AAAA,MAER;AACA,eAAS,IAAI;AACb;AAAA,IACF;AAGA,QAAI;AACF,YAAM,SAAS,MAAM,OAAO,YAAY,QAAQ,WAAW;AAC3D,UAAI,WAAW,MAAM;AACnB,iBAAS,MAAM,KAAK,MAAM,MAAM,CAAW;AAAA,MAC7C;AAAA,IACF,QAAQ;AAEN,UAAI;AACF,cAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,YAAI,WAAW,MAAM;AACnB,mBAAS,MAAM,KAAK,MAAM,MAAM,CAAW;AAAA,QAC7C;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF,UAAE;AACA,eAAS,IAAI;AAAA,IACf;AAAA,EACF;AAGA,OAAK,sBAAsB;AAG3B,eAAa,MAAM;AACjB,QAAI,CAAC,MAAM,EAAG;AACd,UAAM,eAAe,MAAM;AAC3B,UAAM,aAAa,KAAK,UAAU,YAAY;AAE9C,QAAI,CAAC,OAAO,aAAa;AAEvB,mBAAa,QAAQ,aAAa,UAAU;AAC5C;AAAA,IACF;AAGA,UAAM,YAAY;AAChB,UAAI;AACF,cAAM,OAAO,YAAa,QAAQ,aAAa,UAAU;AAAA,MAC3D,QAAQ;AAEN,qBAAa,QAAQ,aAAa,UAAU;AAAA,MAC9C;AAAA,IACF,GAAG;AAAA,EACL,CAAC;AAED,SAAO,CAAC,OAAO,UAAU,KAAK;AAChC;",
   "names": []
 }

package/dist/index.d.ts

@@ -1,8 +1,6 @@
 export * from "./components/form-control/Button";
 export * from "./components/form-control/select/Select";
-export * from "./components/form-control/select/SelectContext";
 export * from "./components/form-control/combobox/Combobox";
-export * from "./components/form-control/combobox/ComboboxContext";
 export * from "./components/form-control/field/TextInput";
 export * from "./components/form-control/field/NumberInput";
 export * from "./components/form-control/field/DatePicker";
@@ -79,7 +77,7 @@ export * from "./hooks/usePrint";
 export { createControllableSignal } from "./hooks/createControllableSignal";
 export { createIMEHandler } from "./hooks/createIMEHandler";
 export { createMountTransition } from "./hooks/createMountTransition";
-export { createPwaUpdate } from "./hooks/createPwaUpdate";
+export { usePwaUpdate } from "./hooks/usePwaUpdate";
 export { useRouterLink } from "./hooks/useRouterLink";
 export * from "./styles/tokens.styles";
 export * from "./styles/patterns.styles";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,8 +1,6 @@
 export * from "./components/form-control/Button.js";
 export * from "./components/form-control/select/Select.js";
-export * from "./components/form-control/select/SelectContext.js";
 export * from "./components/form-control/combobox/Combobox.js";
-export * from "./components/form-control/combobox/ComboboxContext.js";
 export * from "./components/form-control/field/TextInput.js";
 export * from "./components/form-control/field/NumberInput.js";
 export * from "./components/form-control/field/DatePicker.js";
@@ -78,7 +76,7 @@ export * from "./hooks/usePrint.js";
 import { createControllableSignal } from "./hooks/createControllableSignal.js";
 import { createIMEHandler } from "./hooks/createIMEHandler.js";
 import { createMountTransition } from "./hooks/createMountTransition.js";
-import { createPwaUpdate } from "./hooks/createPwaUpdate.js";
+import { usePwaUpdate } from "./hooks/usePwaUpdate.js";
 import { useRouterLink } from "./hooks/useRouterLink.js";
 export * from "./styles/tokens.styles.js";
 export * from "./styles/patterns.styles.js";
@@ -91,10 +89,10 @@ export {
   createControllableSignal,
   createIMEHandler,
   createMountTransition,
-  createPwaUpdate,
   mergeStyles,
   ripple,
   splitSlots,
+  usePwaUpdate,
   useRouterLink,
   useTheme
 };

package/dist/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "mappings": "AAGA,cAAc;AAGd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAOd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,SAAS,gBAAgB;AAEzB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAM9B,cAAc;AACd,cAAc;AAMd,SAAS,cAAc;AAMvB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;",
+  "mappings": "AAGA,cAAc;AAGd,cAAc;AAGd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAOd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,SAAS,gBAAgB;AAEzB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAMd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAM9B,cAAc;AACd,cAAc;AAMd,SAAS,cAAc;AAMvB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;",
   "names": []
 }

package/dist/providers/InitializeProvider.js

@@ -6,10 +6,10 @@ import { ThemeProvider } from "./ThemeContext.js";
 import { NotificationProvider } from "../components/feedback/notification/NotificationProvider.js";
 import { NotificationBanner } from "../components/feedback/notification/NotificationBanner.js";
 import { BusyProvider } from "../components/feedback/busy/BusyProvider.js";
-import { createPwaUpdate } from "../hooks/createPwaUpdate.js";
+import { usePwaUpdate } from "../hooks/usePwaUpdate.js";
 import { useLogger } from "../hooks/useLogger.js";
 function PwaUpdater() {
-  createPwaUpdate();
+  usePwaUpdate();
   return null;
 }
 function GlobalErrorLogger() {

package/dist/providers/InitializeProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/providers/InitializeProvider.tsx"],
-  "mappings": ";AACA,SAASA,iBAAiB;AAC1B,SAAyBC,qBAAqB;AAC9C,SAASC,6BAA6B;AACtC,SAASC,qBAAqB;AAC9B,SAASC,4BAA4B;AACrC,SAASC,0BAA0B;AACnC,SAASC,oBAAoB;AAE7B,SAASC,uBAAuB;AAChC,SAASC,iBAAiB;AAG1B,SAASC,aAAa;AACpBF,kBAAgB;AAChB,SAAO;AACT;AAGA,SAASG,oBAAoB;AAC3B,QAAMC,SAASH,UAAU;AAEzB,QAAMI,UAAWC,WAAsB;AACrCF,WAAOG,MAAM,mBAAmBD,MAAMC,SAASD,MAAME,OAAO;EAC9D;AAEA,QAAMC,uBAAwBH,WAAiC;AAC7DF,WAAOG,MAAM,wBAAwBD,MAAMI,MAAM;EACnD;AAEAC,SAAOC,iBAAiB,SAASP,OAAO;AACxCM,SAAOC,iBAAiB,sBAAsBH,oBAAoB;AAElEhB,YAAU,MAAM;AACdkB,WAAOE,oBAAoB,SAASR,OAAO;AAC3CM,WAAOE,oBAAoB,sBAAsBJ,oBAAoB;EACvE,CAAC;AAED,SAAO;AACT;AAqBO,MAAMK,qBAA8DC,WAAU;AAEnFpB,wBAAsB;AAGtB,SAAAqB,kBACGtB,cAAcuB,UAAQ;IAAA,IAACC,QAAK;AAAA,aAAEH,MAAMI;IAAM;IAAA,IAAAC,WAAA;AAAA,aAAAJ,kBACxCpB,eAAa;QAAA,IAAAwB,WAAA;AAAA,iBAAAJ,kBACXnB,sBAAoB;YAAA,IAAAuB,WAAA;AAAA,qBAAA,CAAAJ,kBAClBlB,oBAAkB,CAAA,CAAA,GAAAkB,kBAClBb,mBAAiB,CAAA,CAAA,GAAAa,kBACjBd,YAAU,CAAA,CAAA,GAAAc,kBACVjB,cAAY;gBAAA,IAACsB,UAAO;AAAA,yBAAEN,MAAMI,OAAOG;gBAAW;gBAAA,IAAAF,WAAA;AAAA,yBAAGL,MAAMK;gBAAQ;cAAA,CAAA,CAAA;YAAA;UAAA,CAAA;QAAA;MAAA,CAAA;IAAA;EAAA,CAAA;AAM1E;",
-  "names": ["onCleanup", "ConfigContext", "useClipboardValueCopy", "ThemeProvider", "NotificationProvider", "NotificationBanner", "BusyProvider", "createPwaUpdate", "useLogger", "PwaUpdater", "GlobalErrorLogger", "logger", "onError", "event", "error", "message", "onUnhandledRejection", "reason", "window", "addEventListener", "removeEventListener", "InitializeProvider", "props", "_$createComponent", "Provider", "value", "config", "children", "variant", "busyVariant"]
+  "mappings": ";AACA,SAASA,iBAAiB;AAC1B,SAAyBC,qBAAqB;AAC9C,SAASC,6BAA6B;AACtC,SAASC,qBAAqB;AAC9B,SAASC,4BAA4B;AACrC,SAASC,0BAA0B;AACnC,SAASC,oBAAoB;AAE7B,SAASC,oBAAoB;AAC7B,SAASC,iBAAiB;AAG1B,SAASC,aAAa;AACpBF,eAAa;AACb,SAAO;AACT;AAGA,SAASG,oBAAoB;AAC3B,QAAMC,SAASH,UAAU;AAEzB,QAAMI,UAAWC,WAAsB;AACrCF,WAAOG,MAAM,mBAAmBD,MAAMC,SAASD,MAAME,OAAO;EAC9D;AAEA,QAAMC,uBAAwBH,WAAiC;AAC7DF,WAAOG,MAAM,wBAAwBD,MAAMI,MAAM;EACnD;AAEAC,SAAOC,iBAAiB,SAASP,OAAO;AACxCM,SAAOC,iBAAiB,sBAAsBH,oBAAoB;AAElEhB,YAAU,MAAM;AACdkB,WAAOE,oBAAoB,SAASR,OAAO;AAC3CM,WAAOE,oBAAoB,sBAAsBJ,oBAAoB;EACvE,CAAC;AAED,SAAO;AACT;AAqBO,MAAMK,qBAA8DC,WAAU;AAEnFpB,wBAAsB;AAGtB,SAAAqB,kBACGtB,cAAcuB,UAAQ;IAAA,IAACC,QAAK;AAAA,aAAEH,MAAMI;IAAM;IAAA,IAAAC,WAAA;AAAA,aAAAJ,kBACxCpB,eAAa;QAAA,IAAAwB,WAAA;AAAA,iBAAAJ,kBACXnB,sBAAoB;YAAA,IAAAuB,WAAA;AAAA,qBAAA,CAAAJ,kBAClBlB,oBAAkB,CAAA,CAAA,GAAAkB,kBAClBb,mBAAiB,CAAA,CAAA,GAAAa,kBACjBd,YAAU,CAAA,CAAA,GAAAc,kBACVjB,cAAY;gBAAA,IAACsB,UAAO;AAAA,yBAAEN,MAAMI,OAAOG;gBAAW;gBAAA,IAAAF,WAAA;AAAA,yBAAGL,MAAMK;gBAAQ;cAAA,CAAA,CAAA;YAAA;UAAA,CAAA;QAAA;MAAA,CAAA;IAAA;EAAA,CAAA;AAM1E;",
+  "names": ["onCleanup", "ConfigContext", "useClipboardValueCopy", "ThemeProvider", "NotificationProvider", "NotificationBanner", "BusyProvider", "usePwaUpdate", "useLogger", "PwaUpdater", "GlobalErrorLogger", "logger", "onError", "event", "error", "message", "onUnhandledRejection", "reason", "window", "addEventListener", "removeEventListener", "InitializeProvider", "props", "_$createComponent", "Provider", "value", "config", "children", "variant", "busyVariant"]
 }

package/dist/providers/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/providers/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,eAAe,EAIrB,MAAM,UAAU,CAAC;AAIlB;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,UAAU,iBAAiB;IACzB,yBAAyB;IACzB,IAAI,EAAE,MAAM,SAAS,CAAC;IACtB,eAAe;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,sCAAsC;IACtC,aAAa,EAAE,MAAM,aAAa,CAAC;IACnC,gDAAgD;IAChD,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAQ5C;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,EAAE,eA0C3B,CAAC"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/providers/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,eAAe,EAIrB,MAAM,UAAU,CAAC;AAIlB;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,UAAU,iBAAiB;IACzB,yBAAyB;IACzB,IAAI,EAAE,MAAM,SAAS,CAAC;IACtB,eAAe;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,sCAAsC;IACtC,aAAa,EAAE,MAAM,aAAa,CAAC;IACnC,gDAAgD;IAChD,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAQ5C;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,EAAE,eA2C3B,CAAC"}

package/dist/providers/ThemeContext.js

@@ -11,7 +11,7 @@ function useTheme() {
   return context;
 }
 const ThemeProvider = (props) => {
-  const [mode, setMode] = useSyncConfig("theme", "system");
+  const [mode, setMode, ready] = useSyncConfig("theme", "system");
   const prefersDark = createMediaQuery("(prefers-color-scheme: dark)");
   const resolvedTheme = createMemo(() => {
     const currentMode = mode();
@@ -26,6 +26,7 @@ const ThemeProvider = (props) => {
     setMode(next);
   };
   createEffect(() => {
+    if (!ready()) return;
     const isDark = resolvedTheme() === "dark";
     document.documentElement.classList.toggle("dark", isDark);
   });

package/dist/providers/ThemeContext.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/providers/ThemeContext.tsx"],
-  "mappings": ";AAAA,SACEA,eACAC,YAEAC,YACAC,cACAC,iBACK;AACP,SAASC,wBAAwB;AACjC,SAASC,qBAAqB;AA0B9B,MAAMC,eAAeP,cAAiC;AAwB/C,SAASQ,WAA8B;AAC5C,QAAMC,UAAUR,WAAWM,YAAY;AACvC,MAAI,CAACE,SAAS;AACZ,UAAM,IAAIC,MACR,uNACF;EACF;AACA,SAAOD;AACT;AAmBO,MAAME,gBAAkCC,WAAU;AACvD,QAAM,CAACC,MAAMC,OAAO,IAAIR,cAAyB,SAAS,QAAQ;AAGlE,QAAMS,cAAcV,iBAAiB,8BAA8B;AAGnE,QAAMW,gBAAgBd,WAA0B,MAAM;AACpD,UAAMe,cAAcJ,KAAK;AACzB,QAAII,gBAAgB,UAAU;AAC5B,aAAOF,YAAY,IAAI,SAAS;IAClC;AACA,WAAOE;EACT,CAAC;AAGD,QAAMC,YAAYA,MAAM;AACtB,UAAMC,UAAUN,KAAK;AACrB,UAAMO,OACJD,YAAY,UAAU,WAAWA,YAAY,WAAW,SAAS;AACnEL,YAAQM,IAAI;EACd;AAGAjB,eAAa,MAAM;AACjB,UAAMkB,SAASL,cAAc,MAAM;AACnCM,aAASC,gBAAgBC,UAAUC,OAAO,QAAQJ,MAAM;EAC1D,CAAC;AAGDjB,YAAU,MAAM;AACdkB,aAASC,gBAAgBC,UAAUE,OAAO,MAAM;EAClD,CAAC;AAED,QAAMC,eAAkC;IACtCd;IACAC;IACAE;IACAE;EACF;AAEA,SAAAU,kBAAQrB,aAAasB,UAAQ;IAACC,OAAOH;IAAY,IAAAI,WAAA;AAAA,aAAGnB,MAAMmB;IAAQ;EAAA,CAAA;AACpE;",
-  "names": ["createContext", "useContext", "createMemo", "createEffect", "onCleanup", "createMediaQuery", "useSyncConfig", "ThemeContext", "useTheme", "context", "Error", "ThemeProvider", "props", "mode", "setMode", "prefersDark", "resolvedTheme", "currentMode", "cycleMode", "current", "next", "isDark", "document", "documentElement", "classList", "toggle", "remove", "contextValue", "_$createComponent", "Provider", "value", "children"]
+  "mappings": ";AAAA,SACEA,eACAC,YAEAC,YACAC,cACAC,iBACK;AACP,SAASC,wBAAwB;AACjC,SAASC,qBAAqB;AA0B9B,MAAMC,eAAeP,cAAiC;AAwB/C,SAASQ,WAA8B;AAC5C,QAAMC,UAAUR,WAAWM,YAAY;AACvC,MAAI,CAACE,SAAS;AACZ,UAAM,IAAIC,MACR,uNACF;EACF;AACA,SAAOD;AACT;AAmBO,MAAME,gBAAkCC,WAAU;AACvD,QAAM,CAACC,MAAMC,SAASC,KAAK,IAAIT,cAAyB,SAAS,QAAQ;AAGzE,QAAMU,cAAcX,iBAAiB,8BAA8B;AAGnE,QAAMY,gBAAgBf,WAA0B,MAAM;AACpD,UAAMgB,cAAcL,KAAK;AACzB,QAAIK,gBAAgB,UAAU;AAC5B,aAAOF,YAAY,IAAI,SAAS;IAClC;AACA,WAAOE;EACT,CAAC;AAGD,QAAMC,YAAYA,MAAM;AACtB,UAAMC,UAAUP,KAAK;AACrB,UAAMQ,OACJD,YAAY,UAAU,WAAWA,YAAY,WAAW,SAAS;AACnEN,YAAQO,IAAI;EACd;AAGAlB,eAAa,MAAM;AACjB,QAAI,CAACY,MAAM,EAAG;AACd,UAAMO,SAASL,cAAc,MAAM;AACnCM,aAASC,gBAAgBC,UAAUC,OAAO,QAAQJ,MAAM;EAC1D,CAAC;AAGDlB,YAAU,MAAM;AACdmB,aAASC,gBAAgBC,UAAUE,OAAO,MAAM;EAClD,CAAC;AAED,QAAMC,eAAkC;IACtCf;IACAC;IACAG;IACAE;EACF;AAEA,SAAAU,kBAAQtB,aAAauB,UAAQ;IAACC,OAAOH;IAAY,IAAAI,WAAA;AAAA,aAAGpB,MAAMoB;IAAQ;EAAA,CAAA;AACpE;",
+  "names": ["createContext", "useContext", "createMemo", "createEffect", "onCleanup", "createMediaQuery", "useSyncConfig", "ThemeContext", "useTheme", "context", "Error", "ThemeProvider", "props", "mode", "setMode", "ready", "prefersDark", "resolvedTheme", "currentMode", "cycleMode", "current", "next", "isDark", "document", "documentElement", "classList", "toggle", "remove", "contextValue", "_$createComponent", "Provider", "value", "children"]
 }

package/dist/styles/patterns.styles.d.ts

@@ -1,3 +1,4 @@
+export declare const iconButtonBase: string;
 export declare const insetFocusOutline: string;
 export declare const insetFocusOutlineSelf: string;
 export declare const insetBase = "w-full rounded-none border-none";

package/dist/styles/patterns.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"patterns.styles.d.ts","sourceRoot":"","sources":["../../src/styles/patterns.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,QAI7B,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAGF,eAAO,MAAM,SAAS,oCAAoC,CAAC;AAG3D,eAAO,MAAM,YAAY,QAOxB,CAAC;AAGF,eAAO,MAAM,SAAS,QAA4E,CAAC"}
+{"version":3,"file":"patterns.styles.d.ts","sourceRoot":"","sources":["../../src/styles/patterns.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAS1B,CAAC;AAGF,eAAO,MAAM,iBAAiB,QAI7B,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAGF,eAAO,MAAM,SAAS,oCAAoC,CAAC;AAG3D,eAAO,MAAM,YAAY,QAOxB,CAAC;AAGF,eAAO,MAAM,SAAS,QAA4E,CAAC"}

package/dist/styles/patterns.styles.js

@@ -1,5 +1,15 @@
 import clsx from "clsx";
 import { bgSurface, borderDefault, textDefault, textPlaceholder } from "./tokens.styles.js";
+const iconButtonBase = clsx(
+  "inline-flex items-center justify-center",
+  "cursor-pointer",
+  "rounded",
+  "transition-colors",
+  "text-base-600 dark:text-base-300",
+  "hover:bg-base-200 dark:hover:bg-base-700",
+  "focus:outline-none",
+  "focus-visible:ring-2"
+);
 const insetFocusOutline = clsx(
   "focus-within:[outline-style:solid]",
   "focus-within:outline-1 focus-within:-outline-offset-1",
@@ -22,6 +32,7 @@ const fieldSurface = clsx(
 const inputBase = clsx("min-w-0 flex-1", "bg-transparent", "outline-none", textPlaceholder);
 export {
   fieldSurface,
+  iconButtonBase,
   inputBase,
   insetBase,
   insetFocusOutline,

package/dist/styles/patterns.styles.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/styles/patterns.styles.ts"],
-  "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,WAAW,eAAe,aAAa,uBAAuB;AAGhE,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,YAAY;AAGlB,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,YAAY,KAAK,kBAAkB,kBAAkB,gBAAgB,eAAe;",
+  "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,WAAW,eAAe,aAAa,uBAAuB;AAGhE,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,YAAY;AAGlB,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,YAAY,KAAK,kBAAkB,kBAAkB,gBAAgB,eAAe;",
   "names": []
 }

package/dist/styles/tokens.styles.d.ts

@@ -6,6 +6,7 @@ export declare const textMuted = "text-base-400 dark:text-base-500";
 export declare const textPlaceholder = "placeholder:text-base-400 dark:placeholder:text-base-500";
 export declare const disabledOpacity = "cursor-default opacity-50 pointer-events-none";
 export type ComponentSize = "sm" | "lg" | "xl";
+export type ComponentSizeCompact = "sm" | "lg";
 export declare const paddingSm = "px-1.5 py-0.5";
 export declare const paddingLg = "px-3 py-2";
 export declare const paddingXl = "px-4 py-3";

package/dist/styles/tokens.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.styles.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,yCAAyC,CAAC;AACpE,eAAO,MAAM,YAAY,yCAAyC,CAAC;AAGnE,eAAO,MAAM,SAAS,8BAA8B,CAAC;AAGrD,eAAO,MAAM,WAAW,qCAAqC,CAAC;AAC9D,eAAO,MAAM,SAAS,qCAAqC,CAAC;AAC5D,eAAO,MAAM,eAAe,6DAA6D,CAAC;AAG1F,eAAO,MAAM,eAAe,kDAAkD,CAAC;AAG/E,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,eAAO,MAAM,SAAS,kBAAkB,CAAC;AACzC,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,SAAS,cAAc,CAAC;AAGrC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3F,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,aAAa,EACb;IACE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAkDF,CAAC"}
+{"version":3,"file":"tokens.styles.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,yCAAyC,CAAC;AACpE,eAAO,MAAM,YAAY,yCAAyC,CAAC;AAGnE,eAAO,MAAM,SAAS,8BAA8B,CAAC;AAGrD,eAAO,MAAM,WAAW,qCAAqC,CAAC;AAC9D,eAAO,MAAM,SAAS,qCAAqC,CAAC;AAC5D,eAAO,MAAM,eAAe,6DAA6D,CAAC;AAG1F,eAAO,MAAM,eAAe,kDAAkD,CAAC;AAG/E,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,eAAO,MAAM,SAAS,kBAAkB,CAAC;AACzC,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,SAAS,cAAc,CAAC;AAGrC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3F,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,aAAa,EACb;IACE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAkDF,CAAC"}

package/dist/styles/tokens.styles.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/styles/tokens.styles.ts"],
-  "mappings": "AACO,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAM,YAAY;AAGlB,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,kBAAkB;AAGxB,MAAM,kBAAkB;AAIxB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAKlB,MAAM,cAUT;AAAA,EACF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;",
+  "mappings": "AACO,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAM,YAAY;AAGlB,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,kBAAkB;AAGxB,MAAM,kBAAkB;AAKxB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAKlB,MAAM,cAUT;AAAA,EACF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;",
   "names": []
 }

package/docs/data-components.md

@@ -51,8 +51,8 @@ import { DataSheet } from "@simplysm/solid";
 <DataSheet
   items={data()}
   persistKey="data-table"
-  pageIndex={pageIndex()}
-  onPageIndexChange={setPageIndex}
+  page={page()}
+  onPageChange={setPage}
   itemsPerPage={20}
   totalPageCount={totalPages()}
   sorts={sorts()}
@@ -105,8 +105,8 @@ import { DataSheet } from "@simplysm/solid";
 | `sorts` | `SortingDef[]` | - | Sort state (`{ key: string; desc: boolean }[]`) |
 | `onSortsChange` | `(sorts: SortingDef[]) => void` | - | Sort change callback |
 | `autoSort` | `boolean` | - | Client-side auto-sorting |
-| `pageIndex` | `number` | - | Current page index (0-based) |
-| `onPageIndexChange` | `(pageIndex: number) => void` | - | Page change callback |
+| `page` | `number` | - | Current page (1-based) |
+| `onPageChange` | `(page: number) => void` | - | Page change callback |
 | `totalPageCount` | `number` | - | Total page count |
 | `itemsPerPage` | `number` | - | Items per page |
 | `displayPageCount` | `number` | - | Number of page buttons to display |
@@ -177,10 +177,39 @@ import { List } from "@simplysm/solid";
 - `ArrowLeft` -- Collapse if expanded, focus parent if collapsed
 - `Home` / `End` -- Focus first/last item
 
+**List Props:**
+
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `inset` | `boolean` | - | Transparent background style |
 
+**List.Item Props:**
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `open` | `boolean` | - | Nested list open state (controlled mode) |
+| `onOpenChange` | `(open: boolean) => void` | - | Open state change callback |
+| `selected` | `boolean` | - | Selected state |
+| `readonly` | `boolean` | - | Read-only (click disabled, normal color) |
+| `disabled` | `boolean` | - | Disabled state (click disabled, dimmed) |
+| `selectedIcon` | `Component<IconProps>` | - | Selected state icon (shown when no nested list) |
+| `size` | `"sm" \| "lg" \| "xl"` | - | Size |
+| `onClick` | `(e: MouseEvent) => void` | - | Click handler (called when no nested list) |
+
+**Sub-components:**
+- `List.Item` -- Individual list item
+- `List.Item.Children` -- Nested child items container
+
+**ListContext:**
+
+`ListContext` and `useListContext` are exported for building custom List item sub-components. Provides the current nesting `level` (starts at 1 for the root List).
+
+```typescript
+import { useListContext } from "@simplysm/solid";
+
+const { level } = useListContext();
+```
+
 ---
 
 ## Pagination
@@ -200,7 +229,7 @@ import { Pagination } from "@simplysm/solid";
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `page` | `number` | **(required)** | Current page (0-based) |
+| `page` | `number` | **(required)** | Current page (1-based) |
 | `onPageChange` | `(page: number) => void` | - | Page change callback |
 | `totalPageCount` | `number` | **(required)** | Total page count |
 | `displayPageCount` | `number` | `10` | Number of pages to display at once |

package/docs/disclosure.md

@@ -18,10 +18,12 @@ import { Tabs } from "@simplysm/solid";
 |------|------|---------|-------------|
 | `value` | `string` | - | Selected tab value |
 | `onValueChange` | `(value: string) => void` | - | Tab change callback |
-| `size` | `"sm" \| "lg"` | - | Size |
+| `size` | `"sm" \| "lg" \| "xl"` | - | Size |
+| `class` | `string` | - | Additional CSS class |
+| `style` | `JSX.CSSProperties` | - | Inline style |
 
 **Sub-components:**
-- `Tabs.Tab` -- Individual tab (`value: string`, `disabled?: boolean`)
+- `Tabs.Tab` -- Individual tab (`value: string`, `disabled?: boolean`, `class?: string`)
 
 ---
 
@@ -109,7 +111,7 @@ const [open, setOpen] = createSignal(false);
   open={open()}
   onOpenChange={setOpen}
   closeOnBackdrop
-  widthPx={600}
+  width={600}
 >
   <div class="p-4">
     Dialog content
@@ -156,7 +158,7 @@ function MyPage() {
   const handleOpen = async () => {
     const result = await dialog.show<string>(
       () => <EditDialog />,
-      { title: "Edit Name", widthPx: 400, closeOnBackdrop: true },
+      { title: "Edit Name", width: 400, closeOnBackdrop: true },
     );
     if (result != null) {
       // result is the value passed to dialogInstance.close()
@@ -183,15 +185,16 @@ function MyPage() {
 | `movable` | `boolean` | `true` | Draggable |
 | `float` | `boolean` | - | Floating mode (no backdrop) |
 | `fill` | `boolean` | - | Fullscreen mode |
-| `widthPx` | `number` | - | Width (px) |
-| `heightPx` | `number` | - | Height (px) |
-| `minWidthPx` | `number` | - | Minimum width (px) |
-| `minHeightPx` | `number` | - | Minimum height (px) |
+| `width` | `number` | - | Width (px) |
+| `height` | `number` | - | Height (px) |
+| `minWidth` | `number` | - | Minimum width (px) |
+| `minHeight` | `number` | - | Minimum height (px) |
 | `position` | `"bottom-right" \| "top-right"` | - | Fixed position |
 | `headerAction` | `JSX.Element` | - | Header action area |
 | `headerStyle` | `JSX.CSSProperties \| string` | - | Header style |
 | `canDeactivate` | `() => boolean` | - | Pre-close confirmation function |
 | `onCloseComplete` | `() => void` | - | Post-close animation callback |
+| `class` | `string` | - | Additional CSS class applied to the dialog element |
 
 **useDialog API:**
 
@@ -206,3 +209,20 @@ function MyPage() {
 | Method | Signature | Description |
 |--------|-----------|-------------|
 | `close` | `(result?: T) => void` | Close dialog with optional return value |
+
+**DialogProvider:**
+
+`DialogProvider` is the provider component that enables `useDialog`. It is automatically included by `InitializeProvider`. Use `DialogProvider` directly only when building a custom provider tree.
+
+```tsx
+import { DialogProvider } from "@simplysm/solid";
+
+<DialogProvider closeOnEscape closeOnBackdrop>
+  <App />
+</DialogProvider>
+```
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `closeOnEscape` | `boolean` | - | Default `closeOnEscape` for all dialogs opened via `useDialog` |
+| `closeOnBackdrop` | `boolean` | - | Default `closeOnBackdrop` for all dialogs opened via `useDialog` |

package/docs/feedback.md

@@ -40,8 +40,11 @@ function MyComponent() {
 
 **useNotification API:**
 
-| Method | Signature | Description |
-|--------|-----------|-------------|
+| Property/Method | Type/Signature | Description |
+|-----------------|----------------|-------------|
+| `items` | `Accessor<NotificationItem[]>` | Reactive notification list |
+| `unreadCount` | `Accessor<number>` | Unread notification count |
+| `latestUnread` | `Accessor<NotificationItem \| undefined>` | Most recent unread notification |
 | `info` | `(title: string, message?: string, options?: NotificationOptions) => string` | Info notification |
 | `success` | `(title: string, message?: string, options?: NotificationOptions) => string` | Success notification |
 | `warning` | `(title: string, message?: string, options?: NotificationOptions) => string` | Warning notification |
@@ -92,6 +95,26 @@ function MyComponent() {
 | `hide` | `() => void` | Hide busy overlay |
 | `setProgress` | `(percent: number \| undefined) => void` | Set progress |
 
+**BusyContainer Props:**
+
+`BusyContainer` can also be used directly to wrap content with busy state control:
+
+```tsx
+import { BusyContainer } from "@simplysm/solid";
+
+<BusyContainer busy={isLoading()} message="Loading...">
+  {/* wrapped content */}
+</BusyContainer>
+```
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `busy` | `boolean` | - | Show busy overlay |
+| `ready` | `boolean` | `true` | When `false`, shows busy and hides children; when `true`, shows children (controls rendering) |
+| `variant` | `"spinner" \| "bar"` | - | Busy overlay variant |
+| `message` | `string` | - | Message to display |
+| `progressPercent` | `number` | - | Progress percentage (0-100) |
+
 ---
 
 ## Print / usePrint