@flanksource/clicky-ui 0.2.13 → 0.2.15

package/dist/hooks/density-provider.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { Density } from './use-density';
+export type DensityProviderProps = {
+    children: ReactNode;
+    defaultDensity?: Density;
+    storageKey?: string;
+};
+export declare function DensityProvider({ children, defaultDensity, storageKey, }: DensityProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Provide a density value to descendants without owning the storage / setter.
+ * Useful when a component (e.g. DataTable) already manages density via its
+ * own state and just needs leaf cells like TagList to read the active value
+ * via {@link useDensityValue}. Calls to `setDensity` from descendants are
+ * ignored — the host component controls density externally.
+ */
+export declare function DensityValueProvider({ density, children, }: {
+    density: Density;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=density-provider.d.ts.map

package/dist/hooks/density-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"density-provider.d.ts","sourceRoot":"","sources":["../../src/hooks/density-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAKL,KAAK,OAAO,EAEb,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,cAA8B,EAC9B,UAAgC,GACjC,EAAE,oBAAoB,2CAqBtB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAGA"}

package/dist/hooks/density-provider.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { readStoredDensity, applyDensity, DENSITY_STORAGE_KEY, DensityContext } from "./use-density.js";
+function DensityProvider({
+  children,
+  defaultDensity = "comfortable",
+  storageKey = DENSITY_STORAGE_KEY
+}) {
+  const [density, setDensityState] = useState(() => {
+    if (typeof window === "undefined") return defaultDensity;
+    return readStoredDensity() ?? defaultDensity;
+  });
+  useEffect(() => {
+    applyDensity(density);
+    if (typeof window !== "undefined") {
+      window.localStorage.setItem(storageKey, density);
+    }
+  }, [density, storageKey]);
+  const setDensity = useCallback((next) => setDensityState(next), []);
+  const value = useMemo(
+    () => ({ density, setDensity }),
+    [density, setDensity]
+  );
+  return /* @__PURE__ */ jsx(DensityContext.Provider, { value, children });
+}
+function DensityValueProvider({
+  density,
+  children
+}) {
+  const value = useMemo(() => ({ density, setDensity: () => {
+  } }), [density]);
+  return /* @__PURE__ */ jsx(DensityContext.Provider, { value, children });
+}
+export {
+  DensityProvider,
+  DensityValueProvider
+};
+//# sourceMappingURL=density-provider.js.map

package/dist/hooks/density-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"density-provider.js","sources":["../../src/hooks/density-provider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n  DENSITY_STORAGE_KEY,\n  DensityContext,\n  applyDensity,\n  readStoredDensity,\n  type Density,\n  type DensityContextValue,\n} from \"./use-density\";\n\nexport type DensityProviderProps = {\n  children: ReactNode;\n  defaultDensity?: Density;\n  storageKey?: string;\n};\n\nexport function DensityProvider({\n  children,\n  defaultDensity = \"comfortable\",\n  storageKey = DENSITY_STORAGE_KEY,\n}: DensityProviderProps) {\n  const [density, setDensityState] = useState<Density>(() => {\n    if (typeof window === \"undefined\") return defaultDensity;\n    return readStoredDensity() ?? defaultDensity;\n  });\n\n  useEffect(() => {\n    applyDensity(density);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, density);\n    }\n  }, [density, storageKey]);\n\n  const setDensity = useCallback((next: Density) => setDensityState(next), []);\n\n  const value = useMemo<DensityContextValue>(\n    () => ({ density, setDensity }),\n    [density, setDensity],\n  );\n\n  return <DensityContext.Provider value={value}>{children}</DensityContext.Provider>;\n}\n\n/**\n * Provide a density value to descendants without owning the storage / setter.\n * Useful when a component (e.g. DataTable) already manages density via its\n * own state and just needs leaf cells like TagList to read the active value\n * via {@link useDensityValue}. Calls to `setDensity` from descendants are\n * ignored — the host component controls density externally.\n */\nexport function DensityValueProvider({\n  density,\n  children,\n}: {\n  density: Density;\n  children: ReactNode;\n}) {\n  const value = useMemo<DensityContextValue>(() => ({ density, setDensity: () => {} }), [density]);\n  return <DensityContext.Provider value={value}>{children}</DensityContext.Provider>;\n}\n"],"names":[],"mappings":";;;AAgBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AACf,GAAyB;AACvB,QAAM,CAAC,SAAS,eAAe,IAAI,SAAkB,MAAM;AACzD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,uBAAuB;AAAA,EAChC,CAAC;AAED,YAAU,MAAM;AACd,iBAAa,OAAO;AACpB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,OAAO;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,QAAM,aAAa,YAAY,CAAC,SAAkB,gBAAgB,IAAI,GAAG,EAAE;AAE3E,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,SAAS;IAClB,CAAC,SAAS,UAAU;AAAA,EAAA;AAGtB,SAAO,oBAAC,eAAe,UAAf,EAAwB,OAAe,SAAA,CAAS;AAC1D;AASO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,QAA6B,OAAO,EAAE,SAAS,YAAY,MAAM;AAAA,EAAC,EAAA,IAAM,CAAC,OAAO,CAAC;AAC/F,SAAO,oBAAC,eAAe,UAAf,EAAwB,OAAe,SAAA,CAAS;AAC1D;"}

package/dist/hooks/theme-provider.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const useTheme = require("./use-theme.cjs");
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = useTheme.THEME_STORAGE_KEY
+}) {
+  const [theme, setThemeState] = react.useState(() => {
+    if (typeof window === "undefined") return defaultTheme;
+    return useTheme.readStoredTheme() ?? defaultTheme;
+  });
+  const [resolvedTheme, setResolvedTheme] = react.useState(() => useTheme.resolveTheme(theme));
+  react.useEffect(() => {
+    const next = useTheme.resolveTheme(theme);
+    setResolvedTheme(next);
+    useTheme.applyTheme(next);
+    if (typeof window !== "undefined") {
+      window.localStorage.setItem(storageKey, theme);
+    }
+  }, [theme, storageKey]);
+  react.useEffect(() => {
+    if (theme !== "system" || typeof window === "undefined") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = () => {
+      const next = mq.matches ? "dark" : "light";
+      setResolvedTheme(next);
+      useTheme.applyTheme(next);
+    };
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [theme]);
+  const setTheme = react.useCallback((next) => setThemeState(next), []);
+  const value = react.useMemo(
+    () => ({ theme, resolvedTheme, setTheme }),
+    [theme, resolvedTheme, setTheme]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(useTheme.ThemeContext.Provider, { value, children });
+}
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=theme-provider.cjs.map

package/dist/hooks/theme-provider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.cjs","sources":["../../src/hooks/theme-provider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n  THEME_STORAGE_KEY,\n  ThemeContext,\n  applyTheme,\n  readStoredTheme,\n  resolveTheme,\n  type ResolvedTheme,\n  type Theme,\n  type ThemeContextValue,\n} from \"./use-theme\";\n\nexport type ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"system\",\n  storageKey = THEME_STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === \"undefined\") return defaultTheme;\n    return readStoredTheme() ?? defaultTheme;\n  });\n  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>(() => resolveTheme(theme));\n\n  useEffect(() => {\n    const next = resolveTheme(theme);\n    setResolvedTheme(next);\n    applyTheme(next);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, theme);\n    }\n  }, [theme, storageKey]);\n\n  useEffect(() => {\n    if (theme !== \"system\" || typeof window === \"undefined\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const onChange = () => {\n      const next: ResolvedTheme = mq.matches ? \"dark\" : \"light\";\n      setResolvedTheme(next);\n      applyTheme(next);\n    };\n    mq.addEventListener(\"change\", onChange);\n    return () => mq.removeEventListener(\"change\", onChange);\n  }, [theme]);\n\n  const setTheme = useCallback((next: Theme) => setThemeState(next), []);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({ theme, resolvedTheme, setTheme }),\n    [theme, resolvedTheme, setTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n"],"names":["THEME_STORAGE_KEY","useState","readStoredTheme","resolveTheme","useEffect","applyTheme","useCallback","useMemo","jsx","ThemeContext"],"mappings":";;;;;AAkBO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,aAAaA,SAAAA;AACf,GAAuB;AACrB,QAAM,CAAC,OAAO,aAAa,IAAIC,MAAAA,SAAgB,MAAM;AACnD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAOC,SAAAA,qBAAqB;AAAA,EAC9B,CAAC;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAID,MAAAA,SAAwB,MAAME,SAAAA,aAAa,KAAK,CAAC;AAE3FC,QAAAA,UAAU,MAAM;AACd,UAAM,OAAOD,SAAAA,aAAa,KAAK;AAC/B,qBAAiB,IAAI;AACrBE,aAAAA,WAAW,IAAI;AACf,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtBD,QAAAA,UAAU,MAAM;AACd,QAAI,UAAU,YAAY,OAAO,WAAW,YAAa;AACzD,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,WAAW,MAAM;AACrB,YAAM,OAAsB,GAAG,UAAU,SAAS;AAClD,uBAAiB,IAAI;AACrBC,eAAAA,WAAW,IAAI;AAAA,IACjB;AACA,OAAG,iBAAiB,UAAU,QAAQ;AACtC,WAAO,MAAM,GAAG,oBAAoB,UAAU,QAAQ;AAAA,EACxD,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAWC,MAAAA,YAAY,CAAC,SAAgB,cAAc,IAAI,GAAG,EAAE;AAErE,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO,EAAE,OAAO,eAAe;IAC/B,CAAC,OAAO,eAAe,QAAQ;AAAA,EAAA;AAGjC,SAAOC,2BAAAA,IAACC,SAAAA,aAAa,UAAb,EAAsB,OAAe,SAAA,CAAS;AACxD;;"}

package/dist/hooks/theme-provider.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { Theme } from './use-theme';
+export type ThemeProviderProps = {
+    children: ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+};
+export declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/hooks/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../src/hooks/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAOL,KAAK,KAAK,EAEX,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA8B,GAC/B,EAAE,kBAAkB,2CAoCpB"}

package/dist/hooks/theme-provider.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { readStoredTheme, resolveTheme, applyTheme, THEME_STORAGE_KEY, ThemeContext } from "./use-theme.js";
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = THEME_STORAGE_KEY
+}) {
+  const [theme, setThemeState] = useState(() => {
+    if (typeof window === "undefined") return defaultTheme;
+    return readStoredTheme() ?? defaultTheme;
+  });
+  const [resolvedTheme, setResolvedTheme] = useState(() => resolveTheme(theme));
+  useEffect(() => {
+    const next = resolveTheme(theme);
+    setResolvedTheme(next);
+    applyTheme(next);
+    if (typeof window !== "undefined") {
+      window.localStorage.setItem(storageKey, theme);
+    }
+  }, [theme, storageKey]);
+  useEffect(() => {
+    if (theme !== "system" || typeof window === "undefined") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = () => {
+      const next = mq.matches ? "dark" : "light";
+      setResolvedTheme(next);
+      applyTheme(next);
+    };
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [theme]);
+  const setTheme = useCallback((next) => setThemeState(next), []);
+  const value = useMemo(
+    () => ({ theme, resolvedTheme, setTheme }),
+    [theme, resolvedTheme, setTheme]
+  );
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+}
+export {
+  ThemeProvider
+};
+//# sourceMappingURL=theme-provider.js.map

package/dist/hooks/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sources":["../../src/hooks/theme-provider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport {\n  THEME_STORAGE_KEY,\n  ThemeContext,\n  applyTheme,\n  readStoredTheme,\n  resolveTheme,\n  type ResolvedTheme,\n  type Theme,\n  type ThemeContextValue,\n} from \"./use-theme\";\n\nexport type ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"system\",\n  storageKey = THEME_STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === \"undefined\") return defaultTheme;\n    return readStoredTheme() ?? defaultTheme;\n  });\n  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>(() => resolveTheme(theme));\n\n  useEffect(() => {\n    const next = resolveTheme(theme);\n    setResolvedTheme(next);\n    applyTheme(next);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, theme);\n    }\n  }, [theme, storageKey]);\n\n  useEffect(() => {\n    if (theme !== \"system\" || typeof window === \"undefined\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const onChange = () => {\n      const next: ResolvedTheme = mq.matches ? \"dark\" : \"light\";\n      setResolvedTheme(next);\n      applyTheme(next);\n    };\n    mq.addEventListener(\"change\", onChange);\n    return () => mq.removeEventListener(\"change\", onChange);\n  }, [theme]);\n\n  const setTheme = useCallback((next: Theme) => setThemeState(next), []);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({ theme, resolvedTheme, setTheme }),\n    [theme, resolvedTheme, setTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n"],"names":[],"mappings":";;;AAkBO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AACf,GAAuB;AACrB,QAAM,CAAC,OAAO,aAAa,IAAI,SAAgB,MAAM;AACnD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,qBAAqB;AAAA,EAC9B,CAAC;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,MAAM,aAAa,KAAK,CAAC;AAE3F,YAAU,MAAM;AACd,UAAM,OAAO,aAAa,KAAK;AAC/B,qBAAiB,IAAI;AACrB,eAAW,IAAI;AACf,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,YAAU,MAAM;AACd,QAAI,UAAU,YAAY,OAAO,WAAW,YAAa;AACzD,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,WAAW,MAAM;AACrB,YAAM,OAAsB,GAAG,UAAU,SAAS;AAClD,uBAAiB,IAAI;AACrB,iBAAW,IAAI;AAAA,IACjB;AACA,OAAG,iBAAiB,UAAU,QAAQ;AACtC,WAAO,MAAM,GAAG,oBAAoB,UAAU,QAAQ;AAAA,EACxD,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAW,YAAY,CAAC,SAAgB,cAAc,IAAI,GAAG,EAAE;AAErE,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,OAAO,eAAe;IAC/B,CAAC,OAAO,eAAe,QAAQ;AAAA,EAAA;AAGjC,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAe,SAAA,CAAS;AACxD;"}

package/dist/hooks/use-density.cjs

@@ -1,54 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const STORAGE_KEY = "clicky-ui-density";
+const DENSITY_STORAGE_KEY = "clicky-ui-density";
 const DATA_ATTR = "data-density";
 const DensityContext = react.createContext(null);
-function readStored() {
+function readStoredDensity() {
   if (typeof window === "undefined") return null;
-  const raw = window.localStorage.getItem(STORAGE_KEY);
+  const raw = window.localStorage.getItem(DENSITY_STORAGE_KEY);
   return raw === "compact" || raw === "comfortable" || raw === "spacious" ? raw : null;
 }
-function apply(density) {
+function applyDensity(density) {
   if (typeof document === "undefined") return;
   document.documentElement.setAttribute(DATA_ATTR, density);
 }
-function DensityProvider({
-  children,
-  defaultDensity = "comfortable",
-  storageKey = STORAGE_KEY
-}) {
-  const [density, setDensityState] = react.useState(() => {
-    if (typeof window === "undefined") return defaultDensity;
-    return readStored() ?? defaultDensity;
-  });
-  react.useEffect(() => {
-    apply(density);
-    if (typeof window !== "undefined") {
-      window.localStorage.setItem(storageKey, density);
-    }
-  }, [density, storageKey]);
-  const setDensity = react.useCallback((next) => setDensityState(next), []);
-  const value = react.useMemo(
-    () => ({ density, setDensity }),
-    [density, setDensity]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(DensityContext.Provider, { value, children });
-}
 function useDensity() {
   const ctx = react.useContext(DensityContext);
   if (!ctx) throw new Error("useDensity must be used inside <DensityProvider>");
   return ctx;
 }
-function DensityValueProvider({
-  density,
-  children
-}) {
-  const value = react.useMemo(() => ({ density, setDensity: () => {
-  } }), [density]);
-  return /* @__PURE__ */ jsxRuntime.jsx(DensityContext.Provider, { value, children });
-}
 function useDensityValue() {
   const ctx = react.useContext(DensityContext);
   if (ctx) return ctx.density;
@@ -56,8 +25,10 @@ function useDensityValue() {
   const raw = document.documentElement.getAttribute("data-density");
   return raw === "compact" || raw === "spacious" ? raw : "comfortable";
 }
-exports.DensityProvider = DensityProvider;
-exports.DensityValueProvider = DensityValueProvider;
+exports.DENSITY_STORAGE_KEY = DENSITY_STORAGE_KEY;
+exports.DensityContext = DensityContext;
+exports.applyDensity = applyDensity;
+exports.readStoredDensity = readStoredDensity;
 exports.useDensity = useDensity;
 exports.useDensityValue = useDensityValue;
 //# sourceMappingURL=use-density.cjs.map

package/dist/hooks/use-density.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-density.cjs","sources":["../../src/hooks/use-density.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nexport type Density = \"compact\" | \"comfortable\" | \"spacious\";\n\ntype DensityContextValue = {\n  density: Density;\n  setDensity: (next: Density) => void;\n};\n\nconst STORAGE_KEY = \"clicky-ui-density\";\nconst DATA_ATTR = \"data-density\";\n\nconst DensityContext = createContext<DensityContextValue | null>(null);\n\nfunction readStored(): Density | null {\n  if (typeof window === \"undefined\") return null;\n  const raw = window.localStorage.getItem(STORAGE_KEY);\n  return raw === \"compact\" || raw === \"comfortable\" || raw === \"spacious\" ? raw : null;\n}\n\nfunction apply(density: Density): void {\n  if (typeof document === \"undefined\") return;\n  document.documentElement.setAttribute(DATA_ATTR, density);\n}\n\nexport type DensityProviderProps = {\n  children: ReactNode;\n  defaultDensity?: Density;\n  storageKey?: string;\n};\n\nexport function DensityProvider({\n  children,\n  defaultDensity = \"comfortable\",\n  storageKey = STORAGE_KEY,\n}: DensityProviderProps) {\n  const [density, setDensityState] = useState<Density>(() => {\n    if (typeof window === \"undefined\") return defaultDensity;\n    return readStored() ?? defaultDensity;\n  });\n\n  useEffect(() => {\n    apply(density);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, density);\n    }\n  }, [density, storageKey]);\n\n  const setDensity = useCallback((next: Density) => setDensityState(next), []);\n\n  const value = useMemo<DensityContextValue>(\n    () => ({ density, setDensity }),\n    [density, setDensity],\n  );\n\n  return <DensityContext.Provider value={value}>{children}</DensityContext.Provider>;\n}\n\nexport function useDensity(): DensityContextValue {\n  const ctx = useContext(DensityContext);\n  if (!ctx) throw new Error(\"useDensity must be used inside <DensityProvider>\");\n  return ctx;\n}\n\n/**\n * Provide a density value to descendants without owning the storage / setter.\n * Useful when a component (e.g. DataTable) already manages density via its\n * own state and just needs leaf cells like TagList to read the active value\n * via {@link useDensityValue}. Calls to `setDensity` from descendants are\n * ignored — the host component controls density externally.\n */\nexport function DensityValueProvider({\n  density,\n  children,\n}: {\n  density: Density;\n  children: ReactNode;\n}) {\n  const value = useMemo<DensityContextValue>(() => ({ density, setDensity: () => {} }), [density]);\n  return <DensityContext.Provider value={value}>{children}</DensityContext.Provider>;\n}\n\n/**\n * Non-throwing density read. Returns the context value if a `<DensityProvider>`\n * is mounted, otherwise reads the current `data-density` attribute on\n * `<html>`, falling back to `comfortable`. Use inside leaf components that\n * should respect density without requiring their host to mount a provider.\n */\nexport function useDensityValue(): Density {\n  const ctx = useContext(DensityContext);\n  if (ctx) return ctx.density;\n  if (typeof document === \"undefined\") return \"comfortable\";\n  const raw = document.documentElement.getAttribute(\"data-density\");\n  return raw === \"compact\" || raw === \"spacious\" ? raw : \"comfortable\";\n}\n"],"names":["createContext","useState","useEffect","useCallback","useMemo","jsx","useContext"],"mappings":";;;;AAiBA,MAAM,cAAc;AACpB,MAAM,YAAY;AAElB,MAAM,iBAAiBA,MAAAA,cAA0C,IAAI;AAErE,SAAS,aAA6B;AACpC,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM,OAAO,aAAa,QAAQ,WAAW;AACnD,SAAO,QAAQ,aAAa,QAAQ,iBAAiB,QAAQ,aAAa,MAAM;AAClF;AAEA,SAAS,MAAM,SAAwB;AACrC,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,gBAAgB,aAAa,WAAW,OAAO;AAC1D;AAQO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AACf,GAAyB;AACvB,QAAM,CAAC,SAAS,eAAe,IAAIC,MAAAA,SAAkB,MAAM;AACzD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,gBAAgB;AAAA,EACzB,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,UAAM,OAAO;AACb,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,OAAO;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,QAAM,aAAaC,MAAAA,YAAY,CAAC,SAAkB,gBAAgB,IAAI,GAAG,EAAE;AAE3E,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO,EAAE,SAAS;IAClB,CAAC,SAAS,UAAU;AAAA,EAAA;AAGtB,SAAOC,2BAAAA,IAAC,eAAe,UAAf,EAAwB,OAAe,SAAA,CAAS;AAC1D;AAEO,SAAS,aAAkC;AAChD,QAAM,MAAMC,MAAAA,WAAW,cAAc;AACrC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,kDAAkD;AAC5E,SAAO;AACT;AASO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQF,MAAAA,QAA6B,OAAO,EAAE,SAAS,YAAY,MAAM;AAAA,EAAC,EAAA,IAAM,CAAC,OAAO,CAAC;AAC/F,SAAOC,2BAAAA,IAAC,eAAe,UAAf,EAAwB,OAAe,SAAA,CAAS;AAC1D;AAQO,SAAS,kBAA2B;AACzC,QAAM,MAAMC,MAAAA,WAAW,cAAc;AACrC,MAAI,YAAY,IAAI;AACpB,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAM,MAAM,SAAS,gBAAgB,aAAa,cAAc;AAChE,SAAO,QAAQ,aAAa,QAAQ,aAAa,MAAM;AACzD;;;;;"}
+{"version":3,"file":"use-density.cjs","sources":["../../src/hooks/use-density.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport type Density = \"compact\" | \"comfortable\" | \"spacious\";\n\nexport type DensityContextValue = {\n  density: Density;\n  setDensity: (next: Density) => void;\n};\n\nexport const DENSITY_STORAGE_KEY = \"clicky-ui-density\";\nconst DATA_ATTR = \"data-density\";\n\nexport const DensityContext = createContext<DensityContextValue | null>(null);\n\nexport function readStoredDensity(): Density | null {\n  if (typeof window === \"undefined\") return null;\n  const raw = window.localStorage.getItem(DENSITY_STORAGE_KEY);\n  return raw === \"compact\" || raw === \"comfortable\" || raw === \"spacious\" ? raw : null;\n}\n\nexport function applyDensity(density: Density): void {\n  if (typeof document === \"undefined\") return;\n  document.documentElement.setAttribute(DATA_ATTR, density);\n}\n\nexport function useDensity(): DensityContextValue {\n  const ctx = useContext(DensityContext);\n  if (!ctx) throw new Error(\"useDensity must be used inside <DensityProvider>\");\n  return ctx;\n}\n\n/**\n * Non-throwing density read. Returns the context value if a `<DensityProvider>`\n * is mounted, otherwise reads the current `data-density` attribute on\n * `<html>`, falling back to `comfortable`. Use inside leaf components that\n * should respect density without requiring their host to mount a provider.\n */\nexport function useDensityValue(): Density {\n  const ctx = useContext(DensityContext);\n  if (ctx) return ctx.density;\n  if (typeof document === \"undefined\") return \"comfortable\";\n  const raw = document.documentElement.getAttribute(\"data-density\");\n  return raw === \"compact\" || raw === \"spacious\" ? raw : \"comfortable\";\n}\n"],"names":["createContext","useContext"],"mappings":";;;AASO,MAAM,sBAAsB;AACnC,MAAM,YAAY;AAEX,MAAM,iBAAiBA,MAAAA,cAA0C,IAAI;AAErE,SAAS,oBAAoC;AAClD,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM,OAAO,aAAa,QAAQ,mBAAmB;AAC3D,SAAO,QAAQ,aAAa,QAAQ,iBAAiB,QAAQ,aAAa,MAAM;AAClF;AAEO,SAAS,aAAa,SAAwB;AACnD,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,gBAAgB,aAAa,WAAW,OAAO;AAC1D;AAEO,SAAS,aAAkC;AAChD,QAAM,MAAMC,MAAAA,WAAW,cAAc;AACrC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,kDAAkD;AAC5E,SAAO;AACT;AAQO,SAAS,kBAA2B;AACzC,QAAM,MAAMA,MAAAA,WAAW,cAAc;AACrC,MAAI,YAAY,IAAI;AACpB,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAM,MAAM,SAAS,gBAAgB,aAAa,cAAc;AAChE,SAAO,QAAQ,aAAa,QAAQ,aAAa,MAAM;AACzD;;;;;;;"}

package/dist/hooks/use-density.d.ts

@@ -1,27 +1,13 @@
-import { ReactNode } from 'react';
 export type Density = "compact" | "comfortable" | "spacious";
-type DensityContextValue = {
+export type DensityContextValue = {
     density: Density;
     setDensity: (next: Density) => void;
 };
-export type DensityProviderProps = {
-    children: ReactNode;
-    defaultDensity?: Density;
-    storageKey?: string;
-};
-export declare function DensityProvider({ children, defaultDensity, storageKey, }: DensityProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const DENSITY_STORAGE_KEY = "clicky-ui-density";
+export declare const DensityContext: import('react').Context<DensityContextValue | null>;
+export declare function readStoredDensity(): Density | null;
+export declare function applyDensity(density: Density): void;
 export declare function useDensity(): DensityContextValue;
-/**
- * Provide a density value to descendants without owning the storage / setter.
- * Useful when a component (e.g. DataTable) already manages density via its
- * own state and just needs leaf cells like TagList to read the active value
- * via {@link useDensityValue}. Calls to `setDensity` from descendants are
- * ignored — the host component controls density externally.
- */
-export declare function DensityValueProvider({ density, children, }: {
-    density: Density;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
 /**
  * Non-throwing density read. Returns the context value if a `<DensityProvider>`
  * is mounted, otherwise reads the current `data-density` attribute on
@@ -29,5 +15,4 @@ export declare function DensityValueProvider({ density, children, }: {
  * should respect density without requiring their host to mount a provider.
  */
 export declare function useDensityValue(): Density;
-export {};
 //# sourceMappingURL=use-density.d.ts.map

package/dist/hooks/use-density.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-density.d.ts","sourceRoot":"","sources":["../../src/hooks/use-density.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAE7D,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAkBF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,cAA8B,EAC9B,UAAwB,GACzB,EAAE,oBAAoB,2CAqBtB;AAED,wBAAgB,UAAU,IAAI,mBAAmB,CAIhD;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAGA;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAMzC"}
+{"version":3,"file":"use-density.d.ts","sourceRoot":"","sources":["../../src/hooks/use-density.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AAGvD,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,wBAAgB,iBAAiB,IAAI,OAAO,GAAG,IAAI,CAIlD;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAGnD;AAED,wBAAgB,UAAU,IAAI,mBAAmB,CAIhD;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAMzC"}

package/dist/hooks/use-density.js

@@ -1,52 +1,21 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useMemo, useContext, createContext } from "react";
-const STORAGE_KEY = "clicky-ui-density";
+import { useContext, createContext } from "react";
+const DENSITY_STORAGE_KEY = "clicky-ui-density";
 const DATA_ATTR = "data-density";
 const DensityContext = createContext(null);
-function readStored() {
+function readStoredDensity() {
   if (typeof window === "undefined") return null;
-  const raw = window.localStorage.getItem(STORAGE_KEY);
+  const raw = window.localStorage.getItem(DENSITY_STORAGE_KEY);
   return raw === "compact" || raw === "comfortable" || raw === "spacious" ? raw : null;
 }
-function apply(density) {
+function applyDensity(density) {
   if (typeof document === "undefined") return;
   document.documentElement.setAttribute(DATA_ATTR, density);
 }
-function DensityProvider({
-  children,
-  defaultDensity = "comfortable",
-  storageKey = STORAGE_KEY
-}) {
-  const [density, setDensityState] = useState(() => {
-    if (typeof window === "undefined") return defaultDensity;
-    return readStored() ?? defaultDensity;
-  });
-  useEffect(() => {
-    apply(density);
-    if (typeof window !== "undefined") {
-      window.localStorage.setItem(storageKey, density);
-    }
-  }, [density, storageKey]);
-  const setDensity = useCallback((next) => setDensityState(next), []);
-  const value = useMemo(
-    () => ({ density, setDensity }),
-    [density, setDensity]
-  );
-  return /* @__PURE__ */ jsx(DensityContext.Provider, { value, children });
-}
 function useDensity() {
   const ctx = useContext(DensityContext);
   if (!ctx) throw new Error("useDensity must be used inside <DensityProvider>");
   return ctx;
 }
-function DensityValueProvider({
-  density,
-  children
-}) {
-  const value = useMemo(() => ({ density, setDensity: () => {
-  } }), [density]);
-  return /* @__PURE__ */ jsx(DensityContext.Provider, { value, children });
-}
 function useDensityValue() {
   const ctx = useContext(DensityContext);
   if (ctx) return ctx.density;
@@ -55,8 +24,10 @@ function useDensityValue() {
   return raw === "compact" || raw === "spacious" ? raw : "comfortable";
 }
 export {
-  DensityProvider,
-  DensityValueProvider,
+  DENSITY_STORAGE_KEY,
+  DensityContext,
+  applyDensity,
+  readStoredDensity,
   useDensity,
   useDensityValue
 };

package/dist/hooks/use-density.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-density.js","sources":["../../src/hooks/use-density.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nexport type Density = \"compact\" | \"comfortable\" | \"spacious\";\n\ntype DensityContextValue = {\n  density: Density;\n  setDensity: (next: Density) => void;\n};\n\nconst STORAGE_KEY = \"clicky-ui-density\";\nconst DATA_ATTR = \"data-density\";\n\nconst DensityContext = createContext<DensityContextValue | null>(null);\n\nfunction readStored(): Density | null {\n  if (typeof window === \"undefined\") return null;\n  const raw = window.localStorage.getItem(STORAGE_KEY);\n  return raw === \"compact\" || raw === \"comfortable\" || raw === \"spacious\" ? raw : null;\n}\n\nfunction apply(density: Density): void {\n  if (typeof document === \"undefined\") return;\n  document.documentElement.setAttribute(DATA_ATTR, density);\n}\n\nexport type DensityProviderProps = {\n  children: ReactNode;\n  defaultDensity?: Density;\n  storageKey?: string;\n};\n\nexport function DensityProvider({\n  children,\n  defaultDensity = \"comfortable\",\n  storageKey = STORAGE_KEY,\n}: DensityProviderProps) {\n  const [density, setDensityState] = useState<Density>(() => {\n    if (typeof window === \"undefined\") return defaultDensity;\n    return readStored() ?? defaultDensity;\n  });\n\n  useEffect(() => {\n    apply(density);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, density);\n    }\n  }, [density, storageKey]);\n\n  const setDensity = useCallback((next: Density) => setDensityState(next), []);\n\n  const value = useMemo<DensityContextValue>(\n    () => ({ density, setDensity }),\n    [density, setDensity],\n  );\n\n  return <DensityContext.Provider value={value}>{children}</DensityContext.Provider>;\n}\n\nexport function useDensity(): DensityContextValue {\n  const ctx = useContext(DensityContext);\n  if (!ctx) throw new Error(\"useDensity must be used inside <DensityProvider>\");\n  return ctx;\n}\n\n/**\n * Provide a density value to descendants without owning the storage / setter.\n * Useful when a component (e.g. DataTable) already manages density via its\n * own state and just needs leaf cells like TagList to read the active value\n * via {@link useDensityValue}. Calls to `setDensity` from descendants are\n * ignored — the host component controls density externally.\n */\nexport function DensityValueProvider({\n  density,\n  children,\n}: {\n  density: Density;\n  children: ReactNode;\n}) {\n  const value = useMemo<DensityContextValue>(() => ({ density, setDensity: () => {} }), [density]);\n  return <DensityContext.Provider value={value}>{children}</DensityContext.Provider>;\n}\n\n/**\n * Non-throwing density read. Returns the context value if a `<DensityProvider>`\n * is mounted, otherwise reads the current `data-density` attribute on\n * `<html>`, falling back to `comfortable`. Use inside leaf components that\n * should respect density without requiring their host to mount a provider.\n */\nexport function useDensityValue(): Density {\n  const ctx = useContext(DensityContext);\n  if (ctx) return ctx.density;\n  if (typeof document === \"undefined\") return \"comfortable\";\n  const raw = document.documentElement.getAttribute(\"data-density\");\n  return raw === \"compact\" || raw === \"spacious\" ? raw : \"comfortable\";\n}\n"],"names":[],"mappings":";;AAiBA,MAAM,cAAc;AACpB,MAAM,YAAY;AAElB,MAAM,iBAAiB,cAA0C,IAAI;AAErE,SAAS,aAA6B;AACpC,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM,OAAO,aAAa,QAAQ,WAAW;AACnD,SAAO,QAAQ,aAAa,QAAQ,iBAAiB,QAAQ,aAAa,MAAM;AAClF;AAEA,SAAS,MAAM,SAAwB;AACrC,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,gBAAgB,aAAa,WAAW,OAAO;AAC1D;AAQO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,iBAAiB;AAAA,EACjB,aAAa;AACf,GAAyB;AACvB,QAAM,CAAC,SAAS,eAAe,IAAI,SAAkB,MAAM;AACzD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,gBAAgB;AAAA,EACzB,CAAC;AAED,YAAU,MAAM;AACd,UAAM,OAAO;AACb,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,OAAO;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,QAAM,aAAa,YAAY,CAAC,SAAkB,gBAAgB,IAAI,GAAG,EAAE;AAE3E,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,SAAS;IAClB,CAAC,SAAS,UAAU;AAAA,EAAA;AAGtB,SAAO,oBAAC,eAAe,UAAf,EAAwB,OAAe,SAAA,CAAS;AAC1D;AAEO,SAAS,aAAkC;AAChD,QAAM,MAAM,WAAW,cAAc;AACrC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,kDAAkD;AAC5E,SAAO;AACT;AASO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,QAA6B,OAAO,EAAE,SAAS,YAAY,MAAM;AAAA,EAAC,EAAA,IAAM,CAAC,OAAO,CAAC;AAC/F,SAAO,oBAAC,eAAe,UAAf,EAAwB,OAAe,SAAA,CAAS;AAC1D;AAQO,SAAS,kBAA2B;AACzC,QAAM,MAAM,WAAW,cAAc;AACrC,MAAI,YAAY,IAAI;AACpB,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAM,MAAM,SAAS,gBAAgB,aAAa,cAAc;AAChE,SAAO,QAAQ,aAAa,QAAQ,aAAa,MAAM;AACzD;"}
+{"version":3,"file":"use-density.js","sources":["../../src/hooks/use-density.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport type Density = \"compact\" | \"comfortable\" | \"spacious\";\n\nexport type DensityContextValue = {\n  density: Density;\n  setDensity: (next: Density) => void;\n};\n\nexport const DENSITY_STORAGE_KEY = \"clicky-ui-density\";\nconst DATA_ATTR = \"data-density\";\n\nexport const DensityContext = createContext<DensityContextValue | null>(null);\n\nexport function readStoredDensity(): Density | null {\n  if (typeof window === \"undefined\") return null;\n  const raw = window.localStorage.getItem(DENSITY_STORAGE_KEY);\n  return raw === \"compact\" || raw === \"comfortable\" || raw === \"spacious\" ? raw : null;\n}\n\nexport function applyDensity(density: Density): void {\n  if (typeof document === \"undefined\") return;\n  document.documentElement.setAttribute(DATA_ATTR, density);\n}\n\nexport function useDensity(): DensityContextValue {\n  const ctx = useContext(DensityContext);\n  if (!ctx) throw new Error(\"useDensity must be used inside <DensityProvider>\");\n  return ctx;\n}\n\n/**\n * Non-throwing density read. Returns the context value if a `<DensityProvider>`\n * is mounted, otherwise reads the current `data-density` attribute on\n * `<html>`, falling back to `comfortable`. Use inside leaf components that\n * should respect density without requiring their host to mount a provider.\n */\nexport function useDensityValue(): Density {\n  const ctx = useContext(DensityContext);\n  if (ctx) return ctx.density;\n  if (typeof document === \"undefined\") return \"comfortable\";\n  const raw = document.documentElement.getAttribute(\"data-density\");\n  return raw === \"compact\" || raw === \"spacious\" ? raw : \"comfortable\";\n}\n"],"names":[],"mappings":";AASO,MAAM,sBAAsB;AACnC,MAAM,YAAY;AAEX,MAAM,iBAAiB,cAA0C,IAAI;AAErE,SAAS,oBAAoC;AAClD,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM,OAAO,aAAa,QAAQ,mBAAmB;AAC3D,SAAO,QAAQ,aAAa,QAAQ,iBAAiB,QAAQ,aAAa,MAAM;AAClF;AAEO,SAAS,aAAa,SAAwB;AACnD,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,gBAAgB,aAAa,WAAW,OAAO;AAC1D;AAEO,SAAS,aAAkC;AAChD,QAAM,MAAM,WAAW,cAAc;AACrC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,kDAAkD;AAC5E,SAAO;AACT;AAQO,SAAS,kBAA2B;AACzC,QAAM,MAAM,WAAW,cAAc;AACrC,MAAI,YAAY,IAAI;AACpB,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAM,MAAM,SAAS,gBAAgB,aAAa,cAAc;AAChE,SAAO,QAAQ,aAAa,QAAQ,aAAa,MAAM;AACzD;"}

package/dist/hooks/use-theme.cjs

@@ -1,63 +1,26 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const STORAGE_KEY = "clicky-ui-theme";
+const THEME_STORAGE_KEY = "clicky-ui-theme";
 const DATA_ATTR = "data-theme";
 const ThemeContext = react.createContext(null);
 function prefersDark() {
   if (typeof window === "undefined") return false;
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function readStored() {
+function readStoredTheme() {
   if (typeof window === "undefined") return "system";
-  const raw = window.localStorage.getItem(STORAGE_KEY);
+  const raw = window.localStorage.getItem(THEME_STORAGE_KEY);
   return raw === "light" || raw === "dark" || raw === "system" ? raw : "system";
 }
-function resolve(theme) {
+function resolveTheme(theme) {
   if (theme === "system") return prefersDark() ? "dark" : "light";
   return theme;
 }
-function apply(resolved) {
+function applyTheme(resolved) {
   if (typeof document === "undefined") return;
   document.documentElement.setAttribute(DATA_ATTR, resolved);
 }
-function ThemeProvider({
-  children,
-  defaultTheme = "system",
-  storageKey = STORAGE_KEY
-}) {
-  const [theme, setThemeState] = react.useState(() => {
-    if (typeof window === "undefined") return defaultTheme;
-    return readStored() ?? defaultTheme;
-  });
-  const [resolvedTheme, setResolvedTheme] = react.useState(() => resolve(theme));
-  react.useEffect(() => {
-    const next = resolve(theme);
-    setResolvedTheme(next);
-    apply(next);
-    if (typeof window !== "undefined") {
-      window.localStorage.setItem(storageKey, theme);
-    }
-  }, [theme, storageKey]);
-  react.useEffect(() => {
-    if (theme !== "system" || typeof window === "undefined") return;
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const onChange = () => {
-      const next = mq.matches ? "dark" : "light";
-      setResolvedTheme(next);
-      apply(next);
-    };
-    mq.addEventListener("change", onChange);
-    return () => mq.removeEventListener("change", onChange);
-  }, [theme]);
-  const setTheme = react.useCallback((next) => setThemeState(next), []);
-  const value = react.useMemo(
-    () => ({ theme, resolvedTheme, setTheme }),
-    [theme, resolvedTheme, setTheme]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
-}
 function useTheme() {
   const ctx = react.useContext(ThemeContext);
   if (!ctx) throw new Error("useTheme must be used inside <ThemeProvider>");
@@ -83,7 +46,11 @@ function useResolvedTheme(override) {
   if (ctx) return ctx.resolvedTheme;
   return systemResolved;
 }
-exports.ThemeProvider = ThemeProvider;
+exports.THEME_STORAGE_KEY = THEME_STORAGE_KEY;
+exports.ThemeContext = ThemeContext;
+exports.applyTheme = applyTheme;
+exports.readStoredTheme = readStoredTheme;
+exports.resolveTheme = resolveTheme;
 exports.useOptionalTheme = useOptionalTheme;
 exports.useResolvedTheme = useResolvedTheme;
 exports.useTheme = useTheme;

package/dist/hooks/use-theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-theme.cjs","sources":["../../src/hooks/use-theme.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nexport type Theme = \"light\" | \"dark\" | \"system\";\nexport type ResolvedTheme = \"light\" | \"dark\";\n\ntype ThemeContextValue = {\n  theme: Theme;\n  resolvedTheme: ResolvedTheme;\n  setTheme: (next: Theme) => void;\n};\n\nconst STORAGE_KEY = \"clicky-ui-theme\";\nconst DATA_ATTR = \"data-theme\";\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\nfunction prefersDark(): boolean {\n  if (typeof window === \"undefined\") return false;\n  return window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n}\n\nfunction readStored(): Theme {\n  if (typeof window === \"undefined\") return \"system\";\n  const raw = window.localStorage.getItem(STORAGE_KEY);\n  return raw === \"light\" || raw === \"dark\" || raw === \"system\" ? raw : \"system\";\n}\n\nfunction resolve(theme: Theme): ResolvedTheme {\n  if (theme === \"system\") return prefersDark() ? \"dark\" : \"light\";\n  return theme;\n}\n\nfunction apply(resolved: ResolvedTheme): void {\n  if (typeof document === \"undefined\") return;\n  document.documentElement.setAttribute(DATA_ATTR, resolved);\n}\n\nexport type ThemeProviderProps = {\n  children: ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"system\",\n  storageKey = STORAGE_KEY,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === \"undefined\") return defaultTheme;\n    return readStored() ?? defaultTheme;\n  });\n  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>(() => resolve(theme));\n\n  useEffect(() => {\n    const next = resolve(theme);\n    setResolvedTheme(next);\n    apply(next);\n    if (typeof window !== \"undefined\") {\n      window.localStorage.setItem(storageKey, theme);\n    }\n  }, [theme, storageKey]);\n\n  useEffect(() => {\n    if (theme !== \"system\" || typeof window === \"undefined\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const onChange = () => {\n      const next: ResolvedTheme = mq.matches ? \"dark\" : \"light\";\n      setResolvedTheme(next);\n      apply(next);\n    };\n    mq.addEventListener(\"change\", onChange);\n    return () => mq.removeEventListener(\"change\", onChange);\n  }, [theme]);\n\n  const setTheme = useCallback((next: Theme) => setThemeState(next), []);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({ theme, resolvedTheme, setTheme }),\n    [theme, resolvedTheme, setTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\nexport function useTheme(): ThemeContextValue {\n  const ctx = useContext(ThemeContext);\n  if (!ctx) throw new Error(\"useTheme must be used inside <ThemeProvider>\");\n  return ctx;\n}\n\nexport function useOptionalTheme(): ThemeContextValue | null {\n  return useContext(ThemeContext);\n}\n\nexport function useResolvedTheme(override?: Theme): ResolvedTheme {\n  const ctx = useOptionalTheme();\n  const [systemResolved, setSystemResolved] = useState<ResolvedTheme>(() =>\n    prefersDark() ? \"dark\" : \"light\",\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const onChange = () => setSystemResolved(mq.matches ? \"dark\" : \"light\");\n    mq.addEventListener(\"change\", onChange);\n    return () => mq.removeEventListener(\"change\", onChange);\n  }, []);\n\n  if (override && override !== \"system\") return override;\n  if (override === \"system\") return systemResolved;\n  if (ctx) return ctx.resolvedTheme;\n  return systemResolved;\n}\n"],"names":["createContext","useState","useEffect","useCallback","useMemo","jsx","useContext"],"mappings":";;;;AAmBA,MAAM,cAAc;AACpB,MAAM,YAAY;AAElB,MAAM,eAAeA,MAAAA,cAAwC,IAAI;AAEjE,SAAS,cAAuB;AAC9B,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAO,OAAO,WAAW,8BAA8B,EAAE;AAC3D;AAEA,SAAS,aAAoB;AAC3B,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM,OAAO,aAAa,QAAQ,WAAW;AACnD,SAAO,QAAQ,WAAW,QAAQ,UAAU,QAAQ,WAAW,MAAM;AACvE;AAEA,SAAS,QAAQ,OAA6B;AAC5C,MAAI,UAAU,SAAU,QAAO,YAAA,IAAgB,SAAS;AACxD,SAAO;AACT;AAEA,SAAS,MAAM,UAA+B;AAC5C,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,gBAAgB,aAAa,WAAW,QAAQ;AAC3D;AAQO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AACf,GAAuB;AACrB,QAAM,CAAC,OAAO,aAAa,IAAIC,MAAAA,SAAgB,MAAM;AACnD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,gBAAgB;AAAA,EACzB,CAAC;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAAwB,MAAM,QAAQ,KAAK,CAAC;AAEtFC,QAAAA,UAAU,MAAM;AACd,UAAM,OAAO,QAAQ,KAAK;AAC1B,qBAAiB,IAAI;AACrB,UAAM,IAAI;AACV,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,aAAa,QAAQ,YAAY,KAAK;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtBA,QAAAA,UAAU,MAAM;AACd,QAAI,UAAU,YAAY,OAAO,WAAW,YAAa;AACzD,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,WAAW,MAAM;AACrB,YAAM,OAAsB,GAAG,UAAU,SAAS;AAClD,uBAAiB,IAAI;AACrB,YAAM,IAAI;AAAA,IACZ;AACA,OAAG,iBAAiB,UAAU,QAAQ;AACtC,WAAO,MAAM,GAAG,oBAAoB,UAAU,QAAQ;AAAA,EACxD,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAWC,MAAAA,YAAY,CAAC,SAAgB,cAAc,IAAI,GAAG,EAAE;AAErE,QAAM,QAAQC,MAAAA;AAAAA,IACZ,OAAO,EAAE,OAAO,eAAe;IAC/B,CAAC,OAAO,eAAe,QAAQ;AAAA,EAAA;AAGjC,SAAOC,2BAAAA,IAAC,aAAa,UAAb,EAAsB,OAAe,SAAA,CAAS;AACxD;AAEO,SAAS,WAA8B;AAC5C,QAAM,MAAMC,MAAAA,WAAW,YAAY;AACnC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8CAA8C;AACxE,SAAO;AACT;AAEO,SAAS,mBAA6C;AAC3D,SAAOA,MAAAA,WAAW,YAAY;AAChC;AAEO,SAAS,iBAAiB,UAAiC;AAChE,QAAM,MAAM,iBAAA;AACZ,QAAM,CAAC,gBAAgB,iBAAiB,IAAIL,MAAAA;AAAAA,IAAwB,MAClE,YAAA,IAAgB,SAAS;AAAA,EAAA;AAG3BC,QAAAA,UAAU,MAAM;AACd,QAAI,OAAO,WAAW,YAAa;AACnC,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,WAAW,MAAM,kBAAkB,GAAG,UAAU,SAAS,OAAO;AACtE,OAAG,iBAAiB,UAAU,QAAQ;AACtC,WAAO,MAAM,GAAG,oBAAoB,UAAU,QAAQ;AAAA,EACxD,GAAG,CAAA,CAAE;AAEL,MAAI,YAAY,aAAa,SAAU,QAAO;AAC9C,MAAI,aAAa,SAAU,QAAO;AAClC,MAAI,YAAY,IAAI;AACpB,SAAO;AACT;;;;;"}
+{"version":3,"file":"use-theme.cjs","sources":["../../src/hooks/use-theme.ts"],"sourcesContent":["import { createContext, useContext, useEffect, useState } from \"react\";\n\nexport type Theme = \"light\" | \"dark\" | \"system\";\nexport type ResolvedTheme = \"light\" | \"dark\";\n\nexport type ThemeContextValue = {\n  theme: Theme;\n  resolvedTheme: ResolvedTheme;\n  setTheme: (next: Theme) => void;\n};\n\nexport const THEME_STORAGE_KEY = \"clicky-ui-theme\";\nconst DATA_ATTR = \"data-theme\";\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nfunction prefersDark(): boolean {\n  if (typeof window === \"undefined\") return false;\n  return window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n}\n\nexport function readStoredTheme(): Theme {\n  if (typeof window === \"undefined\") return \"system\";\n  const raw = window.localStorage.getItem(THEME_STORAGE_KEY);\n  return raw === \"light\" || raw === \"dark\" || raw === \"system\" ? raw : \"system\";\n}\n\nexport function resolveTheme(theme: Theme): ResolvedTheme {\n  if (theme === \"system\") return prefersDark() ? \"dark\" : \"light\";\n  return theme;\n}\n\nexport function applyTheme(resolved: ResolvedTheme): void {\n  if (typeof document === \"undefined\") return;\n  document.documentElement.setAttribute(DATA_ATTR, resolved);\n}\n\nexport function useTheme(): ThemeContextValue {\n  const ctx = useContext(ThemeContext);\n  if (!ctx) throw new Error(\"useTheme must be used inside <ThemeProvider>\");\n  return ctx;\n}\n\nexport function useOptionalTheme(): ThemeContextValue | null {\n  return useContext(ThemeContext);\n}\n\nexport function useResolvedTheme(override?: Theme): ResolvedTheme {\n  const ctx = useOptionalTheme();\n  const [systemResolved, setSystemResolved] = useState<ResolvedTheme>(() =>\n    prefersDark() ? \"dark\" : \"light\",\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const onChange = () => setSystemResolved(mq.matches ? \"dark\" : \"light\");\n    mq.addEventListener(\"change\", onChange);\n    return () => mq.removeEventListener(\"change\", onChange);\n  }, []);\n\n  if (override && override !== \"system\") return override;\n  if (override === \"system\") return systemResolved;\n  if (ctx) return ctx.resolvedTheme;\n  return systemResolved;\n}\n"],"names":["createContext","useContext","useState","useEffect"],"mappings":";;;AAWO,MAAM,oBAAoB;AACjC,MAAM,YAAY;AAEX,MAAM,eAAeA,MAAAA,cAAwC,IAAI;AAExE,SAAS,cAAuB;AAC9B,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAO,OAAO,WAAW,8BAA8B,EAAE;AAC3D;AAEO,SAAS,kBAAyB;AACvC,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM,OAAO,aAAa,QAAQ,iBAAiB;AACzD,SAAO,QAAQ,WAAW,QAAQ,UAAU,QAAQ,WAAW,MAAM;AACvE;AAEO,SAAS,aAAa,OAA6B;AACxD,MAAI,UAAU,SAAU,QAAO,YAAA,IAAgB,SAAS;AACxD,SAAO;AACT;AAEO,SAAS,WAAW,UAA+B;AACxD,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,gBAAgB,aAAa,WAAW,QAAQ;AAC3D;AAEO,SAAS,WAA8B;AAC5C,QAAM,MAAMC,MAAAA,WAAW,YAAY;AACnC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8CAA8C;AACxE,SAAO;AACT;AAEO,SAAS,mBAA6C;AAC3D,SAAOA,MAAAA,WAAW,YAAY;AAChC;AAEO,SAAS,iBAAiB,UAAiC;AAChE,QAAM,MAAM,iBAAA;AACZ,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA;AAAAA,IAAwB,MAClE,YAAA,IAAgB,SAAS;AAAA,EAAA;AAG3BC,QAAAA,UAAU,MAAM;AACd,QAAI,OAAO,WAAW,YAAa;AACnC,UAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,UAAM,WAAW,MAAM,kBAAkB,GAAG,UAAU,SAAS,OAAO;AACtE,OAAG,iBAAiB,UAAU,QAAQ;AACtC,WAAO,MAAM,GAAG,oBAAoB,UAAU,QAAQ;AAAA,EACxD,GAAG,CAAA,CAAE;AAEL,MAAI,YAAY,aAAa,SAAU,QAAO;AAC9C,MAAI,aAAa,SAAU,QAAO;AAClC,MAAI,YAAY,IAAI;AACpB,SAAO;AACT;;;;;;;;;"}

package/dist/hooks/use-theme.d.ts

@@ -1,19 +1,16 @@
-import { ReactNode } from 'react';
 export type Theme = "light" | "dark" | "system";
 export type ResolvedTheme = "light" | "dark";
-type ThemeContextValue = {
+export type ThemeContextValue = {
     theme: Theme;
     resolvedTheme: ResolvedTheme;
     setTheme: (next: Theme) => void;
 };
-export type ThemeProviderProps = {
-    children: ReactNode;
-    defaultTheme?: Theme;
-    storageKey?: string;
-};
-export declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const THEME_STORAGE_KEY = "clicky-ui-theme";
+export declare const ThemeContext: import('react').Context<ThemeContextValue | null>;
+export declare function readStoredTheme(): Theme;
+export declare function resolveTheme(theme: Theme): ResolvedTheme;
+export declare function applyTheme(resolved: ResolvedTheme): void;
 export declare function useTheme(): ThemeContextValue;
 export declare function useOptionalTheme(): ThemeContextValue | null;
 export declare function useResolvedTheme(override?: Theme): ResolvedTheme;
-export {};
 //# sourceMappingURL=use-theme.d.ts.map

package/dist/hooks/use-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC,CAAC;AA4BF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAAwB,GACzB,EAAE,kBAAkB,2CAoCpB;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C;AAED,wBAAgB,gBAAgB,IAAI,iBAAiB,GAAG,IAAI,CAE3D;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,KAAK,GAAG,aAAa,CAkBhE"}
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,oBAAoB,CAAC;AAGnD,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAO1E,wBAAgB,eAAe,IAAI,KAAK,CAIvC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CAGxD;AAED,wBAAgB,UAAU,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAGxD;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C;AAED,wBAAgB,gBAAgB,IAAI,iBAAiB,GAAG,IAAI,CAE3D;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,KAAK,GAAG,aAAa,CAkBhE"}