@okta/odyssey-contribution-tooling 1.52.0 → 1.53.0

package/dist/assets/Card-BejcE3ak.js

@@ -0,0 +1,8 @@
+import{j as o}from"./iframe-CQjT1fxh.js";import{useMDXComponents as p}from"./index-D5BUEpVX.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./blocks-D521Uej3.js";import{T as i}from"./Card.stories-CB7itEof.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./index-5Qx3hCfP.js";import"./tableRowClasses-Bk1uFtwh.js";import"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./WarningFilled-DOHs-JmZ.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Card-CYHxgfcj.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./ButtonBase-Rz8p08Xo.js";import"./MenuButton-BffESdH9.js";import"./BaseMenuButton-BXkyi9Y-.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./MenuContext-UsOwIWpO.js";import"./More-BAN0OFVF.js";import"./Menu-DB2s3Jn0.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-ZBabHGDm.js";import"./Paper-vUVrw-QB.js";import"./MenuList-D3GSt85L.js";import"./List-D0N4Xybp.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./Skeleton-DxFSebyW.js";import"./colorManipulator-BYcVMQmD.js";import"./CardActions-AjPk7ICQ.js";import"./CardActionArea-CjEHgWqq.js";import"./MenuItem-Cmq8TfUJ.js";import"./MenuItem-CpMFWgaz.js";import"./Button-0PI4ljbj.js";import"./Checkbox-3Yu84dfy.js";import"./inputUtils-BBH9ADKa.js";import"./Hint-BXue9c6p.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Checkbox-mRntsWEy.js";import"./SwitchBase-C_6ALR3v.js";import"./createSvgIcon-CaWcxZng.js";import"./IconButton-BPR_sq0F.js";import"./ChevronUp-D226bAv0.js";function m(r){const t={code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
+`,o.jsx(e,{of:i}),`
+`,o.jsx(s,{of:i}),`
+`,o.jsx(a,{of:i}),`
+`,o.jsx(c,{of:i}),`
+`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"<Card>"})," can either be clickable (via the ",o.jsx(t.code,{children:"onClick"})," prop), or can include a button and/or menu (via the ",o.jsx(t.code,{children:"button"})," and ",o.jsx(t.code,{children:"menuItems"})," props)."]}),`
+`,o.jsx(d,{}),`
+`,o.jsx(x,{})]})}function go(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{go as default};

package/dist/assets/Card-CYHxgfcj.js

@@ -0,0 +1 @@
+import{s,I as P}from"./tableRowClasses-Bk1uFtwh.js";import{r as m,j as a}from"./iframe-CQjT1fxh.js";import{B as z}from"./BaseButton-C9tiChQu.js";import{M as O}from"./MenuButton-BffESdH9.js";import{u as _,a as T}from"./OdysseyThemeProvider-BA0_xP7N.js";import{M as V}from"./More-BAN0OFVF.js";import{d as w,M as y,a as B}from"./Typography-CjpHjc10.js";import{S as c,s as g}from"./Skeleton-DxFSebyW.js";import{C as I,c as R}from"./CardActions-AjPk7ICQ.js";import{C as W,a as H}from"./CardActionArea-CjEHgWqq.js";const co=["tile","stack","compact"],G="64px",Z="48px",U=s(W,{shouldForwardProp:o=>o!=="cardVariant"&&o!=="isClickable"&&o!=="odysseyDesignTokens"})(({cardVariant:o,isClickable:n,odysseyDesignTokens:r})=>({border:`${r.BorderWidthMain} ${r.BorderColorDisplay} ${r.BorderStyleMain}`,boxShadow:"none",padding:0,display:"flex",...o==="compact"&&{marginBlockEnd:r.Spacing2},"&:hover":n?{borderColor:r.HueNeutralWhite,boxShadow:r.DepthMedium}:{},[`& .${g.root}`]:{transform:"none"},[`& .${R.root} .${g.root}`]:{height:r.Spacing7}})),q=s(H)(()=>({margin:0,padding:0})),J=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({display:"flex",flexDirection:n==="compact"?"row":"column",alignItems:"center",gap:o.Spacing1,marginBlockStart:n==="compact"?o.Spacing4:o.Spacing5,marginInlineStart:o.Spacing4,marginInlineEnd:`-${o.Spacing2}`,height:n==="compact"?o.Spacing8:"auto",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5}})),$=s("div",{shouldForwardProp:o=>o!=="hasDetailPanel"&&o!=="numberOfChildNodes"&&o!=="odysseyDesignTokens"&&o!=="variant"})(({hasDetailPanel:o,numberOfChildNodes:n=0,odysseyDesignTokens:r,variant:t})=>({alignItems:t==="compact"&&!o&&n<=2?"center":"flex-start",display:"flex",backgroundColor:r.HueNeutralWhite,padding:t==="compact"?r.Spacing4:r.Spacing5,flexDirection:t==="tile"?"column":"row",gap:r.Spacing4,width:"100%"})),A=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({height:n==="compact"?Z:G,paddingInlineEnd:n==="tile"&&r?o.Spacing4:0,[`& > .${g.root}`]:{height:"100%",aspectRatio:1}})),D=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing4,width:"100%","& > *":{marginBlock:0},[`& .${g.root} + .${g.root}`]:{marginBlockStart:o.Spacing1}})),b=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({display:"flex",flexDirection:"column",gap:n==="compact"?o.Spacing1:o.Spacing4,paddingInlineEnd:n!=="tile"&&r?o.Spacing4:0,[`& > .${P.root}`]:{marginBlockEnd:0}})),k=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing1,[`& > .${P.root}`]:{marginBlockEnd:0}})),S=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:o.HueNeutralWhite})),K=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({position:"absolute",right:o.Spacing2,top:n==="compact"?o.Spacing4:o.Spacing2,height:n==="compact"?o.Spacing8:"auto",display:"flex",alignItems:"center",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5,margin:o.Spacing1}})),E=o=>m.Children.toArray(o).length,Q=({children:o,description:n,detailPanel:r,image:t,isLoading:x,overline:l,title:h,titleId:j,variant:i,accessory:f,button:p,menuButtonChildren:d,onClick:u,__role:F})=>{const e=_(),{t:C}=T(),v=m.useMemo(()=>a.jsxs($,{numberOfChildNodes:E([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:a.jsx(c,{variant:"circular"})}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{children:a.jsx(c,{width:"50%"})}),h&&a.jsx(y,{component:"div",variant:i==="tile"?"h4":"h5",children:a.jsx(c,{width:"33%"})})]}),n&&a.jsxs(B,{children:[a.jsx(c,{width:"100%"}),a.jsx(c,{width:"50%"})]})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:a.jsx(c,{width:"50%"})}),p&&a.jsx(I,{children:a.jsx(c,{variant:"rounded",width:"100%"})})]})]}),[p,o,n,t,d,e,l,h,i]),M=m.useMemo(()=>{const N={isFullWidth:!0};return a.jsxs($,{hasDetailPanel:!!r,numberOfChildNodes:E([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:t}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{component:"div",children:l}),h&&a.jsx(y,{component:"div",id:j,variant:i==="tile"?"h4":"h5",children:h})]}),n&&a.jsx(B,{color:"textSecondary",children:n})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:o}),p&&a.jsx(I,{children:a.jsx(z.Provider,{value:N,children:p})}),r&&a.jsx(S,{odysseyDesignTokens:e,children:r})]})]})},[p,o,n,r,t,d,e,l,h,j,i]);return a.jsxs(U,{cardVariant:i,isClickable:!!u,odysseyDesignTokens:e,role:F,children:[!!f&&a.jsx(J,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):f}),x?v:u?a.jsx(q,{onClick:u,children:M}):M,d&&a.jsx(K,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):a.jsx(O,{ariaLabel:C("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:a.jsx(V,{}),menuAlignment:"right",size:"small",tooltipText:C("table.actions"),children:d})})]})},X=m.memo(Q);X.displayName="Card";export{X as M,co as c};

package/dist/assets/Card.stories-CB7itEof.js

@@ -0,0 +1,56 @@
+import{r as u,j as e}from"./iframe-CQjT1fxh.js";import{s as H}from"./tableRowClasses-Bk1uFtwh.js";import{O as J}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{c as Q,M as C}from"./Card-CYHxgfcj.js";import{M as b}from"./MenuItem-Cmq8TfUJ.js";import{M as W}from"./Button-0PI4ljbj.js";import{M as X}from"./Checkbox-3Yu84dfy.js";import{I as Z}from"./IconButton-BPR_sq0F.js";import{M as $}from"./ChevronUp-D226bAv0.js";import{M as ee}from"./WarningFilled-DOHs-JmZ.js";const{action:te}=__STORYBOOK_MODULE_ACTIONS__,v=e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),x=e.jsx(e.Fragment,{children:"Children."}),f=e.jsx(e.Fragment,{children:"Detail panel."}),m=te("onClick"),ne=e.jsx(W,{label:"Access app",onClick:m,variant:"primary"}),oe=e.jsxs(e.Fragment,{children:[e.jsx(b,{onClick:m,children:"Action 1"}),e.jsx(b,{onClick:m,children:"Action 2"})]}),re=H("div")(()=>({"& label":{gap:0}})),ae={component:()=>null,decorators:[J],argTypes:{children:{control:"boolean"},description:{control:"text"},detailPanel:{control:"boolean"},image:{control:"boolean"},isLoading:{control:"boolean"},overline:{control:"text"},title:{control:"text"},variant:{control:"select",options:Q},accessory:{control:"boolean"},button:{control:"boolean"},menuButtonChildren:{control:"boolean"},onClick:{control:"boolean"}},args:{accessory:!1,button:void 0,children:!1,description:"This is a description of the app. Descriptions should be concise, and truncation is handled by the consumer rather than the component, so if you write a novel, it will display a novel.",detailPanel:!1,image:void 0,isLoading:!1,menuButtonChildren:!1,onClick:void 0,overline:"Category",title:"App title",variant:"tile"},render:function(t){const[d,h]=u.useState(!1),[p,g]=u.useState(!1),R=u.useCallback(()=>{g(!p)},[p,g]),U=u.useCallback(()=>{h(!d)},[d,h]),V=({isChecked:n,onChange:o})=>e.jsx(re,{children:e.jsx(X,{ariaLabel:"Selecton toggle",isChecked:n,onChange:o})}),K=({isExpanded:n,onToggle:o})=>e.jsx(Z,{"aria-label":n?"Collapse":"Expand",onClick:o,size:"small",children:n?e.jsx(ee,{}):e.jsx($,{})}),N=({isExpandable:n,isSelected:o,isExpanded:Y,onToggleExpansion:q,onChangeSelection:G})=>e.jsxs(e.Fragment,{children:[e.jsx(V,{isChecked:o,onChange:G}),n&&e.jsx(K,{isExpanded:Y,onToggle:q})]});return t.onClick?e.jsx(C,{children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,onClick:m,overline:t.overline,title:t.title,variant:t.variant}):e.jsx(C,{accessory:t.accessory?e.jsx(N,{isExpandable:!!t.detailPanel,isExpanded:d,isSelected:p,onChangeSelection:R,onToggleExpansion:U}):void 0,button:t.button?ne:void 0,children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel&&d?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,menuButtonChildren:t.menuButtonChildren?oe:void 0,overline:t.overline,title:t.title,variant:t.variant})}},r={args:{accessory:!1,button:!0,children:!1,detailPanel:!1,image:!0,menuButtonChildren:!0}},a={args:{image:!0,onClick:!0}},i={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"tile"}},s={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"stack"}},l={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"compact"}},c={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,isLoading:!0,menuButtonChildren:!0,variant:"tile"}};var y,S,j;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    accessory: false,
+    button: true,
+    children: false,
+    detailPanel: false,
+    image: true,
+    menuButtonChildren: true
+  }
+}`,...(j=(S=r.parameters)==null?void 0:S.docs)==null?void 0:j.source}}};var k,B,P;a.parameters={...a.parameters,docs:{...(k=a.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  args: {
+    image: true,
+    onClick: true
+  }
+}`,...(P=(B=a.parameters)==null?void 0:B.docs)==null?void 0:P.source}}};var M,E,L;i.parameters={...i.parameters,docs:{...(M=i.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    accessory: true,
+    button: true,
+    children: true,
+    detailPanel: true,
+    image: true,
+    menuButtonChildren: true,
+    variant: "tile"
+  }
+}`,...(L=(E=i.parameters)==null?void 0:E.docs)==null?void 0:L.source}}};var T,_,O;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  args: {
+    accessory: true,
+    button: true,
+    children: true,
+    detailPanel: true,
+    image: true,
+    menuButtonChildren: true,
+    variant: "stack"
+  }
+}`,...(O=(_=s.parameters)==null?void 0:_.docs)==null?void 0:O.source}}};var z,A,I;l.parameters={...l.parameters,docs:{...(z=l.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  args: {
+    accessory: true,
+    button: true,
+    children: true,
+    detailPanel: true,
+    image: true,
+    menuButtonChildren: true,
+    variant: "compact"
+  }
+}`,...(I=(A=l.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var D,F,w;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    accessory: true,
+    button: true,
+    children: true,
+    detailPanel: true,
+    image: true,
+    isLoading: true,
+    menuButtonChildren: true,
+    variant: "tile"
+  }
+}`,...(w=(F=c.parameters)==null?void 0:F.docs)==null?void 0:w.source}}};const ie=["Default","Clickable","Tile","Stack","Compact","Loading"],ve=Object.freeze(Object.defineProperty({__proto__:null,Clickable:a,Compact:l,Default:r,Loading:c,Stack:s,Tile:i,__namedExportsOrder:ie,default:ae},Symbol.toStringTag,{value:"Module"}));export{ve as T};

package/dist/assets/CardActionArea-CjEHgWqq.js

@@ -0,0 +1 @@
+import{M as C,N as g,b as m,_ as A,a as d,c as h,d as p,f as v}from"./tableRowClasses-Bk1uFtwh.js";import{r as y,j as f}from"./iframe-CQjT1fxh.js";import{P as b}from"./Paper-vUVrw-QB.js";import{B as x}from"./ButtonBase-Rz8p08Xo.js";function R(s){return C("MuiCard",s)}g("MuiCard",["root"]);const N=["className","raised"],M=s=>{const{classes:o}=s;return v({root:["root"]},R,o)},H=h(b,{name:"MuiCard",slot:"Root",overridesResolver:(s,o)=>o.root})(()=>({overflow:"hidden"})),k=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCard"}),{className:n,raised:a=!1}=t,c=A(t,N),i=d({},t,{raised:a}),e=M(i);return f.jsx(H,d({className:p(e.root,n),elevation:a?8:void 0,ref:r,ownerState:i},c))});function w(s){return C("MuiCardActionArea",s)}const u=g("MuiCardActionArea",["root","focusVisible","focusHighlight"]),j=["children","className","focusVisibleClassName"],U=s=>{const{classes:o}=s;return v({root:["root"],focusHighlight:["focusHighlight"]},w,o)},V=h(x,{name:"MuiCardActionArea",slot:"Root",overridesResolver:(s,o)=>o.root})(({theme:s})=>({display:"block",textAlign:"inherit",borderRadius:"inherit",width:"100%",[`&:hover .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.hoverOpacity,"@media (hover: none)":{opacity:0}},[`&.${u.focusVisible} .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.focusOpacity}})),_=h("span",{name:"MuiCardActionArea",slot:"FocusHighlight",overridesResolver:(s,o)=>o.focusHighlight})(({theme:s})=>({overflow:"hidden",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",opacity:0,backgroundColor:"currentcolor",transition:s.transitions.create("opacity",{duration:s.transitions.duration.short})})),F=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCardActionArea"}),{children:n,className:a,focusVisibleClassName:c}=t,i=A(t,j),e=t,l=U(e);return f.jsxs(V,d({className:p(l.root,a),focusVisibleClassName:p(c,l.focusVisible),ref:r,ownerState:e},i,{children:[n,f.jsx(_,{className:l.focusHighlight,ownerState:e})]}))});export{k as C,F as a};

package/dist/assets/CardActions-AjPk7ICQ.js

@@ -0,0 +1 @@
+import{N as d,M as p,b as u,_ as C,a as e,c as g,d as m,f}from"./tableRowClasses-Bk1uFtwh.js";import{r as x,j as A}from"./iframe-CQjT1fxh.js";function b(s){return p("MuiCardActions",s)}const N=d("MuiCardActions",["root","spacing"]),y=["disableSpacing","className"],S=s=>{const{classes:t,disableSpacing:o}=s;return f({root:["root",!o&&"spacing"]},b,t)},M=g("div",{name:"MuiCardActions",slot:"Root",overridesResolver:(s,t)=>{const{ownerState:o}=s;return[t.root,!o.disableSpacing&&t.spacing]}})(({ownerState:s})=>e({display:"flex",alignItems:"center",padding:8},!s.disableSpacing&&{"& > :not(style) ~ :not(style)":{marginLeft:8}})),U=x.forwardRef(function(t,o){const a=u({props:t,name:"MuiCardActions"}),{disableSpacing:r=!1,className:i}=a,c=C(a,y),n=e({},a,{disableSpacing:r}),l=S(n);return A.jsx(M,e({className:m(l.root,i),ownerState:n,ref:o},c))});export{U as C,N as c};

package/dist/assets/Checkbox-3Yu84dfy.js

@@ -0,0 +1 @@
+import{r as t,j as e}from"./iframe-CQjT1fxh.js";import{a as U,u as W}from"./OdysseyThemeProvider-BA0_xP7N.js";import{g as w,C as A}from"./inputUtils-BBH9ADKa.js";import{M as g}from"./Typography-CjpHjc10.js";import{u as B}from"./useUniqueId-DG6rB8dI.js";import{H as G}from"./Hint-BXue9c6p.js";import{F as J}from"./FormControlLabel-BG9mNqQc.js";import{C as K}from"./Checkbox-mRntsWEy.js";import{F as Q}from"./FormHelperText-CVc1kPQJ.js";const ae=["valid","invalid","inherit"],X=({ariaLabel:y,ariaLabelledBy:C,id:c,inputRef:M,isChecked:i,isDefaultChecked:m,isDisabled:d,isIndeterminate:j,isReadOnly:s=!1,isRequired:n,label:x,hint:a,name:S,onChange:r,onBlur:l,testId:p,translate:f,validity:b="inherit",value:T})=>{const{t:k}=U(),F=W(),I=B(c),u=a?`${I}-hint`:void 0,V=t.useRef(w({controlledValue:i,uncontrolledValue:m})),v=t.useMemo(()=>V.current===A.CONTROLLED?{checked:i}:{defaultChecked:m},[m,i]),h=t.useRef(null);t.useImperativeHandle(M,()=>({focus:()=>{var o;(o=h.current)==null||o.focus()}}),[]);const E=t.useMemo(()=>e.jsxs(e.Fragment,{children:[e.jsx(g,{component:"span",children:x}),n&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(g,{color:"textSecondary",component:"span",children:["(",k("fieldlabel.required.text"),")"]})]})]}),[n,x,k]),H=t.useCallback((o,q)=>{r==null||r(o,q)},[r]),L=t.useCallback(o=>{s&&(o.stopPropagation(),o.preventDefault())},[s]),N=t.useCallback(o=>{l==null||l(o)},[l]),z=t.useMemo(()=>({alignItems:"flex-start",...s&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...a&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[a,s]),D=t.useMemo(()=>({marginBlockStart:"2px"}),[]),$=t.useMemo(()=>({"aria-describedby":u,"aria-readonly":s,"data-se":p,readOnly:s}),[u,s,p]);return e.jsxs(e.Fragment,{children:[e.jsx(J,{"aria-label":y,"aria-labelledby":C,className:b==="invalid"?"Mui-error":b==="valid"?"Mui-valid":"",control:e.jsx(K,{...v,disabled:d,indeterminate:j,inputProps:$,inputRef:h,onChange:H,onClick:L,required:n,sx:D}),disabled:d,id:c,label:E,name:S??c,onBlur:N,required:n,sx:z,translate:f,value:T}),a&&e.jsx(G,{odysseyDesignTokens:F,children:e.jsx(Q,{id:u,translate:f,children:a})})]})},Y=t.memo(X);Y.displayName="Checkbox";export{Y as M,ae as c};

package/dist/assets/Checkbox-mRntsWEy.js

@@ -0,0 +1 @@
+import{b as B,_ as P,a as n,c as g,d as M,e as l,f as R,af as _,r as y,l as E,ag as m}from"./tableRowClasses-Bk1uFtwh.js";import{j as t,r as u}from"./iframe-CQjT1fxh.js";import{S as H}from"./SwitchBase-C_6ALR3v.js";import{c as x}from"./createSvgIcon-CaWcxZng.js";const S=x(t.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),O=x(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),V=x(t.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox"),L=["checkedIcon","color","icon","indeterminate","indeterminateIcon","inputProps","size","className"],N=o=>{const{classes:e,indeterminate:c,color:s,size:r}=o,a={root:["root",c&&"indeterminate",`color${l(s)}`,`size${l(r)}`]},d=R(a,_,e);return n({},e,d)},F=g(H,{shouldForwardProp:o=>y(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:c}=o;return[e.root,c.indeterminate&&e.indeterminate,e[`size${l(c.size)}`],c.color!=="default"&&e[`color${l(c.color)}`]]}})(({theme:o,ownerState:e})=>n({color:(o.vars||o).palette.text.secondary},!e.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${e.color==="default"?o.vars.palette.action.activeChannel:o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:E.alpha(e.color==="default"?o.palette.action.active:o.palette[e.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},e.color!=="default"&&{[`&.${m.checked}, &.${m.indeterminate}`]:{color:(o.vars||o).palette[e.color].main},[`&.${m.disabled}`]:{color:(o.vars||o).palette.action.disabled}})),U=t.jsx(O,{}),D=t.jsx(S,{}),W=t.jsx(V,{}),J=u.forwardRef(function(e,c){var s,r;const a=B({props:e,name:"MuiCheckbox"}),{checkedIcon:d=U,color:I="primary",icon:z=D,indeterminate:i=!1,indeterminateIcon:h=W,inputProps:b,size:p="medium",className:$}=a,j=P(a,L),f=i?h:z,k=i?h:d,v=n({},a,{color:I,indeterminate:i,size:p}),C=N(v);return t.jsx(F,n({type:"checkbox",inputProps:n({"data-indeterminate":i},b),icon:u.cloneElement(f,{fontSize:(s=f.props.fontSize)!=null?s:p}),checkedIcon:u.cloneElement(k,{fontSize:(r=k.props.fontSize)!=null?r:p}),ownerState:v,ref:c,className:M(C.root,$)},j,{classes:C}))});export{J as C};

package/dist/assets/Checkbox.stories-CnAqBzmf.js

@@ -0,0 +1,113 @@
+import{j as Q}from"./iframe-CQjT1fxh.js";import{O as Z}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{u as $}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as k}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{c as g,M as f}from"./Checkbox-3Yu84dfy.js";import{P as e}from"./tableRowClasses-Bk1uFtwh.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./inputUtils-BBH9ADKa.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./Hint-BXue9c6p.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Checkbox-mRntsWEy.js";import"./SwitchBase-C_6ALR3v.js";import"./useControlled-BUhC7uWK.js";import"./ButtonBase-Rz8p08Xo.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./createSvgIcon-CaWcxZng.js";const{expect:x,fn:C,userEvent:v,within:ee}=__STORYBOOK_MODULE_TEST__,Ie={component:f,decorators:[Z],tags:["autodocs"],argTypes:{ariaLabel:{control:"text",description:"Aria-label for the checkbox",table:{category:"Functional",type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"Aria-labelledby for the checkbox",table:{category:"Functional",type:{summary:"string"}}},id:k.id,isChecked:{control:"boolean",description:"The checkbox checked state",table:{category:"Visual",type:{summary:"boolean"}}},isDefaultChecked:{control:"boolean",description:"If `true`, the checkbox starts checked",table:{category:"Functional",type:{summary:"boolean"}}},isDisabled:k.isDisabled,isIndeterminate:{control:"boolean",description:"If `true`, the checkbox is in an indeterminate state",table:{category:"Visual",type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the checkbox is read-only",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox is required",table:{category:"Visual",type:{summary:"boolean"}}},label:{control:"text",description:"The label text for the checkbox",table:{category:"Visual",type:{summary:"string"}}},hint:{control:"text",description:"The helper text content",table:{category:"Visual",type:{summary:"string"}}},name:k.name,onChange:{description:"Callback fired when the checkbox value changes",table:{category:"Functional",type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{category:"Functional",type:{summary:"func"}}},validity:{options:g,control:{type:"radio"},description:"The checkbox validity, if different from its enclosing group. Doesn't need to be set if the checkbox isn't a different validity from an enclosing `CheckboxGroup`.",table:{category:"Visual",type:{summary:g.join(" | ")},defaultValue:{summary:"inherit"}}},value:{control:"text",description:"The value attribute of the checkbox",table:{category:"Functional",type:{summary:"string"}}}},args:{isReadOnly:!1,validity:"inherit",onBlur:C(),onChange:C()}},t={args:{isChecked:!1,isDisabled:!1,isReadOnly:!1,label:"Label"},argTypes:{isDefaultChecked:{control:!1}},render:function(a,b){const{value:y,setValue:o}=$({args:a,context:b,argKey:"isChecked",defaultValue:a.isChecked??!1}),X=()=>{o(!y)};return Q.jsx(f,{...a,isChecked:y,isDefaultChecked:void 0,onChange:X})}},r=()=>({canvasElement:s,step:a})=>a("check the box",async({args:b})=>{const o=ee(s).getByRole("checkbox");o&&await v.click(o),await v.tab(),await x(o).toBeChecked(),await x(b.onBlur).toHaveBeenCalledTimes(1)}),n={...e(t,{parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Checkbox`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},play:r(),tags:["!autodocs"]})},i={...e(t,{parameters:{docs:{description:{story:"Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an `isRequired` boolean that, when set to `true`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."}}},args:{isRequired:!0,isChecked:!1},play:r()})},c={...e(t,{args:{isChecked:!0}})},d={...e(t,{parameters:{docs:{description:{story:"Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,isChecked:!1}})},l={...e(t,{parameters:{docs:{description:{story:"In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."}}},args:{isIndeterminate:!0,isChecked:!0}})},h={...e(t,{args:{validity:"invalid",isChecked:!1},play:r()})},p={...e(t,{args:{isReadOnly:!0,isChecked:!0},play:r()})},m={...e(t,{parameters:{docs:{description:{story:"hint provides helper text to the Checkbox"}}},args:{hint:"Hint text"},play:r()})},u={parameters:{docs:{description:{story:"When `isChecked` is omitted the checkbox manages its own state via `isDefaultChecked`."}}},args:{label:"Label",isDefaultChecked:!0},argTypes:{isDefaultChecked:{control:!1},isChecked:{control:!1}},render:s=>Q.jsx(f,{...s})};var T,D,w;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "When the component is controlled, the parent component is responsible for managing the state of \`Checkbox\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
+        }
+      }
+    },
+    play: checkTheBox(),
+    tags: ["!autodocs"]
+  })
+}`,...(w=(D=n.parameters)==null?void 0:D.docs)==null?void 0:w.source}}};var R,O,q;i.parameters={...i.parameters,docs:{...(R=i.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an \`isRequired\` boolean that, when set to \`true\`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."
+        }
+      }
+    },
+    args: {
+      isRequired: true,
+      isChecked: false
+    },
+    play: checkTheBox()
+  })
+}`,...(q=(O=i.parameters)==null?void 0:O.docs)==null?void 0:q.source}}};var B,S,I;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    args: {
+      isChecked: true
+    }
+  })
+}`,...(I=(S=c.parameters)==null?void 0:S.docs)==null?void 0:I.source}}};var V,_,L;d.parameters={...d.parameters,docs:{...(V=d.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."
+        }
+      }
+    },
+    args: {
+      isDisabled: true,
+      isChecked: false
+    }
+  })
+}`,...(L=(_=d.parameters)==null?void 0:_.docs)==null?void 0:L.source}}};var F,j,E;l.parameters={...l.parameters,docs:{...(F=l.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."
+        }
+      }
+    },
+    args: {
+      isIndeterminate: true,
+      isChecked: true
+    }
+  })
+}`,...(E=(j=l.parameters)==null?void 0:j.docs)==null?void 0:E.source}}};var H,M,N;h.parameters={...h.parameters,docs:{...(H=h.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    args: {
+      validity: "invalid",
+      isChecked: false
+    },
+    play: checkTheBox()
+  })
+}`,...(N=(M=h.parameters)==null?void 0:M.docs)==null?void 0:N.source}}};var W,A,U;p.parameters={...p.parameters,docs:{...(W=p.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    args: {
+      isReadOnly: true,
+      isChecked: true
+    },
+    play: checkTheBox()
+  })
+}`,...(U=(A=p.parameters)==null?void 0:A.docs)==null?void 0:U.source}}};var K,P,z;m.parameters={...m.parameters,docs:{...(K=m.parameters)==null?void 0:K.docs,source:{originalSource:`{
+  ...deepmerge(CheckboxTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "hint provides helper text to the Checkbox"
+        }
+      }
+    },
+    args: {
+      hint: "Hint text"
+    },
+    play: checkTheBox()
+  })
+}`,...(z=(P=m.parameters)==null?void 0:P.docs)==null?void 0:z.source}}};var G,Y,J;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When \`isChecked\` is omitted the checkbox manages its own state via \`isDefaultChecked\`."
+      }
+    }
+  },
+  args: {
+    label: "Label",
+    isDefaultChecked: true
+  },
+  argTypes: {
+    isDefaultChecked: {
+      control: false
+    },
+    isChecked: {
+      control: false
+    }
+  },
+  render: args => <Checkbox {...args} />
+}`,...(J=(Y=u.parameters)==null?void 0:Y.docs)==null?void 0:J.source}}};const Ve=["Default","Required","Checked","Disabled","Indeterminate","Invalid","ReadOnly","Hint","Uncontrolled"];export{c as Checked,n as Default,d as Disabled,m as Hint,l as Indeterminate,h as Invalid,p as ReadOnly,i as Required,u as Uncontrolled,Ve as __namedExportsOrder,Ie as default};

package/dist/assets/CheckboxGroup-Bris2fCF.js

@@ -0,0 +1 @@
+import{r as s,R as o,j as l}from"./iframe-CQjT1fxh.js";import{M as h}from"./Field-CqIOaZfg.js";import{F as j}from"./FormGroup-D8ZDwdpx.js";const y=({ariaDescribedBy:p,children:a,errorMessage:d,errorMessageList:b,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isReadOnly:i=!1,isRequired:C=!1,label:f,testId:t,translate:n})=>{const m=s.useMemo(()=>o.Children.map(a,e=>o.isValidElement(e)?o.cloneElement(e,{isReadOnly:i,isDisabled:r||e.props.isDisabled}):e),[a,i,r]),M=s.useCallback(({ariaDescribedBy:e,errorMessageElementId:k,id:F,labelElementId:g})=>l.jsx(j,{"aria-describedby":e,"aria-errormessage":k,"aria-labelledby":g,"data-se":t,id:F,translate:n,children:m}),[m,t,n]);return l.jsx(h,{ariaDescribedBy:p,errorMessage:d,errorMessageList:b,fieldType:"group",hasVisibleLabel:!0,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isOptional:!C,label:f,renderFieldComponent:M})},E=s.memo(y);E.displayName="CheckboxGroup";export{E as M};

package/dist/assets/CheckboxGroup.stories-CIRolYTR.js

@@ -0,0 +1,89 @@
+import{j as r}from"./iframe-CQjT1fxh.js";import{O as K}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{f as s}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as b}from"./CheckboxGroup-Bris2fCF.js";import{M as t}from"./Checkbox-3Yu84dfy.js";import{M as N}from"./Link-Cg_KakDo.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Field-CqIOaZfg.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./List-D0N4Xybp.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./FormGroup-D8ZDwdpx.js";import"./inputUtils-BBH9ADKa.js";import"./Hint-BXue9c6p.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Checkbox-mRntsWEy.js";import"./SwitchBase-C_6ALR3v.js";import"./useControlled-BUhC7uWK.js";import"./createSvgIcon-CaWcxZng.js";import"./Link-thynTosX.js";import"./ExternalLink-3_gWbh_U.js";const Ae={component:b,decorators:[K],tags:["autodocs"],argTypes:{children:{control:!1,description:"A single Checkbox element or an array of Checkbox elements",table:{category:"Functional",type:{summary:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},type:{required:!0,name:"other",value:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,isDisabled:s.isDisabled,isReadOnly:{control:"boolean",description:"If `true`, the checkbox group is read-only",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox group is required",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the checkbox group",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},ariaDescribedBy:{control:"text",description:"The ID of the element that describes the checkbox group",table:{category:"Functional",type:{summary:"string"}},type:{name:"string"}},testId:{control:"text",description:"The data-testid attribute for the checkbox group",table:{category:"Functional",type:{summary:"string"}},type:{name:"string"}},translate:{control:"radio",options:["yes","no",void 0],description:"Indicates whether the element's content should be translated",table:{category:"Functional",type:{summary:"yes | no"}},type:{name:"string"}}},args:{label:"Label",isDisabled:!1,isReadOnly:!1,isRequired:!1}},a={args:{},render:e=>r.jsxs(b,{ariaDescribedBy:e.ariaDescribedBy,errorMessage:e.errorMessage,errorMessageList:e.errorMessageList,hint:e.hint,HintLinkComponent:e.HintLinkComponent,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,label:e.label,testId:e.testId,translate:e.translate,children:[r.jsx(t,{label:"Item label 1",name:"item-1",value:"item-1"}),r.jsx(t,{label:"Item label 2",name:"item-2",value:"item-2"}),r.jsx(t,{label:"Item label 3",name:"item-3",value:"item-3"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}}},i={...a},o={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isDisabled:!0}},n={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isReadOnly:!0}},l={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the `isInvalid` prop, even if the group has an `errorMessage` set."}}},args:{errorMessage:"Error Message"}},c={...a,args:{isRequired:!0,errorMessage:"Error Message",errorMessageList:["Error A"]}},m={...a,render:function(J){return r.jsxs(b,{...J,children:[r.jsx(t,{hint:"Hint text 1",label:"Item label 1",name:"item-1",value:"item-1"}),r.jsx(t,{hint:"Hint text 2",label:"Item label 2",name:"item-2",value:"item-2"}),r.jsx(t,{hint:"Hint text 3",label:"Item label 3",name:"item-3",value:"item-3"})]})}},p={...a,args:{hint:"Hint text"}},d={...a,args:{hint:"Hint text",HintLinkComponent:r.jsx(N,{href:"#link",children:"Link"})}},u={...a,args:{isRequired:!0}},h={render:e=>r.jsxs(b,{errorMessage:e.errorMessage,hint:e.hint,isDisabled:e.isDisabled,isRequired:e.isRequired,label:"Label",children:[r.jsx(t,{isDefaultChecked:!0,label:"Item label 1",name:"item-1",value:"item-1"}),r.jsx(t,{label:"Item label 2",name:"item-2",validity:"valid",value:"item-2"}),r.jsx(t,{isDefaultChecked:!0,label:"Item Label 3",name:"item-3",value:"item-3"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."}}},args:{errorMessage:"Error Message"}};var k,x,g;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  ...GroupTemplate
+}`,...(g=(x=i.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};var y,f,C;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  ...GroupTemplate,
+  parameters: {
+    controls: {
+      exclude: ["isDefaultChecked", "isIndeterminate"]
+    }
+  },
+  args: {
+    isDisabled: true
+  } as CheckboxGroupProps // This is a hack
+}`,...(C=(f=o.parameters)==null?void 0:f.docs)==null?void 0:C.source}}};var v,I,M;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  ...GroupTemplate,
+  parameters: {
+    controls: {
+      exclude: ["isDefaultChecked", "isIndeterminate"]
+    }
+  },
+  args: {
+    isReadOnly: true
+  } as CheckboxGroupProps // This is a hack
+}`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var D,R,L;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  ...GroupTemplate,
+  parameters: {
+    controls: {
+      exclude: ["isDefaultChecked", "isIndeterminate"]
+    },
+    docs: {
+      description: {
+        story: "Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the \`isInvalid\` prop, even if the group has an \`errorMessage\` set."
+      }
+    }
+  },
+  args: {
+    errorMessage: "Error Message"
+  } as CheckboxGroupProps // This is a hack
+}`,...(L=(R=l.parameters)==null?void 0:R.docs)==null?void 0:L.source}}};var T,G,E;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  ...GroupTemplate,
+  args: {
+    isRequired: true,
+    errorMessage: "Error Message",
+    errorMessageList: ["Error A"]
+  } as CheckboxGroupProps // This is a hack
+}`,...(E=(G=c.parameters)==null?void 0:G.docs)==null?void 0:E.source}}};var H,q,j;m.parameters={...m.parameters,docs:{...(H=m.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  ...GroupTemplate,
+  render: function C(props) {
+    return <CheckboxGroup {...props}>
+        <Checkbox hint="Hint text 1" label="Item label 1" name="item-1" value="item-1" />
+        <Checkbox hint="Hint text 2" label="Item label 2" name="item-2" value="item-2" />
+        <Checkbox hint="Hint text 3" label="Item label 3" name="item-3" value="item-3" />
+      </CheckboxGroup>;
+  }
+}`,...(j=(q=m.parameters)==null?void 0:q.docs)==null?void 0:j.source}}};var O,S,P;p.parameters={...p.parameters,docs:{...(O=p.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  ...GroupTemplate,
+  args: {
+    hint: "Hint text"
+  } as CheckboxGroupProps // This is a hack
+}`,...(P=(S=p.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var V,w,A;d.parameters={...d.parameters,docs:{...(V=d.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  ...GroupTemplate,
+  args: {
+    hint: "Hint text",
+    HintLinkComponent: <Link href="#link">Link</Link>
+  } as CheckboxGroupProps // This is a hack
+}`,...(A=(w=d.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var B,F,z;u.parameters={...u.parameters,docs:{...(B=u.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  ...GroupTemplate,
+  args: {
+    isRequired: true
+  } as CheckboxGroupProps // This is a hack
+}`,...(z=(F=u.parameters)==null?void 0:F.docs)==null?void 0:z.source}}};var U,W,_;h.parameters={...h.parameters,docs:{...(U=h.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  render: args => <CheckboxGroup errorMessage={args.errorMessage} hint={args.hint} isDisabled={args.isDisabled} isRequired={args.isRequired} label="Label">
+      <Checkbox isDefaultChecked={true} label="Item label 1" name="item-1" value="item-1" />
+      <Checkbox label="Item label 2" name="item-2" validity="valid" value="item-2" />
+      <Checkbox isDefaultChecked={true} label="Item Label 3" name="item-3" value="item-3" />
+    </CheckboxGroup>,
+  parameters: {
+    controls: {
+      exclude: ["isDefaultChecked", "isIndeterminate"]
+    },
+    docs: {
+      description: {
+        story: "Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."
+      }
+    }
+  },
+  args: {
+    errorMessage: "Error Message"
+  } as CheckboxGroupProps // This is a hack
+}`,...(_=(W=h.parameters)==null?void 0:W.docs)==null?void 0:_.source}}};const Be=["Default","Disabled","ReadOnly","Error","ErrorsList","ErrorWithIndividualHint","Hint","HintLink","Required","MixedError"];export{i as Default,o as Disabled,l as Error,m as ErrorWithIndividualHint,c as ErrorsList,p as Hint,d as HintLink,h as MixedError,n as ReadOnly,u as Required,Be as __namedExportsOrder,Ae as default};

package/dist/assets/ChevronRight-QYu5EQHS.js

@@ -0,0 +1 @@
+import{r,j as o}from"./iframe-CQjT1fxh.js";import{S as t}from"./tableRowClasses-Bk1uFtwh.js";const s=r.forwardRef((e,n)=>o.jsx(t,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{d:"m11.138 8.471-4.333 4.334-.943-.943L9.724 8 5.862 4.138l.943-.943 4.333 4.334a.667.667 0 0 1 0 .942Z",fill:"currentColor"})})})),i=r.memo(s);i.displayName="ChevronRightIcon";export{i as M};

package/dist/assets/ChevronUp-D226bAv0.js

@@ -0,0 +1 @@
+import{r as o,j as e}from"./iframe-CQjT1fxh.js";import{S as n}from"./tableRowClasses-Bk1uFtwh.js";const s=o.forwardRef((r,l)=>e.jsx(n,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsxs(e.Fragment,{children:[e.jsx("path",{clipRule:"evenodd",d:"M7.293 5.431a1 1 0 0 1 1.414 0l4.098 4.098-.943.942L8 6.61l-3.862 3.862-.943-.942 4.098-4.1.471.471-.471-.471Z",fill:"currentColor",fillRule:"evenodd"}),e.jsx("path",{clipRule:"evenodd",d:"m8.707 5.431 4.098 4.098-.943.942L8 6.61l-3.862 3.862-.943-.942 4.098-4.1a1 1 0 0 1 1.414 0Z",fill:"currentColor",fillRule:"evenodd"})]})})),t=o.memo(s);t.displayName="ChevronUpIcon";export{t as M};

package/dist/assets/Chip-BgPaZbUf.js

@@ -0,0 +1 @@
+import{b as G,_ as J,a as d,d as k,c as U,e as r,f as Q,$ as X,a0 as l,l as p}from"./tableRowClasses-Bk1uFtwh.js";import{j as x,r as v}from"./iframe-CQjT1fxh.js";import{c as Y}from"./createSvgIcon-CaWcxZng.js";import{u as Z}from"./useIsFocusVisible-D1xCTBdT.js";import{B as K}from"./ButtonBase-Rz8p08Xo.js";const S=Y(x.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel"),w=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant","tabIndex","skipFocusWhenDisabled"],aa=a=>{const{classes:o,disabled:n,size:c,color:e,iconColor:$,onDelete:u,clickable:t,variant:s}=a,f={root:["root",s,n&&"disabled",`size${r(c)}`,`color${r(e)}`,t&&"clickable",t&&`clickableColor${r(e)}`,u&&"deletable",u&&`deletableColor${r(e)}`,`${s}${r(e)}`],label:["label",`label${r(c)}`],avatar:["avatar",`avatar${r(c)}`,`avatarColor${r(e)}`],icon:["icon",`icon${r(c)}`,`iconColor${r($)}`],deleteIcon:["deleteIcon",`deleteIcon${r(c)}`,`deleteIconColor${r(e)}`,`deleteIcon${r(s)}Color${r(e)}`]};return Q(f,X,o)},oa=U("div",{name:"MuiChip",slot:"Root",overridesResolver:(a,o)=>{const{ownerState:n}=a,{color:c,iconColor:e,clickable:$,onDelete:u,size:t,variant:s}=n;return[{[`& .${l.avatar}`]:o.avatar},{[`& .${l.avatar}`]:o[`avatar${r(t)}`]},{[`& .${l.avatar}`]:o[`avatarColor${r(c)}`]},{[`& .${l.icon}`]:o.icon},{[`& .${l.icon}`]:o[`icon${r(t)}`]},{[`& .${l.icon}`]:o[`iconColor${r(e)}`]},{[`& .${l.deleteIcon}`]:o.deleteIcon},{[`& .${l.deleteIcon}`]:o[`deleteIcon${r(t)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIconColor${r(c)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIcon${r(s)}Color${r(c)}`]},o.root,o[`size${r(t)}`],o[`color${r(c)}`],$&&o.clickable,$&&c!=="default"&&o[`clickableColor${r(c)})`],u&&o.deletable,u&&c!=="default"&&o[`deletableColor${r(c)}`],o[s],o[`${s}${r(c)}`]]}})(({theme:a,ownerState:o})=>{const n=a.palette.mode==="light"?a.palette.grey[700]:a.palette.grey[300];return d({maxWidth:"100%",fontFamily:a.typography.fontFamily,fontSize:a.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(a.vars||a).palette.text.primary,backgroundColor:(a.vars||a).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:a.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${l.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${l.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:a.vars?a.vars.palette.Chip.defaultAvatarColor:n,fontSize:a.typography.pxToRem(12)},[`& .${l.avatarColorPrimary}`]:{color:(a.vars||a).palette.primary.contrastText,backgroundColor:(a.vars||a).palette.primary.dark},[`& .${l.avatarColorSecondary}`]:{color:(a.vars||a).palette.secondary.contrastText,backgroundColor:(a.vars||a).palette.secondary.dark},[`& .${l.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:a.typography.pxToRem(10)},[`& .${l.icon}`]:d({marginLeft:5,marginRight:-6},o.size==="small"&&{fontSize:18,marginLeft:4,marginRight:-4},o.iconColor===o.color&&d({color:a.vars?a.vars.palette.Chip.defaultIconColor:n},o.color!=="default"&&{color:"inherit"})),[`& .${l.deleteIcon}`]:d({WebkitTapHighlightColor:"transparent",color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.26)`:p.alpha(a.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.4)`:p.alpha(a.palette.text.primary,.4)}},o.size==="small"&&{fontSize:16,marginRight:4,marginLeft:-4},o.color!=="default"&&{color:a.vars?`rgba(${a.vars.palette[o.color].contrastTextChannel} / 0.7)`:p.alpha(a.palette[o.color].contrastText,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].contrastText}})},o.size==="small"&&{height:24},o.color!=="default"&&{backgroundColor:(a.vars||a).palette[o.color].main,color:(a.vars||a).palette[o.color].contrastText},o.onDelete&&{[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}},o.onDelete&&o.color!=="default"&&{[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}})},({theme:a,ownerState:o})=>d({},o.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)},"&:active":{boxShadow:(a.vars||a).shadows[1]}},o.clickable&&o.color!=="default"&&{[`&:hover, &.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}}),({theme:a,ownerState:o})=>d({},o.variant==="outlined"&&{backgroundColor:"transparent",border:a.vars?`1px solid ${a.vars.palette.Chip.defaultBorder}`:`1px solid ${a.palette.mode==="light"?a.palette.grey[400]:a.palette.grey[700]}`,[`&.${l.clickable}:hover`]:{backgroundColor:(a.vars||a).palette.action.hover},[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`& .${l.avatar}`]:{marginLeft:4},[`& .${l.avatarSmall}`]:{marginLeft:2},[`& .${l.icon}`]:{marginLeft:4},[`& .${l.iconSmall}`]:{marginLeft:2},[`& .${l.deleteIcon}`]:{marginRight:5},[`& .${l.deleteIconSmall}`]:{marginRight:3}},o.variant==="outlined"&&o.color!=="default"&&{color:(a.vars||a).palette[o.color].main,border:`1px solid ${a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:p.alpha(a.palette[o.color].main,.7)}`,[`&.${l.clickable}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.hoverOpacity})`:p.alpha(a.palette[o.color].main,a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.focusOpacity})`:p.alpha(a.palette[o.color].main,a.palette.action.focusOpacity)},[`& .${l.deleteIcon}`]:{color:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:p.alpha(a.palette[o.color].main,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].main}}})),la=U("span",{name:"MuiChip",slot:"Label",overridesResolver:(a,o)=>{const{ownerState:n}=a,{size:c}=n;return[o.label,o[`label${r(c)}`]]}})(({ownerState:a})=>d({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},a.variant==="outlined"&&{paddingLeft:11,paddingRight:11},a.size==="small"&&{paddingLeft:8,paddingRight:8},a.size==="small"&&a.variant==="outlined"&&{paddingLeft:7,paddingRight:7}));function j(a){return a.key==="Backspace"||a.key==="Delete"}const na=v.forwardRef(function(o,n){const c=G({props:o,name:"MuiChip"}),{avatar:e,className:$,clickable:u,color:t="default",component:s,deleteIcon:f,disabled:y=!1,icon:C,label:W,onClick:O,onDelete:g,onKeyDown:L,onKeyUp:T,size:B="medium",variant:F="filled",tabIndex:M,skipFocusWhenDisabled:m=!1}=c,_=J(c,w),I=v.useRef(null),A=Z(I,n),E=i=>{i.stopPropagation(),g&&g(i)},H=i=>{i.currentTarget===i.target&&j(i)&&i.preventDefault(),L&&L(i)},h=i=>{i.currentTarget===i.target&&(g&&j(i)?g(i):i.key==="Escape"&&I.current&&I.current.blur()),T&&T(i)},R=u!==!1&&O?!0:u,z=R||g?K:s||"div",D=d({},c,{component:z,disabled:y,size:B,color:t,iconColor:v.isValidElement(C)&&C.props.color||t,onDelete:!!g,clickable:R,variant:F}),b=aa(D),q=z===K?d({component:s||"div",focusVisibleClassName:b.focusVisible},g&&{disableRipple:!0}):{};let N=null;g&&(N=f&&v.isValidElement(f)?v.cloneElement(f,{className:k(f.props.className,b.deleteIcon),onClick:E}):x.jsx(S,{className:k(b.deleteIcon),onClick:E}));let V=null;e&&v.isValidElement(e)&&(V=v.cloneElement(e,{className:k(b.avatar,e.props.className)}));let P=null;return C&&v.isValidElement(C)&&(P=v.cloneElement(C,{className:k(b.icon,C.props.className)})),x.jsxs(oa,d({as:z,className:k(b.root,$),disabled:R&&y?!0:void 0,onClick:O,onKeyDown:H,onKeyUp:h,ref:A,tabIndex:m&&y?-1:M,ownerState:D},q,_,{children:[V||P,x.jsx(la,{className:k(b.label),ownerState:D,children:W}),N]}))});export{na as C};

package/dist/assets/CircularProgress-B7sj16Me.js

@@ -0,0 +1 @@
+import{r as e,j as o}from"./iframe-CQjT1fxh.js";import{C as t}from"./CircularProgress-D6L1y9kt.js";const i=({ariaLabel:a,testId:s,value:r})=>o.jsx(t,{"aria-label":a,"data-se":s,value:r,variant:r?"determinate":"indeterminate"}),m=e.memo(i);m.displayName="CircularProgress";export{m as M};

package/dist/assets/CircularProgress-D6L1y9kt.js

@@ -0,0 +1,28 @@
+import{M as N,N as U,b as w,_ as z,a as o,c as g,d as E,e as n,f as I,a1 as D,a2 as M}from"./tableRowClasses-Bk1uFtwh.js";import{r as F,j as v}from"./iframe-CQjT1fxh.js";function K(r){return N("MuiCircularProgress",r)}U("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const W=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,b,S,$;const t=44,B=M(P||(P=l`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)),G=M(b||(b=l`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)),L=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${n(a)}`],svg:["svg"],circle:["circle",`circle${n(s)}`,d&&"circleDisableShrink"]};return I(u,K,e)},V=g("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${n(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&D(S||(S=l`
+      animation: ${0} 1.4s linear infinite;
+    `),B)),Z=g("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),q=g("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${n(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&D($||($=l`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `),G)),J=F.forwardRef(function(e,s){const a=w({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:_=!1,size:m=40,style:R,thickness:i=3.6,value:f=0,variant:k="indeterminate"}=a,j=z(a,W),c=o({},a,{color:u,disableShrink:_,size:m,thickness:i,value:f,variant:k}),p=L(c),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(f),h.strokeDashoffset=`${((100-f)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return v.jsx(V,o({className:E(p.root,d),style:o({width:m,height:m},x,R),ownerState:c,ref:s,role:"progressbar"},y,j,{children:v.jsx(Z,{className:p.svg,ownerState:c,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:v.jsx(q,{className:p.circle,style:h,ownerState:c,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{J as C};

package/dist/assets/CircularProgress.stories-CvfXEtcf.js

@@ -0,0 +1,44 @@
+import{O as m}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{M as d}from"./CircularProgress-B7sj16Me.js";import"./iframe-CQjT1fxh.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./CircularProgress-D6L1y9kt.js";/*!
+ * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const{expect:u,within:g}=__STORYBOOK_MODULE_TEST__,E={component:d,decorators:[m],tags:["autodocs"],argTypes:{value:{control:{type:"number"}},ariaLabel:{control:{type:"text"}}}},e={parameters:{docs:{description:{story:"If the component `value` is undefined or `0`, the component will spin indefinitely."}}},args:{ariaLabel:"progress"},play:async({canvasElement:c,step:p})=>{await p("Circular Aria-Label",()=>{const l=g(c).getByLabelText("progress");u(l).toHaveAttribute("role","progressbar")})}},r={parameters:{docs:{description:{story:"If the component has a set `value`, it will show as a static circular progress bar with that value filled as a percentage."}}},args:{value:70,ariaLabel:"progress"}};var a,t,s;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "If the component \`value\` is undefined or \`0\`, the component will spin indefinitely."
+      }
+    }
+  },
+  args: {
+    ariaLabel: "progress"
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("Circular Aria-Label", () => {
+      const canvas = within(canvasElement);
+      const circular = canvas.getByLabelText("progress");
+      expect(circular).toHaveAttribute("role", "progressbar");
+    });
+  }
+}`,...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};var o,n,i;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "If the component has a set \`value\`, it will show as a static circular progress bar with that value filled as a percentage."
+      }
+    }
+  },
+  args: {
+    value: 70,
+    ariaLabel: "progress"
+  }
+}`,...(i=(n=r.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};const S=["Indeterminate","Determinate"];export{r as Determinate,e as Indeterminate,S as __namedExportsOrder,E as default};

package/dist/assets/Clock-CRMbzsTS.js

@@ -0,0 +1 @@
+import{r as e,j as o}from"./iframe-CQjT1fxh.js";import{S as n}from"./tableRowClasses-Bk1uFtwh.js";const s=e.forwardRef((r,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8ZM8 .667a7.333 7.333 0 1 0 0 14.666A7.333 7.333 0 0 0 8 .667ZM7.333 4v3.667a1 1 0 0 0 1 1H12V7.333H8.667V4H7.333Z",fill:"currentColor",fillRule:"evenodd"})})})),t=e.memo(s);t.displayName="ClockIcon";export{t as M};

package/dist/assets/Close-CELHOmN_.js

@@ -0,0 +1 @@
+import{j as o}from"./iframe-CQjT1fxh.js";import{c as r}from"./createSvgIcon-CaWcxZng.js";const a=r(o.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");export{a as C};

package/dist/assets/Code Styling Guidelines-CstdJT8e.js

@@ -0,0 +1,13 @@
+import{j as e}from"./iframe-CQjT1fxh.js";import{useMDXComponents as o}from"./index-D5BUEpVX.js";import"./preload-helper-Dp1pzeXC.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(n.h1,{id:"code-styling-guidelines",children:"Code Styling Guidelines"}),`
+`,e.jsx(n.h2,{id:"prop-naming",children:"Prop Naming"}),`
+`,e.jsx(n.p,{children:"We define every prop explicitly, rather than extending the full array of MUI props, to ensure that Odyssey components only include the features we’ve explicitly defined."}),`
+`,e.jsx(n.p,{children:"We derive state from functionality whenever possible."}),`
+`,e.jsx(n.h3,{id:"callbacks",children:"Callbacks"}),`
+`,e.jsxs(n.p,{children:["All events have an ",e.jsx(n.code,{children:"on"})," prefix. Events are named as ",e.jsx(n.code,{children:"on[EVENT_NAME]"}),", with the event in present-tense (such as ",e.jsx(n.code,{children:"onClick"}),", ",e.jsx(n.code,{children:"onRemove"}),", etc)."]}),`
+`,e.jsxs(n.p,{children:["In MUI, the Chip component includes separate props for ",e.jsx(n.code,{children:"clickable"})," and ",e.jsx(n.code,{children:"onClick"}),". For Odyssey Tag, we’ve simplified this to only ",e.jsx(n.code,{children:"onClick"})," — if ",e.jsx(n.code,{children:"onClick"})," is defined, we know the tag is ",e.jsx(n.code,{children:"cliackble"}),". If it isn’t defined, we know it isn’t. No need for two separate props."]}),`
+`,e.jsx(n.h3,{id:"booleans",children:"Booleans"}),`
+`,e.jsxs(n.p,{children:["Booleans are named as ",e.jsx(n.code,{children:"isBoolean"})," or ",e.jsx(n.code,{children:"hasBoolean"}),", such as ",e.jsx(n.code,{children:"isDisabled"}),", ",e.jsx(n.code,{children:"isVisible"}),", or ",e.jsx(n.code,{children:"hasError"}),". This is different from MUI, which uses the simple boolean name (",e.jsx(n.code,{children:"disabled"})," or ",e.jsx(n.code,{children:"visible"}),")."]}),`
+`,e.jsx(n.h3,{id:"terminology-delete-versus-remove",children:"Terminology: Delete versus Remove"}),`
+`,e.jsx(n.p,{children:"We have deliberately different meanings for “Delete” and “Remove”."}),`
+`,e.jsx(n.p,{children:"We use Delete for an action that makes an object permanently inaccessible, such as deleting data from a database."}),`
+`,e.jsx(n.p,{children:"We use Remove for an action that removes a reference to an object, or for temporary removal, such as removing a tag from a list (assuming the tag is still available to be added to future lists)."})]})}function l(s={}){const{wrapper:n}={...o(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(i,{...s})}):i(s)}export{l as default};

package/dist/assets/Collapse-DULszxZp.js

@@ -0,0 +1 @@
+import{M as Z,N as tt,b as et,a3 as nt,_ as it,a as o,c as T,d as ot,f as rt}from"./tableRowClasses-Bk1uFtwh.js";import{r as y,j as C}from"./iframe-CQjT1fxh.js";import{T as st,u as at,g as P}from"./utils-D-QCjykO.js";import{a as lt,u as pt}from"./useIsFocusVisible-D1xCTBdT.js";function dt(n){return Z("MuiCollapse",n)}tt("MuiCollapse",["root","horizontal","vertical","entered","hidden","wrapper","wrapperInner"]);const ct=["addEndListener","children","className","collapsedSize","component","easing","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","orientation","style","timeout","TransitionComponent"],ut=n=>{const{orientation:e,classes:r}=n,d={root:["root",`${e}`],entered:["entered"],hidden:["hidden"],wrapper:["wrapper",`${e}`],wrapperInner:["wrapperInner",`${e}`]};return rt(d,dt,r)},ht=T("div",{name:"MuiCollapse",slot:"Root",overridesResolver:(n,e)=>{const{ownerState:r}=n;return[e.root,e[r.orientation],r.state==="entered"&&e.entered,r.state==="exited"&&!r.in&&r.collapsedSize==="0px"&&e.hidden]}})(({theme:n,ownerState:e})=>o({height:0,overflow:"hidden",transition:n.transitions.create("height")},e.orientation==="horizontal"&&{height:"auto",width:0,transition:n.transitions.create("width")},e.state==="entered"&&o({height:"auto",overflow:"visible"},e.orientation==="horizontal"&&{width:"auto"}),e.state==="exited"&&!e.in&&e.collapsedSize==="0px"&&{visibility:"hidden"})),mt=T("div",{name:"MuiCollapse",slot:"Wrapper",overridesResolver:(n,e)=>e.wrapper})(({ownerState:n})=>o({display:"flex",width:"100%"},n.orientation==="horizontal"&&{width:"auto",height:"100%"})),ft=T("div",{name:"MuiCollapse",slot:"WrapperInner",overridesResolver:(n,e)=>e.wrapperInner})(({ownerState:n})=>o({width:"100%"},n.orientation==="horizontal"&&{width:"auto",height:"100%"})),gt=y.forwardRef(function(e,r){const d=et({props:e,name:"MuiCollapse"}),{addEndListener:S,children:b,className:U,collapsedSize:f="0px",component:_,easing:D,in:$,onEnter:W,onEntered:j,onEntering:M,onExit:I,onExited:A,onExiting:N,orientation:F="vertical",style:z,timeout:a=nt.standard,TransitionComponent:k=st}=d,q=it(d,ct),g=o({},d,{orientation:F,collapsedSize:f}),c=ut(g),H=at(),B=lt(),l=y.useRef(null),v=y.useRef(),x=typeof f=="number"?`${f}px`:f,u=F==="horizontal",h=u?"width":"height",E=y.useRef(null),G=pt(r,E),p=t=>i=>{if(t){const s=E.current;i===void 0?t(s):t(s,i)}},R=()=>l.current?l.current[u?"clientWidth":"clientHeight"]:0,J=p((t,i)=>{l.current&&u&&(l.current.style.position="absolute"),t.style[h]=x,W&&W(t,i)}),K=p((t,i)=>{const s=R();l.current&&u&&(l.current.style.position="");const{duration:m,easing:w}=P({style:z,timeout:a,easing:D},{mode:"enter"});if(a==="auto"){const L=H.transitions.getAutoHeightDuration(s);t.style.transitionDuration=`${L}ms`,v.current=L}else t.style.transitionDuration=typeof m=="string"?m:`${m}ms`;t.style[h]=`${s}px`,t.style.transitionTimingFunction=w,M&&M(t,i)}),O=p((t,i)=>{t.style[h]="auto",j&&j(t,i)}),Q=p(t=>{t.style[h]=`${R()}px`,I&&I(t)}),V=p(A),X=p(t=>{const i=R(),{duration:s,easing:m}=P({style:z,timeout:a,easing:D},{mode:"exit"});if(a==="auto"){const w=H.transitions.getAutoHeightDuration(i);t.style.transitionDuration=`${w}ms`,v.current=w}else t.style.transitionDuration=typeof s=="string"?s:`${s}ms`;t.style[h]=x,t.style.transitionTimingFunction=m,N&&N(t)}),Y=t=>{a==="auto"&&B.start(v.current||0,t),S&&S(E.current,t)};return C.jsx(k,o({in:$,onEnter:J,onEntered:O,onEntering:K,onExit:Q,onExited:V,onExiting:X,addEndListener:Y,nodeRef:E,timeout:a==="auto"?null:a},q,{children:(t,i)=>C.jsx(ht,o({as:_,className:ot(c.root,U,{entered:c.entered,exited:!$&&x==="0px"&&c.hidden}[t]),style:o({[u?"minWidth":"minHeight"]:x},z),ref:G},i,{ownerState:o({},g,{state:t}),children:C.jsx(mt,{ownerState:o({},g,{state:t}),className:c.wrapper,ref:l,children:C.jsx(ft,{ownerState:o({},g,{state:t}),className:c.wrapperInner,children:b})})}))}))});gt.muiSupportAuto=!0;export{gt as C};

package/dist/assets/Color-ASIRERSW-D1UGGYVZ.js

@@ -0,0 +1 @@
+import{g as he,d as de,e as fe,F as ge,B as Y}from"./blocks-D521Uej3.js";import{r as y,R as v,_ as be,e as P}from"./iframe-CQjT1fxh.js";import{s as M}from"./index-C77ZwfYm.js";import"./preload-helper-Dp1pzeXC.js";import"./index-5Qx3hCfP.js";var ve=P({"../../node_modules/color-name/index.js"(r,o){o.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),J=P({"../../node_modules/color-convert/conversions.js"(r,o){var s=ve(),h={};for(let e of Object.keys(s))h[s[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};o.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,l=Math.min(n,t,a),i=Math.max(n,t,a),c=i-l,d,g;i===l?d=0:n===i?d=(t-a)/c:t===i?d=2+(a-n)/c:a===i&&(d=4+(n-t)/c),d=Math.min(d*60,360),d<0&&(d+=360);let b=(l+i)/2;return i===l?g=0:b<=.5?g=c/(i+l):g=c/(2-i-l),[d,g*100,b*100]},u.rgb.hsv=function(e){let n,t,a,l,i,c=e[0]/255,d=e[1]/255,g=e[2]/255,b=Math.max(c,d,g),p=b-Math.min(c,d,g),m=function(k){return(b-k)/6/p+1/2};return p===0?(l=0,i=0):(i=p/b,n=m(c),t=m(d),a=m(g),c===b?l=a-t:d===b?l=1/3+n-a:g===b&&(l=2/3+t-n),l<0?l+=1:l>1&&(l-=1)),[l*360,i*100,b*100]},u.rgb.hwb=function(e){let n=e[0],t=e[1],a=e[2],l=u.rgb.hsl(e)[0],i=1/255*Math.min(n,Math.min(t,a));return a=1-1/255*Math.max(n,Math.max(t,a)),[l,i*100,a*100]},u.rgb.cmyk=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,l=Math.min(1-n,1-t,1-a),i=(1-n-l)/(1-l)||0,c=(1-t-l)/(1-l)||0,d=(1-a-l)/(1-l)||0;return[i*100,c*100,d*100,l*100]};function f(e,n){return(e[0]-n[0])**2+(e[1]-n[1])**2+(e[2]-n[2])**2}u.rgb.keyword=function(e){let n=h[e];if(n)return n;let t=1/0,a;for(let l of Object.keys(s)){let i=s[l],c=f(e,i);c<t&&(t=c,a=l)}return a},u.keyword.rgb=function(e){return s[e]},u.rgb.xyz=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let l=n*.4124+t*.3576+a*.1805,i=n*.2126+t*.7152+a*.0722,c=n*.0193+t*.1192+a*.9505;return[l*100,i*100,c*100]},u.rgb.lab=function(e){let n=u.rgb.xyz(e),t=n[0],a=n[1],l=n[2];t/=95.047,a/=100,l/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,l=l>.008856?l**(1/3):7.787*l+16/116;let i=116*a-16,c=500*(t-a),d=200*(a-l);return[i,c,d]},u.hsl.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,l,i,c;if(t===0)return c=a*255,[c,c,c];a<.5?l=a*(1+t):l=a+t-a*t;let d=2*a-l,g=[0,0,0];for(let b=0;b<3;b++)i=n+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?c=d+(l-d)*6*i:2*i<1?c=l:3*i<2?c=d+(l-d)*(2/3-i)*6:c=d,g[b]=c*255;return g},u.hsl.hsv=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,l=t,i=Math.max(a,.01);a*=2,t*=a<=1?a:2-a,l*=i<=1?i:2-i;let c=(a+t)/2,d=a===0?2*l/(i+l):2*t/(a+t);return[n,d*100,c*100]},u.hsv.rgb=function(e){let n=e[0]/60,t=e[1]/100,a=e[2]/100,l=Math.floor(n)%6,i=n-Math.floor(n),c=255*a*(1-t),d=255*a*(1-t*i),g=255*a*(1-t*(1-i));switch(a*=255,l){case 0:return[a,g,c];case 1:return[d,a,c];case 2:return[c,a,g];case 3:return[c,d,a];case 4:return[g,c,a];case 5:return[a,c,d]}},u.hsv.hsl=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,l=Math.max(a,.01),i,c;c=(2-t)*a;let d=(2-t)*l;return i=t*l,i/=d<=1?d:2-d,i=i||0,c/=2,[n,i*100,c*100]},u.hwb.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,l=t+a,i;l>1&&(t/=l,a/=l);let c=Math.floor(6*n),d=1-a;i=6*n-c,(c&1)!==0&&(i=1-i);let g=t+i*(d-t),b,p,m;switch(c){default:case 6:case 0:b=d,p=g,m=t;break;case 1:b=g,p=d,m=t;break;case 2:b=t,p=d,m=g;break;case 3:b=t,p=g,m=d;break;case 4:b=g,p=t,m=d;break;case 5:b=d,p=t,m=g;break}return[b*255,p*255,m*255]},u.cmyk.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,l=e[3]/100,i=1-Math.min(1,n*(1-l)+l),c=1-Math.min(1,t*(1-l)+l),d=1-Math.min(1,a*(1-l)+l);return[i*255,c*255,d*255]},u.xyz.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,l,i,c;return l=n*3.2406+t*-1.5372+a*-.4986,i=n*-.9689+t*1.8758+a*.0415,c=n*.0557+t*-.204+a*1.057,l=l>.0031308?1.055*l**(1/2.4)-.055:l*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92,l=Math.min(Math.max(0,l),1),i=Math.min(Math.max(0,i),1),c=Math.min(Math.max(0,c),1),[l*255,i*255,c*255]},u.xyz.lab=function(e){let n=e[0],t=e[1],a=e[2];n/=95.047,t/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let l=116*t-16,i=500*(n-t),c=200*(t-a);return[l,i,c]},u.lab.xyz=function(e){let n=e[0],t=e[1],a=e[2],l,i,c;i=(n+16)/116,l=t/500+i,c=i-a/200;let d=i**3,g=l**3,b=c**3;return i=d>.008856?d:(i-16/116)/7.787,l=g>.008856?g:(l-16/116)/7.787,c=b>.008856?b:(c-16/116)/7.787,l*=95.047,i*=100,c*=108.883,[l,i,c]},u.lab.lch=function(e){let n=e[0],t=e[1],a=e[2],l;l=Math.atan2(a,t)*360/2/Math.PI,l<0&&(l+=360);let i=Math.sqrt(t*t+a*a);return[n,i,l]},u.lch.lab=function(e){let n=e[0],t=e[1],a=e[2]/360*2*Math.PI,l=t*Math.cos(a),i=t*Math.sin(a);return[n,l,i]},u.rgb.ansi16=function(e,n=null){let[t,a,l]=e,i=n===null?u.rgb.hsv(e)[2]:n;if(i=Math.round(i/50),i===0)return 30;let c=30+(Math.round(l/255)<<2|Math.round(a/255)<<1|Math.round(t/255));return i===2&&(c+=60),c},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let n=e[0],t=e[1],a=e[2];return n===t&&t===a?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let n=e%10;if(n===0||n===7)return e>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let t=(~~(e>50)+1)*.5,a=(n&1)*t*255,l=(n>>1&1)*t*255,i=(n>>2&1)*t*255;return[a,l,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let n,t=Math.floor(e/36)/5*255,a=Math.floor((n=e%36)/6)/5*255,l=n%6/5*255;return[t,a,l]},u.rgb.hex=function(e){let n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n},u.hex.rgb=function(e){let n=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n)return[0,0,0];let t=n[0];n[0].length===3&&(t=t.split("").map(d=>d+d).join(""));let a=parseInt(t,16),l=a>>16&255,i=a>>8&255,c=a&255;return[l,i,c]},u.rgb.hcg=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,l=Math.max(Math.max(n,t),a),i=Math.min(Math.min(n,t),a),c=l-i,d,g;return c<1?d=i/(1-c):d=0,c<=0?g=0:l===n?g=(t-a)/c%6:l===t?g=2+(a-n)/c:g=4+(n-t)/c,g/=6,g%=1,[g*360,c*100,d*100]},u.hsl.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=t<.5?2*n*t:2*n*(1-t),l=0;return a<1&&(l=(t-.5*a)/(1-a)),[e[0],a*100,l*100]},u.hsv.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=n*t,l=0;return a<1&&(l=(t-a)/(1-a)),[e[0],a*100,l*100]},u.hcg.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100;if(t===0)return[a*255,a*255,a*255];let l=[0,0,0],i=n%1*6,c=i%1,d=1-c,g=0;switch(Math.floor(i)){case 0:l[0]=1,l[1]=c,l[2]=0;break;case 1:l[0]=d,l[1]=1,l[2]=0;break;case 2:l[0]=0,l[1]=1,l[2]=c;break;case 3:l[0]=0,l[1]=d,l[2]=1;break;case 4:l[0]=c,l[1]=0,l[2]=1;break;default:l[0]=1,l[1]=0,l[2]=d}return g=(1-t)*a,[(t*l[0]+g)*255,(t*l[1]+g)*255,(t*l[2]+g)*255]},u.hcg.hsv=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n),l=0;return a>0&&(l=n/a),[e[0],l*100,a*100]},u.hcg.hsl=function(e){let n=e[1]/100,t=e[2]/100*(1-n)+.5*n,a=0;return t>0&&t<.5?a=n/(2*t):t>=.5&&t<1&&(a=n/(2*(1-t))),[e[0],a*100,t*100]},u.hcg.hwb=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n);return[e[0],(a-n)*100,(1-a)*100]},u.hwb.hcg=function(e){let n=e[1]/100,t=1-e[2]/100,a=t-n,l=0;return a<1&&(l=(t-a)/(1-a)),[e[0],a*100,l*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let n=Math.round(e[0]/100*255)&255,t=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),me=P({"../../node_modules/color-convert/route.js"(r,o){var s=J();function h(){let n={},t=Object.keys(s);for(let a=t.length,l=0;l<a;l++)n[t[l]]={distance:-1,parent:null};return n}function u(n){let t=h(),a=[n];for(t[n].distance=0;a.length;){let l=a.pop(),i=Object.keys(s[l]);for(let c=i.length,d=0;d<c;d++){let g=i[d],b=t[g];b.distance===-1&&(b.distance=t[l].distance+1,b.parent=l,a.unshift(g))}}return t}function f(n,t){return function(a){return t(n(a))}}function e(n,t){let a=[t[n].parent,n],l=s[t[n].parent][n],i=t[n].parent;for(;t[i].parent;)a.unshift(t[i].parent),l=f(s[t[i].parent][i],l),i=t[i].parent;return l.conversion=a,l}o.exports=function(n){let t=u(n),a={},l=Object.keys(t);for(let i=l.length,c=0;c<i;c++){let d=l[c];t[d].parent!==null&&(a[d]=e(d,t))}return a}}}),pe=P({"../../node_modules/color-convert/index.js"(r,o){var s=J(),h=me(),u={},f=Object.keys(s);function e(t){let a=function(...l){let i=l[0];return i==null?i:(i.length>1&&(l=i),t(l))};return"conversion"in t&&(a.conversion=t.conversion),a}function n(t){let a=function(...l){let i=l[0];if(i==null)return i;i.length>1&&(l=i);let c=t(l);if(typeof c=="object")for(let d=c.length,g=0;g<d;g++)c[g]=Math.round(c[g]);return c};return"conversion"in t&&(a.conversion=t.conversion),a}f.forEach(t=>{u[t]={},Object.defineProperty(u[t],"channels",{value:s[t].channels}),Object.defineProperty(u[t],"labels",{value:s[t].labels});let a=h(t);Object.keys(a).forEach(l=>{let i=a[l];u[t][l]=n(i),u[t][l].raw=e(i)})}),o.exports=u}}),_=be(pe());function ye(r,o,{signal:s,edges:h}={}){let u,f=null,e=h!=null&&h.includes("leading"),n=h==null||h.includes("trailing"),t=()=>{f!==null&&(r.apply(u,f),u=void 0,f=null)},a=()=>{n&&t(),d()},l=null,i=()=>{l!=null&&clearTimeout(l),l=setTimeout(()=>{l=null,a()},o)},c=()=>{l!==null&&(clearTimeout(l),l=null)},d=()=>{c(),u=void 0,f=null},g=()=>{t()},b=function(...p){if(s!=null&&s.aborted)return;u=this,f=p;let m=l==null;i(),e&&m&&t()};return b.schedule=i,b.cancel=d,b.flush=g,s==null||s.addEventListener("abort",d,{once:!0}),b}function C(){return(C=Object.assign||function(r){for(var o=1;o<arguments.length;o++){var s=arguments[o];for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(r[h]=s[h])}return r}).apply(this,arguments)}function X(r,o){if(r==null)return{};var s,h,u={},f=Object.keys(r);for(h=0;h<f.length;h++)o.indexOf(s=f[h])>=0||(u[s]=r[s]);return u}function L(r){var o=y.useRef(r),s=y.useRef(function(h){o.current&&o.current(h)});return o.current=r,s.current}var O=function(r,o,s){return o===void 0&&(o=0),s===void 0&&(s=1),r>s?s:r<o?o:r},S=function(r){return"touches"in r},B=function(r){return r&&r.ownerDocument.defaultView||self},A=function(r,o,s){var h=r.getBoundingClientRect(),u=S(o)?function(f,e){for(var n=0;n<f.length;n++)if(f[n].identifier===e)return f[n];return f[0]}(o.touches,s):o;return{left:O((u.pageX-(h.left+B(r).pageXOffset))/h.width),top:O((u.pageY-(h.top+B(r).pageYOffset))/h.height)}},W=function(r){!S(r)&&r.preventDefault()},F=v.memo(function(r){var o=r.onMove,s=r.onKey,h=X(r,["onMove","onKey"]),u=y.useRef(null),f=L(o),e=L(s),n=y.useRef(null),t=y.useRef(!1),a=y.useMemo(function(){var d=function(p){W(p),(S(p)?p.touches.length>0:p.buttons>0)&&u.current?f(A(u.current,p,n.current)):b(!1)},g=function(){return b(!1)};function b(p){var m=t.current,k=B(u.current),E=p?k.addEventListener:k.removeEventListener;E(m?"touchmove":"mousemove",d),E(m?"touchend":"mouseup",g)}return[function(p){var m=p.nativeEvent,k=u.current;if(k&&(W(m),!function(R,x){return x&&!S(R)}(m,t.current)&&k)){if(S(m)){t.current=!0;var E=m.changedTouches||[];E.length&&(n.current=E[0].identifier)}k.focus(),f(A(k,m,n.current)),b(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),e({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},b]},[e,f]),l=a[0],i=a[1],c=a[2];return y.useEffect(function(){return c},[c]),v.createElement("div",C({},h,{onTouchStart:l,onMouseDown:l,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),N=function(r){return r.filter(Boolean).join(" ")},D=function(r){var o=r.color,s=r.left,h=r.top,u=h===void 0?.5:h,f=N(["react-colorful__pointer",r.className]);return v.createElement("div",{className:f,style:{top:100*u+"%",left:100*s+"%"}},v.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:o}}))},w=function(r,o,s){return o===void 0&&(o=0),s===void 0&&(s=Math.pow(10,o)),Math.round(s*r)/s},xe={grad:.9,turn:360,rad:360/(2*Math.PI)},we=function(r){return ee(T(r))},T=function(r){return r[0]==="#"&&(r=r.substring(1)),r.length<6?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:r.length===4?w(parseInt(r[3]+r[3],16)/255,2):1}:{r:parseInt(r.substring(0,2),16),g:parseInt(r.substring(2,4),16),b:parseInt(r.substring(4,6),16),a:r.length===8?w(parseInt(r.substring(6,8),16)/255,2):1}},ke=function(r,o){return o===void 0&&(o="deg"),Number(r)*(xe[o]||1)},_e=function(r){var o=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return o?Ee({h:ke(o[1],o[2]),s:Number(o[3]),l:Number(o[4]),a:o[5]===void 0?1:Number(o[5])/(o[6]?100:1)}):{h:0,s:0,v:0,a:1}},Ee=function(r){var o=r.s,s=r.l;return{h:r.h,s:(o*=(s<50?s:100-s)/100)>0?2*o/(s+o)*100:0,v:s+o,a:r.a}},Me=function(r){return $e(Z(r))},Q=function(r){var o=r.s,s=r.v,h=r.a,u=(200-o)*s/100;return{h:w(r.h),s:w(u>0&&u<200?o*s/100/(u<=100?u:200-u)*100:0),l:w(u/2),a:w(h,2)}},K=function(r){var o=Q(r);return"hsl("+o.h+", "+o.s+"%, "+o.l+"%)"},H=function(r){var o=Q(r);return"hsla("+o.h+", "+o.s+"%, "+o.l+"%, "+o.a+")"},Z=function(r){var o=r.h,s=r.s,h=r.v,u=r.a;o=o/360*6,s/=100,h/=100;var f=Math.floor(o),e=h*(1-s),n=h*(1-(o-f)*s),t=h*(1-(1-o+f)*s),a=f%6;return{r:w(255*[h,n,e,e,t,h][a]),g:w(255*[t,h,h,n,e,e][a]),b:w(255*[e,e,t,h,h,n][a]),a:w(u,2)}},Ce=function(r){var o=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return o?ee({r:Number(o[1])/(o[2]?100/255:1),g:Number(o[3])/(o[4]?100/255:1),b:Number(o[5])/(o[6]?100/255:1),a:o[7]===void 0?1:Number(o[7])/(o[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(r){var o=r.toString(16);return o.length<2?"0"+o:o},$e=function(r){var o=r.r,s=r.g,h=r.b,u=r.a,f=u<1?j(w(255*u)):"";return"#"+j(o)+j(s)+j(h)+f},ee=function(r){var o=r.r,s=r.g,h=r.b,u=r.a,f=Math.max(o,s,h),e=f-Math.min(o,s,h),n=e?f===o?(s-h)/e:f===s?2+(h-o)/e:4+(o-s)/e:0;return{h:w(60*(n<0?n+6:n)),s:w(f?e/f*100:0),v:w(f/255*100),a:u}},re=v.memo(function(r){var o=r.hue,s=r.onChange,h=N(["react-colorful__hue",r.className]);return v.createElement("div",{className:h},v.createElement(F,{onMove:function(u){s({h:360*u.left})},onKey:function(u){s({h:O(o+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":w(o),"aria-valuemax":"360","aria-valuemin":"0"},v.createElement(D,{className:"react-colorful__hue-pointer",left:o/360,color:K({h:o,s:100,v:100,a:1})})))}),te=v.memo(function(r){var o=r.hsva,s=r.onChange,h={backgroundColor:K({h:o.h,s:100,v:100,a:1})};return v.createElement("div",{className:"react-colorful__saturation",style:h},v.createElement(F,{onMove:function(u){s({s:100*u.left,v:100-100*u.top})},onKey:function(u){s({s:O(o.s+100*u.left,0,100),v:O(o.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+w(o.s)+"%, Brightness "+w(o.v)+"%"},v.createElement(D,{className:"react-colorful__saturation-pointer",top:1-o.v/100,left:o.s/100,color:K(o)})))}),ne=function(r,o){if(r===o)return!0;for(var s in r)if(r[s]!==o[s])return!1;return!0},ae=function(r,o){return r.replace(/\s/g,"")===o.replace(/\s/g,"")},Oe=function(r,o){return r.toLowerCase()===o.toLowerCase()||ne(T(r),T(o))};function le(r,o,s){var h=L(s),u=y.useState(function(){return r.toHsva(o)}),f=u[0],e=u[1],n=y.useRef({color:o,hsva:f});y.useEffect(function(){if(!r.equal(o,n.current.color)){var a=r.toHsva(o);n.current={hsva:a,color:o},e(a)}},[o,r]),y.useEffect(function(){var a;ne(f,n.current.hsva)||r.equal(a=r.fromHsva(f),n.current.color)||(n.current={hsva:f,color:a},h(a))},[f,r,h]);var t=y.useCallback(function(a){e(function(l){return Object.assign({},l,a)})},[]);return[f,t]}var Se=typeof window<"u"?y.useLayoutEffect:y.useEffect,Ne=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},U=new Map,oe=function(r){Se(function(){var o=r.current?r.current.ownerDocument:document;if(o!==void 0&&!U.has(o)){var s=o.createElement("style");s.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,U.set(o,s);var h=Ne();h&&s.setAttribute("nonce",h),o.head.appendChild(s)}},[])},Re=function(r){var o=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,f=r.onChange,e=X(r,["className","colorModel","color","onChange"]),n=y.useRef(null);oe(n);var t=le(s,u,f),a=t[0],l=t[1],i=N(["react-colorful",o]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:l}),v.createElement(re,{hue:a.h,onChange:l,className:"react-colorful__last-control"}))},je={defaultColor:"000",toHsva:we,fromHsva:function(r){return Me({h:r.h,s:r.s,v:r.v,a:1})},equal:Oe},ze=function(r){return v.createElement(Re,C({},r,{colorModel:je}))},He=function(r){var o=r.className,s=r.hsva,h=r.onChange,u={backgroundImage:"linear-gradient(90deg, "+H(Object.assign({},s,{a:0}))+", "+H(Object.assign({},s,{a:1}))+")"},f=N(["react-colorful__alpha",o]),e=w(100*s.a);return v.createElement("div",{className:f},v.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),v.createElement(F,{onMove:function(n){h({a:n.left})},onKey:function(n){h({a:O(s.a+n.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},v.createElement(D,{className:"react-colorful__alpha-pointer",left:s.a,color:H(s)})))},ue=function(r){var o=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,f=r.onChange,e=X(r,["className","colorModel","color","onChange"]),n=y.useRef(null);oe(n);var t=le(s,u,f),a=t[0],l=t[1],i=N(["react-colorful",o]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:l}),v.createElement(re,{hue:a.h,onChange:l}),v.createElement(He,{hsva:a,onChange:l,className:"react-colorful__last-control"}))},Ie={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:_e,fromHsva:H,equal:ae},Pe=function(r){return v.createElement(ue,C({},r,{colorModel:Ie}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Ce,fromHsva:function(r){var o=Z(r);return"rgba("+o.r+", "+o.g+", "+o.b+", "+o.a+")"},equal:ae},Le=function(r){return v.createElement(ue,C({},r,{colorModel:qe}))},Be=M.div({position:"relative",maxWidth:250}),Te=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ke=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=r=>`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity="0.05" fill="${r?"white":"black"}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,ie=M(Y)(({value:r,selected:o,theme:s})=>({width:16,height:16,boxShadow:o?`${s.appBorderColor} 0 0 0 1px inset, ${s.textMutedColor}50 0 0 0 4px`:`${s.appBorderColor} 0 0 0 1px inset`,border:"none",borderRadius:s.appBorderRadius,"&, &:hover":{background:"unset",backgroundColor:"unset",backgroundImage:`linear-gradient(${r}, ${r}), ${Ve(s.base==="dark")}`}})),Xe=M(ge.Input)(({theme:r})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:r.typography.fonts.base,'[aria-readonly="true"] > &':{background:r.base==="light"?r.color.lighter:"transparent"}})),Fe=M(ie)(({disabled:r})=>({position:"absolute",top:4,left:4,zIndex:1,cursor:r?"not-allowed":"pointer"})),De=M(Y)(({theme:r})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:r.input.color})),se=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(se||{}),q=Object.values(se),Ge=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ae=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,We=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,V=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ue=/^\s*#?([0-9a-f]{3})\s*$/i,Ye={hex:ze,rgb:Le,hsl:Pe},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=r=>{let o=r==null?void 0:r.match(Ge);if(!o)return[0,0,0,1];let[,s,h,u,f=1]=o;return[s,h,u,f].map(Number)},Je=r=>{let[o,s,h,u]=ce(r),[f,e,n]=_.default.rgb.hsl([o,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.rgb.keyword([o,s,h]),colorSpace:"rgb",rgb:r,hsl:`hsla(${f}, ${e}%, ${n}%, ${u})`,hex:`#${_.default.rgb.hex([o,s,h]).toLowerCase()}`}},Qe=r=>{let[o,s,h,u]=ce(r),[f,e,n]=_.default.hsl.rgb([o,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.hsl.keyword([o,s,h]),colorSpace:"hsl",rgb:`rgba(${f}, ${e}, ${n}, ${u})`,hsl:r,hex:`#${_.default.hsl.hex([o,s,h]).toLowerCase()}`}},Ze=r=>{let o=r.replace("#",""),s=_.default.keyword.rgb(o)||_.default.hex.rgb(o),h=_.default.rgb.hsl(s),u=r;/[^#a-f0-9]/i.test(r)?u=o:V.test(r)&&(u=`#${o}`);let f=!0;if(u.startsWith("#"))f=V.test(u);else try{_.default.keyword.hex(u)}catch{f=!1}return{valid:f,value:u,keyword:_.default.rgb.keyword(s),colorSpace:"hex",rgb:`rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,hsl:`hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,hex:u}},$=r=>{if(r)return Ae.test(r)?Je(r):We.test(r)?Qe(r):Ze(r)},er=(r,o,s)=>{if(!r||!(o!=null&&o.valid))return z[s];if(s!=="hex")return(o==null?void 0:o[s])||z[s];if(!o.hex.startsWith("#"))try{return`#${_.default.keyword.hex(o.hex)}`}catch{return z.hex}let h=o.hex.match(Ue);if(!h)return V.test(o.hex)?o.hex:z.hex;let[u,f,e]=h[1].split("");return`#${u}${u}${f}${f}${e}${e}`},rr=(r,o)=>{let[s,h]=y.useState(r||""),[u,f]=y.useState(()=>$(s)),[e,n]=y.useState((u==null?void 0:u.colorSpace)||"hex");y.useEffect(()=>{let i=r||"",c=$(i);h(i),f(c),n((c==null?void 0:c.colorSpace)||"hex")},[r]);let t=y.useMemo(()=>er(s,u,e).toLowerCase(),[s,u,e]),a=y.useCallback(i=>{let c=$(i),d=(c==null?void 0:c.value)||i||"";h(d),d===""&&(f(void 0),o(void 0)),c&&(f(c),n(c.colorSpace),o(c.value))},[o]),l=y.useCallback(()=>{let i=(q.indexOf(e)+1)%q.length,c=q[i];n(c);let d=(u==null?void 0:u[c])||"";h(d),o(d)},[u,e,o]);return{value:s,realValue:t,updateValue:a,color:u,colorSpace:e,cycleColorSpace:l}},I=r=>r.replace(/\s*/,"").toLowerCase(),tr=(r,o,s)=>{let[h,u]=y.useState(o!=null&&o.valid?[o]:[]);y.useEffect(()=>{o===void 0&&u([])},[o]);let f=y.useMemo(()=>(r||[]).map(n=>typeof n=="string"?$(n):n.title?{...$(n.color),keyword:n.title}:$(n.color)).concat(h).filter(Boolean).slice(-27),[r,h]),e=y.useCallback(n=>{n!=null&&n.valid&&(f.some(t=>t&&t[s]&&I(t[s]||"")===I(n[s]||""))||u(t=>t.concat(n)))},[s,f]);return{presets:f,addPreset:e}},nr=({name:r,value:o,onChange:s,onFocus:h,onBlur:u,presetColors:f,startOpen:e=!1,argType:n})=>{var R;let t=y.useCallback(ye(s,200),[s]),{value:a,realValue:l,updateValue:i,color:c,colorSpace:d,cycleColorSpace:g}=rr(o,t),{presets:b,addPreset:p}=tr(f??[],c,d),m=Ye[d],k=!!((R=n==null?void 0:n.table)!=null&&R.readonly),E=he(r);return v.createElement(Be,null,v.createElement("label",{htmlFor:E,className:"sb-sr-only"},r),v.createElement(Xe,{id:E,value:a,onChange:x=>i(x.target.value),onFocus:x=>x.target.select(),readOnly:k,placeholder:"Choose color..."}),v.createElement(de,{defaultVisible:e,visible:k?!1:void 0,onVisibleChange:()=>c&&p(c),popover:v.createElement(Te,null,v.createElement(m,{color:l==="transparent"?"#000000":l,onChange:i,onFocus:h,onBlur:u}),b.length>0&&v.createElement(Ke,null,b.map((x,G)=>v.createElement(ie,{key:`${(x==null?void 0:x.value)||G}-${G}`,variant:"ghost",padding:"small",size:"small",ariaLabel:"Pick this color",tooltip:(x==null?void 0:x.keyword)||(x==null?void 0:x.value)||"",value:(x==null?void 0:x.value)||"",selected:!!(c&&x&&x[d]&&I(x[d]||"")===I(c[d])),onClick:()=>x&&i(x.value||"")}))))},v.createElement(Fe,{variant:"ghost",padding:"small",size:"small",ariaLabel:"Open color picker",value:l,style:{margin:4},disabled:k})),a?v.createElement(De,{variant:"ghost",padding:"small",size:"small",ariaLabel:"Cycle through color spaces",disabled:k,onClick:k?void 0:g},v.createElement(fe,null)):null)},sr=nr;export{nr as ColorControl,sr as default};