spicykatsu 0.0.1 → 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,19 +1,14 @@
-import { openBlock as o, createElementBlock as l, normalizeClass as d, toDisplayString as a, createCommentVNode as s, createTextVNode as r, renderSlot as u } from "vue";
-const f = (t, n) => {
-  const e = t.__vccOpts || t;
-  for (const [i, c] of n)
-    e[i] = c;
-  return e;
-}, m = ["disabled"], y = {
+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"
-}, b = {
+}, X = {
   __name: "SpicyBtn",
   props: {
     variant: {
       type: String,
       default: "filled",
-      validator: (t) => ["outlined", "filled"].includes(t)
+      validator: (e) => ["outlined", "filled"].includes(e)
     },
     disabled: {
       type: Boolean,
@@ -23,24 +18,258 @@ const f = (t, n) => {
       type: String,
       default: "Button"
     },
-    icon: String
+    icon: String,
+    color: String,
+    textColor: String,
+    hoverColor: String,
+    borderColor: String,
+    // Custom color for the button border (if outlined variant)
+    fontSize: {
+      type: [Number, String],
+      default: 14
+    },
+    fontWeight: {
+      type: [Number, String],
+      default: 500
+    }
   },
   emits: ["click"],
-  setup(t, { emit: n }) {
-    const e = n, i = () => {
-      e("click");
+  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: a[0] || (a[0] = (...l) => n.onClick && n.onClick(...l))
+    }, [
+      e.icon ? (o(), r("span", $, c(e.icon), 1)) : s("", !0),
+      y("span", null, c(e.text), 1),
+      b(n.$slots, "default")
+    ], 14, x));
+  }
+}, F = ["placeholder"], O = {
+  key: 0,
+  class: "spicyInputError"
+}, Z = {
+  __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 t = e, n = `spicyInput-${d()}`, a = h(t.value), l = h(!1);
+    function d() {
+      const i = "0123456789abcdefghijklmnopqrstuvwxyz";
+      let u = "";
+      for (let f = 0; f < 6; f++)
+        u += i.charAt(Math.floor(Math.random() * i.length));
+      return u;
+    }
+    const p = (i) => {
+      a.value = i.target.value;
+    }, S = () => {
+      l.value = !1;
+    }, D = () => {
+      l.value = !0;
     };
-    return (c, k) => (o(), l("button", {
-      class: d(["spicyBtn", { outlined: t.variant === "outlined", disabled: t.disabled }]),
-      disabled: t.disabled,
-      onClick: i
+    return (i, u) => (o(), r("div", {
+      class: g(["spicyInputWrapper", [e.variant, { hasValue: a.value || e.value, hasFocus: l.value, hasError: e.error }]])
     }, [
-      t.icon ? (o(), l("span", y, a(t.icon), 1)) : s("", !0),
-      r(" " + a(t.text) + " ", 1),
-      u(c.$slots, "default", {}, void 0, !0)
-    ], 10, m));
+      y("label", {
+        class: "spicyInputLabel",
+        for: n
+      }, c(e.label), 1),
+      M(y("input", {
+        id: n,
+        class: g(["spicyInput", e.variant]),
+        "onUpdate:modelValue": u[0] || (u[0] = (f) => a.value = f),
+        placeholder: e.placeholder,
+        onInput: p,
+        onBlur: S,
+        onFocus: D
+      }, null, 42, F), [
+        [Y, a.value]
+      ]),
+      b(i.$slots, "default"),
+      e.error ? (o(), r("span", O, c(e.error), 1)) : s("", !0)
+    ], 2));
+  }
+}, 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: t }) {
+    const n = e, a = t, l = () => {
+      a("update:modelValue", !n.modelValue);
+    };
+    return (d, p) => (o(), r("div", k({
+      class: ["spicyToggle", { "is-active": e.modelValue }],
+      onClick: l,
+      role: "switch",
+      "aria-checked": e.modelValue.toString(),
+      tabindex: "0",
+      onKeydown: C(B(l, ["prevent"]), ["space"])
+    }, d.$attrs), L, 16, j));
+  }
+}, N = {
+  key: 0,
+  class: "spicyAlertIcon"
+}, A = { key: 1 }, ee = {
+  __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 t = e, n = h(!0), a = () => {
+      n.value = !1;
+    };
+    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: g(["spicyAlert", e.variant])
+        }, [
+          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: 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;
   }
-}, B = /* @__PURE__ */ f(b, [["__scopeId", "data-v-a0b5d4cb"]]);
+}
+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 {
-  B as SpicyBtn
+  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(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.SpicyKatsu={},n.Vue))})(this,function(n,e){"use strict";const l=(t,o)=>{const i=t.__vccOpts||t;for(const[c,d]of o)i[c]=d;return i},s=["disabled"],a={key:0,class:"spicyBtnIcon"},r=l({__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},emits:["click"],setup(t,{emit:o}){const i=o,c=()=>{i("click")};return(d,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["spicyBtn",{outlined:t.variant==="outlined",disabled:t.disabled}]),disabled:t.disabled,onClick:c},[t.icon?(e.openBlock(),e.createElementBlock("span",a,e.toDisplayString(t.icon),1)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.text)+" ",1),e.renderSlot(d.$slots,"default",{},void 0,!0)],10,s))}},[["__scopeId","data-v-a0b5d4cb"]]);n.SpicyBtn=r,Object.defineProperty(n,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[data-v-a0b5d4cb]{padding:8px 16px;background-color:#424242;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;text-transform:uppercase;transition:background-color .3s}.spicyBtn.outlined[data-v-a0b5d4cb]{background-color:transparent;border:2px solid #424242;color:#424242}.spicyBtn.disabled[data-v-a0b5d4cb]{opacity:.5;cursor:not-allowed}.spicyBtn[data-v-a0b5d4cb]:hover:not(.disabled){background-color:#616161}.spicyBtn.outlined[data-v-a0b5d4cb]:hover:not(.disabled){background-color:#424242;color:#fff}.spicyBtnIcon[data-v-a0b5d4cb]{margin-right:6px}
+.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,30 +1,31 @@
-{
-  "name": "spicykatsu",
-  "description": "Comp Library for Vue",
-  "license": "MIT",
-  "author": "Sato",
-  "private": false,
-  "version": "0.0.1",
-  "type": "module",
-  "main": "dist/spicykatsu.es.js",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview",
-    "docs:dev": "vitepress dev docs",
-    "test": "jest"
-  },
-  "dependencies": {
-    "vue": "^3.4.21"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@types/jest": "^29.5.12",
-    "@vue/test-utils": "^2.4.5",
-    "@vue/vue3-jest": "^29.2.6",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vitepress": "^1.0.1",
-    "vue-tsc": "^2.0.6"
-  }
-}
+{
+  "name": "spicykatsu",
+  "description": "Simple Library for Vue3.",
+  "license": "MIT",
+  "author": "Sato",
+  "private": false,
+  "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",
+    "publish": "npm publish",
+    "docs:dev": "vitepress dev docs",
+    "test": "jest"
+  },
+  "dependencies": {
+    "vue": "^3.4.21"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.4",
+    "typescript": "^5.4.4",
+    "vite": "^5.2.8",
+    "vue-tsc": "^2.0.10"
+  }
+}

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}

package/docs/.vitepress/cache/deps/@theme_index.js

@@ -1,269 +0,0 @@
-import {
-  useMediaQuery
-} from "./chunk-4I4JYJZN.js";
-import {
-  computed,
-  ref,
-  shallowRef,
-  watch
-} from "./chunk-CKQ4TNQ3.js";
-
-// node_modules/vitepress/dist/client/theme-default/index.js
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/fonts.css";
-
-// node_modules/vitepress/dist/client/theme-default/without-fonts.js
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/vars.css";
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/base.css";
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/icons.css";
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/utils.css";
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/components/custom-block.css";
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/components/vp-code.css";
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/components/vp-code-group.css";
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/components/vp-doc.css";
-import "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/styles/components/vp-sponsor.css";
-import VPBadge from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPBadge.vue";
-import Layout from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/Layout.vue";
-import { default as default2 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPBadge.vue";
-import { default as default3 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPImage.vue";
-import { default as default4 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPButton.vue";
-import { default as default5 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPHomeHero.vue";
-import { default as default6 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPHomeFeatures.vue";
-import { default as default7 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPHomeSponsors.vue";
-import { default as default8 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPDocAsideSponsors.vue";
-import { default as default9 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPSponsors.vue";
-import { default as default10 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPTeamPage.vue";
-import { default as default11 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPTeamPageTitle.vue";
-import { default as default12 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPTeamPageSection.vue";
-import { default as default13 } from "X:/Repo/NodeNPM/SpicyKatsu/node_modules/vitepress/dist/client/theme-default/components/VPTeamMembers.vue";
-
-// node_modules/vitepress/dist/client/shared.js
-var inBrowser = typeof document !== "undefined";
-
-// node_modules/vitepress/dist/client/theme-default/support/utils.js
-import { withBase } from "vitepress";
-
-// node_modules/vitepress/dist/client/theme-default/composables/data.js
-import { useData as useData$ } from "vitepress";
-var useData = useData$;
-
-// node_modules/vitepress/dist/client/theme-default/support/utils.js
-function ensureStartingSlash(path) {
-  return /^\//.test(path) ? path : `/${path}`;
-}
-
-// node_modules/vitepress/dist/client/theme-default/support/sidebar.js
-function getSidebar(_sidebar, path) {
-  if (Array.isArray(_sidebar))
-    return addBase(_sidebar);
-  if (_sidebar == null)
-    return [];
-  path = ensureStartingSlash(path);
-  const dir = Object.keys(_sidebar).sort((a, b) => {
-    return b.split("/").length - a.split("/").length;
-  }).find((dir2) => {
-    return path.startsWith(ensureStartingSlash(dir2));
-  });
-  const sidebar = dir ? _sidebar[dir] : [];
-  return Array.isArray(sidebar) ? addBase(sidebar) : addBase(sidebar.items, sidebar.base);
-}
-function getSidebarGroups(sidebar) {
-  const groups = [];
-  let lastGroupIndex = 0;
-  for (const index in sidebar) {
-    const item = sidebar[index];
-    if (item.items) {
-      lastGroupIndex = groups.push(item);
-      continue;
-    }
-    if (!groups[lastGroupIndex]) {
-      groups.push({ items: [] });
-    }
-    groups[lastGroupIndex].items.push(item);
-  }
-  return groups;
-}
-function addBase(items, _base) {
-  return [...items].map((_item) => {
-    const item = { ..._item };
-    const base = item.base || _base;
-    if (base && item.link)
-      item.link = base + item.link;
-    if (item.items)
-      item.items = addBase(item.items, base);
-    return item;
-  });
-}
-
-// node_modules/vitepress/dist/client/theme-default/composables/hash.js
-var hashRef = ref(inBrowser ? location.hash : "");
-if (inBrowser) {
-  window.addEventListener("hashchange", () => {
-    hashRef.value = location.hash;
-  });
-}
-
-// node_modules/vitepress/dist/client/theme-default/composables/sidebar.js
-function useSidebar() {
-  const { frontmatter, page, theme: theme2 } = useData();
-  const is960 = useMediaQuery("(min-width: 960px)");
-  const isOpen = ref(false);
-  const _sidebar = computed(() => {
-    const sidebarConfig = theme2.value.sidebar;
-    const relativePath = page.value.relativePath;
-    return sidebarConfig ? getSidebar(sidebarConfig, relativePath) : [];
-  });
-  const sidebar = ref(_sidebar.value);
-  watch(_sidebar, (next, prev) => {
-    if (JSON.stringify(next) !== JSON.stringify(prev))
-      sidebar.value = _sidebar.value;
-  });
-  const hasSidebar = computed(() => {
-    return frontmatter.value.sidebar !== false && sidebar.value.length > 0 && frontmatter.value.layout !== "home";
-  });
-  const leftAside = computed(() => {
-    if (hasAside)
-      return frontmatter.value.aside == null ? theme2.value.aside === "left" : frontmatter.value.aside === "left";
-    return false;
-  });
-  const hasAside = computed(() => {
-    if (frontmatter.value.layout === "home")
-      return false;
-    if (frontmatter.value.aside != null)
-      return !!frontmatter.value.aside;
-    return theme2.value.aside !== false;
-  });
-  const isSidebarEnabled = computed(() => hasSidebar.value && is960.value);
-  const sidebarGroups = computed(() => {
-    return hasSidebar.value ? getSidebarGroups(sidebar.value) : [];
-  });
-  function open() {
-    isOpen.value = true;
-  }
-  function close() {
-    isOpen.value = false;
-  }
-  function toggle() {
-    isOpen.value ? close() : open();
-  }
-  return {
-    isOpen,
-    sidebar,
-    sidebarGroups,
-    hasSidebar,
-    hasAside,
-    leftAside,
-    isSidebarEnabled,
-    open,
-    close,
-    toggle
-  };
-}
-
-// node_modules/vitepress/dist/client/theme-default/composables/local-nav.js
-import { onContentUpdated } from "vitepress";
-
-// node_modules/vitepress/dist/client/theme-default/composables/outline.js
-import { getScrollOffset } from "vitepress";
-var resolvedHeaders = [];
-function getHeaders(range) {
-  const headers = [
-    ...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")
-  ].filter((el) => el.id && el.hasChildNodes()).map((el) => {
-    const level = Number(el.tagName[1]);
-    return {
-      element: el,
-      title: serializeHeader(el),
-      link: "#" + el.id,
-      level
-    };
-  });
-  return resolveHeaders(headers, range);
-}
-function serializeHeader(h) {
-  let ret = "";
-  for (const node of h.childNodes) {
-    if (node.nodeType === 1) {
-      if (node.classList.contains("VPBadge") || node.classList.contains("header-anchor") || node.classList.contains("ignore-header")) {
-        continue;
-      }
-      ret += node.textContent;
-    } else if (node.nodeType === 3) {
-      ret += node.textContent;
-    }
-  }
-  return ret.trim();
-}
-function resolveHeaders(headers, range) {
-  if (range === false) {
-    return [];
-  }
-  const levelsRange = (typeof range === "object" && !Array.isArray(range) ? range.level : range) || 2;
-  const [high, low] = typeof levelsRange === "number" ? [levelsRange, levelsRange] : levelsRange === "deep" ? [2, 6] : levelsRange;
-  headers = headers.filter((h) => h.level >= high && h.level <= low);
-  resolvedHeaders.length = 0;
-  for (const { element, link } of headers) {
-    resolvedHeaders.push({ element, link });
-  }
-  const ret = [];
-  outer:
-    for (let i = 0; i < headers.length; i++) {
-      const cur = headers[i];
-      if (i === 0) {
-        ret.push(cur);
-      } else {
-        for (let j = i - 1; j >= 0; j--) {
-          const prev = headers[j];
-          if (prev.level < cur.level) {
-            ;
-            (prev.children || (prev.children = [])).push(cur);
-            continue outer;
-          }
-        }
-        ret.push(cur);
-      }
-    }
-  return ret;
-}
-
-// node_modules/vitepress/dist/client/theme-default/composables/local-nav.js
-function useLocalNav() {
-  const { theme: theme2, frontmatter } = useData();
-  const headers = shallowRef([]);
-  const hasLocalNav = computed(() => {
-    return headers.value.length > 0;
-  });
-  onContentUpdated(() => {
-    headers.value = getHeaders(frontmatter.value.outline ?? theme2.value.outline);
-  });
-  return {
-    headers,
-    hasLocalNav
-  };
-}
-
-// node_modules/vitepress/dist/client/theme-default/without-fonts.js
-var theme = {
-  Layout,
-  enhanceApp: ({ app }) => {
-    app.component("Badge", VPBadge);
-  }
-};
-var without_fonts_default = theme;
-export {
-  default2 as VPBadge,
-  default4 as VPButton,
-  default8 as VPDocAsideSponsors,
-  default6 as VPHomeFeatures,
-  default5 as VPHomeHero,
-  default7 as VPHomeSponsors,
-  default3 as VPImage,
-  default9 as VPSponsors,
-  default13 as VPTeamMembers,
-  default10 as VPTeamPage,
-  default12 as VPTeamPageSection,
-  default11 as VPTeamPageTitle,
-  without_fonts_default as default,
-  useLocalNav,
-  useSidebar
-};
-//# sourceMappingURL=@theme_index.js.map