@zvoove/unity-ui 2.26.2 → 2.26.3

package/dist/unity-ui.es.js

@@ -726,7 +726,7 @@ return b("div",{className:rC(),children:[/* @__PURE__ */b("div",{className:oC({h
 /* @__PURE__ */x("button",{className:hC({direction:"left",visible:s.left}),onClick:()=>M("left"),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||M("left")},"aria-label":"Scroll left",children:/* @__PURE__ */x(xd,{name:"chevron-left",size:"sm",color:"on-surface-variant"})}),
 /* @__PURE__ */x("button",{className:hC({direction:"right",visible:s.right}),onClick:()=>M("right"),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||M("right")},"aria-label":"Scroll right",children:/* @__PURE__ */x(xd,{name:"chevron-right",size:"sm",color:"on-surface-variant"})}),
 /* @__PURE__ */x("div",{className:sC(),ref:Z,children:/* @__PURE__ */b("div",{className:cC({hasArrows:s.left||s.right,itemsAlignment:n}),ref:g,role:"tablist",children:[e.map(({hasActivity:e,...l},n)=>/* @__PURE__ */x(pC,{item:l,activeItem:a,onChange:t,hasActivity:e,index:n,linkComponent:o,isActive:l.id===a,scrollContainerRef:Z,tabRefs:C,setTabRef:E},l.id)),/* @__PURE__ */x("div",{className:dC({initial:p}),style:{left:`${m.left}px`,width:`${m.width}px`}})]})})]}),i?.map(e=>/* @__PURE__ */x("div",{className:iC({active:e.id===a}),children:e.children},e.id))]})};uC.displayName="Tabs";var HC=Ja({base:["w-fit","flex","justify-center","items-center","border","gap-xs","text-nowrap"],variants:{variant:{solid:["border-transparent!"],outlined:["bg-transparent!"],ghost:["bg-transparent!","border-transparent!"]},size:{large:["text-label-large","h-[32px]","px-md","rounded-sm"],medium:["text-label-medium","h-[24px]","px-sm","rounded-sm"],small:["text-label-small","h-[18px]","px-xs","rounded-xs"]},color:{green:["border-dark-green"],yellow:["border-dark-yellow"],pink:["border-dark-pink"],"steel-blue":["border-dark-steel-blue"],error:["border-error"],primary:["border-primary"],neutral:["border-outline"]},tone:{light:[],dark:[]}},compoundVariants:[{color:"green",tone:"light",variant:"solid",class:["bg-green-container","text-on-green-container"]},{color:"green",tone:"dark",variant:"solid",class:["bg-dark-green","text-on-dark-green"]},{color:"green",variant:"outlined",class:["text-on-green-container"]},{color:"green",variant:"ghost",class:["text-dark-green"]},{color:"yellow",tone:"light",variant:"solid",class:["bg-yellow-container","text-on-yellow-container"]},{color:"yellow",tone:"dark",variant:"solid",class:["bg-dark-yellow","text-on-dark-yellow"]},{color:"yellow",variant:"outlined",class:["text-on-yellow-container"]},{color:"yellow",variant:"ghost",class:["text-dark-yellow"]},{color:"pink",tone:"light",variant:"solid",class:["bg-pink-container","text-on-pink-container"]},{color:"pink",tone:"dark",variant:"solid",class:["bg-dark-pink","text-on-dark-pink"]},{color:"pink",variant:"outlined",class:["text-on-pink-container"]},{color:"pink",variant:"ghost",class:["text-dark-pink"]},{color:"steel-blue",tone:"light",variant:"solid",class:["bg-steel-blue-container","text-on-steel-blue-container"]},{color:"steel-blue",tone:"dark",variant:"solid",class:["bg-dark-steel-blue","text-on-dark-steel-blue"]},{color:"steel-blue",variant:"outlined",class:["text-on-steel-blue-container"]},{color:"steel-blue",variant:"ghost",class:["text-dark-steel-blue"]},{color:"error",tone:"light",variant:"solid",class:["bg-error-container","text-on-error-container"]},{color:"error",tone:"dark",variant:"solid",class:["bg-error","text-on-error"]},{color:"error",variant:"outlined",class:["text-on-error-container"]},{color:"error",variant:"ghost",class:["text-error"]},{color:"primary",tone:"light",variant:"solid",class:["bg-primary-container","text-on-primary-container"]},{color:"primary",tone:"dark",variant:"solid",class:["bg-primary","text-on-primary"]},{color:"primary",variant:"outlined",class:["text-on-primary-container"]},{color:"primary",variant:"ghost",class:["text-primary"]},{color:"neutral",tone:"light",variant:"solid",class:["bg-surface-container","text-inverse-surface"]},{color:"neutral",tone:"dark",variant:"solid",class:["bg-on-surface-variant","text-inverse-on-surface"]},{color:"neutral",variant:"outlined",class:["text-inverse-surface"]},{color:"neutral",variant:"ghost",class:["text-inverse-surface"]}]}),CC=s(({label:e,variant:a="solid",size:t="medium",color:l="primary",tone:n="light",icon:r,...i},o)=>/* @__PURE__ */b("span",{ref:o,className:HC({variant:a,size:t,color:l,tone:n}),...i,children:[r&&/* @__PURE__ */x(xd,{name:r,size:"xs"})," ",e]})),VC=Ja({base:["flex","flex-col","gap-xs2","p-md","relative","w-full","border","border-outline","transition-colors","ease-in-out","text-on-surface","bg-surface"],variants:{borderRadius:{none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"},disabled:{true:["opacity-50","cursor-not-allowed","bg-surface-container-low"],false:[]},error:{true:["border-error"],false:[]}},compoundVariants:[{disabled:!1,error:!1,class:["hover:border-on-surface-variant","hover:bg-surface-container-low!","focus-within:border-primary!","focus-within:bg-surface-container-low"]},{disabled:!1,error:!0,class:["hover:bg-surface-container-low!","focus-within:bg-surface-container-low"]}]}),gC=Ja({base:["w-full","pb-xs"]}),ZC=Ja({base:["grid","text-body-medium","[&>textarea]:text-inherit","after:text-inherit","[&>textarea]:resize-none","[&>textarea]:overflow-hidden","[&>textarea]:[grid-area:1/1/2/2]","after:[grid-area:1/1/2/2]","after:whitespace-pre-wrap","after:invisible","after:content-[attr(data-cloned-val)_'_']"]}),fC=Ja({base:["appearance-none","text-body-medium","text-on-surface","placeholder:text-on-surface-variant-lowest","disabled:opacity-50","disabled:cursor-not-allowed","focus:outline-none","focus:ring-0","p-none"],variants:{error:{true:["caret-error"],false:["caret-primary"]}}}),AC=s(({value:e,error:a=!1,errorMessage:t,disabled:l=!1,maxLength:n,borderRadius:r="sm",header:i,rows:o=1,actions:s,...c},m)=>{const d=f(null);/* @__PURE__ */
-return b(M,{children:[/* @__PURE__ */b("div",{className:VC({error:a,disabled:l,borderRadius:r}),onClick:()=>{d.current?.focus()},"aria-hidden":"true",children:[i&&/* @__PURE__ */x("div",{className:gC(),children:i}),
+return b(M,{children:[/* @__PURE__ */b("label",{className:VC({error:a,disabled:l,borderRadius:r}),children:[i&&/* @__PURE__ */x("div",{className:gC(),children:i}),
 /* @__PURE__ */x("div",{className:ZC(),"data-cloned-val":e??"",children:/* @__PURE__ */x("textarea",{ref:e=>{d.current=e,"function"==typeof m?m(e):m&&(m.current=e)},rows:o,className:fC({error:a}),disabled:l,value:e,...c})}),(s||n)&&/* @__PURE__ */b(hH,{direction:"row",align:"center",gap:"xs",children:[n&&/* @__PURE__ */x("div",{children:/* @__PURE__ */b(yp,{variant:"body",color:(e?.length??0)>n?"error":"on-surface-variant",children:[e?.length??0,"/",n]})}),s]})]}),/* @__PURE__ */x(Lu,{errorMessage:t,open:a,disabled:l})]})});AC.displayName="Textarea";var vC=Ja({base:["w-full","relative","min-w-[150px]"],variants:{density:{default:["h-[56px]"],"-2":["h-[48px]"],"-4":["h-[40px]"]}}}),MC=Ja({base:["appearance-none","text-body-medium","rounded-sm","border","focus:outline-none","h-full","w-full","text-body-large","transition-all","ease-in-out","disabled:opacity-50","disabled:cursor-not-allowed","hide-clear-field","remove-input-arrows","overflow-ellipsis","text-on-surface","bg-surface","hover:bg-surface-container-low","disabled:bg-surface-container-low","placeholder:text-on-surface-variant-lowest"],variants:{error:{true:["caret-error","border-error"],false:["caret-primary","border-outline","disabled:border-outline","focus:border-primary","hover:border-on-surface-variant"]},isFocused:{true:[]},density:{default:[],"-2":[],"-4":[]},hasIconLeft:{true:[],false:[]},hasIconRight:{true:[],false:[]},hasIconBothSides:{true:[],false:[]},isFilled:{true:[]},hideLabel:{true:[],false:[]},clearable:{true:[]}},compoundVariants:[{isFocused:!0,error:!0,class:["border-error"]},{isFocused:!0,error:!1,class:["border-primary"]},{hideLabel:!1,density:["default","-2"],class:["focus:pt-md"]},{hideLabel:!1,density:"-4",class:["focus:pt-md"]},{clearable:!0,density:["default","-2"],class:["focus:pr-[calc(var(--spacing-md)_*_2_+_20px)]"]},{clearable:!0,density:"-4",class:["focus:pr-[calc(var(--spacing-sm)_*_2_+_18px)]"]},{isFilled:!0,hideLabel:!1,class:["pt-md"]},{hasIconLeft:!1,density:["default","-2"],class:["px-md"]},{hasIconLeft:!1,density:"-4",class:["px-sm"]},{hasIconRight:!1,density:["default","-2"],class:["px-md"]},{hasIconRight:!1,density:"-4",class:["px-sm"]},{hasIconLeft:!0,density:["default","-2"],class:["pl-[calc(var(--spacing-md)_*_2_+_20px)]"]},{hasIconLeft:!0,density:"-4",class:["pl-[calc(var(--spacing-sm)_*_2_+_18px)]"]},{hasIconRight:!0,density:["default","-2"],class:["pr-[calc(var(--spacing-md)_*_2_+_20px)]"]},{hasIconRight:!0,density:"-4",class:["pr-[calc(var(--spacing-sm)_*_2_+_18px)]"]}],defaultVariants:{error:!1,isFilled:!1,hideLabel:!1}}),xC=Ja({base:["w-fit","absolute","top-1/2","transform  -translate-y-1/2","text-body-large","transition-all","ease-in-out","pointer-events-none","peer-focus/input:top-1/3","peer-focus/input:text-body-small","peer-disabled/input:opacity-50"],variants:{isFilled:{true:["top-1/3","text-body-small","text-on-surface-variant"],false:["text-on-surface-variant-lowest"]},error:{false:["peer-focus/input:text-primary"],true:["text-error","peer-focus/input:text-error"]},hasIconLeft:{true:[],false:[]},hasIconRight:{true:[],false:[]},iconPosition:{left:[],right:[]},density:{default:[],"-2":[],"-4":[]},hideLabel:{true:["hidden"],false:[]}},compoundVariants:[{hasIconLeft:!1,density:["default","-2"],class:["left-md"]},{hasIconLeft:!1,density:"-4",class:["left-sm"]},{hasIconLeft:!0,density:["default","-2"],class:["left-[calc(var(--spacing-md)_*_2_+_20px)]"]},{hasIconLeft:!0,density:"-4",class:["left-[calc(var(--spacing-sm)_*_2_+_18px)]"]}],defaultVariants:{error:!1,isFilled:!1}}),bC=Ja({base:["absolute","z-1","top-1/2","transform","-translate-y-1/2","text-body-small","rounded-full","peer-disabled/input:opacity-20","peer-disabled/input:cursor-not-allowed","transition-all","ease-in-out","focus:outline-none","focus:border-none"],variants:{withErrorIcon:{true:["text-error!"]},error:{true:["text-on-error","bg-error"],false:["text-on-surface-variant"]},density:{default:["size-[20px]"],"-2":["size-[20px]"],"-4":["size-[18px]"]},iconPosition:{left:[],right:[]},isError:{true:["pointer-events-none"]},disabled:{true:[]},hasAction:{true:["cursor-pointer","pointer-events-auto",'after:content-[""]',"after:size-full","after:scale-50","after:absolute","after:z-0","after:inset-none","after:bg-on-surface-variant/12","after:rounded-full","after:transition-[scale,opacity]","after:duration-200","after:ease-in-out","after:opacity-0","hover:after:opacity-100","hover:after:scale-160","focus:after:opacity-100","focus:after:scale-160","focus:after:outline-none"],false:["pointer-events-none"]},clearable:{true:["cursor-pointer","opacity-0","peer-focus/input:opacity-100","pointer-events-auto!"],false:[]}},compoundVariants:[{error:!0,isError:!0,class:["opacity-100"]},{error:!1,isError:!0,class:["opacity-0!"]},{iconPosition:"right",density:["default","-2"],class:["right-md"]},{iconPosition:"right",density:"-4",class:["right-sm"]},{iconPosition:"left",density:["default","-2"],class:["left-md"]},{iconPosition:"left",density:"-4",class:["left-sm"]}],defaultVariants:{error:!1}}),EC=(Ja({base:["text-body-small","transition-all","ease-in-out","duration-500","opacity-0","w-fit","float-left","px-[8px]","text-error"],variants:{open:{true:["pt-[4px]","h-fit"],false:["h-none"]},disabled:{true:["cursor-not-allowed"]}},compoundVariants:[{open:!0,disabled:!0,class:["opacity-50"]},{open:!0,disabled:!1,class:["opacity-100"]}],defaultVariants:{open:!1}}),{default:"md","-2":"md","-4":"sm"}),wC=s(({placeholder:e,label:a,error:t=!1,errorMessage:l,onChange:n,density:r="default",type:i="text",hideLabel:o=!1,disabled:s=!1,clearable:c=!1,icon:m,iconPosition:d="left",onIconClick:h,isFocused:p=!1,value:u,...H},C)=>{const{name:V,...g}=H,[Z,f]=A(Boolean(u)),v=Boolean(e),M=Boolean(m)&&"left"===d,E=Boolean(m)&&"right"===d||t,w=Hm(r)??"default",L=e=>{void 0!==e.target.value&&""!==e.target.value?f(!0):f(!1),n?.(e)};/* @__PURE__ */
 return b("div",{className:"flex flex-col w-full",children:[/* @__PURE__ */b("div",{className:vC({density:w}),children:[
 /* @__PURE__ */x("input",{placeholder:e,className:MC({error:t,hideLabel:o,density:w,clearable:c,isFocused:p,hasIconLeft:M,hasIconRight:E,isFilled:Z||v,className:"peer/input"}),name:V,id:V,type:i,"aria-invalid":t,"aria-errormessage":l,onChange:L,disabled:s,ref:C,value:u,...g}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zvoove/unity-ui",
-  "version": "2.26.2",
+  "version": "2.26.3",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/zvoove-org/unity-ui.git"