@useloops/design-system 1.4.270 → 1.4.271

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import*as e from"react";import a,{Fragment as t,forwardRef as n,useRef as r,useEffect as i,useState as o,useCallback as s,useMemo as l,createContext as c,useContext as u,useId as d,useLayoutEffect as h,useInsertionEffect as m,createElement as p,Component as g,useImperativeHandle as y,cloneElement as f,startTransition as b}from"react";import{SvgIcon as C,styled as v,Paper as k,useTheme as x,Box as w,Link as S,Typography as A,linkClasses as M,IconButton as T,CircularProgress as B,Tooltip as L,Container as j,Grid2 as P,Button as R,boxClasses as D,Slide as E,Fade as H,Grow as F,Popper as N,ClickAwayListener as G,Stack as W,Avatar as I,Divider as z,useMediaQuery as V,LinearProgress as O,linearProgressClasses as K,alpha as J,Checkbox as $,FormLabel as _,Autocomplete as Y,Chip as U,TextField as Z,autocompleteClasses as q,MenuItem as X,Select as Q,FormControlLabel as ee,Switch as ae,AvatarGroup as te,InputAdornment as ne,FormGroup as re,InputLabel as ie,Radio as oe,RadioGroup as se,Menu as le,ButtonBase as ce,Slider as ue,Rating as de,ButtonGroup as he,Skeleton as me,containerClasses as pe,chipClasses as ge,Modal as ye,Backdrop as fe,Accordion as be,AccordionSummary as Ce,AccordionDetails as ve,CardActionArea as ke,CardContent as xe,createTheme as we,GlobalStyles as Se,CssBaseline as Ae}from"@mui/material";import{mergeSx as Me}from"merge-sx";import{ExpandLess as Te,Check as Be,Remove as Le,KeyboardArrowDown as je,CloseRounded as Pe,Info as Re,ErrorOutline as De,ArrowDropUp as Ee,ArrowDropDown as He,DragHandle as Fe}from"@mui/icons-material";import{TimelineDot as Ne,timelineItemClasses as Ge,TimelineItem as We,TimelineSeparator as Ie,TimelineConnector as ze,TimelineContent as Ve}from"@mui/lab";import{styled as Oe,useThemeProps as Ke,ThemeProvider as Je}from"@mui/material/styles";import{capitalize as $e}from"@mui/material/utils";import{Controller as _e,useForm as Ye}from"react-hook-form";import{isValidPhoneNumber as Ue}from"react-phone-number-input";import{NumericFormat as Ze}from"react-number-format";import{defaultDropAnimationSideEffects as qe,DragOverlay as Xe,useSensors as Qe,useSensor as ea,KeyboardSensor as aa,DndContext as ta,MeasuringStrategy as na,MouseSensor as ra,TouchSensor as ia}from"@dnd-kit/core";import{useSortable as oa,defaultAnimateLayoutChanges as sa,sortableKeyboardCoordinates as la,arrayMove as ca,SortableContext as ua,horizontalListSortingStrategy as da,verticalListSortingStrategy as ha}from"@dnd-kit/sortable";import{CSS as ma}from"@dnd-kit/utilities";import{createPortal as pa}from"react-dom";import{Placeholder as ga}from"@tiptap/extension-placeholder";import ya from"@tiptap/extension-underline";import{StarterKit as fa}from"@tiptap/starter-kit";import{RichTextEditor as ba,MenuButtonBold as Ca,MenuButtonItalic as va,MenuButtonUnderline as ka}from"mui-tiptap";import{zxcvbnOptions as xa,zxcvbn as wa}from"@zxcvbn-ts/core";import*as Sa from"@zxcvbn-ts/language-common";import*as Aa from"@zxcvbn-ts/language-en";import{ErrorMessage as Ma}from"@hookform/error-message";import Ta,{domToReact as Ba}from"html-react-parser";import{LazyLoadImage as La}from"react-lazy-load-image-component";import ja from"markdown-to-jsx";import Pa from"dayjs";import{stringify as Ra,rulesheet as Da,middleware as Ea,RULESET as Ha,combine as Fa,match as Na,serialize as Ga,copy as Wa,replace as Ia,WEBKIT as za,MOZ as Va,MS as Oa,KEYFRAMES as Ka,DECLARATION as Ja,compile as $a,dealloc as _a,alloc as Ya,hash as Ua,charat as Za,strlen as qa,indexof as Xa,next as Qa,token as et,from as at,peek as tt,delimit as nt,slice as rt,position as it,prefixer as ot}from"stylis";import{CacheProvider as st}from"@emotion/react";import lt from"stylis-plugin-rtl";const ct={0:"#FFFFFF",50:"#F8F8F9",100:"#E8E7EB",200:"#D1CFD6",300:"#BAB7C2",400:"#A39FAD",500:"#8C8799",600:"#756F85",700:"#5E5770",800:"#473F5C",900:"#302747",950:"#251B3D",1e3:"#190F33",1100:"#0D081A"},ut={0:"#130B26",50:"#1C142F",100:"#2A223C",200:"#413A51",300:"#585267",400:"#6F697D",500:"#868092",600:"#9D98A8",700:"#B4AFBE",800:"#CBC7D4",900:"#E2DEE9",1e3:"#F9F6FF",950:"#EDEAF4",1100:"#FFFFFF"},dt={0:"#190f3300",.01:"#190f3303",1:"#190F3308",2:"#190F330F",3:"#190F331F",4:"#190F333D",5:"#190f3380"},ht={0:"#F9F6FF00",.01:"#fff6ff03",1:"#F9F6FF0A",2:"#F9F6FF14",3:"#F9F6FF1F",4:"#F9F6FF3D",5:"#f9f6ff80"},mt={0:"#F2EDFF",100:"#D9C9FF",200:"#BFA5FF",300:"#A582FF",400:"#8C5EFF",500:"#7F4CFF",600:"#7648E9",700:"#6441BE",800:"#533992",900:"#413167",1e3:"#2F2A3C"},pt={0:"#FFEEED",100:"#FECDCA",200:"#FDACA6",300:"#FD8B83",400:"#FC6B60",500:"#FC5A4E",600:"#E7554A",700:"#BC4A42",800:"#91403A",900:"#663632",1e3:"#3B2B2A"},gt={0:"#FFF8F6",100:"#FFEBE4",200:"#FFDFD2",300:"#FFD2C0",400:"#FFC5AE",500:"#FFBEA5",600:"#E9AF98",700:"#BE907F",800:"#927266",900:"#67544C",1e3:"#3C3533"},yt={0:"#FFF9E5",100:"#FFECB2",200:"#FFECB2",300:"#FFD24D",400:"#FFC61A",500:"#FFBF00",600:"#E9B004",700:"#BE910B",800:"#927313",900:"#67541B",1e3:"#3C3522"},ft={0:"#EBF8FB",100:"#C4E9F3",200:"#9DDAEB",300:"#76CBE4",400:"#4FBCDC",500:"#3CB4D8",600:"#39A6C6",700:"#358AA2",800:"#316D7F",900:"#2C515B",1e3:"#283438"},bt={0:"#EDF7EC",100:"#C8E8C7",200:"#A3D9A1",300:"#7FC97C",400:"#5ABA57",500:"#48B244",600:"#44A441",700:"#3D883B",800:"#376C35",900:"#30502F",1e3:"#293429"},Ct={light:{0:ct[0],50:ct[50],100:ct[100],200:ct[200],300:ct[300],400:ct[400],500:ct[500],600:ct[600],700:ct[700],800:ct[800],900:ct[900],950:ct[950],1e3:ct[1e3],1100:ct[1100]},dark:{0:ut[0],50:ut[50],100:ut[100],200:ut[200],300:ut[300],400:ut[400],500:ut[500],600:ut[600],700:ut[700],800:ut[800],900:ut[900],950:ut[950],1e3:ut[1e3],1100:ut[1100]}},vt=e=>({light:{0:e[0],100:e[100],200:e[200],300:e[300],400:e[400],500:e[500],600:e[600],700:e[700],800:e[800],900:e[900],1e3:e[1e3]},dark:{0:e[1e3],100:e[900],200:e[800],300:e[700],400:e[600],500:e[500],600:e[400],700:e[300],800:e[200],900:e[100],1e3:e[0]}}),kt=vt(mt),xt=vt(pt),wt=vt(gt),St=vt(yt),At=vt(ft),Mt=vt(bt),Tt={sm:0,md:584,lg:812,lgNav:1e3,xl:1280,xxl:1728},Bt={0:0,25:2,50:4,100:8,150:12,200:16,300:24,350:28,400:32,500:40,600:48,800:64,1e3:80,2e3:160},Lt=Bt[100],jt={none:Bt[0],xs:Bt[50]/Lt,sm:Bt[100]/Lt,md:Bt[200]/Lt,lg:Bt[400]/Lt,xl:Bt[600]/Lt,xxl:Bt[1e3]/Lt,xxxl:Bt[2e3]/Lt},Pt={none:Bt[0],xs:Bt[50]/Lt,sm:Bt[100]/Lt,md:Bt[200]/Lt,lg:Bt[400]/Lt,xl:Bt[600]/Lt},Rt={none:Bt[0],xs:Bt[25]/Lt,sm:Bt[50]/Lt,md:Bt[100]/Lt,lg:Bt[200]/Lt,xl:Bt[300]/Lt,round:999},Dt={raised:"0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 4px 2px rgba(6, 4, 13, 0.04), 0px 1px 2px 0px rgba(6, 4, 13, 0.16)",overlay:"0px 0px 0px 1px rgba(255, 255, 255, 0.16), 0px 0px 4px 2px rgba(6, 4, 13, 0.04), 0px 16px 24px 0px rgba(6, 4, 13, 0.08), 0px 4px 8px 0px rgba(6, 4, 13, 0.08)"},Et={raised:"drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.12)) drop-shadow(0px 0px 4px rgba(6, 4, 13, 0.04)) drop-shadow(0px 1px 2px rgba(6, 4, 13, 0.16))",overlay:"drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.16)) drop-shadow(0px 0px 4px rgba(6, 4, 13, 0.04)) drop-shadow(0px 16px 24px rgba(6, 4, 13, 0.08)) drop-shadow(0px 4px 8px rgba(6, 4, 13, 0.08))"},Ht={input:{focus:"0px 0px 0px 4px rgba(127, 76, 255, 0.24)"}},Ft={default:"cubic-bezier(0.16, 1, 0.3, 1)",input:"all 200ms ease"},Nt={light:{surface:{sunken:ct[50],default:ct[0],raised:ct[0],overlay:ct[0],scrim:dt[3],transparent:dt[.01]},interaction:{none:dt[0],hover:dt[1],press:dt[2],hoverOnDark:dt[3],pressOnDark:dt[4],disabled:dt[2]},stroke:{default:ct[200],focus:mt[500],disabled:ct[100]},text:{primary:ct[1e3],secondary:ct[600],placeholder:ct[400],disabled:ct[300],link:mt[800],linkHover:mt[900],primaryInverted:ct[0],secondaryInverted:ct[400],placeholderInverted:ct[600],disabledInverted:ct[700],positive:bt[800],negative:pt[700],lockedWhite:ct[0]},icon:{primary:ct[1e3],secondary:ct[600],disabled:ct[300],primaryInverted:ct[0],secondaryInverted:ct[400],disabledInverted:ct[700],positive:bt[800],negative:pt[700],lockedWhite:ct[0],link:mt[800],linkHover:mt[900]},input:{default:ct[0],disabled:"#FFFFFF80"}},dark:{surface:{default:ut[50],sunken:ut[0],raised:ut[100],overlay:ut[200],scrim:ht[3],transparent:ht[.01]},interaction:{none:ht[0],hover:ht[1],press:ht[2],hoverOnDark:ht[3],pressOnDark:ht[4],disabled:ht[2]},stroke:{default:ut[200],focus:mt[500],disabled:ut[100]},text:{primary:ut[1e3],secondary:ut[700],placeholder:ut[400],disabled:ut[300],link:mt[100],linkHover:mt[0],primaryInverted:ut[0],secondaryInverted:ut[400],placeholderInverted:ut[600],disabledInverted:ut[700],positive:bt[300],negative:pt[300],lockedWhite:ct[0]},icon:{primary:ut[1e3],secondary:ut[700],disabled:ut[300],primaryInverted:ut[0],secondaryInverted:ut[400],disabledInverted:ut[700],positive:bt[300],negative:pt[300],lockedWhite:ct[0],link:mt[100],linkHover:mt[0]},input:{default:ut[100],disabled:"#2A223C80"}}};var Gt;!function(e){e[e.DEFAULT=400]="DEFAULT",e[e.BOLD=500]="BOLD"}(Gt||(Gt={}));const Wt={Domaine:{name:"Domaine",default:{fileName:"DomaineRegular.woff2",weight:Gt.DEFAULT},bold:{fileName:"DomaineMedium.woff2",weight:Gt.BOLD}},FoundersGrotesk:{name:"FoundersGrotesk",default:{fileName:"FoundersGroteskRegular.woff2",weight:Gt.DEFAULT},bold:{fileName:"FoundersGroteskMedium.woff2",weight:Gt.BOLD}},FontStack:{Serif:'"Domaine", Palatino, serif',SansSerif:'"FoundersGrotesk", Arial, sans-serif'}};function It(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var zt,Vt={exports:{}},Ot={};var Kt,Jt={};
+import*as e from"react";import a,{Fragment as t,forwardRef as n,useRef as r,useEffect as i,useState as o,useCallback as s,useMemo as l,createContext as c,useContext as u,useId as d,useLayoutEffect as h,useInsertionEffect as m,createElement as p,Component as g,useImperativeHandle as y,cloneElement as f,startTransition as b}from"react";import{SvgIcon as C,styled as v,Paper as k,useTheme as x,Box as w,Link as S,Typography as A,linkClasses as M,IconButton as T,CircularProgress as B,Tooltip as L,Container as j,Grid2 as P,Button as R,boxClasses as D,Slide as E,Fade as H,Grow as F,Popper as N,ClickAwayListener as G,Stack as W,Avatar as I,Divider as z,useMediaQuery as V,LinearProgress as O,linearProgressClasses as K,alpha as J,Checkbox as $,FormLabel as _,Autocomplete as Y,Chip as U,TextField as Z,autocompleteClasses as q,MenuItem as X,Select as Q,FormControlLabel as ee,Switch as ae,AvatarGroup as te,InputAdornment as ne,FormGroup as re,InputLabel as ie,Radio as oe,RadioGroup as se,Menu as le,ButtonBase as ce,Slider as ue,Rating as de,ButtonGroup as he,Skeleton as me,containerClasses as pe,chipClasses as ge,Modal as ye,Backdrop as fe,Accordion as be,AccordionSummary as Ce,AccordionDetails as ve,CardActionArea as ke,CardContent as xe,createTheme as we,GlobalStyles as Se,CssBaseline as Ae}from"@mui/material";import{mergeSx as Me}from"merge-sx";import{ExpandLess as Te,Check as Be,Remove as Le,KeyboardArrowDown as je,CloseRounded as Pe,Info as Re,ErrorOutline as De,ArrowDropUp as Ee,ArrowDropDown as He,DragHandle as Fe}from"@mui/icons-material";import{TimelineDot as Ne,timelineItemClasses as Ge,TimelineItem as We,TimelineSeparator as Ie,TimelineConnector as ze,TimelineContent as Ve}from"@mui/lab";import{styled as Oe,useThemeProps as Ke,ThemeProvider as Je}from"@mui/material/styles";import{capitalize as $e}from"@mui/material/utils";import{Controller as _e,useForm as Ye}from"react-hook-form";import{isValidPhoneNumber as Ue}from"react-phone-number-input";import{NumericFormat as Ze}from"react-number-format";import{defaultDropAnimationSideEffects as qe,DragOverlay as Xe,useSensors as Qe,useSensor as ea,KeyboardSensor as aa,DndContext as ta,MeasuringStrategy as na,MouseSensor as ra,TouchSensor as ia}from"@dnd-kit/core";import{useSortable as oa,defaultAnimateLayoutChanges as sa,sortableKeyboardCoordinates as la,arrayMove as ca,SortableContext as ua,horizontalListSortingStrategy as da,verticalListSortingStrategy as ha}from"@dnd-kit/sortable";import{CSS as ma}from"@dnd-kit/utilities";import{createPortal as pa}from"react-dom";import{Placeholder as ga}from"@tiptap/extension-placeholder";import ya from"@tiptap/extension-underline";import{StarterKit as fa}from"@tiptap/starter-kit";import{RichTextEditor as ba,MenuButtonBold as Ca,MenuButtonItalic as va,MenuButtonUnderline as ka}from"mui-tiptap";import{zxcvbnOptions as xa,zxcvbn as wa}from"@zxcvbn-ts/core";import*as Sa from"@zxcvbn-ts/language-common";import*as Aa from"@zxcvbn-ts/language-en";import{ErrorMessage as Ma}from"@hookform/error-message";import Ta,{domToReact as Ba}from"html-react-parser";import{LazyLoadImage as La}from"react-lazy-load-image-component";import ja from"markdown-to-jsx";import Pa from"dayjs";import{stringify as Ra,rulesheet as Da,middleware as Ea,RULESET as Ha,combine as Fa,match as Na,serialize as Ga,copy as Wa,replace as Ia,WEBKIT as za,MOZ as Va,MS as Oa,KEYFRAMES as Ka,DECLARATION as Ja,compile as $a,dealloc as _a,alloc as Ya,hash as Ua,charat as Za,strlen as qa,indexof as Xa,next as Qa,token as et,from as at,peek as tt,delimit as nt,slice as rt,position as it,prefixer as ot}from"stylis";import{CacheProvider as st}from"@emotion/react";import lt from"stylis-plugin-rtl";const ct={0:"#FFFFFF",50:"#F8F8F9",100:"#E8E7EB",200:"#D1CFD6",300:"#BAB7C2",400:"#A39FAD",500:"#8C8799",600:"#756F85",700:"#5E5770",800:"#473F5C",900:"#302747",950:"#251B3D",1e3:"#190F33",1100:"#0D081A"},ut={0:"#130B26",50:"#1C142F",100:"#2A223C",200:"#413A51",300:"#585267",400:"#6F697D",500:"#868092",600:"#9D98A8",700:"#B4AFBE",800:"#CBC7D4",900:"#E2DEE9",1e3:"#F9F6FF",950:"#EDEAF4",1100:"#FFFFFF"},dt={0:"#190f3300",.01:"#190f3303",1:"#190F3308",2:"#190F330F",3:"#190F331F",4:"#190F333D",5:"#190f3380"},ht={0:"#F9F6FF00",.01:"#fff6ff03",1:"#F9F6FF0A",2:"#F9F6FF14",3:"#F9F6FF1F",4:"#F9F6FF3D",5:"#f9f6ff80"},mt={0:"#F2EDFF",100:"#D9C9FF",200:"#BFA5FF",300:"#A582FF",400:"#8C5EFF",500:"#7F4CFF",600:"#7648E9",700:"#6441BE",800:"#533992",900:"#413167",1e3:"#2F2A3C"},pt={0:"#FFEEED",100:"#FECDCA",200:"#FDACA6",300:"#FD8B83",400:"#FC6B60",500:"#FC5A4E",600:"#E7554A",700:"#BC4A42",800:"#91403A",900:"#663632",1e3:"#3B2B2A"},gt={0:"#FFF8F6",100:"#FFEBE4",200:"#FFDFD2",300:"#FFD2C0",400:"#FFC5AE",500:"#FFBEA5",600:"#E9AF98",700:"#BE907F",800:"#927266",900:"#67544C",1e3:"#3C3533"},yt={0:"#FFF9E5",100:"#FFECB2",200:"#FFECB2",300:"#FFD24D",400:"#FFC61A",500:"#FFBF00",600:"#E9B004",700:"#BE910B",800:"#927313",900:"#67541B",1e3:"#3C3522"},ft={0:"#EBF8FB",100:"#C4E9F3",200:"#9DDAEB",300:"#76CBE4",400:"#4FBCDC",500:"#3CB4D8",600:"#39A6C6",700:"#358AA2",800:"#316D7F",900:"#2C515B",1e3:"#283438"},bt={0:"#EDF7EC",100:"#C8E8C7",200:"#A3D9A1",300:"#7FC97C",400:"#5ABA57",500:"#48B244",600:"#44A441",700:"#3D883B",800:"#376C35",900:"#30502F",1e3:"#293429"},Ct={light:{0:ct[0],50:ct[50],100:ct[100],200:ct[200],300:ct[300],400:ct[400],500:ct[500],600:ct[600],700:ct[700],800:ct[800],900:ct[900],950:ct[950],1e3:ct[1e3],1100:ct[1100]},dark:{0:ut[0],50:ut[50],100:ut[100],200:ut[200],300:ut[300],400:ut[400],500:ut[500],600:ut[600],700:ut[700],800:ut[800],900:ut[900],950:ut[950],1e3:ut[1e3],1100:ut[1100]}},vt=e=>({light:{0:e[0],100:e[100],200:e[200],300:e[300],400:e[400],500:e[500],600:e[600],700:e[700],800:e[800],900:e[900],1e3:e[1e3]},dark:{0:e[1e3],100:e[900],200:e[800],300:e[700],400:e[600],500:e[500],600:e[400],700:e[300],800:e[200],900:e[100],1e3:e[0]}}),kt=vt(mt),xt=vt(pt),wt=vt(gt),St=vt(yt),At=vt(ft),Mt=vt(bt),Tt={sm:0,md:584,lg:812,lgNav:1e3,xl:1280,xxl:1728},Bt={0:0,25:2,50:4,100:8,150:12,200:16,300:24,350:28,400:32,500:40,600:48,800:64,1e3:80,2e3:160},Lt=Bt[100],jt={none:Bt[0],xs:Bt[50]/Lt,sm:Bt[100]/Lt,md:Bt[200]/Lt,lg:Bt[400]/Lt,xl:Bt[600]/Lt,xxl:Bt[1e3]/Lt,xxxl:Bt[2e3]/Lt},Pt={none:Bt[0],xs:Bt[50]/Lt,sm:Bt[100]/Lt,md:Bt[200]/Lt,lg:Bt[400]/Lt,xl:Bt[600]/Lt},Rt={none:Bt[0],xs:Bt[25]/Lt,sm:Bt[50]/Lt,md:Bt[100]/Lt,lg:Bt[200]/Lt,xl:Bt[300]/Lt,round:999},Dt={raised:"0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 4px 2px rgba(6, 4, 13, 0.04), 0px 1px 2px 0px rgba(6, 4, 13, 0.16)",overlay:"0px 0px 0px 1px rgba(255, 255, 255, 0.16), 0px 0px 4px 2px rgba(6, 4, 13, 0.04), 0px 16px 24px 0px rgba(6, 4, 13, 0.08), 0px 4px 8px 0px rgba(6, 4, 13, 0.08)"},Et={raised:"drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.12)) drop-shadow(0px 0px 4px rgba(6, 4, 13, 0.04)) drop-shadow(0px 1px 2px rgba(6, 4, 13, 0.16))",overlay:"drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.16)) drop-shadow(0px 0px 4px rgba(6, 4, 13, 0.04)) drop-shadow(0px 16px 24px rgba(6, 4, 13, 0.08)) drop-shadow(0px 4px 8px rgba(6, 4, 13, 0.08))"},Ht={input:{focus:"0px 0px 0px 4px rgba(127, 76, 255, 0.24)"}},Ft={default:"cubic-bezier(0.16, 1, 0.3, 1)",input:"all 200ms ease"},Nt={light:{surface:{sunken:ct[50],default:ct[0],raised:ct[0],overlay:ct[0],scrim:dt[3],transparent:dt[.01]},interaction:{none:dt[0],hover:dt[1],press:dt[2],hoverOnDark:dt[3],pressOnDark:dt[4],disabled:dt[2]},stroke:{default:ct[200],light:ct[100],focus:mt[500],disabled:ct[100]},text:{primary:ct[1e3],secondary:ct[600],placeholder:ct[400],disabled:ct[300],link:mt[800],linkHover:mt[900],primaryInverted:ct[0],secondaryInverted:ct[400],placeholderInverted:ct[600],disabledInverted:ct[700],positive:bt[800],negative:pt[700],lockedWhite:ct[0]},icon:{primary:ct[1e3],secondary:ct[600],disabled:ct[300],primaryInverted:ct[0],secondaryInverted:ct[400],disabledInverted:ct[700],positive:bt[800],negative:pt[700],lockedWhite:ct[0],link:mt[800],linkHover:mt[900]},input:{default:ct[0],disabled:"#FFFFFF80"}},dark:{surface:{default:ut[50],sunken:ut[0],raised:ut[100],overlay:ut[200],scrim:ht[3],transparent:ht[.01]},interaction:{none:ht[0],hover:ht[1],press:ht[2],hoverOnDark:ht[3],pressOnDark:ht[4],disabled:ht[2]},stroke:{default:ut[200],light:ut[100],focus:mt[500],disabled:ut[100]},text:{primary:ut[1e3],secondary:ut[700],placeholder:ut[400],disabled:ut[300],link:mt[100],linkHover:mt[0],primaryInverted:ut[0],secondaryInverted:ut[400],placeholderInverted:ut[600],disabledInverted:ut[700],positive:bt[300],negative:pt[300],lockedWhite:ct[0]},icon:{primary:ut[1e3],secondary:ut[700],disabled:ut[300],primaryInverted:ut[0],secondaryInverted:ut[400],disabledInverted:ut[700],positive:bt[300],negative:pt[300],lockedWhite:ct[0],link:mt[100],linkHover:mt[0]},input:{default:ut[100],disabled:"#2A223C80"}}};var Gt;!function(e){e[e.DEFAULT=400]="DEFAULT",e[e.BOLD=500]="BOLD"}(Gt||(Gt={}));const Wt={Domaine:{name:"Domaine",default:{fileName:"DomaineRegular.woff2",weight:Gt.DEFAULT},bold:{fileName:"DomaineMedium.woff2",weight:Gt.BOLD}},FoundersGrotesk:{name:"FoundersGrotesk",default:{fileName:"FoundersGroteskRegular.woff2",weight:Gt.DEFAULT},bold:{fileName:"FoundersGroteskMedium.woff2",weight:Gt.BOLD}},FontStack:{Serif:'"Domaine", Palatino, serif',SansSerif:'"FoundersGrotesk", Arial, sans-serif'}};function It(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var zt,Vt={exports:{}},Ot={};var Kt,Jt={};
 /**
  * @license React
  * react-jsx-runtime.development.js

package/dist/index.d.ts

@@ -63,6 +63,7 @@ interface SemanticColor {
         };
         stroke: {
             default: string | undefined;
+            light: string | undefined;
             focus: string | undefined;
             disabled: string | undefined;
         };
@@ -118,6 +119,7 @@ interface SemanticColor {
         };
         stroke: {
             default: string | undefined;
+            light: string | undefined;
             focus: string | undefined;
             disabled: string | undefined;
         };
@@ -544,6 +546,7 @@ interface CustomTheme {
         };
         stroke: {
             default: string;
+            light: string;
             focus: string;
             disabled: string;
         };

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react"),a=require("@mui/material"),t=require("merge-sx"),n=require("@mui/icons-material"),r=require("@mui/lab"),i=require("@mui/material/styles"),o=require("@mui/material/utils"),s=require("react-hook-form"),l=require("react-phone-number-input"),c=require("react-number-format"),u=require("@dnd-kit/core"),d=require("@dnd-kit/sortable"),h=require("@dnd-kit/utilities"),m=require("react-dom"),p=require("@tiptap/extension-placeholder"),g=require("@tiptap/extension-underline"),y=require("@tiptap/starter-kit"),f=require("mui-tiptap"),b=require("@zxcvbn-ts/core"),C=require("@zxcvbn-ts/language-common"),v=require("@zxcvbn-ts/language-en"),k=require("@hookform/error-message"),x=require("html-react-parser"),w=require("react-lazy-load-image-component"),S=require("markdown-to-jsx"),A=require("dayjs"),M=require("stylis"),T=require("@emotion/react"),B=require("stylis-plugin-rtl");function L(e){var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var j=L(e),P=L(C),R=L(v);const D={0:"#FFFFFF",50:"#F8F8F9",100:"#E8E7EB",200:"#D1CFD6",300:"#BAB7C2",400:"#A39FAD",500:"#8C8799",600:"#756F85",700:"#5E5770",800:"#473F5C",900:"#302747",950:"#251B3D",1e3:"#190F33",1100:"#0D081A"},E={0:"#130B26",50:"#1C142F",100:"#2A223C",200:"#413A51",300:"#585267",400:"#6F697D",500:"#868092",600:"#9D98A8",700:"#B4AFBE",800:"#CBC7D4",900:"#E2DEE9",1e3:"#F9F6FF",950:"#EDEAF4",1100:"#FFFFFF"},H={0:"#190f3300",.01:"#190f3303",1:"#190F3308",2:"#190F330F",3:"#190F331F",4:"#190F333D",5:"#190f3380"},F={0:"#F9F6FF00",.01:"#fff6ff03",1:"#F9F6FF0A",2:"#F9F6FF14",3:"#F9F6FF1F",4:"#F9F6FF3D",5:"#f9f6ff80"},I={0:"#F2EDFF",100:"#D9C9FF",200:"#BFA5FF",300:"#A582FF",400:"#8C5EFF",500:"#7F4CFF",600:"#7648E9",700:"#6441BE",800:"#533992",900:"#413167",1e3:"#2F2A3C"},N={0:"#FFEEED",100:"#FECDCA",200:"#FDACA6",300:"#FD8B83",400:"#FC6B60",500:"#FC5A4E",600:"#E7554A",700:"#BC4A42",800:"#91403A",900:"#663632",1e3:"#3B2B2A"},G={0:"#FFF8F6",100:"#FFEBE4",200:"#FFDFD2",300:"#FFD2C0",400:"#FFC5AE",500:"#FFBEA5",600:"#E9AF98",700:"#BE907F",800:"#927266",900:"#67544C",1e3:"#3C3533"},W={0:"#FFF9E5",100:"#FFECB2",200:"#FFECB2",300:"#FFD24D",400:"#FFC61A",500:"#FFBF00",600:"#E9B004",700:"#BE910B",800:"#927313",900:"#67541B",1e3:"#3C3522"},z={0:"#EBF8FB",100:"#C4E9F3",200:"#9DDAEB",300:"#76CBE4",400:"#4FBCDC",500:"#3CB4D8",600:"#39A6C6",700:"#358AA2",800:"#316D7F",900:"#2C515B",1e3:"#283438"},V={0:"#EDF7EC",100:"#C8E8C7",200:"#A3D9A1",300:"#7FC97C",400:"#5ABA57",500:"#48B244",600:"#44A441",700:"#3D883B",800:"#376C35",900:"#30502F",1e3:"#293429"},O={light:{0:D[0],50:D[50],100:D[100],200:D[200],300:D[300],400:D[400],500:D[500],600:D[600],700:D[700],800:D[800],900:D[900],950:D[950],1e3:D[1e3],1100:D[1100]},dark:{0:E[0],50:E[50],100:E[100],200:E[200],300:E[300],400:E[400],500:E[500],600:E[600],700:E[700],800:E[800],900:E[900],950:E[950],1e3:E[1e3],1100:E[1100]}},K=e=>({light:{0:e[0],100:e[100],200:e[200],300:e[300],400:e[400],500:e[500],600:e[600],700:e[700],800:e[800],900:e[900],1e3:e[1e3]},dark:{0:e[1e3],100:e[900],200:e[800],300:e[700],400:e[600],500:e[500],600:e[400],700:e[300],800:e[200],900:e[100],1e3:e[0]}}),J=K(I),$=K(N),_=K(G),Y=K(W),U=K(z),Z=K(V),q={sm:0,md:584,lg:812,lgNav:1e3,xl:1280,xxl:1728},X={0:0,25:2,50:4,100:8,150:12,200:16,300:24,350:28,400:32,500:40,600:48,800:64,1e3:80,2e3:160},Q=X[100],ee={none:X[0],xs:X[50]/Q,sm:X[100]/Q,md:X[200]/Q,lg:X[400]/Q,xl:X[600]/Q,xxl:X[1e3]/Q,xxxl:X[2e3]/Q},ae={none:X[0],xs:X[50]/Q,sm:X[100]/Q,md:X[200]/Q,lg:X[400]/Q,xl:X[600]/Q},te={none:X[0],xs:X[25]/Q,sm:X[50]/Q,md:X[100]/Q,lg:X[200]/Q,xl:X[300]/Q,round:999},ne={raised:"0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 4px 2px rgba(6, 4, 13, 0.04), 0px 1px 2px 0px rgba(6, 4, 13, 0.16)",overlay:"0px 0px 0px 1px rgba(255, 255, 255, 0.16), 0px 0px 4px 2px rgba(6, 4, 13, 0.04), 0px 16px 24px 0px rgba(6, 4, 13, 0.08), 0px 4px 8px 0px rgba(6, 4, 13, 0.08)"},re={raised:"drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.12)) drop-shadow(0px 0px 4px rgba(6, 4, 13, 0.04)) drop-shadow(0px 1px 2px rgba(6, 4, 13, 0.16))",overlay:"drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.16)) drop-shadow(0px 0px 4px rgba(6, 4, 13, 0.04)) drop-shadow(0px 16px 24px rgba(6, 4, 13, 0.08)) drop-shadow(0px 4px 8px rgba(6, 4, 13, 0.08))"},ie={input:{focus:"0px 0px 0px 4px rgba(127, 76, 255, 0.24)"}},oe={default:"cubic-bezier(0.16, 1, 0.3, 1)",input:"all 200ms ease"},se={light:{surface:{sunken:D[50],default:D[0],raised:D[0],overlay:D[0],scrim:H[3],transparent:H[.01]},interaction:{none:H[0],hover:H[1],press:H[2],hoverOnDark:H[3],pressOnDark:H[4],disabled:H[2]},stroke:{default:D[200],focus:I[500],disabled:D[100]},text:{primary:D[1e3],secondary:D[600],placeholder:D[400],disabled:D[300],link:I[800],linkHover:I[900],primaryInverted:D[0],secondaryInverted:D[400],placeholderInverted:D[600],disabledInverted:D[700],positive:V[800],negative:N[700],lockedWhite:D[0]},icon:{primary:D[1e3],secondary:D[600],disabled:D[300],primaryInverted:D[0],secondaryInverted:D[400],disabledInverted:D[700],positive:V[800],negative:N[700],lockedWhite:D[0],link:I[800],linkHover:I[900]},input:{default:D[0],disabled:"#FFFFFF80"}},dark:{surface:{default:E[50],sunken:E[0],raised:E[100],overlay:E[200],scrim:F[3],transparent:F[.01]},interaction:{none:F[0],hover:F[1],press:F[2],hoverOnDark:F[3],pressOnDark:F[4],disabled:F[2]},stroke:{default:E[200],focus:I[500],disabled:E[100]},text:{primary:E[1e3],secondary:E[700],placeholder:E[400],disabled:E[300],link:I[100],linkHover:I[0],primaryInverted:E[0],secondaryInverted:E[400],placeholderInverted:E[600],disabledInverted:E[700],positive:V[300],negative:N[300],lockedWhite:D[0]},icon:{primary:E[1e3],secondary:E[700],disabled:E[300],primaryInverted:E[0],secondaryInverted:E[400],disabledInverted:E[700],positive:V[300],negative:N[300],lockedWhite:D[0],link:I[100],linkHover:I[0]},input:{default:E[100],disabled:"#2A223C80"}}};var le;exports.FontWeight=void 0,(le=exports.FontWeight||(exports.FontWeight={}))[le.DEFAULT=400]="DEFAULT",le[le.BOLD=500]="BOLD";const ce={Domaine:{name:"Domaine",default:{fileName:"DomaineRegular.woff2",weight:exports.FontWeight.DEFAULT},bold:{fileName:"DomaineMedium.woff2",weight:exports.FontWeight.BOLD}},FoundersGrotesk:{name:"FoundersGrotesk",default:{fileName:"FoundersGroteskRegular.woff2",weight:exports.FontWeight.DEFAULT},bold:{fileName:"FoundersGroteskMedium.woff2",weight:exports.FontWeight.BOLD}},FontStack:{Serif:'"Domaine", Palatino, serif',SansSerif:'"FoundersGrotesk", Arial, sans-serif'}};function ue(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var de,he={exports:{}},me={};var pe,ge={};
+"use strict";var e=require("react"),a=require("@mui/material"),t=require("merge-sx"),n=require("@mui/icons-material"),r=require("@mui/lab"),i=require("@mui/material/styles"),o=require("@mui/material/utils"),s=require("react-hook-form"),l=require("react-phone-number-input"),c=require("react-number-format"),u=require("@dnd-kit/core"),d=require("@dnd-kit/sortable"),h=require("@dnd-kit/utilities"),m=require("react-dom"),p=require("@tiptap/extension-placeholder"),g=require("@tiptap/extension-underline"),y=require("@tiptap/starter-kit"),f=require("mui-tiptap"),b=require("@zxcvbn-ts/core"),C=require("@zxcvbn-ts/language-common"),v=require("@zxcvbn-ts/language-en"),k=require("@hookform/error-message"),x=require("html-react-parser"),w=require("react-lazy-load-image-component"),S=require("markdown-to-jsx"),A=require("dayjs"),M=require("stylis"),T=require("@emotion/react"),B=require("stylis-plugin-rtl");function L(e){var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var j=L(e),P=L(C),R=L(v);const D={0:"#FFFFFF",50:"#F8F8F9",100:"#E8E7EB",200:"#D1CFD6",300:"#BAB7C2",400:"#A39FAD",500:"#8C8799",600:"#756F85",700:"#5E5770",800:"#473F5C",900:"#302747",950:"#251B3D",1e3:"#190F33",1100:"#0D081A"},E={0:"#130B26",50:"#1C142F",100:"#2A223C",200:"#413A51",300:"#585267",400:"#6F697D",500:"#868092",600:"#9D98A8",700:"#B4AFBE",800:"#CBC7D4",900:"#E2DEE9",1e3:"#F9F6FF",950:"#EDEAF4",1100:"#FFFFFF"},H={0:"#190f3300",.01:"#190f3303",1:"#190F3308",2:"#190F330F",3:"#190F331F",4:"#190F333D",5:"#190f3380"},F={0:"#F9F6FF00",.01:"#fff6ff03",1:"#F9F6FF0A",2:"#F9F6FF14",3:"#F9F6FF1F",4:"#F9F6FF3D",5:"#f9f6ff80"},I={0:"#F2EDFF",100:"#D9C9FF",200:"#BFA5FF",300:"#A582FF",400:"#8C5EFF",500:"#7F4CFF",600:"#7648E9",700:"#6441BE",800:"#533992",900:"#413167",1e3:"#2F2A3C"},N={0:"#FFEEED",100:"#FECDCA",200:"#FDACA6",300:"#FD8B83",400:"#FC6B60",500:"#FC5A4E",600:"#E7554A",700:"#BC4A42",800:"#91403A",900:"#663632",1e3:"#3B2B2A"},G={0:"#FFF8F6",100:"#FFEBE4",200:"#FFDFD2",300:"#FFD2C0",400:"#FFC5AE",500:"#FFBEA5",600:"#E9AF98",700:"#BE907F",800:"#927266",900:"#67544C",1e3:"#3C3533"},W={0:"#FFF9E5",100:"#FFECB2",200:"#FFECB2",300:"#FFD24D",400:"#FFC61A",500:"#FFBF00",600:"#E9B004",700:"#BE910B",800:"#927313",900:"#67541B",1e3:"#3C3522"},z={0:"#EBF8FB",100:"#C4E9F3",200:"#9DDAEB",300:"#76CBE4",400:"#4FBCDC",500:"#3CB4D8",600:"#39A6C6",700:"#358AA2",800:"#316D7F",900:"#2C515B",1e3:"#283438"},V={0:"#EDF7EC",100:"#C8E8C7",200:"#A3D9A1",300:"#7FC97C",400:"#5ABA57",500:"#48B244",600:"#44A441",700:"#3D883B",800:"#376C35",900:"#30502F",1e3:"#293429"},O={light:{0:D[0],50:D[50],100:D[100],200:D[200],300:D[300],400:D[400],500:D[500],600:D[600],700:D[700],800:D[800],900:D[900],950:D[950],1e3:D[1e3],1100:D[1100]},dark:{0:E[0],50:E[50],100:E[100],200:E[200],300:E[300],400:E[400],500:E[500],600:E[600],700:E[700],800:E[800],900:E[900],950:E[950],1e3:E[1e3],1100:E[1100]}},K=e=>({light:{0:e[0],100:e[100],200:e[200],300:e[300],400:e[400],500:e[500],600:e[600],700:e[700],800:e[800],900:e[900],1e3:e[1e3]},dark:{0:e[1e3],100:e[900],200:e[800],300:e[700],400:e[600],500:e[500],600:e[400],700:e[300],800:e[200],900:e[100],1e3:e[0]}}),J=K(I),$=K(N),_=K(G),Y=K(W),U=K(z),Z=K(V),q={sm:0,md:584,lg:812,lgNav:1e3,xl:1280,xxl:1728},X={0:0,25:2,50:4,100:8,150:12,200:16,300:24,350:28,400:32,500:40,600:48,800:64,1e3:80,2e3:160},Q=X[100],ee={none:X[0],xs:X[50]/Q,sm:X[100]/Q,md:X[200]/Q,lg:X[400]/Q,xl:X[600]/Q,xxl:X[1e3]/Q,xxxl:X[2e3]/Q},ae={none:X[0],xs:X[50]/Q,sm:X[100]/Q,md:X[200]/Q,lg:X[400]/Q,xl:X[600]/Q},te={none:X[0],xs:X[25]/Q,sm:X[50]/Q,md:X[100]/Q,lg:X[200]/Q,xl:X[300]/Q,round:999},ne={raised:"0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 4px 2px rgba(6, 4, 13, 0.04), 0px 1px 2px 0px rgba(6, 4, 13, 0.16)",overlay:"0px 0px 0px 1px rgba(255, 255, 255, 0.16), 0px 0px 4px 2px rgba(6, 4, 13, 0.04), 0px 16px 24px 0px rgba(6, 4, 13, 0.08), 0px 4px 8px 0px rgba(6, 4, 13, 0.08)"},re={raised:"drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.12)) drop-shadow(0px 0px 4px rgba(6, 4, 13, 0.04)) drop-shadow(0px 1px 2px rgba(6, 4, 13, 0.16))",overlay:"drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.16)) drop-shadow(0px 0px 4px rgba(6, 4, 13, 0.04)) drop-shadow(0px 16px 24px rgba(6, 4, 13, 0.08)) drop-shadow(0px 4px 8px rgba(6, 4, 13, 0.08))"},ie={input:{focus:"0px 0px 0px 4px rgba(127, 76, 255, 0.24)"}},oe={default:"cubic-bezier(0.16, 1, 0.3, 1)",input:"all 200ms ease"},se={light:{surface:{sunken:D[50],default:D[0],raised:D[0],overlay:D[0],scrim:H[3],transparent:H[.01]},interaction:{none:H[0],hover:H[1],press:H[2],hoverOnDark:H[3],pressOnDark:H[4],disabled:H[2]},stroke:{default:D[200],light:D[100],focus:I[500],disabled:D[100]},text:{primary:D[1e3],secondary:D[600],placeholder:D[400],disabled:D[300],link:I[800],linkHover:I[900],primaryInverted:D[0],secondaryInverted:D[400],placeholderInverted:D[600],disabledInverted:D[700],positive:V[800],negative:N[700],lockedWhite:D[0]},icon:{primary:D[1e3],secondary:D[600],disabled:D[300],primaryInverted:D[0],secondaryInverted:D[400],disabledInverted:D[700],positive:V[800],negative:N[700],lockedWhite:D[0],link:I[800],linkHover:I[900]},input:{default:D[0],disabled:"#FFFFFF80"}},dark:{surface:{default:E[50],sunken:E[0],raised:E[100],overlay:E[200],scrim:F[3],transparent:F[.01]},interaction:{none:F[0],hover:F[1],press:F[2],hoverOnDark:F[3],pressOnDark:F[4],disabled:F[2]},stroke:{default:E[200],light:E[100],focus:I[500],disabled:E[100]},text:{primary:E[1e3],secondary:E[700],placeholder:E[400],disabled:E[300],link:I[100],linkHover:I[0],primaryInverted:E[0],secondaryInverted:E[400],placeholderInverted:E[600],disabledInverted:E[700],positive:V[300],negative:N[300],lockedWhite:D[0]},icon:{primary:E[1e3],secondary:E[700],disabled:E[300],primaryInverted:E[0],secondaryInverted:E[400],disabledInverted:E[700],positive:V[300],negative:N[300],lockedWhite:D[0],link:I[100],linkHover:I[0]},input:{default:E[100],disabled:"#2A223C80"}}};var le;exports.FontWeight=void 0,(le=exports.FontWeight||(exports.FontWeight={}))[le.DEFAULT=400]="DEFAULT",le[le.BOLD=500]="BOLD";const ce={Domaine:{name:"Domaine",default:{fileName:"DomaineRegular.woff2",weight:exports.FontWeight.DEFAULT},bold:{fileName:"DomaineMedium.woff2",weight:exports.FontWeight.BOLD}},FoundersGrotesk:{name:"FoundersGrotesk",default:{fileName:"FoundersGroteskRegular.woff2",weight:exports.FontWeight.DEFAULT},bold:{fileName:"FoundersGroteskMedium.woff2",weight:exports.FontWeight.BOLD}},FontStack:{Serif:'"Domaine", Palatino, serif',SansSerif:'"FoundersGrotesk", Arial, sans-serif'}};function ue(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var de,he={exports:{}},me={};var pe,ge={};
 /**
  * @license React
  * react-jsx-runtime.development.js

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useloops/design-system",
-  "version": "1.4.270",
+  "version": "1.4.271",
   "description": "The official React based Loops design system",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",