@acusti/uikit-docs 0.4.4 → 0.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/.storybook/main.ts +19 -4
  2. package/CHANGELOG.md +60 -0
  3. package/dist/assets/CSSValueInput-B69U5DrZ.js +5 -0
  4. package/dist/assets/{CSSValueInput-BgAgo3f9.css → CSSValueInput-DKgB9IQs.css} +1 -1
  5. package/dist/assets/CSSValueInput.stories-vCftVQHX.js +113 -0
  6. package/dist/assets/Color-6BZIO3FS-BHsDhiaJ.js +1 -0
  7. package/dist/assets/DatePicker.stories-X2JO2cn6.js +585 -0
  8. package/dist/assets/DocsRenderer-LL677BLK-i2bqAbNY.js +2 -0
  9. package/dist/assets/Dropdown-QkqMQiyU.css +1 -0
  10. package/dist/assets/Dropdown-_IIsqrAA.js +101 -0
  11. package/dist/assets/Dropdown.stories-msGED41R.js +364 -0
  12. package/dist/assets/InputText-_BMv0r1n.css +1 -0
  13. package/dist/assets/InputText.stories-CG1EnzrQ.js +148 -0
  14. package/dist/assets/Introduction-orXeKug7.js +184 -0
  15. package/dist/assets/MonthCalendar.stories-CJT-JiqF.js +177 -0
  16. package/dist/assets/WithTooltip-65CFNBJE-DlgYg9W2.js +9 -0
  17. package/dist/assets/blocks-C4xgyV4X.js +46 -0
  18. package/dist/assets/chunk-242VQQM5-DEt_wvrI.js +1 -0
  19. package/dist/assets/chunk-YKABRMAI-BpCcWWoG.js +18 -0
  20. package/dist/assets/client-Bvdml6v2.js +9 -0
  21. package/dist/assets/clsx-Bdud1Ih_.js +1 -0
  22. package/dist/assets/compiler-runtime-BOsKKfMw.js +1 -0
  23. package/dist/assets/components-CuDS54ZU.js +92 -0
  24. package/dist/assets/dist-6e4YoSiG.js +1 -0
  25. package/dist/assets/dist-BreUZhw6.js +1 -0
  26. package/dist/assets/formatter-EIJCOSYU-4RP_9NAI.js +1 -0
  27. package/dist/assets/iframe-BsC6HWDY.js +1221 -0
  28. package/dist/assets/jsx-runtime-CZwoFFIL.js +1 -0
  29. package/dist/assets/lib-WXkUx4TK.js +1 -0
  30. package/dist/assets/preload-helper-Bhb7V-Yo.js +1 -0
  31. package/dist/assets/react-18-6aLPZbD-.js +1 -0
  32. package/dist/assets/react-DcwytXSz.js +1 -0
  33. package/dist/assets/react-dom-CFVoDXTy.js +1 -0
  34. package/dist/assets/syntaxhighlighter-ED5Y7EFY-BQSv6pbL.js +6 -0
  35. package/dist/assets/theming-DLDZLcJn.js +39 -0
  36. package/dist/assets/useIsOutOfBounds.stories-CI4DMSUD.js +105 -0
  37. package/dist/assets/{useKeyboardEvents-BH4Zd7d3.css → useKeyboardEvents-CKMYGqVT.css} +1 -1
  38. package/dist/assets/useKeyboardEvents.stories-CNX299tr.js +3 -0
  39. package/dist/favicon-wrapper.svg +46 -0
  40. package/dist/favicon.svg +1 -1
  41. package/dist/iframe.html +59 -40
  42. package/dist/index.html +8 -16
  43. package/dist/index.json +1 -1
  44. package/dist/project.json +1 -1
  45. package/dist/sb-addons/docs-1/manager-bundle.js +1 -149
  46. package/dist/sb-addons/storybook-2/manager-bundle.js +1 -1
  47. package/dist/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +548 -108
  48. package/dist/sb-common-assets/favicon-wrapper.svg +46 -0
  49. package/dist/sb-common-assets/favicon.svg +1 -1
  50. package/dist/sb-manager/globals-runtime.js +73064 -67182
  51. package/dist/sb-manager/globals.js +6 -16
  52. package/dist/sb-manager/manager-stores.js +23 -0
  53. package/dist/sb-manager/runtime.js +17712 -10309
  54. package/dist/vite-inject-mocker-entry.js +2 -0
  55. package/package.json +11 -9
  56. package/stories/CSSValueInput.stories.tsx +1 -1
  57. package/stories/DatePicker.stories.tsx +182 -45
  58. package/stories/InputText.stories.tsx +36 -0
  59. package/tsconfig.json +1 -0
  60. package/tsconfig.tsbuildinfo +1 -1
  61. package/dist/assets/CSSValueInput-BoZriUnh.js +0 -1
  62. package/dist/assets/CSSValueInput.stories-D1VcYZJ0.js +0 -113
  63. package/dist/assets/Color-AVL7NMMY-BeW0C7pE.js +0 -1
  64. package/dist/assets/DatePicker.stories-BSWV31FV.js +0 -244
  65. package/dist/assets/DocsRenderer-PQXLIZUC-D92GwNti.js +0 -2
  66. package/dist/assets/Dropdown-D5cyjefk.css +0 -1
  67. package/dist/assets/Dropdown-DUP_ybXe.js +0 -84
  68. package/dist/assets/Dropdown.stories-2Wtw1otE.js +0 -336
  69. package/dist/assets/InputText-Tkbh5amB.css +0 -1
  70. package/dist/assets/InputText.stories-BYt2Aj0_.js +0 -90
  71. package/dist/assets/Introduction-nSE2hjmb.js +0 -183
  72. package/dist/assets/MonthCalendar.stories-IJrL6wIl.js +0 -169
  73. package/dist/assets/blocks-Du178fXa.js +0 -658
  74. package/dist/assets/client-B2qWCcIR.js +0 -25
  75. package/dist/assets/clsx-hXifHU8N.js +0 -9
  76. package/dist/assets/iframe-ByGa_ItU.js +0 -1102
  77. package/dist/assets/index-BRXcJgsA.js +0 -1
  78. package/dist/assets/index-BVajFqaV.js +0 -1
  79. package/dist/assets/index-DwJ-mRZ2.js +0 -9
  80. package/dist/assets/jsx-runtime-D_zvdyIk.js +0 -9
  81. package/dist/assets/react-18-djOrgGe8.js +0 -1
  82. package/dist/assets/useIsOutOfBounds.stories-e48KZd_G.js +0 -105
  83. package/dist/assets/useKeyboardEvents.stories-CJbDuGfk.js +0 -3
  84. package/dist/sb-manager/globals-module-info.js +0 -797
@@ -1 +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};
@@ -1,113 +0,0 @@
1
- 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:`{
2
- args: {
3
- className: 'my-special-input',
4
- cssValueType: 'length',
5
- label: 'Font size',
6
- name: 'fontsize',
7
- placeholder: '1rem',
8
- tabIndex: 1,
9
- unit: 'rem',
10
- validator: /^(xx-small|x-small|small|medium|large|x-large|xx-large|xxx-large|inherit)$/,
11
- value: '24px'
12
- }
13
- }`,...(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:`{
14
- args: {
15
- className: 'my-panel-input',
16
- cssValueType: 'time',
17
- label: 'Duration',
18
- max: 20,
19
- min: 0,
20
- name: 'duration',
21
- placeholder: '0.25s',
22
- step: 0.1,
23
- unit: 's'
24
- }
25
- }`,...(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:`{
26
- args: {
27
- className: 'flex-item-example',
28
- cssValueType: 'angle',
29
- icon: <svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
30
- <g stroke="none" strokeWidth="1" fill="none">
31
- <g transform="translate(2, 2)" stroke="#222F3E" strokeWidth="4">
32
- <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>
33
- <circle cx="48" cy="48" r="14.4"></circle>
34
- </g>
35
- </g>
36
- </svg>,
37
- label: 'Rotate Z',
38
- name: 'rotatez',
39
- placeholder: '0deg',
40
- step: 45,
41
- unit: 'deg',
42
- value: '90deg'
43
- }
44
- }`,...(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:`{
45
- args: {
46
- cssValueType: 'percent',
47
- label: 'Width',
48
- min: 0,
49
- name: 'width',
50
- placeholder: '100%',
51
- step: 10,
52
- unit: '%',
53
- value: '30%'
54
- }
55
- }`,...(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:`{
56
- args: {
57
- className: 'my-special-input',
58
- cssValueType: 'length',
59
- name: 'labelless',
60
- placeholder: '1rem',
61
- title: 'No label',
62
- unit: 'rem',
63
- value: '24px'
64
- }
65
- }`,...(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:`{
66
- args: {
67
- className: 'letter-spacing',
68
- getValueAsNumber: value => {
69
- if (typeof value === 'number') return value;
70
- // “normal” for letter-spacing is effectively equivalent to 0
71
- if (typeof value === 'string' && value.toLowerCase() === 'normal') {
72
- return 0;
73
- }
74
- return parseFloat(value);
75
- },
76
- label: 'Letter spacing',
77
- name: 'letterspacing',
78
- placeholder: 'normal',
79
- tabIndex: 2
80
- }
81
- }`,...(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:`{
82
- args: {
83
- className: 'background-size',
84
- label: 'Background Size',
85
- name: 'backgroundsize',
86
- unit: '%',
87
- validator: /^(auto|contain|cover)$/,
88
- value: 'cover'
89
- }
90
- }`,...(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:`{
91
- args: {
92
- cssValueType: 'integer',
93
- label: 'z-index',
94
- name: 'zindex',
95
- value: '0'
96
- }
97
- }`,...(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:`{
98
- args: {
99
- cssValueType: 'integer',
100
- label: 'opacity',
101
- name: 'opacity',
102
- value: '0'
103
- }
104
- }`,...(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:`{
105
- args: {
106
- cssValueType: 'length',
107
- label: 'line height',
108
- name: 'line-height',
109
- step: 0.1,
110
- unit: '',
111
- value: '1.4'
112
- }
113
- }`,...(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};
@@ -1 +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};
@@ -1,244 +0,0 @@
1
- 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=`
2
- .${a} {
3
- display: flex;
4
- flex-direction: column;
5
- flex: 1 1 auto;
6
- box-sizing: border-box;
7
- max-width: 325px;
8
- }
9
-
10
- .${a}-month-title {
11
- display: flex;
12
- align-items: center;
13
- justify-content: center;
14
- flex: 0 0 auto;
15
- box-sizing: border-box;
16
- padding-bottom: 25px;
17
- }
18
-
19
- h3.${a}-month-title-text {
20
- font-size: 18px;
21
- line-height: 23px;
22
- font-weight: 600;
23
- color: #000;
24
- margin: 0px;
25
- text-align: center;
26
- }
27
-
28
- .${a}-month-week {
29
- flex: 0 0 auto;
30
- display: grid;
31
- grid-column-gap: 0px;
32
- grid-template-columns: repeat(auto-fit, minmax(46px, 1fr));
33
- grid-auto-flow: dense;
34
- box-sizing: border-box;
35
- padding-bottom: 12px;
36
- }
37
-
38
- .${a}-month-week .week-day-item {
39
- flex: 1 1 auto;
40
- display: flex;
41
- justify-content: center;
42
- align-items: center;
43
- }
44
-
45
- .${a}-month-week span.week-day-item-text {
46
- text-align: center;
47
- font-size: 13px;
48
- line-height: 21px;
49
- margin: 0px;
50
- color: #9a9a9a;
51
- }
52
-
53
- .${a}-month-days {
54
- flex: 1 1 auto;
55
- display: flex;
56
- flex-direction: column;
57
- }
58
-
59
- .${a}-month-row {
60
- flex: 1 1 auto;
61
- display: grid;
62
- grid-column-gap: 0px;
63
- grid-template-columns: repeat(auto-fit, minmax(46px, 1fr));
64
- grid-auto-flow: dense;
65
- margin-bottom: 1px;
66
- }
67
-
68
- .${a}-month-day-item {
69
- display: flex;
70
- justify-content: center;
71
- align-items: center;
72
- position: relative;
73
- height: 46px;
74
- width: 46px;
75
- cursor: pointer;
76
- border: none;
77
- background-color: transparent;
78
- }
79
-
80
- .${a}-month-day-item:disabled {
81
- cursor: auto;
82
- }
83
-
84
- .${a}-month-day-item.is-selected {
85
- background-color: #f8f8f8;
86
- }
87
-
88
- .${a}-month-day-item.start-date {
89
- background-color: #f8f8f8;
90
- border-top-left-radius: 50%;
91
- border-bottom-left-radius: 50%;
92
- }
93
-
94
- .${a}-month-day-item.start-date:after {
95
- background-color: #000;
96
- opacity: 1;
97
- visibility: visible;
98
- }
99
- .${a}-month-day-item.start-date span.month-day-item-text {
100
- color: #fff;
101
- }
102
-
103
- .${a}-month-day-item.end-date {
104
- background-color: #f8f8f8;
105
- border-top-right-radius: 50%;
106
- border-bottom-right-radius: 50%;
107
- }
108
-
109
- .${a}-month-day-item.end-date:after {
110
- background-color: #000;
111
- opacity: 1;
112
- visibility: visible;
113
- }
114
- .${a}-month-day-item.end-date span.month-day-item-text {
115
- color: #fff;
116
- }
117
-
118
- .${a}-month-day-item:hover:after {
119
- opacity: 1;
120
- visibility: visible;
121
- }
122
-
123
- .${a}-month-day-item:after {
124
- content: "";
125
- position: absolute;
126
- left: 50%;
127
- top: 50%;
128
- transform: translate(-50%, -50%);
129
- pointer-events: none;
130
- border-radius: 50%;
131
- border: 1px solid #000;
132
- width: 43px;
133
- height: 43px;
134
- transition: opacity 0.25s ease-in-out;
135
- opacity: 0;
136
- visibility: hidden;
137
- }
138
-
139
- .${a}-month-day-item.is-empty:after {
140
- content: none;
141
- }
142
-
143
- .${a}-month-day-item span.month-day-item-text {
144
- text-align: center;
145
- font-size: 13px;
146
- line-height: 21px;
147
- margin: 0px;
148
- color: #000;
149
- position: relative;
150
- z-index: 1;
151
- }
152
- `,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=`
153
- .${b} {
154
- display: flex;
155
- box-sizing: border-box;
156
- padding: 40px 60px 60px;
157
- flex: 1 1 auto;
158
- position: relative;
159
- max-width: 450px;
160
- }
161
-
162
- .${b}.two-up {
163
- max-width: 820px;
164
- }
165
-
166
- .${b}-range-arrow-wrap {
167
- position: absolute;
168
- top: 30px;
169
- left: 0px;
170
- display: flex;
171
- justify-content: space-between;
172
- height: 0px;
173
- width: 100%;
174
- padding: 0px 60px;
175
- box-sizing: border-box;
176
- }
177
-
178
- .${b}-range-arrow {
179
- width: 35px;
180
- height: 35px;
181
- text-align: center;
182
- cursor: pointer;
183
- }
184
-
185
- .${b}-range-arrow.disabled {
186
- color: #ccc;
187
- cursor: default;
188
- }
189
-
190
- .${b}-range-arrow:active {
191
- transform: translateY(1px);
192
- }
193
-
194
- .${b}-range-arrow.left-arrow:after,
195
- .${b}-range-arrow.right-arrow:after {
196
- content: "‹";
197
- font-size: 24px;
198
- line-height: 35px;
199
- font-weight: bold;
200
- }
201
-
202
- .${b}-range-arrow.right-arrow:after {
203
- content: "›";
204
- }
205
-
206
- .${b}-month-container {
207
- display: flex;
208
- flex: 1 1 auto;
209
- justify-content: space-between;
210
- }
211
- `,{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:`{
212
- args: {
213
- className: 'default-date-picker-story'
214
- }
215
- }`,...(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:`{
216
- args: {
217
- className: 'two-up-date-picker-story',
218
- isTwoUp: true
219
- }
220
- }`,...(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:`{
221
- args: DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS,
222
- render() {
223
- const [dateStart, setDateStart] = useState(DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.dateStart);
224
- const [dateEnd, setDateEnd] = useState(DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS.dateEnd);
225
- return <DatePicker {...DATE_RANGE_NAVIDAD_DIA_DE_LOS_REYES_PROPS} dateEnd={dateEnd} dateStart={dateStart} onChange={update => {
226
- if (update.dateEnd != null) setDateEnd(update.dateEnd);
227
- if (update.dateStart != null) setDateStart(update.dateStart);
228
- }} />;
229
- }
230
- }`,...(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:`{
231
- args: {
232
- className: 'no-future-two-up-date-picker-story',
233
- isTwoUp: true,
234
- monthLimitLast: getMonthFromDate(new Date())
235
- }
236
- }`,...(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:`{
237
- args: {
238
- className: 'no-future-two-up-date-picker-story',
239
- dateEnd: new Date(1234, 0, 1).toISOString(),
240
- dateStart: new Date(1233, 0, 1).toISOString(),
241
- isTwoUp: true,
242
- showEndInitially: true
243
- }
244
- }`,...(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};
@@ -1,2 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BVajFqaV.js","./iframe-ByGa_ItU.js"])))=>i.map(i=>d[i]);
2
- 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};
@@ -1 +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}
@@ -1,84 +0,0 @@
1
- import{a as ct,S as lt}from"./index-BRXcJgsA.js";import{c as Ye,a as Ae}from"./clsx-hXifHU8N.js";import{R as Ce,r as A}from"./iframe-ByGa_ItU.js";const{useEffect:dt,useState:ft}=Ce,Y=()=>{},mt={disconnect:Y,observe:Y,unobserve:Y},ze=Object.freeze({bottom:void 0,left:void 0,right:void 0,top:void 0}),pt=Object.freeze({boundingClientRect:ze,maybeCleanupElement:Y,maybeCleanupTimer:null,renderTimeSetters:new Set,retryCount:0,scheduleUpdate:Y,updateBoundingClientRect:Y,updaterFrameID:null}),Oe=60*1e3,Q=new WeakMap;let ke=mt;typeof ResizeObserver=="function"&&(ke=new ResizeObserver((t,e)=>{for(const n of t){const a=n.target,i=Q.get(a);if(!i){e.unobserve(a);return}i.scheduleUpdate()}}));const gt=t=>{const e=Q.get(t);e&&(e.scheduleUpdate!=null&&e.scheduleUpdate!==Y||(e.updateBoundingClientRect=()=>{e.updaterFrameID=null;const n=t.getBoundingClientRect();if(!n.height&&!n.width){e.retryCount<10&&(e.retryCount++,e.updaterFrameID=requestAnimationFrame(e.updateBoundingClientRect));return}if(e.retryCount&&(e.retryCount=0),e.boundingClientRect.bottom===n.bottom&&e.boundingClientRect.left===n.left&&e.boundingClientRect.right===n.right&&e.boundingClientRect.top===n.top)return;e.boundingClientRect={bottom:n.bottom,left:n.left,right:n.right,top:n.top};const a=typeof Date.now=="function"?Date.now():0;for(const i of e.renderTimeSetters)i(a)},e.scheduleUpdate=()=>{e.updaterFrameID==null&&(e.updaterFrameID=requestAnimationFrame(e.updateBoundingClientRect))},e.maybeCleanupElement=()=>{if(e.maybeCleanupTimer!=null&&(clearTimeout(e.maybeCleanupTimer),e.maybeCleanupTimer=null),e.renderTimeSetters.size&&t.closest("html")){e.maybeCleanupTimer=setTimeout(e.maybeCleanupElement,Oe);return}Q.delete(t),ke.unobserve(t)},e.maybeCleanupTimer=setTimeout(e.maybeCleanupElement,Oe)))},ht=(t,e)=>{const n=Q.get(t);n&&(n.renderTimeSetters.delete(e),n.maybeCleanupElement())},Ne=t=>{const e=Ye.c(9),[,n]=ft(0);let a=!1,i;e[0]!==t?(i=(t&&Q.get(t))??null,e[0]=t,e[1]=i):i=e[1];let r=i;t&&!r&&(a=!0,e[2]!==t?(r={...pt,renderTimeSetters:new Set},Q.set(t,r),e[2]=t,e[3]=r):r=e[3],gt(t),ke.observe(t)),r&&(r.renderTimeSetters.add(n),a&&r.updateBoundingClientRect());let o;e[4]!==t||e[5]!==n?(o=()=>t?()=>{ht(t,n)}:Y,e[4]=t,e[5]=n,e[6]=o):o=e[6];let s;return e[7]!==t?(s=[t],e[7]=t,e[8]=s):s=e[8],dt(o,s),(r==null?void 0:r.boundingClientRect)??ze},{useRef:ye}=Ce,le=Object.freeze({bottom:!1,hasLayout:!1,left:!1,maxHeight:null,maxWidth:null,right:!1,top:!1}),Be=Object.freeze({...le,hasLayout:!0}),Et=t=>{for(;t!=null&&t.parentElement;){if(t.parentElement.tagName==="BODY"||getComputedStyle(t.parentElement).overflowX!=="visible")return t.parentElement;t=t.parentElement}return null},ae=(t,e)=>t>-10||e-t<=40?!1:e>=t*.75,De=({length:t,positionAfter:e,positionBefore:n})=>Number.isNaN(e)?!1:Number.isNaN(n)?!0:n>=0?!1:e<t/2,yt=t=>{const e=ye(le),n=ye(t??null),a=ye(null),i=Ne(t),r=Et(t),o=Ne(r);if(t!==n.current&&(n.current=t??null,a.current=null),!t||i.top==null)return e.current=le,le;if(o.top==null)return e.current=Be,Be;const s=e.current,p=i.bottom,h=i.left,u=i.right,y=i.top,l=(r==null?void 0:r.tagName)==="BODY"?r.ownerDocument.documentElement.clientHeight:o.bottom,d=o.left,E=o.right,T=o.top,L=p-y,z=u-h;let C=p>l||s.bottom,D=h<d||s.left,_=u>E||s.right,R=y<T||s.top;if(C||D||_||R){const k=a.current??getComputedStyle(t);a.current??(a.current=k);const U=De({length:L,positionAfter:parseFloat(k.getPropertyValue("bottom")),positionBefore:parseFloat(k.getPropertyValue("top"))}),X=De({length:z,positionAfter:parseFloat(k.getPropertyValue("right")),positionBefore:parseFloat(k.getPropertyValue("left"))}),W=U?L:0,de=X?0:z,fe=X?z:0,M=U?0:L,w=h-de-d,H=E-(u+fe),V=y-M-T,j=l-(p+W);U&&R?(R=ae(V,j),C=!R):!U&&C&&(C=ae(j,V),R=!C),X&&D?(D=ae(w,H),_=!D):!X&&_&&(_=ae(H,w),D=!_)}const B=!C||R?l-y:p-T,te=!_||D?E-h:u-d;return(!s.hasLayout||C!==s.bottom||D!==s.left||B!==s.maxHeight||te!==s.maxWidth||_!==s.right||R!==s.top)&&(e.current={bottom:C,hasLayout:!0,left:D,maxHeight:B,maxWidth:te,right:_,top:R}),e.current},oe={config:new Map,keydown:[],keypress:[],keyup:[]},bt=-50,vt=50,Ue=bt*-1,Tt=()=>{};function be({eventType:t,handler:e,ignoreUsedKeyboardEvents:n=!0,priority:a}){if(!e)return Tt;const i=Math.min(vt+Ue,Math.max(0,(a??0)+Ue)),r=oe[t];return r[i]??(r[i]=new Set),r[i].add(e),oe.config.set(e,{ignoreUsedKeyboardEvents:n,priority:i}),()=>{if(oe.config.delete(e),r[i]!=null&&(r[i].delete(e),!r[i].size)){delete r[i];for(let o=i;o>-1&&r[o]==null&&r.length===o+1;o--)r.length=o}}}const Rt=new Set(["button","checkbox","color","file","hidden","image","radio","range","reset","submit"]),wt=new Set([" ","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","Enter"]),St=t=>t.isContentEditable||t.tagName==="TEXTAREA"||t.tagName==="INPUT",We=t=>{const e=t.target;return e==null||!St(e)?!1:e.tagName!=="INPUT"||!Rt.has(e.type)?!0:wt.has(t.key)};function Ge(t){if(!(!(t!=null&&t.defaultView)||t.defaultView.__useKeyboardEventsAttached__))return t.defaultView.__useKeyboardEventsAttached__=!0,t.addEventListener("keydown",Z),t.addEventListener("keypress",Z),t.addEventListener("keyup",Z),()=>{t.defaultView&&(t.defaultView.__useKeyboardEventsAttached__=!1),t.removeEventListener("keydown",Z),t.removeEventListener("keypress",Z),t.removeEventListener("keyup",Z)}}function Z(t){const e=t.type,n=oe[e];let a=n.length;const i=We(t);for(;a--;){const r=n[a];if(r!=null)for(const o of r){const s=oe.config.get(o);if((!i||(s==null?void 0:s.ignoreUsedKeyboardEvents)===!1)&&o(t)===!1)return}}}function Lt(t){const e=Ye.c(16),{ignoreUsedKeyboardEvents:n,onKeyDown:a,onKeyPress:i,onKeyUp:r,priority:o}=t;let s;e[0]===Symbol.for("react.memo_cache_sentinel")?(s=[],e[0]=s):s=e[0],A.useEffect(Ct,s);let p,h;e[1]!==n||e[2]!==a||e[3]!==o?(p=()=>be({eventType:"keydown",handler:a,ignoreUsedKeyboardEvents:n,priority:o}),h=[n,a,o],e[1]=n,e[2]=a,e[3]=o,e[4]=p,e[5]=h):(p=e[4],h=e[5]),A.useEffect(p,h);let u,y;e[6]!==n||e[7]!==i||e[8]!==o?(u=()=>be({eventType:"keypress",handler:i,ignoreUsedKeyboardEvents:n,priority:o}),y=[n,i,o],e[6]=n,e[7]=i,e[8]=o,e[9]=u,e[10]=y):(u=e[9],y=e[10]),A.useEffect(u,y);let l,d;e[11]!==n||e[12]!==r||e[13]!==o?(l=()=>be({eventType:"keyup",handler:r,ignoreUsedKeyboardEvents:n,priority:o}),d=[n,r,o],e[11]=n,e[12]=r,e[13]=o,e[14]=l,e[15]=d):(l=e[14],d=e[15]),A.useEffect(l,d)}function Ct(){Ge(document),document.querySelectorAll("iframe").forEach(kt)}function kt(t){!Mt(t)||!t.contentDocument||Ge(t.contentDocument)}function Mt(t){try{return typeof t.contentWindow.location.href=="string"}catch{return!1}}const _t=48,$e=57,It=65,He=15,qe=.99999,xt=.999999,je=.81,At=(t,e,n)=>{if(t===e)return 1;const a=t.length,i=e.length,r=Math.min(a,i);if(!r)return 0;const[o,s]=a>i?[t,e]:[e,t],p=o.indexOf(s);if(p>-1){const E=.15/(o.length-2)*p;return Math.max(xt-E,je)}const h=Math.min(.4,3/r);let u=0,y=0,l=0;for(let d=0;d<r;d++){const E=t.charCodeAt(d),T=e.charCodeAt(d);let L=Math.abs(E-T);E>=_t&&E<=$e&&T>It&&(L=$e+1-E),u+=Math.min(He,L),y+=He,L===0&&(u===l?(l+=-10*((d+1)*h),u=l):u-=1)}return u<=0?qe:(u=(y-u)/y,Math.min(qe,u))},Ot=({excludeMismatches:t,items:e,text:n})=>{if(n=n.trim().toUpperCase(),!n||!e.length)return e;const a=[[],[]],[i]=e.reduce(([r,o],s)=>{const p=At(s.trim().toUpperCase(),n);if(t&&p<je)return[r,o];let h=r.length;if(p>o[0])h=0;else if(p>o[o.length-1]){const u=o.findIndex(y=>y<p);u!==-1&&(h=u)}return r.splice(h,0,s),o.splice(h,0,p),[r,o]},a);return i},Nt=t=>Ot(t)[0],ee="uktdropdown",ce=`.${ee}`,Je=`${ee}-body`,Ze=`${ee}-label`,Qe=`${ee}-label-text`,we=`${ee}-trigger`,F=`.${Je}`,Pe=`.${Ze}`,Bt=`.${Qe}`,Dt=`.${we}`,Se="--uktdd-body-max-height",Le="--uktdd-body-max-width",Ut=`
2
- :root {
3
- --uktdd-font-family: ${ct};
4
- --uktdd-body-bg-color: #fff;
5
- --uktdd-body-bg-color-hover: rgb(105,162,249);
6
- --uktdd-body-color-hover: #fff;
7
- --uktdd-body-buffer: 10px;
8
- ${Se}: calc(100vh - var(--uktdd-body-buffer));
9
- ${Le}: calc(100vw - var(--uktdd-body-buffer));
10
- --uktdd-body-pad-bottom: 9px;
11
- --uktdd-body-pad-left: 12px;
12
- --uktdd-body-pad-right: 12px;
13
- --uktdd-body-pad-top: 9px;
14
- --uktdd-label-pad-right: 10px;
15
- }
16
- ${ce},
17
- ${Dt} {
18
- font-family: var(--uktdd-font-family);
19
- }
20
- ${ce} {
21
- position: relative;
22
- display: inline-block;
23
- }
24
- ${ce}.disabled {
25
- pointer-events: none;
26
- }
27
- ${ce} > * {
28
- cursor: default;
29
- }
30
- ${Pe} {
31
- display: flex;
32
- }
33
- ${Bt} {
34
- padding-right: var(--uktdd-label-pad-right);
35
- }
36
- ${F} {
37
- box-sizing: border-box;
38
- position: absolute;
39
- top: 100%;
40
- max-height: var(${Se});
41
- min-height: 50px;
42
- max-width: var(${Le});
43
- min-width: 100%;
44
- overflow: auto;
45
- z-index: 2;
46
- padding: var(--uktdd-body-pad-top) var(--uktdd-body-pad-right) var(--uktdd-body-pad-bottom) var(--uktdd-body-pad-left);
47
- background-color: var(--uktdd-body-bg-color);
48
- box-shadow: 0 8px 18px rgba(0,0,0,0.25);
49
- }
50
- ${F}.calculating-position {
51
- visibility: hidden;
52
- }
53
- ${F}.out-of-bounds-bottom:not(.out-of-bounds-top) {
54
- top: auto;
55
- bottom: 100%;
56
- }
57
- ${F}.out-of-bounds-right:not(.out-of-bounds-left) {
58
- left: auto;
59
- right: 0px;
60
- }
61
- ${Pe} + ${F} {
62
- left: auto;
63
- right: 0;
64
- }
65
- ${F}.has-items {
66
- user-select: none;
67
- }
68
- ${F} [data-ukt-active] {
69
- background-color: var(--uktdd-body-bg-color-hover);
70
- color: var(--uktdd-body-color-hover);
71
- }
72
- `,et="[data-ukt-item], [data-ukt-value]",tt=t=>{if(!t)return null;const e=t.querySelector(F);if(!e)return null;let n=e.querySelectorAll(et);if(n.length)return n;for(n=e.children;n.length===1&&n[0].children!=null;)n=n[0].children;return n.length===1&&(n=e.children),n},ve=t=>t?t.querySelector("[data-ukt-active]"):null,Te=t=>{t.forEach(e=>{e.hasAttribute("data-ukt-active")&&delete e.dataset.uktActive})},G=({dropdownElement:t,element:e,index:n,indexAddend:a,isExactMatch:i,text:r})=>{const o=tt(t);if(!o)return;const s=Array.from(o);if(!s.length)return;const p=s.length-1,h=s.findIndex(l=>l.hasAttribute("data-ukt-active"));let u=h;if(typeof n=="number"&&(u=n<0?s.length+n:n),e)u=s.findIndex(l=>l===e);else if(typeof a=="number")h===-1&&a===-1?u=p:u+=a,u<0?u=0:u>p&&(u=p);else if(typeof r=="string"){if(!r){Te(s);return}const l=s.map(d=>d.innerText);if(i){const d=r.toLowerCase();u=l.findIndex(E=>E.toLowerCase().startsWith(d)),u===-1&&Te(s)}else{const d=Nt({items:l,text:r});u=l.findIndex(E=>E===d)}}if(u===-1||u===h)return;Te(s);const y=o[u];if(y!=null){y.setAttribute("data-ukt-active","");let{parentElement:l}=y,d=null;for(;!d&&l&&l!==t;)l.scrollHeight>l.clientHeight+15?d=l:l=l.parentElement;if(d){const E=d.getBoundingClientRect(),T=y.getBoundingClientRect(),L=T.top<E.top,z=T.bottom>E.bottom;if(L||z){let{scrollTop:C}=d;L?C-=E.top-T.top:C+=T.bottom-E.bottom,d.scrollTop=C}}}},{Children:$t,Fragment:Ht,useEffect:Ke,useRef:b,useState:Re}=Ce,Fe=()=>{},Xe="@acusti/dropdown requires either 1 child (the dropdown body) or 2 children: the dropdown trigger and the dropdown body.",Ve="input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea";function qt({allowCreate:t,allowEmpty:e=!0,children:n,className:a,disabled:i,hasItems:r=!0,isOpenOnMount:o,isSearchable:s,keepOpenOnSubmit:p=!r,label:h,name:u,onClick:y,onClose:l,onMouseDown:d,onMouseUp:E,onOpen:T,onSubmitItem:L,placeholder:z,style:C,tabIndex:D,value:_}){const R=$t.count(n);if(R!==1&&R!==2){if(R===0)throw new Error(Xe+" Received no children.");console.error(`${Xe} Received ${R} children.`)}let B;R>1&&(B=n[0]);const te=A.isValidElement(B),[k,U]=Re(o??!1),[X,W]=Re(!o),[de,fe]=Re(null),M=b(null),w=b(null),H=b(null),V=b(null),j=b("mouse"),ie=b(null),q=b(""),me=b(null),S=yt(de),se=b(t),Me=b(e),$=b(r),P=b(k),ue=b(X),_e=b(p),pe=b(l),ne=b(T),ge=b(L),he=b(_);Ke(()=>{se.current=t,Me.current=e,$.current=r,P.current=k,ue.current=X,_e.current=p,pe.current=l,ne.current=T,ge.current=L,he.current=_},[t,e,r,k,X,p,l,T,L,_]);const Ie=b(!1);Ke(()=>{if(!Ie.current){Ie.current=!0,P.current&&ne.current&&ne.current();return}k&&ne.current?ne.current():!k&&pe.current&&pe.current()},[k]);const J=()=>{U(!1),W(!1),me.current=null,H.current&&(clearTimeout(H.current),H.current=null)},xe=c=>{var N;const g=c.target;if(P.current&&!_e.current){const v=g.closest("[data-ukt-keep-open]");(!(v!=null&&v.dataset.uktKeepOpen)||v.dataset.uktKeepOpen==="false")&&(H.current=setTimeout(J,90))}if(!$.current)return;const f=ve(M.current);if(!f&&!se.current&&(!Me.current||(N=w.current)!=null&&N.value))return;let m=(f==null?void 0:f.innerText)??"";w.current&&(f?w.current.value=m:m=w.current.value,w.current===w.current.ownerDocument.activeElement&&w.current.blur());const O=(f==null?void 0:f.dataset.uktValue)??m;he.current&&he.current===O||ge.current&&ge.current({element:f,event:c,label:m,value:O})},nt=({clientX:c,clientY:g})=>{j.current="mouse";const f=me.current;f&&(Math.abs(f.clientX-c)<12&&Math.abs(f.clientY-g)<12||W(!1))},rt=c=>{if(!$.current||j.current!=="mouse")return;const g=M.current;if(!g)return;const f=tt(g);if(!f)return;const m=c.target,N=m.closest(et)??m;for(const v of f)if(v===N){G({dropdownElement:g,element:N});return}},ot=c=>{if(!$.current)return;const g=ve(M.current);if(!g)return;const f=c.relatedTarget;g!==c.target||g.contains(f)||delete g.dataset.uktActive},it=c=>{d&&d(c),!P.current&&(U(!0),W(!0),me.current={clientX:c.clientX,clientY:c.clientY},V.current=setTimeout(()=>{W(!1),V.current=null},1e3))},st=c=>{if(E&&E(c),ue.current||!P.current||H.current)return;const g=c.target;if(!g.closest(F)){!ue.current&&w.current!==g.ownerDocument.activeElement&&J();return}$.current&&xe(c)};Lt({ignoreUsedKeyboardEvents:!1,onKeyDown:c=>{const{altKey:g,ctrlKey:f,key:m,metaKey:O}=c,N=c.target,v=M.current;if(!v)return;const I=()=>{c.stopPropagation(),c.preventDefault(),j.current="keyboard"},x=v.contains(N);if(!P.current){if(!x)return;(m===" "||m==="Enter"||$.current&&(m==="ArrowUp"||m==="ArrowDown"))&&(I(),U(!0));return}const K=We(c);if($.current&&!K){let re=!f&&!O&&/^[A-Za-z0-9]$/.test(m);if(!re&&q.current&&(re=m===" "||m==="Backspace"),re){I(),m==="Backspace"?q.current=q.current.slice(0,-1):q.current+=m,G({dropdownElement:v,isExactMatch:se.current,text:q.current}),ie.current&&clearTimeout(ie.current),ie.current=setTimeout(()=>{q.current="",ie.current=null},1500);return}}if(m==="Enter"||m===" "&&!w.current){I(),xe(c);return}if(m==="Escape"||x&&m===" "&&!$.current){($.current||!K)&&J();return}if($.current){if(m==="ArrowUp"){I(),G(g||O?{dropdownElement:v,index:0}:{dropdownElement:v,indexAddend:-1});return}if(m==="ArrowDown"){I(),G(g||O?{dropdownElement:v,index:-1}:{dropdownElement:v,indexAddend:1});return}}}});const Ee=b(Fe),ut=c=>{if(M.current=c,!c){Ee.current(),Ee.current=Fe;return}const{ownerDocument:g}=c;let f=w.current;te&&!f&&c.firstElementChild&&(c.firstElementChild.matches(Ve)?f=c.firstElementChild:f=c.firstElementChild.querySelector(Ve),w.current=f);const m=({target:I})=>{const x=I;M.current&&!M.current.contains(x)&&J()},O=({target:I})=>{var K;if(!P.current||H.current)return;if(ue.current){W(!1),V.current&&(clearTimeout(V.current),V.current=null);return}const x=I;(K=M.current)!=null&&K.contains(x)||J()},N=({target:I})=>{if(!P.current)return;const x=I;!M.current||M.current.contains(x)||x.contains(M.current)||J()};document.addEventListener("focusin",N),document.addEventListener("mousedown",m),document.addEventListener("mouseup",O),g!==document&&(g.addEventListener("focusin",N),g.addEventListener("mousedown",m),g.addEventListener("mouseup",O)),o&&c.focus();const v=I=>{const x=M.current;if(!x)return;P.current||U(!0);const K=I.target,re=q.current.length>K.value.length;q.current=K.value,!(re&&K.value.length&&ve(x))&&G({dropdownElement:x,isExactMatch:se.current,text:q.current})};f&&f.addEventListener("input",v),Ee.current=()=>{document.removeEventListener("focusin",N),document.removeEventListener("mousedown",m),document.removeEventListener("mouseup",O),g!==document&&(g.removeEventListener("focusin",N),g.removeEventListener("mousedown",m),g.removeEventListener("mouseup",O)),f&&f.removeEventListener("input",v)}};te||(s?B=A.createElement("input",{autoComplete:"off",className:we,defaultValue:_??"",disabled:i,name:u,onFocus:()=>U(!0),placeholder:z,ref:w,tabIndex:D,type:"text"}):B=A.createElement("button",{className:we,tabIndex:0},B)),h&&(B=A.createElement("label",{className:Ze},A.createElement("div",{className:Qe},h),B));const at={...C,...S.maxHeight!=null&&S.maxHeight>0?{[Se]:`calc(${S.maxHeight}px - var(--uktdd-body-buffer))`}:null,...S.maxWidth!=null&&S.maxWidth>0?{[Le]:`calc(${S.maxWidth}px - var(--uktdd-body-buffer))`}:null};return A.createElement(Ht,null,A.createElement(lt,{href:"@acusti/dropdown/Dropdown"},Ut),A.createElement("div",{className:Ae(ee,a,{disabled:i,"is-open":k,"is-searchable":s}),onClick:y,onMouseDown:it,onMouseMove:nt,onMouseOut:ot,onMouseOver:rt,onMouseUp:st,ref:ut,style:at},B,k?A.createElement("div",{className:Ae(Je,{"calculating-position":!S.hasLayout,"has-items":r,"out-of-bounds-bottom":S.bottom&&!S.top,"out-of-bounds-left":S.left&&!S.right,"out-of-bounds-right":S.right&&!S.left,"out-of-bounds-top":S.top&&!S.bottom}),ref:fe},R>1?n[1]:n):null))}qt.__docgenInfo={description:"",methods:[],displayName:"Dropdown",props:{allowCreate:{required:!1,tsType:{name:"boolean"},description:`Boolean indicating if the user can submit a value not already in the
73
- dropdown.`},allowEmpty:{required:!1,tsType:{name:"boolean"},description:`Boolean indicating if the user can submit an empty value (i.e. clear
74
- the value). Defaults to true.`,defaultValue:{value:"true",computed:!1}},children:{required:!0,tsType:{name:"union",raw:"ChildrenTuple | React.JSX.Element",elements:[{name:"tuple",raw:"[React.ReactNode, React.ReactNode]",elements:[{name:"ReactReactNode",raw:"React.ReactNode"},{name:"ReactReactNode",raw:"React.ReactNode"}]},{name:"React.JSX.Element"}]},description:"Can take a single React element or exactly two renderable children."},className:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},group:{required:!1,tsType:{name:"string"},description:`Group identifier string links dropdowns together into a menu
75
- (like macOS top menubar).`},hasItems:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},isOpenOnMount:{required:!1,tsType:{name:"boolean"},description:""},isSearchable:{required:!1,tsType:{name:"boolean"},description:""},keepOpenOnSubmit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"!hasItems",computed:!1}},label:{required:!1,tsType:{name:"string"},description:""},name:{required:!1,tsType:{name:"string"},description:`Only usable in conjunction with {isSearchable: true}.
76
- Used as search input’s name.`},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: React.MouseEvent<HTMLElement>) => unknown",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLElement>",elements:[{name:"HTMLElement"}]},name:"event"}],return:{name:"unknown"}}},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"() => unknown",signature:{arguments:[],return:{name:"unknown"}}},description:""},onMouseDown:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: React.MouseEvent<HTMLElement>) => unknown",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLElement>",elements:[{name:"HTMLElement"}]},name:"event"}],return:{name:"unknown"}}},description:""},onMouseUp:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: React.MouseEvent<HTMLElement>) => unknown",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLElement>",elements:[{name:"HTMLElement"}]},name:"event"}],return:{name:"unknown"}}},description:""},onOpen:{required:!1,tsType:{name:"signature",type:"function",raw:"() => unknown",signature:{arguments:[],return:{name:"unknown"}}},description:""},onSubmitItem:{required:!1,tsType:{name:"signature",type:"function",raw:"(payload: Item) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
77
- element: HTMLElement | null;
78
- event: Event | React.SyntheticEvent<HTMLElement>;
79
- label: string;
80
- value: string;
81
- }`,signature:{properties:[{key:"element",value:{name:"union",raw:"HTMLElement | null",elements:[{name:"HTMLElement"},{name:"null"}],required:!0}},{key:"event",value:{name:"union",raw:"Event | React.SyntheticEvent<HTMLElement>",elements:[{name:"Event"},{name:"ReactSyntheticEvent",raw:"React.SyntheticEvent<HTMLElement>",elements:[{name:"HTMLElement"}]}],required:!0}},{key:"label",value:{name:"string",required:!0}},{key:"value",value:{name:"string",required:!0}}]}},name:"payload"}],return:{name:"void"}}},description:""},placeholder:{required:!1,tsType:{name:"string"},description:`Only usable in conjunction with {isSearchable: true}.
82
- Used as search input’s placeholder.`},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:`Only usable in conjunction with {isSearchable: true}.
83
- Used as search input’s tabIndex.`},value:{required:!1,tsType:{name:"string"},description:`Used as search input’s value if props.isSearchable === true
84
- Used to determine if value has changed to avoid triggering onSubmitItem if not`}}};export{qt as D};