@oneb/ui-vue 0.0.77 → 0.0.78

package/dist/OneBrowserMenu-8b60a8d7.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),f=require("./common/index.cjs"),B=require("./XMarkIcon-f94baa4c.cjs"),C=require("./index-176aeb3b.cjs"),N=require("./_plugin-vue_export-helper-f246444f.cjs"),S={title:{type:String},stick:{type:String,default:"right"}},A={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},$=["data-opened"],z={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},x=e.defineComponent({__name:"OneDropdown",props:S,emits:["open","close"],setup(c,{emit:r}){const i=e.ref(!1),l=e.ref(null),a=r,n=c,s=()=>{i.value=!i.value,i.value?a("open"):a("close")};e.provide("OneDropdown",{onToggle:s});const o=e.computed(()=>{const t=l.value!=null&&l.value.getBoundingClientRect.x<270;return l.value!=null&&l.value.getBoundingClientRect().top+270>window.innerHeight?"up"+(t?"-right":"-left"):"down"+(t?"-right":"-left")}),u=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"),n.stick==="right"?t.push("right-0"):n.stick==="left"&&t.push("left-0"),t});return(t,p)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:l,"data-opened":i.value},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:s,isExpanded:i.value}))),i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:s})):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(()=>[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",u.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[t.title?(e.openBlock(),e.createElementBlock("div",z,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:s})))],2)):e.createCommentVNode("",!0)]),_:3})],8,$))}}),k=e.defineComponent({__name:"OneDropdownItem",props:A,emits:["click"],setup(c,{emit:r}){const i=r,l=c,a=e.inject("OneDropdown"),n=()=>{a!==void 0&&a.onToggle(),i("click")},s=e.computed(()=>{const o=[];return l.variant==="secondary"?o.push("text-secondary-content hover:bg-secondary-body-hover"):l.variant==="danger"?o.push("text-danger-content hover:bg-danger-10"):l.variant==="warning"?o.push("text-warning-content hover:bg-warning-10"):l.variant==="info"?o.push("text-info-content hover:bg-info-10"):o.push("hover:bg-secondary-body-hover"),o});return(o,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",s.value]),onClick:e.withModifiers(n,["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 D(c,r){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 O={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}},_={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}},L=["onClick"],F={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"},M={class:"self-center text-base font-medium tracking-wide text-black"},P={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},q={class:"text-left w-full mt-5 px-3"},I=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1),R={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},T=e.defineComponent({__name:"OneUserMenu",props:O,setup(c){const r=c,i=e.computed(()=>{var n;return(n=r.menu)==null?void 0:n.map(s=>{let o={label:s.label};s.icon!=null&&(o={...o,icon:s.icon});const u=typeof s.click=="function"?s.click:()=>{};return{key:s.label,args:o,click:u}})}),l=()=>{typeof r.onAccount=="function"&&r.onAccount()},a=()=>{typeof r.onLogout=="function"&&r.onLogout()};return(n,s)=>(e.openBlock(),e.createBlock(x,{stick:"right"},{button:e.withCtx(({onToggle:o,isExpanded:u})=>{var t,p;return[e.createElementVNode("button",{onClick:o,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[u?"bg-secondary-25":""]])},[e.createVNode(f.OneAvatar,{text:((t=n.user)==null?void 0:t.name)||"",size:n.iconSize,src:(p=n.user)==null?void 0:p.photo_url,rounded:!0},null,8,["text","size","src"])],10,L)]}),menu:e.withCtx(()=>{var o,u,t,p,h;return[e.createElementVNode("div",F,[e.createVNode(f.OneAvatar,{text:((o=n.user)==null?void 0:o.name)||"",size:80,src:(u=n.user)==null?void 0:u.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",j,[e.createElementVNode("div",M,e.toDisplayString((t=n.user)==null?void 0:t.name),1),e.createElementVNode("div",P,e.toDisplayString((p=n.user)==null?void 0:p.email),1)]),typeof r.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:l,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(n.accountLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,m=>(e.openBlock(),e.createBlock(k,e.mergeProps({key:m.key,ref_for:!0},m.args,{onClick:m.click}),null,16,["onClick"]))),128)),typeof n.onLogout=="function"?(e.openBlock(),e.createBlock(k,{key:0,icon:e.unref(D),label:n.logoutLabel,class:"rounded py-3",onClick:a},null,8,["icon","label"])):e.createCommentVNode("",!0)]),I,e.createElementVNode("div",R,e.toDisplayString((h=n.app)==null?void 0:h.version),1)])]}),_:1}))}});function b(c,r){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 H(c,r){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 W(c,r){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 E(c,r){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 U=c=>(e.pushScopeId("data-v-4936d4e4"),c=c(),e.popScopeId(),c),X=["data-opened"],G={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},J={class:"flex justify-between items-center pt-3 mb-3"},K={class:"font-semibold text-xl px-3"},Q={class:"grid"},Y={class:"rounded-lg m-3 border"},Z={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},ee={class:"flex justify-between relative"},te={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},oe={key:0},ne={class:"text-xs font-semibold"},re=U(()=>e.createElementVNode("hr",null,null,-1)),le={class:"px-3 py-2"},se={class:"text-secondary-content text-left pb-1 text-xs uppercase"},ce={class:"overflow-auto max-h-full"},ae={key:0,class:"space-y-2"},ie=["onClick"],de={class:"flex"},ue={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},pe={class:"pl-2"},me={class:"text-sm mt-1 font-semibold"},he={class:"text9 mt-1"},fe={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},ke=e.defineComponent({__name:"OneBrowserMenu",props:_,emits:["open","close"],setup(c,{emit:r}){const i=r,l=c,a=e.ref(!1),n=()=>{a.value=!a.value,a.value?i("open"):i("close")},s=e.ref(!1);e.computed(()=>s.value?W:H);const o=()=>{typeof l.onChange=="function"&&l.onChange()},u=t=>{typeof l.onApp=="function"&&l.onApp(t)};return(t,p)=>{var h,m,g,v,y,w;return e.openBlock(),e.createElementBlock("div",{"data-opened":a.value},[e.createElementVNode("button",{onClick:n,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":a.value}])},[e.createVNode(e.unref(b),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:n})):e.createCommentVNode("",!0),a.value?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",J,[e.createElementVNode("div",K,e.toDisplayString((h=t.workspace)==null?void 0:h.title),1),e.createVNode(e.unref(B.render),{class:"w-6 cursor-pointer",onClick:n})]),e.createElementVNode("div",Q,[e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[e.createElementVNode("div",ee,[e.createVNode(f.OneAvatar,{text:((m=t.workspace)==null?void 0:m.name)||"",src:(g=t.workspace)==null?void 0:g.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",te,e.toDisplayString((v=t.workspace)==null?void 0:v.name),1)]),s.value?(e.openBlock(),e.createElementBlock("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.workspaces,d=>(e.openBlock(),e.createElementBlock("div",{key:d.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(f.OneAvatar,{text:d.name,src:d.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",ne,e.toDisplayString(d.name),1)]))),128))])):e.createCommentVNode("",!0),re,e.createElementVNode("div",{onClick:o,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString((y=t.workspace)==null?void 0:y.changeLabel),1)])]),e.createElementVNode("div",le,[e.createElementVNode("div",se,e.toDisplayString((w=t.workspace)==null?void 0:w.appsLabel),1),e.createElementVNode("div",ce,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.apps,d=>(e.openBlock(),e.createElementBlock("div",{key:d.id,onClick:V=>u(d),class:"flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"},[e.createElementVNode("div",de,[e.createElementVNode("div",ue,[e.createVNode(f.OneAvatar,{text:d.name,src:d.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",pe,[e.createElementVNode("p",me,e.toDisplayString(d.name),1),e.createElementVNode("p",he,e.toDisplayString(d==null?void 0:d.short),1)])]),e.createElementVNode("div",null,[e.createVNode(C._sfc_main,{variant:"touch",icon:e.unref(E),onClick:V=>u(d)},null,8,["icon","onClick"])])],8,ie))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("button",fe,e.toDisplayString("Дивитися всі"))):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,X)}}});const ge=N._export_sfc(ke,[["__scopeId","data-v-4936d4e4"]]);exports.OneBrowserMenu=ge;exports._sfc_main=x;exports._sfc_main$1=k;exports._sfc_main$2=T;exports.browserMenuProps=_;exports.render=E;exports.render$1=b;

package/dist/{OneBrowserMenu-2f62dcbe.js → OneBrowserMenu-954210ad.js}

@@ -1,9 +1,9 @@
-import { defineComponent as $, ref as C, provide as E, computed as _, openBlock as o, createElementBlock as r, renderSlot as B, normalizeProps as M, guardReactiveProps as I, createCommentVNode as f, createVNode as v, Transition as R, withCtx as S, normalizeClass as A, toDisplayString as p, inject as T, withModifiers as V, createBlock as k, resolveDynamicComponent as q, createElementVNode as e, Fragment as z, renderList as j, mergeProps as H, unref as b, pushScopeId as N, popScopeId as W } from "vue";
+import { defineComponent as $, ref as C, provide as R, computed as _, openBlock as o, createElementBlock as r, renderSlot as M, normalizeProps as I, guardReactiveProps as P, createCommentVNode as m, createVNode as v, Transition as T, withCtx as S, normalizeClass as A, toDisplayString as h, inject as V, withModifiers as q, createBlock as k, resolveDynamicComponent as H, createElementVNode as e, Fragment as z, renderList as j, mergeProps as N, unref as b, pushScopeId as W, popScopeId as U } from "vue";
 import { OneAvatar as w } from "./common/index.js";
-import { r as U } from "./XMarkIcon-51ef0691.js";
-import { _ as G } from "./index-a1adb4e2.js";
-import { _ as J } from "./_plugin-vue_export-helper-dad06003.js";
-const K = {
+import { r as G } from "./XMarkIcon-51ef0691.js";
+import { _ as J } from "./index-3f2d6084.js";
+import { _ as K } from "./_plugin-vue_export-helper-dad06003.js";
+const Q = {
   title: {
     type: String
   },
@@ -11,7 +11,7 @@ const K = {
     type: String,
     default: "right"
   }
-}, Q = {
+}, X = {
   variant: {
     type: String,
     default: "primary"
@@ -22,44 +22,44 @@ const K = {
   icon: {
     type: [Function, Object]
   }
-}, X = ["data-opened"], Y = {
+}, Y = ["data-opened"], Z = {
   key: 0,
   class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, Z = /* @__PURE__ */ $({
+}, ee = /* @__PURE__ */ $({
   __name: "OneDropdown",
-  props: K,
+  props: Q,
   emits: ["open", "close"],
-  setup(c, { emit: i }) {
-    const a = c, l = C(!1), h = C(null), n = () => {
-      l.value = !l.value, l.value ? i("open") : i("close");
+  setup(a, { emit: i }) {
+    const d = C(!1), l = C(null), u = i, s = a, c = () => {
+      d.value = !d.value, d.value ? u("open") : u("close");
     };
-    E("OneDropdown", {
-      onToggle: n
+    R("OneDropdown", {
+      onToggle: c
     });
-    const s = _(() => {
-      const t = h.value != null && h.value.getBoundingClientRect.x < 270;
-      return h.value != null && h.value.getBoundingClientRect().top + 270 > window.innerHeight ? "up" + (t ? "-right" : "-left") : "down" + (t ? "-right" : "-left");
-    }), u = _(() => {
+    const n = _(() => {
+      const t = l.value != null && l.value.getBoundingClientRect.x < 270;
+      return l.value != null && l.value.getBoundingClientRect().top + 270 > window.innerHeight ? "up" + (t ? "-right" : "-left") : "down" + (t ? "-right" : "-left");
+    }), f = _(() => {
       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 s.value.startsWith("up") ? t.push("bottom-1 mb-10") : s.value.startsWith("down") && t.push("top-1 mt-10"), a.stick === "right" ? t.push("right-0") : a.stick === "left" && t.push("left-0"), t;
+      return n.value.startsWith("up") ? t.push("bottom-1 mb-10") : n.value.startsWith("down") && t.push("top-1 mt-10"), s.stick === "right" ? t.push("right-0") : s.stick === "left" && t.push("left-0"), t;
     });
-    return (t, m) => (o(), r("div", {
+    return (t, g) => (o(), r("div", {
       class: "relative inline-block",
       ref_key: "menuRef",
-      ref: h,
-      "data-opened": l.value
+      ref: l,
+      "data-opened": d.value
     }, [
-      B(t.$slots, "button", M(I({ onToggle: n, isExpanded: l.value }))),
-      l.value ? (o(), r("div", {
+      M(t.$slots, "button", I(P({ onToggle: c, isExpanded: d.value }))),
+      d.value ? (o(), r("div", {
         key: 0,
         class: "fixed top-0 left-0 w-screen h-screen z-10",
-        onClick: n
-      })) : f("", !0),
-      v(R, {
+        onClick: c
+      })) : m("", !0),
+      v(T, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
         "enter-to-class": "transform opacity-100 scale-100",
@@ -68,45 +68,45 @@ const K = {
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
         default: S(() => [
-          l.value ? (o(), r("div", {
+          d.value ? (o(), r("div", {
             key: 0,
-            class: A(["menu", u.value]),
+            class: A(["menu", f.value]),
             role: "menu",
             "aria-orientation": "vertical",
             tabindex: "-1"
           }, [
-            t.title ? (o(), r("div", Y, p(t.title), 1)) : f("", !0),
-            B(t.$slots, "menu", M(I({ onToggle: n })))
-          ], 2)) : f("", !0)
+            t.title ? (o(), r("div", Z, h(t.title), 1)) : m("", !0),
+            M(t.$slots, "menu", I(P({ onToggle: c })))
+          ], 2)) : m("", !0)
         ]),
         _: 3
       })
-    ], 8, X));
+    ], 8, Y));
   }
-}), ee = ["onClick"], P = /* @__PURE__ */ $({
+}), D = /* @__PURE__ */ $({
   __name: "OneDropdownItem",
-  props: Q,
+  props: X,
   emits: ["click"],
-  setup(c, { emit: i }) {
-    const a = c, l = T("OneDropdown"), h = () => {
-      l !== void 0 && l.onToggle(), i("click");
-    }, n = _(() => {
-      const s = [];
-      return a.variant === "secondary" ? s.push("text-secondary-content hover:bg-secondary-body-hover") : a.variant === "danger" ? s.push("text-danger-content hover:bg-danger-10") : a.variant === "warning" ? s.push("text-warning-content hover:bg-warning-10") : a.variant === "info" ? s.push("text-info-content hover:bg-info-10") : s.push("hover:bg-secondary-body-hover"), s;
+  setup(a, { emit: i }) {
+    const d = i, l = a, u = V("OneDropdown"), s = () => {
+      u !== void 0 && u.onToggle(), d("click");
+    }, c = _(() => {
+      const n = [];
+      return l.variant === "secondary" ? n.push("text-secondary-content hover:bg-secondary-body-hover") : l.variant === "danger" ? n.push("text-danger-content hover:bg-danger-10") : l.variant === "warning" ? n.push("text-warning-content hover:bg-warning-10") : l.variant === "info" ? n.push("text-info-content hover:bg-info-10") : n.push("hover:bg-secondary-body-hover"), n;
     });
-    return (s, u) => (o(), r("button", {
-      class: A(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", n.value]),
-      onClick: V(h, ["prevent"])
+    return (n, f) => (o(), r("button", {
+      class: A(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", c.value]),
+      onClick: q(s, ["prevent"])
     }, [
-      s.icon ? (o(), k(q(s.icon), {
+      n.icon ? (o(), k(H(n.icon), {
         key: 0,
         class: "w-4 h-4"
-      })) : f("", !0),
-      e("span", null, p(s.label), 1)
-    ], 10, ee));
+      })) : m("", !0),
+      e("span", null, h(n.label), 1)
+    ], 2));
   }
 });
-function te(c, i) {
+function te(a, i) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -186,84 +186,85 @@ const oe = {
   onApp: {
     type: Function
   }
-}, se = ["onClick"], re = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, le = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, ie = { class: "self-center text-base font-medium tracking-wide text-black" }, ce = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, ae = { class: "text-left w-full mt-5 px-3" }, ue = /* @__PURE__ */ e("div", {
+}, se = ["onClick"], re = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, ie = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, le = { class: "self-center text-base font-medium tracking-wide text-black" }, ce = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, ae = { class: "text-left w-full mt-5 px-3" }, ue = /* @__PURE__ */ e("div", {
   class: "space-y-2 text-center",
   style: { width: "240px" }
 }, null, -1), de = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, Ue = /* @__PURE__ */ $({
   __name: "OneUserMenu",
   props: oe,
-  setup(c) {
-    const i = c, a = _(() => {
-      var n;
-      return (n = i.menu) == null ? void 0 : n.map((s) => {
-        let u = { label: s.label };
-        s.icon != null && (u = { ...u, icon: s.icon });
-        const t = typeof s.click == "function" ? s.click : () => {
+  setup(a) {
+    const i = a, d = _(() => {
+      var s;
+      return (s = i.menu) == null ? void 0 : s.map((c) => {
+        let n = { label: c.label };
+        c.icon != null && (n = { ...n, icon: c.icon });
+        const f = typeof c.click == "function" ? c.click : () => {
         };
         return {
-          key: s.label,
-          args: u,
-          click: t
+          key: c.label,
+          args: n,
+          click: f
         };
       });
     }), l = () => {
       typeof i.onAccount == "function" && i.onAccount();
-    }, h = () => {
+    }, u = () => {
       typeof i.onLogout == "function" && i.onLogout();
     };
-    return (n, s) => (o(), k(Z, { stick: "right" }, {
-      button: S(({ onToggle: u, isExpanded: t }) => {
-        var m, g;
+    return (s, c) => (o(), k(ee, { stick: "right" }, {
+      button: S(({ onToggle: n, isExpanded: f }) => {
+        var t, g;
         return [
           e("button", {
-            onClick: u,
-            class: A(["p-1 rounded-full hover:bg-secondary-10", [t ? "bg-secondary-25" : ""]])
+            onClick: n,
+            class: A(["p-1 rounded-full hover:bg-secondary-10", [f ? "bg-secondary-25" : ""]])
           }, [
             v(w, {
-              text: ((m = n.user) == null ? void 0 : m.name) || "",
-              size: n.iconSize,
-              src: (g = n.user) == null ? void 0 : g.photo_url,
+              text: ((t = s.user) == null ? void 0 : t.name) || "",
+              size: s.iconSize,
+              src: (g = s.user) == null ? void 0 : g.photo_url,
               rounded: !0
             }, null, 8, ["text", "size", "src"])
           ], 10, se)
         ];
       }),
       menu: S(() => {
-        var u, t, m, g, y;
+        var n, f, t, g, y;
         return [
           e("div", re, [
             v(w, {
-              text: ((u = n.user) == null ? void 0 : u.name) || "",
+              text: ((n = s.user) == null ? void 0 : n.name) || "",
               size: 80,
-              src: (t = n.user) == null ? void 0 : t.photo_url,
+              src: (f = s.user) == null ? void 0 : f.photo_url,
               rounded: !0,
               class: "mx-auto"
             }, null, 8, ["text", "src"]),
-            e("div", le, [
-              e("div", ie, p((m = n.user) == null ? void 0 : m.name), 1),
-              e("div", ce, p((g = n.user) == null ? void 0 : g.email), 1)
+            e("div", ie, [
+              e("div", le, h((t = s.user) == null ? void 0 : t.name), 1),
+              e("div", ce, h((g = s.user) == null ? void 0 : g.email), 1)
             ]),
             typeof i.onAccount == "function" ? (o(), r("a", {
               key: 0,
               onClick: l,
               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"
-            }, p(n.accountLabel), 1)) : f("", !0),
+            }, h(s.accountLabel), 1)) : m("", !0),
             e("div", ae, [
-              (o(!0), r(z, null, j(a.value, (x) => (o(), k(P, H({
-                key: x.key
+              (o(!0), r(z, null, j(d.value, (x) => (o(), k(D, N({
+                key: x.key,
+                ref_for: !0
               }, x.args, {
                 onClick: x.click
               }), null, 16, ["onClick"]))), 128)),
-              typeof n.onLogout == "function" ? (o(), k(P, {
+              typeof s.onLogout == "function" ? (o(), k(D, {
                 key: 0,
                 icon: b(te),
-                label: n.logoutLabel,
+                label: s.logoutLabel,
                 class: "rounded py-3",
-                onClick: h
-              }, null, 8, ["icon", "label"])) : f("", !0)
+                onClick: u
+              }, null, 8, ["icon", "label"])) : m("", !0)
             ]),
             ue,
-            e("div", de, p((y = n.app) == null ? void 0 : y.version), 1)
+            e("div", de, h((y = s.app) == null ? void 0 : y.version), 1)
           ])
         ];
       }),
@@ -271,7 +272,7 @@ const oe = {
     }));
   }
 });
-function pe(c, i) {
+function pe(a, i) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -363,7 +364,7 @@ function pe(c, i) {
     })
   ]);
 }
-function he(c, i) {
+function he(a, i) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -379,7 +380,7 @@ function he(c, i) {
     })
   ]);
 }
-function fe(c, i) {
+function fe(a, i) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -395,7 +396,7 @@ function fe(c, i) {
     })
   ]);
 }
-function ve(c, i) {
+function me(a, i) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -411,13 +412,13 @@ function ve(c, i) {
     })
   ]);
 }
-const ge = (c) => (N("data-v-4936d4e4"), c = c(), W(), c), me = ["data-opened"], xe = {
+const ve = (a) => (W("data-v-4936d4e4"), a = a(), U(), a), ge = ["data-opened"], xe = {
   key: 1,
   class: "absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"
 }, ye = { class: "flex justify-between items-center pt-3 mb-3" }, we = { class: "font-semibold text-xl px-3" }, _e = { class: "grid" }, ke = { class: "rounded-lg m-3 border" }, be = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, Ce = { class: "flex justify-between relative" }, $e = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Ae = { key: 0 }, Se = { class: "text-xs font-semibold" }, ze = /* @__PURE__ */ ge(() => /* @__PURE__ */ e("hr", null, null, -1)), je = { class: "px-3 py-2" }, Le = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, Oe = { class: "overflow-auto max-h-full" }, Fe = {
+}, Ce = { class: "flex justify-between relative" }, $e = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Ae = { key: 0 }, Se = { class: "text-xs font-semibold" }, ze = /* @__PURE__ */ ve(() => /* @__PURE__ */ e("hr", null, null, -1)), je = { class: "px-3 py-2" }, Le = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, Oe = { class: "overflow-auto max-h-full" }, Fe = {
   key: 0,
   class: "space-y-2"
 }, Be = ["onClick"], Me = { class: "flex" }, Ie = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, Pe = { class: "pl-2" }, De = { class: "text-sm mt-1 font-semibold" }, Ee = { class: "text9 mt-1" }, Re = {
@@ -427,36 +428,36 @@ const ge = (c) => (N("data-v-4936d4e4"), c = c(), W(), c), me = ["data-opened"],
   __name: "OneBrowserMenu",
   props: ne,
   emits: ["open", "close"],
-  setup(c, { emit: i }) {
-    const a = c, l = C(!1), h = () => {
-      l.value = !l.value, l.value ? i("open") : i("close");
-    }, n = C(!1);
-    _(() => n.value ? fe : he);
-    const s = () => {
-      typeof a.onChange == "function" && a.onChange();
-    }, u = (t) => {
-      typeof a.onApp == "function" && a.onApp(t);
+  setup(a, { emit: i }) {
+    const d = i, l = a, u = C(!1), s = () => {
+      u.value = !u.value, u.value ? d("open") : d("close");
+    }, c = C(!1);
+    _(() => c.value ? fe : he);
+    const n = () => {
+      typeof l.onChange == "function" && l.onChange();
+    }, f = (t) => {
+      typeof l.onApp == "function" && l.onApp(t);
     };
-    return (t, m) => {
-      var g, y, x, L, O, F;
-      return o(), r("div", { "data-opened": l.value }, [
+    return (t, g) => {
+      var y, x, L, O, F, B;
+      return o(), r("div", { "data-opened": u.value }, [
         e("button", {
-          onClick: h,
-          class: A(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": l.value }])
+          onClick: s,
+          class: A(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": u.value }])
         }, [
           v(b(pe), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
         ], 2),
-        l.value ? (o(), r("div", {
+        u.value ? (o(), r("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",
-          onClick: h
-        })) : f("", !0),
-        l.value ? (o(), r("div", xe, [
+          onClick: s
+        })) : m("", !0),
+        u.value ? (o(), r("div", xe, [
           e("div", ye, [
-            e("div", we, p((g = t.workspace) == null ? void 0 : g.title), 1),
-            v(b(U), {
+            e("div", we, h((y = t.workspace) == null ? void 0 : y.title), 1),
+            v(b(G), {
               class: "w-6 cursor-pointer",
-              onClick: h
+              onClick: s
             })
           ]),
           e("div", _e, [
@@ -464,84 +465,84 @@ const ge = (c) => (N("data-v-4936d4e4"), c = c(), W(), c), me = ["data-opened"],
               e("div", be, [
                 e("div", Ce, [
                   v(w, {
-                    text: ((y = t.workspace) == null ? void 0 : y.name) || "",
-                    src: (x = t.workspace) == null ? void 0 : x.photo_url,
+                    text: ((x = t.workspace) == null ? void 0 : x.name) || "",
+                    src: (L = t.workspace) == null ? void 0 : L.photo_url,
                     size: 44,
                     rounded: !1,
                     class: "mx-auto"
                   }, null, 8, ["text", "src"])
                 ]),
-                e("div", $e, p((L = t.workspace) == null ? void 0 : L.name) + " ", 1)
+                e("div", $e, h((O = t.workspace) == null ? void 0 : O.name), 1)
               ]),
-              n.value ? (o(), r("div", Ae, [
-                (o(!0), r(z, null, j(t.workspaces, (d) => (o(), r("div", {
-                  key: d.name,
+              c.value ? (o(), r("div", Ae, [
+                (o(!0), r(z, null, j(t.workspaces, (p) => (o(), r("div", {
+                  key: p.name,
                   class: "flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"
                 }, [
                   v(w, {
-                    text: d.name,
-                    src: d.photo_url,
+                    text: p.name,
+                    src: p.photo_url,
                     size: 30,
                     rounded: !1
                   }, null, 8, ["text", "src"]),
-                  e("span", Se, p(d.name), 1)
+                  e("span", Se, h(p.name), 1)
                 ]))), 128))
-              ])) : f("", !0),
+              ])) : m("", !0),
               ze,
               e("div", {
-                onClick: s,
+                onClick: n,
                 class: "text-center py-2 cursor-pointer",
                 style: { "font-size": "10px" }
-              }, p((O = t.workspace) == null ? void 0 : O.changeLabel), 1)
+              }, h((F = t.workspace) == null ? void 0 : F.changeLabel), 1)
             ])
           ]),
           e("div", je, [
-            e("div", Le, p((F = t.workspace) == null ? void 0 : F.appsLabel), 1),
+            e("div", Le, h((B = t.workspace) == null ? void 0 : B.appsLabel), 1),
             e("div", Oe, [
               t.apps && t.apps.length ? (o(), r("div", Fe, [
-                (o(!0), r(z, null, j(t.apps, (d) => (o(), r("div", {
-                  key: d.id,
-                  onClick: (D) => u(d),
+                (o(!0), r(z, null, j(t.apps, (p) => (o(), r("div", {
+                  key: p.id,
+                  onClick: (E) => f(p),
                   class: "flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"
                 }, [
                   e("div", Me, [
                     e("div", Ie, [
                       v(w, {
-                        text: d.name,
-                        src: d.photo_url,
+                        text: p.name,
+                        src: p.photo_url,
                         size: 44,
                         rounded: !1
                       }, null, 8, ["text", "src"])
                     ]),
                     e("div", Pe, [
-                      e("p", De, p(d.name), 1),
-                      e("p", Ee, p(d == null ? void 0 : d.short), 1)
+                      e("p", De, h(p.name), 1),
+                      e("p", Ee, h(p == null ? void 0 : p.short), 1)
                     ])
                   ]),
                   e("div", null, [
-                    v(G, {
+                    v(J, {
                       variant: "touch",
-                      icon: b(ve),
-                      onClick: (D) => u(d)
+                      icon: b(me),
+                      onClick: (E) => f(p)
                     }, null, 8, ["icon", "onClick"])
                   ])
                 ], 8, Be))), 128))
-              ])) : f("", !0),
-              t.apps && t.apps.length ? (o(), r("button", Re, p("Дивитися всі"))) : f("", !0)
+              ])) : m("", !0),
+              t.apps && t.apps.length ? (o(), r("button", Re, h("Дивитися всі"))) : m("", !0)
             ])
           ])
-        ])) : f("", !0)
-      ], 8, me);
+        ])) : m("", !0)
+      ], 8, ge);
     };
   }
 });
-const Ge = /* @__PURE__ */ J(Te, [["__scopeId", "data-v-4936d4e4"]]);
+const Ge = /* @__PURE__ */ K(Te, [["__scopeId", "data-v-4936d4e4"]]);
 export {
   Ge as O,
-  Z as _,
-  P as a,
+  ee as _,
+  D as a,
   Ue as b,
   ne as c,
   pe as d,
-  ve as r
+  me as r
 };

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-20c83582.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-176aeb3b.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-a1adb4e2.js";
+import { _ as p } from "../index-3f2d6084.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/common/OneAvatar.vue.d.ts

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

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/OneUserMenu.vue.d.ts

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