@flanksource/clicky-ui 0.2.14 → 0.2.15

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"}

package/dist/hooks/use-theme.js

@@ -1,61 +1,24 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useMemo, useContext, createContext } from "react";
-const STORAGE_KEY = "clicky-ui-theme";
+import { useContext, useState, useEffect, createContext } from "react";
+const THEME_STORAGE_KEY = "clicky-ui-theme";
 const DATA_ATTR = "data-theme";
 const ThemeContext = 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] = useState(() => {
-    if (typeof window === "undefined") return defaultTheme;
-    return readStored() ?? defaultTheme;
-  });
-  const [resolvedTheme, setResolvedTheme] = useState(() => resolve(theme));
-  useEffect(() => {
-    const next = resolve(theme);
-    setResolvedTheme(next);
-    apply(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);
-      apply(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 });
-}
 function useTheme() {
   const ctx = useContext(ThemeContext);
   if (!ctx) throw new Error("useTheme must be used inside <ThemeProvider>");
@@ -82,7 +45,11 @@ function useResolvedTheme(override) {
   return systemResolved;
 }
 export {
-  ThemeProvider,
+  THEME_STORAGE_KEY,
+  ThemeContext,
+  applyTheme,
+  readStoredTheme,
+  resolveTheme,
   useOptionalTheme,
   useResolvedTheme,
   useTheme

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

@@ -1 +1 @@
-{"version":3,"file":"use-theme.js","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":[],"mappings":";;AAmBA,MAAM,cAAc;AACpB,MAAM,YAAY;AAElB,MAAM,eAAe,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,IAAI,SAAgB,MAAM;AACnD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,WAAO,gBAAgB;AAAA,EACzB,CAAC;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAwB,MAAM,QAAQ,KAAK,CAAC;AAEtF,YAAU,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;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,YAAM,IAAI;AAAA,IACZ;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;AAEO,SAAS,WAA8B;AAC5C,QAAM,MAAM,WAAW,YAAY;AACnC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8CAA8C;AACxE,SAAO;AACT;AAEO,SAAS,mBAA6C;AAC3D,SAAO,WAAW,YAAY;AAChC;AAEO,SAAS,iBAAiB,UAAiC;AAChE,QAAM,MAAM,iBAAA;AACZ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAAwB,MAClE,YAAA,IAAgB,SAAS;AAAA,EAAA;AAG3B,YAAU,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.js","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":[],"mappings":";AAWO,MAAM,oBAAoB;AACjC,MAAM,YAAY;AAEX,MAAM,eAAe,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,MAAM,WAAW,YAAY;AACnC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,8CAA8C;AACxE,SAAO;AACT;AAEO,SAAS,mBAA6C;AAC3D,SAAO,WAAW,YAAY;AAChC;AAEO,SAAS,iBAAiB,UAAiC;AAChE,QAAM,MAAM,iBAAA;AACZ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAAwB,MAClE,YAAA,IAAgB,SAAS;AAAA,EAAA;AAG3B,YAAU,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.cjs

@@ -1,17 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const useTheme = require("./hooks/use-theme.cjs");
+const themeProvider = require("./hooks/theme-provider.cjs");
 const useDensity = require("./hooks/use-density.cjs");
+const densityProvider = require("./hooks/density-provider.cjs");
 const useSort = require("./hooks/use-sort.cjs");
 const useHistoryRoute = require("./hooks/use-history-route.cjs");
 const useTaskRun = require("./hooks/use-task-run.cjs");
-exports.ThemeProvider = useTheme.ThemeProvider;
 exports.useOptionalTheme = useTheme.useOptionalTheme;
 exports.useResolvedTheme = useTheme.useResolvedTheme;
 exports.useTheme = useTheme.useTheme;
-exports.DensityProvider = useDensity.DensityProvider;
+exports.ThemeProvider = themeProvider.ThemeProvider;
 exports.useDensity = useDensity.useDensity;
 exports.useDensityValue = useDensity.useDensityValue;
+exports.DensityProvider = densityProvider.DensityProvider;
+exports.DensityValueProvider = densityProvider.DensityValueProvider;
 exports.useSort = useSort.useSort;
 exports.useHistoryRoute = useHistoryRoute.useHistoryRoute;
 exports.useTaskRun = useTaskRun.useTaskRun;

package/dist/hooks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"hooks.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks.d.ts

@@ -1,5 +1,7 @@
-export { ThemeProvider, useTheme, useOptionalTheme, useResolvedTheme, type Theme, type ResolvedTheme, } from './hooks/use-theme';
-export { DensityProvider, useDensity, useDensityValue, type Density } from './hooks/use-density';
+export { useTheme, useOptionalTheme, useResolvedTheme, type Theme, type ResolvedTheme, } from './hooks/use-theme';
+export { ThemeProvider, type ThemeProviderProps } from './hooks/theme-provider';
+export { useDensity, useDensityValue, type Density } from './hooks/use-density';
+export { DensityProvider, DensityValueProvider, type DensityProviderProps, } from './hooks/density-provider';
 export { useSort, type SortDir, type SortState, type UseSortOptions, type UseSortReturn, } from './hooks/use-sort';
 export { useHistoryRoute, type UseHistoryRouteOptions } from './hooks/use-history-route';
 export { useTaskRun, useTaskRuns, type UseTaskRunOptions, type UseTaskRunResult, type UseTaskRunsOptions, type UseTaskRunsResult, type TaskTransportOptions, } from './hooks/use-task-run';

package/dist/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,KAAK,EACV,KAAK,aAAa,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACjG,OAAO,EACL,OAAO,EACP,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,aAAa,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EACL,UAAU,EACV,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,KAAK,EACV,KAAK,aAAa,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,KAAK,oBAAoB,GAC1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,OAAO,EACP,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,aAAa,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EACL,UAAU,EACV,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC"}

package/dist/hooks.js

@@ -1,10 +1,13 @@
-import { ThemeProvider, useOptionalTheme, useResolvedTheme, useTheme } from "./hooks/use-theme.js";
-import { DensityProvider, useDensity, useDensityValue } from "./hooks/use-density.js";
+import { useOptionalTheme, useResolvedTheme, useTheme } from "./hooks/use-theme.js";
+import { ThemeProvider } from "./hooks/theme-provider.js";
+import { useDensity, useDensityValue } from "./hooks/use-density.js";
+import { DensityProvider, DensityValueProvider } from "./hooks/density-provider.js";
 import { useSort } from "./hooks/use-sort.js";
 import { useHistoryRoute } from "./hooks/use-history-route.js";
 import { useTaskRun, useTaskRuns } from "./hooks/use-task-run.js";
 export {
   DensityProvider,
+  DensityValueProvider,
   ThemeProvider,
   useDensity,
   useDensityValue,

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/icons/changeIconAliases.cjs

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const UiCloudDownload = require("./components/UiCloudDownload.cjs");
-const UiServer = require("./components/UiServer.cjs");
-const UiPlaybook = require("./components/UiPlaybook.cjs");
-const UiInsightCost = require("./components/UiInsightCost.cjs");
-const UiShield = require("./components/UiShield.cjs");
+const UiAdd = require("./components/UiAdd.cjs");
 const UiArrowRight = require("./components/UiArrowRight.cjs");
+const UiCamera = require("./components/UiCamera.cjs");
 const UiCircleX = require("./components/UiCircleX.cjs");
+const UiCloudDownload = require("./components/UiCloudDownload.cjs");
+const UiDatabase = require("./components/UiDatabase.cjs");
+const UiDiff = require("./components/UiDiff.cjs");
+const UiEdit = require("./components/UiEdit.cjs");
+const UiInsightCost = require("./components/UiInsightCost.cjs");
+const UiKey = require("./components/UiKey.cjs");
 const UiPass = require("./components/UiPass.cjs");
 const UiPlay = require("./components/UiPlay.cjs");
-const UiDatabase = require("./components/UiDatabase.cjs");
+const UiPlaybook = require("./components/UiPlaybook.cjs");
 const UiRefresh = require("./components/UiRefresh.cjs");
 const UiRocket = require("./components/UiRocket.cjs");
-const UiKey = require("./components/UiKey.cjs");
-const UiCamera = require("./components/UiCamera.cjs");
-const UiUsersThree = require("./components/UiUsersThree.cjs");
-const UiUser = require("./components/UiUser.cjs");
-const UiDiff = require("./components/UiDiff.cjs");
+const UiServer = require("./components/UiServer.cjs");
+const UiShield = require("./components/UiShield.cjs");
 const UiTrash = require("./components/UiTrash.cjs");
-const UiEdit = require("./components/UiEdit.cjs");
-const UiAdd = require("./components/UiAdd.cjs");
+const UiUser = require("./components/UiUser.cjs");
+const UiUsersThree = require("./components/UiUsersThree.cjs");
 const changeIconAliases = {
   "CREATE": { outline: UiAdd.UiAdd, filled: UiAdd.UiAddFilled },
   "UPDATE": { outline: UiEdit.UiEdit, filled: UiEdit.UiEditFilled },