@mekari/pixel3-date-picker 0.0.1-dev.0

package/dist/components/parts/index.js

@@ -0,0 +1,157 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/parts/index.ts
+var parts_exports = {};
+__export(parts_exports, {
+  Date: () => Date,
+  Day: () => Day,
+  Month: () => Month,
+  YearItem: () => YearItem
+});
+module.exports = __toCommonJS(parts_exports);
+
+// src/components/parts/date.tsx
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var Date = (0, import_vue2.defineComponent)({
+  name: "Date",
+  props: {
+    status: {
+      type: String
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    },
+    isShowPinbar: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      const dateItemClasses = (0, import_recipes.dateItemRecipe)({
+        status: props.status
+      });
+      const {
+        root,
+        pinbar
+      } = (0, import_recipes.pinbarSlotRecipe)();
+      return (0, import_vue.createVNode)("button", {
+        "disabled": props.isDisabled,
+        "data-status": props.status,
+        "class": dateItemClasses
+      }, [slots.default(), props.isShowPinbar && (0, import_vue.createVNode)("div", {
+        "class": root
+      }, [(0, import_vue.createVNode)("div", {
+        "class": pinbar
+      }, null)])]);
+    };
+  }
+});
+
+// src/components/parts/day.tsx
+var import_vue3 = require("vue");
+var import_vue4 = require("vue");
+var import_recipes2 = require("@mekari/pixel3-styled-system/recipes");
+var Day = (0, import_vue4.defineComponent)({
+  name: "Day",
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      return (0, import_vue3.createVNode)("div", {
+        "class": (0, import_recipes2.dayItemRecipe)()
+      }, [slots.default()]);
+    };
+  }
+});
+
+// src/components/parts/month.tsx
+var import_vue5 = require("vue");
+var import_vue6 = require("vue");
+var import_recipes3 = require("@mekari/pixel3-styled-system/recipes");
+var Month = (0, import_vue6.defineComponent)({
+  name: "Month",
+  props: {
+    status: {
+      type: String
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      const classes = (0, import_recipes3.monthItemRecipe)({
+        status: props.status
+      });
+      return (0, import_vue5.createVNode)("button", {
+        "disabled": props.isDisabled,
+        "data-status": props.status,
+        "class": classes
+      }, [slots.default()]);
+    };
+  }
+});
+
+// src/components/parts/year.tsx
+var import_vue7 = require("vue");
+var import_vue8 = require("vue");
+var import_recipes4 = require("@mekari/pixel3-styled-system/recipes");
+var YearItem = (0, import_vue8.defineComponent)({
+  name: "YearItem",
+  props: {
+    status: {
+      type: String
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      const classes = (0, import_recipes4.yearItemRecipe)({
+        status: props.status
+      });
+      return (0, import_vue7.createVNode)("button", {
+        "disabled": props.isDisabled,
+        "data-status": props.status,
+        "class": classes
+      }, [slots.default()]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Date,
+  Day,
+  Month,
+  YearItem
+});

package/dist/components/parts/index.mjs

@@ -0,0 +1,20 @@
+import "../../chunk-FTR7OMCT.mjs";
+import {
+  Day
+} from "../../chunk-AGAA7XTC.mjs";
+import {
+  Month
+} from "../../chunk-3VROFGJH.mjs";
+import {
+  YearItem
+} from "../../chunk-EQWT6VDG.mjs";
+import {
+  Date
+} from "../../chunk-J5BK7Z2U.mjs";
+import "../../chunk-QZ7VFGWC.mjs";
+export {
+  Date,
+  Day,
+  Month,
+  YearItem
+};

package/dist/components/parts/month.d.mts

@@ -0,0 +1,29 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_styled_system_types from '@mekari/pixel3-styled-system/types';
+import { RecipeVariantProps } from '@mekari/pixel3-styled-system/css';
+import { monthItemRecipe } from '@mekari/pixel3-styled-system/recipes';
+
+type MonthVariants = NonNullable<RecipeVariantProps<typeof monthItemRecipe>>;
+declare const Month: vue.DefineComponent<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    isDisabled: boolean;
+}, {}>;
+
+export { Month, MonthVariants };

package/dist/components/parts/month.d.ts

@@ -0,0 +1,29 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_styled_system_types from '@mekari/pixel3-styled-system/types';
+import { RecipeVariantProps } from '@mekari/pixel3-styled-system/css';
+import { monthItemRecipe } from '@mekari/pixel3-styled-system/recipes';
+
+type MonthVariants = NonNullable<RecipeVariantProps<typeof monthItemRecipe>>;
+declare const Month: vue.DefineComponent<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    isDisabled: boolean;
+}, {}>;
+
+export { Month, MonthVariants };

package/dist/components/parts/month.js

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/parts/month.tsx
+var month_exports = {};
+__export(month_exports, {
+  Month: () => Month
+});
+module.exports = __toCommonJS(month_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var Month = (0, import_vue2.defineComponent)({
+  name: "Month",
+  props: {
+    status: {
+      type: String
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      const classes = (0, import_recipes.monthItemRecipe)({
+        status: props.status
+      });
+      return (0, import_vue.createVNode)("button", {
+        "disabled": props.isDisabled,
+        "data-status": props.status,
+        "class": classes
+      }, [slots.default()]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Month
+});

package/dist/components/parts/month.mjs

@@ -0,0 +1,7 @@
+import {
+  Month
+} from "../../chunk-3VROFGJH.mjs";
+import "../../chunk-QZ7VFGWC.mjs";
+export {
+  Month
+};

package/dist/components/parts/year.d.mts

@@ -0,0 +1,29 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_styled_system_types from '@mekari/pixel3-styled-system/types';
+import { RecipeVariantProps } from '@mekari/pixel3-styled-system/css';
+import { yearItemRecipe } from '@mekari/pixel3-styled-system/recipes';
+
+type YearVariants = NonNullable<RecipeVariantProps<typeof yearItemRecipe>>;
+declare const YearItem: vue.DefineComponent<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    isDisabled: boolean;
+}, {}>;
+
+export { YearItem, YearVariants };

package/dist/components/parts/year.d.ts

@@ -0,0 +1,29 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_styled_system_types from '@mekari/pixel3-styled-system/types';
+import { RecipeVariantProps } from '@mekari/pixel3-styled-system/css';
+import { yearItemRecipe } from '@mekari/pixel3-styled-system/recipes';
+
+type YearVariants = NonNullable<RecipeVariantProps<typeof yearItemRecipe>>;
+declare const YearItem: vue.DefineComponent<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    status: {
+        type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    isDisabled: boolean;
+}, {}>;
+
+export { YearItem, YearVariants };

package/dist/components/parts/year.js

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/parts/year.tsx
+var year_exports = {};
+__export(year_exports, {
+  YearItem: () => YearItem
+});
+module.exports = __toCommonJS(year_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
+var YearItem = (0, import_vue2.defineComponent)({
+  name: "YearItem",
+  props: {
+    status: {
+      type: String
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      const classes = (0, import_recipes.yearItemRecipe)({
+        status: props.status
+      });
+      return (0, import_vue.createVNode)("button", {
+        "disabled": props.isDisabled,
+        "data-status": props.status,
+        "class": classes
+      }, [slots.default()]);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  YearItem
+});

package/dist/components/parts/year.mjs

@@ -0,0 +1,7 @@
+import {
+  YearItem
+} from "../../chunk-EQWT6VDG.mjs";
+import "../../chunk-QZ7VFGWC.mjs";
+export {
+  YearItem
+};

package/dist/composables/useCalendar.d.mts

@@ -0,0 +1,90 @@
+import * as vue from 'vue';
+import { ComputedRef } from 'vue';
+
+type CalendarPanel = 'date' | 'month' | 'year' | 'week' | 'biweek';
+declare function useCalendar(date: Date, locale: ComputedRef): {
+    currentDate: vue.Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number | undefined) => number;
+        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number | undefined) => number;
+        setUTCMonth: (month: number, date?: number | undefined) => number;
+        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    }>;
+    currentPanel: vue.Ref<CalendarPanel>;
+    nextMonth: () => void;
+    previousMonth: () => void;
+    nextYear: () => void;
+    previousYear: () => void;
+    changeYear: (year: number) => void;
+    changeMonth: (month: number) => void;
+    getDates: ComputedRef<Date[]>;
+    getMonths: ComputedRef<any>;
+    getYears: ComputedRef<number[]>;
+    getLabel: ComputedRef<string>;
+    getSplitDates: ComputedRef<{
+        day: number;
+        month: number;
+        year: number;
+        monthLabel: any;
+    }>;
+    changePanel: (value: CalendarPanel) => void;
+    setPanelDate: (date: Date) => void;
+};
+
+export { useCalendar };

package/dist/composables/useCalendar.d.ts

@@ -0,0 +1,90 @@
+import * as vue from 'vue';
+import { ComputedRef } from 'vue';
+
+type CalendarPanel = 'date' | 'month' | 'year' | 'week' | 'biweek';
+declare function useCalendar(date: Date, locale: ComputedRef): {
+    currentDate: vue.Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number | undefined) => number;
+        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number | undefined) => number;
+        setUTCMonth: (month: number, date?: number | undefined) => number;
+        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    }>;
+    currentPanel: vue.Ref<CalendarPanel>;
+    nextMonth: () => void;
+    previousMonth: () => void;
+    nextYear: () => void;
+    previousYear: () => void;
+    changeYear: (year: number) => void;
+    changeMonth: (month: number) => void;
+    getDates: ComputedRef<Date[]>;
+    getMonths: ComputedRef<any>;
+    getYears: ComputedRef<number[]>;
+    getLabel: ComputedRef<string>;
+    getSplitDates: ComputedRef<{
+        day: number;
+        month: number;
+        year: number;
+        monthLabel: any;
+    }>;
+    changePanel: (value: CalendarPanel) => void;
+    setPanelDate: (date: Date) => void;
+};
+
+export { useCalendar };