@oneb/ui-vue 0.3.32 → 0.4.1

package/dist/OneHelpMenu-78d9348a.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),V=require("./dropdown-5cb64ab7.cjs"),w=require("@floating-ui/dom"),D=require("@floating-ui/vue"),y=require("./OneAvatar.vue_vue_type_script_setup_true_lang-2d9f44f1.cjs"),B=require("./i18n/index.cjs"),N=require("./XMarkIcon-f94baa4c.cjs"),C=require("./ChevronDownIcon-6889ac87.cjs"),$=require("./ChevronUpIcon-64a673e1.cjs"),j=require("./ChevronRightIcon-2992cf0d.cjs"),O=require("./button/index.cjs"),A=require("./_plugin-vue_export-helper-f246444f.cjs"),q=["data-opened"],I={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},P={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},F=e.defineComponent({__name:"OneDropdown",props:V.dropdownProps,emits:["open","close"],setup(h,{emit:u}){const c=e.ref(!1),d=e.ref(null),v=e.ref(null),s=e.ref(null),r=u,t=h,a=()=>{c.value=!c.value,c.value?r("open"):r("close")};let p=null;const f=()=>{t.trigger==="hover"&&(p&&(clearTimeout(p),p=null),c.value||(c.value=!0,r("open")))},i=()=>{t.trigger==="hover"&&(p=setTimeout(()=>{c.value&&(c.value=!1,r("close"))},100))};e.provide("OneDropdown",{onToggle:a});let m=null;function x(){!v.value||!s.value||w.computePosition(v.value,s.value,{placement:t.stick?t.stick:"bottom-start",strategy:"fixed",middleware:[w.offset(t.offset),D.flip(),w.shift({padding:8})]}).then(({x:o,y:l})=>{s.value&&Object.assign(s.value.style,{left:`${o}px`,top:`${l}px`,visibility:"visible"})})}e.watch(c,async o=>{t.appendBody&&(o?(await e.nextTick(),v.value&&s.value&&(s.value.style.visibility="hidden",x(),m=w.autoUpdate(v.value,s.value,x))):m&&(m(),m=null))}),e.onBeforeUnmount(()=>{m&&m()});const k=e.computed(()=>{var _;if(t.appendBody)return"";const o=(_=d.value)==null?void 0:_.getBoundingClientRect(),l=o?o.x<270:!1;return o&&o.top+270>window.innerHeight?"up"+(l?"-right":"-left"):"down"+(l?"-right":"-left")}),g=e.computed(()=>{const o=["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 k.value.startsWith("up")?o.push("bottom-1 mb-10"):k.value.startsWith("down")&&o.push("top-1 mt-10"),t.stick==="right"?o.push("right-0"):t.stick==="left"&&o.push("left-0"),o}),n=e.computed(()=>["fixed z-[10000] 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,l)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"containerRef",ref:d,"data-opened":c.value,onMouseenter:f,onMouseleave:i},[e.createElementVNode("div",{ref_key:"buttonRef",ref:v},[e.renderSlot(o.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:a,isExpanded:c.value})))],512),t.appendBody?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[c.value&&o.trigger==="click"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-[9999]",onClick:a})):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(()=>[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"menuRef",ref:s,class:e.normalizeClass(["menu",n.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",onMouseenter:f,onMouseleave:i},[o.title?(e.openBlock(),e.createElementBlock("div",I,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:a})))],34)):e.createCommentVNode("",!0)]),_:3})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[c.value&&o.trigger==="click"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:a})):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(()=>[c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",g.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[o.title?(e.openBlock(),e.createElementBlock("div",P,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:a})))],2)):e.createCommentVNode("",!0)]),_:3})],64))],40,q))}}),b=e.defineComponent({__name:"OneDropdownItem",props:V.dropdownItemProps,emits:["click"],setup(h,{emit:u}){const c=u,d=h,v=e.inject("OneDropdown"),s=()=>{v!==void 0&&v.onToggle(),c("click")},r=e.computed(()=>{const t=[];return d.variant==="secondary"?t.push("text-secondary-content hover:bg-secondary-body-hover"):d.variant==="danger"?t.push("text-danger-content hover:bg-danger-10"):d.variant==="warning"?t.push("text-warning-content hover:bg-warning-10"):d.variant==="info"?t.push("text-info-content hover:bg-info-10"):t.push("hover:bg-secondary-body-hover"),t});return(t,a)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",r.value]),onClick:e.withModifiers(s,["prevent"])},[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.label),1)],2))}});function T(h,u){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 H={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},app:{type:Object},onAccount:{type:Function},onLogout:{type:Function},t:{type:Function}},S={workspace:{type:Object,required:!1},workspaces:{type:Array},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},onChange:{type:Function},onApp:{type:Function},t:{type:Function}},R={help:{type:Object},helpSlug:{type:String},t:{type:Function}},U=["onClick"],W={class:"flex flex-col items-center pt-5 pb-2 h-full"},X={class:"flex flex-col px-10 py-1 mt-2 text-center"},G={class:"self-center text-base font-medium tracking-wide text-black"},J={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},K={class:"text-left w-full mt-5 px-3"},Q={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},Y=e.defineComponent({__name:"OneUserMenu",props:H,setup(h){const u=h,c=B.useOnebI18n(),d=e.computed(()=>u.t??c),v=e.computed(()=>{var t;return(t=u.menu)==null?void 0:t.map(a=>{let p={label:a.label};a.icon!=null&&(p={...p,icon:a.icon});const f=typeof a.click=="function"?a.click:()=>{};return{key:a.label,args:p,click:f}})}),s=()=>{typeof u.onAccount=="function"&&u.onAccount()},r=()=>{typeof u.onLogout=="function"&&u.onLogout()};return(t,a)=>(e.openBlock(),e.createBlock(F,{stick:"right"},{button:e.withCtx(({onToggle:p,isExpanded:f})=>{var i,m;return[e.createElementVNode("button",{onClick:p,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[f?"bg-secondary-25":""]])},[e.createVNode(y._sfc_main,{text:((i=t.user)==null?void 0:i.name)||"",size:t.iconSize,src:(m=t.user)==null?void 0:m.photo_url,rounded:!0},null,8,["text","size","src"])],10,U)]}),menu:e.withCtx(()=>{var p,f,i,m,x;return[e.createElementVNode("div",W,[e.createVNode(y._sfc_main,{text:((p=t.user)==null?void 0:p.name)||"",size:80,src:(f=t.user)==null?void 0:f.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",X,[e.createElementVNode("div",G,e.toDisplayString((i=t.user)==null?void 0:i.name),1),e.createElementVNode("div",J,e.toDisplayString((m=t.user)==null?void 0:m.email),1)]),typeof u.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:s,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(d.value("ui.layout.account")),1)):e.createCommentVNode("",!0),e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,k=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:k.key},{ref_for:!0},k.args,{onClick:k.click}),null,16,["onClick"]))),128)),typeof t.onLogout=="function"?(e.openBlock(),e.createBlock(b,{key:0,icon:e.unref(T),label:d.value("ui.layout.logout"),class:"rounded py-3",onClick:r},null,8,["icon","label"])):e.createCommentVNode("",!0)]),a[0]||(a[0]=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1)),e.createElementVNode("div",Q,e.toDisplayString((x=t.app)==null?void 0:x.version),1)])]}),_:1}))}});function M(h,u){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"})])}const Z=["data-opened"],ee={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},te={class:"flex justify-between items-center pt-3 mb-3"},oe={class:"font-semibold text-xl px-3"},ne={class:"grid"},le={class:"rounded-lg m-3 border"},re={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},se={class:"flex justify-between relative"},ce={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},ae={key:0},ie={class:"text-xs font-semibold"},ue={class:"px-3 py-2"},de={class:"text-secondary-content text-left pb-1 text-xs uppercase"},pe={class:"overflow-auto max-h-full"},me={key:0,class:"space-y-2"},he=["onClick"],fe={class:"flex"},ve={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},ke={class:"pl-2"},xe={class:"text-sm mt-1 font-semibold"},ge={class:"text9 mt-1"},_e={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},ye=e.defineComponent({__name:"OneBrowserMenu",props:S,emits:["open","close"],setup(h,{emit:u}){const c=u,d=h,v=B.useOnebI18n(),s=e.computed(()=>d.t??v),r=e.ref(!1),t=()=>{r.value=!r.value,r.value?c("open"):c("close")},a=e.ref(!1);e.computed(()=>a.value?$.render:C.render);const p=()=>{typeof d.onChange=="function"&&d.onChange()},f=i=>{typeof d.onApp=="function"&&d.onApp(i)};return(i,m)=>{var x,k,g;return e.openBlock(),e.createElementBlock("div",{"data-opened":r.value},[e.createElementVNode("button",{onClick:t,class:e.normalizeClass(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex",{"bg-secondary-10":r.value}])},[e.createVNode(e.unref(M),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:t})):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("div",oe,e.toDisplayString(s.value("ui.layout.workspaces")),1),e.createVNode(e.unref(N.render),{class:"w-6 cursor-pointer",onClick:t})]),e.createElementVNode("div",ne,[e.createElementVNode("div",le,[e.createElementVNode("div",re,[e.createElementVNode("div",se,[e.createVNode(y._sfc_main,{text:((x=i.workspace)==null?void 0:x.name)||"",src:(k=i.workspace)==null?void 0:k.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",ce,e.toDisplayString((g=i.workspace)==null?void 0:g.name),1)]),a.value?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.workspaces,n=>(e.openBlock(),e.createElementBlock("div",{key:n.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(y._sfc_main,{text:n.name,src:n.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",ie,e.toDisplayString(n.name),1)]))),128))])):e.createCommentVNode("",!0),m[0]||(m[0]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",{onClick:p,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString(s.value("ui.layout.change_workspace")),1)])]),e.createElementVNode("div",ue,[e.createElementVNode("div",de,e.toDisplayString(s.value("ui.layout.apps")),1),e.createElementVNode("div",pe,[i.apps&&i.apps.length?(e.openBlock(),e.createElementBlock("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.apps,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,onClick:o=>f(n),class:"flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"},[e.createElementVNode("div",fe,[e.createElementVNode("div",ve,[e.createVNode(y._sfc_main,{text:n.name,src:n.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",ke,[e.createElementVNode("p",xe,e.toDisplayString(n.name),1),e.createElementVNode("p",ge,e.toDisplayString(n==null?void 0:n.short),1)])]),e.createElementVNode("div",null,[e.createVNode(O.OneButton,{variant:"touch",icon:e.unref(j.render),onClick:o=>f(n)},null,8,["icon","onClick"])])],8,he))),128))])):e.createCommentVNode("",!0),i.apps&&i.apps.length?(e.openBlock(),e.createElementBlock("button",_e,e.toDisplayString(s.value("ui.layout.view_all")),1)):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,Z)}}});const we=A._export_sfc(ye,[["__scopeId","data-v-3675784e"]]);function E(h,u){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 be(h,u){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 z(h,u){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"})])}function L(h,u){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.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z"})])}function Be(h,u){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:"M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5"})])}const Ee=["data-opened"],Ve={key:1,class:"absolute top-0 right-0 h-screen max-w-96 bg-white px-3 z-10 flex flex-col"},Ne={class:"flex justify-between items-center pt-3 mb-3"},Ce={class:"font-semibold text-xl px-3"},$e={key:0,class:"grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"},Ae=["onClick"],Fe={class:"uppercase text-[8px]"},Se={class:"overflow-y-auto grid rounded-xl"},Me={class:"max-h-full bg-[#FAFAFA]"},ze={key:0,class:"space-y-2"},Le=["onClick"],De={class:"flex"},je={class:"pl-2"},Oe={class:"text-sm mt-1 font-semibold"},qe={class:"text-[10px] mt-1 text-[#979CA9]"},Ie={class:"mt-auto"},Pe={key:0},Te=["onClick"],He={class:"flex items-center space-x-3"},Re={class:"h-16"},Ue={key:0,class:"bg-[#FAFAFA] rounded-lg p-3"},We={class:"flex justify-between"},Xe=["onClick"],Ge={key:0,class:"tooltip-text min-w-[70px]"},Je={class:"flex justify-between mb-4"},Ke=["href"],Qe={class:"flex flex-nowrap items-center w-max h-[24px]"},Ye={class:"whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]"},Ze={class:"py-[8px] pl-0 pr-[8px]"},et=e.defineComponent({__name:"OneHelpMenu",props:R,emits:["open","close"],setup(h,{emit:u}){const c=u,d=h,v=B.useOnebI18n(),s=e.computed(()=>d.t??v),r=e.computed(()=>{const n=d.help??{};return{label:n.label??s.value("ui.help.title"),social:n.social??s.value("ui.help.social"),socialButt:n.socialButt??s.value("ui.help.social"),buttMore:n.buttMore??s.value("ui.help.more"),buttNoMore:n.buttNoMore??s.value("ui.help.hide"),helpButton:n.helpButton??[{name:s.value("ui.help.support"),link:"https://t.me/onebapp_bot",icon:L},{name:s.value("ui.help.reference"),link:d.helpSlug?`https://oneb.app/help/${d.helpSlug}`:"https://oneb.app/help",icon:E},{name:s.value("ui.help.leave_request"),link:"https://oneb.app/support",icon:Be}],helpList:n.helpList??[],video:n.video??[],socialList:n.socialList??[],termsOffer:n.termsOffer??[{name:s.value("ui.help.terms"),link:"https://oneb.app/terms-of-service"},{name:s.value("ui.help.offer"),link:"https://oneb.app/offer"}]}}),t=e.ref(!1),a=()=>{t.value=!t.value,t.value?c("open"):c("close")},p=e.computed(()=>k.value?$.render:C.render),f=e.ref(3),i=e.computed(()=>{var o;const n=((o=r.value.helpList)==null?void 0:o.length)||0;return f.value===n});e.computed(()=>(r.value.helpList||[]).slice(0,f.value));const m=()=>{var o;const n=((o=r.value.helpList)==null?void 0:o.length)||0;f.value=i.value?3:n},x=(n,o)=>{n&&o&&typeof o.openLink=="function"?o.openLink(o):n&&window.open(n,"_blank")},k=e.ref(!1),g=()=>{k.value=!k.value};return(n,o)=>(e.openBlock(),e.createElementBlock("div",{"data-opened":t.value},[e.createElementVNode("button",{onClick:a,class:e.normalizeClass(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex",{"bg-secondary-10":t.value}])},[e.createVNode(e.unref(E),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),t.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:a})):e.createCommentVNode("",!0),t.value?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",Ne,[e.createElementVNode("div",Ce,e.toDisplayString(r.value.label),1),e.createVNode(e.unref(N.render),{class:"w-6 cursor-pointer",onClick:a})]),r.value.helpButton?(e.openBlock(),e.createElementBlock("div",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.helpButton,l=>(e.openBlock(),e.createElementBlock("button",{key:l.name,onClick:_=>x(l.link,l),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(l==null?void 0:l.icon),{class:"w-[16px] h-[16px] mx-auto"}))]),e.createElementVNode("span",Fe,e.toDisplayString(l.name),1)],8,Ae))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Se,[e.createElementVNode("div",Me,[r.value.helpList&&r.value.helpList.length?(e.openBlock(),e.createElementBlock("div",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.helpList,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,onClick:_=>x(l.link,l),class:"flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"},[e.createElementVNode("div",De,[e.createElementVNode("div",je,[e.createElementVNode("p",Oe,e.toDisplayString(l.name),1),e.createElementVNode("p",qe,e.toDisplayString(l.category),1)])])],8,Le))),128))])):e.createCommentVNode("",!0)])]),r.value.helpList&&r.value.helpList.length<0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:m,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(i.value?r.value.buttNoMore:r.value.buttMore),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Ie,[r.value.video?(e.openBlock(),e.createElementBlock("div",Pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.video,l=>(e.openBlock(),e.createElementBlock("button",{key:l.id,onClick:_=>x(l.link,l),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(be),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(l.name),1)],8,Te))),128))])):e.createCommentVNode("",!0),r.value.socialList?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:g,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",He,[e.createVNode(e.unref(z),{class:"w-6 h-6"}),e.createElementVNode("span",null,e.toDisplayString(r.value.socialButt),1)]),e.createVNode(e.unref(p),{class:"w-4 h-4"})])):e.createCommentVNode("",!0),e.createElementVNode("div",Re,[k.value?(e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",We,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.socialList,l=>(e.openBlock(),e.createElementBlock("button",{key:l.id,onClick:_=>x(l.link,l),class:"flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"},[e.createElementVNode("div",null,[l.name?(e.openBlock(),e.createElementBlock("div",Ge,e.toDisplayString(l.name),1)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l==null?void 0:l.icon),{class:"w-[24px] h-[24px] mx-auto"}))])],8,Xe))),128))])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Je,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value.termsOffer,l=>(e.openBlock(),e.createElementBlock("a",{key:l.name,target:"_blank",href:l.link,class:"ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"},[e.createElementVNode("div",Qe,[e.createElementVNode("div",Ye,[e.createElementVNode("span",Ze,e.toDisplayString(l.name),1)])])],8,Ke))),128))])])])):e.createCommentVNode("",!0)],8,Ee))}});const tt=A._export_sfc(et,[["__scopeId","data-v-56eccaba"]]);exports.OneBrowserMenu=we;exports.OneHelpMenu=tt;exports._sfc_main=F;exports._sfc_main$1=b;exports._sfc_main$2=Y;exports.browserMenuProps=S;exports.render=M;exports.render$1=z;exports.render$2=L;

package/dist/OneMarkdown.vue_vue_type_script_setup_true_lang-05266fc3.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("vue-markdown-render"),t={class:"markdown-view prose-sm"},o=e.defineComponent({__name:"OneMarkdown",props:{text:String},setup(n){return(c,s)=>(e.openBlock(),e.createElementBlock("div",t,[e.createVNode(e.unref(r),{source:n.text||""},null,8,["source"])]))}});exports._sfc_main=o;

package/dist/OneMarkdown.vue_vue_type_script_setup_true_lang-bb2219c7.js

@@ -0,0 +1,18 @@
+import { defineComponent as o, openBlock as r, createElementBlock as t, createVNode as n, unref as c } from "vue";
+import s from "vue-markdown-render";
+const a = { class: "markdown-view prose-sm" }, u = /* @__PURE__ */ o({
+  __name: "OneMarkdown",
+  props: {
+    text: String
+  },
+  setup(e) {
+    return (m, p) => (r(), t("div", a, [
+      n(c(s), {
+        source: e.text || ""
+      }, null, 8, ["source"])
+    ]));
+  }
+});
+export {
+  u as _
+};

package/dist/OneModal-02a9a173.js

@@ -0,0 +1,189 @@
+import { defineComponent as z, computed as d, watch as B, nextTick as _, ref as b, openBlock as p, createElementBlock as x, normalizeClass as a, createElementVNode as s, normalizeStyle as $, toDisplayString as h, renderSlot as i, createTextVNode as T, createCommentVNode as v } from "vue";
+import { u as W } from "./useIsMobile-98fc0cf9.js";
+import { _ as j } from "./_plugin-vue_export-helper-dad06003.js";
+const q = {
+  useModal: {
+    required: !0,
+    type: Object
+  },
+  title: {
+    required: !1,
+    type: String
+  },
+  subtitle: {
+    required: !1,
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    default: "medium"
+  },
+  onClose: {
+    type: Function
+  },
+  classModal: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * Bottom-sheet mode: true — always, 'mobile' — only below the md breakpoint
+   * (ported from the finance/vizor local modal forks). classModal is the
+   * legacy always-on alias.
+   */
+  sheet: {
+    type: [Boolean, String],
+    default: !1
+  },
+  titleCenter: {
+    type: Boolean,
+    default: !1
+  },
+  classTitle: {
+    type: String,
+    default: ""
+  },
+  canClose: {
+    type: Function,
+    default: () => !0
+  },
+  customWidth: {
+    type: String,
+    default: ""
+  }
+}, D = {
+  "3xs": ["max-w-xs"],
+  xs: ["max-w-sm"],
+  sm: ["max-w-md"],
+  small: ["max-w-lg"],
+  md: ["max-w-xl"],
+  medium: ["max-w-xl"],
+  large: ["max-w-2xl"],
+  xl: ["max-w-3xl"],
+  "2xl": ["max-w-4xl"],
+  "3xl": ["max-w-4xl"],
+  "4xl": ["max-w-5xl"],
+  "5xl": ["max-w-5xl"],
+  "7xl": ["max-w-7xl"]
+}, L = (c = "medium") => {
+  const r = [];
+  return r.push(...D[c] ?? []), r;
+}, N = { class: "relative bg-white rounded-lg shadow h-full" }, V = /* @__PURE__ */ z({
+  __name: "OneModal",
+  props: q,
+  emits: ["isOpen", "closed"],
+  setup(c, { expose: r, emit: y }) {
+    const t = c, m = y, w = d(() => {
+      var l, n;
+      const e = t.useModal;
+      return ((l = e == null ? void 0 : e.isOpened) == null ? void 0 : l.value) ?? ((n = e == null ? void 0 : e.isOpen) == null ? void 0 : n.value) ?? !1;
+    }), C = W(), g = d(
+      () => t.classModal || t.sheet === !0 || t.sheet === "mobile" && C.value
+    );
+    B(w, (e) => {
+      e && _(() => {
+        var l;
+        return (l = o.value) == null ? void 0 : l.focus();
+      });
+    });
+    const M = d(() => L(t.size)), k = d(() => t.customWidth ? { width: t.customWidth } : {}), o = b(null), f = b(!1);
+    function O(e) {
+      f.value = !1, o.value && !o.value.contains(e.target) && (f.value = !0);
+    }
+    function S(e) {
+      f.value && o.value && !o.value.contains(e.target) && u();
+    }
+    const u = () => {
+      var l, n;
+      if (t.canClose && !t.canClose())
+        return;
+      const e = t.useModal;
+      (l = e == null ? void 0 : e.close) == null || l.call(e), (n = t.onClose) == null || n.call(t), m("closed"), m("isOpen");
+    };
+    return r({
+      open: () => {
+        var l;
+        const e = t.useModal;
+        (l = e == null ? void 0 : e.open) == null || l.call(e), m("isOpen");
+      },
+      close: u
+    }), (e, l) => w.value ? (p(), x("div", {
+      key: 0,
+      tabindex: "-1",
+      onMousedown: O,
+      onMouseup: S,
+      class: a(["modal backdrop !m-0", { "modal-mobile": g.value }])
+    }, [
+      s("div", {
+        class: a([
+          "relative w-full max-h-full",
+          M.value,
+          { "fixed bottom-0 left-0 right-0 w-full bg-white rounded-t-xl mobile-modal": g.value }
+        ]),
+        style: $(k.value),
+        ref_key: "modalContent",
+        ref: o,
+        role: "dialog",
+        "aria-modal": "true",
+        tabindex: "-1"
+      }, [
+        s("div", N, [
+          e.title ? (p(), x("div", {
+            key: 0,
+            class: a([
+              e.titleCenter ? "grid grid-cols-4" : "flex items-start justify-between",
+              "p-3 border-b rounded-t",
+              e.classTitle
+            ])
+          }, [
+            s("div", {
+              class: a(["flex flex-col min-w-0", e.titleCenter ? "col-span-2 col-start-2 items-center" : ""])
+            }, [
+              s("h3", {
+                class: a(["text-xl font-semibold text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis max-w-full", e.titleCenter ? "text-center" : ""])
+              }, h(e.title), 3),
+              e.$slots.subtitle || e.subtitle ? (p(), x("div", {
+                key: 0,
+                class: a(["text-sm text-gray-500 mt-0.5 max-w-full", e.titleCenter ? "text-center" : ""])
+              }, [
+                i(e.$slots, "subtitle", {}, () => [
+                  T(h(e.subtitle), 1)
+                ], !0)
+              ], 2)) : v("", !0)
+            ], 2),
+            s("button", {
+              type: "button",
+              class: "text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center",
+              onClick: u
+            }, [...l[0] || (l[0] = [
+              s("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                "stroke-width": "1.8",
+                stroke: "currentColor",
+                "aria-hidden": "true",
+                class: "w-5 h-5"
+              }, [
+                s("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  d: "M6 18L18 6M6 6l12 12"
+                })
+              ], -1)
+            ])])
+          ], 2)) : v("", !0),
+          i(e.$slots, "header", {}, void 0, !0),
+          i(e.$slots, "body", {}, void 0, !0),
+          i(e.$slots, "default", {}, void 0, !0),
+          i(e.$slots, "footer", { close: u }, void 0, !0)
+        ])
+      ], 6)
+    ], 34)) : v("", !0);
+  }
+});
+const P = /* @__PURE__ */ j(V, [["__scopeId", "data-v-9864fbb1"]]);
+export {
+  P as O,
+  q as m
+};

package/dist/OneModal-0e92c039.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),h=require("./useIsMobile-7b1f08cf.cjs"),y=require("./_plugin-vue_export-helper-f246444f.cjs"),p={useModal:{required:!0,type:Object},title:{required:!1,type:String},subtitle:{required:!1,type:String,default:""},size:{type:String,default:"medium"},onClose:{type:Function},classModal:{type:Boolean,default:!1},sheet:{type:[Boolean,String],default:!1},titleCenter:{type:Boolean,default:!1},classTitle:{type:String,default:""},canClose:{type:Function,default:()=>!0},customWidth:{type:String,default:""}},C={"3xs":["max-w-xs"],xs:["max-w-sm"],sm:["max-w-md"],small:["max-w-lg"],md:["max-w-xl"],medium:["max-w-xl"],large:["max-w-2xl"],xl:["max-w-3xl"],"2xl":["max-w-4xl"],"3xl":["max-w-4xl"],"4xl":["max-w-5xl"],"5xl":["max-w-5xl"],"7xl":["max-w-7xl"]},M=(i="medium")=>{const a=[];return a.push(...C[i]??[]),a},k={class:"relative bg-white rounded-lg shadow h-full"},S=t.defineComponent({__name:"OneModal",props:p,emits:["isOpen","closed"],setup(i,{expose:a,emit:f}){const l=i,u=f,c=t.computed(()=>{var s,n;const e=l.useModal;return((s=e==null?void 0:e.isOpened)==null?void 0:s.value)??((n=e==null?void 0:e.isOpen)==null?void 0:n.value)??!1}),x=h.useIsMobile(),m=t.computed(()=>l.classModal||l.sheet===!0||l.sheet==="mobile"&&x.value);t.watch(c,e=>{e&&t.nextTick(()=>{var s;return(s=o.value)==null?void 0:s.focus()})});const v=t.computed(()=>M(l.size)),w=t.computed(()=>l.customWidth?{width:l.customWidth}:{}),o=t.ref(null),d=t.ref(!1);function g(e){d.value=!1,o.value&&!o.value.contains(e.target)&&(d.value=!0)}function b(e){d.value&&o.value&&!o.value.contains(e.target)&&r()}const r=()=>{var s,n;if(l.canClose&&!l.canClose())return;const e=l.useModal;(s=e==null?void 0:e.close)==null||s.call(e),(n=l.onClose)==null||n.call(l),u("closed"),u("isOpen")};return a({open:()=>{var s;const e=l.useModal;(s=e==null?void 0:e.open)==null||s.call(e),u("isOpen")},close:r}),(e,s)=>c.value?(t.openBlock(),t.createElementBlock("div",{key:0,tabindex:"-1",onMousedown:g,onMouseup:b,class:t.normalizeClass(["modal backdrop !m-0",{"modal-mobile":m.value}])},[t.createElementVNode("div",{class:t.normalizeClass(["relative w-full max-h-full",v.value,{"fixed bottom-0 left-0 right-0 w-full bg-white rounded-t-xl mobile-modal":m.value}]),style:t.normalizeStyle(w.value),ref_key:"modalContent",ref:o,role:"dialog","aria-modal":"true",tabindex:"-1"},[t.createElementVNode("div",k,[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass([e.titleCenter?"grid grid-cols-4":"flex items-start justify-between","p-3 border-b rounded-t",e.classTitle])},[t.createElementVNode("div",{class:t.normalizeClass(["flex flex-col min-w-0",e.titleCenter?"col-span-2 col-start-2 items-center":""])},[t.createElementVNode("h3",{class:t.normalizeClass(["text-xl font-semibold text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis max-w-full",e.titleCenter?"text-center":""])},t.toDisplayString(e.title),3),e.$slots.subtitle||e.subtitle?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["text-sm text-gray-500 mt-0.5 max-w-full",e.titleCenter?"text-center":""])},[t.renderSlot(e.$slots,"subtitle",{},()=>[t.createTextVNode(t.toDisplayString(e.subtitle),1)],!0)],2)):t.createCommentVNode("",!0)],2),t.createElementVNode("button",{type:"button",class:"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center",onClick:r},[...s[0]||(s[0]=[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true",class:"w-5 h-5"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)])])],2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"header",{},void 0,!0),t.renderSlot(e.$slots,"body",{},void 0,!0),t.renderSlot(e.$slots,"default",{},void 0,!0),t.renderSlot(e.$slots,"footer",{close:r},void 0,!0)])],6)],34)):t.createCommentVNode("",!0)}});const V=y._export_sfc(S,[["__scopeId","data-v-9864fbb1"]]);exports.OneModal=V;exports.modalProps=p;

package/dist/OneTooltip.vue_vue_type_script_setup_true_lang-c492c128.js

@@ -0,0 +1,25 @@
+import { defineComponent as e, openBlock as i, createElementBlock as n, renderSlot as p } from "vue";
+const l = ["tooltip", "position"], a = /* @__PURE__ */ e({
+  __name: "OneTooltip",
+  props: {
+    tooltipText: {
+      type: String,
+      default: "Tooltip text"
+    },
+    position: {
+      default: "top",
+      type: String
+    }
+  },
+  setup(t) {
+    return (o, r) => (i(), n("div", {
+      tooltip: t.tooltipText,
+      position: t.position
+    }, [
+      p(o.$slots, "default")
+    ], 8, l));
+  }
+});
+export {
+  a as _
+};

package/dist/OneTooltip.vue_vue_type_script_setup_true_lang-e83a81ea.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),i=["tooltip","position"],n=t.defineComponent({__name:"OneTooltip",props:{tooltipText:{type:String,default:"Tooltip text"},position:{default:"top",type:String}},setup(o){return(e,p)=>(t.openBlock(),t.createElementBlock("div",{tooltip:o.tooltipText,position:o.position},[t.renderSlot(e.$slots,"default")],8,i))}});exports._sfc_main=n;

package/dist/SpinnerIcon-01be39fe.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("./_plugin-vue_export-helper-f246444f.cjs");const o={},i={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}};function r(c,n){return e.openBlock(),e.createElementBlock("svg",i,[...n[0]||(n[0]=[e.createElementVNode("circle",{style:{"stroke-linecap":"round",animation:"one-sp-ico-dash 1.7s ease-in-out infinite"},class:"opacity-75",cx:"12",cy:"12",r:"8",fill:"none",stroke:"currentColor","stroke-width":"2"},null,-1)])])}const s=t._export_sfc(o,[["render",r]]);exports.SpinnerIcon=s;

package/dist/{SpinnerIcon-74648c98.js → SpinnerIcon-516264ba.js}

@@ -1,14 +1,13 @@
 import { openBlock as n, createElementBlock as o, createElementVNode as t } from "vue";
-import "./SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
-import { _ as r } from "./_plugin-vue_export-helper-dad06003.js";
-const i = {}, s = {
+import { _ as s } from "./_plugin-vue_export-helper-dad06003.js";
+const i = {}, r = {
   class: "spinner",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   style: { animation: "one-sp-ico-rot 2.7s linear infinite" }
 };
 function c(l, e) {
-  return n(), o("svg", s, [...e[0] || (e[0] = [
+  return n(), o("svg", r, [...e[0] || (e[0] = [
     t("circle", {
       style: { "stroke-linecap": "round", animation: "one-sp-ico-dash 1.7s ease-in-out infinite" },
       class: "opacity-75",
@@ -21,7 +20,7 @@ function c(l, e) {
     }, null, -1)
   ])]);
 }
-const f = /* @__PURE__ */ r(i, [["render", c]]);
+const p = /* @__PURE__ */ s(i, [["render", c]]);
 export {
-  f as S
+  p as S
 };

package/dist/button/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../SpinnerIcon-ccb6f3fc.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const y={variant:{type:String,default:"primary"},size:{type:String,default:"md"},label:{type:String},labelClass:{type:String,default:""},icon:{type:[Function,Object]},isLoading:{type:Boolean},isSubmit:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},iconClass:{type:[String,Array]},iconAfter:{type:[Function,Object,String]}},v=["relative inline-flex","border","items-center justify-center","font-semibold whitespace-nowrap","disabled:opacity-30 disabled:cursor-default","focus:outline-none focus:ring-2","transition-colors duration-200"],h={xs:["h-6 px-2.5 text-xs"],sm:["px-2 py-1 text-sm"],md:["h-[40px] px-4 text-sm"],lg:["h-[52px] px-5 text-base"]},f={primary:["rounded-10 border-transparent bg-primary-base disabled:bg-[#979CA9] text-sm text-white hover:bg-primary-hover active:bg-primary-active focus:ring-primary-glow"],secondary:["rounded-10 border-primary-stroke bg-white text-secondary-base text-sm hover:bg-light-body-active active:bg-light-body focus:ring-primary-glow"],info:["rounded-10 border-transparent bg-info-base disabled:bg-[#979CA9] text-white text-sm hover:bg-info-hover active:bg-info-active focus:ring-info-glow"],success:["rounded-10 border-transparent bg-success-base disabled:bg-[#979CA9] text-white text-sm hover:bg-success-hover active:bg-success-active focus:ring-success-glow"],warning:["rounded-10 border-transparent bg-warning-base disabled:bg-[#979CA9] text-white text-sm hover:bg-warning-hover active:bg-warning-active focus:ring-warning-glow"],danger:["rounded-10 border-transparent bg-danger-base disabled:bg-[#979CA9] text-white text-sm hover:bg-danger-hover active:bg-danger-active focus:ring-danger-glow"],tertiary:["rounded-10 border-transparent bg-secondary-body text-primary-base text-sm hover:border-primary-base active:bg-primary-body-active focus:ring-primary-glow"],touch:["rounded-full border-transparent text-secondary-base hover:bg-light-body-active active:bg-light-body p-2 text-sm focus:ring-primary-glow"],link:["rounded-md border-transparent items-center text-info-base hover:text-info-hover text-sm"],none:["rounded-md border-transparent text-secondary-base"],mini:["rounded-full border-transparent bg-[#FAFAFA] h-8 px-2 gap-2 text-xs hover:text-success-base focus:ring-primary-glow"],edit:["rounded-md border-transparent bg-tertiary-base text-primary-base text-2xs h-6 px-1.5 hover:border-primary-base active:bg-primary-body-active focus:ring-primary-glow"],send:["rounded-full border-transparent bg-primary-base text-white hover:bg-primary-hover active:bg-primary-active p-[9px] focus:ring-primary-glow"]},x=(a="primary",l="md")=>{const r=[];return r.push(...v),r.push(...f[a]??[]),a!=="touch"&&a!=="mini"&&a!=="edit"&&a!=="send"&&r.push(...h[l]??[]),l==="xs"?r.map(c=>c.replace("rounded-10","rounded-md").replace("font-semibold","font-medium")):r},C=["disabled","title","type"],w=e.defineComponent({__name:"OneButton",props:y,emits:["click"],setup(a,{emit:l}){const r=e.useSlots(),c=l,t=a,d=()=>{c("click")},n=e.computed(()=>t.icon),i=e.computed(()=>t.iconAfter),p=e.computed(()=>{const s=x(t.variant,t.size);return t.variant==="edit"?s.push("gap-1.5"):s.push("gap-[10px]"),t.variant==="touch"&&t.active&&s.push("bg-primary-body-active"),s}),b=e.computed(()=>t.disabled||t.isLoading),g=e.computed(()=>(t.label&&t.label.length>0||!!r.default)&&t.variant!=="touch"&&t.variant!=="send"),m=e.computed(()=>{const s=["inline-block text-ellipsis overflow-hidden"];return t.labelClass!=null&&s.push(t.labelClass),s}),o=e.computed(()=>{const s=[];return t.variant==="edit"?s.push("w-3.5 h-3.5"):t.variant==="send"?s.push("w-5 h-5"):t.size==="xs"?s.push("w-3.5 h-3.5"):t.size==="sm"?s.push("w-3 h-3"):t.size==="lg"?s.push("w-5 h-5"):s.push("w-4 h-4"),typeof t.iconClass=="string"?s.push(t.iconClass):t.iconClass instanceof Array&&s.push(...t.iconClass),s});return(s,k)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(p.value),disabled:b.value,title:s.label,type:s.isSubmit?"submit":"button",onClick:e.withModifiers(d,["stop"])},[n.value!=null&&s.isLoading?(e.openBlock(),e.createBlock(u.SpinnerIcon,{key:0,class:e.normalizeClass(o.value)},null,8,["class"])):typeof n.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(o.value)},e.toDisplayString(n.value),3)):n.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value),{key:2,class:e.normalizeClass(o.value)},null,8,["class"])):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(m.value)},[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.label),1)])],2)):e.createCommentVNode("",!0),i.value!=null&&s.isLoading?(e.openBlock(),e.createBlock(u.SpinnerIcon,{key:4,class:e.normalizeClass(o.value)},null,8,["class"])):typeof i.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:5,class:e.normalizeClass(o.value)},e.toDisplayString(i.value),3)):i.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:6,class:e.normalizeClass(o.value)},null,8,["class"])):e.createCommentVNode("",!0)],10,C))}});exports.OneButton=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const y={variant:{type:String,default:"primary"},size:{type:String,default:"md"},label:{type:String},labelClass:{type:String,default:""},icon:{type:[Function,Object]},isLoading:{type:Boolean},isSubmit:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},iconClass:{type:[String,Array]},iconAfter:{type:[Function,Object,String]}},v=["relative inline-flex","border","items-center justify-center","font-semibold whitespace-nowrap","disabled:opacity-30 disabled:cursor-default","focus:outline-none focus:ring-2","transition-colors duration-200"],h={xs:["h-6 px-2.5 text-xs"],sm:["px-2 py-1 text-sm"],md:["h-[40px] px-4 text-sm"],lg:["h-[52px] px-5 text-base"]},f={primary:["rounded-10 border-transparent bg-primary-base disabled:bg-[#979CA9] text-sm text-white hover:bg-primary-hover active:bg-primary-active focus:ring-primary-glow"],secondary:["rounded-10 border-primary-stroke bg-white text-secondary-base text-sm hover:bg-light-body-active active:bg-light-body focus:ring-primary-glow"],info:["rounded-10 border-transparent bg-info-base disabled:bg-[#979CA9] text-white text-sm hover:bg-info-hover active:bg-info-active focus:ring-info-glow"],success:["rounded-10 border-transparent bg-success-base disabled:bg-[#979CA9] text-white text-sm hover:bg-success-hover active:bg-success-active focus:ring-success-glow"],warning:["rounded-10 border-transparent bg-warning-base disabled:bg-[#979CA9] text-white text-sm hover:bg-warning-hover active:bg-warning-active focus:ring-warning-glow"],danger:["rounded-10 border-transparent bg-danger-base disabled:bg-[#979CA9] text-white text-sm hover:bg-danger-hover active:bg-danger-active focus:ring-danger-glow"],tertiary:["rounded-10 border-transparent bg-secondary-body text-primary-base text-sm hover:border-primary-base active:bg-primary-body-active focus:ring-primary-glow"],touch:["rounded-full border-transparent text-secondary-base hover:bg-light-body-active active:bg-light-body p-2 text-sm focus:ring-primary-glow"],link:["rounded-md border-transparent items-center text-info-base hover:text-info-hover text-sm"],none:["rounded-md border-transparent text-secondary-base"],mini:["rounded-full border-transparent bg-[#FAFAFA] h-8 px-2 gap-2 text-xs hover:text-success-base focus:ring-primary-glow"],edit:["rounded-md border-transparent bg-tertiary-base text-primary-base text-2xs h-6 px-1.5 hover:border-primary-base active:bg-primary-body-active focus:ring-primary-glow"],send:["rounded-full border-transparent bg-primary-base text-white hover:bg-primary-hover active:bg-primary-active p-[9px] focus:ring-primary-glow"]},x=(a="primary",l="md")=>{const r=[];return r.push(...v),r.push(...f[a]??[]),a!=="touch"&&a!=="mini"&&a!=="edit"&&a!=="send"&&r.push(...h[l]??[]),l==="xs"?r.map(c=>c.replace("rounded-10","rounded-md").replace("font-semibold","font-medium")):r},C=["disabled","title","type"],w=e.defineComponent({__name:"OneButton",props:y,emits:["click"],setup(a,{emit:l}){const r=e.useSlots(),c=l,t=a,d=()=>{c("click")},n=e.computed(()=>t.icon),i=e.computed(()=>t.iconAfter),p=e.computed(()=>{const s=x(t.variant,t.size);return t.variant==="edit"?s.push("gap-1.5"):s.push("gap-[10px]"),t.variant==="touch"&&t.active&&s.push("bg-primary-body-active"),s}),b=e.computed(()=>t.disabled||t.isLoading),g=e.computed(()=>(t.label&&t.label.length>0||!!r.default)&&t.variant!=="touch"&&t.variant!=="send"),m=e.computed(()=>{const s=["inline-block text-ellipsis overflow-hidden"];return t.labelClass!=null&&s.push(t.labelClass),s}),o=e.computed(()=>{const s=[];return t.variant==="edit"?s.push("w-3.5 h-3.5"):t.variant==="send"?s.push("w-5 h-5"):t.size==="xs"?s.push("w-3.5 h-3.5"):t.size==="sm"?s.push("w-3 h-3"):t.size==="lg"?s.push("w-5 h-5"):s.push("w-4 h-4"),typeof t.iconClass=="string"?s.push(t.iconClass):t.iconClass instanceof Array&&s.push(...t.iconClass),s});return(s,k)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(p.value),disabled:b.value,title:s.label,type:s.isSubmit?"submit":"button",onClick:e.withModifiers(d,["stop"])},[n.value!=null&&s.isLoading?(e.openBlock(),e.createBlock(u.SpinnerIcon,{key:0,class:e.normalizeClass(o.value)},null,8,["class"])):typeof n.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(o.value)},e.toDisplayString(n.value),3)):n.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value),{key:2,class:e.normalizeClass(o.value)},null,8,["class"])):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(m.value)},[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.label),1)])],2)):e.createCommentVNode("",!0),i.value!=null&&s.isLoading?(e.openBlock(),e.createBlock(u.SpinnerIcon,{key:4,class:e.normalizeClass(o.value)},null,8,["class"])):typeof i.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:5,class:e.normalizeClass(o.value)},e.toDisplayString(i.value),3)):i.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:6,class:e.normalizeClass(o.value)},null,8,["class"])):e.createCommentVNode("",!0)],10,C))}});exports.OneButton=w;

package/dist/button/index.d.ts

@@ -1,2 +1,2 @@
 export { default as OneButton } from './OneButton.vue';
-export type { ButtonProps } from './button';
+export type { ButtonProps, ButtonVariantType, ButtonSizeType, ButtonIconType } from './button';

package/dist/button/index.js

@@ -1,6 +1,5 @@
 import { defineComponent as k, useSlots as B, computed as o, openBlock as s, createElementBlock as u, normalizeClass as a, withModifiers as S, createBlock as p, toDisplayString as g, resolveDynamicComponent as v, createCommentVNode as m, renderSlot as A, createTextVNode as L } from "vue";
-import { S as y } from "../SpinnerIcon-74648c98.js";
-import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
+import { S as y } from "../SpinnerIcon-516264ba.js";
 import "../_plugin-vue_export-helper-dad06003.js";
 const z = {
   variant: {
@@ -96,7 +95,7 @@ const z = {
   return n.push(...F), n.push(...O[r] ?? []), r !== "touch" && r !== "mini" && r !== "edit" && r !== "send" && n.push(...I[d] ?? []), d === "xs" ? n.map(
     (b) => b.replace("rounded-10", "rounded-md").replace("font-semibold", "font-medium")
   ) : n;
-}, D = ["disabled", "title", "type"], P = /* @__PURE__ */ k({
+}, D = ["disabled", "title", "type"], M = /* @__PURE__ */ k({
   __name: "OneButton",
   props: z,
   emits: ["click"],
@@ -154,5 +153,5 @@ const z = {
   }
 });
 export {
-  P as OneButton
+  M as OneButton
 };

package/dist/checkbox/checkbox.d.ts

@@ -12,6 +12,11 @@ export declare const checkboxProps: {
         type: PropType<CheckboxTextPositionType>;
         default: string;
     };
+    modelValue: {
+        type: PropType<boolean>;
+        default: any;
+    };
+    /** @deprecated use v-model (modelValue) instead */
     isChecked: {
         type: PropType<boolean>;
         default: boolean;

package/dist/checkbox/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("../SpinnerIcon-ccb6f3fc.cjs"),f=require("../_plugin-vue_export-helper-f246444f.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const m={color:{type:String,default:"blue"},textPosition:{type:String,default:"left"},isChecked:{type:Boolean,default:!0},isLoading:{required:!1,type:Boolean,default:!1},disabled:{required:!1,type:Boolean,default:!1},textOn:{type:String,default:""},textOff:{type:String,default:""},textClass:{type:[String,Array]}},k={key:0,class:"mr-2 text-gray-600 text-sm font-medium"},h={key:1,class:"checkmark-tick absolute inset-0 w-full h-full",viewBox:"0 0 24 24",fill:"none",stroke:"white","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},b={key:1,class:"ml-2 text-gray-600 text-sm font-medium"},g=e.defineComponent({__name:"OneCheckbox",props:m,emits:["change"],setup(r,{emit:s}){const t=r,o=e.ref(t.isChecked),a=s,c=e.computed(()=>{if(o.value)switch(t.color){case"green":return"#86c94c";case"blue":return"#2196f3";case"red":return"#f44336";case"yellow":return"#ffeb3b";default:return"#86c94c"}else return"#fefefe"}),i=e.computed(()=>t.disabled),u=l=>{const n=l.target;o.value=n.checked,a("change",o.value)};return(l,n)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([[i.value?"disabled opacity-50 pointer-events-none":""],"checkbox inline-flex items-center cursor-pointer mb-3 text-lg"])},[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":n[0]||(n[0]=d=>o.value=d),onChange:u,class:"hidden"},null,544),[[e.vModelCheckbox,o.value]]),t.textPosition==="left"?(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(o.value?t.textOn:t.textOff),1)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:"checkmark h-5 w-5 flex-shrink-0 border border-gray-300 rounded transition-all duration-300 relative hover:border-2 hover:border-gray-500",style:e.normalizeStyle({backgroundColor:c.value})},[e.createElementVNode("div",null,[l.isLoading?(e.openBlock(),e.createBlock(p.SpinnerIcon,{key:0,class:"absolute w-3 h-3 text-black left-1/2 top-1/2 -ml-1.5 -mt-1.5"})):!l.isLoading&&o.value?(e.openBlock(),e.createElementBlock("svg",h,[...n[1]||(n[1]=[e.createElementVNode("polyline",{points:"20 6 9 17 4 12"},null,-1)])])):e.createCommentVNode("",!0)])],4),t.textPosition==="right"?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(o.value?t.textOn:t.textOff),1)):e.createCommentVNode("",!0)],2))}});const x=f._export_sfc(g,[["__scopeId","data-v-0c95be43"]]);exports.OneCheckbox=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("../SpinnerIcon-01be39fe.cjs"),m=require("../_plugin-vue_export-helper-f246444f.cjs"),k={color:{type:String,default:"blue"},textPosition:{type:String,default:"left"},modelValue:{type:Boolean,default:void 0},isChecked:{type:Boolean,default:!0},isLoading:{required:!1,type:Boolean,default:!1},disabled:{required:!1,type:Boolean,default:!1},textOn:{type:String,default:""},textOff:{type:String,default:""},textClass:{type:[String,Array]}},f=["checked"],h={key:0,class:"mr-2 text-gray-600 text-sm font-medium"},y={key:1,class:"checkmark-tick absolute inset-0 w-full h-full",viewBox:"0 0 24 24",fill:"none",stroke:"white","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"},g={key:1,class:"ml-2 text-gray-600 text-sm font-medium"},x=e.defineComponent({__name:"OneCheckbox",props:k,emits:["change","update:modelValue"],setup(c,{emit:s}){const t=c,r=s,a=e.computed(()=>t.modelValue??t.isChecked),o=e.ref(a.value);e.watch(a,n=>{o.value=n});const i=e.computed(()=>{if(o.value)switch(t.color){case"green":return"#86c94c";case"blue":return"#2196f3";case"red":return"#f44336";case"yellow":return"#ffeb3b";default:return"#86c94c"}else return"#fefefe"}),d=e.computed(()=>t.disabled),u=n=>{const l=n.target;o.value=l.checked,r("update:modelValue",l.checked),r("change",l.checked)};return(n,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([[d.value?"disabled opacity-50 pointer-events-none":""],"checkbox inline-flex items-center cursor-pointer mb-3 text-lg"])},[e.createElementVNode("input",{type:"checkbox",checked:o.value,onChange:u,class:"hidden"},null,40,f),t.textPosition==="left"?(e.openBlock(),e.createElementBlock("span",h,e.toDisplayString(o.value?t.textOn:t.textOff),1)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:"checkmark h-5 w-5 flex-shrink-0 border border-gray-300 rounded transition-all duration-300 relative hover:border-2 hover:border-gray-500",style:e.normalizeStyle({backgroundColor:i.value})},[e.createElementVNode("div",null,[n.isLoading?(e.openBlock(),e.createBlock(p.SpinnerIcon,{key:0,class:"absolute w-3 h-3 text-black left-1/2 top-1/2 -ml-1.5 -mt-1.5"})):!n.isLoading&&o.value?(e.openBlock(),e.createElementBlock("svg",y,[...l[0]||(l[0]=[e.createElementVNode("polyline",{points:"20 6 9 17 4 12"},null,-1)])])):e.createCommentVNode("",!0)])],4),t.textPosition==="right"?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(o.value?t.textOn:t.textOff),1)):e.createCommentVNode("",!0)],2))}});const b=m._export_sfc(x,[["__scopeId","data-v-754a6250"]]);exports.OneCheckbox=b;

package/dist/checkbox/index.js

@@ -1,8 +1,7 @@
-import { defineComponent as x, ref as b, computed as i, openBlock as n, createElementBlock as r, normalizeClass as y, withDirectives as g, createElementVNode as s, vModelCheckbox as v, toDisplayString as c, createCommentVNode as a, normalizeStyle as _, createBlock as C } from "vue";
-import { S as w } from "../SpinnerIcon-74648c98.js";
-import { _ as O } from "../_plugin-vue_export-helper-dad06003.js";
-import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
-const S = {
+import { defineComponent as x, computed as s, ref as y, watch as g, openBlock as n, createElementBlock as a, normalizeClass as b, createElementVNode as r, toDisplayString as u, createCommentVNode as c, normalizeStyle as _, createBlock as v } from "vue";
+import { S as C } from "../SpinnerIcon-516264ba.js";
+import { _ as w } from "../_plugin-vue_export-helper-dad06003.js";
+const O = {
   color: {
     type: String,
     default: "blue"
@@ -15,6 +14,11 @@ const S = {
     type: String,
     default: "left"
   },
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  /** @deprecated use v-model (modelValue) instead */
   isChecked: {
     type: Boolean,
     default: !0
@@ -49,10 +53,10 @@ const S = {
   // iconClass: {
   //   type: [String, Array] as PropType<string|string[]>
   // },
-}, B = {
+}, S = ["checked"], B = {
   key: 0,
   class: "mr-2 text-gray-600 text-sm font-medium"
-}, P = {
+}, V = {
   key: 1,
   class: "checkmark-tick absolute inset-0 w-full h-full",
   viewBox: "0 0 24 24",
@@ -61,15 +65,19 @@ const S = {
   "stroke-width": "3",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, D = {
+}, P = {
   key: 1,
   class: "ml-2 text-gray-600 text-sm font-medium"
 }, L = /* @__PURE__ */ x({
   __name: "OneCheckbox",
-  props: S,
-  emits: ["change"],
-  setup(d, { emit: u }) {
-    const e = d, t = b(e.isChecked), f = u, p = i(() => {
+  props: O,
+  emits: ["change", "update:modelValue"],
+  setup(f, { emit: p }) {
+    const e = f, i = p, d = s(() => e.modelValue ?? e.isChecked), t = y(d.value);
+    g(d, (o) => {
+      t.value = o;
+    });
+    const h = s(() => {
       if (t.value)
         switch (e.color) {
           case "green":
@@ -85,40 +93,38 @@ const S = {
         }
       else
         return "#fefefe";
-    }), m = i(() => e.disabled), h = (l) => {
-      const o = l.target;
-      t.value = o.checked, f("change", t.value);
+    }), m = s(() => e.disabled), k = (o) => {
+      const l = o.target;
+      t.value = l.checked, i("update:modelValue", l.checked), i("change", l.checked);
     };
-    return (l, o) => (n(), r("label", {
-      class: y([[m.value ? "disabled opacity-50 pointer-events-none" : ""], "checkbox inline-flex items-center cursor-pointer mb-3 text-lg"])
+    return (o, l) => (n(), a("label", {
+      class: b([[m.value ? "disabled opacity-50 pointer-events-none" : ""], "checkbox inline-flex items-center cursor-pointer mb-3 text-lg"])
     }, [
-      g(s("input", {
+      r("input", {
         type: "checkbox",
-        "onUpdate:modelValue": o[0] || (o[0] = (k) => t.value = k),
-        onChange: h,
+        checked: t.value,
+        onChange: k,
         class: "hidden"
-      }, null, 544), [
-        [v, t.value]
-      ]),
-      e.textPosition === "left" ? (n(), r("span", B, c(t.value ? e.textOn : e.textOff), 1)) : a("", !0),
-      s("span", {
+      }, null, 40, S),
+      e.textPosition === "left" ? (n(), a("span", B, u(t.value ? e.textOn : e.textOff), 1)) : c("", !0),
+      r("span", {
         class: "checkmark h-5 w-5 flex-shrink-0 border border-gray-300 rounded transition-all duration-300 relative hover:border-2 hover:border-gray-500",
-        style: _({ backgroundColor: p.value })
+        style: _({ backgroundColor: h.value })
       }, [
-        s("div", null, [
-          l.isLoading ? (n(), C(w, {
+        r("div", null, [
+          o.isLoading ? (n(), v(C, {
             key: 0,
             class: "absolute w-3 h-3 text-black left-1/2 top-1/2 -ml-1.5 -mt-1.5"
-          })) : !l.isLoading && t.value ? (n(), r("svg", P, [...o[1] || (o[1] = [
-            s("polyline", { points: "20 6 9 17 4 12" }, null, -1)
-          ])])) : a("", !0)
+          })) : !o.isLoading && t.value ? (n(), a("svg", V, [...l[0] || (l[0] = [
+            r("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+          ])])) : c("", !0)
         ])
       ], 4),
-      e.textPosition === "right" ? (n(), r("span", D, c(t.value ? e.textOn : e.textOff), 1)) : a("", !0)
+      e.textPosition === "right" ? (n(), a("span", P, u(t.value ? e.textOn : e.textOff), 1)) : c("", !0)
     ], 2));
   }
 });
-const I = /* @__PURE__ */ O(L, [["__scopeId", "data-v-0c95be43"]]);
+const E = /* @__PURE__ */ w(L, [["__scopeId", "data-v-754a6250"]]);
 export {
-  I as OneCheckbox
+  E as OneCheckbox
 };

package/dist/chips/OneChips.vue.d.ts

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

package/dist/chips/chips.d.ts

@@ -0,0 +1,25 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const chipsProps: {
+    modelValue: {
+        type: PropType<Record<string, unknown>[]>;
+        required: true;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Heading rendered before the chips. */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    removable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type ChipsProps = ExtractPropTypes<typeof chipsProps>;

package/dist/chips/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n={modelValue:{type:Array,required:!0},labelKey:{type:String,default:"name"},valueKey:{type:String,default:"id"},label:{type:String,default:""},removable:{type:Boolean,default:!0}},m={class:"flex items-center flex-wrap gap-1"},p={key:0,class:"font-medium mr-2"},u=["data-test","onClick"],c=e.defineComponent({__name:"OneChips",props:n,emits:["update:modelValue","remove"],setup(s,{emit:i}){const o=s,r=i,d=t=>{r("remove",t),r("update:modelValue",o.modelValue.filter(a=>String(a[o.valueKey])!==String(t[o.valueKey])))};return(t,a)=>(e.openBlock(),e.createElementBlock("div",m,[t.label?(e.openBlock(),e.createElementBlock("span",p,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modelValue,l=>(e.openBlock(),e.createElementBlock("div",{key:String(l[t.valueKey]),class:"flex"},[e.createElementVNode("span",{class:e.normalizeClass(["bg-primary-base text-white text-sm px-2 py-1 rounded-l-md flex items-center",{"rounded-r-md":!t.removable}])},e.toDisplayString(l[t.labelKey]),3),t.removable?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"text-xs text-white hover:text-red-300 px-2 bg-primary-base rounded-r-md","data-test":`chip-remove-${l[t.valueKey]}`,onClick:e.withModifiers(y=>d(l),["prevent","stop"])}," ✕ ",8,u)):e.createCommentVNode("",!0)]))),128)),e.renderSlot(t.$slots,"default")]))}});exports.OneChips=c;exports.chipsProps=n;

package/dist/chips/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OneChips } from './OneChips.vue';
+export { chipsProps } from './chips';
+export type { ChipsProps } from './chips';