@oneb/ui-vue 0.0.39 → 0.0.40

package/dist/OneBrowserMenu.vue_vue_type_script_setup_true_lang-4b350df0.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./common/index.cjs"),k={title:{type:String},stick:{type:String,default:"right"}},g={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},y=["data-opened"],w={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},f=e.defineComponent({__name:"OneDropdown",props:k,emits:["open","close"],setup(d,{emit:r}){const i=e.ref(!1),s=e.ref(null),c=r,l=d,n=()=>{i.value=!i.value,i.value?c("open"):c("close")};e.provide("OneDropdown",{onToggle:n});const t=e.computed(()=>{const o=s.value!=null&&s.value.offsetLeft<270;return s.value!=null&&s.value.offsetTop+270>window.innerHeight?"up"+(o?"-right":"-left"):"down"+(o?"-right":"-left")}),a=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 t.value.startsWith("up")?o.push("bottom-1 mb-10"):t.value.startsWith("down")&&o.push("top-1 mt-10"),l.stick==="right"?o.push("right-0"):l.stick==="left"&&o.push("left-0"),o});return(o,u)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:s,"data-opened":i.value},[e.renderSlot(o.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:n,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:n})):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",a.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[o.title?(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:n})))],2)):e.createCommentVNode("",!0)]),_:3})],8,y))}}),p=e.defineComponent({__name:"OneDropdownItem",props:g,emits:["click"],setup(d,{emit:r}){const i=r,s=d,c=e.inject("OneDropdown"),l=()=>{c!==void 0&&c.onToggle(),i("click")},n=e.computed(()=>{const t=[];return s.variant==="secondary"?t.push("text-secondary-content hover:bg-secondary-body-hover"):s.variant==="danger"?t.push("text-danger-content hover:bg-danger-10"):s.variant==="warning"?t.push("text-warning-content hover:bg-warning-10"):s.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",n.value]),onClick:e.withModifiers(l,["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 v(d,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 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"})])}function x(d,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 b={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},accountLabel:{type:String,default:"Account"},logoutLabel:{type:String,default:"Logout"},onAccount:{type:Function},onLogout:{type:Function}},_={workspace:{type:Object,required:!0},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},appsTitle:{type:String,default:"Apps"},changeLabel:{type:String,default:"Change"},onChange:{type:Function},onApp:{type:Function}},C=["onClick"],V={class:"space-y-2 text-center py-6",style:{width:"240px"}},E={class:"text-sm text-secondary-content"},N={class:"px-2"},B=e.defineComponent({__name:"OneUserMenu",props:b,setup(d){const r=d,i=e.computed(()=>{var l;return(l=r.menu)==null?void 0:l.map(n=>{let t={label:n.label};n.icon!=null&&(t={...t,icon:n.icon});const a=typeof n.click=="function"?n.click:()=>{};return{key:n.label,args:t,click:a}})}),s=()=>{typeof r.onAccount=="function"&&r.onAccount()},c=()=>{typeof r.onLogout=="function"&&r.onLogout()};return(l,n)=>(e.openBlock(),e.createBlock(f,{stick:"right"},{button:e.withCtx(({onToggle:t,isExpanded:a})=>{var o,u;return[e.createElementVNode("button",{onClick:t,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[a?"bg-secondary-25":""]])},[e.createVNode(m.OneAvatar,{text:((o=l.user)==null?void 0:o.name)||"",size:l.iconSize,src:(u=l.user)==null?void 0:u.photo_url,rounded:!0},null,8,["text","size","src"])],10,C)]}),menu:e.withCtx(()=>{var t,a,o,u;return[e.createElementVNode("div",V,[e.createElementVNode("div",null,[e.createVNode(m.OneAvatar,{text:((t=l.user)==null?void 0:t.name)||"",size:80,src:(a=l.user)==null?void 0:a.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",null,[e.createElementVNode("div",null,e.toDisplayString((o=l.user)==null?void 0:o.name),1),e.createElementVNode("div",E,e.toDisplayString((u=l.user)==null?void 0:u.email),1)])]),e.createElementVNode("div",N,[typeof r.onAccount=="function"?(e.openBlock(),e.createBlock(p,{key:0,icon:e.unref(v),label:l.accountLabel,class:"rounded",onClick:s},null,8,["icon","label"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,h=>(e.openBlock(),e.createBlock(p,e.mergeProps({key:h.key},h.args,{onClick:h.click}),null,16,["onClick"]))),128)),e.createVNode(p,{icon:e.unref(x),label:l.logoutLabel,class:"rounded",onClick:c},null,8,["icon","label"])])]}),_:1}))}});function S(d,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"})])}const z=["onClick"],A={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},$={class:"flex-shrink-0"},L={class:"w-full text-left"},D={class:"flex-shrink-0"},O={class:"px-3 py-2 border-t border-secondary-stroke"},P={class:"text-secondary-content text-left pb-1 text-sm"},M={class:"grid grid-cols-3 gap-1"},j=["onClick"],F={class:"block bg-white mx-auto flex-shrink-0 border border-secondary-stroke p-1 rounded-lg"},T={class:"w-full overflow-hidden text-ellipsis whitespace-nowrap text-center text-sm mt-1"},q=e.defineComponent({__name:"OneBrowserMenu",props:_,setup(d){const r=d,i=()=>{typeof r.onChange=="function"&&r.onChange()},s=c=>{typeof r.onApp=="function"&&r.onApp(c)};return(c,l)=>(e.openBlock(),e.createBlock(f,{stick:"right"},{button:e.withCtx(({onToggle:n,isExpanded:t})=>[e.createElementVNode("button",{onClick:n,class:e.normalizeClass(["p-1 rounded-md hover:bg-secondary-10",[t?"bg-secondary-25":""]])},[e.createVNode(e.unref(S),{class:"text-secondary-base",style:e.normalizeStyle(`width: ${c.iconSize}px; height: ${c.iconSize}px`)},null,8,["style"])],10,z)]),menu:e.withCtx(()=>{var n,t,a;return[e.createElementVNode("div",A,[e.createElementVNode("div",$,[e.createVNode(m.OneAvatar,{text:((n=c.workspace)==null?void 0:n.name)||"",src:(t=c.workspace)==null?void 0:t.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",L,e.toDisplayString((a=c.workspace)==null?void 0:a.name),1),e.createElementVNode("div",D,[e.createElementVNode("button",{class:"text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",onClick:i},e.toDisplayString(c.changeLabel),1)])]),e.createElementVNode("div",O,[e.createElementVNode("div",P,e.toDisplayString(c.appsTitle),1),e.createElementVNode("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.apps,o=>(e.openBlock(),e.createElementBlock("button",{key:o.id,onClick:u=>s(o),class:"p-1.5 flex flex-col items-center justify-center rounded hover:bg-secondary-10",style:{width:"88px",height:"88px"}},[e.createElementVNode("span",F,[e.createVNode(m.OneAvatar,{text:o.name,src:o.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("span",T,e.toDisplayString(o.name),1)],8,j))),128))])])]}),_:1}))}});exports._sfc_main=f;exports._sfc_main$1=p;exports._sfc_main$2=B;exports._sfc_main$3=q;

package/dist/{OneBrowserMenu.vue_vue_type_script_setup_true_lang-59fac367.js → OneBrowserMenu.vue_vue_type_script_setup_true_lang-b65a0a0a.js}

@@ -1,4 +1,4 @@
-import { defineComponent as x, ref as $, provide as B, computed as v, openBlock as l, createElementBlock as d, renderSlot as z, normalizeProps as A, guardReactiveProps as L, createCommentVNode as y, createVNode as f, Transition as P, withCtx as m, normalizeClass as b, toDisplayString as h, inject as D, withModifiers as F, createBlock as w, resolveDynamicComponent as T, createElementVNode as e, unref as S, Fragment as O, renderList as M, mergeProps as V, normalizeStyle as E } from "vue";
+import { defineComponent as x, ref as z, provide as B, computed as v, openBlock as l, createElementBlock as d, renderSlot as A, normalizeProps as $, guardReactiveProps as L, createCommentVNode as y, createVNode as g, Transition as P, withCtx as w, normalizeClass as b, toDisplayString as h, inject as D, withModifiers as F, createBlock as m, resolveDynamicComponent as T, createElementVNode as e, unref as S, Fragment as O, renderList as M, mergeProps as V, normalizeStyle as E } from "vue";
 import { OneAvatar as k } from "./common/index.js";
 const q = {
   title: {
@@ -26,37 +26,37 @@ const q = {
   __name: "OneDropdown",
   props: q,
   emits: ["open", "close"],
-  setup(p, { emit: s }) {
-    const u = p, c = $(!1), o = $(null), r = () => {
-      c.value = !c.value, c.value ? s("open") : s("close");
+  setup(p, { emit: r }) {
+    const a = z(!1), c = z(null), s = r, i = p, o = () => {
+      a.value = !a.value, a.value ? s("open") : s("close");
     };
     B("OneDropdown", {
-      onToggle: r
+      onToggle: o
     });
     const t = v(() => {
-      const n = o.value != null && o.value.offsetLeft < 270;
-      return o.value != null && o.value.offsetTop + 270 > window.innerHeight ? "up" + (n ? "-right" : "-left") : "down" + (n ? "-right" : "-left");
-    }), i = v(() => {
+      const n = c.value != null && c.value.offsetLeft < 270;
+      return c.value != null && c.value.offsetTop + 270 > window.innerHeight ? "up" + (n ? "-right" : "-left") : "down" + (n ? "-right" : "-left");
+    }), u = v(() => {
       const n = [
         "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 t.value.startsWith("up") ? n.push("bottom-1 mb-10") : t.value.startsWith("down") && n.push("top-1 mt-10"), u.stick === "right" ? n.push("right-0") : u.stick === "left" && n.push("left-0"), n;
+      return t.value.startsWith("up") ? n.push("bottom-1 mb-10") : t.value.startsWith("down") && n.push("top-1 mt-10"), i.stick === "right" ? n.push("right-0") : i.stick === "left" && n.push("left-0"), n;
     });
-    return (n, a) => (l(), d("div", {
+    return (n, f) => (l(), d("div", {
       class: "relative inline-block",
       ref_key: "menuRef",
-      ref: o,
-      "data-opened": c.value
+      ref: c,
+      "data-opened": a.value
     }, [
-      z(n.$slots, "button", A(L({ onToggle: r, isExpanded: c.value }))),
-      c.value ? (l(), d("div", {
+      A(n.$slots, "button", $(L({ onToggle: o, isExpanded: a.value }))),
+      a.value ? (l(), d("div", {
         key: 0,
         class: "fixed top-0 left-0 w-screen h-screen z-10",
-        onClick: r
+        onClick: o
       })) : y("", !0),
-      f(P, {
+      g(P, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
         "enter-to-class": "transform opacity-100 scale-100",
@@ -64,46 +64,46 @@ const q = {
         "leave-from-class": "transform opacity-100 scale-100",
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
-        default: m(() => [
-          c.value ? (l(), d("div", {
+        default: w(() => [
+          a.value ? (l(), d("div", {
             key: 0,
-            class: b(["menu", i.value]),
+            class: b(["menu", u.value]),
             role: "menu",
             "aria-orientation": "vertical",
             tabindex: "-1"
           }, [
             n.title ? (l(), d("div", N, h(n.title), 1)) : y("", !0),
-            z(n.$slots, "menu", A(L({ onToggle: r })))
+            A(n.$slots, "menu", $(L({ onToggle: o })))
           ], 2)) : y("", !0)
         ]),
         _: 3
       })
     ], 8, I));
   }
-}), R = ["onClick"], C = /* @__PURE__ */ x({
+}), C = /* @__PURE__ */ x({
   __name: "OneDropdownItem",
   props: H,
   emits: ["click"],
-  setup(p, { emit: s }) {
-    const u = p, c = D("OneDropdown"), o = () => {
-      c !== void 0 && c.onToggle(), s("click");
-    }, r = v(() => {
+  setup(p, { emit: r }) {
+    const a = r, c = p, s = D("OneDropdown"), i = () => {
+      s !== void 0 && s.onToggle(), a("click");
+    }, o = v(() => {
       const t = [];
-      return u.variant === "secondary" ? t.push("text-secondary-content hover:bg-secondary-body-hover") : u.variant === "danger" ? t.push("text-danger-content hover:bg-danger-10") : u.variant === "warning" ? t.push("text-warning-content hover:bg-warning-10") : u.variant === "info" ? t.push("text-info-content hover:bg-info-10") : t.push("hover:bg-secondary-body-hover"), t;
+      return c.variant === "secondary" ? t.push("text-secondary-content hover:bg-secondary-body-hover") : c.variant === "danger" ? t.push("text-danger-content hover:bg-danger-10") : c.variant === "warning" ? t.push("text-warning-content hover:bg-warning-10") : c.variant === "info" ? t.push("text-info-content hover:bg-info-10") : t.push("hover:bg-secondary-body-hover"), t;
     });
-    return (t, i) => (l(), d("button", {
-      class: b(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", r.value]),
-      onClick: F(o, ["prevent"])
+    return (t, u) => (l(), d("button", {
+      class: b(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", o.value]),
+      onClick: F(i, ["prevent"])
     }, [
-      t.icon ? (l(), w(T(t.icon), {
+      t.icon ? (l(), m(T(t.icon), {
         key: 0,
         class: "w-4 h-4"
       })) : y("", !0),
       e("span", null, h(t.label), 1)
-    ], 10, R));
+    ], 2));
   }
 });
-function W(p, s) {
+function R(p, r) {
   return l(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -119,7 +119,7 @@ function W(p, s) {
     })
   ]);
 }
-function U(p, s) {
+function W(p, r) {
   return l(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -135,7 +135,7 @@ function U(p, s) {
     })
   ]);
 }
-const G = {
+const U = {
   user: {
     type: Object,
     required: !0
@@ -162,7 +162,7 @@ const G = {
   onLogout: {
     type: Function
   }
-}, J = {
+}, G = {
   workspace: {
     type: Object,
     required: !0
@@ -189,84 +189,84 @@ const G = {
   onApp: {
     type: Function
   }
-}, K = ["onClick"], Q = {
+}, J = ["onClick"], K = {
   class: "space-y-2 text-center py-6",
   style: { width: "240px" }
-}, X = { class: "text-sm text-secondary-content" }, Y = { class: "px-2" }, he = /* @__PURE__ */ x({
+}, Q = { class: "text-sm text-secondary-content" }, X = { class: "px-2" }, pe = /* @__PURE__ */ x({
   __name: "OneUserMenu",
-  props: G,
+  props: U,
   setup(p) {
-    const s = p, u = v(() => {
-      var r;
-      return (r = s.menu) == null ? void 0 : r.map((t) => {
-        let i = { label: t.label };
-        t.icon != null && (i = { ...i, icon: t.icon });
-        const n = typeof t.click == "function" ? t.click : () => {
+    const r = p, a = v(() => {
+      var i;
+      return (i = r.menu) == null ? void 0 : i.map((o) => {
+        let t = { label: o.label };
+        o.icon != null && (t = { ...t, icon: o.icon });
+        const u = typeof o.click == "function" ? o.click : () => {
         };
         return {
-          key: t.label,
-          args: i,
-          click: n
+          key: o.label,
+          args: t,
+          click: u
         };
       });
     }), c = () => {
-      typeof s.onAccount == "function" && s.onAccount();
-    }, o = () => {
-      typeof s.onLogout == "function" && s.onLogout();
+      typeof r.onAccount == "function" && r.onAccount();
+    }, s = () => {
+      typeof r.onLogout == "function" && r.onLogout();
     };
-    return (r, t) => (l(), w(j, { stick: "right" }, {
-      button: m(({ onToggle: i, isExpanded: n }) => {
-        var a, g;
+    return (i, o) => (l(), m(j, { stick: "right" }, {
+      button: w(({ onToggle: t, isExpanded: u }) => {
+        var n, f;
         return [
           e("button", {
-            onClick: i,
-            class: b(["p-1 rounded-full hover:bg-secondary-10", [n ? "bg-secondary-25" : ""]])
+            onClick: t,
+            class: b(["p-1 rounded-full hover:bg-secondary-10", [u ? "bg-secondary-25" : ""]])
           }, [
-            f(k, {
-              text: ((a = r.user) == null ? void 0 : a.name) || "",
-              size: r.iconSize,
-              src: (g = r.user) == null ? void 0 : g.photo_url,
+            g(k, {
+              text: ((n = i.user) == null ? void 0 : n.name) || "",
+              size: i.iconSize,
+              src: (f = i.user) == null ? void 0 : f.photo_url,
               rounded: !0
             }, null, 8, ["text", "size", "src"])
-          ], 10, K)
+          ], 10, J)
         ];
       }),
-      menu: m(() => {
-        var i, n, a, g;
+      menu: w(() => {
+        var t, u, n, f;
         return [
-          e("div", Q, [
+          e("div", K, [
             e("div", null, [
-              f(k, {
-                text: ((i = r.user) == null ? void 0 : i.name) || "",
+              g(k, {
+                text: ((t = i.user) == null ? void 0 : t.name) || "",
                 size: 80,
-                src: (n = r.user) == null ? void 0 : n.photo_url,
+                src: (u = i.user) == null ? void 0 : u.photo_url,
                 rounded: !0,
                 class: "mx-auto"
               }, null, 8, ["text", "src"])
             ]),
             e("div", null, [
-              e("div", null, h((a = r.user) == null ? void 0 : a.name), 1),
-              e("div", X, h((g = r.user) == null ? void 0 : g.email), 1)
+              e("div", null, h((n = i.user) == null ? void 0 : n.name), 1),
+              e("div", Q, h((f = i.user) == null ? void 0 : f.email), 1)
             ])
           ]),
-          e("div", Y, [
-            typeof s.onAccount == "function" ? (l(), w(C, {
+          e("div", X, [
+            typeof r.onAccount == "function" ? (l(), m(C, {
               key: 0,
-              icon: S(W),
-              label: r.accountLabel,
+              icon: S(R),
+              label: i.accountLabel,
               class: "rounded",
               onClick: c
             }, null, 8, ["icon", "label"])) : y("", !0),
-            (l(!0), d(O, null, M(u.value, (_) => (l(), w(C, V({
+            (l(!0), d(O, null, M(a.value, (_) => (l(), m(C, V({
               key: _.key
             }, _.args, {
               onClick: _.click
             }), null, 16, ["onClick"]))), 128)),
-            f(C, {
-              icon: S(U),
-              label: r.logoutLabel,
+            g(C, {
+              icon: S(W),
+              label: i.logoutLabel,
               class: "rounded",
-              onClick: o
+              onClick: s
             }, null, 8, ["icon", "label"])
           ])
         ];
@@ -275,7 +275,7 @@ const G = {
     }));
   }
 });
-function Z(p, s) {
+function Y(p, r) {
   return l(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -367,70 +367,70 @@ function Z(p, s) {
     })
   ]);
 }
-const ee = ["onClick"], te = {
+const Z = ["onClick"], ee = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, ne = { class: "flex-shrink-0" }, oe = { class: "w-full text-left" }, re = { class: "flex-shrink-0" }, se = { class: "px-3 py-2 border-t border-secondary-stroke" }, ie = { class: "text-secondary-content text-left pb-1 text-sm" }, le = { class: "grid grid-cols-3 gap-1" }, ce = ["onClick"], ae = { class: "block bg-white mx-auto flex-shrink-0 border border-secondary-stroke p-1 rounded-lg" }, ue = { class: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-center text-sm mt-1" }, fe = /* @__PURE__ */ x({
+}, te = { class: "flex-shrink-0" }, ne = { class: "w-full text-left" }, oe = { class: "flex-shrink-0" }, re = { class: "px-3 py-2 border-t border-secondary-stroke" }, se = { class: "text-secondary-content text-left pb-1 text-sm" }, ie = { class: "grid grid-cols-3 gap-1" }, le = ["onClick"], ce = { class: "block bg-white mx-auto flex-shrink-0 border border-secondary-stroke p-1 rounded-lg" }, ae = { class: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-center text-sm mt-1" }, he = /* @__PURE__ */ x({
   __name: "OneBrowserMenu",
-  props: J,
+  props: G,
   setup(p) {
-    const s = p, u = () => {
-      typeof s.onChange == "function" && s.onChange();
-    }, c = (o) => {
-      typeof s.onApp == "function" && s.onApp(o);
+    const r = p, a = () => {
+      typeof r.onChange == "function" && r.onChange();
+    }, c = (s) => {
+      typeof r.onApp == "function" && r.onApp(s);
     };
-    return (o, r) => (l(), w(j, { stick: "right" }, {
-      button: m(({ onToggle: t, isExpanded: i }) => [
+    return (s, i) => (l(), m(j, { stick: "right" }, {
+      button: w(({ onToggle: o, isExpanded: t }) => [
         e("button", {
-          onClick: t,
-          class: b(["p-1 rounded-md hover:bg-secondary-10", [i ? "bg-secondary-25" : ""]])
+          onClick: o,
+          class: b(["p-1 rounded-md hover:bg-secondary-10", [t ? "bg-secondary-25" : ""]])
         }, [
-          f(S(Z), {
+          g(S(Y), {
             class: "text-secondary-base",
-            style: E(`width: ${o.iconSize}px; height: ${o.iconSize}px`)
+            style: E(`width: ${s.iconSize}px; height: ${s.iconSize}px`)
           }, null, 8, ["style"])
-        ], 10, ee)
+        ], 10, Z)
       ]),
-      menu: m(() => {
-        var t, i, n;
+      menu: w(() => {
+        var o, t, u;
         return [
-          e("div", te, [
-            e("div", ne, [
-              f(k, {
-                text: ((t = o.workspace) == null ? void 0 : t.name) || "",
-                src: (i = o.workspace) == null ? void 0 : i.photo_url,
+          e("div", ee, [
+            e("div", te, [
+              g(k, {
+                text: ((o = s.workspace) == null ? void 0 : o.name) || "",
+                src: (t = s.workspace) == null ? void 0 : t.photo_url,
                 size: 44,
                 rounded: !1,
                 class: "mx-auto"
               }, null, 8, ["text", "src"])
             ]),
-            e("div", oe, h((n = o.workspace) == null ? void 0 : n.name), 1),
-            e("div", re, [
+            e("div", ne, h((u = s.workspace) == null ? void 0 : u.name), 1),
+            e("div", oe, [
               e("button", {
                 class: "text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",
-                onClick: u
-              }, h(o.changeLabel), 1)
+                onClick: a
+              }, h(s.changeLabel), 1)
             ])
           ]),
-          e("div", se, [
-            e("div", ie, h(o.appsTitle), 1),
-            e("div", le, [
-              (l(!0), d(O, null, M(o.apps, (a) => (l(), d("button", {
-                key: a.id,
-                onClick: (g) => c(a),
+          e("div", re, [
+            e("div", se, h(s.appsTitle), 1),
+            e("div", ie, [
+              (l(!0), d(O, null, M(s.apps, (n) => (l(), d("button", {
+                key: n.id,
+                onClick: (f) => c(n),
                 class: "p-1.5 flex flex-col items-center justify-center rounded hover:bg-secondary-10",
                 style: { width: "88px", height: "88px" }
               }, [
-                e("span", ae, [
-                  f(k, {
-                    text: a.name,
-                    src: a.photo_url,
+                e("span", ce, [
+                  g(k, {
+                    text: n.name,
+                    src: n.photo_url,
                     size: 44,
                     rounded: !1
                   }, null, 8, ["text", "src"])
                 ]),
-                e("span", ue, h(a.name), 1)
-              ], 8, ce))), 128))
+                e("span", ae, h(n.name), 1)
+              ], 8, le))), 128))
             ])
           ])
         ];
@@ -442,6 +442,6 @@ const ee = ["onClick"], te = {
 export {
   j as _,
   C as a,
-  he as b,
-  fe as c
+  pe as b,
+  he as c
 };

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-3615f53c.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-e804f148.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-f136b5ea.js";
+import { _ as p } from "../index-72d69e4e.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/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;

package/dist/dropdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../OneBrowserMenu.vue_vue_type_script_setup_true_lang-562e2fdb.cjs"),r=require("vue"),n=require("../_plugin-vue_export-helper-f246444f.cjs");require("../common/index.cjs");const o={},t={class:"border-t border-secondary-stroke my-1"};function _(s,i){return r.openBlock(),r.createElementBlock("div",t)}const c=n._export_sfc(o,[["render",_]]);exports.OneBrowserMenu=e._sfc_main$3;exports.OneDropdown=e._sfc_main;exports.OneDropdownItem=e._sfc_main$1;exports.OneUserMenu=e._sfc_main$2;exports.OneDropdownDivider=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../OneBrowserMenu.vue_vue_type_script_setup_true_lang-4b350df0.cjs"),r=require("vue"),n=require("../_plugin-vue_export-helper-f246444f.cjs");require("../common/index.cjs");const o={},t={class:"border-t border-secondary-stroke my-1"};function _(s,i){return r.openBlock(),r.createElementBlock("div",t)}const c=n._export_sfc(o,[["render",_]]);exports.OneBrowserMenu=e._sfc_main$3;exports.OneDropdown=e._sfc_main;exports.OneDropdownItem=e._sfc_main$1;exports.OneUserMenu=e._sfc_main$2;exports.OneDropdownDivider=c;

package/dist/dropdown/index.js

@@ -1,4 +1,4 @@
-import { c as O, _ as l, a as u, b as w } from "../OneBrowserMenu.vue_vue_type_script_setup_true_lang-59fac367.js";
+import { c as O, _ as l, a as u, b as w } from "../OneBrowserMenu.vue_vue_type_script_setup_true_lang-b65a0a0a.js";
 import { openBlock as e, createElementBlock as r } from "vue";
 import { _ as o } from "../_plugin-vue_export-helper-dad06003.js";
 import "../common/index.js";

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

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

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

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

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

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

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

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

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

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

package/dist/form/index.cjs

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