@tap-payments/os-micro-frontend-shared 0.3.73 → 0.3.75

package/build/_chunks/{chunk-2XRVRUCZ.js → chunk-Z5RLPOC4.js}

@@ -1 +1 @@
-import {Kc,La,Ma}from'./chunk-LFGGD3BZ.js';import {Cb,Tc}from'./chunk-ISV4GUHO.js';import co,{useId,useState,useRef,useCallback,useEffect,useMemo}from'react';import B from'@mui/material/Box';import mo from'@mui/material/ClickAwayListener';import to from'@mui/material/Stack';import Q from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import L from'@mui/material/Button';import io from'@mui/material/TextField';import lo from'@mui/material/MenuList';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {RgbColorPicker,RgbaColorPicker}from'react-colorful';import Ho from'@mui/material/Divider';import uo from'@mui/material/Popper';import q from'@mui/material/MenuItem';import Y from'@mui/material/InputAdornment';import v from'color';import {Popper}from'@mui/material';var O=styled("button")({background:"transparent",border:"none",padding:0,margin:0,cursor:"pointer",width:10,height:10,display:"flex",justifyContent:"center",alignItems:"center","&:disabled, &.Mui-disabled":{opacity:.5,cursor:"not-allowed"}}),G=styled(B)(({theme:o})=>({boxShadow:"0px 8px 30px rgba(0, 0, 0, 0.16)",width:264,backgroundColor:"#ffffff",padding:"12px",borderRadius:o.spacing(1),"& .react-colorful":{width:"100%","&__saturation":{minHeight:152,borderRadius:"4px",marginBottom:o.spacing(2),border:0,"&-pointer":{width:13,height:13}},"&__hue":{borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}},"&__alpha":{marginTop:o.spacing(2),marginBottom:0,border:0,borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}}}})),D=styled(B)(()=>({display:"flex",gap:"8px",justifyContent:"flex-end"})),V=styled(o=>jsx(Q,{...o,component:"button"}))(({theme:o})=>({fontWeight:500,fontSize:"9px",color:o.palette.info.dark,textDecoration:"underline",cursor:"pointer",background:"transparent",border:"none",padding:0,margin:0,"&:disabled, &.Mui-disabled":{color:alpha(o.palette.info.dark,.5),textDecoration:"none"},"&:hover":{textDecoration:"none"}})),X=styled(L)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.info.dark}`,backgroundColor:o.palette.info.dark,fontWeight:700,fontSize:"11px",color:o.palette.common.white,"&:hover":{backgroundColor:o.palette.info.dark}})),$=styled(L)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.divider}`,backgroundColor:o.palette.common.white,fontWeight:500,fontSize:"11px",color:o.palette.text.primary,"&:hover":{background:"transparent"}})),U=styled(B,{shouldForwardProp:o=>o!=="active"})(({theme:o,active:s})=>({display:"flex",justifyContent:"space-between",alignItems:"center",color:o.palette.text.primary,border:"1px solid #F2F2F2",fontSize:12,fontWeight:500,backgroundColor:"transparent",padding:"4px 8px",borderRadius:"4px",minWidth:70,cursor:"pointer",...s&&{border:"1px solid #1F88D0",boxShadow:"0px 0px 4px 0px #1F88D080"}})),Z=styled(lo)({backgroundColor:"#ffffff",borderRadius:"4px",boxShadow:"0px 8px 30px 0px #00000029",minWidth:70,"& .MuiMenuItem-root":{fontSize:12,fontWeight:500,padding:"4px 8px"}}),x=styled(io)(({theme:o})=>({"& .MuiOutlinedInput-root":{fontSize:"12px",fontWeight:500,borderRadius:"4px","& input":{padding:"4px","&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},"&[type=number]":{MozAppearance:"textfield"}},"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"},"&:hover, &.Mui-focused":{"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"}}}}));var go=({scheme:o,setScheme:s})=>{let[n,r]=co.useState(null),m=!!n,a=useCallback(c=>{r(n?null:c.currentTarget);},[n]),i=useCallback(()=>{r(null);},[]),d=useCallback(c=>{i(),s(c);},[i,s]);return jsxs(Fragment,{children:[jsxs(U,{component:"button",active:m,onClick:a,children:[o,jsx(B,{component:"img",sx:{transform:m?"rotateZ(180deg)":"rotateZ(0)",transition:"200ms transform ease-out"},src:Tc})]}),jsx(uo,{anchorEl:n,open:!!n,placement:"bottom",disablePortal:true,keepMounted:true,modifiers:[{name:"offset",options:{offset:[0,4]}}],children:jsx(mo,{onClickAway:c=>{n?.contains(c.target)||i();},children:jsxs(Z,{children:[jsx(q,{onClick:()=>d("RGB"),children:"RGB"}),jsx(q,{onClick:()=>d("HEX"),children:"HEX"})]})})})]})},J=go;var So=({value:o,onChange:s,disableAlpha:n=false})=>{let[r,m]=useState(o),{r:a,g:i,b:d,a:c}=r;useEffect(()=>{m(o);},[o]);let u=useCallback((l,f)=>(isNaN(l)&&(l=0),l<0&&(l=0),l>f&&(l=f),console.log("num",l),l),[]),t=useCallback((l,f)=>P=>{m({...r,[l]:u(+P.target.value,f)});},[r,u]),e=useCallback((l,f)=>{s({...r,[l]:u(r[l],f)});},[s,r,u]);return jsxs(to,{direction:"row",spacing:1,...n&&{flex:1},children:[jsx(x,{type:"number",value:a,onBlur:()=>e("r",255),onChange:t("r",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:i,onBlur:()=>e("g",255),onChange:t("g",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:d,onBlur:()=>e("b",255),onChange:t("b",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),!n&&jsx(x,{type:"number",value:c,onBlur:()=>e("a",100),onChange:t("a",100),inputProps:{min:0,max:100,style:{textAlign:"center"}},variant:"outlined",sx:{"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(Y,{position:"end",sx:{m:0},children:jsx(Q,{component:"span",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})},size:"small"})]})},K=So;var _o=({value:o,onChange:s,disableAlpha:n=false})=>{let r=useMemo(()=>v.rgb(o.r,o.g,o.b,o.a).hex().replace("#",""),[o]),[m,a]=useState(r),i=Math.round(o.a*100);return useEffect(()=>{let t=v.rgb(o.r,o.g,o.b).hex().replace("#","");a(t);},[o.r,o.g,o.b]),jsxs(to,{direction:"row",spacing:1,alignItems:"flex-start",children:[jsx(x,{value:m,onChange:t=>{let e=t.target.value.replace(/[^0-9a-fA-F]/g,"").toUpperCase();e.length>6&&(e=e.slice(0,6)),a(e);},onBlur:()=>{let t=m;if(t.length===3&&(t=t.split("").map(e=>e+e).join(""),a(t)),t.length===6)try{let e=v(`#${t}`).alpha(o.a);s({r:e.red(),g:e.green(),b:e.blue(),a:e.alpha()});}catch{a(r);}else a(r);},placeholder:"FFFFFF",sx:{flex:1.4,"& .MuiOutlinedInput-root":{pl:1}},InputProps:{startAdornment:jsx(Y,{position:"start",sx:{m:0},children:jsx(Q,{component:"span",color:t=>alpha(t.palette.text.primary,.5),display:"inline-block",fontSize:12,fontWeight:500,children:"#"})})}}),!n&&jsx(x,{type:"number",value:i,onChange:t=>{let e=parseInt(t.target.value,10);isNaN(e)&&(e=0),e<0&&(e=0),e>100&&(e=100),s({...o,a:e/100});},inputProps:{min:0,max:100},sx:{flex:.8,"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(Y,{position:"end",sx:{m:0},children:jsx(Q,{component:"span",color:"text.primary",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})}})]})},j=_o;var Wo=({initialValue:o="#ffffff",onCancel:s,onConfirm:n,disableAlpha:r=false})=>{let[m,a]=useState("RGB"),[i,d]=useState(()=>{let{alpha:p,...y}=La(o).value;return {...y,a:p}}),{t:c}=useTranslation(),u=useCallback(()=>{let{alpha:p,...y}=La(o).value;d({...y,a:p}),s();},[o,s]),t=useCallback(()=>{let{a:p,...y}=i;n(Ma({...y,alpha:r?1:p}));},[i,n,r]),e=useCallback(p=>{d(r?{...p,a:1}:p);},[r]),l=useCallback(p=>{d({...p,a:p.a/100});},[]),f=useCallback(p=>{d({...p,a:p.a});},[]);return jsxs(G,{className:"color-picker__widget",children:[jsx(r?RgbColorPicker:RgbaColorPicker,{color:i,onChange:e}),jsxs(to,{mt:2,spacing:1,direction:"row",children:[jsx(J,{scheme:m,setScheme:a}),m==="RGB"?jsx(K,{value:{...i,a:Math.round(i.a*100)},onChange:l,disableAlpha:r}):jsx(j,{value:{...i,a:i.a},onChange:f,disableAlpha:r})]}),jsx(Ho,{sx:{my:"12px"}}),jsxs(D,{className:"color-picker__widget-actions",children:[jsx($,{className:"color-picker__widget-actions__cancel",onClick:u,children:c("cancel")}),jsx(X,{className:"color-picker__widget-actions__confirm",onClick:t,children:c("okay")})]})]})},eo=Wo;var ro={hideReset:false,disableAlpha:false},Vo=({value:o="#ffffff",onChange:s,onReset:n,sx:r,options:m=ro,disabled:a=false})=>{let i=Kc(useId(),"color-picker"),[d,c]=useState(null),{disableAlpha:u=false,hideReset:t=false}={...ro,...m},e=useRef(null),l=useCallback(()=>{a||c(e.current);},[a]),f=useCallback(()=>{a||c(null);},[a]),P=useCallback(p=>{s(u?p.substring(0,7):p),c(null);},[s,u]);return jsx(mo,{onClickAway:()=>c(null),children:jsxs(to,{ref:e,id:i,"data-testid":"ColorPicker",bgcolor:"grey.400",borderRadius:"4px",p:"4px",pr:"12px",direction:"row",justifyContent:"space-between",spacing:1,alignItems:"center",className:"color-picker",sx:r,children:[jsxs(to,{direction:"row",spacing:1,alignItems:"center",className:"color-picker__controls-wrapper",children:[jsx(B,{borderRadius:"5px",width:32,height:32,sx:{backgroundColor:o},className:"color-picker__viewer"}),jsxs(B,{className:"color-picker__actions-wrapper",children:[jsx(Q,{className:"color-picker__label",fontWeight:500,fontSize:9,color:"text.primary",textTransform:"uppercase",children:o}),jsx(V,{className:"color-picker__edit-btn",type:"button",onClick:l,disabled:a,children:"Edit"})]})]}),t?jsx("div",{}):jsx(O,{className:"color-picker__close-btn",type:"button",disabled:a,onClick:n,children:jsx(B,{component:"img",src:Cb,width:10,height:10})}),jsx(Popper,{anchorEl:d,open:!!d,placement:"top",children:jsx(eo,{initialValue:o,onCancel:f,onConfirm:P,disableAlpha:u})})]})})},no=Vo;var ot=no;export{ot as a};
+import {Lc,La,Ma}from'./chunk-K4W2YD5I.js';import {Cb,Tc}from'./chunk-ISV4GUHO.js';import co,{useId,useState,useRef,useCallback,useEffect,useMemo}from'react';import B from'@mui/material/Box';import mo from'@mui/material/ClickAwayListener';import to from'@mui/material/Stack';import Q from'@mui/material/Typography';import {styled,alpha}from'@mui/material/styles';import L from'@mui/material/Button';import io from'@mui/material/TextField';import lo from'@mui/material/MenuList';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {RgbColorPicker,RgbaColorPicker}from'react-colorful';import Ho from'@mui/material/Divider';import uo from'@mui/material/Popper';import q from'@mui/material/MenuItem';import Y from'@mui/material/InputAdornment';import v from'color';import {Popper}from'@mui/material';var O=styled("button")({background:"transparent",border:"none",padding:0,margin:0,cursor:"pointer",width:10,height:10,display:"flex",justifyContent:"center",alignItems:"center","&:disabled, &.Mui-disabled":{opacity:.5,cursor:"not-allowed"}}),G=styled(B)(({theme:o})=>({boxShadow:"0px 8px 30px rgba(0, 0, 0, 0.16)",width:264,backgroundColor:"#ffffff",padding:"12px",borderRadius:o.spacing(1),"& .react-colorful":{width:"100%","&__saturation":{minHeight:152,borderRadius:"4px",marginBottom:o.spacing(2),border:0,"&-pointer":{width:13,height:13}},"&__hue":{borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}},"&__alpha":{marginTop:o.spacing(2),marginBottom:0,border:0,borderRadius:"4px",height:"8px","&-pointer":{width:10,height:10}}}})),D=styled(B)(()=>({display:"flex",gap:"8px",justifyContent:"flex-end"})),V=styled(o=>jsx(Q,{...o,component:"button"}))(({theme:o})=>({fontWeight:500,fontSize:"9px",color:o.palette.info.dark,textDecoration:"underline",cursor:"pointer",background:"transparent",border:"none",padding:0,margin:0,"&:disabled, &.Mui-disabled":{color:alpha(o.palette.info.dark,.5),textDecoration:"none"},"&:hover":{textDecoration:"none"}})),X=styled(L)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.info.dark}`,backgroundColor:o.palette.info.dark,fontWeight:700,fontSize:"11px",color:o.palette.common.white,"&:hover":{backgroundColor:o.palette.info.dark}})),$=styled(L)(({theme:o})=>({textTransform:"capitalize",minWidth:"auto",width:74,borderRadius:"4px",border:`1px solid ${o.palette.divider}`,backgroundColor:o.palette.common.white,fontWeight:500,fontSize:"11px",color:o.palette.text.primary,"&:hover":{background:"transparent"}})),U=styled(B,{shouldForwardProp:o=>o!=="active"})(({theme:o,active:s})=>({display:"flex",justifyContent:"space-between",alignItems:"center",color:o.palette.text.primary,border:"1px solid #F2F2F2",fontSize:12,fontWeight:500,backgroundColor:"transparent",padding:"4px 8px",borderRadius:"4px",minWidth:70,cursor:"pointer",...s&&{border:"1px solid #1F88D0",boxShadow:"0px 0px 4px 0px #1F88D080"}})),Z=styled(lo)({backgroundColor:"#ffffff",borderRadius:"4px",boxShadow:"0px 8px 30px 0px #00000029",minWidth:70,"& .MuiMenuItem-root":{fontSize:12,fontWeight:500,padding:"4px 8px"}}),x=styled(io)(({theme:o})=>({"& .MuiOutlinedInput-root":{fontSize:"12px",fontWeight:500,borderRadius:"4px","& input":{padding:"4px","&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{WebkitAppearance:"none",margin:0},"&[type=number]":{MozAppearance:"textfield"}},"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"},"&:hover, &.Mui-focused":{"& .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.divider,borderWidth:"1px"}}}}));var go=({scheme:o,setScheme:s})=>{let[n,r]=co.useState(null),m=!!n,a=useCallback(c=>{r(n?null:c.currentTarget);},[n]),i=useCallback(()=>{r(null);},[]),d=useCallback(c=>{i(),s(c);},[i,s]);return jsxs(Fragment,{children:[jsxs(U,{component:"button",active:m,onClick:a,children:[o,jsx(B,{component:"img",sx:{transform:m?"rotateZ(180deg)":"rotateZ(0)",transition:"200ms transform ease-out"},src:Tc})]}),jsx(uo,{anchorEl:n,open:!!n,placement:"bottom",disablePortal:true,keepMounted:true,modifiers:[{name:"offset",options:{offset:[0,4]}}],children:jsx(mo,{onClickAway:c=>{n?.contains(c.target)||i();},children:jsxs(Z,{children:[jsx(q,{onClick:()=>d("RGB"),children:"RGB"}),jsx(q,{onClick:()=>d("HEX"),children:"HEX"})]})})})]})},J=go;var So=({value:o,onChange:s,disableAlpha:n=false})=>{let[r,m]=useState(o),{r:a,g:i,b:d,a:c}=r;useEffect(()=>{m(o);},[o]);let u=useCallback((l,f)=>(isNaN(l)&&(l=0),l<0&&(l=0),l>f&&(l=f),console.log("num",l),l),[]),t=useCallback((l,f)=>P=>{m({...r,[l]:u(+P.target.value,f)});},[r,u]),e=useCallback((l,f)=>{s({...r,[l]:u(r[l],f)});},[s,r,u]);return jsxs(to,{direction:"row",spacing:1,...n&&{flex:1},children:[jsx(x,{type:"number",value:a,onBlur:()=>e("r",255),onChange:t("r",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:i,onBlur:()=>e("g",255),onChange:t("g",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),jsx(x,{type:"number",value:d,onBlur:()=>e("b",255),onChange:t("b",255),inputProps:{min:0,max:255,style:{textAlign:"center"}},variant:"outlined",size:"small",...n&&{sx:{flex:1}}}),!n&&jsx(x,{type:"number",value:c,onBlur:()=>e("a",100),onChange:t("a",100),inputProps:{min:0,max:100,style:{textAlign:"center"}},variant:"outlined",sx:{"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(Y,{position:"end",sx:{m:0},children:jsx(Q,{component:"span",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})},size:"small"})]})},K=So;var _o=({value:o,onChange:s,disableAlpha:n=false})=>{let r=useMemo(()=>v.rgb(o.r,o.g,o.b,o.a).hex().replace("#",""),[o]),[m,a]=useState(r),i=Math.round(o.a*100);return useEffect(()=>{let t=v.rgb(o.r,o.g,o.b).hex().replace("#","");a(t);},[o.r,o.g,o.b]),jsxs(to,{direction:"row",spacing:1,alignItems:"flex-start",children:[jsx(x,{value:m,onChange:t=>{let e=t.target.value.replace(/[^0-9a-fA-F]/g,"").toUpperCase();e.length>6&&(e=e.slice(0,6)),a(e);},onBlur:()=>{let t=m;if(t.length===3&&(t=t.split("").map(e=>e+e).join(""),a(t)),t.length===6)try{let e=v(`#${t}`).alpha(o.a);s({r:e.red(),g:e.green(),b:e.blue(),a:e.alpha()});}catch{a(r);}else a(r);},placeholder:"FFFFFF",sx:{flex:1.4,"& .MuiOutlinedInput-root":{pl:1}},InputProps:{startAdornment:jsx(Y,{position:"start",sx:{m:0},children:jsx(Q,{component:"span",color:t=>alpha(t.palette.text.primary,.5),display:"inline-block",fontSize:12,fontWeight:500,children:"#"})})}}),!n&&jsx(x,{type:"number",value:i,onChange:t=>{let e=parseInt(t.target.value,10);isNaN(e)&&(e=0),e<0&&(e=0),e>100&&(e=100),s({...o,a:e/100});},inputProps:{min:0,max:100},sx:{flex:.8,"& .MuiOutlinedInput-root":{pr:1}},InputProps:{endAdornment:jsx(Y,{position:"end",sx:{m:0},children:jsx(Q,{component:"span",color:"text.primary",display:"inline-block",fontSize:12,fontWeight:500,children:"%"})})}})]})},j=_o;var Wo=({initialValue:o="#ffffff",onCancel:s,onConfirm:n,disableAlpha:r=false})=>{let[m,a]=useState("RGB"),[i,d]=useState(()=>{let{alpha:p,...y}=La(o).value;return {...y,a:p}}),{t:c}=useTranslation(),u=useCallback(()=>{let{alpha:p,...y}=La(o).value;d({...y,a:p}),s();},[o,s]),t=useCallback(()=>{let{a:p,...y}=i;n(Ma({...y,alpha:r?1:p}));},[i,n,r]),e=useCallback(p=>{d(r?{...p,a:1}:p);},[r]),l=useCallback(p=>{d({...p,a:p.a/100});},[]),f=useCallback(p=>{d({...p,a:p.a});},[]);return jsxs(G,{className:"color-picker__widget",children:[jsx(r?RgbColorPicker:RgbaColorPicker,{color:i,onChange:e}),jsxs(to,{mt:2,spacing:1,direction:"row",children:[jsx(J,{scheme:m,setScheme:a}),m==="RGB"?jsx(K,{value:{...i,a:Math.round(i.a*100)},onChange:l,disableAlpha:r}):jsx(j,{value:{...i,a:i.a},onChange:f,disableAlpha:r})]}),jsx(Ho,{sx:{my:"12px"}}),jsxs(D,{className:"color-picker__widget-actions",children:[jsx($,{className:"color-picker__widget-actions__cancel",onClick:u,children:c("cancel")}),jsx(X,{className:"color-picker__widget-actions__confirm",onClick:t,children:c("okay")})]})]})},eo=Wo;var ro={hideReset:false,disableAlpha:false},Vo=({value:o="#ffffff",onChange:s,onReset:n,sx:r,options:m=ro,disabled:a=false})=>{let i=Lc(useId(),"color-picker"),[d,c]=useState(null),{disableAlpha:u=false,hideReset:t=false}={...ro,...m},e=useRef(null),l=useCallback(()=>{a||c(e.current);},[a]),f=useCallback(()=>{a||c(null);},[a]),P=useCallback(p=>{s(u?p.substring(0,7):p),c(null);},[s,u]);return jsx(mo,{onClickAway:()=>c(null),children:jsxs(to,{ref:e,id:i,"data-testid":"ColorPicker",bgcolor:"grey.400",borderRadius:"4px",p:"4px",pr:"12px",direction:"row",justifyContent:"space-between",spacing:1,alignItems:"center",className:"color-picker",sx:r,children:[jsxs(to,{direction:"row",spacing:1,alignItems:"center",className:"color-picker__controls-wrapper",children:[jsx(B,{borderRadius:"5px",width:32,height:32,sx:{backgroundColor:o},className:"color-picker__viewer"}),jsxs(B,{className:"color-picker__actions-wrapper",children:[jsx(Q,{className:"color-picker__label",fontWeight:500,fontSize:9,color:"text.primary",textTransform:"uppercase",children:o}),jsx(V,{className:"color-picker__edit-btn",type:"button",onClick:l,disabled:a,children:"Edit"})]})]}),t?jsx("div",{}):jsx(O,{className:"color-picker__close-btn",type:"button",disabled:a,onClick:n,children:jsx(B,{component:"img",src:Cb,width:10,height:10})}),jsx(Popper,{anchorEl:d,open:!!d,placement:"top",children:jsx(eo,{initialValue:o,onCancel:f,onConfirm:P,disableAlpha:u})})]})})},no=Vo;var ot=no;export{ot as a};

package/build/_chunks/{chunk-K2YQWL6U.js → chunk-ZG64SJA5.js}

@@ -1 +1 @@
-import {a as a$1}from'./chunk-GNY2VGGW.js';import {r}from'./chunk-LFGGD3BZ.js';import F from'react';import {useTranslation}from'react-i18next';import a from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var y="37px",f=styled(a,{shouldForwardProp:o=>o!=="showBackDrop"&&o!=="areTotalRowsNotFillingHeight"&&o!=="sandboxMode"&&o!=="maximized"})(({theme:o,showBackDrop:i,areTotalRowsNotFillingHeight:r,sandboxMode:n,maximized:p})=>({minHeight:y,...!p&&{borderBottomLeftRadius:o.spacing(1.5),borderBottomRightRadius:o.spacing(1.5)},display:"flex",alignItems:"center",border:"none",justifyContent:"space-between",padding:"6px 32px",background:n?o.palette.common.lightOrange:o.palette.grey[300],backdropFilter:"blur(32px)",boxShadow:i?o.shadows[24]:"none",borderTop:r?`1px outset ${o.palette.grey[800]}`:"none",width:"100%",marginTop:"auto",flexShrink:0,cursor:"move"})),u=styled("div")(({theme:o})=>({position:"absolute",top:0,left:0,right:0,height:"1.5px",backgroundColor:o.palette.grey[300],boxShadow:`inset 0 1px 0 0 ${o.palette.grey[300]}`})),d=styled(a)(({theme:o})=>({borderRadius:"37.5px",border:"0.75px solid rgba(242, 242, 242, 0.70)",backgroundColor:o.palette.common.white,opacity:1,paddingInline:o.spacing(1),display:"flex",alignItems:"center",height:24,gap:"7px",maxWidth:"max-content"})),x=styled(a$1)(()=>({fontSize:"9px",fontWeight:400,lineHeight:"10.8px"})),g=styled(a$1)(()=>({fontSize:"10.5px",fontWeight:700,lineHeight:"12.6px"}));styled(a)(()=>({display:"flex",gap:"3px",alignItems:"center"}));styled(a)(()=>({display:"flex",gap:"6px"}));styled("span")(()=>({fontWeight:400}));function R({totalCount:o,showBackDrop:i=false,showSeparator:r$1,sandboxMode:n,maximized:p,selectedCount:m,...T}){let{t:b}=useTranslation();return jsxs(f,{component:"footer","data-testid":"TableFooter",maximized:p??false,sandboxMode:n,showBackDrop:i,areTotalRowsNotFillingHeight:!!r$1,...T,children:[r$1&&jsx(u,{}),m?jsxs(d,{sx:{gap:"6px",cursor:"text"},children:[jsx(x,{children:b("selected")}),jsx(g,{children:r(m)})]}):null,o||o===0?jsxs(d,{sx:{gap:"6px",cursor:"text"},children:[jsx(x,{children:b("count")}),jsx(g,{children:r(o||0)})]}):null]})}var h=F.memo(R);var M=h;export{y as a,h as b,M as c};
+import {a as a$1}from'./chunk-GNY2VGGW.js';import {r}from'./chunk-K4W2YD5I.js';import F from'react';import {useTranslation}from'react-i18next';import a from'@mui/material/Box';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var y="37px",f=styled(a,{shouldForwardProp:o=>o!=="showBackDrop"&&o!=="areTotalRowsNotFillingHeight"&&o!=="sandboxMode"&&o!=="maximized"})(({theme:o,showBackDrop:i,areTotalRowsNotFillingHeight:r,sandboxMode:n,maximized:p})=>({minHeight:y,...!p&&{borderBottomLeftRadius:o.spacing(1.5),borderBottomRightRadius:o.spacing(1.5)},display:"flex",alignItems:"center",border:"none",justifyContent:"space-between",padding:"6px 32px",background:n?o.palette.common.lightOrange:o.palette.grey[300],backdropFilter:"blur(32px)",boxShadow:i?o.shadows[24]:"none",borderTop:r?`1px outset ${o.palette.grey[800]}`:"none",width:"100%",marginTop:"auto",flexShrink:0,cursor:"move"})),u=styled("div")(({theme:o})=>({position:"absolute",top:0,left:0,right:0,height:"1.5px",backgroundColor:o.palette.grey[300],boxShadow:`inset 0 1px 0 0 ${o.palette.grey[300]}`})),d=styled(a)(({theme:o})=>({borderRadius:"37.5px",border:"0.75px solid rgba(242, 242, 242, 0.70)",backgroundColor:o.palette.common.white,opacity:1,paddingInline:o.spacing(1),display:"flex",alignItems:"center",height:24,gap:"7px",maxWidth:"max-content"})),x=styled(a$1)(()=>({fontSize:"9px",fontWeight:400,lineHeight:"10.8px"})),g=styled(a$1)(()=>({fontSize:"10.5px",fontWeight:700,lineHeight:"12.6px"}));styled(a)(()=>({display:"flex",gap:"3px",alignItems:"center"}));styled(a)(()=>({display:"flex",gap:"6px"}));styled("span")(()=>({fontWeight:400}));function R({totalCount:o,showBackDrop:i=false,showSeparator:r$1,sandboxMode:n,maximized:p,selectedCount:m,...T}){let{t:b}=useTranslation();return jsxs(f,{component:"footer","data-testid":"TableFooter",maximized:p??false,sandboxMode:n,showBackDrop:i,areTotalRowsNotFillingHeight:!!r$1,...T,children:[r$1&&jsx(u,{}),m?jsxs(d,{sx:{gap:"6px",cursor:"text"},children:[jsx(x,{children:b("selected")}),jsx(g,{children:r(m)})]}):null,o||o===0?jsxs(d,{sx:{gap:"6px",cursor:"text"},children:[jsx(x,{children:b("count")}),jsx(g,{children:r(o||0)})]}):null]})}var h=F.memo(R);var M=h;export{y as a,h as b,M as c};

package/build/_chunks/{chunk-4SJHVAWD.js → chunk-ZP2AYYKP.js}

@@ -1 +1 @@
-import {b}from'./chunk-JS67UR4E.js';import {memo,useCallback,Fragment as Fragment$1,createElement}from'react';import {useTranslation}from'react-i18next';import {jsx,Fragment}from'react/jsx-runtime';function B({isActiveFilterVisible:f,availableStatuses:v,status:e,onStatusChange:i,buttonSx:l}){let{t:I}=useTranslation(),S=f??false,b$1=useCallback(s=>s===e&&!S?"active":"inActive",[e,S]),u=useCallback(s=>{i?.(s);},[i]);return jsx(Fragment,{children:v?.map(({render:s,...a},d)=>{if(s)return jsx(Fragment$1,{children:s({status:e,onChange:u},{...a,index:d})},`custom-status-slot-${d}`);if(!Array.isArray(a.status))return createElement(b,{...a,key:`status-button-array-${a.status}`,variant:b$1(a.status),onClick:()=>{Array.isArray(a.status)||u(a.status);},buttonSx:l});if(!a.status)return null;let o=a.status.filter(Boolean).map(t=>typeof t=="string"?{value:t}:t)||[],c=!!e&&o.some(t=>t?.value===e);return jsx("div",{children:jsx(b,{...a,selectedStatus:c?e:void 0,variant:c?"active":"inActive",onButtonBodyClick:t=>u(t),dropdownOptions:o.map(t=>({label:t?.label||I(t?.value||""),status:t?.value,icon:t.icon,onClick:()=>u(t.value)})),buttonSx:l})},o[0]?.value)})})}var p=memo(B);var M=p;export{M as a};
+import {b}from'./chunk-YEHF33UR.js';import {memo,useCallback,Fragment as Fragment$1,createElement}from'react';import {useTranslation}from'react-i18next';import {jsx,Fragment}from'react/jsx-runtime';function B({isActiveFilterVisible:f,availableStatuses:v,status:e,onStatusChange:i,buttonSx:l}){let{t:I}=useTranslation(),S=f??false,b$1=useCallback(s=>s===e&&!S?"active":"inActive",[e,S]),u=useCallback(s=>{i?.(s);},[i]);return jsx(Fragment,{children:v?.map(({render:s,...a},d)=>{if(s)return jsx(Fragment$1,{children:s({status:e,onChange:u},{...a,index:d})},`custom-status-slot-${d}`);if(!Array.isArray(a.status))return createElement(b,{...a,key:`status-button-array-${a.status}`,variant:b$1(a.status),onClick:()=>{Array.isArray(a.status)||u(a.status);},buttonSx:l});if(!a.status)return null;let o=a.status.filter(Boolean).map(t=>typeof t=="string"?{value:t}:t)||[],c=!!e&&o.some(t=>t?.value===e);return jsx("div",{children:jsx(b,{...a,selectedStatus:c?e:void 0,variant:c?"active":"inActive",onButtonBodyClick:t=>u(t),dropdownOptions:o.map(t=>({label:t?.label||I(t?.value||""),status:t?.value,icon:t.icon,onClick:()=>u(t.value)})),buttonSx:l})},o[0]?.value)})})}var p=memo(B);var M=p;export{M as a};

package/build/_chunks/{chunk-AECIIM4P.js → chunk-ZYVM246P.js}

@@ -1 +1 @@
-import {a as a$1}from'./chunk-TDJ5XNJT.js';import {Kc}from'./chunk-LFGGD3BZ.js';import {memo,useId}from'react';import f from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var a=styled(f,{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:o})=>({padding:e.spacing(1),position:"relative",display:"flex",alignItems:"center",gap:"8px",textTransform:"capitalize",cursor:o?"not-allowed":"pointer",flex:1,fontSize:"0.6875rem",color:"#20232B"})),r=styled(a$1)(({theme:e})=>({padding:0,width:"14px !important",svg:{width:"14px !important",height:"14px !important"},"&.Mui-disabled":{'[data-testid="IndeterminateCheckBoxIcon"]':{fill:alpha(e.palette.common.black,.26)}}}));function g({isSelected:e,isDisabled:o,isIndeterminate:l,hideCheckbox:p,onClick:s,children:c,className:t,...x}){let b=Kc(useId(),"menu-item"),n=o?"disabled menu-item":"menu-item",u=t?`${n} ${t}`:n;return jsxs(a,{id:b,"data-testid":"MenuItem",className:u,onClick:s,disabled:o,...x,children:[!p&&jsx(r,{size:"small",checked:e,indeterminate:l,disabled:o}),c]})}var N=memo(g);export{N as a};
+import {a as a$1}from'./chunk-E5TE7V56.js';import {Lc}from'./chunk-K4W2YD5I.js';import {memo,useId}from'react';import f from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var a=styled(f,{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:o})=>({padding:e.spacing(1),position:"relative",display:"flex",alignItems:"center",gap:"8px",textTransform:"capitalize",cursor:o?"not-allowed":"pointer",flex:1,fontSize:"0.6875rem",color:"#20232B"})),r=styled(a$1)(({theme:e})=>({padding:0,width:"14px !important",svg:{width:"14px !important",height:"14px !important"},"&.Mui-disabled":{'[data-testid="IndeterminateCheckBoxIcon"]':{fill:alpha(e.palette.common.black,.26)}}}));function g({isSelected:e,isDisabled:o,isIndeterminate:l,hideCheckbox:p,onClick:s,children:c,className:t,...x}){let b=Lc(useId(),"menu-item"),n=o?"disabled menu-item":"menu-item",u=t?`${n} ${t}`:n;return jsxs(a,{id:b,"data-testid":"MenuItem",className:u,onClick:s,disabled:o,...x,children:[!p&&jsx(r,{size:"small",checked:e,indeterminate:l,disabled:o}),c]})}var N=memo(g);export{N as a};

package/build/_v2/components/primitives/Accordion/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const accordionClassNamePrefix: "os-shared-Accordion";
+export declare const accordionClassNames: {
+    readonly root: "os-shared-Accordion-root";
+    readonly summary: "os-shared-Accordion-summary";
+    readonly content: "os-shared-Accordion-content";
+    readonly labelStartAdornment: "os-shared-Accordion-labelStartAdornment";
+    readonly labelContent: "os-shared-Accordion-labelContent";
+    readonly labelEndAdornment: "os-shared-Accordion-labelEndAdornment";
+    readonly expandIcon: "os-shared-Accordion-expandIcon";
+};
+export type AccordionClassNames = (typeof accordionClassNames)[keyof typeof accordionClassNames];
+export declare const accordionExpandIconSrc: string;

package/build/_v2/components/primitives/Accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Accordion';
+export type { AccordionProps, AccordionSlotProps, AccordionLabelSlotProps } from './type';
+export { accordionClassNames } from './constants';
+export type { AccordionClassNames } from './constants';

package/build/{components/_v2 → _v2/components}/primitives/Accordion/style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const AccordionRoot: import("@emotion/styled").StyledComponent<{
+export declare const AccordionStyled: import("@emotion/styled").StyledComponent<{
     children: NonNullable<import("react").ReactNode>;
     classes?: Partial<import("@mui/material/Accordion").AccordionClasses> | undefined;
     defaultExpanded?: boolean | undefined;
@@ -15,7 +15,7 @@ export declare const AccordionRoot: import("@emotion/styled").StyledComponent<{
 } & import("@mui/material/Accordion").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "classes" | "onChange"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "disabled" | "children" | "onChange" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "variant" | "expanded" | "square" | "elevation" | "defaultExpanded" | "disableGutters" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material/Accordion").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const AccordionSummary: import("@emotion/styled").StyledComponent<import("@mui/material/AccordionSummary").AccordionSummaryOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const AccordionSummaryStyled: import("@emotion/styled").StyledComponent<import("@mui/material/AccordionSummary").AccordionSummaryOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "disabled" | "classes" | "className" | "style" | "tabIndex" | "children" | "sx" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const AccordionContent: import("@emotion/styled").StyledComponent<import("@mui/material/AccordionDetails").AccordionDetailsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const AccordionContentStyled: import("@emotion/styled").StyledComponent<import("@mui/material/AccordionDetails").AccordionDetailsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/{components/_v2 → _v2/components}/primitives/Accordion/type.d.ts

@@ -3,33 +3,27 @@ import type { BoxProps } from '@mui/material/Box';
 import type { AccordionProps as MuiAccordionProps } from '@mui/material/Accordion';
 import type { AccordionSummaryProps } from '@mui/material/AccordionSummary';
 import type { AccordionDetailsProps } from '@mui/material/AccordionDetails';
+import type { SxProps, Theme } from '@mui/material/styles';
 export interface AccordionLabelSlotProps extends AccordionSummaryProps {
-    /** Show the default expand arrow (default: true) */
+    /** Show the default expand chevron (default: true) */
     showArrow?: boolean;
 }
 export interface AccordionSlotProps {
-    /** Props forwarded to the AccordionRoot (the outer collapsible container). */
+    /** Props forwarded to AccordionStyled (the outer collapsible container). */
     root?: Omit<MuiAccordionProps, 'children'>;
-    /** Props forwarded to AccordionSummary (the clickable header row). */
+    /** Props forwarded to AccordionSummaryStyled (the clickable header row). */
     label?: AccordionLabelSlotProps;
-    /** Props forwarded to AccordionContent (the expandable body). */
+    /** Props forwarded to AccordionContentStyled (the expandable body). */
     content?: AccordionDetailsProps;
     /**
      * Props forwarded to the Box wrapping the label text node.
      * Default sx: { minWidth: 0 } — required for flex truncation to work.
-     * Add overflow/textOverflow via sx if you want ellipsis: sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}
      */
     labelContent?: BoxProps;
-    /**
-     * Props forwarded to the Box wrapping labelStartAdornment.
-     * Default sx: { flexShrink: 0 }
-     */
-    startAdornment?: BoxProps;
-    /**
-     * Props forwarded to the Box wrapping labelEndAdornment.
-     * Default sx: { flexShrink: 0, marginLeft: 'auto' }
-     */
-    endAdornment?: BoxProps;
+    /** Props forwarded to the Box wrapping labelStartAdornment. Default sx: { flexShrink: 0 } */
+    labelStartAdornment?: BoxProps;
+    /** Props forwarded to the Box wrapping labelEndAdornment. Default sx: { flexShrink: 0, marginLeft: 'auto' } */
+    labelEndAdornment?: BoxProps;
 }
 export interface AccordionProps {
     /** Whether the accordion panel is open */
@@ -42,12 +36,16 @@ export interface AccordionProps {
     content: ReactNode;
     /** Element rendered to the left of the label text */
     labelStartAdornment?: ReactNode;
-    /** Element rendered to the right of the label text */
+    /** Element rendered to the right of the label text (before the expand chevron) */
     labelEndAdornment?: ReactNode;
     /** Fine-grained style and prop overrides for internal slots */
     slotProps?: AccordionSlotProps;
     /** Prevents interaction and dims the accordion */
     disabled?: boolean;
-    /** Override the default expand icon */
+    /** Override the default expand chevron */
     expandIcon?: ReactNode;
+    /** MUI sx style overrides — forwarded to AccordionStyled */
+    sx?: SxProps<Theme>;
+    /** Consumer className — forwarded to AccordionStyled */
+    className?: string;
 }

package/build/_v2/components/primitives/Avatar/constants.d.ts

@@ -0,0 +1,10 @@
+import type { AvatarSize } from './type';
+export declare const avatarClassNamePrefix: "os-shared-Avatar";
+export declare const avatarClassNames: {
+    readonly root: "os-shared-Avatar-root";
+};
+export type AvatarClassNames = (typeof avatarClassNames)[keyof typeof avatarClassNames];
+export declare const avatarSizeConfig: Record<AvatarSize, {
+    dimension: number;
+    fontSize: string;
+}>;

package/build/_v2/components/primitives/Avatar/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Avatar';
 export type { AvatarProps, AvatarSize } from './type';
+export { avatarClassNames } from './constants';
+export type { AvatarClassNames } from './constants';

package/build/_v2/components/primitives/Backdrop/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const backdropClassNamePrefix: "os-shared-Backdrop";
+export declare const backdropClassNames: {
+    readonly root: "os-shared-Backdrop-root";
+};
+export type BackdropClassNames = (typeof backdropClassNames)[keyof typeof backdropClassNames];

package/build/_v2/components/primitives/Backdrop/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Backdrop';
 export type { BackdropProps } from './type';
+export { backdropClassNames } from './constants';
+export type { BackdropClassNames } from './constants';

package/build/_v2/components/primitives/Badge/constants.d.ts

@@ -0,0 +1,16 @@
+export declare const badgeClassNamePrefix: "os-shared-Badge";
+export declare const badgeClassNames: {
+    readonly root: "os-shared-Badge-root";
+};
+export type BadgeClassNames = (typeof badgeClassNames)[keyof typeof badgeClassNames];
+/** Static background colours — theme-dependent variants resolve in `style.ts`. */
+export declare const badgeStaticBackgroundColors: {
+    readonly primary: "#1976d2";
+    readonly secondary: "#f50057";
+    readonly neutral: "#656565";
+    readonly gray: "#CFCFCF";
+    readonly orange: "#FFD503";
+    readonly red: "#FF0000";
+};
+/** Variants whose text colour is always white regardless of theme token path. */
+export declare const badgeStaticWhiteTextVariants: readonly ["primary", "secondary", "neutral", "dark"];

package/build/_v2/components/primitives/Badge/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Badge';
 export type { BadgeProps, BadgeVariant } from './type';
+export { badgeClassNames } from './constants';
+export type { BadgeClassNames } from './constants';

package/build/_v2/components/primitives/Button/constants.d.ts

@@ -0,0 +1,32 @@
+import type { ButtonSize } from './type';
+export declare const buttonClassNamePrefix: "os-shared-Button";
+export declare const buttonClassNames: {
+    readonly root: "os-shared-Button-root";
+    readonly content: "os-shared-Button-content";
+    readonly startIcon: "os-shared-Button-startIcon";
+    readonly endIcon: "os-shared-Button-endIcon";
+    readonly loading: "os-shared-Button-loading";
+    readonly loadingSpinner: "os-shared-Button-loadingSpinner";
+};
+export type ButtonClassNames = (typeof buttonClassNames)[keyof typeof buttonClassNames];
+export declare const buttonSizeStyles: {
+    readonly sm: {
+        readonly height: 24;
+        readonly padding: "0 12px";
+        readonly fontSize: "10px";
+        readonly fontWeight: 600;
+    };
+    readonly md: {
+        readonly height: 32;
+        readonly padding: "0 24px";
+        readonly fontSize: "11px";
+        readonly fontWeight: 700;
+    };
+    readonly lg: {
+        readonly height: 40;
+        readonly padding: "0 32px";
+        readonly fontSize: "12px";
+        readonly fontWeight: 700;
+    };
+};
+export declare const buttonSpinnerSizeBySize: Record<ButtonSize, number>;

package/build/_v2/components/primitives/Button/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Button';
 export type { ButtonProps, ButtonVariant, ButtonSize } from './type';
+export { buttonClassNames } from './constants';
+export type { ButtonClassNames } from './constants';

package/build/_v2/components/primitives/Button/style.d.ts

@@ -1,25 +1,5 @@
 /// <reference types="react" />
 import type { ButtonSize, ButtonVariant } from './type';
-export declare const sizeStyles: {
-    readonly sm: {
-        readonly height: 24;
-        readonly padding: "0 12px";
-        readonly fontSize: "10px";
-        readonly fontWeight: 600;
-    };
-    readonly md: {
-        readonly height: 32;
-        readonly padding: "0 24px";
-        readonly fontSize: "11px";
-        readonly fontWeight: 700;
-    };
-    readonly lg: {
-        readonly height: 40;
-        readonly padding: "0 32px";
-        readonly fontSize: "12px";
-        readonly fontWeight: 700;
-    };
-};
 export declare const ButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/material/ButtonBase").ButtonBaseOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "disabled" | "classes" | "className" | "style" | "tabIndex" | "children" | "sx" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {

package/build/_v2/components/primitives/Checkbox/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const checkboxClassNamePrefix: "os-shared-Checkbox";
+export declare const checkboxClassNames: {
+    readonly root: "os-shared-Checkbox-root";
+    readonly control: "os-shared-Checkbox-control";
+    readonly label: "os-shared-Checkbox-label";
+};
+export type CheckboxClassNames = (typeof checkboxClassNames)[keyof typeof checkboxClassNames];

package/build/_v2/components/primitives/Checkbox/icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/** Filled blue box with white checkmark — checked state. */
+export declare const CheckboxCheckedIcon: import("react").JSX.Element;
+/** White box with grey border — unchecked state. */
+export declare const CheckboxEmptyIcon: import("react").JSX.Element;
+/** Grey box with horizontal dash — indeterminate state. */
+export declare const CheckboxIndeterminateIcon: import("react").JSX.Element;

package/build/_v2/components/primitives/Checkbox/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Checkbox';
 export type { CheckboxProps } from './type';
+export { checkboxClassNames } from './constants';
+export type { CheckboxClassNames } from './constants';

package/build/_v2/components/primitives/Chip/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const chipClassNamePrefix: "os-shared-Chip";
+export declare const chipClassNames: {
+    readonly root: "os-shared-Chip-root";
+    readonly text: "os-shared-Chip-text";
+    readonly copyButton: "os-shared-Chip-copyButton";
+    readonly icon: "os-shared-Chip-icon";
+};
+export type ChipClassNames = (typeof chipClassNames)[keyof typeof chipClassNames];
+export declare const chipCopyFeedbackMs = 2000;
+export declare const chipCopyIconSrc: string;
+export declare const chipCopiedIconSrc: string;

package/build/_v2/components/primitives/Chip/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Chip';
 export type { ChipProps, ChipVariant } from './type';
+export { chipClassNames } from './constants';
+export type { ChipClassNames } from './constants';

package/build/_v2/components/primitives/Chip/style.d.ts

@@ -12,3 +12,7 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
 export declare const ChipTextStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+/** Copy icon Part — owned by Chip so this primitive stays independent of `CopyButton`. */
+export declare const ChipCopyButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    $copied?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/_v2/components/primitives/Chip/type.d.ts

@@ -11,7 +11,7 @@ export interface ChipProps extends PropsWithChildren<Omit<BoxProps, 'variant'>>
     disabled?: boolean;
     /** Marks the chip as selected — shows a drop-shadow */
     isSelected?: boolean;
-    /** When set, renders a CopyButton that copies this string */
+    /** When set, renders a copy icon that copies this string to the clipboard */
     copyText?: string;
     /** Plain-text fallback when `children` is empty */
     unknownText?: string;

package/build/_v2/components/primitives/CircularProgress/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const circularProgressClassNamePrefix: "os-shared-CircularProgress";
+export declare const circularProgressClassNames: {
+    readonly root: "os-shared-CircularProgress-root";
+    readonly progress: "os-shared-CircularProgress-progress";
+    readonly labelOverlay: "os-shared-CircularProgress-labelOverlay";
+    readonly labelText: "os-shared-CircularProgress-labelText";
+};
+export type CircularProgressClassNames = (typeof circularProgressClassNames)[keyof typeof circularProgressClassNames];

package/build/_v2/components/primitives/CircularProgress/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './CircularProgress';
 export type { CircularProgressProps } from './type';
+export { circularProgressClassNames } from './constants';
+export type { CircularProgressClassNames } from './constants';

package/build/_v2/components/primitives/Collapse/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const collapseClassNamePrefix: "os-shared-Collapse";
+export declare const collapseClassNames: {
+    readonly root: "os-shared-Collapse-root";
+};
+export type CollapseClassNames = (typeof collapseClassNames)[keyof typeof collapseClassNames];
+export declare const collapseDefaultUnmountOnExit = true;
+export declare const collapseDefaultTimeoutMs = 300;

package/build/_v2/components/primitives/Collapse/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Collapse';
 export type { CollapseProps } from './type';
+export { collapseClassNames } from './constants';
+export type { CollapseClassNames } from './constants';

package/build/_v2/components/primitives/CopyButton/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const copyButtonClassNamePrefix: "os-shared-CopyButton";
+export declare const copyButtonClassNames: {
+    readonly root: "os-shared-CopyButton-root";
+};
+export type CopyButtonClassNames = (typeof copyButtonClassNames)[keyof typeof copyButtonClassNames];
+export declare const copyButtonDefaultFeedbackMs = 2000;
+export declare const copyButtonIconSrc: string;
+export declare const copyButtonCopiedIconSrc: string;

package/build/_v2/components/primitives/CopyButton/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './CopyButton';
 export type { CopyButtonProps } from './type';
+export { copyButtonClassNames } from './constants';
+export type { CopyButtonClassNames } from './constants';

package/build/_v2/components/primitives/Dialog/Dialog.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { DialogProps } from './type';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<DialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export default _default;

package/build/_v2/components/primitives/Dialog/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const dialogClassNamePrefix: "os-shared-Dialog";
+export declare const dialogClassNames: {
+    readonly root: "os-shared-Dialog-root";
+    readonly title: "os-shared-Dialog-title";
+    readonly content: "os-shared-Dialog-content";
+    readonly actions: "os-shared-Dialog-actions";
+};
+export type DialogClassNames = (typeof dialogClassNames)[keyof typeof dialogClassNames];

package/build/_v2/components/primitives/Dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Dialog';
+export type { DialogProps } from './type';
+export { dialogClassNames } from './constants';
+export type { DialogClassNames } from './constants';

package/build/{components/_v2 → _v2/components}/primitives/Dialog/style.d.ts

@@ -1,2 +1,2 @@
-export declare const StyledDialog: import("@emotion/styled").StyledComponent<import("@mui/material/Dialog").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<import("@mui/material/DialogContent").DialogContentProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const DialogStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Dialog").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const DialogContentStyled: import("@emotion/styled").StyledComponent<import("@mui/material/DialogContent").DialogContentProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/_v2/components/primitives/Dialog/type.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import type { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
+export interface DialogProps extends MuiDialogProps {
+    /** Dialog heading rendered in a DialogTitle */
+    heading?: ReactNode;
+    /** Rendered below the content area */
+    actions?: ReactNode;
+}

package/build/_v2/components/primitives/Divider/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const dividerClassNamePrefix: "os-shared-Divider";
+export declare const dividerClassNames: {
+    readonly root: "os-shared-Divider-root";
+};
+export type DividerClassNames = (typeof dividerClassNames)[keyof typeof dividerClassNames];

package/build/_v2/components/primitives/Divider/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Divider';
 export type { DividerProps } from './type';
+export { dividerClassNames } from './constants';
+export type { DividerClassNames } from './constants';

package/build/_v2/components/primitives/FieldFeedback/FieldFeedback.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { FieldFeedbackProps } from './type';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<FieldFeedbackProps & import("react").RefAttributes<HTMLDivElement>>>;
+export default _default;

package/build/_v2/components/primitives/FieldFeedback/constants.d.ts

@@ -0,0 +1,15 @@
+import type { FieldFeedbackType } from './type';
+export declare const fieldFeedbackClassNamePrefix: "os-shared-FieldFeedback";
+export declare const fieldFeedbackClassNames: {
+    readonly root: "os-shared-FieldFeedback-root";
+    readonly icon: "os-shared-FieldFeedback-icon";
+    readonly message: "os-shared-FieldFeedback-message";
+};
+export type FieldFeedbackClassNames = (typeof fieldFeedbackClassNames)[keyof typeof fieldFeedbackClassNames];
+export declare const fieldFeedbackIconSrc: {
+    readonly error: string;
+    readonly warning: string;
+    readonly success: string;
+    readonly info: string;
+};
+export declare function getFieldFeedbackIconSrc(type: FieldFeedbackType): string;

package/build/_v2/components/primitives/FieldFeedback/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './FieldFeedback';
+export type { FieldFeedbackProps, FieldFeedbackType } from './type';
+export { fieldFeedbackClassNames } from './constants';
+export type { FieldFeedbackClassNames } from './constants';

package/build/_v2/components/primitives/FieldFeedback/style.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type Theme } from '@mui/material/styles';
+import type { FieldFeedbackType } from './type';
+export declare const FieldFeedbackStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
+    $feedbackType: FieldFeedbackType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FieldFeedbackMessageStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme> & {
+    $feedbackType: FieldFeedbackType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/** Default type icon Part — styled shell; src from constants.ts. */
+export declare const FieldFeedbackIconStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/build/_v2/components/primitives/FieldFeedback/type.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material/styles';
+export type FieldFeedbackType = 'error' | 'warning' | 'success' | 'info';
+export interface FieldFeedbackProps {
+    /** Semantic type that controls the colour and default icon */
+    type?: FieldFeedbackType;
+    /** Text or node displayed next to the icon — renders nothing when empty */
+    message?: ReactNode;
+    /** Override the default type icon with a custom element */
+    icon?: ReactNode;
+    className?: string;
+    sx?: SxProps<Theme>;
+}

package/build/_v2/components/primitives/Icon/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const iconClassNamePrefix: "os-shared-Icon";
+export declare const iconClassNames: {
+    readonly root: "os-shared-Icon-root";
+};
+export type IconClassNames = (typeof iconClassNames)[keyof typeof iconClassNames];

package/build/_v2/components/primitives/Icon/index.d.ts

@@ -1,2 +1,4 @@
 export { default } from './Icon';
 export type { IconProps } from './type';
+export { iconClassNames } from './constants';
+export type { IconClassNames } from './constants';

package/build/_v2/components/primitives/Input/constants.d.ts

@@ -1,8 +1,18 @@
-/** Component identifier used for MUI styled `name` and stable slot class prefixes. */
-export declare const INPUT_COMPONENT_NAME: "Input";
-/** Stable slot class names for targeting Input internals from root `sx`. */
-export declare const INPUT_CLASSES: {
-    readonly root: "Input-root";
-    readonly input: "Input-input";
-    readonly label: "Input-label";
+export declare const inputClassNamePrefix: "os-shared-Input";
+export declare const inputClassNames: {
+    readonly root: "os-shared-Input-root";
+    readonly label: "os-shared-Input-label";
+    readonly input: "os-shared-Input-input";
 };
+export type InputClassNames = (typeof inputClassNames)[keyof typeof inputClassNames];
+/** Field height per `size`. A floating label always forces the taller box so label and value both fit. */
+export declare const inputFieldHeights: {
+    readonly sm: 28;
+    readonly md: 32;
+    readonly labelled: 40;
+};
+/** Keys a `type="number"` field accepts natively but that produce values we never want. */
+export declare const inputBlockedNumberKeys: readonly ["e", "E", "+", "-"];
+/** Printable characters a `type="number"` field may receive under the Safari guard. */
+export declare const inputNumericCharacterPattern: RegExp;
+export declare const inputIsSafari: boolean;

package/build/_v2/components/primitives/Input/index.d.ts

@@ -1,3 +1,4 @@
 export { default } from './Input';
-export { INPUT_CLASSES } from './constants';
-export type { InputProps } from './type';
+export type { InputProps, InputSize } from './type';
+export { inputClassNames } from './constants';
+export type { InputClassNames } from './constants';