@useloops/design-system 1.4.565 → 1.4.566

package/dist/esm/systems/WebCore/HtmlParser/HtmlParser.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{Box as e}from"@mui/material";import p,{domToReact as t}from"html-react-parser";import o from"../Typography/Typography.js";const a=({children:a,typographyProps:i={variation:"lg",component:"p"}})=>{const l=(r=>{const e=r.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(e)?e:`<p>${e}</p>`})(a),n={replace(e){const p=e;if(p.attribs&&"p"===p.name)return r(o,{...i,children:t(p.children)})}};return r(e,{sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:p(l,n)})};export{a as default};
+import{jsx as r}from"react/jsx-runtime";import{Box as e}from"@mui/material";import i,{domToReact as n}from"html-react-parser";import t from"../Typography/Typography.js";const o=({children:o,typographyProps:l={variation:"lg",component:"p"}})=>{const p=(r=>{const e=r.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(e)?e:`<p>${e}</p>`})(o),a={replace(i){const o=i;if(o.attribs){if("p"===o.name)return r(t,{...l,children:n(o.children,a)});if("ul"===o.name)return r(e,{component:"ul",sx:{margin:0,pl:4},children:n(o.children,a)});if("ol"===o.name)return r(e,{component:"ol",sx:{margin:0,pl:4},children:n(o.children,a)});if("li"===o.name)return r(e,{component:"li",sx:{...l?.sx||{},fontSize:"inherit",lineHeight:"inherit"},children:n(o.children,a)})}}};return r(e,{sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:i(p,a)})};export{o as default};

package/dist/esm/systems/WebCore/RichTextField/RichTextField.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Stack as o}from"@mui/material";import{Placeholder as i}from"@tiptap/extension-placeholder";import n from"@tiptap/extension-underline";import{StarterKit as m}from"@tiptap/starter-kit";import{MenuButtonBold as a,MenuButtonItalic as l,MenuButtonUnderline as p}from"mui-tiptap";import{useRef as s}from"react";import d from"./StyledRichTextEditor.js";const c=({onChange:c,value:u,internalChange:h,minWidth:f=100,minHeight:g=100,maxHeight:x,placeholder:H})=>{const k=s(null),b=r();return t(d,{sx:{"& .ProseMirror":{overflowY:"auto",minHeight:g,minWidth:f,maxHeight:x}},ref:k,onUpdate:({editor:t})=>{c&&c(t.getHTML()),h&&h()},enableInputRules:!1,extensions:[m.configure({strike:!1,code:!1,heading:!1,listItem:!1,bulletList:!1,orderedList:!1,blockquote:!1,horizontalRule:!1,codeBlock:!1}),i.configure({placeholder:H}),n],content:u,renderControls:()=>e(o,{gap:b.custom.margin.xs,direction:"row",children:[t(a,{}),t(l,{}),t(p,{})]})})};export{c as default};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as i,Stack as o}from"@mui/material";import{Placeholder as r}from"@tiptap/extension-placeholder";import n from"@tiptap/extension-underline";import{StarterKit as l}from"@tiptap/starter-kit";import{MenuButtonBold as a,MenuButtonItalic as m,MenuButtonUnderline as d,MenuButtonBulletedList as p,MenuButtonOrderedList as s}from"mui-tiptap";import{useRef as c}from"react";import u from"./StyledRichTextEditor.js";const h=({onChange:h,value:f,internalChange:g,minWidth:x=100,minHeight:b=100,maxHeight:H,placeholder:L,options:k={}})=>{const C=c(null),R=i(),{bold:j=!0,italic:v=!0,underline:w=!0,bulletList:I=!1,orderedList:M=!1}=k;return t(u,{sx:{"& .ProseMirror":{overflowY:"auto",minHeight:b,minWidth:x,maxHeight:H}},ref:C,onUpdate:({editor:t})=>{h&&h(t.getHTML()),g&&g()},enableInputRules:!1,extensions:[l.configure({strike:!1,code:!1,heading:!1,blockquote:!1,horizontalRule:!1,codeBlock:!1,bold:!!j&&{},italic:!!v&&{},listItem:!(!I&&!M)&&{},bulletList:!!I&&{},orderedList:!!M&&{}}),r.configure({placeholder:L}),...w?[n]:[]],content:f,renderControls:()=>e(o,{gap:R.custom.margin.xs,direction:"row",children:[j&&t(a,{}),v&&t(m,{}),w&&t(d,{}),I&&t(p,{}),M&&t(s,{})]})})};export{h as default};

package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts

@@ -5,40 +5,40 @@ import * as _mui_system from '@mui/system';
 import * as _mui_material from '@mui/material';
 import { SliderGraphBarProps, CommonComponentProps } from '../types.js';
 
-declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | "alignItems" | "style" | "children" | "autoFocus" | "className" | "tabIndex" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters" | "divider" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
+declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "alignItems" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "divider" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
     component?: React.ElementType;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const SliderGraphBarWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const SliderGraphBarWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType;
 } & {
     maxHeight: number;
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VerticalBarValue: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBarValue: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType;
 }, {}, {}>;
-declare const VerticalBar: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBar: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType;
 } & CommonComponentProps & {
     value: number;
     checked: boolean;
 }, {}, {}>;
-declare const VerticalBarActions: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBarActions: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType;
 }, {}, {}>;
-declare const VerticalBarLabel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const VerticalBarLabel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType;
 }, {}, {}>;
 declare const AxisSegmentWrapper: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
@@ -46,7 +46,7 @@ declare const AxisSegmentWrapper: _emotion_styled.StyledComponent<_mui_material.
 } & {
     maxHeight: number;
 } & Partial<SliderGraphBarProps>, {}, {}>;
-declare const AxisSegment: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme> | keyof _mui_material_OverridableComponent.CommonProps> & {
+declare const AxisSegment: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
     component?: React.ElementType;
 } & {
     showGraphLines?: boolean;

package/dist/systems/WebCore/HtmlParser/HtmlParser.js

@@ -1 +1 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material"),t=require("html-react-parser"),a=require("../Typography/Typography.js");function o(r){return r&&r.__esModule?r:{default:r}}var p=o(t);module.exports=({children:o,typographyProps:i={variation:"lg",component:"p"}})=>{const l=(r=>{const e=r.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(e)?e:`<p>${e}</p>`})(o),n={replace(e){const o=e;if(o.attribs&&"p"===o.name)return r.jsx(a,{...i,children:t.domToReact(o.children)})}};return r.jsx(e.Box,{sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:p.default(l,n)})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("html-react-parser"),n=require("../Typography/Typography.js");function o(e){return e&&e.__esModule?e:{default:e}}var t=o(i);module.exports=({children:o,typographyProps:l={variation:"lg",component:"p"}})=>{const a=(e=>{const r=e.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(r)?r:`<p>${r}</p>`})(o),c={replace(o){const t=o;if(t.attribs){if("p"===t.name)return e.jsx(n,{...l,children:i.domToReact(t.children,c)});if("ul"===t.name)return e.jsx(r.Box,{component:"ul",sx:{margin:0,pl:4},children:i.domToReact(t.children,c)});if("ol"===t.name)return e.jsx(r.Box,{component:"ol",sx:{margin:0,pl:4},children:i.domToReact(t.children,c)});if("li"===t.name)return e.jsx(r.Box,{component:"li",sx:{...l?.sx||{},fontSize:"inherit",lineHeight:"inherit"},children:i.domToReact(t.children,c)})}}};return e.jsx(r.Box,{sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:t.default(a,c)})};

package/dist/systems/WebCore/RichTextField/RichTextField.d.ts

@@ -1,6 +1,13 @@
 import { FunctionComponent } from 'react';
 import { InputFieldBaseProps } from '../InputFieldBase/InputFieldBase.js';
 
+type RichTextFieldOptions = {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    bulletList?: boolean;
+    orderedList?: boolean;
+};
 type RichTextFieldProps = Omit<InputFieldBaseProps, 'value' | 'onChange'> & {
     onChange?: (content: string) => void;
     internalChange?: () => void;
@@ -8,8 +15,9 @@ type RichTextFieldProps = Omit<InputFieldBaseProps, 'value' | 'onChange'> & {
     minWidth?: number;
     maxHeight?: number;
     value: string;
+    options?: RichTextFieldOptions;
 };
 declare const RichTextField: FunctionComponent<RichTextFieldProps>;
 
 export { RichTextField as default };
-export type { RichTextFieldProps };
+export type { RichTextFieldOptions, RichTextFieldProps };

package/dist/systems/WebCore/RichTextField/RichTextField.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@tiptap/extension-placeholder"),i=require("@tiptap/extension-underline"),n=require("@tiptap/starter-kit"),o=require("mui-tiptap"),u=require("react"),l=require("./StyledRichTextEditor.js");function a(e){return e&&e.__esModule?e:{default:e}}var s=a(i);module.exports=({onChange:i,value:a,internalChange:d,minWidth:c=100,minHeight:h=100,maxHeight:m,placeholder:p})=>{const x=u.useRef(null),g=t.useTheme();return e.jsx(l,{sx:{"& .ProseMirror":{overflowY:"auto",minHeight:h,minWidth:c,maxHeight:m}},ref:x,onUpdate:({editor:e})=>{i&&i(e.getHTML()),d&&d()},enableInputRules:!1,extensions:[n.StarterKit.configure({strike:!1,code:!1,heading:!1,listItem:!1,bulletList:!1,orderedList:!1,blockquote:!1,horizontalRule:!1,codeBlock:!1}),r.Placeholder.configure({placeholder:p}),s.default],content:a,renderControls:()=>e.jsxs(t.Stack,{gap:g.custom.margin.xs,direction:"row",children:[e.jsx(o.MenuButtonBold,{}),e.jsx(o.MenuButtonItalic,{}),e.jsx(o.MenuButtonUnderline,{})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@tiptap/extension-placeholder"),i=require("@tiptap/extension-underline"),n=require("@tiptap/starter-kit"),o=require("mui-tiptap"),u=require("react"),l=require("./StyledRichTextEditor.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(i);module.exports=({onChange:i,value:s,internalChange:d,minWidth:c=100,minHeight:h=100,maxHeight:x,placeholder:p,options:m={}})=>{const g=u.useRef(null),j=t.useTheme(),{bold:q=!0,italic:f=!0,underline:B=!0,bulletList:M=!1,orderedList:L=!1}=m;return e.jsx(l,{sx:{"& .ProseMirror":{overflowY:"auto",minHeight:h,minWidth:c,maxHeight:x}},ref:g,onUpdate:({editor:e})=>{i&&i(e.getHTML()),d&&d()},enableInputRules:!1,extensions:[n.StarterKit.configure({strike:!1,code:!1,heading:!1,blockquote:!1,horizontalRule:!1,codeBlock:!1,bold:!!q&&{},italic:!!f&&{},listItem:!(!M&&!L)&&{},bulletList:!!M&&{},orderedList:!!L&&{}}),r.Placeholder.configure({placeholder:p}),...B?[a.default]:[]],content:s,renderControls:()=>e.jsxs(t.Stack,{gap:j.custom.margin.xs,direction:"row",children:[q&&e.jsx(o.MenuButtonBold,{}),f&&e.jsx(o.MenuButtonItalic,{}),B&&e.jsx(o.MenuButtonUnderline,{}),M&&e.jsx(o.MenuButtonBulletedList,{}),L&&e.jsx(o.MenuButtonOrderedList,{})]})})};

package/dist/systems/WebCore/Typography/Typography.d.ts

@@ -12,7 +12,7 @@ interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
     secondary?: boolean;
     textColor?: string;
 }
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLParagraphElement | HTMLHeadingElement>>;
+declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
 
 export { Typography as default };
 export type { TypographyProps };

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

@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
 import { ScreenSize, CustomTheme } from './types.js';
 
 declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
-    breakpoint: "" | "sm" | "md" | "lg" | "xl";
+    breakpoint: "" | "sm" | "lg" | "md" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.565",
+    "version": "1.4.566",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",
@@ -160,11 +160,11 @@
         "@rollup/plugin-node-resolve": "^15.3.0",
         "@rollup/plugin-terser": "^0.4.4",
         "@rollup/plugin-typescript": "^11.1.6",
-        "@storybook/addon-docs": "^10.0.8",
-        "@storybook/addon-links": "^10.0.8",
-        "@storybook/addon-onboarding": "^10.0.8",
-        "@storybook/addon-themes": "^10.0.8",
-        "@storybook/react-vite": "^10.0.8",
+        "@storybook/addon-docs": "^10.1.4",
+        "@storybook/addon-links": "^10.1.4",
+        "@storybook/addon-onboarding": "^10.1.4",
+        "@storybook/addon-themes": "^10.1.4",
+        "@storybook/react-vite": "^10.1.4",
         "@swc/core": "^1.10.18",
         "@testing-library/react": "^16.3.0",
         "@types/react": "^19.2.2",
@@ -178,7 +178,7 @@
         "eslint": "^9.14.0",
         "eslint-plugin-prettier": "^5.2.1",
         "eslint-plugin-react": "^7.37.2",
-        "eslint-plugin-storybook": "^10.0.8",
+        "eslint-plugin-storybook": "^10.1.4",
         "eslint-plugin-unused-imports": "^4.1.4",
         "happy-dom": "^20.0.1",
         "prettier": "^3.3.3",
@@ -196,7 +196,7 @@
         "rollup-plugin-preserve-directives": "^0.4.0",
         "rollup-plugin-svg": "^2.0.0",
         "rollup-preserve-directives": "^1.1.3",
-        "storybook": "^10.0.8",
+        "storybook": "^10.1.4",
         "tsx": "^4.19.2",
         "typescript": "^5.6.3",
         "vite": "^7.1.10",
@@ -226,7 +226,7 @@
         "@mui/lab": "^7.0.1-beta.18",
         "@number-flow/react": "^0.5.10",
         "@phrase/i18next-backend": "^1.2.0",
-        "@tiptap/extension-image": "^3.7.0",
+        "@tiptap/extension-image": "^3.12.1",
         "@tiptap/extension-placeholder": "^3.7.0",
         "@tiptap/extension-table": "^3.7.0",
         "@tiptap/extension-underline": "^3.7.0",