@oneb/ui-vue 0.1.66 → 0.1.67

package/dist/buttonGroup/OneButtonGroup.vue.d.ts

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

package/dist/buttonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OneButtonGroup } from './OneButtonGroup.vue';
+export type { propsButtonGroup } from './props';

package/dist/buttonGroup/props.d.ts

@@ -0,0 +1,30 @@
+import type { Component } from "vue";
+interface ButtonGroupElement {
+    label: string;
+    key: string;
+    icon?: Component;
+}
+export declare const propsButtonGroup: {
+    buttons: {
+        type: {
+            (arrayLength: number): ButtonGroupElement[];
+            (...items: ButtonGroupElement[]): ButtonGroupElement[];
+            new (arrayLength: number): ButtonGroupElement[];
+            new (...items: ButtonGroupElement[]): ButtonGroupElement[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: any[];
+    };
+    modelValue: {
+        required: boolean;
+        type: PropType<any>;
+    };
+};
+export {};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index-9f8735d9.cjs"),f=require("./card/index.cjs"),p=require("./form/index.cjs"),m=require("./OneHelpMenu-cf061c6f.cjs"),g=require("./dropdown/index.cjs"),h=require("./common/index.cjs"),e=require("vue"),y=require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");const w={color:{type:String,default:"red"},size:{type:String,default:"sm"},text:{type:String,default:""},variant:{type:String,default:"indicators"},bargeVariant:{type:String,default:"stand"}},O={class:"px-1 font-semibold",style:{color:"white"}},C=e.defineComponent({__name:"OneIndicators",props:{...w},setup(c){const t=c,l=e.computed(()=>{switch(t.color){case"green":return"#22c55e";case"blue":return"#3b82f6";case"red":return"#ef4444";case"yellow":return"#eab308";default:return"#E3ECF2"}}),u=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[12px]",a="textSm"):t.size==="md"?(o="min-w-[16px]",a="textMd"):t.size==="lg"&&(o="min-w-[20px]",a="textLg"):t.size==="sm"?s="w-3 min-w-[12px]":t.size==="lg"?s="w-5 min-w-[20px]":t.size==="md"&&(s="w-4 min-w-[16px]"),`${s} ${a} ${o} h-${t.size==="sm"?3:t.size==="lg"?5:4}`}),r=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[44px]",a="textMd"):t.size==="md"?(o="min-w-[58px]",a="text10"):t.size==="lg"&&(o="min-w-[68px]",a="text-sm"):t.size==="sm"?s="min-w-[44px]":t.size==="lg"?s="min-w-[68px]":t.size==="md"&&(s="min-w-[58px]"),`${s} ${a} ${o} h-${t.size==="sm"?5:t.size==="lg"?7:6}`}),d=e.computed(()=>{const s=t.bargeVariant==="stand"?"1A":"",o=t.bargeVariant==="stand"?"1px solid":"none";return{backgroundColor:`${l.value}${s}`,border:o,borderColor:l.value}});return(s,o)=>t.variant==="indicators"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["rounded-full border border-white flex items-center justify-center w-max",[u.value]]),style:e.normalizeStyle({backgroundColor:l.value})},[e.createElementVNode("p",O,e.toDisplayString(s.text),1)],6)):t.variant==="barge"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["rounded px-2 py-1 text-center w-max",[r.value,{"rounded-full":s.bargeVariant==="round",rounded:s.bargeVariant!=="round"}]]),style:e.normalizeStyle([d.value])},[e.createElementVNode("p",{class:"font-medium",style:e.normalizeStyle({color:s.bargeVariant!=="stand"?"white":l.value})},e.toDisplayString(s.text),5)],6)):e.createCommentVNode("",!0)}});const b=y._export_sfc(C,[["__scopeId","data-v-3d58c944"]]),z=e.defineComponent({__name:"OneLabel",props:{size:{type:String,default:"standard"},color:{type:String,default:"blue"},filled:{type:Boolean,default:!0},text:{type:String,default:"Label"}},setup(c){const t=c,l=e.ref(!1),u=e.computed(()=>{const s="inline-flex items-center cursor-pointer transition-opacity rounded-full",o=t.size==="mini"?"text-xs px-3 py-1":"text-sm px-4 py-2",a=t.filled?`${t.color}-filled`:`${t.color}-border`;return`${s} ${o} ${a} ${l.value?"opacity-80":"hover:opacity-90"}`}),r=()=>{l.value=!0},d=()=>{l.value=!1};return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value),onMousedown:r,onMouseup:d,onMouseleave:d},[e.createElementVNode("span",null,e.toDisplayString(c.text),1)],34))}});const k=e.defineComponent({__name:"OneCollapse",props:{blockClass:{},titleClass:{},defaultOpen:{type:Boolean}},setup(c){const t=c,{blockClass:l,titleClass:u,defaultOpen:r}=e.toRefs(t),d=e.ref(null),s=e.ref((r==null?void 0:r.value)??!1),o=()=>{s.value=!s.value},a=i=>{const n=i;n.style.height="0"},v=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,n.style.transition="height 0.3s ease"},x=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,e.nextTick(()=>{n.style.height="0",n.style.transition="height 0.3s ease"})};return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("div",{onClick:o,class:e.normalizeClass(e.unref(u))},[e.renderSlot(i.$slots,"title",{isOpen:s.value},void 0,!0)],2),e.createVNode(e.Transition,{name:"accordion",onBeforeEnter:a,onEnter:v,onLeave:x},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(i.$slots,"default",{},void 0,!0)],512),[[e.vShow,s.value]])]),_:3})],2))}});const S=y._export_sfc(k,[["__scopeId","data-v-1c2c0817"]]);const B={},E={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,t){return e.openBlock(),e.createElementBlock("svg",E,t[0]||(t[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 V=y._export_sfc(B,[["render",$]]),F={color:{type:String,default:"green"},size:{type:String,default:"md"},modelValue:{type:Boolean,default:!1},isLoading:{required:!1,type:Boolean,default:!1},disabled:{required:!1,type:Boolean,default:!1},textOn:{type:String,default:""},textOff:{type:String,default:""},iconOn:{type:[Function,Object]},iconOff:{type:[Function,Object]},iconClass:{type:[String,Array]}},D=["disabled","checked"],I=e.defineComponent({__name:"OneSwitch",props:F,emits:["update:modelValue"],setup(c,{emit:t}){const l=c,u=t,r=e.ref(l.modelValue),d=e.computed(()=>l.disabled),s=()=>{r.value=!r.value,u("update:modelValue",r.value)};e.watch(()=>l.modelValue,n=>{r.value=n});const o=e.computed(()=>l.size==="sm"?"w-max min-w-[40px] h-[20px]":l.size==="lg"?"w-max min-w-[60px] h-[31px]":l.size==="md"?"w-max min-w-[50px] h-[24px]":"w-max"),a=e.computed(()=>{if(r.value)switch(l.color){case"green":return"#86c94c";case"blue":return"#2196f3";case"red":return"#f44336";case"yellow":return"#ffeb3b";default:return"#86c94c"}else return"#E2E7EF"}),v=e.computed(()=>l.iconOn),x=e.computed(()=>l.iconOff),i=e.computed(()=>{const n=[];return typeof l.iconClass=="string"?n.push(l.iconClass):l.iconClass instanceof Array&&n.push(...l.iconClass),n});return(n,N)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("input",{type:"checkbox",disabled:n.disabled,checked:r.value,class:"hidden w-96",onClick:s},null,8,D),e.createElementVNode("div",{onClick:s,class:e.normalizeClass(["relative rounded-full cursor-pointer flex items-center",[o.value,n.isLoading?"loading":"",d.value?"disabled opacity-50 pointer-events-none":""]]),style:e.normalizeStyle({backgroundColor:d.value?"#ccc":a.value})},[e.createElementVNode("div",{class:e.normalizeClass(["bg-white absolute rounded-full",[n.size==="sm"?"w-[16px] h-[16px]":"",n.size==="md"?"w-[20px] h-[20px]":"",n.size==="lg"?"w-[27px] h-[27px]":"",r.value?"right-[2px] top-[2px]":"left-[2px] top-[2px]"]])},[e.createElementVNode("div",{class:e.normalizeClass(["circle",o.value])},[n.isLoading?(e.openBlock(),e.createBlock(V,{key:0,class:"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"})):r.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:1,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"]),style:e.normalizeStyle({color:r.value?a.value:""})},null,8,["class","style"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:2,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"])},null,8,["class"]))],2)],2),r.value&&n.textOn?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["switch-text text-white",[n.size==="sm"?"text-xs pr-6 pl-2":"",n.size==="md"?"text-sm pr-6 pl-2":"",n.size==="lg"?"text-base pr-8 pl-2":""]])},e.toDisplayString(n.textOn),3)):!r.value&&n.textOff?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["switch-text w-max",[n.size==="sm"?"text-xs pl-6 pr-2":"",n.size==="md"?"text-sm pl-7 pr-2":"",n.size==="lg"?"text-base pl-8 pr-2":""]])},e.toDisplayString(n.textOff),3)):e.createCommentVNode("",!0)],6)],64))}});const M=y._export_sfc(I,[["__scopeId","data-v-d0ecef0b"]]);exports.OneButton=_._sfc_main;exports.OneCard=f.OneCard;exports.OneCardBody=f.OneCardBody;exports.OneCardFooter=f.OneCardFooter;exports.OneCardHeader=f.OneCardHeader;exports.OneForm=p.OneForm;exports.OneFormFeedback=p.OneFormFeedback;exports.OneFormField=p.OneFormField;exports.OneFormInput=p.OneFormInput;exports.OneFormLabel=p.OneFormLabel;exports.OneBrowserMenu=m.OneBrowserMenu;exports.OneDropdown=m._sfc_main$1;exports.OneDropdownItem=m._sfc_main$2;exports.OneHelpMenu=m.OneHelpMenu;exports.OneUserMenu=m._sfc_main;exports.OneBrowserMenuGrid=g.OneBrowserMenuGrid;exports.OneDropdownAuto=g.OneDropdownAuto;exports.OneDropdownDivider=g.OneDropdownDivider;exports.OneAvatar=h.OneAvatar;exports.OneCollapse=S;exports.OneIndicators=b;exports.OneLabel=z;exports.OneSwitch=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-9f8735d9.cjs"),f=require("./card/index.cjs"),p=require("./form/index.cjs"),m=require("./OneHelpMenu-cf061c6f.cjs"),_=require("./dropdown/index.cjs"),h=require("./common/index.cjs"),e=require("vue"),y=require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");const w={color:{type:String,default:"red"},size:{type:String,default:"sm"},text:{type:String,default:""},variant:{type:String,default:"indicators"},bargeVariant:{type:String,default:"stand"}},C={class:"px-1 font-semibold",style:{color:"white"}},O=e.defineComponent({__name:"OneIndicators",props:{...w},setup(u){const t=u,l=e.computed(()=>{switch(t.color){case"green":return"#22c55e";case"blue":return"#3b82f6";case"red":return"#ef4444";case"yellow":return"#eab308";default:return"#E3ECF2"}}),d=e.computed(()=>{let s="",r="",a;return t.text?t.size==="sm"?(r="min-w-[12px]",a="textSm"):t.size==="md"?(r="min-w-[16px]",a="textMd"):t.size==="lg"&&(r="min-w-[20px]",a="textLg"):t.size==="sm"?s="w-3 min-w-[12px]":t.size==="lg"?s="w-5 min-w-[20px]":t.size==="md"&&(s="w-4 min-w-[16px]"),`${s} ${a} ${r} h-${t.size==="sm"?3:t.size==="lg"?5:4}`}),o=e.computed(()=>{let s="",r="",a;return t.text?t.size==="sm"?(r="min-w-[44px]",a="textMd"):t.size==="md"?(r="min-w-[58px]",a="text10"):t.size==="lg"&&(r="min-w-[68px]",a="text-sm"):t.size==="sm"?s="min-w-[44px]":t.size==="lg"?s="min-w-[68px]":t.size==="md"&&(s="min-w-[58px]"),`${s} ${a} ${r} h-${t.size==="sm"?5:t.size==="lg"?7:6}`}),i=e.computed(()=>{const s=t.bargeVariant==="stand"?"1A":"",r=t.bargeVariant==="stand"?"1px solid":"none";return{backgroundColor:`${l.value}${s}`,border:r,borderColor:l.value}});return(s,r)=>t.variant==="indicators"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["rounded-full border border-white flex items-center justify-center w-max",[d.value]]),style:e.normalizeStyle({backgroundColor:l.value})},[e.createElementVNode("p",C,e.toDisplayString(s.text),1)],6)):t.variant==="barge"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["rounded px-2 py-1 text-center w-max",[o.value,{"rounded-full":s.bargeVariant==="round",rounded:s.bargeVariant!=="round"}]]),style:e.normalizeStyle([i.value])},[e.createElementVNode("p",{class:"font-medium",style:e.normalizeStyle({color:s.bargeVariant!=="stand"?"white":l.value})},e.toDisplayString(s.text),5)],6)):e.createCommentVNode("",!0)}});const b=y._export_sfc(O,[["__scopeId","data-v-3d58c944"]]),k=e.defineComponent({__name:"OneLabel",props:{size:{type:String,default:"standard"},color:{type:String,default:"blue"},filled:{type:Boolean,default:!0},text:{type:String,default:"Label"}},setup(u){const t=u,l=e.ref(!1),d=e.computed(()=>{const s="inline-flex items-center cursor-pointer transition-opacity rounded-full",r=t.size==="mini"?"text-xs px-3 py-1":"text-sm px-4 py-2",a=t.filled?`${t.color}-filled`:`${t.color}-border`;return`${s} ${r} ${a} ${l.value?"opacity-80":"hover:opacity-90"}`}),o=()=>{l.value=!0},i=()=>{l.value=!1};return(s,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.value),onMousedown:o,onMouseup:i,onMouseleave:i},[e.createElementVNode("span",null,e.toDisplayString(u.text),1)],34))}});const z=e.defineComponent({__name:"OneCollapse",props:{blockClass:{},titleClass:{},defaultOpen:{type:Boolean}},setup(u){const t=u,{blockClass:l,titleClass:d,defaultOpen:o}=e.toRefs(t),i=e.ref(null),s=e.ref((o==null?void 0:o.value)??!1),r=()=>{s.value=!s.value},a=c=>{const n=c;n.style.height="0"},v=c=>{const n=c;n.style.height=`${c.scrollHeight}px`,n.style.transition="height 0.3s ease"},x=c=>{const n=c;n.style.height=`${c.scrollHeight}px`,e.nextTick(()=>{n.style.height="0",n.style.transition="height 0.3s ease"})};return(c,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("div",{onClick:r,class:e.normalizeClass(e.unref(d))},[e.renderSlot(c.$slots,"title",{isOpen:s.value},void 0,!0)],2),e.createVNode(e.Transition,{name:"accordion",onBeforeEnter:a,onEnter:v,onLeave:x},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:i},[e.renderSlot(c.$slots,"default",{},void 0,!0)],512),[[e.vShow,s.value]])]),_:3})],2))}});const B=y._export_sfc(z,[["__scopeId","data-v-1c2c0817"]]);const S={},E={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 V(u,t){return e.openBlock(),e.createElementBlock("svg",E,t[0]||(t[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 $=y._export_sfc(S,[["render",V]]),F={color:{type:String,default:"green"},size:{type:String,default:"md"},modelValue:{type:Boolean,default:!1},isLoading:{required:!1,type:Boolean,default:!1},disabled:{required:!1,type:Boolean,default:!1},textOn:{type:String,default:""},textOff:{type:String,default:""},iconOn:{type:[Function,Object]},iconOff:{type:[Function,Object]},iconClass:{type:[String,Array]}},D=["disabled","checked"],I=e.defineComponent({__name:"OneSwitch",props:F,emits:["update:modelValue"],setup(u,{emit:t}){const l=u,d=t,o=e.ref(l.modelValue),i=e.computed(()=>l.disabled),s=()=>{o.value=!o.value,d("update:modelValue",o.value)};e.watch(()=>l.modelValue,n=>{o.value=n});const r=e.computed(()=>l.size==="sm"?"w-max min-w-[40px] h-[20px]":l.size==="lg"?"w-max min-w-[60px] h-[31px]":l.size==="md"?"w-max min-w-[50px] h-[24px]":"w-max"),a=e.computed(()=>{if(o.value)switch(l.color){case"green":return"#86c94c";case"blue":return"#2196f3";case"red":return"#f44336";case"yellow":return"#ffeb3b";default:return"#86c94c"}else return"#E2E7EF"}),v=e.computed(()=>l.iconOn),x=e.computed(()=>l.iconOff),c=e.computed(()=>{const n=[];return typeof l.iconClass=="string"?n.push(l.iconClass):l.iconClass instanceof Array&&n.push(...l.iconClass),n});return(n,H)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("input",{type:"checkbox",disabled:n.disabled,checked:o.value,class:"hidden w-96",onClick:s},null,8,D),e.createElementVNode("div",{onClick:s,class:e.normalizeClass(["relative rounded-full cursor-pointer flex items-center",[r.value,n.isLoading?"loading":"",i.value?"disabled opacity-50 pointer-events-none":""]]),style:e.normalizeStyle({backgroundColor:i.value?"#ccc":a.value})},[e.createElementVNode("div",{class:e.normalizeClass(["bg-white absolute rounded-full",[n.size==="sm"?"w-[16px] h-[16px]":"",n.size==="md"?"w-[20px] h-[20px]":"",n.size==="lg"?"w-[27px] h-[27px]":"",o.value?"right-[2px] top-[2px]":"left-[2px] top-[2px]"]])},[e.createElementVNode("div",{class:e.normalizeClass(["circle",r.value])},[n.isLoading?(e.openBlock(),e.createBlock($,{key:0,class:"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"})):o.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:1,class:e.normalizeClass([c.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"]),style:e.normalizeStyle({color:o.value?a.value:""})},null,8,["class","style"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:2,class:e.normalizeClass([c.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"])},null,8,["class"]))],2)],2),o.value&&n.textOn?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["switch-text text-white",[n.size==="sm"?"text-xs pr-6 pl-2":"",n.size==="md"?"text-sm pr-6 pl-2":"",n.size==="lg"?"text-base pr-8 pl-2":""]])},e.toDisplayString(n.textOn),3)):!o.value&&n.textOff?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["switch-text w-max",[n.size==="sm"?"text-xs pl-6 pr-2":"",n.size==="md"?"text-sm pl-7 pr-2":"",n.size==="lg"?"text-base pl-8 pr-2":""]])},e.toDisplayString(n.textOff),3)):e.createCommentVNode("",!0)],6)],64))}});const M=y._export_sfc(I,[["__scopeId","data-v-d0ecef0b"]]),N={buttons:{type:Array,default:[]},modelValue:{required:!1,type:[String,Number,Array,Boolean,Object,null]}},L={class:"flex text-xs space-x-0.5 bg-gray-100 p-0.5 rounded-md"},q=["onClick"],A=e.defineComponent({__name:"OneButtonGroup",props:N,emits:["update:modelValue"],setup(u,{emit:t}){const l=t;return(d,o)=>(e.openBlock(),e.createElementBlock("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.buttons,i=>(e.openBlock(),e.createElementBlock("button",{key:i.key,class:e.normalizeClass([{"bg-white":i.key==d.modelValue,"text-blue-600":i.key==d.modelValue},"h-[32px] w-full transition-all px-3 rounded-md hover:text-blue-600"]),onClick:s=>l("update:modelValue",i.key)},e.toDisplayString(i.label),11,q))),128))]))}});exports.OneButton=g._sfc_main;exports.OneCard=f.OneCard;exports.OneCardBody=f.OneCardBody;exports.OneCardFooter=f.OneCardFooter;exports.OneCardHeader=f.OneCardHeader;exports.OneForm=p.OneForm;exports.OneFormFeedback=p.OneFormFeedback;exports.OneFormField=p.OneFormField;exports.OneFormInput=p.OneFormInput;exports.OneFormLabel=p.OneFormLabel;exports.OneBrowserMenu=m.OneBrowserMenu;exports.OneDropdown=m._sfc_main$1;exports.OneDropdownItem=m._sfc_main$2;exports.OneHelpMenu=m.OneHelpMenu;exports.OneUserMenu=m._sfc_main;exports.OneBrowserMenuGrid=_.OneBrowserMenuGrid;exports.OneDropdownAuto=_.OneDropdownAuto;exports.OneDropdownDivider=_.OneDropdownDivider;exports.OneAvatar=h.OneAvatar;exports.OneButtonGroup=A;exports.OneCollapse=B;exports.OneIndicators=b;exports.OneLabel=k;exports.OneSwitch=M;

package/dist/index.d.ts

@@ -7,3 +7,4 @@ export * from './indicators/index.js';
 export * from './label/index.js';
 export * from './collapse/index.js';
 export * from './switch/index.js';
+export * from './buttonGroup/index.js';

package/dist/index.js

@@ -1,13 +1,13 @@
-import { _ as le } from "./index-f8afb6b6.js";
-import { OneCard as ae, OneCardBody as re, OneCardFooter as ie, OneCardHeader as ce } from "./card/index.js";
-import { OneForm as ue, OneFormFeedback as pe, OneFormField as fe, OneFormInput as me, OneFormLabel as xe } from "./form/index.js";
-import { d as ye, e as he, f as ge, O as we, _ as _e } from "./OneHelpMenu-9c4bb5a6.js";
-import { OneBrowserMenuGrid as Oe, OneDropdownAuto as Ce, OneDropdownDivider as ze } from "./dropdown/index.js";
-import { OneAvatar as $e } from "./common/index.js";
-import { defineComponent as g, computed as c, openBlock as d, createElementBlock as m, normalizeClass as i, normalizeStyle as v, createElementVNode as u, toDisplayString as y, createCommentVNode as $, ref as h, toRefs as S, unref as C, renderSlot as z, createVNode as I, Transition as V, withCtx as B, withDirectives as E, vShow as F, nextTick as L, watch as M, Fragment as D, createBlock as O, resolveDynamicComponent as k } from "vue";
-import { _ as w } from "./_plugin-vue_export-helper-dad06003.js";
+import { _ as ce } from "./index-f8afb6b6.js";
+import { OneCard as de, OneCardBody as pe, OneCardFooter as me, OneCardHeader as fe } from "./card/index.js";
+import { OneForm as ye, OneFormFeedback as ve, OneFormField as he, OneFormInput as ge, OneFormLabel as _e } from "./form/index.js";
+import { d as be, e as Oe, f as Ce, O as ze, _ as ke } from "./OneHelpMenu-9c4bb5a6.js";
+import { OneBrowserMenuGrid as Se, OneDropdownAuto as Ve, OneDropdownDivider as Be } from "./dropdown/index.js";
+import { OneAvatar as Ee } from "./common/index.js";
+import { defineComponent as h, computed as p, openBlock as i, createElementBlock as m, normalizeClass as u, normalizeStyle as v, createElementVNode as x, toDisplayString as y, createCommentVNode as $, ref as g, toRefs as V, unref as C, renderSlot as z, createVNode as B, Transition as I, withCtx as E, withDirectives as F, vShow as L, nextTick as M, watch as D, Fragment as S, createBlock as O, resolveDynamicComponent as k, renderList as A } from "vue";
+import { _ } from "./_plugin-vue_export-helper-dad06003.js";
 import "./XMarkIcon-51ef0691.js";
-const A = {
+const j = {
   color: {
     type: String,
     default: "red"
@@ -28,16 +28,16 @@ const A = {
     type: String,
     default: "stand"
   }
-}, H = {
+}, G = {
   class: "px-1 font-semibold",
   style: { color: "white" }
-}, P = /* @__PURE__ */ g({
+}, H = /* @__PURE__ */ h({
   __name: "OneIndicators",
   props: {
-    ...A
+    ...j
   },
-  setup(p) {
-    const e = p, n = c(() => {
+  setup(f) {
+    const e = f, n = p(() => {
       switch (e.color) {
         case "green":
           return "#22c55e";
@@ -50,39 +50,39 @@ const A = {
         default:
           return "#E3ECF2";
       }
-    }), x = c(() => {
-      let s = "", l = "", a;
-      return e.text ? e.size === "sm" ? (l = "min-w-[12px]", a = "textSm") : e.size === "md" ? (l = "min-w-[16px]", a = "textMd") : e.size === "lg" && (l = "min-w-[20px]", a = "textLg") : e.size === "sm" ? s = "w-3 min-w-[12px]" : e.size === "lg" ? s = "w-5 min-w-[20px]" : e.size === "md" && (s = "w-4 min-w-[16px]"), `${s} ${a} ${l} h-${e.size === "sm" ? 3 : e.size === "lg" ? 5 : 4}`;
-    }), o = c(() => {
-      let s = "", l = "", a;
-      return e.text ? e.size === "sm" ? (l = "min-w-[44px]", a = "textMd") : e.size === "md" ? (l = "min-w-[58px]", a = "text10") : e.size === "lg" && (l = "min-w-[68px]", a = "text-sm") : e.size === "sm" ? s = "min-w-[44px]" : e.size === "lg" ? s = "min-w-[68px]" : e.size === "md" && (s = "min-w-[58px]"), `${s} ${a} ${l} h-${e.size === "sm" ? 5 : e.size === "lg" ? 7 : 6}`;
-    }), f = c(() => {
-      const s = e.bargeVariant === "stand" ? "1A" : "", l = e.bargeVariant === "stand" ? "1px solid" : "none";
+    }), d = p(() => {
+      let s = "", o = "", a;
+      return e.text ? e.size === "sm" ? (o = "min-w-[12px]", a = "textSm") : e.size === "md" ? (o = "min-w-[16px]", a = "textMd") : e.size === "lg" && (o = "min-w-[20px]", a = "textLg") : e.size === "sm" ? s = "w-3 min-w-[12px]" : e.size === "lg" ? s = "w-5 min-w-[20px]" : e.size === "md" && (s = "w-4 min-w-[16px]"), `${s} ${a} ${o} h-${e.size === "sm" ? 3 : e.size === "lg" ? 5 : 4}`;
+    }), l = p(() => {
+      let s = "", o = "", a;
+      return e.text ? e.size === "sm" ? (o = "min-w-[44px]", a = "textMd") : e.size === "md" ? (o = "min-w-[58px]", a = "text10") : e.size === "lg" && (o = "min-w-[68px]", a = "text-sm") : e.size === "sm" ? s = "min-w-[44px]" : e.size === "lg" ? s = "min-w-[68px]" : e.size === "md" && (s = "min-w-[58px]"), `${s} ${a} ${o} h-${e.size === "sm" ? 5 : e.size === "lg" ? 7 : 6}`;
+    }), r = p(() => {
+      const s = e.bargeVariant === "stand" ? "1A" : "", o = e.bargeVariant === "stand" ? "1px solid" : "none";
       return {
         backgroundColor: `${n.value}${s}`,
-        border: l,
+        border: o,
         borderColor: n.value
       };
     });
-    return (s, l) => e.variant === "indicators" ? (d(), m("div", {
+    return (s, o) => e.variant === "indicators" ? (i(), m("div", {
       key: 0,
-      class: i(["rounded-full border border-white flex items-center justify-center w-max", [x.value]]),
+      class: u(["rounded-full border border-white flex items-center justify-center w-max", [d.value]]),
       style: v({ backgroundColor: n.value })
     }, [
-      u("p", H, y(s.text), 1)
-    ], 6)) : e.variant === "barge" ? (d(), m("div", {
+      x("p", G, y(s.text), 1)
+    ], 6)) : e.variant === "barge" ? (i(), m("div", {
       key: 1,
-      class: i(["rounded px-2 py-1 text-center w-max", [o.value, { "rounded-full": s.bargeVariant === "round", rounded: s.bargeVariant !== "round" }]]),
-      style: v([f.value])
+      class: u(["rounded px-2 py-1 text-center w-max", [l.value, { "rounded-full": s.bargeVariant === "round", rounded: s.bargeVariant !== "round" }]]),
+      style: v([r.value])
     }, [
-      u("p", {
+      x("p", {
         class: "font-medium",
         style: v({ color: s.bargeVariant !== "stand" ? "white" : n.value })
       }, y(s.text), 5)
     ], 6)) : $("", !0);
   }
 });
-const Y = /* @__PURE__ */ w(P, [["__scopeId", "data-v-3d58c944"]]), Z = /* @__PURE__ */ g({
+const se = /* @__PURE__ */ _(H, [["__scopeId", "data-v-3d58c944"]]), ne = /* @__PURE__ */ h({
   __name: "OneLabel",
   props: {
     size: {
@@ -106,70 +106,70 @@ const Y = /* @__PURE__ */ w(P, [["__scopeId", "data-v-3d58c944"]]), Z = /* @__PU
       // Текст лейблу
     }
   },
-  setup(p) {
-    const e = p, n = h(!1), x = c(() => {
-      const s = "inline-flex items-center cursor-pointer transition-opacity rounded-full", l = e.size === "mini" ? "text-xs px-3 py-1" : "text-sm px-4 py-2", a = e.filled ? `${e.color}-filled` : `${e.color}-border`;
-      return `${s} ${l} ${a} ${n.value ? "opacity-80" : "hover:opacity-90"}`;
-    }), o = () => {
+  setup(f) {
+    const e = f, n = g(!1), d = p(() => {
+      const s = "inline-flex items-center cursor-pointer transition-opacity rounded-full", o = e.size === "mini" ? "text-xs px-3 py-1" : "text-sm px-4 py-2", a = e.filled ? `${e.color}-filled` : `${e.color}-border`;
+      return `${s} ${o} ${a} ${n.value ? "opacity-80" : "hover:opacity-90"}`;
+    }), l = () => {
       n.value = !0;
-    }, f = () => {
+    }, r = () => {
       n.value = !1;
     };
-    return (s, l) => (d(), m("div", {
-      class: i(x.value),
-      onMousedown: o,
-      onMouseup: f,
-      onMouseleave: f
+    return (s, o) => (i(), m("div", {
+      class: u(d.value),
+      onMousedown: l,
+      onMouseup: r,
+      onMouseleave: r
     }, [
-      u("span", null, y(p.text), 1)
+      x("span", null, y(f.text), 1)
     ], 34));
   }
 });
-const j = /* @__PURE__ */ g({
+const N = /* @__PURE__ */ h({
   __name: "OneCollapse",
   props: {
     blockClass: {},
     titleClass: {},
     defaultOpen: { type: Boolean }
   },
-  setup(p) {
-    const e = p, { blockClass: n, titleClass: x, defaultOpen: o } = S(e), f = h(null), s = h((o == null ? void 0 : o.value) ?? !1), l = () => {
+  setup(f) {
+    const e = f, { blockClass: n, titleClass: d, defaultOpen: l } = V(e), r = g(null), s = g((l == null ? void 0 : l.value) ?? !1), o = () => {
       s.value = !s.value;
-    }, a = (r) => {
-      const t = r;
+    }, a = (c) => {
+      const t = c;
       t.style.height = "0";
-    }, _ = (r) => {
-      const t = r;
-      t.style.height = `${r.scrollHeight}px`, t.style.transition = "height 0.3s ease";
-    }, b = (r) => {
-      const t = r;
-      t.style.height = `${r.scrollHeight}px`, L(() => {
+    }, w = (c) => {
+      const t = c;
+      t.style.height = `${c.scrollHeight}px`, t.style.transition = "height 0.3s ease";
+    }, b = (c) => {
+      const t = c;
+      t.style.height = `${c.scrollHeight}px`, M(() => {
         t.style.height = "0", t.style.transition = "height 0.3s ease";
       });
     };
-    return (r, t) => (d(), m("div", {
-      class: i(C(n))
+    return (c, t) => (i(), m("div", {
+      class: u(C(n))
     }, [
-      u("div", {
-        onClick: l,
-        class: i(C(x))
+      x("div", {
+        onClick: o,
+        class: u(C(d))
       }, [
-        z(r.$slots, "title", { isOpen: s.value }, void 0, !0)
+        z(c.$slots, "title", { isOpen: s.value }, void 0, !0)
       ], 2),
-      I(V, {
+      B(I, {
         name: "accordion",
         onBeforeEnter: a,
-        onEnter: _,
+        onEnter: w,
         onLeave: b
       }, {
-        default: B(() => [
-          E(u("div", {
+        default: E(() => [
+          F(x("div", {
             ref_key: "content",
-            ref: f
+            ref: r
           }, [
-            z(r.$slots, "default", {}, void 0, !0)
+            z(c.$slots, "default", {}, void 0, !0)
           ], 512), [
-            [F, s.value]
+            [L, s.value]
           ])
         ]),
         _: 3
@@ -177,16 +177,16 @@ const j = /* @__PURE__ */ g({
     ], 2));
   }
 });
-const ee = /* @__PURE__ */ w(j, [["__scopeId", "data-v-1c2c0817"]]);
-const N = {}, q = {
+const le = /* @__PURE__ */ _(N, [["__scopeId", "data-v-1c2c0817"]]);
+const P = {}, q = {
   class: "spinner",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   style: { animation: "one-sp-ico-rot 2.7s linear infinite" }
 };
-function R(p, e) {
-  return d(), m("svg", q, e[0] || (e[0] = [
-    u("circle", {
+function R(f, e) {
+  return i(), m("svg", q, e[0] || (e[0] = [
+    x("circle", {
       style: { "stroke-linecap": "round", animation: "one-sp-ico-dash 1.7s ease-in-out infinite" },
       class: "opacity-75",
       cx: "12",
@@ -198,7 +198,7 @@ function R(p, e) {
     }, null, -1)
   ]));
 }
-const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
+const T = /* @__PURE__ */ _(P, [["render", R]]), W = {
   color: {
     type: String,
     default: "green"
@@ -238,19 +238,19 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
   iconClass: {
     type: [String, Array]
   }
-}, G = ["disabled", "checked"], U = /* @__PURE__ */ g({
+}, U = ["disabled", "checked"], J = /* @__PURE__ */ h({
   __name: "OneSwitch",
   props: W,
   emits: ["update:modelValue"],
-  setup(p, { emit: e }) {
-    const n = p, x = e, o = h(n.modelValue), f = c(() => n.disabled), s = () => {
-      o.value = !o.value, x("update:modelValue", o.value);
+  setup(f, { emit: e }) {
+    const n = f, d = e, l = g(n.modelValue), r = p(() => n.disabled), s = () => {
+      l.value = !l.value, d("update:modelValue", l.value);
     };
-    M(() => n.modelValue, (t) => {
-      o.value = t;
+    D(() => n.modelValue, (t) => {
+      l.value = t;
     });
-    const l = c(() => n.size === "sm" ? "w-max min-w-[40px] h-[20px]" : n.size === "lg" ? "w-max min-w-[60px] h-[31px]" : n.size === "md" ? "w-max min-w-[50px] h-[24px]" : "w-max"), a = c(() => {
-      if (o.value)
+    const o = p(() => n.size === "sm" ? "w-max min-w-[40px] h-[20px]" : n.size === "lg" ? "w-max min-w-[60px] h-[31px]" : n.size === "md" ? "w-max min-w-[50px] h-[24px]" : "w-max"), a = p(() => {
+      if (l.value)
         switch (n.color) {
           case "green":
             return "#86c94c";
@@ -265,61 +265,61 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
         }
       else
         return "#E2E7EF";
-    }), _ = c(() => n.iconOn), b = c(() => n.iconOff), r = c(() => {
+    }), w = p(() => n.iconOn), b = p(() => n.iconOff), c = p(() => {
       const t = [];
       return typeof n.iconClass == "string" ? t.push(n.iconClass) : n.iconClass instanceof Array && t.push(...n.iconClass), t;
     });
-    return (t, J) => (d(), m(D, null, [
-      u("input", {
+    return (t, Y) => (i(), m(S, null, [
+      x("input", {
         type: "checkbox",
         disabled: t.disabled,
-        checked: o.value,
+        checked: l.value,
         class: "hidden w-96",
         onClick: s
-      }, null, 8, G),
-      u("div", {
+      }, null, 8, U),
+      x("div", {
         onClick: s,
-        class: i(["relative rounded-full cursor-pointer flex items-center", [
-          l.value,
+        class: u(["relative rounded-full cursor-pointer flex items-center", [
+          o.value,
           t.isLoading ? "loading" : "",
-          f.value ? "disabled opacity-50 pointer-events-none" : ""
+          r.value ? "disabled opacity-50 pointer-events-none" : ""
         ]]),
-        style: v({ backgroundColor: f.value ? "#ccc" : a.value })
+        style: v({ backgroundColor: r.value ? "#ccc" : a.value })
       }, [
-        u("div", {
-          class: i(["bg-white absolute rounded-full", [
+        x("div", {
+          class: u(["bg-white absolute rounded-full", [
             t.size === "sm" ? "w-[16px] h-[16px]" : "",
             t.size === "md" ? "w-[20px] h-[20px]" : "",
             t.size === "lg" ? "w-[27px] h-[27px]" : "",
-            o.value ? "right-[2px] top-[2px]" : "left-[2px] top-[2px]"
+            l.value ? "right-[2px] top-[2px]" : "left-[2px] top-[2px]"
           ]])
         }, [
-          u("div", {
-            class: i(["circle", l.value])
+          x("div", {
+            class: u(["circle", o.value])
           }, [
-            t.isLoading ? (d(), O(T, {
+            t.isLoading ? (i(), O(T, {
               key: 0,
               class: "absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"
-            })) : o.value ? (d(), O(k(_.value), {
+            })) : l.value ? (i(), O(k(w.value), {
               key: 1,
-              class: i([r.value, "absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"]),
-              style: v({ color: o.value ? a.value : "" })
-            }, null, 8, ["class", "style"])) : (d(), O(k(b.value), {
+              class: u([c.value, "absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"]),
+              style: v({ color: l.value ? a.value : "" })
+            }, null, 8, ["class", "style"])) : (i(), O(k(b.value), {
               key: 2,
-              class: i([r.value, "absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"])
+              class: u([c.value, "absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"])
             }, null, 8, ["class"]))
           ], 2)
         ], 2),
-        o.value && t.textOn ? (d(), m("div", {
+        l.value && t.textOn ? (i(), m("div", {
           key: 0,
-          class: i(["switch-text text-white", [
+          class: u(["switch-text text-white", [
             t.size === "sm" ? "text-xs pr-6 pl-2" : "",
             t.size === "md" ? "text-sm pr-6 pl-2" : "",
             t.size === "lg" ? "text-base pr-8 pl-2" : ""
           ]])
-        }, y(t.textOn), 3)) : !o.value && t.textOff ? (d(), m("div", {
+        }, y(t.textOn), 3)) : !l.value && t.textOff ? (i(), m("div", {
           key: 1,
-          class: i(["switch-text w-max", [
+          class: u(["switch-text w-max", [
             t.size === "sm" ? "text-xs pl-6 pr-2" : "",
             t.size === "md" ? "text-sm pl-7 pr-2" : "",
             t.size === "lg" ? "text-base pl-8 pr-2" : ""
@@ -329,29 +329,56 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
     ], 64));
   }
 });
-const te = /* @__PURE__ */ w(U, [["__scopeId", "data-v-d0ecef0b"]]);
+const oe = /* @__PURE__ */ _(J, [["__scopeId", "data-v-d0ecef0b"]]), K = {
+  buttons: {
+    type: Array,
+    default: []
+  },
+  modelValue: {
+    required: !1,
+    type: [String, Number, Array, Boolean, Object, null]
+  }
+}, Q = { class: "flex text-xs space-x-0.5 bg-gray-100 p-0.5 rounded-md" }, X = ["onClick"], ae = /* @__PURE__ */ h({
+  __name: "OneButtonGroup",
+  props: K,
+  emits: ["update:modelValue"],
+  setup(f, { emit: e }) {
+    const n = e;
+    return (d, l) => (i(), m("div", Q, [
+      (i(!0), m(S, null, A(d.buttons, (r) => (i(), m("button", {
+        key: r.key,
+        class: u([{
+          "bg-white": r.key == d.modelValue,
+          "text-blue-600": r.key == d.modelValue
+        }, "h-[32px] w-full transition-all px-3 rounded-md hover:text-blue-600"]),
+        onClick: (s) => n("update:modelValue", r.key)
+      }, y(r.label), 11, X))), 128))
+    ]));
+  }
+});
 export {
-  $e as OneAvatar,
-  ye as OneBrowserMenu,
-  Oe as OneBrowserMenuGrid,
-  le as OneButton,
-  ae as OneCard,
-  re as OneCardBody,
-  ie as OneCardFooter,
-  ce as OneCardHeader,
-  ee as OneCollapse,
-  he as OneDropdown,
-  Ce as OneDropdownAuto,
-  ze as OneDropdownDivider,
-  ge as OneDropdownItem,
-  ue as OneForm,
-  pe as OneFormFeedback,
-  fe as OneFormField,
-  me as OneFormInput,
-  xe as OneFormLabel,
-  we as OneHelpMenu,
-  Y as OneIndicators,
-  Z as OneLabel,
-  te as OneSwitch,
-  _e as OneUserMenu
+  Ee as OneAvatar,
+  be as OneBrowserMenu,
+  Se as OneBrowserMenuGrid,
+  ce as OneButton,
+  ae as OneButtonGroup,
+  de as OneCard,
+  pe as OneCardBody,
+  me as OneCardFooter,
+  fe as OneCardHeader,
+  le as OneCollapse,
+  Oe as OneDropdown,
+  Ve as OneDropdownAuto,
+  Be as OneDropdownDivider,
+  Ce as OneDropdownItem,
+  ye as OneForm,
+  ve as OneFormFeedback,
+  he as OneFormField,
+  ge as OneFormInput,
+  _e as OneFormLabel,
+  ze as OneHelpMenu,
+  se as OneIndicators,
+  ne as OneLabel,
+  oe as OneSwitch,
+  ke as OneUserMenu
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneb/ui-vue",
-  "version": "0.1.66",
+  "version": "0.1.67",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -29,6 +29,10 @@
       "types": "./dist/button/index.d.ts",
       "import": "./dist/button/index.js"
     },
+    "./buttonGroup": {
+      "types": "./dist/buttonGroup/index.d.ts",
+      "import": "./dist/buttonGroup/index.js"
+    },
     "./form": {
       "types": "./dist/form/index.d.ts",
       "import": "./dist/form/index.js"