@snksergio/design-system 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-lib/chunks/{app-shell-BNTvOETJ.mjs → app-shell-llilp6pT.cjs} +2 -2
- package/dist-lib/chunks/{app-shell-BNTvOETJ.mjs.map → app-shell-llilp6pT.cjs.map} +1 -1
- package/dist-lib/chunks/{app-shell-mocks-oO_IV3Gw.mjs → app-shell-mocks-oO_IV3Gw.cjs} +1 -1
- package/dist-lib/chunks/{app-shell-mocks-oO_IV3Gw.mjs.map → app-shell-mocks-oO_IV3Gw.cjs.map} +1 -1
- package/dist-lib/chunks/{badge-DKpXURa1.mjs → badge-ibpffgg9.cjs} +2 -2
- package/dist-lib/chunks/{badge-DKpXURa1.mjs.map → badge-ibpffgg9.cjs.map} +1 -1
- package/dist-lib/chunks/{chat-v2-mocks-BV9Wha_Z.mjs → chat-v2-mocks-BV9Wha_Z.cjs} +1 -1
- package/dist-lib/chunks/{chat-v2-mocks-BV9Wha_Z.mjs.map → chat-v2-mocks-BV9Wha_Z.cjs.map} +1 -1
- package/dist-lib/chunks/{chip-group-CsKBBHW2.mjs → chip-group-CsKBBHW2.cjs} +1 -1
- package/dist-lib/chunks/{chip-group-CsKBBHW2.mjs.map → chip-group-CsKBBHW2.cjs.map} +1 -1
- package/dist-lib/chunks/{clientes-showcase-mocks-BMfbNNJh.mjs → clientes-showcase-mocks-CSSyPTno.cjs} +3 -3
- package/dist-lib/chunks/{clientes-showcase-mocks-BMfbNNJh.mjs.map → clientes-showcase-mocks-CSSyPTno.cjs.map} +1 -1
- package/dist-lib/chunks/{input-374MpdBL.mjs → input-BAZKFbZQ.cjs} +2 -2
- package/dist-lib/chunks/{input-374MpdBL.mjs.map → input-BAZKFbZQ.cjs.map} +1 -1
- package/dist-lib/chunks/{page-header-Dw-3wqAG.mjs → page-header-DkdQkqTk.cjs} +2 -2
- package/dist-lib/chunks/{page-header-Dw-3wqAG.mjs.map → page-header-DkdQkqTk.cjs.map} +1 -1
- package/dist-lib/chunks/{panel-bzNmFlEZ.mjs → panel-CEGA_98Q.cjs} +5 -5
- package/dist-lib/chunks/{panel-bzNmFlEZ.mjs.map → panel-CEGA_98Q.cjs.map} +1 -1
- package/dist-lib/chunks/{useTheme-Dee4mo-A.mjs → useTheme-Dee4mo-A.cjs} +1 -1
- package/dist-lib/chunks/{useTheme-Dee4mo-A.mjs.map → useTheme-Dee4mo-A.cjs.map} +1 -1
- package/dist-lib/index.cjs +6 -6
- package/dist-lib/preview/chat.cjs +6 -6
- package/dist-lib/preview/clientes.cjs +9 -9
- package/dist-lib/preview/dashboard.cjs +5 -5
- package/dist-lib/preview/mocks.cjs +3 -3
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme-Dee4mo-A.
|
|
1
|
+
{"version":3,"file":"useTheme-Dee4mo-A.cjs","sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\nexport type Theme = \"light\" | \"dark\" | \"system\";\n\nconst STORAGE_KEY = \"igreen-ds-theme\";\nconst CHANGE_EVENT = \"igreen-ds-theme-change\";\n\nfunction isTheme(value: unknown): value is Theme {\n return value === \"light\" || value === \"dark\" || value === \"system\";\n}\n\nfunction getStoredTheme(): Theme {\n if (typeof window === \"undefined\") return \"system\";\n const stored = window.localStorage.getItem(STORAGE_KEY);\n return isTheme(stored) ? stored : \"system\";\n}\n\nfunction getEffectiveDark(theme: Theme): boolean {\n if (theme === \"dark\") return true;\n if (theme === \"light\") return false;\n if (typeof window === \"undefined\") return false;\n return window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n}\n\n/**\n * Hook único de tema do app.\n *\n * - 3 valores: `\"light\"` | `\"dark\"` | `\"system\"` (segue prefers-color-scheme).\n * - Persiste em `localStorage[\"igreen-ds-theme\"]`.\n * - Sincroniza múltiplas instâncias na mesma tab via `CustomEvent` e entre\n * tabs via `storage` event. Pode ser chamado em qualquer page/component\n * sem precisar de Context Provider.\n * - Aplica `.dark` no `<html>` com observador de `prefers-color-scheme`\n * quando theme=`\"system\"`.\n */\nexport function useTheme() {\n const [theme, setThemeState] = useState<Theme>(() => getStoredTheme());\n\n // Aplica .dark no <html> + observa prefers-color-scheme quando theme=\"system\"\n useEffect(() => {\n if (typeof document === \"undefined\") return;\n const root = document.documentElement;\n const apply = () => root.classList.toggle(\"dark\", getEffectiveDark(theme));\n apply();\n\n if (theme === \"system\") {\n const mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n mq.addEventListener(\"change\", apply);\n return () => mq.removeEventListener(\"change\", apply);\n }\n }, [theme]);\n\n // setTheme — persiste no localStorage + broadcast pra outras instâncias do hook\n const setTheme = useCallback((next: Theme) => {\n setThemeState(next);\n if (typeof window === \"undefined\") return;\n try {\n window.localStorage.setItem(STORAGE_KEY, next);\n } catch {\n /* ignore */\n }\n window.dispatchEvent(new CustomEvent(CHANGE_EVENT, { detail: next }));\n }, []);\n\n // Listener — recebe broadcast de outras instâncias (mesma tab + cross-tab)\n useEffect(() => {\n if (typeof window === \"undefined\") return;\n const onCustom = (e: Event) => {\n const next = (e as CustomEvent).detail;\n if (isTheme(next)) setThemeState(next);\n };\n const onStorage = (e: StorageEvent) => {\n if (e.key !== STORAGE_KEY) return;\n if (isTheme(e.newValue)) setThemeState(e.newValue);\n };\n window.addEventListener(CHANGE_EVENT, onCustom);\n window.addEventListener(\"storage\", onStorage);\n return () => {\n window.removeEventListener(CHANGE_EVENT, onCustom);\n window.removeEventListener(\"storage\", onStorage);\n };\n }, []);\n\n const isDark = getEffectiveDark(theme);\n\n // Backwards-compat: alterna apenas entre light/dark (ignora system).\n const toggle = useCallback(() => {\n setTheme(theme === \"dark\" ? \"light\" : \"dark\");\n }, [theme, setTheme]);\n\n return { theme, setTheme, isDark, toggle } as const;\n}\n"],"names":["useState","useEffect","useCallback"],"mappings":";;AAIA,MAAM,cAAc;AACpB,MAAM,eAAe;AAErB,SAAS,QAAQ,OAAgC;AAC/C,SAAO,UAAU,WAAW,UAAU,UAAU,UAAU;AAC5D;AAEA,SAAS,iBAAwB;AAC/B,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,SAAS,OAAO,aAAa,QAAQ,WAAW;AACtD,SAAO,QAAQ,MAAM,IAAI,SAAS;AACpC;AAEA,SAAS,iBAAiB,OAAuB;AAC/C,MAAI,UAAU,OAAQ,QAAO;AAC7B,MAAI,UAAU,QAAS,QAAO;AAC9B,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAO,OAAO,WAAW,8BAA8B,EAAE;AAC3D;AAaO,SAAS,WAAW;AACzB,QAAM,CAAC,OAAO,aAAa,IAAIA,MAAAA,SAAgB,MAAM,gBAAgB;AAGrEC,QAAAA,UAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AACrC,UAAM,OAAO,SAAS;AACtB,UAAM,QAAQ,MAAM,KAAK,UAAU,OAAO,QAAQ,iBAAiB,KAAK,CAAC;AACzE,UAAA;AAEA,QAAI,UAAU,UAAU;AACtB,YAAM,KAAK,OAAO,WAAW,8BAA8B;AAC3D,SAAG,iBAAiB,UAAU,KAAK;AACnC,aAAO,MAAM,GAAG,oBAAoB,UAAU,KAAK;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAGV,QAAM,WAAWC,kBAAY,CAAC,SAAgB;AAC5C,kBAAc,IAAI;AAClB,QAAI,OAAO,WAAW,YAAa;AACnC,QAAI;AACF,aAAO,aAAa,QAAQ,aAAa,IAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AACA,WAAO,cAAc,IAAI,YAAY,cAAc,EAAE,QAAQ,KAAA,CAAM,CAAC;AAAA,EACtE,GAAG,CAAA,CAAE;AAGLD,QAAAA,UAAU,MAAM;AACd,QAAI,OAAO,WAAW,YAAa;AACnC,UAAM,WAAW,CAAC,MAAa;AAC7B,YAAM,OAAQ,EAAkB;AAChC,UAAI,QAAQ,IAAI,EAAG,eAAc,IAAI;AAAA,IACvC;AACA,UAAM,YAAY,CAAC,MAAoB;AACrC,UAAI,EAAE,QAAQ,YAAa;AAC3B,UAAI,QAAQ,EAAE,QAAQ,EAAG,eAAc,EAAE,QAAQ;AAAA,IACnD;AACA,WAAO,iBAAiB,cAAc,QAAQ;AAC9C,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM;AACX,aAAO,oBAAoB,cAAc,QAAQ;AACjD,aAAO,oBAAoB,WAAW,SAAS;AAAA,IACjD;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,SAAS,iBAAiB,KAAK;AAGrC,QAAM,SAASC,MAAAA,YAAY,MAAM;AAC/B,aAAS,UAAU,SAAS,UAAU,MAAM;AAAA,EAC9C,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,SAAO,EAAE,OAAO,UAAU,QAAQ,OAAA;AACpC;;"}
|
package/dist-lib/index.cjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const panel = require("./chunks/panel-
|
|
4
|
-
const appShell = require("./chunks/app-shell-
|
|
5
|
-
const chipGroup = require("./chunks/chip-group-CsKBBHW2.
|
|
3
|
+
const panel = require("./chunks/panel-CEGA_98Q.cjs");
|
|
4
|
+
const appShell = require("./chunks/app-shell-llilp6pT.cjs");
|
|
5
|
+
const chipGroup = require("./chunks/chip-group-CsKBBHW2.cjs");
|
|
6
6
|
const jsxRuntime = require("react/jsx-runtime");
|
|
7
7
|
const lucideReact = require("lucide-react");
|
|
8
|
-
const pageHeader = require("./chunks/page-header-
|
|
9
|
-
const badge = require("./chunks/badge-
|
|
8
|
+
const pageHeader = require("./chunks/page-header-DkdQkqTk.cjs");
|
|
9
|
+
const badge = require("./chunks/badge-ibpffgg9.cjs");
|
|
10
10
|
const React = require("react");
|
|
11
|
-
const input = require("./chunks/input-
|
|
11
|
+
const input = require("./chunks/input-BAZKFbZQ.cjs");
|
|
12
12
|
function ToolbarMobileDialog({
|
|
13
13
|
children,
|
|
14
14
|
trigger,
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
|
-
const chipGroup = require("../chunks/chip-group-CsKBBHW2.
|
|
6
|
-
const useTheme = require("../chunks/useTheme-Dee4mo-A.
|
|
7
|
-
const appShell = require("../chunks/app-shell-
|
|
5
|
+
const chipGroup = require("../chunks/chip-group-CsKBBHW2.cjs");
|
|
6
|
+
const useTheme = require("../chunks/useTheme-Dee4mo-A.cjs");
|
|
7
|
+
const appShell = require("../chunks/app-shell-llilp6pT.cjs");
|
|
8
8
|
const lucideReact = require("lucide-react");
|
|
9
|
-
const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.
|
|
10
|
-
const chatV2Mocks = require("../chunks/chat-v2-mocks-BV9Wha_Z.
|
|
11
|
-
const input = require("../chunks/input-
|
|
9
|
+
const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
|
|
10
|
+
const chatV2Mocks = require("../chunks/chat-v2-mocks-BV9Wha_Z.cjs");
|
|
11
|
+
const input = require("../chunks/input-BAZKFbZQ.cjs");
|
|
12
12
|
const chatV2Styles = chipGroup.tv({
|
|
13
13
|
slots: {
|
|
14
14
|
/** Body do AppShell — flex row com gap entre colunas. `relative` pra mobile overlays. */
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
|
-
const useTheme = require("../chunks/useTheme-Dee4mo-A.
|
|
5
|
+
const useTheme = require("../chunks/useTheme-Dee4mo-A.cjs");
|
|
6
6
|
const lucideReact = require("lucide-react");
|
|
7
|
-
const clientesShowcaseMocks = require("../chunks/clientes-showcase-mocks-
|
|
8
|
-
const panel = require("../chunks/panel-
|
|
9
|
-
const chipGroup = require("../chunks/chip-group-CsKBBHW2.
|
|
10
|
-
const appShell = require("../chunks/app-shell-
|
|
11
|
-
require("../chunks/input-
|
|
12
|
-
require("../chunks/badge-
|
|
13
|
-
const pageHeader = require("../chunks/page-header-
|
|
14
|
-
const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.
|
|
7
|
+
const clientesShowcaseMocks = require("../chunks/clientes-showcase-mocks-CSSyPTno.cjs");
|
|
8
|
+
const panel = require("../chunks/panel-CEGA_98Q.cjs");
|
|
9
|
+
const chipGroup = require("../chunks/chip-group-CsKBBHW2.cjs");
|
|
10
|
+
const appShell = require("../chunks/app-shell-llilp6pT.cjs");
|
|
11
|
+
require("../chunks/input-BAZKFbZQ.cjs");
|
|
12
|
+
require("../chunks/badge-ibpffgg9.cjs");
|
|
13
|
+
const pageHeader = require("../chunks/page-header-DkdQkqTk.cjs");
|
|
14
|
+
const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
|
|
15
15
|
const drawerFormStyles = chipGroup.tv({
|
|
16
16
|
slots: {
|
|
17
17
|
twoCols: "grid grid-cols-2 gap-gp-xl",
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
|
-
const useTheme = require("../chunks/useTheme-Dee4mo-A.
|
|
5
|
+
const useTheme = require("../chunks/useTheme-Dee4mo-A.cjs");
|
|
6
6
|
const lucideReact = require("lucide-react");
|
|
7
7
|
const recharts = require("recharts");
|
|
8
|
-
const chipGroup = require("../chunks/chip-group-CsKBBHW2.
|
|
9
|
-
const appShell = require("../chunks/app-shell-
|
|
10
|
-
const pageHeader = require("../chunks/page-header-
|
|
11
|
-
const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.
|
|
8
|
+
const chipGroup = require("../chunks/chip-group-CsKBBHW2.cjs");
|
|
9
|
+
const appShell = require("../chunks/app-shell-llilp6pT.cjs");
|
|
10
|
+
const pageHeader = require("../chunks/page-header-DkdQkqTk.cjs");
|
|
11
|
+
const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
|
|
12
12
|
const KPIS_PRIMARY = [
|
|
13
13
|
{
|
|
14
14
|
id: "in-conv",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.
|
|
4
|
-
const chatV2Mocks = require("../chunks/chat-v2-mocks-BV9Wha_Z.
|
|
5
|
-
const clientesShowcaseMocks = require("../chunks/clientes-showcase-mocks-
|
|
3
|
+
const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
|
|
4
|
+
const chatV2Mocks = require("../chunks/chat-v2-mocks-BV9Wha_Z.cjs");
|
|
5
|
+
const clientesShowcaseMocks = require("../chunks/clientes-showcase-mocks-CSSyPTno.cjs");
|
|
6
6
|
exports.APP_SHELL_COMMANDS = appShellMocks.APP_SHELL_COMMANDS;
|
|
7
7
|
exports.APP_SHELL_CONTEXTS = appShellMocks.APP_SHELL_CONTEXTS;
|
|
8
8
|
exports.APP_SHELL_LAYOUT_OPTIONS = appShellMocks.APP_SHELL_LAYOUT_OPTIONS;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@snksergio/design-system",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "iGreen Design System — internal library for SaaS CRM, admin panels and dashboards. React 19 + Tailwind v4 + Shadcn + Radix.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist-lib/index.cjs",
|