@oneb/ui-vue 0.3.13 → 0.3.15

package/dist/OneMarkdown.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/OneMarkdown.vue_vue_type_style_index_0_lang-4ed993c7.js

@@ -0,0 +1 @@
+

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

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

package/dist/SpinnerIcon-ccb6f3fc.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue");require("./SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");const o=require("./_plugin-vue_export-helper-f246444f.cjs"),r={},t={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 i(c,n){return e.openBlock(),e.createElementBlock("svg",t,[...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=o._export_sfc(r,[["render",i]]);exports.SpinnerIcon=s;

package/dist/SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js

@@ -0,0 +1 @@
+

package/dist/button/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const m={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]}},y=["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"],v={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"]},h={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"]},f=(a="primary",l="md")=>{const r=[];return r.push(...y),r.push(...h[a]??[]),a!=="touch"&&a!=="mini"&&a!=="edit"&&a!=="send"&&r.push(...v[l]??[]),l==="xs"?r.map(t=>t.replace("rounded-10","rounded-md").replace("font-semibold","font-medium")):r},x=["disabled","title","type"],C=e.defineComponent({__name:"OneButton",props:m,emits:["click"],setup(a,{emit:l}){const r=l,t=a,d=()=>{r("click")},n=e.computed(()=>t.icon),i=e.computed(()=>t.iconAfter),u=e.computed(()=>{const s=f(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}),p=e.computed(()=>t.disabled||t.isLoading),b=e.computed(()=>t.label&&t.label.length>0&&t.variant!=="touch"&&t.variant!=="send"),g=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,w)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(u.value),disabled:p.value,title:s.label,type:s.isSubmit?"submit":"button",onClick:e.withModifiers(d,["stop"])},[n.value!=null&&s.isLoading?(e.openBlock(),e.createBlock(c.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),b.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(g.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(c.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,x))}});exports.OneButton=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("../SpinnerIcon-ccb6f3fc.cjs");require("../SpinnerIcon.vue_vue_type_style_index_0_lang-0ea8fbf8.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const m={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]}},y=["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"],v={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"]},h={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"]},f=(r="primary",l="md")=>{const a=[];return a.push(...y),a.push(...h[r]??[]),r!=="touch"&&r!=="mini"&&r!=="edit"&&r!=="send"&&a.push(...v[l]??[]),l==="xs"?a.map(t=>t.replace("rounded-10","rounded-md").replace("font-semibold","font-medium")):a},x=["disabled","title","type"],C=e.defineComponent({__name:"OneButton",props:m,emits:["click"],setup(r,{emit:l}){const a=l,t=r,u=()=>{a("click")},n=e.computed(()=>t.icon),i=e.computed(()=>t.iconAfter),d=e.computed(()=>{const s=f(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}),p=e.computed(()=>t.disabled||t.isLoading),b=e.computed(()=>t.label&&t.label.length>0&&t.variant!=="touch"&&t.variant!=="send"),g=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,w)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(d.value),disabled:p.value,title:s.label,type:s.isSubmit?"submit":"button",onClick:e.withModifiers(u,["stop"])},[n.value!=null&&s.isLoading?(e.openBlock(),e.createBlock(c.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),b.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(g.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(c.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,x))}});exports.OneButton=C;

package/dist/button/index.js

@@ -1,5 +1,6 @@
-import { defineComponent as C, computed as o, openBlock as s, createElementBlock as u, normalizeClass as a, withModifiers as k, createBlock as p, toDisplayString as b, resolveDynamicComponent as m, createCommentVNode as g, renderSlot as B, createTextVNode as A } from "vue";
-import { S as v } from "../SpinnerIcon-516264ba.js";
+import { defineComponent as C, computed as o, openBlock as s, createElementBlock as u, normalizeClass as r, withModifiers as k, createBlock as p, toDisplayString as b, resolveDynamicComponent as m, createCommentVNode as g, renderSlot as B, createTextVNode as A } from "vue";
+import { S as v } from "../SpinnerIcon-74648c98.js";
+import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
 import "../_plugin-vue_export-helper-dad06003.js";
 const S = {
   variant: {
@@ -90,17 +91,17 @@ const S = {
   send: [
     "rounded-full border-transparent bg-primary-base text-white hover:bg-primary-hover active:bg-primary-active p-[9px] focus:ring-primary-glow"
   ]
-}, I = (r = "primary", d = "md") => {
+}, I = (a = "primary", d = "md") => {
   const n = [];
-  return n.push(...L), n.push(...F[r] ?? []), r !== "touch" && r !== "mini" && r !== "edit" && r !== "send" && n.push(...z[d] ?? []), d === "xs" ? n.map(
+  return n.push(...L), n.push(...F[a] ?? []), a !== "touch" && a !== "mini" && a !== "edit" && a !== "send" && n.push(...z[d] ?? []), d === "xs" ? n.map(
     (e) => e.replace("rounded-10", "rounded-md").replace("font-semibold", "font-medium")
   ) : n;
-}, O = ["disabled", "title", "type"], _ = /* @__PURE__ */ C({
+}, O = ["disabled", "title", "type"], E = /* @__PURE__ */ C({
   __name: "OneButton",
   props: S,
   emits: ["click"],
-  setup(r, { emit: d }) {
-    const n = d, e = r, y = () => {
+  setup(a, { emit: d }) {
+    const n = d, e = a, y = () => {
       n("click");
     }, l = o(() => e.icon), c = o(() => e.iconAfter), h = o(() => {
       const t = I(e.variant, e.size);
@@ -115,7 +116,7 @@ const S = {
       return e.variant === "edit" ? t.push("w-3.5 h-3.5") : e.variant === "send" ? t.push("w-5 h-5") : e.size === "xs" ? t.push("w-3.5 h-3.5") : e.size === "sm" ? t.push("w-3 h-3") : e.size === "lg" ? t.push("w-5 h-5") : t.push("w-4 h-4"), typeof e.iconClass == "string" ? t.push(e.iconClass) : e.iconClass instanceof Array && t.push(...e.iconClass), t;
     });
     return (t, j) => (s(), u("button", {
-      class: a(h.value),
+      class: r(h.value),
       disabled: f.value,
       title: t.label,
       type: t.isSubmit ? "submit" : "button",
@@ -123,17 +124,17 @@ const S = {
     }, [
       l.value != null && t.isLoading ? (s(), p(v, {
         key: 0,
-        class: a(i.value)
+        class: r(i.value)
       }, null, 8, ["class"])) : typeof l.value == "string" ? (s(), u("span", {
         key: 1,
-        class: a(i.value)
+        class: r(i.value)
       }, b(l.value), 3)) : l.value != null ? (s(), p(m(l.value), {
         key: 2,
-        class: a(i.value)
+        class: r(i.value)
       }, null, 8, ["class"])) : g("", !0),
       x.value ? (s(), u("span", {
         key: 3,
-        class: a(w.value)
+        class: r(w.value)
       }, [
         B(t.$slots, "default", {}, () => [
           A(b(t.label), 1)
@@ -141,17 +142,17 @@ const S = {
       ], 2)) : g("", !0),
       c.value != null && t.isLoading ? (s(), p(v, {
         key: 4,
-        class: a(i.value)
+        class: r(i.value)
       }, null, 8, ["class"])) : typeof c.value == "string" ? (s(), u("span", {
         key: 5,
-        class: a(i.value)
+        class: r(i.value)
       }, b(c.value), 3)) : c.value != null ? (s(), p(m(c.value), {
         key: 6,
-        class: a(i.value)
+        class: r(i.value)
       }, null, 8, ["class"])) : g("", !0)
     ], 10, O));
   }
 });
 export {
-  _ as OneButton
+  E as OneButton
 };

package/dist/buttonGroup/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r={buttons:{type:Array,default:[]},modelValue:{required:!1,type:[String,Number,Array,Boolean,Object,null]}},u={class:"flex text-xs space-x-0.5 bg-gray-100 p-0.5 rounded-md"},a=["onClick"],s=e.defineComponent({__name:"OneButtonGroup",props:r,emits:["update:modelValue"],setup(c,{emit:l}){const n=l;return(o,p)=>(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.buttons,t=>(e.openBlock(),e.createElementBlock("button",{key:t.key,class:e.normalizeClass([{"bg-white":t.key==o.modelValue,"text-blue-600":t.key==o.modelValue},"h-[32px] w-full transition-all px-3 rounded-md hover:text-blue-600"]),onClick:i=>n("update:modelValue",t.key)},e.toDisplayString(t.label),11,a))),128))]))}});exports.OneButtonGroup=s;

package/dist/buttonGroup/index.js

@@ -0,0 +1,31 @@
+import { defineComponent as s, openBlock as o, createElementBlock as l, Fragment as a, renderList as u, normalizeClass as p, toDisplayString as d } from "vue";
+const i = {
+  buttons: {
+    type: Array,
+    default: []
+  },
+  modelValue: {
+    required: !1,
+    type: [String, Number, Array, Boolean, Object, null]
+  }
+}, m = { class: "flex text-xs space-x-0.5 bg-gray-100 p-0.5 rounded-md" }, c = ["onClick"], x = /* @__PURE__ */ s({
+  __name: "OneButtonGroup",
+  props: i,
+  emits: ["update:modelValue"],
+  setup(y, { emit: r }) {
+    const n = r;
+    return (t, k) => (o(), l("div", m, [
+      (o(!0), l(a, null, u(t.buttons, (e) => (o(), l("button", {
+        key: e.key,
+        class: p([{
+          "bg-white": e.key == t.modelValue,
+          "text-blue-600": e.key == t.modelValue
+        }, "h-[32px] w-full transition-all px-3 rounded-md hover:text-blue-600"]),
+        onClick: (_) => n("update:modelValue", e.key)
+      }, d(e.label), 11, c))), 128))
+    ]));
+  }
+});
+export {
+  x as OneButtonGroup
+};

package/dist/checkbox/index.cjs

@@ -0,0 +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;

package/dist/checkbox/index.js

@@ -0,0 +1,124 @@
+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 = {
+  color: {
+    type: String,
+    default: "blue"
+  },
+  // size: {
+  //   type: String as PropType<CheckboxSizeType>,
+  //   default: 'sm'
+  // },
+  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]
+  }
+  // iconOn: {
+  //   type: [Function, Object] as PropType<SwitchIconType>
+  // },
+  // iconOff: {
+  //   type: [Function, Object] as PropType<SwitchIconType>
+  // },
+  // iconClass: {
+  //   type: [String, Array] as PropType<string|string[]>
+  // },
+}, B = {
+  key: 0,
+  class: "mr-2 text-gray-600 text-sm font-medium"
+}, P = {
+  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"
+}, D = {
+  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(() => {
+      if (t.value)
+        switch (e.color) {
+          case "green":
+            return "#86c94c";
+          case "blue":
+            return "#2196f3";
+          case "red":
+            return "#f44336";
+          case "yellow":
+            return "#ffeb3b";
+          default:
+            return "#86c94c";
+        }
+      else
+        return "#fefefe";
+    }), m = i(() => e.disabled), h = (l) => {
+      const o = l.target;
+      t.value = o.checked, f("change", t.value);
+    };
+    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"])
+    }, [
+      g(s("input", {
+        type: "checkbox",
+        "onUpdate:modelValue": o[0] || (o[0] = (k) => t.value = k),
+        onChange: h,
+        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", {
+        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 })
+      }, [
+        s("div", null, [
+          l.isLoading ? (n(), C(w, {
+            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)
+        ])
+      ], 4),
+      e.textPosition === "right" ? (n(), r("span", D, c(t.value ? e.textOn : e.textOff), 1)) : a("", !0)
+    ], 2));
+  }
+});
+const I = /* @__PURE__ */ O(L, [["__scopeId", "data-v-0c95be43"]]);
+export {
+  I as OneCheckbox
+};

package/dist/collapse/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("../_plugin-vue_export-helper-f246444f.cjs"),v=e.defineComponent({__name:"OneCollapse",props:{blockClass:{},titleClass:{},defaultOpen:{type:Boolean}},setup(n){const r=n,{blockClass:a,titleClass:c,defaultOpen:l}=e.toRefs(r),i=e.ref(null),o=e.ref((l==null?void 0:l.value)??!1),u=()=>{o.value=!o.value},p=t=>{const s=t;s.style.height="0"},h=t=>{const s=t;s.style.height=`${t.scrollHeight}px`,s.style.transition="height 0.3s ease"},_=t=>{const s=t;s.style.height=`${t.scrollHeight}px`,e.nextTick(()=>{s.style.height="0",s.style.transition="height 0.3s ease"})};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a))},[e.createElementVNode("div",{onClick:u,class:e.normalizeClass(e.unref(c))},[e.renderSlot(t.$slots,"title",{isOpen:o.value},void 0,!0)],2),e.createVNode(e.Transition,{name:"accordion",onBeforeEnter:p,onEnter:h,onLeave:_},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:i},[e.renderSlot(t.$slots,"default",{},void 0,!0)],512),[[e.vShow,o.value]])]),_:3})],2))}});const f=d._export_sfc(v,[["__scopeId","data-v-525e3430"]]);exports.OneCollapse=f;

package/dist/collapse/index.js

@@ -0,0 +1,58 @@
+import { defineComponent as g, toRefs as C, ref as n, openBlock as y, createElementBlock as E, normalizeClass as l, unref as a, createElementVNode as c, renderSlot as i, createVNode as k, Transition as x, withCtx as O, withDirectives as B, vShow as $, nextTick as b } from "vue";
+import { _ as w } from "../_plugin-vue_export-helper-dad06003.js";
+const H = /* @__PURE__ */ g({
+  __name: "OneCollapse",
+  props: {
+    blockClass: {},
+    titleClass: {},
+    defaultOpen: { type: Boolean }
+  },
+  setup(r) {
+    const p = r, { blockClass: h, titleClass: _, defaultOpen: o } = C(p), v = n(null), s = n((o == null ? void 0 : o.value) ?? !1), d = () => {
+      s.value = !s.value;
+    }, u = (e) => {
+      const t = e;
+      t.style.height = "0";
+    }, f = (e) => {
+      const t = e;
+      t.style.height = `${e.scrollHeight}px`, t.style.transition = "height 0.3s ease";
+    }, m = (e) => {
+      const t = e;
+      t.style.height = `${e.scrollHeight}px`, b(() => {
+        t.style.height = "0", t.style.transition = "height 0.3s ease";
+      });
+    };
+    return (e, t) => (y(), E("div", {
+      class: l(a(h))
+    }, [
+      c("div", {
+        onClick: d,
+        class: l(a(_))
+      }, [
+        i(e.$slots, "title", { isOpen: s.value }, void 0, !0)
+      ], 2),
+      k(x, {
+        name: "accordion",
+        onBeforeEnter: u,
+        onEnter: f,
+        onLeave: m
+      }, {
+        default: O(() => [
+          B(c("div", {
+            ref_key: "content",
+            ref: v
+          }, [
+            i(e.$slots, "default", {}, void 0, !0)
+          ], 512), [
+            [$, s.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+});
+const T = /* @__PURE__ */ w(H, [["__scopeId", "data-v-525e3430"]]);
+export {
+  T as OneCollapse
+};