@flanksource/clicky-ui 0.2.2 → 0.2.4

package/dist/data.js.map

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

package/dist/hooks/use-density.cjs

@@ -0,0 +1,63 @@
+"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 DATA_ATTR = "data-density";
+const DensityContext = react.createContext(null);
+function readStored() {
+  if (typeof window === "undefined") return null;
+  const raw = window.localStorage.getItem(STORAGE_KEY);
+  return raw === "compact" || raw === "comfortable" || raw === "spacious" ? raw : null;
+}
+function apply(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;
+  if (typeof document === "undefined") return "comfortable";
+  const raw = document.documentElement.getAttribute("data-density");
+  return raw === "compact" || raw === "spacious" ? raw : "comfortable";
+}
+exports.DensityProvider = DensityProvider;
+exports.DensityValueProvider = DensityValueProvider;
+exports.useDensity = useDensity;
+exports.useDensityValue = useDensityValue;
+//# sourceMappingURL=use-density.cjs.map

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

@@ -0,0 +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;;;;;"}

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

@@ -11,6 +11,17 @@ export type DensityProviderProps = {
 };
 export declare function DensityProvider({ children, defaultDensity, storageKey, }: DensityProviderProps): import("react/jsx-runtime").JSX.Element;
 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

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;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAMzC"}
+{"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"}

package/dist/hooks/use-density.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useContext, createContext, useState, useEffect, useCallback, useMemo } from "react";
+import { useState, useEffect, useCallback, useMemo, useContext, createContext } from "react";
 const STORAGE_KEY = "clicky-ui-density";
 const DATA_ATTR = "data-density";
 const DensityContext = createContext(null);
@@ -39,6 +39,14 @@ function useDensity() {
   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;
@@ -48,6 +56,7 @@ function useDensityValue() {
 }
 export {
   DensityProvider,
+  DensityValueProvider,
   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 * 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;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.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;"}

package/dist/hooks/use-history-route.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function useHistoryRoute(options) {
+  const { parse, build } = options;
+  const [route, setRoute] = react.useState(
+    () => typeof window === "undefined" ? parse("/", "") : parse(window.location.pathname, window.location.search)
+  );
+  react.useEffect(() => {
+    const onPop = () => setRoute(parse(window.location.pathname, window.location.search));
+    window.addEventListener("popstate", onPop);
+    return () => window.removeEventListener("popstate", onPop);
+  }, [parse]);
+  const navigate = react.useCallback(
+    (next) => {
+      setRoute((prev) => {
+        const merged = typeof next === "function" ? next(prev) : { ...prev, ...next };
+        const path = build(merged);
+        if (typeof window !== "undefined") {
+          const current = window.location.pathname + window.location.search;
+          if (current !== path) window.history.pushState(null, "", path);
+        }
+        return merged;
+      });
+    },
+    [build]
+  );
+  return [route, navigate];
+}
+exports.useHistoryRoute = useHistoryRoute;
+//# sourceMappingURL=use-history-route.cjs.map

package/dist/hooks/use-history-route.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-history-route.cjs","sources":["../../src/hooks/use-history-route.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\nexport type UseHistoryRouteOptions<R> = {\n  parse: (pathname: string, search: string) => R;\n  build: (route: R) => string;\n};\n\nexport function useHistoryRoute<R>(\n  options: UseHistoryRouteOptions<R>,\n): [R, (next: Partial<R> | ((prev: R) => R)) => void] {\n  const { parse, build } = options;\n\n  const [route, setRoute] = useState<R>(() =>\n    typeof window === \"undefined\"\n      ? parse(\"/\", \"\")\n      : parse(window.location.pathname, window.location.search),\n  );\n\n  useEffect(() => {\n    const onPop = () => setRoute(parse(window.location.pathname, window.location.search));\n    window.addEventListener(\"popstate\", onPop);\n    return () => window.removeEventListener(\"popstate\", onPop);\n  }, [parse]);\n\n  const navigate = useCallback(\n    (next: Partial<R> | ((prev: R) => R)) => {\n      setRoute((prev) => {\n        const merged =\n          typeof next === \"function\" ? (next as (p: R) => R)(prev) : ({ ...prev, ...next } as R);\n        const path = build(merged);\n        if (typeof window !== \"undefined\") {\n          const current = window.location.pathname + window.location.search;\n          if (current !== path) window.history.pushState(null, \"\", path);\n        }\n        return merged;\n      });\n    },\n    [build],\n  );\n\n  return [route, navigate];\n}\n"],"names":["useState","useEffect","useCallback"],"mappings":";;;AAOO,SAAS,gBACd,SACoD;AACpD,QAAM,EAAE,OAAO,MAAA,IAAU;AAEzB,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA;AAAAA,IAAY,MACpC,OAAO,WAAW,cACd,MAAM,KAAK,EAAE,IACb,MAAM,OAAO,SAAS,UAAU,OAAO,SAAS,MAAM;AAAA,EAAA;AAG5DC,QAAAA,UAAU,MAAM;AACd,UAAM,QAAQ,MAAM,SAAS,MAAM,OAAO,SAAS,UAAU,OAAO,SAAS,MAAM,CAAC;AACpF,WAAO,iBAAiB,YAAY,KAAK;AACzC,WAAO,MAAM,OAAO,oBAAoB,YAAY,KAAK;AAAA,EAC3D,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAWC,MAAAA;AAAAA,IACf,CAAC,SAAwC;AACvC,eAAS,CAAC,SAAS;AACjB,cAAM,SACJ,OAAO,SAAS,aAAc,KAAqB,IAAI,IAAK,EAAE,GAAG,MAAM,GAAG,KAAA;AAC5E,cAAM,OAAO,MAAM,MAAM;AACzB,YAAI,OAAO,WAAW,aAAa;AACjC,gBAAM,UAAU,OAAO,SAAS,WAAW,OAAO,SAAS;AAC3D,cAAI,YAAY,KAAM,QAAO,QAAQ,UAAU,MAAM,IAAI,IAAI;AAAA,QAC/D;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,KAAK;AAAA,EAAA;AAGR,SAAO,CAAC,OAAO,QAAQ;AACzB;;"}

package/dist/hooks/use-sort.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function resolvePath(obj, path) {
+  return path.split(".").reduce((o, k) => {
+    if (o && typeof o === "object") return o[k];
+    return void 0;
+  }, obj);
+}
+function useSort(items, options = {}) {
+  const { defaultKey, defaultDir = "asc", resolvers } = options;
+  const [sort, setSort] = react.useState(
+    defaultKey ? { key: defaultKey, dir: defaultDir } : null
+  );
+  function toggle(key) {
+    setSort((prev) => {
+      if ((prev == null ? void 0 : prev.key) === key) {
+        return prev.dir === "asc" ? { key, dir: "desc" } : null;
+      }
+      return { key, dir: "asc" };
+    });
+  }
+  const sorted = react.useMemo(() => {
+    if (!items) return [];
+    if (!sort) return items;
+    const { key, dir } = sort;
+    const resolver = resolvers == null ? void 0 : resolvers[key];
+    const get = (item) => resolver ? resolver(item) : resolvePath(item, key);
+    return [...items].sort((a, b) => {
+      const av = get(a);
+      const bv = get(b);
+      if (av == null && bv == null) return 0;
+      if (av == null) return 1;
+      if (bv == null) return -1;
+      const cmp = typeof av === "number" && typeof bv === "number" ? av - bv : String(av).localeCompare(String(bv));
+      return dir === "asc" ? cmp : -cmp;
+    });
+  }, [items, sort, resolvers]);
+  return { sorted, sort, toggle };
+}
+exports.useSort = useSort;
+//# sourceMappingURL=use-sort.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-sort.cjs","sources":["../../src/hooks/use-sort.ts"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nexport type SortDir = \"asc\" | \"desc\";\n\nexport type SortState = {\n  key: string;\n  dir: SortDir;\n};\n\nexport type UseSortOptions<T> = {\n  defaultKey?: string;\n  defaultDir?: SortDir;\n  resolvers?: Record<string, (item: T) => unknown>;\n};\n\nexport type UseSortReturn<T> = {\n  sorted: T[];\n  sort: SortState | null;\n  toggle: (key: string) => void;\n};\n\nfunction resolvePath(obj: unknown, path: string): unknown {\n  return path.split(\".\").reduce<unknown>((o, k) => {\n    if (o && typeof o === \"object\") return (o as Record<string, unknown>)[k];\n    return undefined;\n  }, obj);\n}\n\nexport function useSort<T>(items: T[], options: UseSortOptions<T> = {}): UseSortReturn<T> {\n  const { defaultKey, defaultDir = \"asc\", resolvers } = options;\n\n  const [sort, setSort] = useState<SortState | null>(\n    defaultKey ? { key: defaultKey, dir: defaultDir } : null,\n  );\n\n  function toggle(key: string) {\n    setSort((prev) => {\n      if (prev?.key === key) {\n        return prev.dir === \"asc\" ? { key, dir: \"desc\" } : null;\n      }\n      return { key, dir: \"asc\" };\n    });\n  }\n\n  const sorted = useMemo(() => {\n    if (!items) return [];\n    if (!sort) return items;\n    const { key, dir } = sort;\n    const resolver = resolvers?.[key];\n    const get = (item: T) => (resolver ? resolver(item) : resolvePath(item, key));\n    return [...items].sort((a, b) => {\n      const av = get(a);\n      const bv = get(b);\n      if (av == null && bv == null) return 0;\n      if (av == null) return 1;\n      if (bv == null) return -1;\n      const cmp =\n        typeof av === \"number\" && typeof bv === \"number\"\n          ? av - bv\n          : String(av).localeCompare(String(bv));\n      return dir === \"asc\" ? cmp : -cmp;\n    });\n  }, [items, sort, resolvers]);\n\n  return { sorted, sort, toggle };\n}\n"],"names":["useState","useMemo"],"mappings":";;;AAqBA,SAAS,YAAY,KAAc,MAAuB;AACxD,SAAO,KAAK,MAAM,GAAG,EAAE,OAAgB,CAAC,GAAG,MAAM;AAC/C,QAAI,KAAK,OAAO,MAAM,SAAU,QAAQ,EAA8B,CAAC;AACvE,WAAO;AAAA,EACT,GAAG,GAAG;AACR;AAEO,SAAS,QAAW,OAAY,UAA6B,IAAsB;AACxF,QAAM,EAAE,YAAY,aAAa,OAAO,cAAc;AAEtD,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA;AAAAA,IACtB,aAAa,EAAE,KAAK,YAAY,KAAK,eAAe;AAAA,EAAA;AAGtD,WAAS,OAAO,KAAa;AAC3B,YAAQ,CAAC,SAAS;AAChB,WAAI,6BAAM,SAAQ,KAAK;AACrB,eAAO,KAAK,QAAQ,QAAQ,EAAE,KAAK,KAAK,WAAW;AAAA,MACrD;AACA,aAAO,EAAE,KAAK,KAAK,MAAA;AAAA,IACrB,CAAC;AAAA,EACH;AAEA,QAAM,SAASC,MAAAA,QAAQ,MAAM;AAC3B,QAAI,CAAC,MAAO,QAAO,CAAA;AACnB,QAAI,CAAC,KAAM,QAAO;AAClB,UAAM,EAAE,KAAK,IAAA,IAAQ;AACrB,UAAM,WAAW,uCAAY;AAC7B,UAAM,MAAM,CAAC,SAAa,WAAW,SAAS,IAAI,IAAI,YAAY,MAAM,GAAG;AAC3E,WAAO,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM;AAC/B,YAAM,KAAK,IAAI,CAAC;AAChB,YAAM,KAAK,IAAI,CAAC;AAChB,UAAI,MAAM,QAAQ,MAAM,KAAM,QAAO;AACrC,UAAI,MAAM,KAAM,QAAO;AACvB,UAAI,MAAM,KAAM,QAAO;AACvB,YAAM,MACJ,OAAO,OAAO,YAAY,OAAO,OAAO,WACpC,KAAK,KACL,OAAO,EAAE,EAAE,cAAc,OAAO,EAAE,CAAC;AACzC,aAAO,QAAQ,QAAQ,MAAM,CAAC;AAAA,IAChC,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,MAAM,SAAS,CAAC;AAE3B,SAAO,EAAE,QAAQ,MAAM,OAAA;AACzB;;"}

package/dist/hooks/use-theme.cjs

@@ -0,0 +1,90 @@
+"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 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() {
+  if (typeof window === "undefined") return "system";
+  const raw = window.localStorage.getItem(STORAGE_KEY);
+  return raw === "light" || raw === "dark" || raw === "system" ? raw : "system";
+}
+function resolve(theme) {
+  if (theme === "system") return prefersDark() ? "dark" : "light";
+  return theme;
+}
+function apply(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>");
+  return ctx;
+}
+function useOptionalTheme() {
+  return react.useContext(ThemeContext);
+}
+function useResolvedTheme(override) {
+  const ctx = useOptionalTheme();
+  const [systemResolved, setSystemResolved] = react.useState(
+    () => prefersDark() ? "dark" : "light"
+  );
+  react.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = () => setSystemResolved(mq.matches ? "dark" : "light");
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  if (override && override !== "system") return override;
+  if (override === "system") return systemResolved;
+  if (ctx) return ctx.resolvedTheme;
+  return systemResolved;
+}
+exports.ThemeProvider = ThemeProvider;
+exports.useOptionalTheme = useOptionalTheme;
+exports.useResolvedTheme = useResolvedTheme;
+exports.useTheme = useTheme;
+//# sourceMappingURL=use-theme.cjs.map

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

@@ -0,0 +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;;;;;"}

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

@@ -13,5 +13,7 @@ export type ThemeProviderProps = {
 };
 export declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 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"}
+{"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"}

package/dist/hooks/use-theme.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useContext, createContext, useState, useEffect, useCallback, useMemo } from "react";
+import { useState, useEffect, useCallback, useMemo, useContext, createContext } from "react";
 const STORAGE_KEY = "clicky-ui-theme";
 const DATA_ATTR = "data-theme";
 const ThemeContext = createContext(null);
@@ -61,8 +61,30 @@ function useTheme() {
   if (!ctx) throw new Error("useTheme must be used inside <ThemeProvider>");
   return ctx;
 }
+function useOptionalTheme() {
+  return useContext(ThemeContext);
+}
+function useResolvedTheme(override) {
+  const ctx = useOptionalTheme();
+  const [systemResolved, setSystemResolved] = useState(
+    () => prefersDark() ? "dark" : "light"
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = () => setSystemResolved(mq.matches ? "dark" : "light");
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  if (override && override !== "system") return override;
+  if (override === "system") return systemResolved;
+  if (ctx) return ctx.resolvedTheme;
+  return systemResolved;
+}
 export {
   ThemeProvider,
+  useOptionalTheme,
+  useResolvedTheme,
   useTheme
 };
 //# sourceMappingURL=use-theme.js.map

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"],"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;"}
+{"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;"}

package/dist/hooks.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useTheme = require("./hooks/use-theme.cjs");
+const useDensity = require("./hooks/use-density.cjs");
+const useSort = require("./hooks/use-sort.cjs");
+const useHistoryRoute = require("./hooks/use-history-route.cjs");
+exports.ThemeProvider = useTheme.ThemeProvider;
+exports.useOptionalTheme = useTheme.useOptionalTheme;
+exports.useResolvedTheme = useTheme.useResolvedTheme;
+exports.useTheme = useTheme.useTheme;
+exports.DensityProvider = useDensity.DensityProvider;
+exports.useDensity = useDensity.useDensity;
+exports.useDensityValue = useDensity.useDensityValue;
+exports.useSort = useSort.useSort;
+exports.useHistoryRoute = useHistoryRoute.useHistoryRoute;
+//# sourceMappingURL=hooks.cjs.map

package/dist/hooks.cjs.map

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

package/dist/hooks.d.ts

@@ -1,4 +1,4 @@
-export { ThemeProvider, useTheme, type Theme, type ResolvedTheme } from './hooks/use-theme';
+export { ThemeProvider, useTheme, useOptionalTheme, useResolvedTheme, type Theme, type ResolvedTheme, } from './hooks/use-theme';
 export { DensityProvider, useDensity, useDensityValue, type Density } from './hooks/use-density';
 export { useSort, type SortDir, type SortState, type UseSortOptions, type UseSortReturn, } from './hooks/use-sort';
 export { useHistoryRoute, type UseHistoryRouteOptions } from './hooks/use-history-route';

package/dist/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,KAAK,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5F,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"}
+{"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"}

package/dist/hooks.js

@@ -1,4 +1,4 @@
-import { ThemeProvider, useTheme } from "./hooks/use-theme.js";
+import { ThemeProvider, useOptionalTheme, useResolvedTheme, useTheme } from "./hooks/use-theme.js";
 import { DensityProvider, useDensity, useDensityValue } from "./hooks/use-density.js";
 import { useSort } from "./hooks/use-sort.js";
 import { useHistoryRoute } from "./hooks/use-history-route.js";
@@ -8,6 +8,8 @@ export {
   useDensity,
   useDensityValue,
   useHistoryRoute,
+  useOptionalTheme,
+  useResolvedTheme,
   useSort,
   useTheme
 };

package/dist/icons/changeIconAliases.cjs

@@ -0,0 +1,66 @@
+"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 UiArrowRight = require("./components/UiArrowRight.cjs");
+const UiCircleX = require("./components/UiCircleX.cjs");
+const UiPass = require("./components/UiPass.cjs");
+const UiPlay = require("./components/UiPlay.cjs");
+const UiDatabase = require("./components/UiDatabase.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 UiTrash = require("./components/UiTrash.cjs");
+const UiEdit = require("./components/UiEdit.cjs");
+const UiAdd = require("./components/UiAdd.cjs");
+const changeIconAliases = {
+  "CREATE": { outline: UiAdd.UiAdd, filled: UiAdd.UiAddFilled },
+  "UPDATE": { outline: UiEdit.UiEdit, filled: UiEdit.UiEditFilled },
+  "DELETE": { outline: UiTrash.UiTrash, filled: UiTrash.UiTrashFilled },
+  "diff": { outline: UiDiff.UiDiff },
+  "UserCreated": { outline: UiUser.UiUserPlus, filled: UiUser.UiUserPlusFilled },
+  "UserDeleted": { outline: UiUser.UiUserMinus, filled: UiUser.UiUserMinusFilled },
+  "GroupMemberAdded": { outline: UiUsersThree.UiUsersThreePlus, filled: UiUsersThree.UiUsersThreePlusFilled },
+  "GroupMemberRemoved": { outline: UiUsersThree.UiUsersThreeMinus, filled: UiUsersThree.UiUsersThreeMinusFilled },
+  "Screenshot": { outline: UiCamera.UiCamera, filled: UiCamera.UiCameraFilled },
+  "PermissionAdded": { outline: UiKey.UiKey, filled: UiKey.UiKeyFilled },
+  "PermissionRemoved": { outline: UiKey.UiKey, filled: UiKey.UiKeyFilled },
+  "Deployment": { outline: UiRocket.UiRocket, filled: UiRocket.UiRocketFilled },
+  "Promotion": { outline: UiArrowRight.UiArrowRight, filled: UiArrowRight.UiArrowRightFilled },
+  "Approved": { outline: UiPass.UiPass, filled: UiPass.UiPassFilled },
+  "Rejected": { outline: UiCircleX.UiCircleX, filled: UiCircleX.UiCircleXFilled },
+  "Rollback": { outline: UiRefresh.UiRefresh, filled: UiRefresh.UiRefreshFilled },
+  "BackupStarted": { outline: UiDatabase.UiDatabaseUp, filled: UiDatabase.UiDatabaseUpFilled },
+  "BackupCompleted": { outline: UiDatabase.UiDatabaseCheck, filled: UiDatabase.UiDatabaseCheckFilled },
+  "BackupRestored": { outline: UiDatabase.UiDatabaseDown, filled: UiDatabase.UiDatabaseDownFilled },
+  "BackupFailed": { outline: UiDatabase.UiDatabaseError, filled: UiDatabase.UiDatabaseErrorFilled },
+  "BackupDeleted": { outline: UiDatabase.UiDatabaseTrash, filled: UiDatabase.UiDatabaseTrashFilled },
+  "PipelineRunStarted": { outline: UiPlay.UiPlay },
+  "PipelineRunCompleted": { outline: UiPass.UiPass, filled: UiPass.UiPassFilled },
+  "PipelineRunFailed": { outline: UiCircleX.UiCircleX, filled: UiCircleX.UiCircleXFilled },
+  "Scaling": { outline: UiArrowRight.UiArrowRight, filled: UiArrowRight.UiArrowRightFilled },
+  "CertificateRenewed": { outline: UiShield.UiShieldCheck, filled: UiShield.UiShieldCheckFilled },
+  "CertificateExpired": { outline: UiShield.UiShieldWarning, filled: UiShield.UiShieldWarningFilled },
+  "CostChange": { outline: UiInsightCost.UiInsightCost, filled: UiInsightCost.UiInsightCostFilled },
+  "PlaybookStarted": { outline: UiPlaybook.UiPlaybook },
+  "PlaybookCompleted": { outline: UiPlaybook.UiPlaybook },
+  "PlaybookFailed": { outline: UiPlaybook.UiPlaybook },
+  "RunInstances": { outline: UiServer.UiServer },
+  "RegisterNode": { outline: UiServer.UiServer },
+  "Pulled": { outline: UiCloudDownload.UiCloudDownload, filled: UiCloudDownload.UiCloudDownloadFilled }
+};
+function getChangeIcon(name, opts = {}) {
+  const entry = changeIconAliases[name];
+  if (!entry) return void 0;
+  return opts.filled ? entry.filled ?? entry.outline : entry.outline;
+}
+exports.changeIconAliases = changeIconAliases;
+exports.getChangeIcon = getChangeIcon;
+//# sourceMappingURL=changeIconAliases.cjs.map

package/dist/icons/changeIconAliases.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"changeIconAliases.cjs","sources":["../../src/icons/changeIconAliases.ts"],"sourcesContent":["// Generated by scripts/build-icons.ts — do not edit by hand.\n// Maps Flanksource change-type strings (duty/types/config_changes.go) to icons.\nimport {\n  UiAdd,\n  UiAddFilled,\n  UiArrowRight,\n  UiArrowRightFilled,\n  UiCamera,\n  UiCameraFilled,\n  UiCircleX,\n  UiCircleXFilled,\n  UiCloudDownload,\n  UiCloudDownloadFilled,\n  UiDatabaseCheck,\n  UiDatabaseCheckFilled,\n  UiDatabaseDown,\n  UiDatabaseDownFilled,\n  UiDatabaseError,\n  UiDatabaseErrorFilled,\n  UiDatabaseTrash,\n  UiDatabaseTrashFilled,\n  UiDatabaseUp,\n  UiDatabaseUpFilled,\n  UiDiff,\n  UiEdit,\n  UiEditFilled,\n  UiInsightCost,\n  UiInsightCostFilled,\n  UiKey,\n  UiKeyFilled,\n  UiPass,\n  UiPassFilled,\n  UiPlay,\n  UiPlaybook,\n  UiRefresh,\n  UiRefreshFilled,\n  UiRocket,\n  UiRocketFilled,\n  UiServer,\n  UiShieldCheck,\n  UiShieldCheckFilled,\n  UiShieldWarning,\n  UiShieldWarningFilled,\n  UiTrash,\n  UiTrashFilled,\n  UiUserMinus,\n  UiUserMinusFilled,\n  UiUserPlus,\n  UiUserPlusFilled,\n  UiUsersThreeMinus,\n  UiUsersThreeMinusFilled,\n  UiUsersThreePlus,\n  UiUsersThreePlusFilled,\n} from \"./index\";\nimport type { IconComponent } from \"./types\";\n\nexport type ChangeIconEntry = {\n  outline: IconComponent;\n  filled?: IconComponent;\n};\n\nexport const changeIconAliases: Record<string, ChangeIconEntry> = {\n  \"CREATE\": { outline: UiAdd, filled: UiAddFilled },\n  \"UPDATE\": { outline: UiEdit, filled: UiEditFilled },\n  \"DELETE\": { outline: UiTrash, filled: UiTrashFilled },\n  \"diff\": { outline: UiDiff },\n  \"UserCreated\": { outline: UiUserPlus, filled: UiUserPlusFilled },\n  \"UserDeleted\": { outline: UiUserMinus, filled: UiUserMinusFilled },\n  \"GroupMemberAdded\": { outline: UiUsersThreePlus, filled: UiUsersThreePlusFilled },\n  \"GroupMemberRemoved\": { outline: UiUsersThreeMinus, filled: UiUsersThreeMinusFilled },\n  \"Screenshot\": { outline: UiCamera, filled: UiCameraFilled },\n  \"PermissionAdded\": { outline: UiKey, filled: UiKeyFilled },\n  \"PermissionRemoved\": { outline: UiKey, filled: UiKeyFilled },\n  \"Deployment\": { outline: UiRocket, filled: UiRocketFilled },\n  \"Promotion\": { outline: UiArrowRight, filled: UiArrowRightFilled },\n  \"Approved\": { outline: UiPass, filled: UiPassFilled },\n  \"Rejected\": { outline: UiCircleX, filled: UiCircleXFilled },\n  \"Rollback\": { outline: UiRefresh, filled: UiRefreshFilled },\n  \"BackupStarted\": { outline: UiDatabaseUp, filled: UiDatabaseUpFilled },\n  \"BackupCompleted\": { outline: UiDatabaseCheck, filled: UiDatabaseCheckFilled },\n  \"BackupRestored\": { outline: UiDatabaseDown, filled: UiDatabaseDownFilled },\n  \"BackupFailed\": { outline: UiDatabaseError, filled: UiDatabaseErrorFilled },\n  \"BackupDeleted\": { outline: UiDatabaseTrash, filled: UiDatabaseTrashFilled },\n  \"PipelineRunStarted\": { outline: UiPlay },\n  \"PipelineRunCompleted\": { outline: UiPass, filled: UiPassFilled },\n  \"PipelineRunFailed\": { outline: UiCircleX, filled: UiCircleXFilled },\n  \"Scaling\": { outline: UiArrowRight, filled: UiArrowRightFilled },\n  \"CertificateRenewed\": { outline: UiShieldCheck, filled: UiShieldCheckFilled },\n  \"CertificateExpired\": { outline: UiShieldWarning, filled: UiShieldWarningFilled },\n  \"CostChange\": { outline: UiInsightCost, filled: UiInsightCostFilled },\n  \"PlaybookStarted\": { outline: UiPlaybook },\n  \"PlaybookCompleted\": { outline: UiPlaybook },\n  \"PlaybookFailed\": { outline: UiPlaybook },\n  \"RunInstances\": { outline: UiServer },\n  \"RegisterNode\": { outline: UiServer },\n  \"Pulled\": { outline: UiCloudDownload, filled: UiCloudDownloadFilled },\n};\n\n/**\n * Resolve a change-type name (e.g. \"BackupStarted\", \"CREATE\", \"Pulled\") to\n * its outline icon component. Returns undefined if the name is unknown.\n *\n * Pass `{ filled: true }` to get the filled variant when available; falls\n * back to outline if the change-type has no filled twin.\n */\nexport function getChangeIcon(\n  name: string,\n  opts: { filled?: boolean } = {},\n): IconComponent | undefined {\n  const entry = changeIconAliases[name];\n  if (!entry) return undefined;\n  return opts.filled ? entry.filled ?? entry.outline : entry.outline;\n}\n"],"names":["UiAdd","UiAddFilled","UiEdit","UiEditFilled","UiTrash","UiTrashFilled","UiDiff","UiUserPlus","UiUserPlusFilled","UiUserMinus","UiUserMinusFilled","UiUsersThreePlus","UiUsersThreePlusFilled","UiUsersThreeMinus","UiUsersThreeMinusFilled","UiCamera","UiCameraFilled","UiKey","UiKeyFilled","UiRocket","UiRocketFilled","UiArrowRight","UiArrowRightFilled","UiPass","UiPassFilled","UiCircleX","UiCircleXFilled","UiRefresh","UiRefreshFilled","UiDatabaseUp","UiDatabaseUpFilled","UiDatabaseCheck","UiDatabaseCheckFilled","UiDatabaseDown","UiDatabaseDownFilled","UiDatabaseError","UiDatabaseErrorFilled","UiDatabaseTrash","UiDatabaseTrashFilled","UiPlay","UiShieldCheck","UiShieldCheckFilled","UiShieldWarning","UiShieldWarningFilled","UiInsightCost","UiInsightCostFilled","UiPlaybook","UiServer","UiCloudDownload","UiCloudDownloadFilled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6DO,MAAM,oBAAqD;AAAA,EAChE,UAAU,EAAE,SAASA,aAAO,QAAQC,MAAAA,YAAA;AAAA,EACpC,UAAU,EAAE,SAASC,eAAQ,QAAQC,OAAAA,aAAA;AAAA,EACrC,UAAU,EAAE,SAASC,iBAAS,QAAQC,QAAAA,cAAA;AAAA,EACtC,QAAQ,EAAE,SAASC,cAAA;AAAA,EACnB,eAAe,EAAE,SAASC,mBAAY,QAAQC,OAAAA,iBAAA;AAAA,EAC9C,eAAe,EAAE,SAASC,oBAAa,QAAQC,OAAAA,kBAAA;AAAA,EAC/C,oBAAoB,EAAE,SAASC,+BAAkB,QAAQC,aAAAA,uBAAA;AAAA,EACzD,sBAAsB,EAAE,SAASC,gCAAmB,QAAQC,aAAAA,wBAAA;AAAA,EAC5D,cAAc,EAAE,SAASC,mBAAU,QAAQC,SAAAA,eAAA;AAAA,EAC3C,mBAAmB,EAAE,SAASC,aAAO,QAAQC,MAAAA,YAAA;AAAA,EAC7C,qBAAqB,EAAE,SAASD,aAAO,QAAQC,MAAAA,YAAA;AAAA,EAC/C,cAAc,EAAE,SAASC,mBAAU,QAAQC,SAAAA,eAAA;AAAA,EAC3C,aAAa,EAAE,SAASC,2BAAc,QAAQC,aAAAA,mBAAA;AAAA,EAC9C,YAAY,EAAE,SAASC,eAAQ,QAAQC,OAAAA,aAAA;AAAA,EACvC,YAAY,EAAE,SAASC,qBAAW,QAAQC,UAAAA,gBAAA;AAAA,EAC1C,YAAY,EAAE,SAASC,qBAAW,QAAQC,UAAAA,gBAAA;AAAA,EAC1C,iBAAiB,EAAE,SAASC,yBAAc,QAAQC,WAAAA,mBAAA;AAAA,EAClD,mBAAmB,EAAE,SAASC,4BAAiB,QAAQC,WAAAA,sBAAA;AAAA,EACvD,kBAAkB,EAAE,SAASC,2BAAgB,QAAQC,WAAAA,qBAAA;AAAA,EACrD,gBAAgB,EAAE,SAASC,4BAAiB,QAAQC,WAAAA,sBAAA;AAAA,EACpD,iBAAiB,EAAE,SAASC,4BAAiB,QAAQC,WAAAA,sBAAA;AAAA,EACrD,sBAAsB,EAAE,SAASC,cAAA;AAAA,EACjC,wBAAwB,EAAE,SAAShB,eAAQ,QAAQC,OAAAA,aAAA;AAAA,EACnD,qBAAqB,EAAE,SAASC,qBAAW,QAAQC,UAAAA,gBAAA;AAAA,EACnD,WAAW,EAAE,SAASL,2BAAc,QAAQC,aAAAA,mBAAA;AAAA,EAC5C,sBAAsB,EAAE,SAASkB,wBAAe,QAAQC,SAAAA,oBAAA;AAAA,EACxD,sBAAsB,EAAE,SAASC,0BAAiB,QAAQC,SAAAA,sBAAA;AAAA,EAC1D,cAAc,EAAE,SAASC,6BAAe,QAAQC,cAAAA,oBAAA;AAAA,EAChD,mBAAmB,EAAE,SAASC,sBAAA;AAAA,EAC9B,qBAAqB,EAAE,SAASA,sBAAA;AAAA,EAChC,kBAAkB,EAAE,SAASA,sBAAA;AAAA,EAC7B,gBAAgB,EAAE,SAASC,kBAAA;AAAA,EAC3B,gBAAgB,EAAE,SAASA,kBAAA;AAAA,EAC3B,UAAU,EAAE,SAASC,gBAAAA,iBAAiB,QAAQC,gBAAAA,sBAAA;AAChD;AASO,SAAS,cACd,MACA,OAA6B,IACF;AAC3B,QAAM,QAAQ,kBAAkB,IAAI;AACpC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,KAAK,SAAS,MAAM,UAAU,MAAM,UAAU,MAAM;AAC7D;;;"}

package/dist/icons/changeIconAliases.d.ts

@@ -0,0 +1,17 @@
+import { IconComponent } from './types';
+export type ChangeIconEntry = {
+    outline: IconComponent;
+    filled?: IconComponent;
+};
+export declare const changeIconAliases: Record<string, ChangeIconEntry>;
+/**
+ * Resolve a change-type name (e.g. "BackupStarted", "CREATE", "Pulled") to
+ * its outline icon component. Returns undefined if the name is unknown.
+ *
+ * Pass `{ filled: true }` to get the filled variant when available; falls
+ * back to outline if the change-type has no filled twin.
+ */
+export declare function getChangeIcon(name: string, opts?: {
+    filled?: boolean;
+}): IconComponent | undefined;
+//# sourceMappingURL=changeIconAliases.d.ts.map

package/dist/icons/changeIconAliases.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"changeIconAliases.d.ts","sourceRoot":"","sources":["../../src/icons/changeIconAliases.ts"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAmC7D,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,IAAI,GAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,GAC9B,aAAa,GAAG,SAAS,CAI3B"}