xtreme-ui 0.0.130 → 0.0.132

package/dist/storybook/CNAME

@@ -0,0 +1 @@
+xtremeui.ritik.me

package/dist/storybook/assets/ActionCard-DHSVBAUN.css

@@ -0,0 +1 @@
+.xtrActionCard{--cardWidth: 164px;--cardHeight: 164px;--rippleColor: var(--colorBrandPrimary);--rippleShadowColor: var(--colorBackgroundTertiary);--cardBorderRadius: calc(min(var(--cardWidth), var(--cardHeight))*.1) ;position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--cardBorderRadius);background:var(--colorBackgroundSecondary);cursor:pointer}.xtrActionCard.miniSize{--rippleSize: 24px 12px}.xtrActionCard.smallSize{--rippleSize: 30px 15px}.xtrActionCard.mediumSize{--rippleSize: 48px 24px}

package/dist/storybook/assets/ActionCard-lZnNwSBW.js

@@ -0,0 +1 @@
+import{r as p,j as m}from"./iframe-Bs1JCCl_.js";import{c as u}from"./clsx-B-dksMZM.js";var r=(e=>(e[e.mini=100]="mini",e[e.default=164]="default",e[e.large=254]="large",e))(r||{});const s=p.forwardRef((e,l)=>{const{className:i,children:n,style:o={},size:a="default",onClick:d}=e,t=Array.isArray(a)?a:[r[a],r[a]],c=u("xtrActionCard","shadowRipple",`${a}Size`,i);return m.jsx("footer",{ref:l,className:c,style:{"--cardWidth":`${t[0]}px`,"--cardHeight":`${t[1]}px`,...o},onClick:d,children:n})});s.displayName="ActionCard";try{s.displayName="ActionCard",s.__docgenInfo={description:"",displayName:"ActionCard",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"TActionCardSize"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}}}catch{}export{s as A};

package/dist/storybook/assets/ActionCard.stories-gn5YZ3r9.js

@@ -0,0 +1,3 @@
+import{A as e}from"./ActionCard-lZnNwSBW.js";import"./iframe-Bs1JCCl_.js";import"./preload-helper-PPVm8Dsz.js";import"./clsx-B-dksMZM.js";const m={title:"Components/Action Card",component:e,tags:["autodocs"],argTypes:{className:{control:!1},size:{defaultValue:{summary:"default"}}},args:{size:"default"}},a={args:{}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {}
+}`,...a.parameters?.docs?.source}}};const c=["Default"];export{a as Default,c as __namedExportsOrder,m as default};

package/dist/storybook/assets/Avatar-DBQ2m7dF.css

@@ -0,0 +1 @@
+.xtrAvatar{--avatarSize: 64px;position:relative;width:var(--avatarSize);height:var(--avatarSize);display:flex;justify-content:center;align-items:center;cursor:pointer}.xtrAvatar:before{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(2px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/75%);transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar:after{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(4px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/100%);border-left-color:transparent;border-right-color:transparent;opacity:0;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar .placeholder{color:hsl(var(--colorBrandPrimary)/100%)}.xtrAvatar .image{--imageSize: calc(100% - (4px + var(--avatarSize) / 100));position:absolute;width:var(--imageSize);height:var(--imageSize);border-radius:50%;object-fit:cover;object-position:center;z-index:2;transition:all var(--animDurFast) var(--cubicBezierPrimary);animation:fadeIn .2s ease-out forwards}.xtrAvatar.loading:after{opacity:1;animation:avatarSpin 1s infinite linear}.xtrAvatar.error:before,.xtrAvatar.error:after{border-color:hsl(var(--colorAlertError))}.xtrAvatar.error .placeholder{color:hsl(var(--colorAlertError))}.xtrAvatar:hover:before,.xtrAvatar:hover:after{scale:1.1}.xtrAvatar:active:before,.xtrAvatar:active:after{scale:1}@keyframes avatarSpin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(360deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(720deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

package/dist/storybook/assets/Avatar-pkU8TWq6.js

@@ -0,0 +1 @@
+import{r as c,j as p,$ as S}from"./iframe-Bs1JCCl_.js";import{c as j}from"./clsx-B-dksMZM.js";const y={happy:["f118","e392","f580","f5b8","e409","e3a4","e39d","f5c2","e398","e396","f4da","e391","e390","e38f","e38d","e389","e383","f59c","f59b","f59a","f599","f598","e37d","f597","f596","e379","f58c","f581","f58b","f58a","f589","f588","f587","f586","f585","f584","f583","f582","e377","f579","e2fe","e372","e36e","e47c","e36b","e368","f2fe"]},M=async a=>new Promise((t,s)=>{fetch(a).then(e=>(e.ok||s(e.status),e.blob())).then(e=>t(URL.createObjectURL(e)))}),V=async a=>new Promise((t,s)=>{const e=new FileReader;e.onloadend=()=>{const r=e?.result?.toString();r?t(r):s()},e.onerror=s,e.readAsDataURL(a)}),x=a=>new Promise((t,s)=>{const e=new Image;e.addEventListener("load",()=>t(e)),e.addEventListener("error",r=>s(r)),e.src=a}),A=a=>a*Math.PI/180,k=async a=>new Promise(t=>{x(a).then(s=>{t({width:s.width,height:s.height})})}),z=async(a,t,s=0)=>{if(!a||!t)return null;const e=await x(a);return new Promise(r=>{const o=document.createElement("canvas"),i=o.getContext("2d");if(!i)return null;const n=2*(Math.max(e.width,e.height)/2*Math.sqrt(2));o.width=n,o.height=n,i.translate(n/2,n/2),i.rotate(A(s)),i.translate(-n/2,-n/2),i.drawImage(e,n/2-e.width*.5,n/2-e.height*.5);const u=i.getImageData(0,0,n,n);o.width=t.width,o.height=t.height,i.putImageData(u,Math.round(0-n/2+e.width*.5-t.x),Math.round(0-n/2+e.height*.5-t.y)),o.toBlob(m=>r({blob:m??void 0,base64:o.toDataURL("image/jpeg")}),"image/jpeg")})};var v=(a=>(a[a.mini=64]="mini",a[a.default=96]="default",a[a.large=128]="large",a))(v||{});const I=c.forwardRef((a,t)=>{const{className:s,src:e,file:r,alt:o,placeholderIcon:i,size:f="default",onClick:n}=a,[u,m]=c.useState(),[N,L]=c.useState(y.happy[0]),[R,d]=c.useState(!!e||!!r),[w,h]=c.useState(!1),b=typeof f=="number"?f:v[f],_={"--iconSize":`${8+b/4}px`},q=j("xtrAvatar",s,R&&"loading",w&&"error"),g=l=>{l&&setTimeout(()=>m(l),300),setTimeout(()=>d(!1),1e3)};return c.useEffect(()=>{L(y.happy[Math.floor(Math.random()*y.happy.length)]);try{r?(d(!0),h(!1),V(r).then(l=>g(l)).catch(l=>{console.log(l),d(!1),h(!0)})):e?(d(!0),h(!1),M(e).then(l=>g(l)).catch(l=>{console.log(l,e),d(!1),h(!0)})):(m(void 0),g())}catch{g()}},[e,r]),p.jsx("div",{ref:t,className:q,style:{"--avatarSize":`${b}px`},onClick:n,role:"img",children:u?p.jsx("img",{className:"image",src:u,alt:o}):p.jsx(S,{className:"placeholder",type:"solid",style:_,code:w?"e1b7":i??N})})});I.displayName="Avatar";try{I.displayName="Avatar",I.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}},file:{defaultValue:null,description:"",name:"file",required:!1,type:{name:"Blob"}},alt:{defaultValue:null,description:"",name:"alt",required:!1,type:{name:"string"}},placeholderIcon:{defaultValue:null,description:"",name:"placeholderIcon",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'number | "mini" | "default" | "large"'}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}}}catch{}export{I as A,z as a,k as g,V as r};

package/dist/storybook/assets/Avatar.stories-Dv6yv_zC.js

@@ -0,0 +1,6 @@
+import{A as a}from"./Avatar-pkU8TWq6.js";import"./iframe-Bs1JCCl_.js";import"./preload-helper-PPVm8Dsz.js";import"./clsx-B-dksMZM.js";const n={title:"Components/Avatar",component:a,tags:["autodocs"],argTypes:{className:{control:!1},size:{control:{type:"range",min:32,max:512,step:16},defaultValue:{summary:64}}},args:{size:64}},t={args:{src:"https://avatars.githubusercontent.com/u/24320496?v=4",size:256}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    src: "https://avatars.githubusercontent.com/u/24320496?v=4",
+    size: 256
+  }
+}`,...t.parameters?.docs?.source}}};const c=["Default"];export{t as Default,c as __namedExportsOrder,n as default};

package/dist/storybook/assets/Button-BV0Y9Gxw.css

@@ -0,0 +1 @@
+.xtrButton{--themeColor: var(--colorBrandPrimary);--rippleColor: var(--themeColor);--rippleShadowColor: var(--themeColor);position:relative;display:flex;justify-content:center;align-items:center;border:none;border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none}.xtrButton .label{margin:0;text-transform:uppercase;z-index:1;color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .icon{color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .underline{position:absolute;width:100%;left:0;bottom:0}.xtrButton .underline>span{width:20%!important}.xtrButton:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:inherit;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton.primaryType,.xtrButton.primaryDangerType{background:hsl(var(--themeColor));color:#fff}.xtrButton.secondaryType,.xtrButton.secondaryDangerType{background:var(--colorBackgroundSecondary);color:var(--colorContentPrimary)}.xtrButton.linkType,.xtrButton.linkDangerType{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}.xtrButton.linkType .label,.xtrButton.linkDangerType .label{letter-spacing:unset;text-transform:unset}.xtrButton.linkType:before,.xtrButton.linkDangerType:before{display:none}.xtrButton.linkType:hover,.xtrButton.linkDangerType:hover{color:hsl(var(--themeColor))}.xtrButton.linkType:hover .label,.xtrButton.linkDangerType:hover .label{filter:contrast(.8) brightness(1.2)}.xtrButton.linkType:active .label,.xtrButton.linkDangerType:active .label{filter:contrast(1.2) brightness(.8)}.xtrButton.primaryDangerType,.xtrButton.secondaryDangerType,.xtrButton.linkDangerType{--themeColor: var(--colorAlertError)}.xtrButton.primaryDangerType .underline span,.xtrButton.secondaryDangerType .underline span,.xtrButton.linkDangerType .underline span{background:hsl(var(--themeColor))}.xtrButton.miniSize{--rippleSize: 24px 12px;line-height:16px;padding:8px 16px;gap:8px}.xtrButton.miniSize .label{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}.xtrButton.miniSize.iconOnly{padding:0}.xtrButton.miniSize.iconOnly .icon{width:32px;height:32px}.xtrButton.defaultSize{--rippleSize: 30px 15px;line-height:18px;padding:10px 20px;gap:10px}.xtrButton.defaultSize .label{font-size:14px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}.xtrButton.defaultSize.iconOnly{padding:0}.xtrButton.defaultSize.iconOnly .icon{width:44px;height:44px}.xtrButton.largeSize{--rippleSize: 48px 24px;line-height:28px;padding:16px 32px;gap:14px}.xtrButton.largeSize .label{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}.xtrButton.largeSize.iconOnly{padding:0}.xtrButton.largeSize.iconOnly .icon{width:60px;height:60px}.xtrButton:hover{color:#fff}.xtrButton:hover .underline span{width:100%!important}.xtrButton:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}.xtrButton.loading{--loaderColor: hsl(var(--themeColor));pointer-events:none;overflow:hidden;background:hsl(var(--themeColor)/80%)}.xtrButton.loading.secondaryType,.xtrButton.loading.secondaryDangerType{--loaderColor: var(--colorBackgroundTertiary);background:var(--colorBackgroundSecondary)}.xtrButton.loading.linkType,.xtrButton.loading.linkDangerType{background:none}.xtrButton.loading.linkType .underline>span,.xtrButton.loading.linkDangerType .underline>span{width:150%!important}.xtrButton.loading.linkType:after,.xtrButton.loading.linkDangerType:after{display:none}.xtrButton.loading:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:barberPole .25s infinite linear}.xtrButton.loading.iconOnly{background:transparent;overflow:unset}.xtrButton.loading.iconOnly.secondaryType,.xtrButton.loading.iconOnly.secondaryDangerType{color:#fff}.xtrButton.loading.iconOnly:before{clip-path:circle(45% at 50% 50%);opacity:1}.xtrButton.loading.iconOnly:after{width:100%;background:none;border:2px solid hsl(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:loader .25s infinite linear}.xtrButton:disabled{background:hsl(var(--themeColor)/20%);color:hsl(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}.xtrButton:disabled.secondaryType,.xtrButton:disabled.secondaryDangerType{background:hsl(var(--themeColor)/5%)}.xtrButton:disabled.linkType{background:none}.xtrButton:disabled.linkType .underline:before{width:0%}.xtrButton:disabled.linkType .underline span{width:0%}@keyframes barberPole{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(180deg)}}

package/dist/storybook/assets/Button-DtgiB0iV.js

@@ -0,0 +1 @@
+import{r as x,j as l,$ as N}from"./iframe-Bs1JCCl_.js";import{c as q}from"./clsx-B-dksMZM.js";import{P as V}from"./ProgressBar-lBkzf765.js";var d=(e=>(e.primary="primary",e.primaryDanger="primaryDanger",e.secondary="secondary",e.secondaryDanger="secondaryDanger",e.link="link",e.linkDanger="linkDanger",e))(d||{});const b={mini:{"--iconSize":"12px"},default:{"--iconSize":"14px"},large:{"--iconSize":"22px"}},i=x.forwardRef((e,c)=>{const{className:m,style:p={},label:a,type:r="primary",size:s="default",disabled:f=!1,loading:t=!1,icon:n,iconType:y,iconPosition:u="left",onClick:g}=e,o=n?l.jsx(N,{className:"icon",code:n,type:y,style:b[s]}):null,v=q("xtrButton","shadowRipple",`${r}Type`,`${s}Size`,!a&&"iconOnly",t&&"loading",m);return!a&&!n?null:l.jsxs("button",{ref:c,className:v,style:p,onClick:g,disabled:f,children:[r.includes(d.link)&&l.jsx(V,{className:"underline",intermediate:t}),u==="left"&&o,a&&l.jsx("span",{className:"label",children:a}),u==="right"&&o]})});i.displayName="Button";try{i.displayName="Button",i.__docgenInfo={description:"",displayName:"Button",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"primary"'},{value:'"primaryDanger"'},{value:'"secondary"'},{value:'"secondaryDanger"'},{value:'"linkDanger"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"mini"'},{value:'"default"'},{value:'"large"'}]}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},iconType:{defaultValue:null,description:"",name:"iconType",required:!1,type:{name:"enum",value:[{value:'"thin"'},{value:'"light"'},{value:'"regular"'},{value:'"solid"'}]}},iconPosition:{defaultValue:null,description:"",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}}}catch{}export{i as B};

package/dist/storybook/assets/Button.stories-BBnKxT9_.js

@@ -0,0 +1,134 @@
+import{B as S}from"./Button-DtgiB0iV.js";import"./iframe-Bs1JCCl_.js";import"./preload-helper-PPVm8Dsz.js";import"./clsx-B-dksMZM.js";import"./ProgressBar-lBkzf765.js";const L={title:"Components/Button",component:S,tags:["autodocs"],argTypes:{className:{control:!1},onClick:{control:!1},size:{defaultValue:{summary:"default"}},iconPosition:{defaultValue:{summary:"left"}},iconType:{defaultValue:{summary:"light"}}},args:{disabled:!1,loading:!1,iconPosition:"left"}},e={args:{type:"primary",label:"Submit",size:"default"}},a={args:{type:"primary",label:"Download",size:"default",icon:"f33d"}},r={args:{type:"primary",size:"default",label:"Send",icon:"e20a",iconType:"solid",disabled:!0}},n={args:{type:"primary",size:"default",icon:"f0ee",label:"Upload",loading:!0}},s={args:{type:"primary",size:"default",icon:"f013"}},o={args:{type:"primary",size:"default",icon:"f07a",disabled:!0}},t={args:{type:"primary",size:"default",icon:"f011",loading:!0}},c={args:{type:"primaryDanger",label:"Delete",size:"default",icon:"f2ed",iconType:"solid"}},i={args:{type:"secondary",label:"Cancel",size:"default"}},d={args:{type:"secondary",label:"Add to Favorites",size:"default",icon:"f005"}},l={args:{type:"secondary",size:"default",label:"Report",icon:"f188",disabled:!0}},p={args:{type:"secondary",size:"default",label:"Extract",icon:"f1c6",loading:!0}},u={args:{type:"secondary",size:"default",icon:"f075"}},m={args:{type:"secondary",size:"default",icon:"f084",disabled:!0}},y={args:{type:"secondary",size:"default",icon:"f021",loading:!0}},g={args:{type:"secondaryDanger",label:"Block",size:"default",icon:"f05e"}},f={args:{type:"link",label:"Click here",size:"default"}},b={args:{type:"link",label:"hi@ritik.me",size:"default",icon:"f0e0"}},z={args:{type:"linkDanger",label:"Remove post",size:"default"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    label: "Submit",
+    size: "default"
+  }
+}`,...e.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    label: "Download",
+    size: "default",
+    icon: "f33d"
+  }
+}`,...a.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    label: "Send",
+    icon: "e20a",
+    iconType: "solid",
+    disabled: true
+  }
+}`,...r.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    icon: "f0ee",
+    label: "Upload",
+    loading: true
+  }
+}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    icon: "f013"
+  }
+}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    icon: "f07a",
+    disabled: true
+  }
+}`,...o.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    icon: "f011",
+    loading: true
+  }
+}`,...t.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primaryDanger",
+    label: "Delete",
+    size: "default",
+    icon: "f2ed",
+    iconType: "solid"
+  }
+}`,...c.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    label: "Cancel",
+    size: "default"
+  }
+}`,...i.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    label: "Add to Favorites",
+    size: "default",
+    icon: "f005"
+  }
+}`,...d.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    label: "Report",
+    icon: "f188",
+    disabled: true
+  }
+}`,...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    label: "Extract",
+    icon: "f1c6",
+    loading: true
+  }
+}`,...p.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    icon: "f075"
+  }
+}`,...u.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    icon: "f084",
+    disabled: true
+  }
+}`,...m.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    icon: "f021",
+    loading: true
+  }
+}`,...y.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondaryDanger",
+    label: "Block",
+    size: "default",
+    icon: "f05e"
+  }
+}`,...g.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "link",
+    label: "Click here",
+    size: "default"
+  }
+}`,...f.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "link",
+    label: "hi@ritik.me",
+    size: "default",
+    icon: "f0e0"
+  }
+}`,...b.parameters?.docs?.source}}};z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "linkDanger",
+    label: "Remove post",
+    size: "default"
+  }
+}`,...z.parameters?.docs?.source}}};const h=["Primary","PrimaryWithIcon","PrimaryDisabled","PrimaryLoading","PrimaryIconButton","PrimaryIconButtonDisabled","PrimaryIconButtonLoading","PrimaryDanger","Secondary","SecondaryWithIcon","SecondaryDisabled","SecondaryLoading","SecondaryIconButton","SecondaryIconButtonDisabled","SecondaryIconButtonLoading","SecondaryDanger","Link","LinkWithIcon","LinkDanger"];export{f as Link,z as LinkDanger,b as LinkWithIcon,e as Primary,c as PrimaryDanger,r as PrimaryDisabled,s as PrimaryIconButton,o as PrimaryIconButtonDisabled,t as PrimaryIconButtonLoading,n as PrimaryLoading,a as PrimaryWithIcon,i as Secondary,g as SecondaryDanger,l as SecondaryDisabled,u as SecondaryIconButton,m as SecondaryIconButtonDisabled,y as SecondaryIconButtonLoading,p as SecondaryLoading,d as SecondaryWithIcon,h as __namedExportsOrder,L as default};

package/dist/storybook/assets/Color-6BZIO3FS-DvZmtJF1.js

@@ -0,0 +1 @@
+import{g as ce,P as he,M as de,s as M,F as fe,B as U}from"./blocks-BwzocMgO.js";import{r as y,R as v,_ as ge,a as P}from"./iframe-Bs1JCCl_.js";import"./preload-helper-PPVm8Dsz.js";import"./index-D6TeWFQx.js";import"./index-CR_97Mx1.js";var be=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]}}}),Y=P({"../../../node_modules/color-convert/conversions.js"(r,o){var s=be(),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(w){return(b-w)/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]}}}),ve=P({"../../../node_modules/color-convert/route.js"(r,o){var s=Y();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}}}),me=P({"../../../node_modules/color-convert/index.js"(r,o){var s=Y(),h=ve(),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}}),_=ge(me());function pe(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?.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?.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},T=function(r){return r&&r.ownerDocument.defaultView||self},G=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+T(r).pageXOffset))/h.width),top:O((u.pageY-(h.top+T(r).pageYOffset))/h.height)}},A=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){A(p),(S(p)?p.touches.length>0:p.buttons>0)&&u.current?f(G(u.current,p,n.current)):b(!1)},g=function(){return b(!1)};function b(p){var m=t.current,w=T(u.current),E=p?w.addEventListener:w.removeEventListener;E(m?"touchmove":"mousemove",d),E(m?"touchend":"mouseup",g)}return[function(p){var m=p.nativeEvent,w=u.current;if(w&&(A(m),!(function(k,R){return R&&!S(k)})(m,t.current)&&w)){if(S(m)){t.current=!0;var E=m.changedTouches||[];E.length&&(n.current=E[0].identifier)}w.focus(),f(G(w,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}}))},x=function(r,o,s){return o===void 0&&(o=0),s===void 0&&(s=Math.pow(10,o)),Math.round(s*r)/s},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(r){return Z(B(r))},B=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?x(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?x(parseInt(r.substring(6,8),16)/255,2):1}},we=function(r,o){return o===void 0&&(o="deg"),Number(r)*(ye[o]||1)},ke=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?_e({h:we(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}},_e=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}},Ee=function(r){return Ce(Q(r))},J=function(r){var o=r.s,s=r.v,h=r.a,u=(200-o)*s/100;return{h:x(r.h),s:x(u>0&&u<200?o*s/100/(u<=100?u:200-u)*100:0),l:x(u/2),a:x(h,2)}},K=function(r){var o=J(r);return"hsl("+o.h+", "+o.s+"%, "+o.l+"%)"},H=function(r){var o=J(r);return"hsla("+o.h+", "+o.s+"%, "+o.l+"%, "+o.a+")"},Q=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:x(255*[h,n,e,e,t,h][a]),g:x(255*[t,h,h,n,e,e][a]),b:x(255*[e,e,t,h,h,n][a]),a:x(u,2)}},Me=function(r){var o=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return o?Z({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},Ce=function(r){var o=r.r,s=r.g,h=r.b,u=r.a,f=u<1?j(x(255*u)):"";return"#"+j(o)+j(s)+j(h)+f},Z=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:x(60*(n<0?n+6:n)),s:x(f?e/f*100:0),v:x(f/255*100),a:u}},ee=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":x(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})})))}),re=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 "+x(o.s)+"%, Brightness "+x(o.v)+"%"},v.createElement(D,{className:"react-colorful__saturation-pointer",top:1-o.v/100,left:o.s/100,color:K(o)})))}),te=function(r,o){if(r===o)return!0;for(var s in r)if(r[s]!==o[s])return!1;return!0},ne=function(r,o){return r.replace(/\s/g,"")===o.replace(/\s/g,"")},$e=function(r,o){return r.toLowerCase()===o.toLowerCase()||te(B(r),B(o))};function ae(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;te(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 Oe=typeof window<"u"?y.useLayoutEffect:y.useEffect,Se=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},W=new Map,le=function(r){Oe(function(){var o=r.current?r.current.ownerDocument:document;if(o!==void 0&&!W.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}`,W.set(o,s);var h=Se();h&&s.setAttribute("nonce",h),o.head.appendChild(s)}},[])},Ne=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);le(n);var t=ae(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(re,{hsva:a,onChange:l}),v.createElement(ee,{hue:a.h,onChange:l,className:"react-colorful__last-control"}))},Re={defaultColor:"000",toHsva:xe,fromHsva:function(r){return Ee({h:r.h,s:r.s,v:r.v,a:1})},equal:$e},je=function(r){return v.createElement(Ne,C({},r,{colorModel:Re}))},ze=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=x(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)})))},oe=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);le(n);var t=ae(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(re,{hsva:a,onChange:l}),v.createElement(ee,{hue:a.h,onChange:l}),v.createElement(ze,{hsva:a,onChange:l,className:"react-colorful__last-control"}))},He={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:H,equal:ne},Ie=function(r){return v.createElement(oe,C({},r,{colorModel:He}))},Pe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(r){var o=Q(r);return"rgba("+o.r+", "+o.g+", "+o.b+", "+o.a+")"},equal:ne},qe=function(r){return v.createElement(oe,C({},r,{colorModel:Pe}))},Le=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"}}),Be=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ke=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>')`,ue=M(U)(({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}), ${Ke(s.base==="dark")}`}})),Ve=M(fe.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"}})),Xe=M(ue)(({disabled:r})=>({position:"absolute",top:4,left:4,zIndex:1,cursor:r?"not-allowed":"pointer"})),Fe=M(U)(({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})),ie=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(ie||{}),q=Object.values(ie),De=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ge=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ae=/^\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,We=/^\s*#?([0-9a-f]{3})\s*$/i,Ue={hex:je,rgb:qe,hsl:Ie},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},se=r=>{let o=r?.match(De);if(!o)return[0,0,0,1];let[,s,h,u,f=1]=o;return[s,h,u,f].map(Number)},Ye=r=>{let[o,s,h,u]=se(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()}`}},Je=r=>{let[o,s,h,u]=se(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()}`}},Qe=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 Ge.test(r)?Ye(r):Ae.test(r)?Je(r):Qe(r)},Ze=(r,o,s)=>{if(!r||!o?.valid)return z[s];if(s!=="hex")return o?.[s]||z[s];if(!o.hex.startsWith("#"))try{return`#${_.default.keyword.hex(o.hex)}`}catch{return z.hex}let h=o.hex.match(We);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}`},er=(r,o)=>{let[s,h]=y.useState(r||""),[u,f]=y.useState(()=>$(s)),[e,n]=y.useState(u?.colorSpace||"hex");y.useEffect(()=>{let i=r||"",c=$(i);h(i),f(c),n(c?.colorSpace||"hex")},[r]);let t=y.useMemo(()=>Ze(s,u,e).toLowerCase(),[s,u,e]),a=y.useCallback(i=>{let c=$(i),d=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?.[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(),rr=(r,o,s)=>{let[h,u]=y.useState(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?.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}},tr=({name:r,value:o,onChange:s,onFocus:h,onBlur:u,presetColors:f,startOpen:e=!1,argType:n})=>{let t=y.useCallback(pe(s,200),[s]),{value:a,realValue:l,updateValue:i,color:c,colorSpace:d,cycleColorSpace:g}=er(o,t),{presets:b,addPreset:p}=rr(f??[],c,d),m=Ue[d],w=!!n?.table?.readonly,E=ce(r);return v.createElement(Le,null,v.createElement("label",{htmlFor:E,className:"sb-sr-only"},r),v.createElement(Ve,{id:E,value:a,onChange:k=>i(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),v.createElement(he,{defaultVisible:e,visible:w?!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(Be,null,b.map((k,R)=>v.createElement(ue,{key:`${k?.value||R}-${R}`,variant:"ghost",padding:"small",size:"small",ariaLabel:"Pick this color",tooltip:k?.keyword||k?.value||"",value:k?.value||"",selected:!!(c&&k&&k[d]&&I(k[d]||"")===I(c[d])),onClick:()=>k&&i(k.value||"")}))))},v.createElement(Xe,{variant:"ghost",padding:"small",size:"small",ariaLabel:"Open color picker",value:l,style:{margin:4},disabled:w})),a?v.createElement(Fe,{variant:"ghost",padding:"small",size:"small",ariaLabel:"Cycle through color spaces",disabled:w,onClick:w?void 0:g},v.createElement(de,null)):null)},ir=tr;export{tr as ColorControl,ir as default};

package/dist/storybook/assets/ColorPicker-Bk2Vaegn.css

@@ -0,0 +1 @@
+.xtrColorPicker{display:flex;flex-direction:column}.xtrColorPicker .wheel{cursor:crosshair;margin-bottom:24px}.xtrColorPicker .shade,.xtrColorPicker .alpha{height:5px!important;border-radius:9999px!important}.xtrColorPicker .shade div:first-child,.xtrColorPicker .alpha div:first-child{border-radius:9999px!important}.xtrColorPicker .shade div:last-child,.xtrColorPicker .alpha div:last-child{display:flex;align-items:center}.xtrColorPicker .shade{margin-bottom:16px}

package/dist/storybook/assets/ColorPicker-CE8KB-zL.js

@@ -0,0 +1 @@
+import{r as b,R as S,j as f}from"./iframe-Bs1JCCl_.js";import{_ as d,a as D}from"./objectWithoutPropertiesLoose-DXv8YDMk.js";import{c as ne}from"./clsx-B-dksMZM.js";var M=255,k=100,le=e=>{var{r:a,g:r,b:t,a:n}=e,o=Math.max(a,r,t),l=o-Math.min(a,r,t),s=l?o===a?(r-t)/l:o===r?2+(t-a)/l:4+(a-r)/l:0;return{h:60*(s<0?s+6:s),s:o?l/o*k:0,v:o/M*k,a:n}},V=e=>{var{h:a,s:r,l:t,a:n}=q(e);return"hsla("+a+", "+r+"%, "+t+"%, "+n+")"},q=e=>{var{h:a,s:r,v:t,a:n}=e,o=(200-r)*t/k;return{h:a,s:o>0&&o<200?r*t/k/(o<=k?o:200-o)*k:0,l:o/2,a:n}},U=e=>{var{r:a,g:r,b:t}=e,n=a<<16|r<<8|t;return"#"+(o=>new Array(7-o.length).join("0")+o)(n.toString(16))},se=e=>{var{r:a,g:r,b:t,a:n}=e,o=typeof n=="number"&&(n*255|256).toString(16).slice(1);return""+U({r:a,g:r,b:t})+(o||"")},K=e=>le(ie(e)),ie=e=>{var a=e.replace("#","");/^#?/.test(e)&&a.length===3&&(e="#"+a.charAt(0)+a.charAt(0)+a.charAt(1)+a.charAt(1)+a.charAt(2)+a.charAt(2));var r=new RegExp("[A-Za-z0-9]{2}","g"),[t,n,o=0,l]=e.match(r).map(s=>parseInt(s,16));return{r:t,g:n,b:o,a:(l??255)/M}},$=e=>{var{h:a,s:r,v:t,a:n}=e,o=a/60,l=r/k,s=t/k,i=Math.floor(o)%6,h=o-Math.floor(o),u=M*s*(1-l),w=M*s*(1-l*h),v=M*s*(1-l*(1-h));s*=M;var c={};switch(i){case 0:c.r=s,c.g=v,c.b=u;break;case 1:c.r=w,c.g=s,c.b=u;break;case 2:c.r=u,c.g=s,c.b=v;break;case 3:c.r=u,c.g=w,c.b=s;break;case 4:c.r=v,c.g=u,c.b=s;break;case 5:c.r=s,c.g=u,c.b=w;break}return c.r=Math.round(c.r),c.g=Math.round(c.g),c.b=Math.round(c.b),d({},c,{a:n})},ce=e=>{var{r:a,g:r,b:t}=e;return{r:a,g:r,b:t}},ve=e=>{var{h:a,s:r,l:t}=e;return{h:a,s:r,l:t}},Z=e=>U($(e)),he=e=>{var{h:a,s:r,v:t}=e;return{h:a,s:r,v:t}},de=e=>{var{r:a,g:r,b:t}=e,n=function(u){return u<=.04045?u/12.92:Math.pow((u+.055)/1.055,2.4)},o=n(a/255),l=n(r/255),s=n(t/255),i={};return i.x=o*.4124+l*.3576+s*.1805,i.y=o*.2126+l*.7152+s*.0722,i.bri=o*.0193+l*.1192+s*.9505,i},ue=e=>{var a,r,t,n,o,l,s,i,h;return typeof e=="string"&&Q(e)?(l=K(e),i=e):typeof e!="string"&&(l=e),l&&(t=he(l),o=q(l),n=$(l),h=se(n),i=Z(l),r=ve(o),a=ce(n),s=de(a)),{rgb:a,hsl:r,hsv:t,rgba:n,hsla:o,hsva:l,hex:i,hexa:h,xy:s}},Q=e=>/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function Y(e){var a=b.useRef(e);return b.useEffect(()=>{a.current=e}),b.useCallback((r,t)=>a.current&&a.current(r,t),[])}var _=e=>"touches"in e,X=e=>{!_(e)&&e.preventDefault&&e.preventDefault()},L=function(a,r,t){return r===void 0&&(r=0),t===void 0&&(t=1),a>t?t:a<r?r:a},G=(e,a)=>{var r=e.getBoundingClientRect(),t=_(a)?a.touches[0]:a;return{left:L((t.pageX-(r.left+window.pageXOffset))/r.width),top:L((t.pageY-(r.top+window.pageYOffset))/r.height),width:r.width,height:r.height,x:t.pageX-(r.left+window.pageXOffset),y:t.pageY-(r.top+window.pageYOffset)}},pe=["prefixCls","className","onMove","onDown"],z=S.forwardRef((e,a)=>{var{prefixCls:r="w-color-interactive",className:t,onMove:n,onDown:o}=e,l=D(e,pe),s=b.useRef(null),i=b.useRef(!1),[h,u]=b.useState(!1),w=Y(n),v=Y(o),c=p=>i.current&&!_(p)?!1:(i.current=_(p),!0),x=b.useCallback(p=>{if(X(p),!!s.current){var y=_(p)?p.touches.length>0:p.buttons>0;if(!y){u(!1);return}w?.(G(s.current,p),p)}},[w]),g=b.useCallback(()=>u(!1),[]),N=b.useCallback(p=>{p?(window.addEventListener(i.current?"touchmove":"mousemove",x),window.addEventListener(i.current?"touchend":"mouseup",g)):(window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",g),window.removeEventListener("touchmove",x),window.removeEventListener("touchend",g))},[x,g]);b.useEffect(()=>(N(h),()=>{N(!1)}),[h,x,g,N]);var C=b.useCallback(p=>{var y=document.activeElement;y?.blur(),X(p.nativeEvent),c(p.nativeEvent)&&s.current&&(v?.(G(s.current,p.nativeEvent),p.nativeEvent),u(!0))},[v]);return f.jsx("div",d({},l,{className:[r,t||""].filter(Boolean).join(" "),style:d({},l.style,{touchAction:"none"}),ref:s,tabIndex:0,onMouseDown:C,onTouchStart:C}))});z.displayName="Interactive";var fe=["className","prefixCls","left","top","style","fillProps"],ge=e=>{var{className:a,prefixCls:r,left:t,top:n,style:o,fillProps:l}=e,s=D(e,fe),i=d({},o,{position:"absolute",left:t,top:n}),h=d({width:18,height:18,boxShadow:"var(--alpha-pointer-box-shadow)",borderRadius:"50%",backgroundColor:"var(--alpha-pointer-background-color)"},l?.style,{transform:t?"translate(-9px, -1px)":"translate(-1px, -9px)"});return f.jsx("div",d({className:r+"-pointer "+(a||""),style:i},s,{children:f.jsx("div",d({className:r+"-fill"},l,{style:h}))}))},be=["prefixCls","className","hsva","background","bgProps","innerProps","pointerProps","radius","width","height","direction","style","onChange","pointer"],xe="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==",B=S.forwardRef((e,a)=>{var{prefixCls:r="w-color-alpha",className:t,hsva:n,background:o,bgProps:l={},innerProps:s={},pointerProps:i={},radius:h=0,width:u,height:w=16,direction:v="horizontal",style:c,onChange:x,pointer:g}=e,N=D(e,be),C=m=>{x&&x(d({},n,{a:v==="horizontal"?m.left:m.top}),m)},p=V(Object.assign({},n,{a:1})),y="linear-gradient(to "+(v==="horizontal"?"right":"bottom")+", rgba(244, 67, 54, 0) 0%, "+p+" 100%)",R={};v==="horizontal"?R.left=n.a*100+"%":R.top=n.a*100+"%";var H=d({"--alpha-background-color":"#fff","--alpha-pointer-background-color":"rgb(248, 248, 248)","--alpha-pointer-box-shadow":"rgb(0 0 0 / 37%) 0px 1px 4px 0px",borderRadius:h,background:"url("+xe+") left center",backgroundColor:"var(--alpha-background-color)"},{width:u,height:w},c,{position:"relative"}),j=b.useCallback(m=>{var T=.01,E=n.a,A=E;switch(m.key){case"ArrowLeft":v==="horizontal"&&(A=Math.max(0,E-T),m.preventDefault());break;case"ArrowRight":v==="horizontal"&&(A=Math.min(1,E+T),m.preventDefault());break;case"ArrowUp":v==="vertical"&&(A=Math.max(0,E-T),m.preventDefault());break;case"ArrowDown":v==="vertical"&&(A=Math.min(1,E+T),m.preventDefault());break;default:return}if(A!==E){var oe={left:v==="horizontal"?A:n.a,top:v==="vertical"?A:n.a,width:0,height:0,x:0,y:0};x&&x(d({},n,{a:A}),oe)}},[n,v,x]),W=b.useCallback(m=>{m.target.focus()},[]),P=g&&typeof g=="function"?g(d({prefixCls:r},i,R)):f.jsx(ge,d({},i,{prefixCls:r},R));return f.jsxs("div",d({},N,{className:[r,r+"-"+v,t||""].filter(Boolean).join(" "),style:H,ref:a,children:[f.jsx("div",d({},l,{style:d({inset:0,position:"absolute",background:o||y,borderRadius:h},l.style)})),f.jsx(z,d({},s,{style:d({},s.style,{inset:0,zIndex:1,position:"absolute",outline:"none"}),onMove:C,onDown:C,onClick:W,onKeyDown:j,children:P}))]}))});B.displayName="Alpha";var me=["prefixCls","className","onChange","direction","hsva"],F=S.forwardRef((e,a)=>{var{prefixCls:r="w-color-saturation",className:t,onChange:n,direction:o="horizontal",hsva:l}=e,s=D(e,me),i=V(d({},l,{a:1,v:100}));return f.jsx(B,d({ref:a},s,{className:r+" "+(t||""),hsva:{h:l.h,s:l.s,v:l.v,a:1-l.v/100},direction:o,background:"linear-gradient(to "+(o==="horizontal"?"right":"bottom")+", "+i+", rgb(0, 0, 0))",onChange:(h,u)=>{n&&n({v:o==="horizontal"?100-u.left*100:100-u.top*100})}}))});F.displayName="ShadeSlider";var we="rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px",ye=e=>{var{className:a,color:r,left:t,top:n,style:o,prefixCls:l}=e,s=d({},o,{position:"absolute",top:n,left:t}),i=l+"-pointer "+(a||"");return f.jsx("div",{className:i,style:s,children:f.jsx("div",{className:l+"-fill",style:{width:10,height:10,transform:"translate(-5px, -5px)",boxShadow:we,borderRadius:"50%",backgroundColor:"#fff"},children:f.jsx("div",{style:{inset:0,borderRadius:"50%",position:"absolute",backgroundColor:r}})})})},J=Math.PI*2,Ce=(e,a)=>(e%a+a)%a,Ae=(e,a)=>Math.sqrt(e*e+a*a);function ee(e){var{width:a=0}=e,r=a/2;return{width:a,radius:r,cx:r,cy:r}}function ke(e,a){var{cx:r,cy:t}=ee(e),n=ae(e),o=(180+re(e,a.h,!0))*(J/360),l=a.s/100*n,s=e.direction==="clockwise"?-1:1;return{x:r+l*Math.cos(o)*s,y:t+l*Math.sin(o)*s}}function ae(e){var{width:a=0}=e;return a/2}function re(e,a,r){var t=e.angle||0,n=e.direction;return r&&n==="clockwise"?a=t+a:n==="clockwise"?a=360-t+a:r&&n==="anticlockwise"?a=t+180-a:n==="anticlockwise"&&(a=t-a),Ce(a,360)}function Ne(e,a,r){var{cx:t,cy:n}=ee(e),o=ae(e);a=t-a,r=n-r;var l=re(e,Math.atan2(-r,-a)*(360/J)),s=Math.min(Ae(a,r),o);return{h:Math.round(l),s:Math.round(100/o*s)}}var Re=["prefixCls","radius","pointer","className","style","width","height","oval","direction","angle","color","onChange"],Ee="conic-gradient(red, yellow, lime, aqua, blue, magenta, red)",Me="conic-gradient(red, magenta, blue, aqua, lime, yellow, red)",te=S.forwardRef((e,a)=>{var{prefixCls:r="w-color-wheel",radius:t=0,pointer:n,className:o,style:l,width:s=200,height:i=200,oval:h,direction:u="anticlockwise",angle:w=180,color:v,onChange:c}=e,x=D(e,Re),g=typeof v=="string"&&Q(v)?K(v):v||{},N=v?Z(g):"",C=ke({width:s},g),p={top:"0",left:"0",color:N},y=(j,W)=>{var P=Ne({width:s},s-j.x,i-j.y),m={h:P.h,s:P.s,v:g.v,a:g.a};c&&c(ue(m))},R={zIndex:1,position:"absolute",transform:"translate("+C.x+"px, "+C.y+"px) "+(h==="x"||h==="X"?"scaleY(2)":h==="y"||h==="Y"?"scaleX(2)":"")},H=n&&typeof n=="function"?n(d({prefixCls:r,style:R},p)):f.jsx(ye,d({prefixCls:r,style:R},p));return f.jsxs(z,d({className:[r,o||""].filter(Boolean).join(" ")},x,{style:d({position:"relative",width:s,transform:h==="x"||h==="X"?"scaleY(0.5)":h==="y"||h==="Y"?"scaleX(0.5)":"",height:i},l),ref:a,onMove:y,onDown:y,children:[H,f.jsx("div",{style:{position:"absolute",borderRadius:"50%",background:u==="anticlockwise"?Ee:Me,transform:"rotateZ("+(w+90)+"deg)",inset:0}}),f.jsx("div",{style:{position:"absolute",borderRadius:"50%",background:"radial-gradient(circle closest-side, #fff, transparent)",inset:0}}),f.jsx("div",{style:{backgroundColor:"#000",borderRadius:"50%",position:"absolute",inset:0,opacity:typeof g.v=="number"?1-g.v/100:0}})]}))});te.displayName="Wheel";const O=180,I=b.forwardRef((e,a)=>{const{className:r,shade:t=!0,alpha:n=!0,color:o={h:0,s:0,v:100,a:1},setColor:l}=e,s=ne("xtrColorPicker",r);return f.jsxs("div",{ref:a,className:s,children:[f.jsx(te,{className:"wheel",color:o,width:O,height:O,onChange:i=>l(i.hsva)}),t&&f.jsx(F,{className:"shade",hsva:o,onChange:({v:i})=>l({...o,v:i})}),n&&f.jsx(B,{className:"alpha",hsva:o,onChange:({a:i})=>l({...o,a:i})})]})});I.displayName="ColorPicker";try{I.displayName="ColorPicker",I.__docgenInfo={description:"",displayName:"ColorPicker",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},alpha:{defaultValue:null,description:"",name:"alpha",required:!1,type:{name:"boolean"}},shade:{defaultValue:null,description:"",name:"shade",required:!1,type:{name:"boolean"}},color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"HsvaColor"}},setColor:{defaultValue:null,description:"",name:"setColor",required:!0,type:{name:"(col: HsvaColor) => void"}}}}}catch{}export{I as C};

package/dist/storybook/assets/ColorPicker.stories-B89UwtY_.js

@@ -0,0 +1,3 @@
+import{r as t,j as s}from"./iframe-Bs1JCCl_.js";import{C as m}from"./ColorPicker-CE8KB-zL.js";import"./preload-helper-PPVm8Dsz.js";import"./objectWithoutPropertiesLoose-DXv8YDMk.js";import"./clsx-B-dksMZM.js";const c=e=>{const[a,o]=t.useState({h:0,s:0,v:100,a:1});return s.jsx(m,{...e,color:a,setColor:o})},d={title:"Components/ColorPicker",component:c,tags:[],argTypes:{className:{control:!1},shade:{defaultValue:{summary:!0}},alpha:{defaultValue:{summary:!0}}},args:{shade:!0,alpha:!0}},r={args:{}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {}
+}`,...r.parameters?.docs?.source}}};const f=["Default"];export{r as Default,f as __namedExportsOrder,d as default};

package/dist/storybook/assets/ColorPopper-BaeUSSsk.css

@@ -0,0 +1 @@
+.xtrColorButton i{color:var(--iconColor)!important;--iconSize: 15px !important}.xtrColorInput{box-shadow:0 0 0 0 transparent;transition:box-shadow 0s,background var(--animDurDefault)}.xtrColorInput:before{background:hsl(var(--colorBrandPrimary))!important;opacity:1!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary),background 0s!important}.xtrColorInput i{color:var(--iconColor)!important}.xtrColorInput input{cursor:pointer;text-transform:uppercase}.xtrColorPopper{min-width:200px;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px;background:var(--colorBackgroundPrimary);z-index:9999;transition:all var(--animDurDefault) var(--cubicBezierPrimary);overflow:hidden}.xtrColorPopper .themeScheme{width:100%}.xtrColorPopper .themeScheme .schemeSelector{display:flex;justify-content:center;padding-top:16px}.xtrColorPopper .themeScheme .schemeSelector button{flex-grow:1;border-radius:0;padding:0 8px;filter:unset!important}.xtrColorPopper .themeScheme .schemeSelector button:first-child{border-top-left-radius:24px;border-bottom-left-radius:24px}.xtrColorPopper .themeScheme .schemeSelector button:last-child{border-top-right-radius:24px;border-bottom-right-radius:24px}.xtrColorPopper .themeScheme .schemeSelector button i{height:38px!important}.xtrColorPopper .header{width:100%;display:flex;justify-content:space-between;align-items:center}.xtrColorPopper .header .heading{position:relative;width:100%;max-width:172px;padding-right:16px;display:flex;align-items:flex-start;height:32px}.xtrColorPopper .header .heading h1{position:absolute;width:100%;height:100%;font-size:14px;text-transform:uppercase;line-height:32px;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variation-settings:"wdth" 75,"wght" 600;background:var(--colorBackgroundPrimary);animation:slideOutRight .4s ease 1s forwards}.xtrColorPopper .header .heading div{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;animation:slideInLeft .4s ease 1s forwards}.xtrColorPopper .header .heading div h1{position:relative;animation:none}.xtrColorPopper .header .heading div .popperInput{width:100%;outline:none;border:none;background:none;letter-spacing:.8px;text-transform:uppercase;color:hsl(var(--colorBrandPrimary));font-size:14px;padding:0;margin-top:-4px;z-index:2;animation:slideInLeft .4s ease 1s forwards}.xtrColorPopper .header .heading div .popperInput:focus-within{color:hsl(var(--colorBrandPrimary));font-variation-settings:"wdth" 75,"wght" 800}.xtrColorPopper .header.withInput .heading{height:44px}.xtrColorPopper .header i{font-size:small;opacity:0;animation:fadeIn .4s ease 1.1s forwards}.xtrColorPopper hr{width:20%;height:4px;background:var(--colorContentPrimary);border:none;margin:0;opacity:.2;border-radius:9999px}.xtrColorPopper .swatch{width:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:8px 12px}.xtrColorPopper .swatch .swatchItem{aspect-ratio:1;border-radius:9999px;cursor:pointer}@keyframes slideInLeft{0%{opacity:0;z-index:1;transform:translate(50px)}to{opacity:1;z-index:2;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;z-index:2;transform:translate(0)}to{opacity:0;z-index:1;transform:translate(-50px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

package/dist/storybook/assets/ColorPopper-Cc8RTS2n.js

@@ -0,0 +1 @@
+import{r,h as De,j as w,$ as je,e as Le}from"./iframe-Bs1JCCl_.js";import{i as ce,a as Oe,c as Ve,s as Ae,f as qe,o as Ke,b as B,g as fe,d as Be,e as de,h as Fe,j as We,k as Ue}from"./floating-ui.dom-BTmOqyi9.js";import{r as _e}from"./index-D6TeWFQx.js";import{c as ne}from"./clsx-B-dksMZM.js";import{u as Ye,w as U,I as Xe,g as ze}from"./useScreen-BcDG0CN2.js";import{C as Ze}from"./ColorPicker-CE8KB-zL.js";import{T as Ge}from"./Textfield-CoacfM-b.js";import{B as me}from"./Button-DtgiB0iV.js";function Je(e,t){if(typeof e=="function")e(t);else if(e!=null)try{e.current=t}catch{throw new Error(`Cannot assign value "${t}" to ref "${e}"`)}}function Qe(e){return t=>{e.forEach(n=>Je(n,t))}}const et="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function ye(e,t){if(!e||!t)return!1;const n=t.getRootNode==null?void 0:t.getRootNode();if(e.contains(t))return!0;if(n&&Oe(n)){let o=t;for(;o;){if(e===o)return!0;o=o.parentNode||o.host}}return!1}function Q(e){return"composedPath"in e?e.composedPath()[0]:e.target}function pe(e,t){if(t==null)return!1;if("composedPath"in e)return e.composedPath().includes(t);const n=e;return n.target!=null&&t.contains(n.target)}function tt(e){return e.matches("html,body")}function ve(e){return e?.ownerDocument||document}function nt(e){return ce(e)&&e.matches(et)}function re(e,t,n){return n===void 0&&(n=!0),e.filter(s=>{var u;return s.parentId===t&&(!n||((u=s.context)==null?void 0:u.open))}).flatMap(s=>[s,...re(e,s.id,n)])}function ot(e){return"nativeEvent"in e}function Re(e,t){return["mouse","pen"].includes(e)}var rt=typeof document<"u",st=function(){},G=rt?r.useLayoutEffect:st;const it={...De};function oe(e){const t=r.useRef(e);return G(()=>{t.current=e}),t}const ct=it.useInsertionEffect,lt=ct||(e=>e());function Z(e){const t=r.useRef(()=>{});return lt(()=>{t.current=e}),r.useCallback(function(){for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];return t.current==null?void 0:t.current(...o)},[])}var at=typeof document<"u",ut=function(){},se=at?r.useLayoutEffect:ut;function ie(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let n,o,s;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(o=n;o--!==0;)if(!ie(e[o],t[o]))return!1;return!0}if(s=Object.keys(e),n=s.length,n!==Object.keys(t).length)return!1;for(o=n;o--!==0;)if(!{}.hasOwnProperty.call(t,s[o]))return!1;for(o=n;o--!==0;){const u=s[o];if(!(u==="_owner"&&e.$$typeof)&&!ie(e[u],t[u]))return!1}return!0}return e!==e&&t!==t}function $e(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function Ce(e,t){const n=$e(e);return Math.round(t*n)/n}function ge(e){const t=r.useRef(e);return se(()=>{t.current=e}),t}function ft(e){e===void 0&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:o=[],platform:s,elements:{reference:u,floating:f}={},transform:i=!0,whileElementsMounted:h,open:a}=e,[g,C]=r.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[v,y]=r.useState(o);ie(v,o)||y(o);const[E,c]=r.useState(null),[R,M]=r.useState(null),N=r.useCallback(l=>{l!==_.current&&(_.current=l,c(l))},[]),p=r.useCallback(l=>{l!==P.current&&(P.current=l,M(l))},[]),b=u||E,D=f||R,_=r.useRef(null),P=r.useRef(null),S=r.useRef(g),L=h!=null,A=ge(h),K=ge(s),Y=ge(a),V=r.useCallback(()=>{if(!_.current||!P.current)return;const l={placement:t,strategy:n,middleware:v};K.current&&(l.platform=K.current),Ve(_.current,P.current,l).then(T=>{const k={...T,isPositioned:Y.current!==!1};d.current&&!ie(S.current,k)&&(S.current=k,_e.flushSync(()=>{C(k)}))})},[v,t,n,K,Y]);se(()=>{a===!1&&S.current.isPositioned&&(S.current.isPositioned=!1,C(l=>({...l,isPositioned:!1})))},[a]);const d=r.useRef(!1);se(()=>(d.current=!0,()=>{d.current=!1}),[]),se(()=>{if(b&&(_.current=b),D&&(P.current=D),b&&D){if(A.current)return A.current(b,D,V);V()}},[b,D,V,A,L]);const I=r.useMemo(()=>({reference:_,floating:P,setReference:N,setFloating:p}),[N,p]),x=r.useMemo(()=>({reference:b,floating:D}),[b,D]),H=r.useMemo(()=>{const l={position:n,left:0,top:0};if(!x.floating)return l;const T=Ce(x.floating,g.x),k=Ce(x.floating,g.y);return i?{...l,transform:"translate("+T+"px, "+k+"px)",...$e(x.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:T,top:k}},[n,i,x.floating,g.x,g.y]);return r.useMemo(()=>({...g,update:V,refs:I,elements:x,floatingStyles:H}),[g,V,I,x,H])}const dt=(e,t)=>({...Ke(e),options:[e,t]}),mt=(e,t)=>({...Ae(e),options:[e,t]}),pt=(e,t)=>({...qe(e),options:[e,t]}),gt="data-floating-ui-focusable",Ee="active",xe="selected",ht={...De};let be=!1,yt=0;const we=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+yt++;function vt(){const[e,t]=r.useState(()=>be?we():void 0);return G(()=>{e==null&&t(we())},[]),r.useEffect(()=>{be=!0},[]),e}const Rt=ht.useId,Ct=Rt||vt;function Et(){const e=new Map;return{emit(t,n){var o;(o=e.get(t))==null||o.forEach(s=>s(n))},on(t,n){e.has(t)||e.set(t,new Set),e.get(t).add(n)},off(t,n){var o;(o=e.get(t))==null||o.delete(n)}}}const xt=r.createContext(null),bt=r.createContext(null),wt=()=>{var e;return((e=r.useContext(xt))==null?void 0:e.id)||null},Ie=()=>r.useContext(bt);function Pt(e){return"data-floating-ui-"+e}function Pe(e){return ce(e.target)&&e.target.tagName==="BUTTON"}function St(e){return ce(e.target)&&e.target.tagName==="A"}function Se(e){return nt(e)}function Tt(e,t){t===void 0&&(t={});const{open:n,onOpenChange:o,dataRef:s,elements:{domReference:u}}=e,{enabled:f=!0,event:i="click",toggle:h=!0,ignoreMouse:a=!1,keyboardHandlers:g=!0,stickIfOpen:C=!0}=t,v=r.useRef(),y=r.useRef(!1),E=r.useMemo(()=>({onPointerDown(c){v.current=c.pointerType},onMouseDown(c){const R=v.current;c.button===0&&i!=="click"&&(Re(R)&&a||(n&&h&&(!(s.current.openEvent&&C)||s.current.openEvent.type==="mousedown")?o(!1,c.nativeEvent,"click"):(c.preventDefault(),o(!0,c.nativeEvent,"click"))))},onClick(c){const R=v.current;if(i==="mousedown"&&v.current){v.current=void 0;return}Re(R)&&a||(n&&h&&(!(s.current.openEvent&&C)||s.current.openEvent.type==="click")?o(!1,c.nativeEvent,"click"):o(!0,c.nativeEvent,"click"))},onKeyDown(c){v.current=void 0,!(c.defaultPrevented||!g||Pe(c))&&(c.key===" "&&!Se(u)&&(c.preventDefault(),y.current=!0),!St(c)&&c.key==="Enter"&&o(!(n&&h),c.nativeEvent,"click"))},onKeyUp(c){c.defaultPrevented||!g||Pe(c)||Se(u)||c.key===" "&&y.current&&(y.current=!1,o(!(n&&h),c.nativeEvent,"click"))}}),[s,u,i,a,g,o,n,C,h]);return r.useMemo(()=>f?{reference:E}:{},[f,E])}const kt={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},Mt={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},Te=e=>{var t,n;return{escapeKey:typeof e=="boolean"?e:(t=e?.escapeKey)!=null?t:!1,outsidePress:typeof e=="boolean"?e:(n=e?.outsidePress)!=null?n:!0}};function Dt(e,t){t===void 0&&(t={});const{open:n,onOpenChange:o,elements:s,dataRef:u}=e,{enabled:f=!0,escapeKey:i=!0,outsidePress:h=!0,outsidePressEvent:a="pointerdown",referencePress:g=!1,referencePressEvent:C="pointerdown",ancestorScroll:v=!1,bubbles:y,capture:E}=t,c=Ie(),R=Z(typeof h=="function"?h:()=>!1),M=typeof h=="function"?R:h,N=r.useRef(!1),{escapeKey:p,outsidePress:b}=Te(y),{escapeKey:D,outsidePress:_}=Te(E),P=r.useRef(!1),S=Z(d=>{var I;if(!n||!f||!i||d.key!=="Escape"||P.current)return;const x=(I=u.current.floatingContext)==null?void 0:I.nodeId,H=c?re(c.nodesRef.current,x):[];if(!p&&(d.stopPropagation(),H.length>0)){let l=!0;if(H.forEach(T=>{var k;if((k=T.context)!=null&&k.open&&!T.context.dataRef.current.__escapeKeyBubbles){l=!1;return}}),!l)return}o(!1,ot(d)?d.nativeEvent:d,"escape-key")}),L=Z(d=>{var I;const x=()=>{var H;S(d),(H=Q(d))==null||H.removeEventListener("keydown",x)};(I=Q(d))==null||I.addEventListener("keydown",x)}),A=Z(d=>{var I;const x=u.current.insideReactTree;u.current.insideReactTree=!1;const H=N.current;if(N.current=!1,a==="click"&&H||x||typeof M=="function"&&!M(d))return;const l=Q(d),T="["+Pt("inert")+"]",k=ve(s.floating).querySelectorAll(T);let q=B(l)?l:null;for(;q&&!de(q);){const j=Fe(q);if(de(j)||!B(j))break;q=j}if(k.length&&B(l)&&!tt(l)&&!ye(l,s.floating)&&Array.from(k).every(j=>!ye(q,j)))return;if(ce(l)&&V){const j=de(l),O=We(l),X=/auto|scroll/,le=j||X.test(O.overflowX),ae=j||X.test(O.overflowY),ue=le&&l.clientWidth>0&&l.scrollWidth>l.clientWidth,m=ae&&l.clientHeight>0&&l.scrollHeight>l.clientHeight,$=O.direction==="rtl",F=m&&($?d.offsetX<=l.offsetWidth-l.clientWidth:d.offsetX>l.clientWidth),W=ue&&d.offsetY>l.clientHeight;if(F||W)return}const ee=(I=u.current.floatingContext)==null?void 0:I.nodeId,J=c&&re(c.nodesRef.current,ee).some(j=>{var O;return pe(d,(O=j.context)==null?void 0:O.elements.floating)});if(pe(d,s.floating)||pe(d,s.domReference)||J)return;const te=c?re(c.nodesRef.current,ee):[];if(te.length>0){let j=!0;if(te.forEach(O=>{var X;if((X=O.context)!=null&&X.open&&!O.context.dataRef.current.__outsidePressBubbles){j=!1;return}}),!j)return}o(!1,d,"outside-press")}),K=Z(d=>{var I;const x=()=>{var H;A(d),(H=Q(d))==null||H.removeEventListener(a,x)};(I=Q(d))==null||I.addEventListener(a,x)});r.useEffect(()=>{if(!n||!f)return;u.current.__escapeKeyBubbles=p,u.current.__outsidePressBubbles=b;let d=-1;function I(k){o(!1,k,"ancestor-scroll")}function x(){window.clearTimeout(d),P.current=!0}function H(){d=window.setTimeout(()=>{P.current=!1},Be()?5:0)}const l=ve(s.floating);i&&(l.addEventListener("keydown",D?L:S,D),l.addEventListener("compositionstart",x),l.addEventListener("compositionend",H)),M&&l.addEventListener(a,_?K:A,_);let T=[];return v&&(B(s.domReference)&&(T=fe(s.domReference)),B(s.floating)&&(T=T.concat(fe(s.floating))),!B(s.reference)&&s.reference&&s.reference.contextElement&&(T=T.concat(fe(s.reference.contextElement)))),T=T.filter(k=>{var q;return k!==((q=l.defaultView)==null?void 0:q.visualViewport)}),T.forEach(k=>{k.addEventListener("scroll",I,{passive:!0})}),()=>{i&&(l.removeEventListener("keydown",D?L:S,D),l.removeEventListener("compositionstart",x),l.removeEventListener("compositionend",H)),M&&l.removeEventListener(a,_?K:A,_),T.forEach(k=>{k.removeEventListener("scroll",I)}),window.clearTimeout(d)}},[u,s,i,M,a,n,o,v,f,p,b,S,D,L,A,_,K]),r.useEffect(()=>{u.current.insideReactTree=!1},[u,M,a]);const Y=r.useMemo(()=>({onKeyDown:S,...g&&{[kt[C]]:d=>{o(!1,d.nativeEvent,"reference-press")},...C!=="click"&&{onClick(d){o(!1,d.nativeEvent,"reference-press")}}}}),[S,o,g,C]),V=r.useMemo(()=>({onKeyDown:S,onMouseDown(){N.current=!0},onMouseUp(){N.current=!0},[Mt[a]]:()=>{u.current.insideReactTree=!0}}),[S,a,u]);return r.useMemo(()=>f?{reference:Y,floating:V}:{},[f,Y,V])}function _t(e){const{open:t=!1,onOpenChange:n,elements:o}=e,s=Ct(),u=r.useRef({}),[f]=r.useState(()=>Et()),i=wt()!=null,[h,a]=r.useState(o.reference),g=Z((y,E,c)=>{u.current.openEvent=y?E:void 0,f.emit("openchange",{open:y,event:E,reason:c,nested:i}),n?.(y,E,c)}),C=r.useMemo(()=>({setPositionReference:a}),[]),v=r.useMemo(()=>({reference:h||o.reference||null,floating:o.floating||null,domReference:o.reference}),[h,o.reference,o.floating]);return r.useMemo(()=>({dataRef:u,open:t,onOpenChange:g,elements:v,events:f,floatingId:s,refs:C}),[t,g,v,f,s,C])}function $t(e){e===void 0&&(e={});const{nodeId:t}=e,n=_t({...e,elements:{reference:null,floating:null,...e.elements}}),o=e.rootContext||n,s=o.elements,[u,f]=r.useState(null),[i,h]=r.useState(null),g=s?.domReference||u,C=r.useRef(null),v=Ie();G(()=>{g&&(C.current=g)},[g]);const y=ft({...e,elements:{...s,...i&&{reference:i}}}),E=r.useCallback(p=>{const b=B(p)?{getBoundingClientRect:()=>p.getBoundingClientRect(),getClientRects:()=>p.getClientRects(),contextElement:p}:p;h(b),y.refs.setReference(b)},[y.refs]),c=r.useCallback(p=>{(B(p)||p===null)&&(C.current=p,f(p)),(B(y.refs.reference.current)||y.refs.reference.current===null||p!==null&&!B(p))&&y.refs.setReference(p)},[y.refs]),R=r.useMemo(()=>({...y.refs,setReference:c,setPositionReference:E,domReference:C}),[y.refs,c,E]),M=r.useMemo(()=>({...y.elements,domReference:g}),[y.elements,g]),N=r.useMemo(()=>({...y,...o,refs:R,elements:M,nodeId:t}),[y,R,M,t,o]);return G(()=>{o.dataRef.current.floatingContext=N;const p=v?.nodesRef.current.find(b=>b.id===t);p&&(p.context=N)}),r.useMemo(()=>({...y,context:N,refs:R,elements:M}),[y,R,M,N])}function he(e,t,n){const o=new Map,s=n==="item";let u=e;if(s&&e){const{[Ee]:f,[xe]:i,...h}=e;u=h}return{...n==="floating"&&{tabIndex:-1,[gt]:""},...u,...t.map(f=>{const i=f?f[n]:null;return typeof i=="function"?e?i(e):null:i}).concat(e).reduce((f,i)=>(i&&Object.entries(i).forEach(h=>{let[a,g]=h;if(!(s&&[Ee,xe].includes(a)))if(a.indexOf("on")===0){if(o.has(a)||o.set(a,[]),typeof g=="function"){var C;(C=o.get(a))==null||C.push(g),f[a]=function(){for(var v,y=arguments.length,E=new Array(y),c=0;c<y;c++)E[c]=arguments[c];return(v=o.get(a))==null?void 0:v.map(R=>R(...E)).find(R=>R!==void 0)}}}else f[a]=g}),f),{})}}function It(e){e===void 0&&(e=[]);const t=e.map(i=>i?.reference),n=e.map(i=>i?.floating),o=e.map(i=>i?.item),s=r.useCallback(i=>he(i,e,"reference"),t),u=r.useCallback(i=>he(i,e,"floating"),n),f=r.useCallback(i=>he(i,e,"item"),o);return r.useMemo(()=>({getReferenceProps:s,getFloatingProps:u,getItemProps:f}),[s,u,f])}const ke=e=>e.replace(/[A-Z]+(?![a-z])|[A-Z]/g,(t,n)=>(n?"-":"")+t.toLowerCase());function z(e,t){return typeof e=="function"?e(t):e}function Ht(e,t){const[n,o]=r.useState(e);return e&&!n&&o(!0),r.useEffect(()=>{if(!e&&n){const s=setTimeout(()=>o(!1),t);return()=>clearTimeout(s)}},[e,n,t]),n}function Nt(e,t){t===void 0&&(t={});const{open:n,elements:{floating:o}}=e,{duration:s=250}=t,f=(typeof s=="number"?s:s.close)||0,[i,h]=r.useState("unmounted"),a=Ht(n,f);return!a&&i==="close"&&h("unmounted"),G(()=>{if(o){if(n){h("initial");const g=requestAnimationFrame(()=>{_e.flushSync(()=>{h("open")})});return()=>{cancelAnimationFrame(g)}}h("close")}},[n,o]),{isMounted:a,status:i}}function jt(e,t){t===void 0&&(t={});const{initial:n={opacity:0},open:o,close:s,common:u,duration:f=250}=t,i=e.placement,h=i.split("-")[0],a=r.useMemo(()=>({side:h,placement:i}),[h,i]),g=typeof f=="number",C=(g?f:f.open)||0,v=(g?f:f.close)||0,[y,E]=r.useState(()=>({...z(u,a),...z(n,a)})),{isMounted:c,status:R}=Nt(e,{duration:f}),M=oe(n),N=oe(o),p=oe(s),b=oe(u);return G(()=>{const D=z(M.current,a),_=z(p.current,a),P=z(b.current,a),S=z(N.current,a)||Object.keys(D).reduce((L,A)=>(L[A]="",L),{});if(R==="initial"&&E(L=>({transitionProperty:L.transitionProperty,...P,...D})),R==="open"&&E({transitionProperty:Object.keys(S).map(ke).join(","),transitionDuration:C+"ms",...P,...S}),R==="close"){const L=_||D;E({transitionProperty:Object.keys(L).map(ke).join(","),transitionDuration:v+"ms",...P,...L})}},[v,p,M,N,b,C,R,a]),{isMounted:c,styles:y}}function He(e,t){const{className:n,popperClassName:o,input:s="textfield",size:u="default",placeholder:f="Color Picker",colorHeading:i="Pick color",schemeHeading:h,themeScheme:a,setThemeScheme:g,showReset:C=!0,alpha:v,shade:y,swatch:E,hideWheel:c=!1,color:R,setColor:M}=e,N=Ye(),p=r.useMemo(()=>U(R),[]),b=r.useMemo(()=>Xe(R),[R]),[D,_]=r.useState(p.toHsv()),[P,S]=r.useState(p.toHex()),[L,A]=r.useState(i),K=r.useRef(!1),[Y,V]=r.useState(!1),{refs:d,floatingStyles:I,context:x}=$t({open:Y,onOpenChange:V,middleware:[mt({crossAxis:!0,padding:18}),pt(),dt(({placement:m})=>m==="bottom"?10:16)],whileElementsMounted:Ue}),{isMounted:H,styles:l}=jt(x,{duration:200,initial:({side:m})=>({opacity:0,translate:m==="bottom"?"0px 8px":"0px -8px"})}),{getReferenceProps:T,getFloatingProps:k}=It([Tt(x),Dt(x)]),[q,ee,J]=r.useMemo(()=>{const m=U(D),$=m.toHsl(),F=p.toHsl();return[`${Math.round($.h)} ${Math.round($.s)}% ${Math.round($.l)}%`,`${Math.round(F.h)} ${Math.round(F.s)}% ${Math.round(F.l)}%`,m.isLight()?"black":"white"]},[p,D]),te=P!==p.toHex(),j=s==="button"||s==="buttonLabel",O=m=>{K.current=!0,b==="rgb"?M(m.toRgb()):b==="hex"?M(m.toHex()):b==="hsl"?M(m.toHsl()):b==="hsv"&&M(m.toHsv())},X=m=>{S(m);const $=U(m);$.isValid()&&(_($.toHsv()),O($))},le=m=>{const $=U(m);_(m),S($.toHex()),O($)},ae=m=>{const $=U(m);_($.toHsv()),S($.toHex()),O($)},ue=()=>{_(p.toHsv()),S(p.toHex()),O(p)};return r.useEffect(()=>{if(!K.current){const m=U(R);_(m.toHsv()),S(m.toHex())}K.current=!1},[R]),r.useEffect(()=>{A(ze(U(P).toHsl())??i)},[i,P]),w.jsxs(w.Fragment,{children:[j?w.jsx(me,{className:"xtrColorButton",ref:d.setReference,size:u,icon:"f53f",iconType:"solid",label:s==="buttonLabel"?P:void 0,style:{"--themeColor":q,"--iconColor":J,color:J},onClick:()=>V(!0),...T()}):w.jsx(Ge,{className:ne("xtrColorInput",n),ref:d.setReference,placeholder:f,icon:"f53f",iconType:"solid",active:Y,value:P,onChange:m=>X(m.target.value),style:{"--colorBrandPrimary":q,"--iconColor":J},onFocus:()=>V(!0),...T()}),H&&w.jsxs("div",{ref:Qe([t,d.setFloating]),className:ne("xtrColorPopper",o),style:{...I,...l,"--colorBrandPrimary":q},...k(),children:[(E||!c)&&w.jsxs("div",{className:ne("header",j&&"withInput"),children:[w.jsxs("div",{className:"heading",children:[w.jsxs("div",{children:[w.jsx("h1",{children:L}),j&&w.jsx("input",{placeholder:"#Hex",className:ne("popperInput",n),value:P,autoFocus:N.isLargest,onChange:m=>X(m.target.value)})]}),w.jsx("h1",{children:i})]}),C&&w.jsx(je,{code:"f1da",type:"solid",style:{"--colorBrandPrimary":ee,visibility:te?"visible":"hidden"},onClick:ue})]}),E&&w.jsx("div",{className:"swatch",children:E.map((m,$)=>{const F=U(P).isEqual(m),W=U(m).toHsl(),Ne=`${W.h} ${W.s}% ${W.l}%`;return w.jsx(me,{className:"swatchItem",icon:"f00c",iconType:"solid",size:"mini",style:{"--themeColor":Ne,color:F?"white":"transparent"},onClick:()=>ae(W)},`ThemeColor-${W.h}${W.s}${W.l}-${$}`)})}),!c&&w.jsx(Ze,{className:"colorPicker",alpha:v,shade:y,color:D,setColor:le}),h&&w.jsxs("div",{className:"themeScheme",children:[w.jsx("div",{className:"header",children:w.jsxs("div",{className:"heading",children:[w.jsx("div",{children:w.jsx("h1",{children:a})}),w.jsx("h1",{children:h})]})}),w.jsx("div",{className:"schemeSelector",children:Le.map(({name:m,icon:$},F)=>w.jsx(me,{icon:$,iconType:"solid",disabled:a===m,type:a===m?"primary":"secondary",onClick:()=>g?.(m)},`ThemeScheme-${m}-${F}`))})]})]})]})}const Me=r.forwardRef(He);He.displayName="ColorPopper";try{Me.displayName="ColorPopper",Me.__docgenInfo={description:"",displayName:"ColorPopper",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},popperClassName:{defaultValue:null,description:"",name:"popperClassName",required:!1,type:{name:"string"}},input:{defaultValue:null,description:"",name:"input",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"buttonLabel"'},{value:'"textfield"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"mini"'},{value:'"default"'}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},colorHeading:{defaultValue:null,description:"",name:"colorHeading",required:!1,type:{name:"string"}},schemeHeading:{defaultValue:null,description:"",name:"schemeHeading",required:!1,type:{name:"string"}},themeScheme:{defaultValue:null,description:"",name:"themeScheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"auto"'},{value:'"dark"'}]}},setThemeScheme:{defaultValue:null,description:"",name:"setThemeScheme",required:!1,type:{name:'((scheme: "light" | "auto" | "dark") => void)'}},showReset:{defaultValue:null,description:"",name:"showReset",required:!1,type:{name:"boolean"}},alpha:{defaultValue:null,description:"",name:"alpha",required:!1,type:{name:"boolean"}},shade:{defaultValue:null,description:"",name:"shade",required:!1,type:{name:"boolean"}},hideWheel:{defaultValue:null,description:"",name:"hideWheel",required:!1,type:{name:"boolean"}},swatch:{defaultValue:null,description:"",name:"swatch",required:!1,type:{name:"T[]"}},color:{defaultValue:null,description:"",name:"color",required:!0,type:{name:"AnyColor"}},setColor:{defaultValue:null,description:"",name:"setColor",required:!0,type:{name:"(col: ExtractColorType<T>) => void"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLDivElement>"}}}}}catch{}export{Me as C};

package/dist/storybook/assets/ColorPopper.stories-DdH6q8oZ.js

@@ -0,0 +1,12 @@
+import{T as o,r as m,j as p}from"./iframe-Bs1JCCl_.js";import{C as i}from"./ColorPopper-Cc8RTS2n.js";import"./preload-helper-PPVm8Dsz.js";import"./floating-ui.dom-BTmOqyi9.js";import"./index-D6TeWFQx.js";import"./index-CR_97Mx1.js";import"./clsx-B-dksMZM.js";import"./useScreen-BcDG0CN2.js";import"./ColorPicker-CE8KB-zL.js";import"./objectWithoutPropertiesLoose-DXv8YDMk.js";import"./Textfield-CoacfM-b.js";import"./Button-DtgiB0iV.js";import"./ProgressBar-lBkzf765.js";const n=t=>{const[a,c]=m.useState("#ff0000");return p.jsx(i,{...t,color:a,setColor:c})},T={title:"Components/ColorPopper",component:n,tags:[],argTypes:{className:{control:!1},popperClassName:{control:!1},showReset:{defaultValue:{summary:!0}}},args:{showReset:!0}},e={args:{}},r={args:{swatch:Object.values(o)}},s={args:{size:"mini",swatch:Object.values(o)}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {}
+}`,...e.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    swatch: Object.values(ThemeColorsPreset)
+  }
+}`,...r.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    size: "mini",
+    swatch: Object.values(ThemeColorsPreset)
+  }
+}`,...s.parameters?.docs?.source}}};const b=["Default","WithSwatch","WithSwatchMini"];export{e as Default,r as WithSwatch,s as WithSwatchMini,b as __namedExportsOrder,T as default};

package/dist/storybook/assets/DatePicker-Bpgw2Crt.css

@@ -0,0 +1 @@
+.xtrDatePicker{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);display:flex;width:fit-content;min-width:300px;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px hsl(var(--colorBrandPrimary)/50%);background:var(--primaryColor);color:hsl(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--colorBrandPrimary));clip-path:circle(16px at 22px 50%);border-radius:9999px;z-index:0;opacity:.4;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:after{content:attr(data-testid);position:absolute;top:3px;left:40px;font-size:var(--fontSize);line-height:20px;color:hsl(var(--colorBrandPrimary)/100%);scale:.75;font-variation-settings:"wdth" 75,"wght" 700}.xtrDatePicker .react-datetime-picker__wrapper{position:relative;display:flex;padding:20px 8px 4px 48px;border:none}.xtrDatePicker .react-datetime-picker__wrapper *{line-height:18px;font-size:14px;font-variation-settings:"wdth" 75,"wght" 400}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__inputGroup__input{border:none;outline:none;background:none}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button{position:absolute;left:0;top:0;padding:0;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button>i,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button>i{width:44px;height:44px;font-size:calc(var(--fontSize));color:hsl(var(--colorBrandPrimary)/100%);pointer-events:none;transition:all 0s}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clear-button{position:absolute;top:0;bottom:0;right:8px;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__calendar{position:relative;width:100%;border-radius:4px 4px 22px 22px;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--colorBackgroundPrimary);padding:4px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__calendar .react-calendar{width:100%;background:transparent;border:none;-webkit-user-select:none;user-select:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:before{content:"";position:absolute;inset:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label{position:relative;border-radius:8px;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:before{content:"";position:absolute;inset:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;inset:1;border-radius:9999px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth abbr{color:var(--colorContentTertiary)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--now:before{inset:0;background:none;border:1px solid hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;inset:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover:before{background:hsl(var(--colorBrandPrimary)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive:before{inset:0;background:hsl(var(--colorBrandPrimary)/100%)!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive abbr{color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile{aspect-ratio:unset;color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile:before{inset:3px;border-radius:16px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile--now abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile--now abbr{color:#fff}.xtrDatePicker .react-datetime-picker__clock{--clockColor: hsl(var(--colorBrandPrimary) / 100%);width:100%;height:auto;border-radius:4px 4px 22px 22px;border:none;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--colorBackgroundPrimary);padding:16px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__clock .react-clock{margin:auto}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__face{border-color:var(--clockColor)}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__mark__body,.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__hand__body{background:var(--clockColor)}.xtrDatePicker.react-datetime-picker--open{border-radius:22px 22px 4px 4px!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--secondaryColor)}.xtrDatePicker.react-datetime-picker--open:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrDatePicker.react-datetime-picker--open .react-datetime-picker__calendar-button>i{color:#fff!important;font-weight:900}