@clearstory/drywall-react 3.5.0 → 3.7.0

package/dist/components/TableContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@mui/material/TableContainer';
+export { default as TableContainer } from '@mui/material/TableContainer';

package/dist/components/TableContainer/index.js

@@ -0,0 +1,6 @@
+import { T as t, g as s, t as l } from "../../TableContainer-C9YDy1mv.js";
+export {
+  t as TableContainer,
+  s as getTableContainerUtilityClass,
+  l as tableContainerClasses
+};

package/dist/components/TableFooter/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@mui/material/TableFooter';
+export { default as TableFooter } from '@mui/material/TableFooter';

package/dist/components/TableFooter/index.js

@@ -0,0 +1,6 @@
+import { T as a, g as o, t as s } from "../../TableFooter-BNiCxiFp.js";
+export {
+  a as TableFooter,
+  o as getTableFooterUtilityClass,
+  s as tableFooterClasses
+};

package/dist/components/TableHead/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@mui/material/TableHead';
+export { default as TableHead } from '@mui/material/TableHead';

package/dist/components/TableHead/index.js

@@ -0,0 +1,6 @@
+import { T as s, g as l, t } from "../../TableHead-CIgnNtbe.js";
+export {
+  s as TableHead,
+  l as getTableHeadUtilityClass,
+  t as tableHeadClasses
+};

package/dist/components/TablePagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@mui/material/TablePagination';
+export { default as TablePagination } from '@mui/material/TablePagination';

package/dist/components/TablePagination/index.js

@@ -0,0 +1,6 @@
+import { T as i, g as s, t as e } from "../../TablePagination-BWugB9nc.js";
+export {
+  i as TablePagination,
+  s as getTablePaginationUtilityClass,
+  e as tablePaginationClasses
+};

package/dist/components/TableRow/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@mui/material/TableRow';
+export { default as TableRow } from '@mui/material/TableRow';

package/dist/components/TableRow/index.js

@@ -0,0 +1,6 @@
+import { T as e, g as l, t } from "../../TableRow-BtFlGgF8.js";
+export {
+  e as TableRow,
+  l as getTableRowUtilityClass,
+  t as tableRowClasses
+};

package/dist/components/Tabs/index.js

@@ -1,4 +1,4 @@
-import { T as t, g as b, t as e } from "../../Tabs-SKtYSjnS.js";
+import { T as t, g as b, t as e } from "../../Tabs-C9SJL9Or.js";
 export {
   t as Tabs,
   b as getTabsUtilityClass,

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
 import { theme as t } from "../../theme/internal.js";
 import * as m from "react";
-import { T as o } from "../../index-YQi4Xs-t.js";
-import { T as f, C as u } from "../../ThemeProviderWithVars-Cd9Vwf-U.js";
+import { T as o } from "../../emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
+import { T as f, C as u } from "../../ThemeProviderWithVars-Dkq81Wx8.js";
 function c({
   theme: r,
   ...n

package/dist/components/ToastContainer/ToastContainer.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { F as r, h as e } from "../../index-SzwnPTHF.js";
-import { s as a } from "../../styled-fvngWWLy.js";
-const i = a("div")({
+import { F as r, h as a } from "../../index-SzwnPTHF.js";
+import { s } from "../../styled-D8CtiDxW.js";
+const i = s("div")({
   "@keyframes toastIn": {
     from: {
       opacity: 0,
@@ -22,8 +22,26 @@ const i = a("div")({
     to: {
       opacity: 0
     }
+  },
+  "@media (prefers-reduced-motion: reduce))": {
+    "@keyframes toastIn": {
+      from: {
+        opacity: 0
+      },
+      to: {
+        opacity: 1
+      }
+    },
+    "@keyframes toastOut": {
+      from: {
+        opacity: 1
+      },
+      to: {
+        opacity: 0
+      }
+    }
   }
-}), f = (s) => /* @__PURE__ */ o(r, { position: "top-right", reverseOrder: !0, ...s, children: (t) => /* @__PURE__ */ o(
+}), n = (e) => /* @__PURE__ */ o(r, { position: "top-right", reverseOrder: !0, ...e, children: (t) => /* @__PURE__ */ o(
   i,
   {
     role: "alert",
@@ -31,9 +49,9 @@ const i = a("div")({
       animation: t.visible ? "toastIn 0.3s ease forwards" : "toastOut 0.3s ease forwards",
       ...t.style
     },
-    children: e(t.message, t)
+    children: a(t.message, t)
   }
 ) });
 export {
-  f as ToastContainer
+  n as ToastContainer
 };

package/dist/components/ToastContainer/useToast.js

@@ -1,17 +1,18 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { n as i, h } from "../../index-SzwnPTHF.js";
-import { useContext as p, useCallback as b } from "react";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { n as i, h as x } from "../../index-SzwnPTHF.js";
+import { useContext as h, useCallback as b } from "react";
 import "../../icons/ClearstoryIcon.js";
 import "../../icons/InternalOnlyIcon.js";
 import "../../icons/MoneyBucketIcon.js";
 import "../../icons/MoreCircleOutlineIcon.js";
-import { a as w, I, E as v, W as R, C } from "../../WarningAmberOutlined-Bip82sqV.js";
+import { I as w, E as I, W as v, C } from "../../WarningAmberOutlined-DEuXzxTT.js";
+import { C as R } from "../../Close-BQl12sEw.js";
 import { ToastLabelContext as y } from "./ToastLabelContext.js";
-import { B as k } from "../../Box-CKDKtm7F.js";
-import { A as m } from "../../Alert-BAwPio4K.js";
-import { I as T } from "../../IconButton-rSBl8wjc.js";
-const X = () => {
-  const t = p(y);
+import { B as k } from "../../Box-BH66vz6T.js";
+import { A as m } from "../../Alert-OI-evg5Q.js";
+import { I as T } from "../../IconButton-TpdTqzbL.js";
+const Y = () => {
+  const t = h(y);
   if (!t)
     throw new Error(
       'useToast must be used within a ToastProvider. Make sure to wrap your component with <ToastProvider closeAriaLabel="...">'
@@ -25,16 +26,16 @@ const X = () => {
           warning: "warning",
           error: "error",
           info: "info"
-        }, u = {
+        }, f = {
           success: /* @__PURE__ */ o(C, { sx: { marginRight: 0.5 } }),
-          warning: /* @__PURE__ */ o(R, { sx: { marginRight: 0.5 } }),
-          error: /* @__PURE__ */ o(v, { sx: { marginRight: 0.5 } }),
-          info: /* @__PURE__ */ o(I, { sx: { marginRight: 0.5 } })
+          warning: /* @__PURE__ */ o(v, { sx: { marginRight: 0.5 } }),
+          error: /* @__PURE__ */ o(I, { sx: { marginRight: 0.5 } }),
+          info: /* @__PURE__ */ o(w, { sx: { marginRight: 0.5 } })
         };
         return i(
           (a) => {
-            const f = h(c, a);
-            return /* @__PURE__ */ x(
+            const u = x(c, a);
+            return /* @__PURE__ */ p(
               k,
               {
                 sx: {
@@ -48,7 +49,7 @@ const X = () => {
                       role: "none",
                       severity: s[r],
                       variant: "filled",
-                      icon: u[r],
+                      icon: f[r],
                       action: /* @__PURE__ */ o(
                         T,
                         {
@@ -59,7 +60,7 @@ const X = () => {
                           sx: {
                             marginLeft: 0.5
                           },
-                          children: /* @__PURE__ */ o(w, { fontSize: "small" })
+                          children: /* @__PURE__ */ o(R, { fontSize: "small" })
                         }
                       ),
                       sx: [
@@ -73,7 +74,7 @@ const X = () => {
                           borderBottomRightRadius: 0
                         }
                       ],
-                      children: f
+                      children: u
                     }
                   ),
                   e && /* @__PURE__ */ o(
@@ -124,5 +125,5 @@ const X = () => {
   };
 };
 export {
-  X as useToast
+  Y as useToast
 };

package/dist/components/ToggleButton/ToggleButton.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const MuiToggleButton: Partial<Components<Theme>["MuiToggleButton"]>;

package/dist/components/ToggleButton/ToggleButton.theme.js

@@ -0,0 +1,28 @@
+const p = {
+  defaultProps: {
+    size: "small"
+  },
+  variants: [
+    {
+      props: { size: "small" },
+      style: {
+        padding: "5px 12px"
+      }
+    },
+    {
+      props: { size: "medium" },
+      style: {
+        padding: "6px 16px"
+      }
+    },
+    {
+      props: { size: "large" },
+      style: {
+        padding: "8px 22px"
+      }
+    }
+  ]
+};
+export {
+  p as MuiToggleButton
+};

package/dist/components/ToggleButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@mui/material/ToggleButton';
+export { default as ToggleButton } from '@mui/material/ToggleButton';

package/dist/components/ToggleButton/index.js

@@ -0,0 +1,7 @@
+import { T as g } from "../../ToggleButton-BoIRPL6Y.js";
+import { g as e, t as l } from "../../ToggleButtonGroupButtonContext-BgZ0ZVmu.js";
+export {
+  g as ToggleButton,
+  e as getToggleButtonUtilityClass,
+  l as toggleButtonClasses
+};

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material';
+export declare const MuiToggleButtonGroup: Partial<Components<Theme>["MuiToggleButtonGroup"]>;

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.theme.js

@@ -0,0 +1,62 @@
+const o = {
+  defaultProps: {
+    size: "small"
+  },
+  styleOverrides: {
+    root: {
+      // Horizontal orientation styles (default)
+      "&.DrywallToggleButtonGroup-horizontal": {
+        "& .DrywallToggleButtonGroup-grouped": {
+          borderRadius: 0,
+          "&:not(:first-of-type)": {
+            marginInlineStart: -1
+          }
+        },
+        "& .DrywallToggleButtonGroup-firstButton": {
+          borderTopLeftRadius: 4,
+          borderBottomLeftRadius: 4
+        },
+        "& .DrywallToggleButtonGroup-lastButton": {
+          borderTopRightRadius: 4,
+          borderBottomRightRadius: 4
+        }
+      },
+      // Vertical orientation styles
+      "&.DrywallToggleButtonGroup-vertical": {
+        "& .DrywallToggleButtonGroup-grouped": {
+          borderRadius: 0,
+          "&:not(:first-of-type)": {
+            marginInlineStart: 0,
+            marginBlockStart: -1
+          }
+        },
+        "& .DrywallToggleButtonGroup-firstButton": {
+          borderTopLeftRadius: 4,
+          borderTopRightRadius: 4
+        },
+        "& .DrywallToggleButtonGroup-lastButton": {
+          borderBottomLeftRadius: 4,
+          borderBottomRightRadius: 4
+        }
+      },
+      // Fallback for default horizontal behavior (when no orientation class is present)
+      "& .DrywallToggleButtonGroup-grouped": {
+        borderRadius: 0,
+        "&:not(:first-of-type)": {
+          marginLeft: -1
+        }
+      },
+      "& .DrywallToggleButtonGroup-firstButton": {
+        borderTopLeftRadius: 4,
+        borderBottomLeftRadius: 4
+      },
+      "& .DrywallToggleButtonGroup-lastButton": {
+        borderTopRightRadius: 4,
+        borderBottomRightRadius: 4
+      }
+    }
+  }
+};
+export {
+  o as MuiToggleButtonGroup
+};

package/dist/components/ToggleButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@mui/material/ToggleButtonGroup';
+export { default as ToggleButtonGroup } from '@mui/material/ToggleButtonGroup';

package/dist/components/ToggleButtonGroup/index.js

@@ -0,0 +1,6 @@
+import { T as g, g as s, t as e } from "../../ToggleButtonGroup-BinoCAui.js";
+export {
+  g as ToggleButtonGroup,
+  s as getToggleButtonGroupUtilityClass,
+  e as toggleButtonGroupClasses
+};

package/dist/components/Toolbar/index.js

@@ -1,4 +1,4 @@
-import { T as s, g as l, t } from "../../Toolbar-Dmu2ceP6.js";
+import { T as s, g as l, t } from "../../Toolbar-BrvXkKNF.js";
 export {
   s as Toolbar,
   l as getToolbarUtilityClass,

package/dist/components/Tooltip/index.js

@@ -1,4 +1,4 @@
-import { T as s, g as l, t as a } from "../../Tooltip-BJmTHiZe.js";
+import { T as s, g as l, t as a } from "../../Tooltip-BAUhcOqU.js";
 export {
   s as Tooltip,
   l as getTooltipUtilityClass,

package/dist/components/Typography/index.js

@@ -1,4 +1,4 @@
-import { T as p, g as y, t } from "../../Typography-DnNWmNen.js";
+import { T as p, g as y, t } from "../../Typography-DHgJeiAU.js";
 export {
   p as Typography,
   y as getTypographyUtilityClass,

package/dist/components/Zoom/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@mui/material/Zoom';
+export { default as Zoom } from '@mui/material/Zoom';

package/dist/components/Zoom/index.js

@@ -0,0 +1,4 @@
+import { Z as r } from "../../Zoom-DWJxiZNB.js";
+export {
+  r as Zoom
+};

package/dist/{containerClasses-BzFNrSIR.js → containerClasses-D1k-OQxc.js}

@@ -1,14 +1,14 @@
 import { P as e } from "./index-CyAhC1RZ.js";
-import { s as y } from "./styled-fvngWWLy.js";
+import { s as y } from "./styled-D8CtiDxW.js";
 import * as T from "react";
 import { c as v } from "./clsx-OuTLNxxd.js";
 import { jsx as O } from "react/jsx-runtime";
-import { s as k } from "./styled-DKUIcd6R.js";
-import { u as G } from "./useThemeProps-FvXli9RO.js";
-import { j as u, m as R, c as x } from "./createTheme-BnGUhbht.js";
+import { s as k } from "./styled-C1tcllXX.js";
+import { u as G } from "./useThemeProps-BaZ_Jfig.js";
+import { j as u, n as R, c as x } from "./createTheme-B1FDFl52.js";
 import { c as j } from "./composeClasses-2Ou-RZJr.js";
 import { u as M } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { g as N } from "./generateUtilityClasses-njw3KdKN.js";
+import { g as N } from "./generateUtilityClasses-CIjBDg4V.js";
 const P = R(), S = k("div", {
   name: "MuiContainer",
   slot: "Root",

package/dist/{createSvgIcon-DHWmMfd-.js → createSvgIcon-CGGjtU_g.js}

@@ -1,6 +1,6 @@
 import * as r from "react";
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "./SvgIcon-CAF-TTUy.js";
+import { S as n } from "./SvgIcon-SrruGHpO.js";
 function p(t, e) {
   function o(c, i) {
     return /* @__PURE__ */ m(n, {

package/dist/{createTheme-BnGUhbht.js → createTheme-B1FDFl52.js}

@@ -2310,10 +2310,10 @@ export {
   Oe as h,
   K as i,
   ct as j,
-  rn as k,
+  qr as k,
   Re as l,
-  Cr as m,
-  qr as n,
+  rn as m,
+  Cr as n,
   Se as o,
   Y as p,
   hn as q,

package/dist/defaultTheme-BSvUK9rJ.js

@@ -0,0 +1,5 @@
+import { f as e } from "./createTheme-B1FDFl52.js";
+const a = e();
+export {
+  a as d
+};

package/dist/{dialogTitleClasses-Y20vamk3.js → dialogTitleClasses-dak6NgSZ.js}

@@ -1,5 +1,5 @@
-import { g as i } from "./generateUtilityClasses-njw3KdKN.js";
-import { c as e } from "./createTheme-BnGUhbht.js";
+import { g as i } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as e } from "./createTheme-B1FDFl52.js";
 function a(t) {
   return e("MuiDialogTitle", t);
 }

package/dist/{dividerClasses-C13nqEzJ.js → dividerClasses-BejrNVgA.js}

@@ -1,5 +1,5 @@
-import { g as t } from "./generateUtilityClasses-njw3KdKN.js";
-import { c as e } from "./createTheme-BnGUhbht.js";
+import { g as t } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as e } from "./createTheme-B1FDFl52.js";
 function s(i) {
   return e("MuiDivider", i);
 }