@acusti/uikit-docs 0.2.0 → 0.3.1

package/.storybook/main.ts

@@ -3,22 +3,18 @@ import { dirname, join } from 'path';
 import type { StorybookConfig } from '@storybook/react-vite';
 
 // https://storybook.js.org/docs/faq#how-do-i-fix-module-resolution-in-special-environments
+const _require = typeof require === 'undefined' ? import.meta : require;
 const getAbsolutePath = (value: string): any =>
-    dirname(import.meta.resolve(join(value, 'package.json'))).replace(/^file:\/\//, '');
+    dirname(_require.resolve(join(value, 'package.json'))).replace(/^file:\/\//, '');
 
 const config: StorybookConfig = {
-    addons: [getAbsolutePath('@storybook/addon-essentials')],
-    docs: { autodocs: 'tag' },
+    addons: [getAbsolutePath('@storybook/addon-docs')],
     framework: {
         name: getAbsolutePath('@storybook/react-vite'),
         options: {},
     },
     stories: ['../stories/Introduction.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'],
-    typescript: {
-        check: false,
-        reactDocgen: 'react-docgen',
-        skipBabel: true,
-    },
+    typescript: { check: false, reactDocgen: 'react-docgen' },
 };
 
 export default config;

package/.storybook/manager.ts

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/manager-api';
+import { addons } from 'storybook/manager-api';
 
 addons.setConfig({
     enableShortcuts: false,

package/.storybook/preview.ts

@@ -1,4 +1,4 @@
-import type { Preview } from '@storybook/react';
+import type { Preview } from '@storybook/react-vite';
 
 const preview: Preview = {
     parameters: {

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @acusti/uikit-docs
 
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [f87de22]
+    - @acusti/dropdown@0.48.0
+
+## 0.3.0
+
+### Minor Changes
+
+- e42f474: Use vite in library mode to build all packages and cleanup the
+  build artifacts to only include required files. This means no more test
+  files in the build and no more src/ directory.
+
+### Patch Changes
+
+- Updated dependencies [e42f474]
+- Updated dependencies [d328a73]
+    - @acusti/css-value-input@2.0.0
+    - @acusti/date-picker@0.11.0
+    - @acusti/dropdown@0.47.0
+    - @acusti/input-text@2.0.0
+    - @acusti/use-is-out-of-bounds@0.15.0
+    - @acusti/use-keyboard-events@0.11.0
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/assets/CSSValueInput-BgAgo3f9.css

@@ -0,0 +1 @@
+.cssvalueinput{display:flex;align-items:center;border-radius:4px;padding:10px 14px}.innerZoomElementWrapper .cssvalueinput{background-color:#1ea7fd40}.cssvalueinput-icon{width:20px;height:20px;margin-right:8px}.cssvalueinput-icon svg{width:100%;height:100%}.cssvalueinput-label{padding-right:10px}.cssvalueinput-label-text{font-family:system-ui;font-size:14px;margin:0}.cssvalueinput-value input{width:65px;padding:3px 6px;font-size:13px;line-height:13px}

package/dist/assets/CSSValueInput-BoZriUnh.js

@@ -0,0 +1 @@
+import{j as Pe}from"./jsx-runtime-D_zvdyIk.js";import{c as je,a as Be}from"./clsx-hXifHU8N.js";import{r as A,R as _e}from"./iframe-ByGa_ItU.js";const Ye=Object.freeze({angle:/(deg|grad|rad|turn)\s*$/i,integer:/$/i,length:/(em|rem|ch|ex|vh|vw|vmin|vmax|px|cm|mm|in|pc|pt|%)\s*$/i,percent:/(%)\s*$/,time:/(s|ms)\s*$/i}),qe="length",Le=Object.freeze({angle:"deg",integer:"",length:"px",percent:"%",time:"s"}),Ge=(l,a)=>parseFloat(l.toFixed(a)),Ee=({cssValueType:l,defaultUnit:a=Le[l],value:$})=>{if(typeof $=="number")return a;const e=Ye[l].exec($);return e===null||!e[1]?a:e[1]},He=l=>typeof l=="number"?l:parseFloat(l),Xe=l=>{const a=He(l.value);return Number.isNaN(a)?l.value.toString().trim():`${a}${Ee(l)}`},{useEffect:Oe,useImperativeHandle:We,useRef:Ve,useState:ve}=_e,Me=A.forwardRef(function(a,$){const e=je.c(90),{autoCapitalize:K,autoComplete:O,autoFocus:V,className:F,disabled:g,doubleClickToEdit:s,enterKeyHint:M,form:v,id:P,initialValue:T,list:D,max:k,maxHeight:Z,maxLength:z,min:j,minLength:B,multiLine:r,multiple:w,name:I,onBlur:y,onChange:_,onChangeValue:b,onFocus:x,onKeyDown:h,onKeyUp:U,pattern:Y,placeholder:q,readOnly:Se,required:G,rows:t,selectTextOnFocus:i,size:c,step:u,style:E,submitOnEnter:o,tabIndex:m,title:N,type:De}=a,X=Z===void 0?1/0:Z,ye=t===void 0?1:t,be=De===void 0?"text":De,p=Ve(null);let ee;e[0]===Symbol.for("react.memo_cache_sentinel")?(ee=()=>p.current,e[0]=ee):ee=e[0],We($,ee);const[W,xe]=ve(null),J=Ve(null);let te;e[1]!==xe?(te=n=>{p.current=n,xe(n)},e[1]=xe,e[2]=te):te=e[2];const C=te;let ne,re;e[3]!==T?(ne=()=>{p.current&&(p.current.value=T??"")},re=[T],e[3]=T,e[4]=ne,e[5]=re):(ne=e[4],re=e[5]),Oe(ne,re);const[S,Ne]=ve(!0);let ie;e[6]!==Ne?(ie=()=>{typeof CSS>"u"||Ne(CSS.supports("field-sizing","content"))},e[6]=Ne,e[7]=ie):ie=e[7];let le;e[8]===Symbol.for("react.memo_cache_sentinel")?(le=[],e[8]=le):le=e[8],Oe(ie,le);const[L,R]=ve(Se??s),Ce=Ve(!0);let se;e[9]!==s||e[10]!==R?(se=()=>{s&&R(!1)},e[9]=s,e[10]=R,e[11]=se):se=e[11];const Re=se;let ue;e[12]!==X||e[13]!==r||e[14]!==S?(ue=()=>{if(!p.current||S||(p.current.style.height&&(p.current.style.height=""),!r))return;const n=Math.min(p.current.scrollHeight,typeof X=="string"?parseFloat(X):X);n&&(p.current.style.height=`${n}px`)},e[12]=X,e[13]=r,e[14]=S,e[15]=ue):ue=e[15];const d=ue;let oe,ce;e[16]!==W||e[17]!==r||e[18]!==d||e[19]!==S?(oe=()=>{if(!(!W||!r||S))return d(),J.current=new ResizeObserver(()=>d()),J.current.observe(W),()=>{J.current&&(J.current.disconnect(),J.current=null)}},ce=[W,r,d,S],e[16]=W,e[17]=r,e[18]=d,e[19]=S,e[20]=oe,e[21]=ce):(oe=e[20],ce=e[21]),Oe(oe,ce);let ae;e[22]!==_||e[23]!==b?(ae=n=>{_&&_(n),b&&b(n.target.value)},e[22]=_,e[23]=b,e[24]=ae):ae=e[24];const $e=ae;let fe;e[25]!==r||e[26]!==x||e[27]!==d?(fe=n=>{x&&x(n),r&&d()},e[25]=r,e[26]=x,e[27]=d,e[28]=fe):fe=e[28];const we=fe;let me;e[29]!==s||e[30]!==y||e[31]!==i||e[32]!==C||e[33]!==R?(me=n=>{y&&y(n),s&&R(!0),i&&(C(n.currentTarget),Ce.current=!0)},e[29]=s,e[30]=y,e[31]=i,e[32]=C,e[33]=R,e[34]=me):me=e[34];const Ie=me;let pe;e[35]!==i||e[36]!==C?(pe=n=>{if(!i)return;const f=n.currentTarget;if(C(f),!Ce.current||(Ce.current=!1,!f.value)||f.ownerDocument.activeElement!==f)return;const ke=f.value.length;f.selectionStart===0&&f.selectionEnd===ke||(f.selectionStart=0,f.selectionEnd=ke)},e[35]=i,e[36]=C,e[37]=pe):pe=e[37];const Ue=pe;let de;e[38]!==s||e[39]!==r||e[40]!==h||e[41]!==L||e[42]!==R||e[43]!==o?(de=n=>{var f;h&&h(n),n.key==="Enter"&&(o||r&&Qe(n))&&(!r||!n.shiftKey&&!n.altKey&&!n.ctrlKey)?(n.preventDefault(),(f=n.currentTarget.closest("form"))==null||f.requestSubmit(),n.currentTarget.blur()):s&&p.current&&(L?n.key==="Enter"&&R(!1):(n.key==="Enter"||n.key==="Escape")&&p.current.blur())},e[38]=s,e[39]=r,e[40]=h,e[41]=L,e[42]=R,e[43]=o,e[44]=de):de=e[44];const Ae=de;let ge;e[45]!==r||e[46]!==E||e[47]!==S?(ge=r&&S?{...E,fieldSizing:"content"}:E,e[45]=r,e[46]=E,e[47]=S,e[48]=ge):ge=e[48];const Fe=ge,Te=r?"textarea":"input",Ke=T??"";let H;e[49]!==k||e[50]!==j||e[51]!==r||e[52]!==ye||e[53]!==d||e[54]!==u?(H=r?{onInput:d,rows:ye}:{max:k,min:j,step:u},e[49]=k,e[50]=j,e[51]=r,e[52]=ye,e[53]=d,e[54]=u,e[55]=H):H=e[55];let he;return e[56]!==Te||e[57]!==K||e[58]!==O||e[59]!==V||e[60]!==F||e[61]!==g||e[62]!==M||e[63]!==v||e[64]!==Ie||e[65]!==$e||e[66]!==we||e[67]!==Ae||e[68]!==Ue||e[69]!==P||e[70]!==Fe||e[71]!==D||e[72]!==z||e[73]!==B||e[74]!==w||e[75]!==I||e[76]!==U||e[77]!==Y||e[78]!==q||e[79]!==L||e[80]!==G||e[81]!==C||e[82]!==c||e[83]!==Re||e[84]!==Ke||e[85]!==H||e[86]!==m||e[87]!==N||e[88]!==be?(he=Pe.jsx(Te,{autoCapitalize:K,autoComplete:O,autoFocus:V,className:F,defaultValue:Ke,disabled:g,enterKeyHint:M,form:v,id:P,list:D,maxLength:z,minLength:B,multiple:w,name:I,onBlur:Ie,onChange:$e,onDoubleClick:Re,onFocus:we,onKeyDown:Ae,onKeyUp:U,onSelect:Ue,pattern:Y,placeholder:q,readOnly:L,ref:C,required:G,size:c,style:Fe,tabIndex:m,title:N,type:be,...H}),e[56]=Te,e[57]=K,e[58]=O,e[59]=V,e[60]=F,e[61]=g,e[62]=M,e[63]=v,e[64]=Ie,e[65]=$e,e[66]=we,e[67]=Ae,e[68]=Ue,e[69]=P,e[70]=Fe,e[71]=D,e[72]=z,e[73]=B,e[74]=w,e[75]=I,e[76]=U,e[77]=Y,e[78]=q,e[79]=L,e[80]=G,e[81]=C,e[82]=c,e[83]=Re,e[84]=Ke,e[85]=H,e[86]=m,e[87]=N,e[88]=be,e[89]=he):he=e[89],he}),Je=/mac|iphone|ipad|ipod/i;function Qe(l){var a;const $=((a=globalThis.navigator)==null?void 0:a.platform)??"";return Je.test($)?l.metaKey:l.ctrlKey}Me.__docgenInfo={description:"",methods:[],displayName:"InputText"};const{useEffect:Ze,useImperativeHandle:et,useRef:ze}=_e,Q="cssvalueinput",it=A.forwardRef(function({allowEmpty:a=!0,className:$,cssValueType:e=qe,disabled:K,getValueAsNumber:O=He,icon:V,label:F,max:g,min:s,name:M,onBlur:v,onChange:P,onFocus:T,onKeyDown:D,onKeyUp:k,onSubmitValue:Z,placeholder:z,step:j=1,tabIndex:B,title:r,unit:w=Le[e],validator:I,value:y},_){const b=ze(null);et(_,()=>b.current);const x=typeof y=="number"&&!Number.isNaN(y)?`${y}`:y,h=ze(x??"");Ze(()=>{h.current=x??""},[x]);const U=t=>{const i=t.currentTarget.value;h.current=i,Z(i)},Y=t=>{const i=t.currentTarget;b.current=i,v&&v(t);const c=i.value.trim();if(a&&!c){U(t);return}const u=O(c),E=Number.isFinite(u),o=w?Ee({cssValueType:e,defaultUnit:w,value:h.current}):"";if(!E){let N=!1;I instanceof RegExp?N=I.test(c):I&&(N=I(c)),N?U(t):i.value=h.current;return}let m=u;if(E&&(s!=null&&u<s?m=s:g!=null&&u>g?m=g:e==="integer"&&(m=Math.floor(u))),m!==u){const N=Ee({cssValueType:e,defaultUnit:o,value:c});i.value=m+N}else i.value=Xe({cssValueType:e,defaultUnit:o,value:c});U(t)},q=({currentValue:t,multiplier:i=1,signum:c=1})=>{const u=i*j*c,E=O(t);if(typeof t=="string"&&Number.isNaN(E))return t;let o=E+u;e==="integer"?o=Math.floor(o):o=Ge(o,5),typeof g=="number"&&Number.isFinite(g)&&(o=Math.min(g,o)),typeof s=="number"&&Number.isFinite(s)&&(o=Math.max(s,o));const m=Ee({cssValueType:e,defaultUnit:w,value:t});return`${o}${m}`},Se=t=>{const i=t.currentTarget;b.current=i,D&&D(t);const c=i.value??z??`0${w}`;let u="";switch(t.key){case"ArrowDown":case"ArrowUp":if(u=q({currentValue:c,multiplier:t.shiftKey?10:1,signum:t.key==="ArrowUp"?1:-1}),u===c)return;t.stopPropagation(),t.preventDefault(),i.value=u;return;case"Enter":case"Escape":t.key==="Escape"&&(i.value=h.current),i.blur();return}},G=t=>{k&&k(t),(t.key==="ArrowUp"||t.key==="ArrowDown")&&U(t)};return A.createElement("label",{"aria-label":F?void 0:r,className:Be(Q,$,{disabled:K}),title:r},V==null?null:A.createElement("div",{className:`${Q}-icon`},V),F?A.createElement("div",{className:`${Q}-label`},A.createElement("p",{className:`${Q}-label-text`},F)):null,A.createElement("div",{className:`${Q}-value`},A.createElement(Me,{disabled:K,initialValue:x,name:M,onBlur:Y,onChange:P,onFocus:T,onKeyDown:Se,onKeyUp:G,placeholder:z,ref:b,selectTextOnFocus:!0,tabIndex:B})))});export{it as C};

package/dist/assets/CSSValueInput.stories-D1VcYZJ0.js

@@ -0,0 +1,113 @@
+import{r as a}from"./iframe-ByGa_ItU.js";import{C as M}from"./CSSValueInput-BoZriUnh.js";/* empty css                  */import"./jsx-runtime-D_zvdyIk.js";import"./clsx-hXifHU8N.js";const U={component:M,parameters:{docs:{description:{component:"`CSSValueInput` is a React component that renders a text input that can take and update a CSS value of a particular type with a default unit. The input’s behavior is similar to those in design applications such as Adobe Illustrator or XD."}}},tags:["autodocs"],title:"UIKit/Controls/CSSValueInput"},r={args:{className:"my-special-input",cssValueType:"length",label:"Font size",name:"fontsize",placeholder:"1rem",tabIndex:1,unit:"rem",validator:/^(xx-small|x-small|small|medium|large|x-large|xx-large|xxx-large|inherit)$/,value:"24px"}},n={args:{className:"my-panel-input",cssValueType:"time",label:"Duration",max:20,min:0,name:"duration",placeholder:"0.25s",step:.1,unit:"s"}},s={args:{className:"flex-item-example",cssValueType:"angle",icon:a.createElement("svg",{width:"100px",height:"100px",viewBox:"0 0 100 100",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},a.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none"},a.createElement("g",{transform:"translate(2, 2)",stroke:"#222F3E",strokeWidth:"4"},a.createElement("path",{d:"M56.5106952,10.5464071 C60.8135865,11.5200327 64.8423906,13.2161538 68.4628809,15.5005439 L76.8618891,8.97963811 L87.0203619,19.1381109 L80.4994561,27.5371191 C82.7838462,31.1576094 84.4799673,35.1864135 85.4535929,39.4893048 L96,40.816875 L96,55.183125 L85.4535929,56.5106952 C84.4799673,60.8135865 82.7838462,64.8423906 80.4994561,68.4628809 L87.0203619,76.8618891 L76.8618891,87.0203619 L68.4628809,80.4994561 C64.8423906,82.7838462 60.8135865,84.4799673 56.5106952,85.4535929 L55.183125,96 L40.816875,96 L39.4893048,85.4535929 C35.1864135,84.4799673 31.1576094,82.7838462 27.5371191,80.4994561 L19.1381109,87.0203619 L8.97963811,76.8618891 L15.5005439,68.4628809 C13.2161538,64.8423906 11.5200327,60.8135865 10.5464071,56.5106952 L0,55.183125 L0,40.816875 L10.5464071,39.4893048 C11.5200327,35.1864135 13.2161538,31.1576094 15.5005439,27.5371191 L8.97963811,19.1381109 L19.1381109,8.97963811 L27.5371191,15.5005439 C31.1576094,13.2161538 35.1864135,11.5200327 39.4893048,10.5464071 L40.816875,0 L55.183125,0 L56.5106952,10.5464071 Z",id:"Layer-1"}),a.createElement("circle",{cx:"48",cy:"48",r:"14.4"})))),label:"Rotate Z",name:"rotatez",placeholder:"0deg",step:45,unit:"deg",value:"90deg"}},t={args:{cssValueType:"percent",label:"Width",min:0,name:"width",placeholder:"100%",step:10,unit:"%",value:"30%"}},l={args:{className:"my-special-input",cssValueType:"length",name:"labelless",placeholder:"1rem",title:"No label",unit:"rem",value:"24px"}},o={args:{className:"letter-spacing",getValueAsNumber:e=>typeof e=="number"?e:typeof e=="string"&&e.toLowerCase()==="normal"?0:parseFloat(e),label:"Letter spacing",name:"letterspacing",placeholder:"normal",tabIndex:2}},c={args:{className:"background-size",label:"Background Size",name:"backgroundsize",unit:"%",validator:/^(auto|contain|cover)$/,value:"cover"}},i={args:{cssValueType:"integer",label:"z-index",name:"zindex",value:"0"}},m={args:{cssValueType:"integer",label:"opacity",name:"opacity",value:"0"}},p={args:{cssValueType:"length",label:"line height",name:"line-height",step:.1,unit:"",value:"1.4"}};var u,g,d;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    className: 'my-special-input',
+    cssValueType: 'length',
+    label: 'Font size',
+    name: 'fontsize',
+    placeholder: '1rem',
+    tabIndex: 1,
+    unit: 'rem',
+    validator: /^(xx-small|x-small|small|medium|large|x-large|xx-large|xxx-large|inherit)$/,
+    value: '24px'
+  }
+}`,...(d=(g=r.parameters)==null?void 0:g.docs)==null?void 0:d.source}}};var L,h,x;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  args: {
+    className: 'my-panel-input',
+    cssValueType: 'time',
+    label: 'Duration',
+    max: 20,
+    min: 0,
+    name: 'duration',
+    placeholder: '0.25s',
+    step: 0.1,
+    unit: 's'
+  }
+}`,...(x=(h=n.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var b,v,y;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    className: 'flex-item-example',
+    cssValueType: 'angle',
+    icon: <svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
+                <g stroke="none" strokeWidth="1" fill="none">
+                    <g transform="translate(2, 2)" stroke="#222F3E" strokeWidth="4">
+                        <path d="M56.5106952,10.5464071 C60.8135865,11.5200327 64.8423906,13.2161538 68.4628809,15.5005439 L76.8618891,8.97963811 L87.0203619,19.1381109 L80.4994561,27.5371191 C82.7838462,31.1576094 84.4799673,35.1864135 85.4535929,39.4893048 L96,40.816875 L96,55.183125 L85.4535929,56.5106952 C84.4799673,60.8135865 82.7838462,64.8423906 80.4994561,68.4628809 L87.0203619,76.8618891 L76.8618891,87.0203619 L68.4628809,80.4994561 C64.8423906,82.7838462 60.8135865,84.4799673 56.5106952,85.4535929 L55.183125,96 L40.816875,96 L39.4893048,85.4535929 C35.1864135,84.4799673 31.1576094,82.7838462 27.5371191,80.4994561 L19.1381109,87.0203619 L8.97963811,76.8618891 L15.5005439,68.4628809 C13.2161538,64.8423906 11.5200327,60.8135865 10.5464071,56.5106952 L0,55.183125 L0,40.816875 L10.5464071,39.4893048 C11.5200327,35.1864135 13.2161538,31.1576094 15.5005439,27.5371191 L8.97963811,19.1381109 L19.1381109,8.97963811 L27.5371191,15.5005439 C31.1576094,13.2161538 35.1864135,11.5200327 39.4893048,10.5464071 L40.816875,0 L55.183125,0 L56.5106952,10.5464071 Z" id="Layer-1"></path>
+                        <circle cx="48" cy="48" r="14.4"></circle>
+                    </g>
+                </g>
+            </svg>,
+    label: 'Rotate Z',
+    name: 'rotatez',
+    placeholder: '0deg',
+    step: 45,
+    unit: 'deg',
+    value: '90deg'
+  }
+}`,...(y=(v=s.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var C,V,f;t.parameters={...t.parameters,docs:{...(C=t.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  args: {
+    cssValueType: 'percent',
+    label: 'Width',
+    min: 0,
+    name: 'width',
+    placeholder: '100%',
+    step: 10,
+    unit: '%',
+    value: '30%'
+  }
+}`,...(f=(V=t.parameters)==null?void 0:V.docs)==null?void 0:f.source}}};var S,N,T;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  args: {
+    className: 'my-special-input',
+    cssValueType: 'length',
+    name: 'labelless',
+    placeholder: '1rem',
+    title: 'No label',
+    unit: 'rem',
+    value: '24px'
+  }
+}`,...(T=(N=l.parameters)==null?void 0:N.docs)==null?void 0:T.source}}};var z,k,w;o.parameters={...o.parameters,docs:{...(z=o.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  args: {
+    className: 'letter-spacing',
+    getValueAsNumber: value => {
+      if (typeof value === 'number') return value;
+      // “normal” for letter-spacing is effectively equivalent to 0
+      if (typeof value === 'string' && value.toLowerCase() === 'normal') {
+        return 0;
+      }
+      return parseFloat(value);
+    },
+    label: 'Letter spacing',
+    name: 'letterspacing',
+    placeholder: 'normal',
+    tabIndex: 2
+  }
+}`,...(w=(k=o.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};var I,E,A;c.parameters={...c.parameters,docs:{...(I=c.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  args: {
+    className: 'background-size',
+    label: 'Background Size',
+    name: 'backgroundsize',
+    unit: '%',
+    validator: /^(auto|contain|cover)$/,
+    value: 'cover'
+  }
+}`,...(A=(E=c.parameters)==null?void 0:E.docs)==null?void 0:A.source}}};var B,F,W;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  args: {
+    cssValueType: 'integer',
+    label: 'z-index',
+    name: 'zindex',
+    value: '0'
+  }
+}`,...(W=(F=i.parameters)==null?void 0:F.docs)==null?void 0:W.source}}};var Z,$,D;m.parameters={...m.parameters,docs:{...(Z=m.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    cssValueType: 'integer',
+    label: 'opacity',
+    name: 'opacity',
+    value: '0'
+  }
+}`,...(D=($=m.parameters)==null?void 0:$.docs)==null?void 0:D.source}}};var R,G,H;p.parameters={...p.parameters,docs:{...(R=p.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  args: {
+    cssValueType: 'length',
+    label: 'line height',
+    name: 'line-height',
+    step: 0.1,
+    unit: '',
+    value: '1.4'
+  }
+}`,...(H=(G=p.parameters)==null?void 0:G.docs)==null?void 0:H.source}}};const X=["Length","Time","Angle","Percent","LabelLess","CustomGetValueAsNumber","BackgroundSize","ZIndex","NumberValue","LineHeight"];export{s as Angle,c as BackgroundSize,o as CustomGetValueAsNumber,l as LabelLess,r as Length,p as LineHeight,m as NumberValue,t as Percent,n as Time,i as ZIndex,X as __namedExportsOrder,U as default};

package/dist/assets/Color-AVL7NMMY-BeW0C7pE.js

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

package/dist/assets/DatePicker-l5oaNCVE.css

@@ -0,0 +1 @@
+.uktmonthcalendar{font-family:system-ui,sans-serif}

package/dist/assets/DatePicker.stories-BSWV31FV.js

@@ -0,0 +1,244 @@
+import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{c as Ve,a as ie}from"./clsx-hXifHU8N.js";import{S as Je}from"./index-BRXcJgsA.js";import{R as Se,r as We}from"./iframe-ByGa_ItU.js";const a="uktmonthcalendar",qe=`
+.${a} {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    box-sizing: border-box;
+    max-width: 325px;
+}
+
+.${a}-month-title {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    box-sizing: border-box;
+    padding-bottom: 25px;
+}
+
+h3.${a}-month-title-text {
+    font-size: 18px;
+    line-height: 23px;
+    font-weight: 600;
+    color: #000;
+    margin: 0px;
+    text-align: center;
+}
+
+.${a}-month-week {
+    flex: 0 0 auto;
+    display: grid;
+    grid-column-gap: 0px;
+    grid-template-columns: repeat(auto-fit, minmax(46px, 1fr));
+    grid-auto-flow: dense;
+    box-sizing: border-box;
+    padding-bottom: 12px;
+}
+
+.${a}-month-week .week-day-item {
+    flex: 1 1 auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.${a}-month-week span.week-day-item-text {
+    text-align: center;
+    font-size: 13px;
+    line-height: 21px;
+    margin: 0px;
+    color: #9a9a9a;
+}
+
+.${a}-month-days {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.${a}-month-row {
+    flex: 1 1 auto;
+    display: grid;
+    grid-column-gap: 0px;
+    grid-template-columns: repeat(auto-fit, minmax(46px, 1fr));
+    grid-auto-flow: dense;
+    margin-bottom: 1px;
+}
+
+.${a}-month-day-item {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    height: 46px;
+    width: 46px;
+    cursor: pointer;
+    border: none;
+    background-color: transparent;
+}
+
+.${a}-month-day-item:disabled {
+    cursor: auto;
+}
+
+.${a}-month-day-item.is-selected {
+    background-color: #f8f8f8;
+}
+
+.${a}-month-day-item.start-date {
+    background-color: #f8f8f8;
+    border-top-left-radius: 50%;
+    border-bottom-left-radius: 50%;
+}
+
+.${a}-month-day-item.start-date:after {
+    background-color: #000;
+    opacity: 1;
+    visibility: visible;
+}
+.${a}-month-day-item.start-date span.month-day-item-text {
+    color: #fff;
+}
+
+.${a}-month-day-item.end-date {
+    background-color: #f8f8f8;
+    border-top-right-radius: 50%;
+    border-bottom-right-radius: 50%;
+}
+
+.${a}-month-day-item.end-date:after {
+    background-color: #000;
+    opacity: 1;
+    visibility: visible;
+}
+.${a}-month-day-item.end-date span.month-day-item-text {
+    color: #fff;
+}
+
+.${a}-month-day-item:hover:after {
+    opacity: 1;
+    visibility: visible;
+}
+
+.${a}-month-day-item:after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+    border-radius: 50%;
+    border: 1px solid #000;
+    width: 43px;
+    height: 43px;
+    transition: opacity 0.25s ease-in-out;
+    opacity: 0;
+    visibility: hidden;
+}
+
+.${a}-month-day-item.is-empty:after {
+    content: none;
+}
+
+.${a}-month-day-item span.month-day-item-text {
+    text-align: center;
+    font-size: 13px;
+    line-height: 21px;
+    margin: 0px;
+    color: #000;
+    position: relative;
+    z-index: 1;
+}
+`,Be=1970,Qe=["January","February","March","April","May","June","July","August","September","October","November","December"],Xe=(r,e)=>r.getFullYear()-Be,be=(r,e)=>Xe(r)*12+r.getMonth(),Ee=r=>Math.floor(r/12)+Be,He=r=>{let e=r%12;return Number.isNaN(e)?"":(e<0&&(e=12+e),Qe[e])},Ze=r=>{const e=He(r);return e==="September"?"Sept":e.substring(0,3)},we=(r,e,A)=>{const w=r<0?(12-Math.abs(r%12))%12:r%12,h=Ee(r);return new Date(h,w,e)},et=(r,e)=>we(r+1,0),{Fragment:tt,useCallback:_e}=Se,at=Array(7).fill(null);function Ne(r){const e=Ve.c(58);let{className:A,dateEnd:w,dateEndPreview:h,dateStart:F,isRange:X,month:n,onChange:E,onChangeEndPreview:U,title:S}=r;const De=Ee(n);S=S??`${He(n)} ${De}`;let D,m,N,c;if(e[0]!==n){const l=we(n,1),o=et(n);c=o.getDate(),D=l.getDay(),N=7,m=o.getDay(),e[0]=n,e[1]=D,e[2]=m,e[3]=N,e[4]=c}else D=e[1],m=e[2],N=e[3],c=e[4];const C=N-m%7,Z=c+D+C;let k;if(e[5]!==w||e[6]!==h||e[7]!==F||e[8]!==n||e[9]!==c){let l;e[11]!==n||e[12]!==c?(l=(o,u,_)=>{if(u!=null&&!(u instanceof Date)&&(u=new Date(u)),u==null||Number.isNaN(u.getTime()))return o;const $=be(u);if($<n?o[_]=-1:$>n?o[_]=c+1:o[_]=u.getDate(),_===1){const f=o[_-1],p=o[_];f!=null&&p!=null&&f>p&&(o[_-1]=p,o[_]=f)}return o},e[11]=n,e[12]=c,e[13]=l):l=e[13],k=[F,w,h].reduce(l,[null,null,null]),e[5]=w,e[6]=h,e[7]=F,e[8]=n,e[9]=c,e[10]=k}else k=e[10];const[i,g,s]=k;let v,K;e[14]!==E?(v=l=>{const{date:o}=l.currentTarget.dataset;o&&E&&E(o)},K=[E],e[14]=E,e[15]=v,e[16]=K):(v=e[15],K=e[16]);const I=_e(v,K);let Y,z;e[17]!==X||e[18]!==U?(Y=l=>{if(X&&U){const{date:o}=l.currentTarget.dataset;o&&U(o)}},z=[X,U],e[17]=X,e[18]=U,e[19]=Y,e[20]=z):(Y=e[19],z=e[20]);const O=_e(Y,z);let R;e[21]===Symbol.for("react.memo_cache_sentinel")?(R=t.jsx(Je,{href:"@acusti/date-picker/MonthCalendar",children:qe}),e[21]=R):R=e[21];let L;e[22]!==A?(L=ie(a,A),e[22]=A,e[23]=L):L=e[23];let d;e[24]!==S?(d=t.jsx("div",{className:`${a}-month-title`,children:t.jsx("h3",{className:`${a}-month-title-text`,children:S})}),e[24]=S,e[25]=d):d=e[25];let j;e[26]===Symbol.for("react.memo_cache_sentinel")?(j=t.jsx("div",{className:"week-day-item",children:t.jsx("span",{className:"week-day-item-text",children:"Su"})}),e[26]=j):j=e[26];let x;e[27]===Symbol.for("react.memo_cache_sentinel")?(x=t.jsx("div",{className:"week-day-item",children:t.jsx("span",{className:"week-day-item-text",children:"Mo"})}),e[27]=x):x=e[27];let G;e[28]===Symbol.for("react.memo_cache_sentinel")?(G=t.jsx("div",{className:"week-day-item",children:t.jsx("span",{className:"week-day-item-text",children:"Tu"})}),e[28]=G):G=e[28];let V;e[29]===Symbol.for("react.memo_cache_sentinel")?(V=t.jsx("div",{className:"week-day-item",children:t.jsx("span",{className:"week-day-item-text",children:"We"})}),e[29]=V):V=e[29];let W;e[30]===Symbol.for("react.memo_cache_sentinel")?(W=t.jsx("div",{className:"week-day-item",children:t.jsx("span",{className:"week-day-item-text",children:"Th"})}),e[30]=W):W=e[30];let J;e[31]===Symbol.for("react.memo_cache_sentinel")?(J=t.jsx("div",{className:"week-day-item",children:t.jsx("span",{className:"week-day-item-text",children:"Fr"})}),e[31]=J):J=e[31];let B;e[32]===Symbol.for("react.memo_cache_sentinel")?(B=t.jsxs("div",{className:`${a}-month-week`,children:[j,x,G,V,W,J,t.jsx("div",{className:"week-day-item",children:t.jsx("span",{className:"week-day-item-text",children:"Sa"})})]}),e[32]=B):B=e[32];const Q=Math.floor(Z/7);let P;if(e[33]!==g||e[34]!==s||e[35]!==i||e[36]!==D||e[37]!==I||e[38]!==O||e[39]!==n||e[40]!==Q||e[41]!==c){let l;e[43]!==g||e[44]!==s||e[45]!==i||e[46]!==D||e[47]!==I||e[48]!==O||e[49]!==n||e[50]!==c?(l=(o,u)=>t.jsx("div",{className:`${a}-month-row`,children:at.map((_,$)=>{$=$+u*7;const f=$-D+1,p=f<1||f>c,H=p?null:we(n,f),oe=i!=null&&f>i,q=g==null&&s!=null&&f<s||g!=null&&f<g;return t.jsx("button",{className:ie(`${a}-month-day-item`,{"end-date":!p&&f===g,"is-empty":p,"is-selected":!p&&oe&&q,"start-date":!p&&f===i}),"data-date":H==null?void 0:H.toISOString(),disabled:p,onClick:I,onMouseEnter:O,type:"button",children:p?null:t.jsx("span",{className:"month-day-item-text",children:f})},`MonthDayItem-${f}`)})},`MonthRow-${u}`),e[43]=g,e[44]=s,e[45]=i,e[46]=D,e[47]=I,e[48]=O,e[49]=n,e[50]=c,e[51]=l):l=e[51],P=Array(Q).fill(null).map(l),e[33]=g,e[34]=s,e[35]=i,e[36]=D,e[37]=I,e[38]=O,e[39]=n,e[40]=Q,e[41]=c,e[42]=P}else P=e[42];let M;e[52]!==P?(M=t.jsx("div",{className:`${a}-month-days`,children:P}),e[52]=P,e[53]=M):M=e[53];let T;return e[54]!==d||e[55]!==M||e[56]!==L?(T=t.jsxs(tt,{children:[R,t.jsxs("div",{className:L,children:[d,B,M]})]}),e[54]=d,e[55]=M,e[56]=L,e[57]=T):T=e[57],T}const b="uktdatepicker",nt=`
+.${b} {
+    display: flex;
+    box-sizing: border-box;
+    padding: 40px 60px 60px;
+    flex: 1 1 auto;
+    position: relative;
+    max-width: 450px;
+}
+
+.${b}.two-up {
+    max-width: 820px;
+}
+
+.${b}-range-arrow-wrap {
+    position: absolute;
+    top: 30px;
+    left: 0px;
+    display: flex;
+    justify-content: space-between;
+    height: 0px;
+    width: 100%;
+    padding: 0px 60px;
+    box-sizing: border-box;
+}
+
+.${b}-range-arrow {
+    width: 35px;
+    height: 35px;
+    text-align: center;
+    cursor: pointer;
+}
+
+.${b}-range-arrow.disabled {
+    color: #ccc;
+    cursor: default;
+}
+
+.${b}-range-arrow:active {
+    transform: translateY(1px);
+}
+
+.${b}-range-arrow.left-arrow:after,
+.${b}-range-arrow.right-arrow:after {
+    content: "‹";
+    font-size: 24px;
+    line-height: 35px;
+    font-weight: bold;
+}
+
+.${b}-range-arrow.right-arrow:after {
+    content: "›";
+}
+
+.${b}-month-container {
+    display: flex;
+    flex: 1 1 auto;
+    justify-content: space-between;
+}
+`,{Fragment:rt,useCallback:me,useEffect:ke,useRef:st,useState:ue}=Se,$e=r=>`${Ze(r)} ${Ee(r)}`;function Ke(r){const e=Ve.c(91);let{className:A,dateEnd:w,dateStart:h,initialMonth:F,isRange:X,isTwoUp:n,monthLimitFirst:E,monthLimitLast:U,onChange:S,showEndInitially:De,useMonthAbbreviations:D}=r;const m=X??w!=null,N=n&&U!=null?U-1:U;let c;e[0]!==w?(c=w!=null&&typeof w!="string"?new Date(w).toISOString():w,e[0]=w,e[1]=c):c=e[1];const C=c;let Z;e[2]!==h?(Z=h!=null&&typeof h!="string"?new Date(h).toISOString():h,e[2]=h,e[3]=Z):Z=e[3];const k=Z,[i,g]=ue(C??null),[s,v]=ue(k??null),K=st(!1);let I;e[4]!==C||e[5]!==g?(I=()=>{C!=null&&g(C)},e[4]=C,e[5]=g,e[6]=I):I=e[6];let Y;e[7]!==C?(Y=[C],e[7]=C,e[8]=Y):Y=e[8],ke(I,Y);let z;e[9]!==k||e[10]!==v?(z=()=>{k!=null&&v(k)},e[9]=k,e[10]=v,e[11]=z):z=e[11];let O;if(e[12]!==k?(O=[k],e[12]=k,e[13]=O):O=e[13],ke(z,O),F==null){const y=s==null||!!(De&&i),ce=y?i:s;let de;e[14]!==ce?(de=be(ce==null?new Date:new Date(ce)),e[14]=ce,e[15]=de):de=e[15],F=de,y&&n&&(F=F-1)}const[R,L]=ue(null),[d,j]=ue(F),x=n?2:1;let G;e[16]!==x||e[17]!==E||e[18]!==j?(G=()=>{j(y=>Math.max(y-x,E??-1/0))},e[16]=x,e[17]=E,e[18]=j,e[19]=G):G=e[19];let V;e[20]!==x||e[21]!==E?(V=[x,E],e[20]=x,e[21]=E,e[22]=V):V=e[22];const W=me(G,V);let J;e[23]!==x||e[24]!==N||e[25]!==j?(J=()=>{j(y=>Math.min(y+x,N??1/0))},e[23]=x,e[24]=N,e[25]=j,e[26]=J):J=e[26];let B;e[27]!==x||e[28]!==N?(B=[x,N],e[27]=x,e[28]=N,e[29]=B):B=e[29];const Q=me(J,B);let P;e[30]!==i||e[31]!==s||e[32]!==m||e[33]!==S||e[34]!==g||e[35]!==v?(P=y=>{m&&s!=null&&(K.current||i==null)?(y<s?(v(y),g(s),S({dateEnd:s,dateStart:y})):(g(y),S({dateEnd:y,dateStart:s})),K.current=!1):(v(y),g(null),m?(S({dateEnd:null,dateStart:y}),K.current=!0):S({dateStart:y}))},e[30]=i,e[31]=s,e[32]=m,e[33]=S,e[34]=g,e[35]=v,e[36]=P):P=e[36];let M;e[37]!==i||e[38]!==s||e[39]!==m||e[40]!==S?(M=[i,s,m,S],e[37]=i,e[38]=s,e[39]=m,e[40]=S,e[41]=M):M=e[41];const T=me(P,M);let l;e[42]!==L?(l=y=>{L(y)},e[42]=L,e[43]=l):l=e[43];let o;e[44]===Symbol.for("react.memo_cache_sentinel")?(o=[],e[44]=o):o=e[44];const u=me(l,o);let _;e[45]===Symbol.for("react.memo_cache_sentinel")?(_=t.jsx(Je,{href:"@acusti/date-picker/DatePicker",children:nt}),e[45]=_):_=e[45];let $;e[46]!==A||e[47]!==n?($=ie(b,A,{"two-up":n}),e[46]=A,e[47]=n,e[48]=$):$=e[48];const f=E!=null&&d<=E;let p;e[49]!==f?(p=ie(`${b}-range-arrow left-arrow`,{disabled:f}),e[49]=f,e[50]=p):p=e[50];let H;e[51]!==W||e[52]!==p?(H=t.jsx("div",{className:p,onClick:W}),e[51]=W,e[52]=p,e[53]=H):H=e[53];const oe=N!=null&&d>=N;let q;e[54]!==oe?(q=ie(`${b}-range-arrow right-arrow`,{disabled:oe}),e[54]=oe,e[55]=q):q=e[55];let ee;e[56]!==Q||e[57]!==q?(ee=t.jsx("div",{className:q,onClick:Q}),e[56]=Q,e[57]=q,e[58]=ee):ee=e[58];let te;e[59]!==H||e[60]!==ee?(te=t.jsxs("div",{className:`${b}-range-arrow-wrap`,children:[H,ee]}),e[59]=H,e[60]=ee,e[61]=te):te=e[61];let ae;e[62]!==d||e[63]!==D?(ae=D?$e(d):void 0,e[62]=d,e[63]=D,e[64]=ae):ae=e[64];let ne;e[65]!==i||e[66]!==R||e[67]!==s||e[68]!==T||e[69]!==u||e[70]!==m||e[71]!==d||e[72]!==ae?(ne=t.jsx(Ne,{dateEnd:i,dateEndPreview:R,dateStart:s,isRange:m,month:d,onChange:T,onChangeEndPreview:u,title:ae}),e[65]=i,e[66]=R,e[67]=s,e[68]=T,e[69]=u,e[70]=m,e[71]=d,e[72]=ae,e[73]=ne):ne=e[73];let re;e[74]!==i||e[75]!==R||e[76]!==s||e[77]!==T||e[78]!==u||e[79]!==m||e[80]!==n||e[81]!==d||e[82]!==D?(re=n?t.jsx(Ne,{dateEnd:i,dateEndPreview:R,dateStart:s,isRange:m,month:d+1,onChange:T,onChangeEndPreview:u,title:D?$e(d+1):void 0}):null,e[74]=i,e[75]=R,e[76]=s,e[77]=T,e[78]=u,e[79]=m,e[80]=n,e[81]=d,e[82]=D,e[83]=re):re=e[83];let se;e[84]!==ne||e[85]!==re?(se=t.jsxs("div",{className:`${b}-month-container`,children:[ne,re]}),e[84]=ne,e[85]=re,e[86]=se):se=e[86];let le;return e[87]!==$||e[88]!==te||e[89]!==se?(le=t.jsxs(rt,{children:[_,t.jsxs("div",{className:$,children:[te,se]})]}),e[87]=$,e[88]=te,e[89]=se,e[90]=le):le=e[90],le}const{useState:ve}=Se,dt={argTypes:{dateEnd:{control:"date",description:"(optional) end date of current date range"},dateStart:{control:"date",description:"(optional) start date of current date range"}},component:Ke,parameters:{docs:{description:{component:"`DatePicker` is a React component that renders a calendar-based date picker UI with support for date ranges."}}},tags:["autodocs"],title:"UIKit/Controls/DatePicker/DatePicker"},fe={args:{className:"default-date-picker-story"}},pe={args:{className:"two-up-date-picker-story",isTwoUp:!0}},he={className:"date-range-date-picker-story",dateEnd:new Date(2024,0,6).toISOString(),dateStart:new Date(2023,11,25).toISOString(),isTwoUp:!0},ge={args:he,render(){const[r,e]=ve(he.dateStart),[A,w]=ve(he.dateEnd);return We.createElement(Ke,{...he,dateEnd:A,dateStart:r,onChange:h=>{h.dateEnd!=null&&w(h.dateEnd),h.dateStart!=null&&e(h.dateStart)}})}},xe={args:{className:"no-future-two-up-date-picker-story",isTwoUp:!0,monthLimitLast:be(new Date)}},ye={args:{className:"no-future-two-up-date-picker-story",dateEnd:new Date(1234,0,1).toISOString(),dateStart:new Date(1233,0,1).toISOString(),isTwoUp:!0,showEndInitially:!0}};var Ae,Re,je;fe.parameters={...fe.parameters,docs:{...(Ae=fe.parameters)==null?void 0:Ae.docs,source:{originalSource:`{
+  args: {
+    className: 'default-date-picker-story'
+  }
+}`,...(je=(Re=fe.parameters)==null?void 0:Re.docs)==null?void 0:je.source}}};var Pe,Me,Te;pe.parameters={...pe.parameters,docs:{...(Pe=pe.parameters)==null?void 0:Pe.docs,source:{originalSource:`{
+  args: {
+    className: 'two-up-date-picker-story',
+    isTwoUp: true
+  }
+}`,...(Te=(Me=pe.parameters)==null?void 0:Me.docs)==null?void 0:Te.source}}};var Ce,Ie,Oe;ge.parameters={...ge.parameters,docs:{...(Ce=ge.parameters)==null?void 0:Ce.docs,source:{originalSource:`{
+  args: DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS,
+  render() {
+    const [dateStart, setDateStart] = useState(DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.dateStart);
+    const [dateEnd, setDateEnd] = useState(DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.dateEnd);
+    return <DatePicker {...DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS} dateEnd={dateEnd} dateStart={dateStart} onChange={update => {
+      if (update.dateEnd != null) setDateEnd(update.dateEnd);
+      if (update.dateStart != null) setDateStart(update.dateStart);
+    }} />;
+  }
+}`,...(Oe=(Ie=ge.parameters)==null?void 0:Ie.docs)==null?void 0:Oe.source}}};var Le,Fe,Ue;xe.parameters={...xe.parameters,docs:{...(Le=xe.parameters)==null?void 0:Le.docs,source:{originalSource:`{
+  args: {
+    className: 'no-future-two-up-date-picker-story',
+    isTwoUp: true,
+    monthLimitLast: getMonthFromDate(new Date())
+  }
+}`,...(Ue=(Fe=xe.parameters)==null?void 0:Fe.docs)==null?void 0:Ue.source}}};var Ye,ze,Ge;ye.parameters={...ye.parameters,docs:{...(Ye=ye.parameters)==null?void 0:Ye.docs,source:{originalSource:`{
+  args: {
+    className: 'no-future-two-up-date-picker-story',
+    dateEnd: new Date(1234, 0, 1).toISOString(),
+    dateStart: new Date(1233, 0, 1).toISOString(),
+    isTwoUp: true,
+    showEndInitially: true
+  }
+}`,...(Ge=(ze=ye.parameters)==null?void 0:ze.docs)==null?void 0:Ge.source}}};const mt=["DefaultDatePicker","TwoUpDatePicker","DateRangeNavidadDiaDeLosReyesDatePicker","NoFutureTwoUpDatePicker","ShowEndInitiallyDatePicker"];export{ge as DateRangeNavidadDiaDeLosReyesDatePicker,fe as DefaultDatePicker,xe as NoFutureTwoUpDatePicker,ye as ShowEndInitiallyDatePicker,pe as TwoUpDatePicker,mt as __namedExportsOrder,dt as default};

package/dist/assets/DocsRenderer-PQXLIZUC-D92GwNti.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BVajFqaV.js","./iframe-ByGa_ItU.js"])))=>i.map(i=>d[i]);
+import{r as s,_ as m,e as n}from"./iframe-ByGa_ItU.js";import{c as p}from"./client-B2qWCcIR.js";import{H as h,A as E,C as d,b as v}from"./blocks-Du178fXa.js";import"./index-DwJ-mRZ2.js";import"./jsx-runtime-D_zvdyIk.js";var i=new Map;function R(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var w=async(e,t,r)=>{let o=await x(t,r);if(R()){o.render(e);return}let{promise:a,resolve:u}=Promise.withResolvers();return o.render(s.createElement(f,{callback:u},e)),a},_=(e,t)=>{let r=i.get(e);r&&(r.unmount(),i.delete(e))},x=async(e,t)=>{let r=i.get(e);return r||(r=p.createRoot(e,t),i.set(e,r)),r},g={code:d,a:E,...h},y=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},I=class{constructor(){this.render=async(e,t,r)=>{let o={...g,...t==null?void 0:t.components},a=v;return new Promise((u,c)=>{m(async()=>{const{MDXProvider:l}=await import("./index-BVajFqaV.js");return{MDXProvider:l}},__vite__mapDeps([0,1]),import.meta.url).then(({MDXProvider:l})=>w(n.createElement(y,{showException:c,key:Math.random()},n.createElement(l,{components:o},n.createElement(a,{context:e,docsParameter:t}))),r)).then(()=>u())})},this.unmount=e=>{_(e)}}};export{I as DocsRenderer,g as defaultComponents};

package/dist/assets/Dropdown-D5cyjefk.css

@@ -0,0 +1 @@
+.sb-story{min-height:180px}.uktdropdown input{box-sizing:border-box;width:110px}.uktdropdown-body ul{text-align:left;list-style-type:none;padding-left:0;margin:0}.uktdropdown-body li{padding:4px 8px;margin:4px 0;white-space:nowrap}.uktdropdown-body .heading{color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin:.75rem 0 .5rem}.uktdropdown-body .heading:first-child{margin-top:.25rem}.no-trigger-text .uktdropdown-trigger{position:relative;margin-left:3px;width:27px;height:21px;vertical-align:top}.no-trigger-text .uktdropdown-trigger:before{content:"";display:block;position:absolute;width:9px;height:2px;top:10px;left:4px;border-radius:2px 0 0 3px;background-color:#666;transform:rotate(38deg)}.no-trigger-text .uktdropdown-trigger:after{content:"";display:block;position:absolute;width:9px;height:2px;top:10px;right:4px;border-radius:0 2px 2px 0;background-color:#666;transform:rotate(-38deg)}.font-weight{font-size:13px}.font-weight .item-title{color:#ababab}.font-weight [data-ukt-active] .item-title{color:#fff}.searchable-with-label input,.searchable-with-label .uktdropdown-body{min-width:0px;width:85px}.dropdown-without-items .uktdropdown-body{width:300px}.css-value-input-trigger .uktdropdown-label-text{display:flex;align-self:center}.textarea-trigger .uktdropdown-body{width:400px;font-size:13px}.checkboxes .uktdropdown-body{width:150px}.checkboxes input[type=checkbox]{width:auto}.overlapping-dropdown .uktdropdown-body{top:-5px;left:-5px;width:250px;min-height:200px}.out-of-bounds-example.uktdropdown{position:absolute;bottom:50px}.out-of-bounds-example input{width:150px}.out-of-bounds-example .uktdropdown-body{width:250px}.position-right.uktdropdown{position:absolute;right:65px}.out-of-bounds-example.no-direction-change.uktdropdown{position:relative;margin-top:220px}.out-of-bounds-example.no-direction-change .uktdropdown-trigger{width:255px}.out-of-bounds-example.no-direction-change.uktdropdown .uktdropdown-body{top:100%}#anchor--uikit-controls-dropdown--out-of-bounds-with-no-direction-change .innerZoomElementWrapper>*{overflow:auto;height:200px}#anchor--uikit-controls-dropdown--out-of-bounds-with-no-direction-change .sb-story{height:230px}