@shwfed/nuxt 0.1.28 → 0.1.29

package/dist/module.d.mts

@@ -1,7 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
-    features: ReadonlyArray<string>;
+    _?: never;
 }
 declare module 'nuxt/schema' {
     interface PublicRuntimeConfig {

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -6,9 +6,7 @@ const module$1 = defineNuxtModule({
     name: "@shwfed/nuxt",
     configKey: "shwfed"
   },
-  defaults: {
-    features: []
-  },
+  defaults: {},
   setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
     nuxt.options.runtimeConfig.public.shwfed = options;

package/dist/runtime/components/app.vue

@@ -34,7 +34,6 @@ whenever(() => meta_k?.value, () => {
     <ClientOnly>
       <Toaster />
       <CommandDialog
-        v-if="$dsl.evaluate`feature('command-palette')`()"
         v-model:open="isCommandOpen"
       >
         <CommandInput />

package/dist/runtime/components/query.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    fields: ReadonlyArray<{
+        label: string;
+        prop: string;
+        initial?: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/query.vue

@@ -0,0 +1,83 @@
+<script setup>
+import { Icon } from "@iconify/vue";
+import { Field, FieldLabel } from "./ui/field";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputCombobox } from "./ui/input-group";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
+import { useI18n } from "vue-i18n";
+import { CommandItem, CommandGroup } from "./ui/command";
+const { t } = useI18n();
+defineProps({
+  fields: { type: Array, required: true }
+});
+</script>
+
+<template>
+  <div
+    class="mx-auto"
+    style="width: 400px;"
+  >
+    <Field>
+      <InputGroup>
+        <InputCombobox>
+          <CommandGroup heading="Search">
+            <CommandItem
+              value="1"
+            >
+              <Icon
+                icon="fluent:search-20-filled"
+              />
+              <span>
+                Search
+              </span>
+            </CommandItem>
+            <CommandItem
+              value="2"
+            >
+              <Icon
+                icon="fluent:bookmark-20-filled"
+              />
+              <span>
+                Bookmark
+              </span>
+            </CommandItem>
+          </CommandGroup>
+        </InputCombobox>
+        <InputGroupAddon
+          align="inline-end"
+        >
+          <Tooltip :delay-duration="800">
+            <TooltipProvider>
+              <TooltipTrigger as-child>
+                <InputGroupButton>
+                  <Icon
+                    icon="fluent:dismiss-20-regular"
+                  />
+                </InputGroupButton>
+              </TooltipTrigger>
+              <TooltipContent>
+                {{ t("clear") }}
+              </TooltipContent>
+            </TooltipProvider>
+          </Tooltip>
+        </InputGroupAddon>
+      </InputGroup>
+      <FieldLabel>
+        Query
+      </FieldLabel>
+    </Field>
+  </div>
+</template>
+
+<i18n lang="json">
+{
+  "zh": {
+    "clear": "清空"
+  },
+  "ja": {
+    "clear": "クリア"
+  },
+  "en": {
+    "clear": "Clear"
+  }
+}
+</i18n>

package/dist/runtime/components/query.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    fields: ReadonlyArray<{
+        label: string;
+        prop: string;
+        initial?: string;
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/calendar/Calendar.d.vue.ts

@@ -0,0 +1,42 @@
+import type { CalendarRootProps, DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { LayoutTypes } from '.';
+type __VLS_Props = CalendarRootProps & {
+    class?: HTMLAttributes['class'];
+    layout?: LayoutTypes;
+    yearRange?: DateValue[];
+};
+declare var __VLS_59: {}, __VLS_67: {}, __VLS_69: {
+    date: DateValue;
+    month: import("@vueuse/core").ReuseTemplateComponent<{
+        date: DateValue;
+    }, Record<"default", undefined>>;
+    year: import("@vueuse/core").ReuseTemplateComponent<{
+        date: DateValue;
+    }, Record<"default", undefined>>;
+};
+type __VLS_Slots = {} & {
+    'calendar-prev-icon'?: (props: typeof __VLS_59) => any;
+} & {
+    'calendar-next-icon'?: (props: typeof __VLS_67) => any;
+} & {
+    'calendar-heading'?: (props: typeof __VLS_69) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (date: DateValue | undefined) => any;
+    "update:placeholder": (date: DateValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
+    "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+}>, {
+    modelValue: DateValue | DateValue[];
+    layout: "month-and-year" | "month-only" | "year-only";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/Calendar.vue

@@ -0,0 +1,207 @@
+<script setup>
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { createReusableTemplate, reactiveOmit, useNavigatorLanguage, useVModel } from "@vueuse/core";
+import { CalendarRoot, useDateFormatter, useForwardPropsEmits } from "reka-ui";
+import { createYear, createYearRange, toDate } from "reka-ui/date";
+import { computed, toRaw } from "vue";
+import { cn } from "../../../utils/cn";
+import { NativeSelect, NativeSelectOption } from "../native-select";
+import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNextButton, CalendarPrevButton } from ".";
+const props = defineProps({
+  defaultValue: { type: null, required: false },
+  defaultPlaceholder: { type: null, required: false },
+  placeholder: { type: null, required: false },
+  pagedNavigation: { type: Boolean, required: false },
+  preventDeselect: { type: Boolean, required: false },
+  weekStartsOn: { type: Number, required: false },
+  weekdayFormat: { type: String, required: false },
+  calendarLabel: { type: String, required: false },
+  fixedWeeks: { type: Boolean, required: false },
+  maxValue: { type: null, required: false },
+  minValue: { type: null, required: false },
+  locale: { type: String, required: false },
+  numberOfMonths: { type: Number, required: false },
+  disabled: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
+  initialFocus: { type: Boolean, required: false },
+  isDateDisabled: { type: Function, required: false },
+  isDateUnavailable: { type: Function, required: false },
+  dir: { type: String, required: false },
+  nextPage: { type: Function, required: false },
+  prevPage: { type: Function, required: false },
+  modelValue: { type: null, required: false, default: void 0 },
+  multiple: { type: Boolean, required: false },
+  disableDaysOutsideCurrentView: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  layout: { type: null, required: false, default: void 0 },
+  yearRange: { type: Array, required: false }
+});
+const emits = defineEmits(["update:modelValue", "update:placeholder"]);
+const delegatedProps = reactiveOmit(props, "class", "layout", "placeholder");
+const placeholder = useVModel(props, "placeholder", emits, {
+  passive: true,
+  defaultValue: props.defaultPlaceholder ?? today(getLocalTimeZone())
+});
+const formatter = useDateFormatter(props.locale ?? "en");
+const yearRange = computed(() => {
+  return props.yearRange ?? createYearRange({
+    start: props?.minValue ?? (toRaw(props.placeholder) ?? props.defaultPlaceholder ?? today(getLocalTimeZone())).cycle("year", -100),
+    end: props?.maxValue ?? (toRaw(props.placeholder) ?? props.defaultPlaceholder ?? today(getLocalTimeZone())).cycle("year", 10)
+  });
+});
+const [DefineMonthTemplate, ReuseMonthTemplate] = createReusableTemplate();
+const [DefineYearTemplate, ReuseYearTemplate] = createReusableTemplate();
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+const locale = useNavigatorLanguage();
+const weekStartsOn = computed(() => {
+  if (!locale.isSupported || !locale.language.value) return void 0;
+  const intl = new Intl.Locale(locale.language.value);
+  if ("getWeekInfo" in intl && typeof intl.getWeekInfo === "function") {
+    return intl.getWeekInfo().firstDay;
+  }
+  return void 0;
+});
+</script>
+
+<template>
+  <DefineMonthTemplate v-slot="{ date }">
+    <div class="**:data-[slot=native-select-icon]:right-1">
+      <div class="relative">
+        <div class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none">
+          {{ formatter.custom(toDate(date), { month: "short" }) }}
+        </div>
+        <NativeSelect
+          class="text-xs h-8 pr-6 pl-2 text-transparent relative"
+          @change="(e) => {
+  placeholder = placeholder.set({
+    month: Number(e?.target?.value)
+  });
+}"
+        >
+          <NativeSelectOption
+            v-for="(month) in createYear({ dateObj: date })"
+            :key="month.toString()"
+            :value="month.month"
+            :selected="date.month === month.month"
+          >
+            {{ formatter.custom(toDate(month), { month: "short" }) }}
+          </NativeSelectOption>
+        </NativeSelect>
+      </div>
+    </div>
+  </DefineMonthTemplate>
+
+  <DefineYearTemplate v-slot="{ date }">
+    <div class="**:data-[slot=native-select-icon]:right-1">
+      <div class="relative">
+        <div class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none">
+          {{ formatter.custom(toDate(date), { year: "numeric" }) }}
+        </div>
+        <NativeSelect
+          class="text-xs h-8 pr-6 pl-2 text-transparent relative"
+          @change="(e) => {
+  placeholder = placeholder.set({
+    year: Number(e?.target?.value)
+  });
+}"
+        >
+          <NativeSelectOption
+            v-for="(year) in yearRange"
+            :key="year.toString()"
+            :value="year.year"
+            :selected="date.year === year.year"
+          >
+            {{ formatter.custom(toDate(year), { year: "numeric" }) }}
+          </NativeSelectOption>
+        </NativeSelect>
+      </div>
+    </div>
+  </DefineYearTemplate>
+
+  <CalendarRoot
+    v-slot="{ grid, weekDays, date }"
+    v-bind="forwarded"
+    v-model:placeholder="placeholder"
+    data-slot="calendar"
+    :week-starts-on="weekStartsOn"
+    :class="cn('p-3', props.class)"
+  >
+    <CalendarHeader class="pt-0">
+      <nav class="w-full flex items-center gap-1 absolute top-1/2 -translate-y-1/2 transform-gpu inset-x-0 justify-between">
+        <CalendarPrevButton>
+          <slot name="calendar-prev-icon" />
+        </CalendarPrevButton>
+        <CalendarNextButton>
+          <slot name="calendar-next-icon" />
+        </CalendarNextButton>
+      </nav>
+
+      <slot
+        name="calendar-heading"
+        :date="date"
+        :month="ReuseMonthTemplate"
+        :year="ReuseYearTemplate"
+      >
+        <template v-if="layout === 'month-and-year'">
+          <div class="flex items-center justify-center gap-1">
+            <ReuseMonthTemplate :date="date" />
+            <ReuseYearTemplate :date="date" />
+          </div>
+        </template>
+        <template v-else-if="layout === 'month-only'">
+          <div class="flex items-center justify-center gap-1">
+            <ReuseMonthTemplate :date="date" />
+            {{ formatter.custom(toDate(date), { year: "numeric" }) }}
+          </div>
+        </template>
+        <template v-else-if="layout === 'year-only'">
+          <div class="flex items-center justify-center gap-1">
+            {{ formatter.custom(toDate(date), { month: "short" }) }}
+            <ReuseYearTemplate :date="date" />
+          </div>
+        </template>
+        <template v-else>
+          <CalendarHeading />
+        </template>
+      </slot>
+    </CalendarHeader>
+
+    <div class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0">
+      <CalendarGrid
+        v-for="month in grid"
+        :key="month.value.toString()"
+      >
+        <CalendarGridHead>
+          <CalendarGridRow>
+            <CalendarHeadCell
+              v-for="day in weekDays"
+              :key="day"
+            >
+              {{ day }}
+            </CalendarHeadCell>
+          </CalendarGridRow>
+        </CalendarGridHead>
+        <CalendarGridBody>
+          <CalendarGridRow
+            v-for="(weekDates, index) in month.rows"
+            :key="`weekDate-${index}`"
+            class="mt-2 w-full"
+          >
+            <CalendarCell
+              v-for="weekDate in weekDates"
+              :key="weekDate.toString()"
+              :date="weekDate"
+            >
+              <CalendarCellTrigger
+                :day="weekDate"
+                :month="month.value"
+              />
+            </CalendarCell>
+          </CalendarGridRow>
+        </CalendarGridBody>
+      </CalendarGrid>
+    </div>
+  </CalendarRoot>
+</template>

package/dist/runtime/components/ui/calendar/Calendar.vue.d.ts

@@ -0,0 +1,42 @@
+import type { CalendarRootProps, DateValue } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { LayoutTypes } from '.';
+type __VLS_Props = CalendarRootProps & {
+    class?: HTMLAttributes['class'];
+    layout?: LayoutTypes;
+    yearRange?: DateValue[];
+};
+declare var __VLS_59: {}, __VLS_67: {}, __VLS_69: {
+    date: DateValue;
+    month: import("@vueuse/core").ReuseTemplateComponent<{
+        date: DateValue;
+    }, Record<"default", undefined>>;
+    year: import("@vueuse/core").ReuseTemplateComponent<{
+        date: DateValue;
+    }, Record<"default", undefined>>;
+};
+type __VLS_Slots = {} & {
+    'calendar-prev-icon'?: (props: typeof __VLS_59) => any;
+} & {
+    'calendar-next-icon'?: (props: typeof __VLS_67) => any;
+} & {
+    'calendar-heading'?: (props: typeof __VLS_69) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (date: DateValue | undefined) => any;
+    "update:placeholder": (date: DateValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
+    "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+}>, {
+    modelValue: DateValue | DateValue[];
+    layout: "month-and-year" | "month-only" | "year-only";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarCell.d.vue.ts

@@ -0,0 +1,18 @@
+import type { CalendarCellProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarCellProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarCell.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { CalendarCell, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  date: { type: null, required: true },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <CalendarCell
+    data-slot="calendar-cell"
+    :class="cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 flex-1', props.class)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarCell>
+</template>

package/dist/runtime/components/ui/calendar/CalendarCell.vue.d.ts

@@ -0,0 +1,18 @@
+import type { CalendarCellProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarCellProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarCellTrigger.d.vue.ts

@@ -0,0 +1,20 @@
+import type { CalendarCellTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarCellTriggerProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarCellTrigger.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { CalendarCellTrigger, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils/cn";
+import { buttonVariants } from "../button";
+const props = defineProps({
+  day: { type: null, required: true },
+  month: { type: null, required: true },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: "button" },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <CalendarCellTrigger
+    data-slot="calendar-cell-trigger"
+    :class="cn(
+  buttonVariants({ variant: 'ghost' }),
+  'size-8 rounded-full p-0 font-normal transition-all duration-180 aria-selected:opacity-100 cursor-pointer',
+  '[&[data-today]:not([data-selected])]:text-white [&[data-today]:not([data-selected])]:bg-red-400',
+  // Selected
+  'data-selected:bg-[color-mix(in_srgb,var(--primary)_20%,white)] data-selected:opacity-100 data-selected:text-(--primary)',
+  // Disabled
+  'data-disabled:text-zinc-500 data-disabled:opacity-50',
+  // Unavailable
+  'data-unavailable:text-zinc-300 data-unavailable:line-through',
+  // Outside months
+  'data-outside-view:text-zinc-300',
+  props.class
+)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarCellTrigger>
+</template>

package/dist/runtime/components/ui/calendar/CalendarCellTrigger.vue.d.ts

@@ -0,0 +1,20 @@
+import type { CalendarCellTriggerProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarCellTriggerProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGrid.d.vue.ts

@@ -0,0 +1,18 @@
+import type { CalendarGridProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarGridProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGrid.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { CalendarGrid, useForwardProps } from "reka-ui";
+import { cn } from "../../../utils/cn";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+const forwardedProps = useForwardProps(delegatedProps);
+</script>
+
+<template>
+  <CalendarGrid
+    data-slot="calendar-grid"
+    :class="cn('w-full border-collapse space-x-1', props.class)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarGrid>
+</template>

package/dist/runtime/components/ui/calendar/CalendarGrid.vue.d.ts

@@ -0,0 +1,18 @@
+import type { CalendarGridProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = CalendarGridProps & {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/calendar/CalendarGridBody.d.vue.ts

@@ -0,0 +1,14 @@
+import type { CalendarGridBodyProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CalendarGridBodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CalendarGridBodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};