spicykatsu 0.0.2 → 0.0.3

package/README.md

@@ -1 +1,6 @@
-# SpicyKatsuLib
+# SpicyKatsuLib
+
+Fun, simple library for Vue3. Something for me to play around with in my projects.  
+The idea is to make things simple and lightweight. While keeping functionality.
+
+Included will be componenets and utilites. Maybe more in the future.

package/dist/spicykatsu.es.js

@@ -1,8 +1,8 @@
-import { openBlock as n, createElementBlock as o, normalizeClass as f, normalizeStyle as b, toDisplayString as c, createCommentVNode as r, createElementVNode as m, renderSlot as v, ref as g, withDirectives as k, vModelText as C, mergeProps as B, withKeys as x, withModifiers as $, createBlock as V, Transition as I, withCtx as w } from "vue";
-const T = ["disabled"], A = {
+import { openBlock as o, createElementBlock as r, normalizeClass as g, normalizeStyle as w, toDisplayString as c, createCommentVNode as s, createElementVNode as y, renderSlot as b, ref as h, withDirectives as M, vModelText as Y, mergeProps as k, withKeys as C, withModifiers as B, createBlock as I, Transition as T, withCtx as V } from "vue";
+const x = ["disabled"], $ = {
   key: 0,
   class: "spicyBtnIcon"
-}, D = {
+}, X = {
   __name: "SpicyBtn",
   props: {
     variant: {
@@ -34,22 +34,22 @@ const T = ["disabled"], A = {
     }
   },
   emits: ["click"],
-  setup(e, { emit: i }) {
-    return (t, l) => (n(), o("button", {
-      class: f(["spicyBtn", { outlined: e.variant === "outlined", disabled: e.disabled }]),
-      style: b({ "--color": e.color, "--textColor": e.textColor, "--hoverColor": e.hoverColor }),
+  setup(e, { emit: t }) {
+    return (n, a) => (o(), r("button", {
+      class: g(["spicyBtn", { outlined: e.variant === "outlined", disabled: e.disabled }]),
+      style: w({ "--color": e.color, "--textColor": e.textColor, "--hoverColor": e.hoverColor }),
       disabled: e.disabled,
-      onClick: l[0] || (l[0] = (...a) => t.onClick && t.onClick(...a))
+      onClick: a[0] || (a[0] = (...l) => n.onClick && n.onClick(...l))
     }, [
-      e.icon ? (n(), o("span", A, c(e.icon), 1)) : r("", !0),
-      m("span", null, c(e.text), 1),
-      v(t.$slots, "default")
-    ], 14, T));
+      e.icon ? (o(), r("span", $, c(e.icon), 1)) : s("", !0),
+      y("span", null, c(e.text), 1),
+      b(n.$slots, "default")
+    ], 14, x));
   }
-}, N = ["placeholder"], z = {
+}, F = ["placeholder"], O = {
   key: 0,
   class: "spicyInputError"
-}, W = {
+}, Z = {
   __name: "SpicyLabel",
   props: {
     value: {
@@ -75,68 +75,68 @@ const T = ["disabled"], A = {
     }
   },
   setup(e) {
-    const i = e, t = `spicyInput-${d()}`, l = g(i.value), a = g(!1);
+    const t = e, n = `spicyInput-${d()}`, a = h(t.value), l = h(!1);
     function d() {
-      const s = "0123456789abcdefghijklmnopqrstuvwxyz";
+      const i = "0123456789abcdefghijklmnopqrstuvwxyz";
       let u = "";
-      for (let y = 0; y < 6; y++)
-        u += s.charAt(Math.floor(Math.random() * s.length));
+      for (let f = 0; f < 6; f++)
+        u += i.charAt(Math.floor(Math.random() * i.length));
       return u;
     }
-    const h = (s) => {
-      l.value = s.target.value;
-    }, p = () => {
-      a.value = !1;
+    const p = (i) => {
+      a.value = i.target.value;
     }, S = () => {
-      a.value = !0;
+      l.value = !1;
+    }, D = () => {
+      l.value = !0;
     };
-    return (s, u) => (n(), o("div", {
-      class: f(["spicyInputWrapper", [e.variant, { hasValue: l.value || e.value, hasFocus: a.value, hasError: e.error }]])
+    return (i, u) => (o(), r("div", {
+      class: g(["spicyInputWrapper", [e.variant, { hasValue: a.value || e.value, hasFocus: l.value, hasError: e.error }]])
     }, [
-      m("label", {
+      y("label", {
         class: "spicyInputLabel",
-        for: t
+        for: n
       }, c(e.label), 1),
-      k(m("input", {
-        id: t,
-        class: f(["spicyInput", e.variant]),
-        "onUpdate:modelValue": u[0] || (u[0] = (y) => l.value = y),
+      M(y("input", {
+        id: n,
+        class: g(["spicyInput", e.variant]),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => a.value = f),
         placeholder: e.placeholder,
-        onInput: h,
-        onBlur: p,
-        onFocus: S
-      }, null, 42, N), [
-        [C, l.value]
+        onInput: p,
+        onBlur: S,
+        onFocus: D
+      }, null, 42, F), [
+        [Y, a.value]
       ]),
-      v(s.$slots, "default"),
-      e.error ? (n(), o("span", z, c(e.error), 1)) : r("", !0)
+      b(i.$slots, "default"),
+      e.error ? (o(), r("span", O, c(e.error), 1)) : s("", !0)
     ], 2));
   }
-}, E = ["aria-checked", "onKeydown"], F = /* @__PURE__ */ m("div", { class: "spicyToggleKnob" }, null, -1), K = [
-  F
-], j = {
+}, j = ["aria-checked", "onKeydown"], U = /* @__PURE__ */ y("div", { class: "spicyToggleKnob" }, null, -1), L = [
+  U
+], _ = {
   __name: "SpicyToggle",
   props: {
     modelValue: Boolean
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const t = e, l = i, a = () => {
-      l("update:modelValue", !t.modelValue);
+  setup(e, { emit: t }) {
+    const n = e, a = t, l = () => {
+      a("update:modelValue", !n.modelValue);
     };
-    return (d, h) => (n(), o("div", B({
+    return (d, p) => (o(), r("div", k({
       class: ["spicyToggle", { "is-active": e.modelValue }],
-      onClick: a,
+      onClick: l,
       role: "switch",
       "aria-checked": e.modelValue.toString(),
       tabindex: "0",
-      onKeydown: x($(a, ["prevent"]), ["space"])
-    }, d.$attrs), K, 16, E));
+      onKeydown: C(B(l, ["prevent"]), ["space"])
+    }, d.$attrs), L, 16, j));
   }
-}, L = {
+}, N = {
   key: 0,
   class: "spicyAlertIcon"
-}, M = { key: 1 }, q = {
+}, A = { key: 1 }, ee = {
   __name: "SpicyAlert",
   props: {
     variant: {
@@ -160,33 +160,116 @@ const T = ["disabled"], A = {
     }
   },
   setup(e) {
-    const i = e, t = g(!0), l = () => {
-      t.value = !1;
+    const t = e, n = h(!0), a = () => {
+      n.value = !1;
     };
-    return i.autoClose > 0 && setTimeout(() => {
-      t.value = !1;
-    }, i.autoClose), (a, d) => (n(), V(I, { name: "fade" }, {
-      default: w(() => [
-        t.value ? (n(), o("div", {
+    return t.autoClose > 0 && setTimeout(() => {
+      n.value = !1;
+    }, t.autoClose), (l, d) => (o(), I(T, { name: "fade" }, {
+      default: V(() => [
+        n.value ? (o(), r("div", {
           key: 0,
-          class: f(["spicyAlert", e.variant])
+          class: g(["spicyAlert", e.variant])
         }, [
-          e.iconOnly || e.text ? (n(), o("span", L, c(e.icon), 1)) : r("", !0),
-          !e.iconOnly && e.text ? (n(), o("span", M, c(e.text), 1)) : r("", !0),
-          e.closable ? (n(), o("button", {
+          e.iconOnly || e.text ? (o(), r("span", N, c(e.icon), 1)) : s("", !0),
+          !e.iconOnly && e.text ? (o(), r("span", A, c(e.text), 1)) : s("", !0),
+          e.closable ? (o(), r("button", {
             key: 2,
             class: "closeButton",
-            onClick: l
-          }, "×")) : r("", !0)
-        ], 2)) : r("", !0)
+            onClick: a
+          }, "×")) : s("", !0)
+        ], 2)) : s("", !0)
       ]),
       _: 1
     }));
   }
 };
+function m(e) {
+  try {
+    return new URL(e), !0;
+  } catch (t) {
+    return console.error("Invalid URL:", t), !1;
+  }
+}
+function P(e) {
+  return m(e) ? new URL(e).hostname : null;
+}
+function z(e, t) {
+  if (!m(e))
+    return e;
+  const n = new URL(e);
+  return Object.keys(t).forEach((a) => n.searchParams.append(a, t[a])), n.toString();
+}
+const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  appendParamsToUrl: z,
+  getHostname: P,
+  isUrlValid: m
+}, Symbol.toStringTag, { value: "Module" }));
+function v(e, t) {
+  const n = {
+    YYYY: () => e.getFullYear().toString(),
+    MM: () => (e.getMonth() + 1).toString().padStart(2, "0"),
+    DD: () => e.getDate().toString().padStart(2, "0")
+  };
+  return t.replace(
+    /YYYY|MM|DD/g,
+    (a) => n[a]()
+  );
+}
+function E(e) {
+  const [t, n, a] = e.split("-");
+  return new Date(Number(t), Number(n) - 1, Number(a));
+}
+function K(e, t) {
+  const n = Math.abs(t.getTime() - e.getTime());
+  return Math.ceil(n / (1e3 * 60 * 60 * 24));
+}
+function R(e, t) {
+  const n = new Date(e);
+  return n.setDate(e.getDate() + t), n;
+}
+function W(e, t) {
+  const n = new Date(e);
+  return n.setDate(e.getDate() - t), n;
+}
+function q(e) {
+  const t = /* @__PURE__ */ new Date();
+  return e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
+}
+function H(e) {
+  const t = /* @__PURE__ */ new Date();
+  return t.setDate(t.getDate() - 1), e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
+}
+function G(e) {
+  const t = /* @__PURE__ */ new Date();
+  return t.setDate(t.getDate() + 1), e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
+}
+function J(e = "YYYY-MM-DD", t = { show: !0, separator: "-" }) {
+  if (typeof e != "string" || typeof t != "object" || !t.hasOwnProperty("show") || typeof t.show != "boolean")
+    throw new Error(
+      'Invalid parameters: Please provide a valid format string and options object with a boolean "show" property.'
+    );
+  let a = v(/* @__PURE__ */ new Date(), e);
+  return t.separator && t.separator !== "-" && (a = a.replace(/-/g, t.separator)), t.show ? { value: a, isVisible: !0 } : { value: a, isVisible: !1 };
+}
+const ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  currentDate: J,
+  dateAdd: R,
+  dateDiff: K,
+  dateIsToday: q,
+  dateIsTomorrow: G,
+  dateIsYesterday: H,
+  dateSubtract: W,
+  formatDate: v,
+  parseDate: E
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  q as SpicyAlert,
-  D as SpicyBtn,
-  W as SpicyLabel,
-  j as SpicyToggle
+  ee as SpicyAlert,
+  X as SpicyBtn,
+  Z as SpicyLabel,
+  _ as SpicyToggle,
+  ne as dateUtils,
+  te as urlUtils
 };

package/dist/spicykatsu.umd.js

@@ -1 +1 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.SpicyKatsu={},o.Vue))})(this,function(o,e){"use strict";const m=["disabled"],y={key:0,class:"spicyBtnIcon"},f={__name:"SpicyBtn",props:{variant:{type:String,default:"filled",validator:t=>["outlined","filled"].includes(t)},disabled:{type:Boolean,default:!1},text:{type:String,default:"Button"},icon:String,color:String,textColor:String,hoverColor:String,borderColor:String,fontSize:{type:[Number,String],default:14},fontWeight:{type:[Number,String],default:500}},emits:["click"],setup(t,{emit:i}){return(l,n)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["spicyBtn",{outlined:t.variant==="outlined",disabled:t.disabled}]),style:e.normalizeStyle({"--color":t.color,"--textColor":t.textColor,"--hoverColor":t.hoverColor}),disabled:t.disabled,onClick:n[0]||(n[0]=(...a)=>l.onClick&&l.onClick(...a))},[t.icon?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(t.icon),1)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.text),1),e.renderSlot(l.$slots,"default")],14,m))}},p=["placeholder"],g={key:0,class:"spicyInputError"},h={__name:"SpicyLabel",props:{value:{type:String,default:""},placeholder:{type:String,default:""},label:{type:String,default:"Label"},error:{type:String,default:""},variant:{type:String,default:"filled",validator:t=>["outlined","filled"].includes(t)}},setup(t){const i=t,l=`spicyInput-${s()}`,n=e.ref(i.value),a=e.ref(!1);function s(){const c="0123456789abcdefghijklmnopqrstuvwxyz";let r="";for(let d=0;d<6;d++)r+=c.charAt(Math.floor(Math.random()*c.length));return r}const u=c=>{n.value=c.target.value},E=()=>{a.value=!1},$=()=>{a.value=!0};return(c,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["spicyInputWrapper",[t.variant,{hasValue:n.value||t.value,hasFocus:a.value,hasError:t.error}]])},[e.createElementVNode("label",{class:"spicyInputLabel",for:l},e.toDisplayString(t.label),1),e.withDirectives(e.createElementVNode("input",{id:l,class:e.normalizeClass(["spicyInput",t.variant]),"onUpdate:modelValue":r[0]||(r[0]=d=>n.value=d),placeholder:t.placeholder,onInput:u,onBlur:E,onFocus:$},null,42,p),[[e.vModelText,n.value]]),e.renderSlot(c.$slots,"default"),t.error?(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)],2))}},S=["aria-checked","onKeydown"],k=[e.createElementVNode("div",{class:"spicyToggleKnob"},null,-1)],B={__name:"SpicyToggle",props:{modelValue:Boolean},emits:["update:modelValue"],setup(t,{emit:i}){const l=t,n=i,a=()=>{n("update:modelValue",!l.modelValue)};return(s,u)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["spicyToggle",{"is-active":t.modelValue}],onClick:a,role:"switch","aria-checked":t.modelValue.toString(),tabindex:"0",onKeydown:e.withKeys(e.withModifiers(a,["prevent"]),["space"])},s.$attrs),k,16,S))}},b={key:0,class:"spicyAlertIcon"},C={key:1},V={__name:"SpicyAlert",props:{variant:{type:String,default:"info",validator:t=>["info","success","warning","error","custom"].includes(t)},text:{type:String,default:""},icon:String,iconOnly:Boolean,closable:{type:Boolean,default:!1},autoClose:{type:Number,default:0}},setup(t){const i=t,l=e.ref(!0),n=()=>{l.value=!1};return i.autoClose>0&&setTimeout(()=>{l.value=!1},i.autoClose),(a,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["spicyAlert",t.variant])},[t.iconOnly||t.text?(e.openBlock(),e.createElementBlock("span",b,e.toDisplayString(t.icon),1)):e.createCommentVNode("",!0),!t.iconOnly&&t.text?(e.openBlock(),e.createElementBlock("span",C,e.toDisplayString(t.text),1)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock("button",{key:2,class:"closeButton",onClick:n},"×")):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:1}))}};o.SpicyAlert=V,o.SpicyBtn=f,o.SpicyLabel=h,o.SpicyToggle=B,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
+(function(l,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(l=typeof globalThis<"u"?globalThis:l||self,t(l.SpicyKatsu={},l.Vue))})(this,function(l,t){"use strict";const m=["disabled"],y={key:0,class:"spicyBtnIcon"},p={__name:"SpicyBtn",props:{variant:{type:String,default:"filled",validator:e=>["outlined","filled"].includes(e)},disabled:{type:Boolean,default:!1},text:{type:String,default:"Button"},icon:String,color:String,textColor:String,hoverColor:String,borderColor:String,fontSize:{type:[Number,String],default:14},fontWeight:{type:[Number,String],default:500}},emits:["click"],setup(e,{emit:n}){return(o,a)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["spicyBtn",{outlined:e.variant==="outlined",disabled:e.disabled}]),style:t.normalizeStyle({"--color":e.color,"--textColor":e.textColor,"--hoverColor":e.hoverColor}),disabled:e.disabled,onClick:a[0]||(a[0]=(...r)=>o.onClick&&o.onClick(...r))},[e.icon?(t.openBlock(),t.createElementBlock("span",y,t.toDisplayString(e.icon),1)):t.createCommentVNode("",!0),t.createElementVNode("span",null,t.toDisplayString(e.text),1),t.renderSlot(o.$slots,"default")],14,m))}},h=["placeholder"],S={key:0,class:"spicyInputError"},b={__name:"SpicyLabel",props:{value:{type:String,default:""},placeholder:{type:String,default:""},label:{type:String,default:"Label"},error:{type:String,default:""},variant:{type:String,default:"filled",validator:e=>["outlined","filled"].includes(e)}},setup(e){const n=e,o=`spicyInput-${s()}`,a=t.ref(n.value),r=t.ref(!1);function s(){const i="0123456789abcdefghijklmnopqrstuvwxyz";let c="";for(let d=0;d<6;d++)c+=i.charAt(Math.floor(Math.random()*i.length));return c}const g=i=>{a.value=i.target.value},z=()=>{r.value=!1},L=()=>{r.value=!0};return(i,c)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["spicyInputWrapper",[e.variant,{hasValue:a.value||e.value,hasFocus:r.value,hasError:e.error}]])},[t.createElementVNode("label",{class:"spicyInputLabel",for:o},t.toDisplayString(e.label),1),t.withDirectives(t.createElementVNode("input",{id:o,class:t.normalizeClass(["spicyInput",e.variant]),"onUpdate:modelValue":c[0]||(c[0]=d=>a.value=d),placeholder:e.placeholder,onInput:g,onBlur:z,onFocus:L},null,42,h),[[t.vModelText,a.value]]),t.renderSlot(i.$slots,"default"),e.error?(t.openBlock(),t.createElementBlock("span",S,t.toDisplayString(e.error),1)):t.createCommentVNode("",!0)],2))}},D=["aria-checked","onKeydown"],k=[t.createElementVNode("div",{class:"spicyToggleKnob"},null,-1)],w={__name:"SpicyToggle",props:{modelValue:Boolean},emits:["update:modelValue"],setup(e,{emit:n}){const o=e,a=n,r=()=>{a("update:modelValue",!o.modelValue)};return(s,g)=>(t.openBlock(),t.createElementBlock("div",t.mergeProps({class:["spicyToggle",{"is-active":e.modelValue}],onClick:r,role:"switch","aria-checked":e.modelValue.toString(),tabindex:"0",onKeydown:t.withKeys(t.withModifiers(r,["prevent"]),["space"])},s.$attrs),k,16,D))}},B={key:0,class:"spicyAlertIcon"},C={key:1},V={__name:"SpicyAlert",props:{variant:{type:String,default:"info",validator:e=>["info","success","warning","error","custom"].includes(e)},text:{type:String,default:""},icon:String,iconOnly:Boolean,closable:{type:Boolean,default:!1},autoClose:{type:Number,default:0}},setup(e){const n=e,o=t.ref(!0),a=()=>{o.value=!1};return n.autoClose>0&&setTimeout(()=>{o.value=!1},n.autoClose),(r,s)=>(t.openBlock(),t.createBlock(t.Transition,{name:"fade"},{default:t.withCtx(()=>[o.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["spicyAlert",e.variant])},[e.iconOnly||e.text?(t.openBlock(),t.createElementBlock("span",B,t.toDisplayString(e.icon),1)):t.createCommentVNode("",!0),!e.iconOnly&&e.text?(t.openBlock(),t.createElementBlock("span",C,t.toDisplayString(e.text),1)):t.createCommentVNode("",!0),e.closable?(t.openBlock(),t.createElementBlock("button",{key:2,class:"closeButton",onClick:a},"×")):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0)]),_:1}))}};function u(e){try{return new URL(e),!0}catch(n){return console.error("Invalid URL:",n),!1}}function M(e){return u(e)?new URL(e).hostname:null}function Y(e,n){if(!u(e))return e;const o=new URL(e);return Object.keys(n).forEach(a=>o.searchParams.append(a,n[a])),o.toString()}const T=Object.freeze(Object.defineProperty({__proto__:null,appendParamsToUrl:Y,getHostname:M,isUrlValid:u},Symbol.toStringTag,{value:"Module"}));function f(e,n){const o={YYYY:()=>e.getFullYear().toString(),MM:()=>(e.getMonth()+1).toString().padStart(2,"0"),DD:()=>e.getDate().toString().padStart(2,"0")};return n.replace(/YYYY|MM|DD/g,a=>o[a]())}function E(e){const[n,o,a]=e.split("-");return new Date(Number(n),Number(o)-1,Number(a))}function N(e,n){const o=Math.abs(n.getTime()-e.getTime());return Math.ceil(o/(1e3*60*60*24))}function I(e,n){const o=new Date(e);return o.setDate(e.getDate()+n),o}function $(e,n){const o=new Date(e);return o.setDate(e.getDate()-n),o}function j(e){const n=new Date;return e.getDate()===n.getDate()&&e.getMonth()===n.getMonth()&&e.getFullYear()===n.getFullYear()}function F(e){const n=new Date;return n.setDate(n.getDate()-1),e.getDate()===n.getDate()&&e.getMonth()===n.getMonth()&&e.getFullYear()===n.getFullYear()}function O(e){const n=new Date;return n.setDate(n.getDate()+1),e.getDate()===n.getDate()&&e.getMonth()===n.getMonth()&&e.getFullYear()===n.getFullYear()}function U(e="YYYY-MM-DD",n={show:!0,separator:"-"}){if(typeof e!="string"||typeof n!="object"||!n.hasOwnProperty("show")||typeof n.show!="boolean")throw new Error('Invalid parameters: Please provide a valid format string and options object with a boolean "show" property.');let a=f(new Date,e);return n.separator&&n.separator!=="-"&&(a=a.replace(/-/g,n.separator)),n.show?{value:a,isVisible:!0}:{value:a,isVisible:!1}}const x=Object.freeze(Object.defineProperty({__proto__:null,currentDate:U,dateAdd:I,dateDiff:N,dateIsToday:j,dateIsTomorrow:O,dateIsYesterday:F,dateSubtract:$,formatDate:f,parseDate:E},Symbol.toStringTag,{value:"Module"}));l.SpicyAlert=V,l.SpicyBtn=p,l.SpicyLabel=b,l.SpicyToggle=w,l.dateUtils=x,l.urlUtils=T,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.spicyBtn{padding:8px 16px;background-color:var(--color, var(--primaryColor));border:none;border-radius:4px;color:var(--textColor);cursor:pointer;font-size:14px;font-weight:500;text-transform:uppercase;transition:background-color .25s}.spicyBtn.outlined{background-color:transparent;border:2px solid var(--borderColor);color:#424242}.spicyBtn.disabled{opacity:.5;cursor:not-allowed}.spicyBtn:hover:not(.disabled){background-color:#616161}.spicyBtn.outlined:hover:not(.disabled){background-color:#424242;color:var(--textColor)}.spicyBtnIcon{margin-right:6px}.spicyInputWrapper{display:flex;flex-direction:column;position:relative}.spicyInputLabel{position:absolute;top:12px;left:16px;color:var(--textColor);transition:top .25s,font-size .25s,color .25s;pointer-events:none;font-size:18px;background-color:transparent}.spicyInput{padding:20px 16px 8px;border:none;border-bottom:1px solid var(--borderColor);font-size:16px;width:100%;box-sizing:border-box;transition:border-color .25s;background-color:transparent;color:var(--textColor)}.spicyInputWrapper .spicyInput:focus{outline:none;border-color:var(--labelFocus)}.outlined .spicyInput{border:1px solid var(--borderColor);border-radius:4px}.filled .spicyInput{border:none;border-bottom:1px solid var(--borderColor)}.hasValue .spicyInputLabel,.hasFocus .spicyInputLabel{top:-16px;font-size:16px;color:var(--labelFocus);font-weight:700}.hasError .spicyInput{border-color:red}.spicyInputError{color:red;font-size:12px;margin-top:4px}.spicyToggle{width:50px;height:24px;background-color:var(--borderColor);border-radius:30px;cursor:pointer;padding:2px;transition:background-color .2s;display:inline-flex;align-items:center}.spicyToggle.is-active{background-color:var(--primaryColor)}.spicyToggleKnob{width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.spicyToggle.is-active .spicyToggleKnob{transform:translate(26px)}.spicyToggle:focus{outline:none;box-shadow:0 0 0 2px #5e138180}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.spicyAlert{display:flex;align-items:center;padding:12px;border-radius:4px;margin-bottom:12px}.info{background-color:#e0e0e0;color:#333}.success{background-color:#d4edda;color:#155724}.warning{background-color:#fff3cd;color:#856404}.error{background-color:#ffbdc2;color:#911f2a}.spicyAlertIcon{margin-right:8px}.closeButton{margin-left:auto;background:none;border:none;cursor:pointer}:root{--primaryColor: #5e1381;--primaryColorHover: #811faf;--errorColor: #ff0000;--borderColor: #ccc;--textColor: #ddd;--disabledOpacity: .5;--labelFocus: var(--primaryColor);--fontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;--fontSize: 14px;--fontWeight: 500;--borderWidth: 2px;--borderRadius: 4px}.spicyText{color:var(--textColor);font-family:var(--fontFamily);font-size:var(--fontSize);font-weight:var(--fontWeight)}
+.spicyBtn{padding:8px 16px;background-color:var(--color, var(--primaryColor));border:none;border-radius:4px;color:var(--textColor);cursor:pointer;font-size:14px;font-weight:500;text-transform:uppercase;transition:background-color .25s}.spicyBtn.outlined{background-color:transparent;border:2px solid var(--borderColor);color:#424242}.spicyBtn.disabled{opacity:.5;cursor:not-allowed}.spicyBtn:hover:not(.disabled){background-color:var(--hoverColor, grey)}.spicyBtn.outlined:hover:not(.disabled){background-color:var(--hoverColor, grey);color:var(--textColor)}.spicyBtnIcon{margin-right:6px}.spicyInputWrapper{display:flex;flex-direction:column;position:relative}.spicyInputLabel{position:absolute;top:12px;left:16px;color:var(--textColor);transition:top .25s,font-size .25s,color .25s;pointer-events:none;font-size:18px;background-color:transparent}.spicyInput{padding:20px 16px 8px;border:none;border-bottom:1px solid var(--borderColor);font-size:16px;width:100%;box-sizing:border-box;transition:border-color .25s;background-color:transparent;color:var(--textColor)}.spicyInputWrapper .spicyInput:focus{outline:none;border-color:var(--labelFocus)}.outlined .spicyInput{border:1px solid var(--borderColor);border-radius:4px}.filled .spicyInput{border:none;border-bottom:1px solid var(--borderColor)}.hasValue .spicyInputLabel,.hasFocus .spicyInputLabel{top:-16px;font-size:16px;color:var(--labelFocus);font-weight:700}.hasError .spicyInput{border-color:red}.spicyInputError{color:red;font-size:12px;margin-top:4px}.spicyToggle{width:50px;height:24px;background-color:var(--borderColor);border-radius:30px;cursor:pointer;padding:2px;transition:background-color .2s;display:inline-flex;align-items:center}.spicyToggle.is-active{background-color:var(--primaryColor)}.spicyToggleKnob{width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.spicyToggle.is-active .spicyToggleKnob{transform:translate(26px)}.spicyToggle:focus{outline:none;box-shadow:0 0 0 2px #5e138180}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.spicyAlert{display:flex;align-items:center;padding:12px;border-radius:4px;margin-bottom:12px}.info{background-color:#e0e0e0;color:#333}.success{background-color:#d4edda;color:#155724}.warning{background-color:#fff3cd;color:#856404}.error{background-color:#ffbdc2;color:#911f2a}.spicyAlertIcon{margin-right:8px}.closeButton{margin-left:auto;background:none;border:none;cursor:pointer}:root{--primaryColor: #5e1381;--primaryColorHover: #811faf;--errorColor: #ff0000;--borderColor: #ccc;--textColor: #ddd;--disabledOpacity: .5;--labelFocus: var(--primaryColor);--fontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;--fontSize: 14px;--fontWeight: 500;--borderWidth: 2px;--borderRadius: 4px}.spicyText{color:var(--textColor);font-family:var(--fontFamily);font-size:var(--fontSize);font-weight:var(--fontWeight)}.spicyHeader{color:var(--textColor);font-family:var(--fontFamily);font-size:24px;font-weight:700}

package/package.json

@@ -1,17 +1,21 @@
 {
   "name": "spicykatsu",
-  "description": "Comp Library for Vue",
+  "description": "Simple Library for Vue3.",
   "license": "MIT",
   "author": "Sato",
   "private": false,
-  "version": "0.0.2",
-  "files": ["dist/", "package.json", "README.md"],
+  "version": "0.0.3",
+  "files": [
+    "dist/",
+    "package.json",
+    "README.md"
+  ],
   "type": "module",
   "main": "dist/spicykatsu.es.js",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
-    "preview": "vite preview",
+    "publish": "npm publish",
     "docs:dev": "vitepress dev docs",
     "test": "jest"
   },
@@ -20,9 +24,8 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.4",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vitepress": "^1.0.1",
-    "vue-tsc": "^2.0.6"
+    "typescript": "^5.4.4",
+    "vite": "^5.2.8",
+    "vue-tsc": "^2.0.10"
   }
 }