@max-ts/components 0.3.3 → 0.3.5

package/lib/components/DataGrid/useLogic/useLogic.mjs

@@ -1,74 +1,75 @@
-import { useRef as A, useEffect as G, useMemo as N, useCallback as m } from "react";
-import { uniqueBy as q, prop as x } from "remeda";
+import { useRef as A, useEffect as G, useMemo as N, useCallback as h } from "react";
+import { a as T } from "../../../node_modules/.pnpm/remeda@2.20.2/node_modules/remeda/dist/chunk-IXASGXCR.mjs";
+import { a as x } from "../../../node_modules/.pnpm/remeda@2.20.2/node_modules/remeda/dist/chunk-G5B2IDWB.mjs";
 import { getGridTemplateColumns as E } from "./utils/getGridTemplateColumns/getGridTemplateColumns.mjs";
-const j = ({
-  keyId: e,
+const z = ({
+  keyId: r,
   columns: s,
-  rows: r = [],
+  rows: e = [],
   selectedRows: i = [],
-  isLoading: l,
+  isLoading: o,
   isDisabled: u,
   onSelectRow: n
 }) => {
-  const b = !!r?.length, c = !!n, g = l || u, f = r.filter(
+  const b = !!e?.length, c = !!n, g = o || u, f = e.filter(
     (t) => !(t.options?.isDisabled || t.options?.isNotSelectable)
   ), p = A([]);
   G(() => {
-    l || (p.current = r);
-  }, [r, l]);
-  const h = E(s), C = N(() => f.filter(
-    (t) => !i.find((o) => o[e] === t[e])
-  ).length, [f, i, e]), B = m(() => r.length <= 1 ? s.map((t) => ({ ...t, sortable: !1 })) : s, [s, r]), D = l ? p.current : r, d = (t) => {
+    o || (p.current = e);
+  }, [e, o]);
+  const m = E(s), C = N(() => f.filter(
+    (t) => !i.find((a) => a[r] === t[r])
+  ).length, [f, i, r]), D = h(() => e.length <= 1 ? s.map((t) => ({ ...t, sortable: !1 })) : s, [s, e]), d = o ? p.current : e, v = (t) => {
     if (!n)
       return;
     if (t.target.checked) {
-      const a = q(
+      const l = T(
         [...i, ...f],
-        x(e)
+        x(r)
       );
-      return n(a);
+      return n(l);
     }
-    const o = i.filter(
-      (a) => !r.find((P) => P[e] === a[e])
+    const a = i.filter(
+      (l) => !e.find((P) => P[r] === l[r])
     );
-    n(o);
-  }, v = m(
-    (t) => (o) => {
+    n(a);
+  }, B = h(
+    (t) => (a) => {
       if (n) {
-        if (o.target.checked)
+        if (a.target.checked)
           return n([...i, t]);
         n(
           i.filter(
-            (a) => a[e] !== t[e]
+            (l) => l[r] !== t[r]
           )
         );
       }
     },
-    [i, n, e]
+    [i, n, r]
   );
   return {
     isDataGridDisabled: g,
-    renderRows: D,
+    renderRows: d,
     headProps: {
       rowsCount: f.length,
       uncheckedRowsCount: C,
-      gridColumns: h,
+      gridColumns: m,
       isSelectable: c,
-      columns: B(),
-      onSelectAllRows: d
+      columns: D(),
+      onSelectAllRows: v
     },
     bodyProps: {
-      gridColumns: h,
+      gridColumns: m,
       isSelectable: c,
-      onSelectRow: v
+      onSelectRow: B
     },
     loaderProps: {
-      isLoading: b && l,
-      isVisibleDivider: !!r.length,
+      isLoading: b && o,
+      isVisibleDivider: !!e.length,
       isDisabled: u
     }
   };
 };
 export {
-  j as useLogic
+  z as useLogic
 };

package/lib/components/DataGridActionCell/SecondaryAction/SecondaryAction.mjs

@@ -1,23 +1,23 @@
 import { j as t } from "../../../_virtual/jsx-runtime.mjs";
 import { createElement as c } from "react";
-import { EllipsisVertical as p } from "lucide-react";
-import { IconDropdownButton as a } from "../../IconDropdownButton/IconDropdownButton.mjs";
-import { MenuItem as l } from "../../MenuItem/MenuItem.mjs";
+import { IconDropdownButton as p } from "../../IconDropdownButton/IconDropdownButton.mjs";
+import { MenuItem as a } from "../../MenuItem/MenuItem.mjs";
+import l from "../../../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.mjs";
 const k = ({
   actions: e,
   onActionClick: n,
   tooltipPlacement: i,
   isDisabled: m
 }) => /* @__PURE__ */ t.jsx(
-  a,
+  p,
   {
-    icon: /* @__PURE__ */ t.jsx(p, {}),
+    icon: /* @__PURE__ */ t.jsx(l, {}),
     variant: "text",
     disabled: m,
     children: e.map((o) => {
       const { onClick: s, name: r } = o;
       return /* @__PURE__ */ c(
-        l,
+        a,
         {
           ...o,
           key: r,

package/lib/components/DataGridActionCell/styles.mjs

@@ -1,8 +1,15 @@
-import { styled as e } from "@mui/material";
-const r = e("div")`
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import i from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+const s = i("div")`
   display: inline-flex;
   align-items: center;
 `;
 export {
-  r as Wrapper
+  s as Wrapper
 };

package/lib/components/DataGridOld/Cell/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const StyledCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $align?: "left" | "center" | "right" | "justify";
     $disabled?: boolean;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/lib/components/DataGridOld/HeadCell/styles.d.ts

@@ -1,3 +1,3 @@
 export declare const StyledHeadCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $align?: "left" | "center" | "right" | "justify";
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/lib/components/DataGridPagination/styles.d.ts

@@ -1,7 +1,7 @@
 export declare const PaginationWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Range: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -10,7 +10,7 @@ export declare const Range: import('@emotion/styled').StyledComponent<{
     color?: import('../Typography').TypographyColor;
     variant?: import('../Typography').TypographyVariant;
     colorIntensity?: import('../Typography').Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const RangeWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataGridPagination/styles.mjs

@@ -1,25 +1,33 @@
-import { styled as t, formControlClasses as n } from "@mui/material";
-import { Typography as o } from "../Typography/Typography.mjs";
-const a = t("div")`
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { Typography as e } from "../Typography/Typography.mjs";
+import o from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+import i from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/FormControl/formControlClasses.mjs";
+const f = o("div")`
   display: flex;
   align-items: center;
   justify-content: space-between;
 
   height: 48px;
-  padding-top: ${({ theme: e }) => e.spacing(4)};
-`, r = t(o)`
-  color: ${({ theme: e }) => e.palette.grey[700]};
-`, s = t("div")`
+  padding-top: ${({ theme: t }) => t.spacing(4)};
+`, y = o(e)`
+  color: ${({ theme: t }) => t.palette.grey[700]};
+`, x = o("div")`
   display: flex;
-  gap: ${({ theme: e }) => e.spacing(3)};
+  gap: ${({ theme: t }) => t.spacing(3)};
   align-items: center;
 
-  .${n.root} {
+  .${i.root} {
     flex-direction: unset;
   }
 `;
 export {
-  a as PaginationWrapper,
-  r as Range,
-  s as RangeWrapper
+  f as PaginationWrapper,
+  y as Range,
+  x as RangeWrapper
 };

package/lib/components/Description/Name/styles.mjs

@@ -1,12 +1,19 @@
-import { styled as a } from "@mui/material";
-const t = a("dt", {
+import "../../../_virtual/jsx-runtime.mjs";
+import "../../Button/styles.mjs";
+import "react";
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+import t from "../../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+const s = t("dt", {
   shouldForwardProp: (r) => r !== "$leader"
 })`
   flex-shrink: 0;
 
   max-width: ${({ $leader: r }) => r ? "calc(100% - 36px)" : "calc(100% - 12px)"};
   margin-right: ${({ theme: r }) => r.spacing(2)};
-`, p = a("div")`
+`, h = t("div")`
   flex: 1;
 
   min-width: 12px;
@@ -20,6 +27,6 @@ const t = a("dt", {
   }
 `;
 export {
-  p as DashedSeparator,
-  t as Wrapper
+  h as DashedSeparator,
+  s as Wrapper
 };

package/lib/components/Description/Value/styles.d.ts

@@ -8,8 +8,8 @@ type StyledCopyTypographyProps = {
     $direction: string;
 };
 export declare const StyledTypography: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -18,12 +18,12 @@ export declare const StyledTypography: import('@emotion/styled').StyledComponent
     color?: import('../..').TypographyColor;
     variant?: import('../..').TypographyVariant;
     colorIntensity?: import('../..').Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledTypographyProps, {}, {}>;
 export declare const StyledCopyTypography: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -32,7 +32,7 @@ export declare const StyledCopyTypography: import('@emotion/styled').StyledCompo
     color?: import('../..').TypographyColor;
     variant?: import('../..').TypographyVariant;
     colorIntensity?: import('../..').Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & {
     copyText?: string;

package/lib/components/Description/Value/styles.mjs

@@ -1,9 +1,7 @@
 import "../../Accordion/Accordion.mjs";
 import "../../../_virtual/jsx-runtime.mjs";
 import "react";
-import "lucide-react";
 import "../../IconDropdownButton/IconDropdownButton.mjs";
-import { styled as r } from "@mui/material";
 import "../../Tooltip/styles.mjs";
 import "../../ActionCell/styles.mjs";
 import "../../ActionGroup/MainActions/styles.mjs";
@@ -11,12 +9,10 @@ import "../../ActionGroup/styles.mjs";
 import "../../Checkbox/Checkbox.mjs";
 import { Typography as t } from "../../Typography/Typography.mjs";
 import "../../OverflowTypography/styles.mjs";
-import "react-use";
 import "../../Tag/Tag.mjs";
 import "../../FormHelperText/FormHelperTextContent/styles.mjs";
 import "../../Autocomplete/styles.mjs";
 import "../../Badge/styles.mjs";
-import "clsx";
 import "../../Button/styles.mjs";
 import "../../IconButton/styles.mjs";
 import "../../BottomDrawer/styles.mjs";
@@ -42,7 +38,6 @@ import "../../DataGrid/HeadCell/styles.mjs";
 import "../../DataGrid/Head/styles.mjs";
 import "../../DataGrid/Loader/styles.mjs";
 import "../../DataGrid/styles.mjs";
-import "remeda";
 import "../../DataGridActionCell/styles.mjs";
 import "../../TagsList/Tag/styles.mjs";
 import "../../TagsList/styles.mjs";
@@ -70,6 +65,11 @@ import "../../Switch/Switch.mjs";
 import "../../Tab/styles.mjs";
 import "../../Tabs/styles.mjs";
 import "../../TagBadge/styles.mjs";
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+/* empty css                                                                                            */
+import r from "../../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
 const ko = r(t, {
   shouldForwardProp: (o) => !["$canCopy", "$leader", "$direction"].includes(o.toString())
 })`

package/lib/components/Description/styles.mjs

@@ -1,14 +1,12 @@
-import { styled as t } from "@mui/material";
-import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
-import "clsx";
 import "../Button/styles.mjs";
 import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 /* empty css                                                                                         */
-const f = t("div", {
+import t from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+const a = t("div", {
   shouldForwardProp: (o) => !["$justifyContent", "as", "$direction"].includes(o.toString())
 })`
   overflow: hidden;
@@ -28,5 +26,5 @@ const f = t("div", {
   }
 `;
 export {
-  f as Wrapper
+  a as Wrapper
 };

package/lib/components/Description/useLogic/useLogic.d.ts

@@ -4,6 +4,6 @@ export declare const useLogic: ({ direction, separator, }: UseLogicParams) => {
     descriptionContextProviderProps: {
         separator: string;
     };
-    direction: "row" | "default" | "column";
+    direction: "default" | "row" | "column";
 };
 export {};

package/lib/components/DescriptionList/styles.mjs

@@ -1,7 +1,4 @@
-import { styled as i } from "@mui/material";
-import "remeda";
 import "../../_virtual/jsx-runtime.mjs";
-import "clsx";
 import "../Button/styles.mjs";
 import "react";
 /* empty css                                                                                         */
@@ -9,7 +6,8 @@ import "react";
 /* empty css                                                                                         */
 /* empty css                                                                                         */
 import { Description as t } from "../Description/Description.mjs";
-const u = i(t.Name, {
+import i from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+const m = i(t.Name, {
   shouldForwardProp: (o) => !["$nameMaxWidth, $direction"].includes(o.toString())
 })`
   max-width: ${({ $nameMaxWidth: o }) => o || "none"};
@@ -18,7 +16,7 @@ const u = i(t.Name, {
   ${({ theme: o }) => o.breakpoints.down("sm")} {
     margin-bottom: ${({ theme: o, $direction: r }) => Object.is(r, "row") ? 0 : o.spacing(1)};
   }
-`, w = i("article", {
+`, $ = i("article", {
   shouldForwardProp: (o) => !["$variant"].includes(o.toString())
 })`
   display: grid;
@@ -29,7 +27,7 @@ const u = i(t.Name, {
   background-color: ${({ $variant: o, theme: r }) => o === "contained" ? r.palette.background.default : "transparent"};
   border: ${({ $variant: o, theme: r }) => o === "contained" ? `1px solid ${r.palette.grey[300]}` : "unset"};
   border-radius: ${({ theme: o }) => o.shape.small};
-`, b = i("dl", {
+`, u = i("dl", {
   shouldForwardProp: (o) => !["$direction"].includes(o.toString())
 })`
   display: grid;
@@ -40,7 +38,7 @@ const u = i(t.Name, {
   ${({ theme: o }) => o.breakpoints.down("sm")} {
     row-gap: ${({ theme: o }) => o.spacing(3)};
   }
-`, y = i(t.Value, {
+`, w = i(t.Value, {
   shouldForwardProp: (o) => !["$isCopy"].includes(o.toString())
 })`
   display: ${({ $isCopy: o }) => o && "flex"};
@@ -48,8 +46,8 @@ const u = i(t.Name, {
   width: ${({ $isCopy: o }) => o && "calc(100% - 20px)"};
 `;
 export {
-  b as ListWrapper,
-  u as StyledDescriptionName,
-  y as StyledDescriptionValue,
-  w as Wrapper
+  u as ListWrapper,
+  m as StyledDescriptionName,
+  w as StyledDescriptionValue,
+  $ as Wrapper
 };

package/lib/components/DescriptionTooltip/styles.mjs

@@ -1,7 +1,15 @@
-import { tooltipClasses as t, styled as p } from "@mui/material";
-import { Tooltip as a } from "../Tooltip/Tooltip.mjs";
-const d = p(a)`
-  .${t.tooltip} {
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { Tooltip as t } from "../Tooltip/Tooltip.mjs";
+import p from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/Tooltip/tooltipClasses.mjs";
+import i from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+const c = i(t)`
+  .${p.tooltip} {
     background-color: ${({ theme: o }) => o.palette.common.white};
     color: ${({ theme: o }) => o.palette.text.primary};
     box-shadow: ${({ theme: o }) => o.shadows[1]};
@@ -13,5 +21,5 @@ const d = p(a)`
   }
 `;
 export {
-  d as StyledTooltip
+  c as StyledTooltip
 };

package/lib/components/Dialog/styles.mjs

@@ -1,16 +1,26 @@
-import { dialogClasses as t, backdropClasses as a, styled as i, Dialog as e } from "@mui/material";
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
 import { SIZES as r } from "./constants.mjs";
-const d = (o) => r[o] || r.md, m = i(e, {
+import t from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/Dialog/dialogClasses.mjs";
+import m from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/Backdrop/backdropClasses.mjs";
+import p from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+import d from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/Dialog/Dialog.mjs";
+const i = (o) => r[o] || r.md, w = p(d, {
   shouldForwardProp: (o) => !["$size"].includes(o.toString())
 })`
-  &.${t.root} .${a.root} {
+  &.${t.root} .${m.root} {
     background-color: ${({ theme: o }) => o.palette.background.modalShadow};
   }
   .${t.paper} {
-    min-width: ${({ $size: o }) => d(o).minWidth};
-    max-width: ${({ $size: o }) => d(o).maxWidth};
+    min-width: ${({ $size: o }) => i(o).minWidth};
+    max-width: ${({ $size: o }) => i(o).maxWidth};
   }
 `;
 export {
-  m as StyledDialog
+  w as StyledDialog
 };

package/lib/components/DialogActions/styles.mjs

@@ -1,18 +1,26 @@
-import { styled as t, DialogActions as n } from "@mui/material";
 import { Container as i } from "../Container/Container.mjs";
-const s = t(n)`
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import t from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+import r from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/DialogActions/DialogActions.mjs";
+const g = t(r)`
   padding-top: 0;
 
   ${({ theme: o }) => o.breakpoints.down("sm")} {
     padding: ${({ theme: o }) => o.spacing(4)};
   }
-`, p = t(i)`
+`, y = t(i)`
   ${({ theme: o }) => o.breakpoints.up("sm")} {
     flex-direction: column;
     justify-content: end;
   }
 `;
 export {
-  s as StyledDialogActions,
-  p as StyledGrid
+  g as StyledDialogActions,
+  y as StyledGrid
 };

package/lib/components/DialogContent/styles.mjs

@@ -1,5 +1,13 @@
-import { styled as t, DialogContent as n } from "@mui/material";
-const a = t(n)`
+import "../../_virtual/jsx-runtime.mjs";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import t from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/styles/styled.mjs";
+import i from "../../node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/DialogContent/DialogContent.mjs";
+const l = t(i)`
   padding-bottom: ${({ theme: o }) => o.spacing(6)};
 
   ${({ theme: o }) => o.breakpoints.down("sm")} {
@@ -7,5 +15,5 @@ const a = t(n)`
   }
 `;
 export {
-  a as StyledDialogContent
+  l as StyledDialogContent
 };

package/lib/components/DialogContentText/styles.d.ts

@@ -1 +1 @@
-export declare const StyledDialogContentText: import('@emotion/styled').StyledComponent<import('@mui/material').DialogContentTextOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "className" | "color" | "height" | "style" | "width" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "children" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledDialogContentText: import('@emotion/styled').StyledComponent<import('@mui/material').DialogContentTextOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "style" | "children" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;