npm - @snksergio/design-system - Versions diffs - 0.1.0 → 0.4.0 - Mend

@snksergio/design-system 0.1.0 → 0.4.0

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.

Files changed (73) hide show

package/dist-lib/chunks/{useTheme-Dee4mo-A.mjs → useTheme-Dee4mo-A.cjs} RENAMED Viewed

@@ -62,4 +62,4 @@ function useTheme() {
   return { theme, setTheme, isDark, toggle };
 }
 exports.useTheme = useTheme;
-//# sourceMappingURL=useTheme-Dee4mo-A.mjs.map
+//# sourceMappingURL=useTheme-Dee4mo-A.cjs.map

package/dist-lib/chunks/{useTheme-Dee4mo-A.mjs.map → useTheme-Dee4mo-A.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTheme-Dee4mo-A.~~mjs~~","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;;"}
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 Viewed

@@ -1,69 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const panel = require("./chunks/panel-bzNmFlEZ.mjs");
-const appShell = require("./chunks/app-shell-BNTvOETJ.mjs");
-const chipGroup = require("./chunks/chip-group-CsKBBHW2.mjs");
+const panel = require("./chunks/panel-CjfnpA-4.cjs");
+const appShell = require("./chunks/app-shell-BdVam01i.cjs");
+const chipGroup = require("./chunks/chip-group-2-f_Yo7Y.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
-const pageHeader = require("./chunks/page-header-Dw-3wqAG.mjs");
-const badge = require("./chunks/badge-DKpXURa1.mjs");
+const pageHeader = require("./chunks/page-header-qOywgRWy.cjs");
+const badge = require("./chunks/badge-CUttkO1X.cjs");
 const React = require("react");
-const input = require("./chunks/input-374MpdBL.mjs");
-function ToolbarMobileDialog({
-  children,
-  trigger,
-  title: title2 = "Filtros e ações",
-  open: openProp,
-  onOpenChange,
-  className,
-  contentClassName
-}) {
-  const [internalOpen, setInternalOpen] = React.useState(false);
-  const open = openProp ?? internalOpen;
-  const setOpen = onOpenChange ?? setInternalOpen;
-  const titleId = React.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(appShell.Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(appShell.DialogTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsxRuntime.jsx(
-      chipGroup.Button,
-      {
-        color: "secondary",
-        variant: "outline",
-        size: "icon-md",
-        "aria-label": "Mais opções",
-        className: chipGroup.cn("md:hidden", className),
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, {})
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      appShell.DialogContent,
-      {
-        hideClose: true,
-        "aria-labelledby": titleId,
-        className: chipGroup.cn(
-          // Visual alinhado com CommandDialog
-          "overflow-hidden p-0 gap-0 sm:max-w-[384px]",
-          "rounded-[12px] border border-border-default outline-float",
-          contentClassName
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(appShell.DialogTitle, { id: titleId, className: "sr-only", children: title2 }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-gp-3xl p-pad-2xl max-h-[85vh] overflow-y-auto", children })
-        ]
-      }
-    )
-  ] });
-}
-const ToolbarMobileSheet = ToolbarMobileDialog;
-function ToolbarMobileSection({
-  title: title2,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: chipGroup.cn("flex flex-col gap-gp-md", className), children: [
-    title2 && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[12px] font-medium text-fg-muted", children: title2 }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-gp-md", children })
-  ] });
-}
+const input = require("./chunks/input-BWevV7up.cjs");
 function defaultId() {
   if (typeof crypto !== "undefined" && "randomUUID" in crypto) {
     return crypto.randomUUID();
@@ -271,6 +216,8 @@ const headIcon = chipGroup.tv({
 const headTitleWrap = chipGroup.tv({
   base: [
     "flex-1 min-w-0",
+    "flex flex-col justify-center",
+    // centraliza title+description verticalmente vs icon (40px) à esquerda
     "pr-pad-3xl"
     // reserva espaço pro X close (right-14 + 28px) — evita overlap
   ]
@@ -278,13 +225,13 @@ const headTitleWrap = chipGroup.tv({
 const title = chipGroup.tv({
   base: [
     "m-0 mb-[2px]",
-    "text-[17px] font-bold leading-[1.3]",
+    "text-body-lg font-bold leading-[1.3]",
     "text-fg-default",
     "tracking-[-0.01em]"
   ]
 });
 const description = chipGroup.tv({
-  base: "m-0 text-[12.5px] text-fg-muted leading-[1.45]"
+  base: "m-0 text-body-xs font-normal text-fg-muted leading-[1.45]"
 });
 const body = chipGroup.tv({
   base: "flex flex-col gap-[18px] px-pad-4xl py-[22px]"
@@ -532,7 +479,7 @@ const tabelaStyles = {
     base: [
       "relative flex items-center gap-gp-sm",
       "py-0 pl-[14px] pr-[38px]",
-      "h-[42px] text-[13px] font-semibold leading-none",
+      "h-[42px] text-body-sm font-semibold leading-none",
       "text-fg-muted cursor-pointer select-none",
       "[flex:1_0_auto]",
       "hover:text-fg-default"
@@ -588,7 +535,7 @@ const tabelaStyles = {
       "min-w-[18px] h-[18px] px-[5px]",
       "rounded-radius-sm",
       "bg-bg-brand text-fg-on-brand",
-      "text-[10.5px] font-bold leading-none",
+      "text-caption-xs font-bold leading-none",
       "[font-variant-numeric:tabular-nums]"
     ]
   }),
@@ -670,9 +617,9 @@ const tabelaStyles = {
     ],
     variants: {
       density: {
-        compact: "h-[40px] text-[12px]",
-        comfortable: "h-[56px] text-[13px]",
-        spacious: "h-[64px] text-[13px]"
+        compact: "h-[40px] text-body-xs font-normal",
+        comfortable: "h-[56px] text-body-sm font-normal",
+        spacious: "h-[64px] text-body-sm font-normal"
       }
     },
     defaultVariants: { density: "comfortable" }
@@ -732,7 +679,7 @@ const tabelaStyles = {
   }),
   /* ── Cells específicas ────────────────────────────────────────────── */
   cellId: chipGroup.tv({
-    base: "text-[13px] text-fg-muted [font-variant-numeric:tabular-nums]"
+    base: "text-body-sm font-normal text-fg-muted [font-variant-numeric:tabular-nums]"
   }),
   cellCurrency: chipGroup.tv({
     base: "[font-variant-numeric:tabular-nums] font-semibold"
@@ -741,7 +688,7 @@ const tabelaStyles = {
     base: "[font-variant-numeric:tabular-nums] text-fg-muted"
   }),
   cellStatus: chipGroup.tv({
-    base: "inline-flex items-center gap-gp-md text-[13px] text-fg-default dark:text-fg-muted"
+    base: "inline-flex items-center gap-gp-md text-body-sm font-normal text-fg-default dark:text-fg-muted"
   }),
   dot: chipGroup.tv({
     base: "size-[8px] rounded-radius-full shrink-0"
@@ -760,14 +707,14 @@ const tabelaStyles = {
     base: [
       "grid place-items-center shrink-0",
       "size-[28px] rounded-radius-full",
-      "text-white text-[11px] font-bold"
+      "text-white text-caption-sm font-bold"
     ]
   }),
   avatarSm: chipGroup.tv({
     base: [
       "grid place-items-center shrink-0",
       "size-[22px] rounded-radius-full",
-      "text-white text-[10px] font-bold"
+      "text-white text-caption-xs font-bold"
     ]
   }),
   cellLink: chipGroup.tv({
@@ -804,7 +751,7 @@ const tabelaStyles = {
     base: [
       "inline-flex items-center gap-[4px]",
       "h-[22px] px-[8px] rounded-radius-full",
-      "text-[11px] font-semibold leading-none whitespace-nowrap"
+      "text-caption-sm font-semibold leading-none whitespace-nowrap"
     ],
     variants: {
       kind: {
@@ -1122,6 +1069,9 @@ exports.TableToolbar = panel.TableToolbar;
 exports.TableToolbarViews = panel.TableToolbarViews;
 exports.ToolbarApplied = panel.ToolbarApplied;
 exports.ToolbarDivider = panel.ToolbarDivider;
+exports.ToolbarMobileDialog = panel.ToolbarMobileDialog;
+exports.ToolbarMobileSection = panel.ToolbarMobileSection;
+exports.ToolbarMobileSheet = panel.ToolbarMobileSheet;
 exports.ToolbarSaveButton = panel.ToolbarSaveButton;
 exports.ToolbarSearch = panel.ToolbarSearch;
 exports.ToolbarSegmented = panel.ToolbarSegmented;
@@ -1190,9 +1140,6 @@ exports.Input = input.Input;
 exports.inputVariants = input.inputVariants;
 exports.Modal = Modal;
 exports.TabelaTeste = TabelaTeste;
-exports.ToolbarMobileDialog = ToolbarMobileDialog;
-exports.ToolbarMobileSection = ToolbarMobileSection;
-exports.ToolbarMobileSheet = ToolbarMobileSheet;
 exports.actionColumn = actionColumn;
 exports.currencyColumn = currencyColumn;
 exports.customColumn = customColumn;