readytech-ui-library-v2 0.0.5 → 0.0.7

package/dist/readytech-ui-library-v2.css

@@ -1 +1 @@
-.lv-button[data-v-ac3af47a]{border:one;background:red;padding:1rem}.class-input[data-v-5dfaad67]{border:none;background:green;padding:1rem}
+.lv-button[data-v-ac3af47a]{border:one;background:red;padding:1rem}.class-input[data-v-5dfaad67]{border:none;background:green;padding:1rem}.btn-primary[data-v-ad55ccd4]{background-color:#1976d2;color:#fff}.btn-primary[data-v-ad55ccd4]:hover{background-color:#1565c0}.btn-icon[data-v-ad55ccd4]{padding:0;width:48px;height:48px}.btn-disabled[data-v-ad55ccd4]{opacity:.6;pointer-events:none}

package/dist/readytech-ui-library-v2.es.js

@@ -1,27 +1,27 @@
-import { createElementBlock as s, openBlock as o, renderSlot as p, toDisplayString as i, resolveComponent as f, createBlock as _, mergeProps as m } from "vue";
+import { createElementBlock as u, openBlock as r, renderSlot as s, toDisplayString as f, resolveComponent as p, createBlock as m, mergeProps as b, normalizeClass as y, withCtx as g, createTextVNode as h, computed as i } from "vue";
 const d = (t, a) => {
   const e = t.__vccOpts || t;
-  for (const [r, l] of a)
-    e[r] = l;
+  for (const [l, o] of a)
+    e[l] = o;
   return e;
-}, h = {}, g = { class: "lv-button" };
-function b(t, a) {
-  return o(), s("button", g, [
-    p(t.$slots, "default", {}, void 0, !0)
+}, B = {}, x = { class: "lv-button" };
+function k(t, a) {
+  return r(), u("button", x, [
+    s(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const y = /* @__PURE__ */ d(h, [["render", b], ["__scopeId", "data-v-ac3af47a"]]), V = {
+const v = /* @__PURE__ */ d(B, [["render", k], ["__scopeId", "data-v-ac3af47a"]]), S = {
   name: "InputTaras",
   props: {
     prop: {
       required: !0
     }
   }
-}, x = { class: "class-input" };
-function v(t, a, e, r, l, n) {
-  return o(), s("h1", x, i(e.prop) + " here", 1);
+}, C = { class: "class-input" };
+function V(t, a, e, l, o, n) {
+  return r(), u("h1", C, f(e.prop) + " here", 1);
 }
-const I = /* @__PURE__ */ d(V, [["render", v], ["__scopeId", "data-v-5dfaad67"]]), S = {
+const I = /* @__PURE__ */ d(S, [["render", V], ["__scopeId", "data-v-5dfaad67"]]), T = {
   name: "RtText",
   props: {
     label: {
@@ -87,11 +87,11 @@ const I = /* @__PURE__ */ d(V, [["render", v], ["__scopeId", "data-v-5dfaad67"]]
     }
   }
 };
-function B(t, a, e, r, l, n) {
-  const c = f("v-text-field");
-  return o(), _(c, m(n.inputProps, {
+function R(t, a, e, l, o, n) {
+  const c = p("v-text-field");
+  return r(), m(c, b(n.inputProps, {
     modelValue: n.inputValue,
-    "onUpdate:modelValue": a[0] || (a[0] = (u) => n.inputValue = u),
+    "onUpdate:modelValue": a[0] || (a[0] = (_) => n.inputValue = _),
     label: e.label,
     placeholder: e.placeholder,
     disabled: e.disabled,
@@ -104,11 +104,168 @@ function B(t, a, e, r, l, n) {
     "onClick:clear": n.handleClear
   }), null, 16, ["modelValue", "label", "placeholder", "disabled", "error", "error-messages", "prepend-icon", "hint", "autocomplete", "onClick:clear"]);
 }
-const k = /* @__PURE__ */ d(S, [["render", B], ["__scopeId", "data-v-33b97f38"]]), C = {
+const z = /* @__PURE__ */ d(T, [["render", R], ["__scopeId", "data-v-406c1a0f"]]), L = {
+  name: "RtButton",
+  props: {
+    // Button text label
+    label: {
+      type: String,
+      default: "Click Me"
+    },
+    // Primary styling
+    primary: {
+      type: Boolean,
+      default: !1
+    },
+    // Button size
+    size: {
+      type: String,
+      default: "default",
+      validator: (t) => ["x-small", "small", "default", "large", "x-large"].includes(t)
+    },
+    // Button color
+    color: {
+      type: String,
+      default: "primary"
+    },
+    // Custom background color
+    backgroundColor: {
+      type: String
+    },
+    // Icon button
+    icon: {
+      type: Boolean,
+      default: !1
+    },
+    // Disabled state
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    // Loading state
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    // Outlined style
+    outlined: {
+      type: Boolean,
+      default: !1
+    },
+    // Text style
+    text: {
+      type: String,
+      default: ""
+    },
+    // Tile shape (square edges)
+    tile: {
+      type: Boolean,
+      default: !1
+    },
+    // Depressed style (no shadow)
+    depressed: {
+      type: Boolean,
+      default: !1
+    },
+    // Rounded corners
+    rounded: {
+      type: Boolean,
+      default: !1
+    },
+    // Full-width button
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    // Link properties
+    href: {
+      type: String,
+      default: ""
+    },
+    target: {
+      type: String,
+      default: "_self"
+    },
+    to: {
+      type: [String, Object],
+      default: null
+    },
+    replace: {
+      type: Boolean,
+      default: !1
+    },
+    exact: {
+      type: Boolean,
+      default: !1
+    },
+    append: {
+      type: Boolean,
+      default: !1
+    },
+    // Button elevation (shadow)
+    elevation: {
+      type: [Number, String],
+      default: 2
+    }
+  },
+  emits: ["click"],
+  setup(t, { emit: a }) {
+    const e = () => {
+      a("click");
+    }, l = i(() => t.primary ? "flat" : "outlined"), o = i(() => t.label || "Button"), n = i(() => ({
+      "btn-primary": t.primary,
+      "btn-icon": t.icon,
+      "btn-disabled": t.disabled
+    }));
+    return {
+      onClick: e,
+      variant: l,
+      ariaLabel: o,
+      buttonClasses: n
+    };
+  }
+};
+function M(t, a, e, l, o, n) {
+  const c = p("v-btn");
+  return r(), m(c, {
+    type: "button",
+    variant: l.variant,
+    size: e.size,
+    color: e.color,
+    icon: e.icon,
+    disabled: e.disabled,
+    loading: e.loading,
+    outlined: e.outlined,
+    text: e.text,
+    tile: e.tile,
+    depressed: e.depressed,
+    rounded: e.rounded,
+    block: e.block,
+    href: e.href,
+    target: e.target,
+    elevation: e.elevation,
+    to: e.to,
+    replace: e.replace,
+    exact: e.exact,
+    append: e.append,
+    "background-color": e.backgroundColor,
+    class: y(l.buttonClasses),
+    onClick: l.onClick,
+    "aria-label": l.ariaLabel
+  }, {
+    default: g(() => [
+      s(t.$slots, "default", {}, () => [
+        h(f(e.label), 1)
+      ], !0)
+    ]),
+    _: 3
+  }, 8, ["variant", "size", "color", "icon", "disabled", "loading", "outlined", "text", "tile", "depressed", "rounded", "block", "href", "target", "elevation", "to", "replace", "exact", "append", "background-color", "class", "onClick", "aria-label"]);
+}
+const N = /* @__PURE__ */ d(L, [["render", M], ["__scopeId", "data-v-ad55ccd4"]]), O = {
   install: (t, a) => {
-    t.component("LearnVueButton", y), t.component("InputTaras", I), t.component("RtText", k);
+    t.component("LearnVueButton", v), t.component("InputTaras", I), t.component("RtText", z), t.component("RtButton", N);
   }
 };
 export {
-  C as default
+  O as default
 };

package/dist/readytech-ui-library-v2.umd.js

@@ -1 +1 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue")):typeof define=="function"&&define.amd?define(["vue"],r):(e=typeof globalThis<"u"?globalThis:e||self,e["readytech-ui-library-v2"]=r(e.Vue))})(this,function(e){"use strict";const r=(n,o)=>{const t=n.__vccOpts||n;for(const[l,d]of o)t[l]=d;return t},c={},s={class:"lv-button"};function u(n,o){return e.openBlock(),e.createElementBlock("button",s,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const i=r(c,[["render",u],["__scopeId","data-v-ac3af47a"]]),p={name:"InputTaras",props:{prop:{required:!0}}},f={class:"class-input"};function m(n,o,t,l,d,a){return e.openBlock(),e.createElementBlock("h1",f,e.toDisplayString(t.prop)+" here",1)}const _=r(p,[["render",m],["__scopeId","data-v-5dfaad67"]]),h={name:"RtText",props:{label:{type:String,default:"Input Field"},hint:{type:String,default:""},placeholder:{type:String,default:""},modelValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorMessages:{type:[String,Array],default:()=>[]},prependIcon:{type:String,default:""},clearable:{type:Boolean,default:!1},autocomplete:{type:String,default:"off"}},computed:{inputValue:{get(){return this.modelValue},set(n){this.$emit("update:modelValue",n)}},inputProps(){return{...this.$props}}},methods:{handleClear(){this.$emit("clear")}}};function y(n,o,t,l,d,a){const g=e.resolveComponent("v-text-field");return e.openBlock(),e.createBlock(g,e.mergeProps(a.inputProps,{modelValue:a.inputValue,"onUpdate:modelValue":o[0]||(o[0]=x=>a.inputValue=x),label:t.label,placeholder:t.placeholder,disabled:t.disabled,error:t.error,"error-messages":t.errorMessages,"prepend-icon":t.prependIcon,clearable:"",hint:t.hint,autocomplete:t.autocomplete,"onClick:clear":a.handleClear}),null,16,["modelValue","label","placeholder","disabled","error","error-messages","prepend-icon","hint","autocomplete","onClick:clear"])}const b=r(h,[["render",y],["__scopeId","data-v-33b97f38"]]);return{install:(n,o)=>{n.component("LearnVueButton",i),n.component("InputTaras",_),n.component("RtText",b)}}});
+(function(t,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(t=typeof globalThis<"u"?globalThis:t||self,t["readytech-ui-library-v2"]=o(t.Vue))})(this,function(t){"use strict";const o=(a,l)=>{const e=a.__vccOpts||a;for(const[n,r]of l)e[n]=r;return e},i={},s={class:"lv-button"};function u(a,l){return t.openBlock(),t.createElementBlock("button",s,[t.renderSlot(a.$slots,"default",{},void 0,!0)])}const f=o(i,[["render",u],["__scopeId","data-v-ac3af47a"]]),p={name:"InputTaras",props:{prop:{required:!0}}},m={class:"class-input"};function b(a,l,e,n,r,d){return t.openBlock(),t.createElementBlock("h1",m,t.toDisplayString(e.prop)+" here",1)}const y=o(p,[["render",b],["__scopeId","data-v-5dfaad67"]]),_={name:"RtText",props:{label:{type:String,default:"Input Field"},hint:{type:String,default:""},placeholder:{type:String,default:""},modelValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorMessages:{type:[String,Array],default:()=>[]},prependIcon:{type:String,default:""},clearable:{type:Boolean,default:!1},autocomplete:{type:String,default:"off"}},computed:{inputValue:{get(){return this.modelValue},set(a){this.$emit("update:modelValue",a)}},inputProps(){return{...this.$props}}},methods:{handleClear(){this.$emit("clear")}}};function g(a,l,e,n,r,d){const c=t.resolveComponent("v-text-field");return t.openBlock(),t.createBlock(c,t.mergeProps(d.inputProps,{modelValue:d.inputValue,"onUpdate:modelValue":l[0]||(l[0]=S=>d.inputValue=S),label:e.label,placeholder:e.placeholder,disabled:e.disabled,error:e.error,"error-messages":e.errorMessages,"prepend-icon":e.prependIcon,clearable:"",hint:e.hint,autocomplete:e.autocomplete,"onClick:clear":d.handleClear}),null,16,["modelValue","label","placeholder","disabled","error","error-messages","prepend-icon","hint","autocomplete","onClick:clear"])}const h=o(_,[["render",g],["__scopeId","data-v-406c1a0f"]]),B={name:"RtButton",props:{label:{type:String,default:"Click Me"},primary:{type:Boolean,default:!1},size:{type:String,default:"default",validator:a=>["x-small","small","default","large","x-large"].includes(a)},color:{type:String,default:"primary"},backgroundColor:{type:String},icon:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},text:{type:String,default:""},tile:{type:Boolean,default:!1},depressed:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},href:{type:String,default:""},target:{type:String,default:"_self"},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},exact:{type:Boolean,default:!1},append:{type:Boolean,default:!1},elevation:{type:[Number,String],default:2}},emits:["click"],setup(a,{emit:l}){const e=()=>{l("click")},n=t.computed(()=>a.primary?"flat":"outlined"),r=t.computed(()=>a.label||"Button"),d=t.computed(()=>({"btn-primary":a.primary,"btn-icon":a.icon,"btn-disabled":a.disabled}));return{onClick:e,variant:n,ariaLabel:r,buttonClasses:d}}};function k(a,l,e,n,r,d){const c=t.resolveComponent("v-btn");return t.openBlock(),t.createBlock(c,{type:"button",variant:n.variant,size:e.size,color:e.color,icon:e.icon,disabled:e.disabled,loading:e.loading,outlined:e.outlined,text:e.text,tile:e.tile,depressed:e.depressed,rounded:e.rounded,block:e.block,href:e.href,target:e.target,elevation:e.elevation,to:e.to,replace:e.replace,exact:e.exact,append:e.append,"background-color":e.backgroundColor,class:t.normalizeClass(n.buttonClasses),onClick:n.onClick,"aria-label":n.ariaLabel},{default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)],!0)]),_:3},8,["variant","size","color","icon","disabled","loading","outlined","text","tile","depressed","rounded","block","href","target","elevation","to","replace","exact","append","background-color","class","onClick","aria-label"])}const x=o(B,[["render",k],["__scopeId","data-v-ad55ccd4"]]);return{install:(a,l)=>{a.component("LearnVueButton",f),a.component("InputTaras",y),a.component("RtText",h),a.component("RtButton",x)}}});

package/package.json

@@ -2,7 +2,7 @@
   "name": "readytech-ui-library-v2",
   "description": "ui library",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.0.7",
   "exports": {
     ".": {
       "import": "./dist/readytech-ui-library-v2.es.js",