@oneb/ui-vue 0.1.22 → 0.1.23

package/dist/OneHelpMenu-c39e5368.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),x=require("./common/index.cjs"),F=require("./XMarkIcon-f94baa4c.cjs"),P=require("./index-9f8735d9.cjs"),L=require("./_plugin-vue_export-helper-f246444f.cjs"),q={title:{type:String},stick:{type:String,default:"right"}},H={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},I=["data-opened"],T={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},D=e.defineComponent({__name:"OneDropdown",props:q,emits:["open","close"],setup(d,{emit:c}){const u=e.ref(!1),a=e.ref(null),s=c,r=d,i=()=>{u.value=!u.value,u.value?s("open"):s("close")};e.provide("OneDropdown",{onToggle:i});const o=e.computed(()=>{const t=a.value!=null&&a.value.getBoundingClientRect.x<270;return a.value!=null&&a.value.getBoundingClientRect().top+270>window.innerHeight?"up"+(t?"-right":"-left"):"down"+(t?"-right":"-left")}),m=e.computed(()=>{const t=["absolute z-10 w-fit rounded-md bg-white","py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none","overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"];return o.value.startsWith("up")?t.push("bottom-1 mb-10"):o.value.startsWith("down")&&t.push("top-1 mt-10"),r.stick==="right"?t.push("right-0"):r.stick==="left"&&t.push("left-0"),t});return(t,k)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:a,"data-opened":u.value},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:i,isExpanded:u.value}))),u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:i})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",m.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[t.title?(e.openBlock(),e.createElementBlock("div",T,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:i})))],2)):e.createCommentVNode("",!0)]),_:3})],8,I))}}),b=e.defineComponent({__name:"OneDropdownItem",props:H,emits:["click"],setup(d,{emit:c}){const u=c,a=d,s=e.inject("OneDropdown"),r=()=>{s!==void 0&&s.onToggle(),u("click")},i=e.computed(()=>{const o=[];return a.variant==="secondary"?o.push("text-secondary-content hover:bg-secondary-body-hover"):a.variant==="danger"?o.push("text-danger-content hover:bg-danger-10"):a.variant==="warning"?o.push("text-warning-content hover:bg-warning-10"):a.variant==="info"?o.push("text-info-content hover:bg-info-10"):o.push("hover:bg-secondary-body-hover"),o});return(o,m)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",i.value]),onClick:e.withModifiers(r,["prevent"])},[o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(o.label),1)],2))}});function R(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"})])}const W={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},app:{type:Object},accountLabel:{type:String,default:"Account"},logoutLabel:{type:String,default:"Logout"},versionLabel:{type:String,default:""},onAccount:{type:Function},onLogout:{type:Function}},M={workspace:{type:Object,required:!0},workspaces:{type:Array},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},appsTitle:{type:String,default:"Ваші додатки"},changeLabel:{type:String,default:"Керувати робочими просторами"},onChange:{type:Function},onApp:{type:Function}},U={help:{type:Object,required:!0}},X=["onClick"],G={class:"flex flex-col items-center pt-5 pb-2 h-full"},J={class:"flex flex-col px-10 py-1 mt-2 text-center"},K={class:"self-center text-base font-medium tracking-wide text-black"},Q={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},Y={class:"text-left w-full mt-5 px-3"},Z={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},ee=e.defineComponent({__name:"OneUserMenu",props:W,setup(d){const c=d,u=e.computed(()=>{var r;return(r=c.menu)==null?void 0:r.map(i=>{let o={label:i.label};i.icon!=null&&(o={...o,icon:i.icon});const m=typeof i.click=="function"?i.click:()=>{};return{key:i.label,args:o,click:m}})}),a=()=>{typeof c.onAccount=="function"&&c.onAccount()},s=()=>{typeof c.onLogout=="function"&&c.onLogout()};return(r,i)=>(e.openBlock(),e.createBlock(D,{stick:"right"},{button:e.withCtx(({onToggle:o,isExpanded:m})=>{var t,k;return[e.createElementVNode("button",{onClick:o,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[m?"bg-secondary-25":""]])},[e.createVNode(x.OneAvatar,{text:((t=r.user)==null?void 0:t.name)||"",size:r.iconSize,src:(k=r.user)==null?void 0:k.photo_url,rounded:!0},null,8,["text","size","src"])],10,X)]}),menu:e.withCtx(()=>{var o,m,t,k,g;return[e.createElementVNode("div",G,[e.createVNode(x.OneAvatar,{text:((o=r.user)==null?void 0:o.name)||"",size:80,src:(m=r.user)==null?void 0:m.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",J,[e.createElementVNode("div",K,e.toDisplayString((t=r.user)==null?void 0:t.name),1),e.createElementVNode("div",Q,e.toDisplayString((k=r.user)==null?void 0:k.email),1)]),typeof c.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:a,class:"cursor-pointer justify-center px-8 py-2 mt-3 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-neutral-100 border-slate-200 rounded-[50px] hover:bg-neutral-200"},e.toDisplayString(r.accountLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,f=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:f.key,ref_for:!0},f.args,{onClick:f.click}),null,16,["onClick"]))),128)),typeof r.onLogout=="function"?(e.openBlock(),e.createBlock(b,{key:0,icon:e.unref(R),label:r.logoutLabel,class:"rounded py-3",onClick:s},null,8,["icon","label"])):e.createCommentVNode("",!0)]),i[0]||(i[0]=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1)),e.createElementVNode("div",Z,e.toDisplayString((g=r.app)==null?void 0:g.version),1)])]}),_:1}))}});function z(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"})])}function B(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})])}function E(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 15.75l7.5-7.5 7.5 7.5"})])}function j(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})])}const te=["data-opened"],oe={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},ne={class:"flex justify-between items-center pt-3 mb-3"},re={class:"font-semibold text-xl px-3"},le={class:"grid"},se={class:"rounded-lg m-3 border"},ce={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},ae={class:"flex justify-between relative"},ie={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},de={key:0},ue={class:"text-xs font-semibold"},pe={class:"px-3 py-2"},me={class:"text-secondary-content text-left pb-1 text-xs uppercase"},he={class:"overflow-auto max-h-full"},ke={key:0,class:"space-y-2"},fe=["onClick"],ve={class:"flex"},ge={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},xe={class:"pl-2"},ye={class:"text-sm mt-1 font-semibold"},_e={class:"text9 mt-1"},we={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},be=e.defineComponent({__name:"OneBrowserMenu",props:M,emits:["open","close"],setup(d,{emit:c}){const u=c,a=d,s=e.ref(!1),r=()=>{s.value=!s.value,s.value?u("open"):u("close")},i=e.ref(!1);e.computed(()=>i.value?E:B);const o=()=>{typeof a.onChange=="function"&&a.onChange()},m=t=>{typeof a.onApp=="function"&&a.onApp(t)};return(t,k)=>{var g,f,y,l,h,v;return e.openBlock(),e.createElementBlock("div",{"data-opened":s.value},[e.createElementVNode("button",{onClick:r,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":s.value}])},[e.createVNode(e.unref(z),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:r})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",ne,[e.createElementVNode("div",re,e.toDisplayString((g=t.workspace)==null?void 0:g.title),1),e.createVNode(e.unref(F.render),{class:"w-6 cursor-pointer",onClick:r})]),e.createElementVNode("div",le,[e.createElementVNode("div",se,[e.createElementVNode("div",ce,[e.createElementVNode("div",ae,[e.createVNode(x.OneAvatar,{text:((f=t.workspace)==null?void 0:f.name)||"",src:(y=t.workspace)==null?void 0:y.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ie,e.toDisplayString((l=t.workspace)==null?void 0:l.name),1)]),i.value?(e.openBlock(),e.createElementBlock("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.workspaces,p=>(e.openBlock(),e.createElementBlock("div",{key:p.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(x.OneAvatar,{text:p.name,src:p.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",ue,e.toDisplayString(p.name),1)]))),128))])):e.createCommentVNode("",!0),k[0]||(k[0]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",{onClick:o,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString((h=t.workspace)==null?void 0:h.changeLabel),1)])]),e.createElementVNode("div",pe,[e.createElementVNode("div",me,e.toDisplayString((v=t.workspace)==null?void 0:v.appsLabel),1),e.createElementVNode("div",he,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.apps,p=>(e.openBlock(),e.createElementBlock("div",{key:p.id,onClick:_=>m(p),class:"flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"},[e.createElementVNode("div",ve,[e.createElementVNode("div",ge,[e.createVNode(x.OneAvatar,{text:p.name,src:p.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",xe,[e.createElementVNode("p",ye,e.toDisplayString(p.name),1),e.createElementVNode("p",_e,e.toDisplayString(p==null?void 0:p.short),1)])]),e.createElementVNode("div",null,[e.createVNode(P._sfc_main,{variant:"touch",icon:e.unref(j),onClick:_=>m(p)},null,8,["icon","onClick"])])],8,fe))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("button",we,e.toDisplayString("Дивитися всі"))):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,te)}}});const Be=L._export_sfc(be,[["__scopeId","data-v-4936d4e4"]]);function Ee(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"})])}function Ve(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"})])}function O(d,c){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"})])}const Ne=["data-opened"],Ce={key:1,class:"absolute top-0 right-0 h-screen max-w-96 bg-white px-3 z-10 flex flex-col"},$e={class:"flex justify-between items-center pt-3 mb-3"},Ae={class:"font-semibold text-xl px-3"},Se={key:0,class:"grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"},Fe=["onClick"],Le={class:"uppercase text-[8px]"},De={class:"overflow-y-auto grid rounded-tl-xl"},Me={class:"max-h-full bg-[#FAFAFA] rounded-t-xl"},ze={key:0,class:"space-y-2"},je=["onClick"],Oe={class:"flex"},Pe={class:"pl-2"},qe={class:"text-sm mt-1 font-semibold"},He={class:"text-[10px] mt-1 text-[#979CA9]"},Ie={class:"mt-auto"},Te={key:0},Re=["onClick"],We={class:"flex items-center space-x-3"},Ue={class:"h-16"},Xe={key:0,class:"bg-[#FAFAFA] rounded-lg p-3"},Ge={class:"flex justify-between"},Je=["onClick"],Ke={key:0,class:"tooltip-text min-w-[70px]"},Qe={class:"flex justify-between mb-4"},Ye=["href"],Ze={class:"flex flex-nowrap items-center w-max h-[24px]"},et={class:"whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]"},tt={class:"py-[8px] pl-0 pr-[8px]"},ot=e.defineComponent({__name:"OneHelpMenu",props:U,emits:["open","close"],setup(d,{emit:c}){const u=c,a=d,s=e.ref(!1),r=()=>{s.value=!s.value,s.value?u("open"):u("close")},i=e.computed(()=>f.value?E:B),o=e.ref(3),m=e.computed(()=>{var h,v;const l=((v=(h=a.help)==null?void 0:h.helpList)==null?void 0:v.length)||0;return o.value===l}),t=e.computed(()=>{var h;return(((h=a.help)==null?void 0:h.helpList)||[]).slice(0,o.value)}),k=()=>{var h,v;const l=((v=(h=a.help)==null?void 0:h.helpList)==null?void 0:v.length)||0;o.value=m.value?3:l},g=l=>{l&&window.open(l,"_blank")},f=e.ref(!1),y=()=>{f.value=!f.value};return(l,h)=>{var v,p,_,V,N,C,$,A,S;return e.openBlock(),e.createElementBlock("div",{"data-opened":s.value},[e.createElementVNode("button",{onClick:r,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":s.value}])},[e.createVNode(e.unref(Ee),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10 flex flex-col",onClick:r})):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",$e,[e.createElementVNode("div",Ae,e.toDisplayString((v=l.help)==null?void 0:v.label),1),e.createVNode(e.unref(F.render),{class:"w-6 cursor-pointer",onClick:r})]),(p=l.help)!=null&&p.helpButton?(e.openBlock(),e.createElementBlock("div",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((_=l.help)==null?void 0:_.helpButton,n=>(e.openBlock(),e.createElementBlock("button",{key:n.name,onClick:w=>g(n.link),class:"grid justify-center space-y-2 hover:bg-slate-100 p-3 rounded-xl hover:text-blue-500"},[e.createElementVNode("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n==null?void 0:n.icon),{class:"w-[16px] h-[16px] mx-auto"}))]),e.createElementVNode("span",Le,e.toDisplayString(n.name),1)],8,Fe))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",De,[e.createElementVNode("div",Me,[(V=l.help)!=null&&V.helpList&&l.help.helpList.length?(e.openBlock(),e.createElementBlock("div",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,onClick:w=>g(n.link),class:"flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"},[e.createElementVNode("div",Oe,[e.createElementVNode("div",Pe,[e.createElementVNode("p",qe,e.toDisplayString(n.name),1),e.createElementVNode("p",He,e.toDisplayString(n.inf)+"/"+e.toDisplayString(n.name),1)])])],8,je))),128))])):e.createCommentVNode("",!0)])]),(N=l.help)!=null&&N.helpList&&l.help.helpList.length>3?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:k,class:"h-11 w-full bg-[#FAFAFA] hover:bg-slate-100 p-3 text-[#525B66] rounded-b-xl text-xs hover:text-[#4089E0] font-medium"},e.toDisplayString(m.value?l.help.buttNoMore:l.help.buttMore),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Ie,[(C=l.help)!=null&&C.video?(e.openBlock(),e.createElementBlock("div",Te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.help.video,n=>(e.openBlock(),e.createElementBlock("button",{key:n.id,onClick:w=>g(n.link),class:"flex items-center space-x-3 mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"},[e.createVNode(e.unref(Ve),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(n.name),1)],8,Re))),128))])):e.createCommentVNode("",!0),($=l.help)!=null&&$.socialList?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:y,class:"flex items-center justify-between mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"},[e.createElementVNode("div",We,[e.createVNode(e.unref(O),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(l.help.socialButt),1)]),e.createVNode(e.unref(i),{class:"w-4 h-4"})])):e.createCommentVNode("",!0),e.createElementVNode("div",Ue,[f.value?(e.openBlock(),e.createElementBlock("div",Xe,[e.createElementVNode("div",Ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((A=l.help)==null?void 0:A.socialList,n=>(e.openBlock(),e.createElementBlock("button",{key:n.id,onClick:w=>g(n.link),class:"flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"},[e.createElementVNode("div",null,[n.name?(e.openBlock(),e.createElementBlock("div",Ke,e.toDisplayString(n.name),1)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n==null?void 0:n.icon),{class:"w-[24px] h-[24px] mx-auto"}))])],8,Je))),128))])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Qe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((S=l.help)==null?void 0:S.termsOffer,n=>(e.openBlock(),e.createElementBlock("a",{key:n.name,target:"_blank",href:n.link,class:"ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"},[e.createElementVNode("div",Ze,[e.createElementVNode("div",et,[e.createElementVNode("span",tt,e.toDisplayString(n.name),1)])])],8,Ye))),128))])])])):e.createCommentVNode("",!0)],8,Ne)}}});const nt=L._export_sfc(ot,[["__scopeId","data-v-94a995fe"]]);exports.OneBrowserMenu=Be;exports.OneHelpMenu=nt;exports._sfc_main=D;exports._sfc_main$1=b;exports._sfc_main$2=ee;exports.browserMenuProps=M;exports.render=E;exports.render$1=B;exports.render$2=j;exports.render$3=O;exports.render$4=z;

package/dist/button/OneButton.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/button/SpinnerIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/button/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-98ecfd9e.cjs");require("vue");require("../_plugin-vue_export-helper-f246444f.cjs");exports.OneButton=e._sfc_main;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-9f8735d9.cjs");require("vue");require("../_plugin-vue_export-helper-f246444f.cjs");exports.OneButton=e._sfc_main;

package/dist/button/index.js

@@ -1,4 +1,4 @@
-import { _ as p } from "../index-81f36d8e.js";
+import { _ as p } from "../index-f8afb6b6.js";
 import "vue";
 import "../_plugin-vue_export-helper-dad06003.js";
 export {

package/dist/button/util.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonSizeType, ButtonVariantType } from "./button";
+export declare const makeButtonClassList: (variant?: ButtonVariantType, size?: ButtonSizeType) => any[];

package/dist/card/OneCard.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/card/OneCardBody.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/card/OneCardFooter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/card/OneCardHeader.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/collapse/OneCollapse.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/common/OneAvatar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/composables/useElementWidth.d.ts

@@ -0,0 +1 @@
+export declare const useElementWidth: (el: Ref<HTMLElement>) => any;

package/dist/composables/useResizeObserver.d.ts

@@ -0,0 +1,5 @@
+import type { Ref } from 'vue';
+type MaybeRef<T> = T | Ref<T>;
+type MaybeArray<T> = T | T[];
+export declare const useResizeObserver: <T extends HTMLElement>(elementsList: any, cb: ResizeObserverCallback) => ResizeObserver;
+export {};

package/dist/dropdown/OneBrowserMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dropdown/OneBrowserMenuGrid.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dropdown/OneDropdown.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dropdown/OneDropdownDivider.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dropdown/OneDropdownItem.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dropdown/OneHelpMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dropdown/OneUserMenu.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/dropdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../OneBrowserMenu-ac867a37.cjs"),e=require("vue"),f=require("../_plugin-vue_export-helper-f246444f.cjs"),p=require("../common/index.cjs");require("../XMarkIcon-f94baa4c.cjs");require("../index-98ecfd9e.cjs");const g={},v={class:"border-t border-secondary-stroke my-1"};function k(a,o){return e.openBlock(),e.createElementBlock("div",v)}const x=f._export_sfc(g,[["render",k]]),b=["onClick"],V={class:"grid"},w={class:"font-semibold px-3"},E={class:"rounded-lg m-3 border"},N={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},B={class:"flex-shrink-0"},A={class:"w-full text-left"},C={class:"flex-shrink-0"},D=e.createElementVNode("hr",null,null,-1),O=e.createElementVNode("div",{class:"text-center py-2",style:{"font-size":"10px"}},"Керувати робочими просторами",-1),S={class:"px-3 py-2"},M={class:"text-secondary-content text-left pb-1 text-sm uppercase"},$={key:0,class:"space-y-2"},z=["onClick"],F={class:"pl-2"},q={class:"text-sm mt-1"},G={class:"text-xs mt-1"},u=3,L=e.defineComponent({__name:"OneBrowserMenuGrid",props:n.browserMenuProps,setup(a){const o=a,m=()=>{typeof o.onChange=="function"&&o.onChange()},r=e.ref(!1),_=e.computed(()=>o.apps?r.value?o.apps:o.apps.slice(0,u):[]),h=()=>{r.value=!r.value},y=t=>{typeof o.onApp=="function"&&o.onApp(t)};return(t,P)=>(e.openBlock(),e.createBlock(n._sfc_main,{stick:"right"},{button:e.withCtx(({onToggle:c,isExpanded:l})=>[e.createElementVNode("button",{onClick:c,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[l?"bg-secondary-25":""]])},[e.createVNode(e.unref(n.render$3),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${t.iconSize}px; height: ${t.iconSize}px`)},null,8,["style"])],10,b)]),menu:e.withCtx(()=>{var c,l,i,d;return[e.createElementVNode("div",V,[e.createElementVNode("div",w,e.toDisplayString((c=t.workspace)==null?void 0:c.title),1),e.createElementVNode("div",E,[e.createElementVNode("div",N,[e.createElementVNode("div",B,[e.createVNode(p.OneAvatar,{text:((l=t.workspace)==null?void 0:l.name)||"",src:(i=t.workspace)==null?void 0:i.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",A,e.toDisplayString((d=t.workspace)==null?void 0:d.name),1),e.createElementVNode("div",C,[e.createElementVNode("button",{class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:m},e.toDisplayString(t.changeLabel),1)])]),D,O])]),e.createElementVNode("div",S,[e.createElementVNode("div",M,e.toDisplayString(t.appsTitle),1),e.createElementVNode("div",null,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,onClick:T=>y(s),class:"flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"},[e.createVNode(p.OneAvatar,{text:s.name,src:s.photo_url,size:44,rounded:!1},null,8,["text","src"]),e.createElementVNode("div",F,[e.createElementVNode("p",q,e.toDisplayString(s.name),1),e.createElementVNode("p",G,e.toDisplayString(s.short),1)])],8,z))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length>u?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:h,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"},e.toDisplayString(r.value?"Приховати":"Дивитися всі"),1)):e.createCommentVNode("",!0)])])]}),_:1}))}});exports.OneBrowserMenu=n.OneBrowserMenu;exports.OneDropdown=n._sfc_main;exports.OneDropdownItem=n._sfc_main$1;exports.OneUserMenu=n._sfc_main$2;exports.OneBrowserMenuGrid=L;exports.OneDropdownDivider=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../OneHelpMenu-c39e5368.cjs"),e=require("vue"),g=require("../_plugin-vue_export-helper-f246444f.cjs"),u=require("../common/index.cjs");require("../XMarkIcon-f94baa4c.cjs");require("../index-9f8735d9.cjs");const v={},k={class:"border-t border-secondary-stroke my-1"};function x(i,o){return e.openBlock(),e.createElementBlock("div",k)}const b=g._export_sfc(v,[["render",x]]),V=["onClick"],E={class:"grid"},N={class:"font-semibold px-3"},w={class:"rounded-lg m-3 border"},B={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},A={class:"flex-shrink-0"},C={class:"w-full text-left"},O={class:"flex-shrink-0"},D={class:"px-3 py-2"},S={class:"text-secondary-content text-left pb-1 text-sm uppercase"},M={key:0,class:"space-y-2"},$=["onClick"],z={class:"pl-2"},F={class:"text-sm mt-1"},q={class:"text-xs mt-1"},m=3,H=e.defineComponent({__name:"OneBrowserMenuGrid",props:n.browserMenuProps,setup(i){const o=i,_=()=>{typeof o.onChange=="function"&&o.onChange()},r=e.ref(!1),h=e.computed(()=>o.apps?r.value?o.apps:o.apps.slice(0,m):[]),y=()=>{r.value=!r.value},f=t=>{typeof o.onApp=="function"&&o.onApp(t)};return(t,l)=>(e.openBlock(),e.createBlock(n._sfc_main,{stick:"right"},{button:e.withCtx(({onToggle:c,isExpanded:a})=>[e.createElementVNode("button",{onClick:c,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[a?"bg-secondary-25":""]])},[e.createVNode(e.unref(n.render$4),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${t.iconSize}px; height: ${t.iconSize}px`)},null,8,["style"])],10,V)]),menu:e.withCtx(()=>{var c,a,d,p;return[e.createElementVNode("div",E,[e.createElementVNode("div",N,e.toDisplayString((c=t.workspace)==null?void 0:c.title),1),e.createElementVNode("div",w,[e.createElementVNode("div",B,[e.createElementVNode("div",A,[e.createVNode(u.OneAvatar,{text:((a=t.workspace)==null?void 0:a.name)||"",src:(d=t.workspace)==null?void 0:d.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",C,e.toDisplayString((p=t.workspace)==null?void 0:p.name),1),e.createElementVNode("div",O,[e.createElementVNode("button",{class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:_},e.toDisplayString(t.changeLabel),1)])]),l[0]||(l[0]=e.createElementVNode("hr",null,null,-1)),l[1]||(l[1]=e.createElementVNode("div",{class:"text-center py-2",style:{"font-size":"10px"}},"Керувати робочими просторами",-1))])]),e.createElementVNode("div",D,[e.createElementVNode("div",S,e.toDisplayString(t.appsTitle),1),e.createElementVNode("div",null,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,onClick:G=>f(s),class:"flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"},[e.createVNode(u.OneAvatar,{text:s.name,src:s.photo_url,size:44,rounded:!1},null,8,["text","src"]),e.createElementVNode("div",z,[e.createElementVNode("p",F,e.toDisplayString(s.name),1),e.createElementVNode("p",q,e.toDisplayString(s.short),1)])],8,$))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length>m?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:y,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"},e.toDisplayString(r.value?"Приховати":"Дивитися всі"),1)):e.createCommentVNode("",!0)])])]}),_:1}))}});exports.OneBrowserMenu=n.OneBrowserMenu;exports.OneDropdown=n._sfc_main;exports.OneDropdownItem=n._sfc_main$1;exports.OneHelpMenu=n.OneHelpMenu;exports.OneUserMenu=n._sfc_main$2;exports.OneBrowserMenuGrid=H;exports.OneDropdownDivider=b;

package/dist/dropdown/index.d.ts

@@ -4,5 +4,6 @@ export { default as OneDropdownDivider } from './OneDropdownDivider.vue';
 export { default as OneUserMenu } from './OneUserMenu.vue';
 export { default as OneBrowserMenu } from './OneBrowserMenu.vue';
 export { default as OneBrowserMenuGrid } from './OneBrowserMenuGrid.vue';
+export { default as OneHelpMenu } from './OneHelpMenu.vue';
 export type { DropdownProps, DropdownItemProps } from './dropdown';
-export type { UserMenuProps, BrowserMenuProps } from './menu';
+export type { UserMenuProps, BrowserMenuProps, helpMenuProps } from './menu';

package/dist/dropdown/index.js

@@ -1,100 +1,100 @@
-import { e as k, _ as w, f as A } from "../OneBrowserMenu-97c45a52.js";
-import { O as me, a as _e, b as he } from "../OneBrowserMenu-97c45a52.js";
-import { openBlock as r, createElementBlock as c, defineComponent as C, ref as O, computed as z, createBlock as F, withCtx as _, createElementVNode as e, normalizeClass as $, createVNode as d, unref as B, normalizeStyle as D, toDisplayString as o, Fragment as M, renderList as S, createCommentVNode as h } from "vue";
-import { _ as V } from "../_plugin-vue_export-helper-dad06003.js";
-import { OneAvatar as f } from "../common/index.js";
+import { g as w, _ as A, h as C } from "../OneHelpMenu-260fea46.js";
+import { O as pe, a as ue, c as me, b as he } from "../OneHelpMenu-260fea46.js";
+import { openBlock as r, createElementBlock as l, defineComponent as O, ref as z, computed as F, createBlock as $, withCtx as _, createElementVNode as e, normalizeClass as B, createVNode as p, unref as M, normalizeStyle as D, toDisplayString as o, Fragment as S, renderList as V, createCommentVNode as f } from "vue";
+import { _ as N } from "../_plugin-vue_export-helper-dad06003.js";
+import { OneAvatar as y } from "../common/index.js";
 import "../XMarkIcon-51ef0691.js";
-import "../index-81f36d8e.js";
-const N = {}, E = { class: "border-t border-secondary-stroke my-1" };
-function G(p, t) {
-  return r(), c("div", E);
+import "../index-f8afb6b6.js";
+const E = {}, G = { class: "border-t border-secondary-stroke my-1" };
+function L(u, t) {
+  return r(), l("div", G);
 }
-const ae = /* @__PURE__ */ V(N, [["render", G]]), L = ["onClick"], I = { class: "grid" }, P = { class: "font-semibold px-3" }, T = { class: "rounded-lg m-3 border" }, U = {
+const ie = /* @__PURE__ */ N(E, [["render", L]]), H = ["onClick"], I = { class: "grid" }, P = { class: "font-semibold px-3" }, T = { class: "rounded-lg m-3 border" }, U = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, j = { class: "flex-shrink-0" }, q = { class: "w-full text-left" }, H = { class: "flex-shrink-0" }, J = /* @__PURE__ */ e("hr", null, null, -1), K = /* @__PURE__ */ e("div", {
-  class: "text-center py-2",
-  style: { "font-size": "10px" }
-}, "Керувати робочими просторами", -1), Q = { class: "px-3 py-2" }, R = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, W = {
+}, j = { class: "flex-shrink-0" }, q = { class: "w-full text-left" }, J = { class: "flex-shrink-0" }, K = { class: "px-3 py-2" }, Q = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, R = {
   key: 0,
   class: "space-y-2"
-}, X = ["onClick"], Y = { class: "pl-2" }, Z = { class: "text-sm mt-1" }, ee = { class: "text-xs mt-1" }, y = 3, de = /* @__PURE__ */ C({
+}, W = ["onClick"], X = { class: "pl-2" }, Y = { class: "text-sm mt-1" }, Z = { class: "text-xs mt-1" }, v = 3, ce = /* @__PURE__ */ O({
   __name: "OneBrowserMenuGrid",
-  props: k,
-  setup(p) {
-    const t = p, v = () => {
+  props: w,
+  setup(u) {
+    const t = u, x = () => {
       typeof t.onChange == "function" && t.onChange();
-    }, i = O(!1), x = z(() => t.apps ? i.value ? t.apps : t.apps.slice(0, y) : []), b = () => {
+    }, i = z(!1), b = F(() => t.apps ? i.value ? t.apps : t.apps.slice(0, v) : []), g = () => {
       i.value = !i.value;
-    }, g = (s) => {
+    }, k = (s) => {
       typeof t.onApp == "function" && t.onApp(s);
     };
-    return (s, se) => (r(), F(w, { stick: "right" }, {
-      button: _(({ onToggle: l, isExpanded: a }) => [
+    return (s, c) => (r(), $(A, { stick: "right" }, {
+      button: _(({ onToggle: a, isExpanded: d }) => [
         e("button", {
-          onClick: l,
-          class: $(["p-1 rounded-md hover:bg-secondary-10", [a ? "bg-secondary-25" : ""]])
+          onClick: a,
+          class: B(["p-1 rounded-md hover:bg-secondary-10", [d ? "bg-secondary-25" : ""]])
         }, [
-          d(B(A), {
+          p(M(C), {
             class: "text-secondary-base",
             style: D(`width: ${s.iconSize}px; height: ${s.iconSize}px`)
           }, null, 8, ["style"])
-        ], 10, L)
+        ], 10, H)
       ]),
       menu: _(() => {
-        var l, a, u, m;
+        var a, d, m, h;
         return [
           e("div", I, [
-            e("div", P, o((l = s.workspace) == null ? void 0 : l.title), 1),
+            e("div", P, o((a = s.workspace) == null ? void 0 : a.title), 1),
             e("div", T, [
               e("div", U, [
                 e("div", j, [
-                  d(f, {
-                    text: ((a = s.workspace) == null ? void 0 : a.name) || "",
-                    src: (u = s.workspace) == null ? void 0 : u.photo_url,
+                  p(y, {
+                    text: ((d = s.workspace) == null ? void 0 : d.name) || "",
+                    src: (m = s.workspace) == null ? void 0 : m.photo_url,
                     size: 44,
                     rounded: !1,
                     class: "mx-auto"
                   }, null, 8, ["text", "src"])
                 ]),
-                e("div", q, o((m = s.workspace) == null ? void 0 : m.name), 1),
-                e("div", H, [
+                e("div", q, o((h = s.workspace) == null ? void 0 : h.name), 1),
+                e("div", J, [
                   e("button", {
                     class: "text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",
-                    onClick: v
+                    onClick: x
                   }, o(s.changeLabel), 1)
                 ])
               ]),
-              J,
-              K
+              c[0] || (c[0] = e("hr", null, null, -1)),
+              c[1] || (c[1] = e("div", {
+                class: "text-center py-2",
+                style: { "font-size": "10px" }
+              }, "Керувати робочими просторами", -1))
             ])
           ]),
-          e("div", Q, [
-            e("div", R, o(s.appsTitle), 1),
+          e("div", K, [
+            e("div", Q, o(s.appsTitle), 1),
             e("div", null, [
-              s.apps && s.apps.length ? (r(), c("div", W, [
-                (r(!0), c(M, null, S(x.value, (n) => (r(), c("div", {
+              s.apps && s.apps.length ? (r(), l("div", R, [
+                (r(!0), l(S, null, V(b.value, (n) => (r(), l("div", {
                   key: n.id,
-                  onClick: (te) => g(n),
+                  onClick: (ee) => k(n),
                   class: "flex items-center rounded-lg hover:bg-secondary-10 border p-2 bg-[#FAFAFA] cursor-pointer"
                 }, [
-                  d(f, {
+                  p(y, {
                     text: n.name,
                     src: n.photo_url,
                     size: 44,
                     rounded: !1
                   }, null, 8, ["text", "src"]),
-                  e("div", Y, [
-                    e("p", Z, o(n.name), 1),
-                    e("p", ee, o(n.short), 1)
+                  e("div", X, [
+                    e("p", Y, o(n.name), 1),
+                    e("p", Z, o(n.short), 1)
                   ])
-                ], 8, X))), 128))
-              ])) : h("", !0),
-              s.apps && s.apps.length > y ? (r(), c("button", {
+                ], 8, W))), 128))
+              ])) : f("", !0),
+              s.apps && s.apps.length > v ? (r(), l("button", {
                 key: 1,
-                onClick: b,
+                onClick: g,
                 class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"
-              }, o(i.value ? "Приховати" : "Дивитися всі"), 1)) : h("", !0)
+              }, o(i.value ? "Приховати" : "Дивитися всі"), 1)) : f("", !0)
             ])
           ])
         ];
@@ -104,10 +104,11 @@ const ae = /* @__PURE__ */ V(N, [["render", G]]), L = ["onClick"], I = { class:
   }
 });
 export {
-  me as OneBrowserMenu,
-  de as OneBrowserMenuGrid,
-  w as OneDropdown,
-  ae as OneDropdownDivider,
-  _e as OneDropdownItem,
+  pe as OneBrowserMenu,
+  ce as OneBrowserMenuGrid,
+  A as OneDropdown,
+  ie as OneDropdownDivider,
+  ue as OneDropdownItem,
+  me as OneHelpMenu,
   he as OneUserMenu
 };

package/dist/dropdown/menu.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes } from "vue";
+import type { ExtractPropTypes, FunctionalComponent, Component } from "vue";
 import type { AppType, WorkspaceType } from '../layout/layout';
 export declare const userMenuProps: {
     user: {
@@ -48,6 +48,45 @@ export type WorkspListType = {
     photo_url?: any;
     link: string;
 };
+export type helpButtonListType = {
+    name: string;
+    icon: FunctionalComponent | Component;
+    link: string;
+};
+export type termsOfferListType = {
+    name: string;
+    link: string;
+};
+export type videoListType = {
+    name: string;
+    id: number;
+    link: string;
+};
+export type helpListType = {
+    id: number;
+    name: string;
+    category: string;
+    inf: string;
+    link: string;
+};
+export type socialListType = {
+    id: number;
+    name: string;
+    link: string;
+    icon: FunctionalComponent | Component;
+};
+export type helpType = {
+    label: string;
+    social: string;
+    helpButton: helpButtonListType[];
+    helpList: helpListType[];
+    video: videoListType[];
+    socialList: socialListType[];
+    socialButt: string;
+    termsOffer: termsOfferListType[];
+    buttMore: string;
+    buttNoMore: string;
+};
 export declare const browserMenuProps: any[] | {
     workspace: {
         type: PropType<WorkspaceType>;
@@ -85,5 +124,12 @@ export declare const browserMenuProps: any[] | {
         type: FunctionConstructor;
     };
 };
+export declare const helpMenuProps: {
+    help: {
+        type: PropType<helpType>;
+        required: boolean;
+    };
+};
 export type UserMenuProps = ExtractPropTypes<typeof userMenuProps>;
 export type BrowserMenuProps = ExtractPropTypes<typeof browserMenuProps>;
+export type helpMenuProps = ExtractPropTypes<typeof helpMenuProps>;

package/dist/form/OneForm.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/form/OneFormFeedback.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/form/OneFormField.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/form/OneFormInput.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/form/OneFormLabel.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/form/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("../XMarkIcon-f94baa4c.cjs"),C={id:{type:String,required:!1},validation:{type:Object,required:!1}},w={id:{type:String,required:!1},label:{type:String,required:!1},name:{type:String,required:!1},hint:{type:String,required:!1,default:""},errors:{type:Array,required:!1}},F={name:{type:String,required:!1},errors:{type:Array,required:!1}},S={label:{type:String,required:!1}},$={id:{type:String,required:!1},name:{type:String,required:!1},placeholder:{type:String,default:""},icon:{type:[Function,Object]},type:{type:String,default:"text"},inputClass:{required:!1,type:[Array,String]},modelValue:{required:!1,type:[String,Number,Array,Boolean,Object,null]},autofocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},large:{type:Boolean,default:!1},invalid:{type:Boolean,required:!1,default:!1},options:{type:Array,required:!1,default:[]}},k=()=>e.inject("BaseForm",()=>({formId:e.computed(()=>{}),validation:e.computed(()=>{})}),!0),f=()=>e.inject("BaseFormField",()=>({inputId:e.computed(()=>{}),inputName:e.computed(()=>{}),hasError:e.computed(()=>!1)}),!0),N=["onSubmit","id"],q=e.defineComponent({__name:"OneForm",props:C,emits:["submit"],setup(d,{emit:l}){const o=d;e.provide("BaseForm",{formId:e.computed(()=>o.id),validation:e.computed(()=>o.validation)});const a=()=>{l("submit")};return(t,n)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(a,["prevent"]),id:t.id,class:"space-y-3"},[e.renderSlot(t.$slots,"default")],40,N))}}),O=["for"],v=e.defineComponent({__name:"OneFormLabel",props:S,setup(d){const{inputId:l}=f();return(o,a)=>(e.openBlock(),e.createElementBlock("label",{for:e.unref(l),class:"block text-sm font-medium text-primary-content select-none"},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])],8,O))}}),_={key:0,class:"text-danger-content text-xs space-y-1"},h=e.defineComponent({__name:"OneFormFeedback",props:F,setup(d){const l=d,{validation:o}=k(),{inputName:a}=f(),t=e.computed(()=>a.value==null&&l.name==null?l.errors??[]:o.value==null?l.errors??[]:(o.value??{})[l.name||a.value]??l.errors??[]);return(n,i)=>t.value.length>0?(e.openBlock(),e.createElementBlock("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u},e.toDisplayString(u),1))),128))])):e.createCommentVNode("",!0)}});function I(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})])}function j(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"})])}const L=["id","disabled"],M=["selected"],A=["selected","value"],D=["name","id","value","placeholder","disabled","readonly"],z={key:2,class:"flex w-full space-x-3 items-center"},P=["type","name","id","disabled","readonly","checked"],T=["for"],X={key:3,class:"w-full space-y-1"},G=["name","id","value","disabled","readonly","checked"],H=["for"],J={key:4,class:"relative"},K={class:"absolute p-2 px-3 rounded-md h-full flex items-center select-none pointer-events-none"},Q=["type","name","id","value","placeholder","disabled","readonly"],b=e.defineComponent({__name:"OneFormInput",props:$,emits:["update:modelValue"],setup(d,{emit:l}){const o=d,{inputId:a,inputName:t,hasError:n}=f(),i=e.ref(null),u=e.ref(!1);e.onMounted(()=>{o.autofocus&&i.value&&i.value.focus()});const B=e.computed(()=>o.modelValue!=null&&o.modelValue!==""),c=e.computed(()=>{if(o.id)return o.id;const r=(a==null?void 0:a.value)||"";return o.name?`${r}-${o.name}`:r||""}),g=()=>{l("update:modelValue","")},E=e.computed(()=>{const r={"shadow-sm":o.type!=="range","border-danger-base":n.value||o.invalid,"pl-10":o.icon!=null,"pr-10":o.type==="password","rounded-full":o.rounded,"rounded-md":!o.rounded,"text-lg":o.large,"py-2.5":o.large,"py-2":!o.large};return o.inputClass!=null&&(typeof o.inputClass=="string"?r[o.inputClass]=!0:o.inputClass instanceof Array&&o.inputClass.forEach(m=>{r[m]=!0})),r}),p=r=>{o.type==="checkbox"?l("update:modelValue",r.target.checked):l("update:modelValue",r.target.value)};return(r,m)=>r.type==="select"?(e.openBlock(),e.createElementBlock("select",{key:0,id:c.value,ref_key:"inputElement",ref:i,class:e.normalizeClass(["border border-primary-stroke px-3 w-full",{"border-danger-base":e.unref(n)||r.invalid,"text-secondary-content":r.modelValue===""||r.modelValue==null,"rounded-full":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),disabled:r.disabled},[r.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,selected:r.modelValue===""||r.modelValue==null,disabled:"",hidden:""},e.toDisplayString(r.placeholder),9,M)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,s=>(e.openBlock(),e.createElementBlock("option",{selected:s.key===r.modelValue,key:s.key,value:s.key},e.toDisplayString(s.value),9,A))),128))],10,L)):r.type==="textarea"?(e.openBlock(),e.createElementBlock("textarea",{key:1,name:r.name||e.unref(t),id:c.value,value:r.modelValue,onInput:p,rows:"3",class:e.normalizeClass(["border border-primary-stroke px-3 w-full placeholder-gray-400",{"border-danger-base":e.unref(n),"rounded-3xl":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,ref_key:"inputElement",ref:i},null,42,D)):r.type==="checkbox"?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("input",{type:r.type,name:r.name||e.unref(t),id:c.value,value:!0,onInput:p,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm",{"border-danger-base":e.unref(n)||r.invalid}]),checked:r.modelValue===!0,ref_key:"inputElement",ref:i},null,42,P),e.createElementVNode("label",{for:c.value,class:"text-primary-content select-none"},e.toDisplayString(r.placeholder),9,T)])):r.type==="radio"?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,(s,y)=>(e.openBlock(),e.createElementBlock("div",{key:s.key,class:"flex w-full space-x-3 items-center"},[e.createElementVNode("input",{type:"radio",name:r.name||e.unref(t),id:`${c.value}-${y}`,value:s.key,onInput:p,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm",{"border-danger-base":e.unref(n)||r.invalid}]),checked:s.key===r.modelValue,ref_for:!0,ref_key:"inputElement",ref:i},null,42,G),e.createElementVNode("label",{for:`${c.value}-${y}`,class:"text-primary-content select-none"},e.toDisplayString(s.value),9,H)]))),128))])):(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",K,[r.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.icon),{key:0,class:"w-5 h-5 text-primary-content"})):e.createCommentVNode("",!0)]),e.createElementVNode("input",{type:u.value?"text":r.type,name:r.name||e.unref(t),id:c.value,value:r.modelValue,onInput:p,placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["border border-primary-stroke w-full px-3 placeholder-gray-400 disabled:bg-gray-50",E.value]),ref_key:"inputElement",ref:i},null,42,Q),r.clearable&&B.value?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:g,class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[e.createVNode(e.unref(V.render),{class:"w-5 h-5 text-secondary-content hover:text-primary-base"})])):r.type==="password"?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:m[0]||(m[0]=s=>u.value=!u.value),class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[u.value?(e.openBlock(),e.createBlock(e.unref(j),{key:0,class:"w-5 h-5 text-primary-content hover:text-primary-base"})):(e.openBlock(),e.createBlock(e.unref(I),{key:1,class:"w-5 h-5 text-secondary-content hover:text-primary-base"}))])):e.createCommentVNode("",!0)]))}}),R={class:"space-y-1"},U={key:2,class:"text-xs text-secondary-content select-none"},W=e.defineComponent({__name:"OneFormField",props:w,setup(d){const l=d,{formId:o,validation:a}=k(),t=e.computed(()=>l.errors!=null&&l.errors.length>0?!0:l.name==null?!1:(a.value??{})[l.name]!=null);return e.provide("BaseFormField",{inputId:e.computed(()=>{const n=o.value||"form";if(l.id!=null)return`${n}-${l.id}`;if(l.name!=null)return`${n}-field-${l.name}`}),inputName:e.computed(()=>l.name),hasError:t}),(n,i)=>(e.openBlock(),e.createElementBlock("div",R,[n.label?(e.openBlock(),e.createBlock(v,{key:0,label:n.label},null,8,["label"])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[e.createVNode(b)]),t.value?(e.openBlock(),e.createBlock(h,{key:1,errors:n.errors},null,8,["errors"])):n.hint.length>0?(e.openBlock(),e.createElementBlock("p",U,e.toDisplayString(n.hint),1)):e.createCommentVNode("",!0)]))}});exports.OneForm=q;exports.OneFormFeedback=h;exports.OneFormField=W;exports.OneFormInput=b;exports.OneFormLabel=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("../XMarkIcon-f94baa4c.cjs"),w={id:{type:String,required:!1},validation:{type:Object,required:!1}},F={id:{type:String,required:!1},label:{type:String,required:!1},name:{type:String,required:!1},hint:{type:String,required:!1,default:""},errors:{type:Array,required:!1}},S={name:{type:String,required:!1},errors:{type:Array,required:!1}},$={label:{type:String,required:!1}},N={id:{type:String,required:!1},name:{type:String,required:!1},placeholder:{type:String,default:""},icon:{type:[Function,Object]},type:{type:String,default:"text"},inputClass:{required:!1,type:[Array,String]},modelValue:{required:!1,type:[String,Number,Array,Boolean,Object,null]},autofocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},large:{type:Boolean,default:!1},invalid:{type:Boolean,required:!1,default:!1},options:{type:Array,required:!1,default:[]}},v=()=>e.inject("BaseForm",()=>({formId:e.computed(()=>{}),validation:e.computed(()=>{})}),!0),y=()=>e.inject("BaseFormField",()=>({inputId:e.computed(()=>{}),inputName:e.computed(()=>{}),hasError:e.computed(()=>!1)}),!0),q=["id"],O=e.defineComponent({__name:"OneForm",props:w,emits:["submit"],setup(d,{emit:l}){const o=d,n=l;e.provide("BaseForm",{formId:e.computed(()=>o.id),validation:e.computed(()=>o.validation)});const a=()=>{n("submit")};return(t,u)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(a,["prevent"]),id:t.id,class:"space-y-3"},[e.renderSlot(t.$slots,"default")],40,q))}}),_=["for"],h=e.defineComponent({__name:"OneFormLabel",props:$,setup(d){const{inputId:l}=y();return(o,n)=>(e.openBlock(),e.createElementBlock("label",{for:e.unref(l),class:"block text-sm font-medium text-primary-content select-none"},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)])],8,_))}}),I={key:0,class:"text-danger-content text-xs space-y-1"},b=e.defineComponent({__name:"OneFormFeedback",props:S,setup(d){const l=d,{validation:o}=v(),{inputName:n}=y(),a=e.computed(()=>n.value==null&&l.name==null?l.errors??[]:o.value==null?l.errors??[]:(o.value??{})[l.name||n.value]??l.errors??[]);return(t,u)=>a.value.length>0?(e.openBlock(),e.createElementBlock("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s},e.toDisplayString(s),1))),128))])):e.createCommentVNode("",!0)}});function j(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})])}function L(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"})])}const M=["id","disabled"],A=["selected"],D=["selected","value"],z=["name","id","value","placeholder","disabled","readonly"],P={key:2,class:"flex w-full space-x-3 items-center"},T=["type","name","id","disabled","readonly","checked"],X=["for"],G={key:3,class:"w-full space-y-1"},H=["name","id","value","disabled","readonly","checked"],J=["for"],K={key:4,class:"relative"},Q={class:"absolute p-2 px-3 rounded-md h-full flex items-center select-none pointer-events-none"},R=["type","name","id","value","placeholder","disabled","readonly"],B=e.defineComponent({__name:"OneFormInput",props:N,emits:["update:modelValue"],setup(d,{emit:l}){const o=d,n=l,{inputId:a,inputName:t,hasError:u}=y(),s=e.ref(null),p=e.ref(!1);e.onMounted(()=>{o.autofocus&&s.value&&s.value.focus()});const g=e.computed(()=>o.modelValue!=null&&o.modelValue!==""),c=e.computed(()=>{if(o.id)return o.id;const r=(a==null?void 0:a.value)||"";return o.name?`${r}-${o.name}`:r||""}),E=()=>{n("update:modelValue","")},V=e.computed(()=>{const r={"shadow-sm":o.type!=="range","border-danger-base":u.value||o.invalid,"pl-10":o.icon!=null,"pr-10":o.type==="password","rounded-full":o.rounded,"rounded-md":!o.rounded,"text-lg":o.large,"py-2.5":o.large,"py-2":!o.large};return o.inputClass!=null&&(typeof o.inputClass=="string"?r[o.inputClass]=!0:o.inputClass instanceof Array&&o.inputClass.forEach(f=>{r[f]=!0})),r}),m=r=>{o.type==="checkbox"?n("update:modelValue",r.target.checked):n("update:modelValue",r.target.value)};return(r,f)=>r.type==="select"?(e.openBlock(),e.createElementBlock("select",{key:0,id:c.value,ref_key:"inputElement",ref:s,class:e.normalizeClass(["border border-primary-stroke px-3 w-full",{"border-danger-base":e.unref(u)||r.invalid,"text-secondary-content":r.modelValue===""||r.modelValue==null,"rounded-full":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),disabled:r.disabled},[r.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,selected:r.modelValue===""||r.modelValue==null,disabled:"",hidden:""},e.toDisplayString(r.placeholder),9,A)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,i=>(e.openBlock(),e.createElementBlock("option",{selected:i.key===r.modelValue,key:i.key,value:i.key},e.toDisplayString(i.value),9,D))),128))],10,M)):r.type==="textarea"?(e.openBlock(),e.createElementBlock("textarea",{key:1,name:r.name||e.unref(t),id:c.value,value:r.modelValue,onInput:m,rows:"3",class:e.normalizeClass(["border border-primary-stroke px-3 w-full placeholder-gray-400",{"border-danger-base":e.unref(u),"rounded-3xl":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,ref_key:"inputElement",ref:s},null,42,z)):r.type==="checkbox"?(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("input",{type:r.type,name:r.name||e.unref(t),id:c.value,value:!0,onInput:m,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm",{"border-danger-base":e.unref(u)||r.invalid}]),checked:r.modelValue===!0,ref_key:"inputElement",ref:s},null,42,T),e.createElementVNode("label",{for:c.value,class:"text-primary-content select-none"},e.toDisplayString(r.placeholder),9,X)])):r.type==="radio"?(e.openBlock(),e.createElementBlock("div",G,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,(i,k)=>(e.openBlock(),e.createElementBlock("div",{key:i.key,class:"flex w-full space-x-3 items-center"},[e.createElementVNode("input",{type:"radio",name:r.name||e.unref(t),id:`${c.value}-${k}`,value:i.key,onInput:m,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm",{"border-danger-base":e.unref(u)||r.invalid}]),checked:i.key===r.modelValue,ref_for:!0,ref_key:"inputElement",ref:s},null,42,H),e.createElementVNode("label",{for:`${c.value}-${k}`,class:"text-primary-content select-none"},e.toDisplayString(i.value),9,J)]))),128))])):(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",Q,[r.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.icon),{key:0,class:"w-5 h-5 text-primary-content"})):e.createCommentVNode("",!0)]),e.createElementVNode("input",{type:p.value?"text":r.type,name:r.name||e.unref(t),id:c.value,value:r.modelValue,onInput:m,placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["border border-primary-stroke w-full px-3 placeholder-gray-400 disabled:bg-gray-50",V.value]),ref_key:"inputElement",ref:s},null,42,R),r.clearable&&g.value?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:E,class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[e.createVNode(e.unref(C.render),{class:"w-5 h-5 text-secondary-content hover:text-primary-base"})])):r.type==="password"?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:f[0]||(f[0]=i=>p.value=!p.value),class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[p.value?(e.openBlock(),e.createBlock(e.unref(L),{key:0,class:"w-5 h-5 text-primary-content hover:text-primary-base"})):(e.openBlock(),e.createBlock(e.unref(j),{key:1,class:"w-5 h-5 text-secondary-content hover:text-primary-base"}))])):e.createCommentVNode("",!0)]))}}),U={class:"space-y-1"},W={key:2,class:"text-xs text-secondary-content select-none"},Y=e.defineComponent({__name:"OneFormField",props:F,setup(d){const l=d,{formId:o,validation:n}=v(),a=e.computed(()=>l.errors!=null&&l.errors.length>0?!0:l.name==null?!1:(n.value??{})[l.name]!=null);return e.provide("BaseFormField",{inputId:e.computed(()=>{const t=o.value||"form";if(l.id!=null)return`${t}-${l.id}`;if(l.name!=null)return`${t}-field-${l.name}`}),inputName:e.computed(()=>l.name),hasError:a}),(t,u)=>(e.openBlock(),e.createElementBlock("div",U,[t.label?(e.openBlock(),e.createBlock(h,{key:0,label:t.label},null,8,["label"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(B)]),a.value?(e.openBlock(),e.createBlock(b,{key:1,errors:t.errors},null,8,["errors"])):t.hint.length>0?(e.openBlock(),e.createElementBlock("p",W,e.toDisplayString(t.hint),1)):e.createCommentVNode("",!0)]))}});exports.OneForm=O;exports.OneFormFeedback=b;exports.OneFormField=Y;exports.OneFormInput=B;exports.OneFormLabel=h;