nuance-ui 0.1.38 → 0.1.39

package/dist/runtime/components/time-picker/time-picker.vue

@@ -0,0 +1,313 @@
+<script setup>
+import { computed } from "vue";
+import ActionIcon from "../action-icon/action-icon.vue";
+import InputBase from "../input/ui/input-base.vue";
+import InputWrapper from "../input/ui/input-wrapper.vue";
+import SpinInput from "../input/ui/spin-input.vue";
+import { getParsedTime } from "./lib/get-parsed-time";
+import { useTimePicker } from "./lib/use-time-picker";
+const {
+  format = "24h",
+  pasteSplit = getParsedTime,
+  withSeconds = false,
+  placeholder = "--",
+  hoursInputLabel,
+  minutesInputLabel,
+  secondsInputLabel,
+  amPmLabels = { am: "AM", pm: "PM" },
+  amPmInputLabel: _,
+  step = 1,
+  name,
+  required,
+  clearable,
+  disabled,
+  readonly,
+  classes,
+  rightSectionPE = "all",
+  ...props
+} = defineProps({
+  clearable: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  min: { type: String, required: false },
+  max: { type: String, required: false },
+  format: { type: String, required: false },
+  step: { type: [Number, Object], required: false },
+  placeholder: { type: [String, Object], required: false },
+  withSeconds: { type: Boolean, required: false },
+  hoursInputLabel: { type: String, required: false },
+  minutesInputLabel: { type: String, required: false },
+  secondsInputLabel: { type: String, required: false },
+  amPmInputLabel: { type: String, required: false },
+  amPmLabels: { type: Object, required: false },
+  pasteSplit: { type: Function, required: false },
+  classes: { type: Object, required: false },
+  error: { type: String, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  id: { type: [String, null], required: false },
+  radius: { type: String, required: false },
+  size: { type: String, required: false },
+  variant: { type: String, required: false },
+  multiline: { type: Boolean, required: false },
+  resize: { type: void 0, required: false },
+  leftSectionPE: { type: null, required: false },
+  rightSectionPE: { type: null, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const model = defineModel({ type: String, ...{ default: "" } });
+const {
+  values: {
+    hours,
+    minutes,
+    seconds,
+    amPm
+  },
+  refs: { hoursRef, minutesRef, secondsRef },
+  clear,
+  focus
+} = useTimePicker({
+  model,
+  amPmLabels,
+  format,
+  max: props.max,
+  min: props.min,
+  withSeconds,
+  pasteSplit
+});
+const isClearable = computed(() => clearable && !readonly && !disabled && (hours.value !== null || minutes.value !== null || seconds.value !== null || amPm.value !== null));
+</script>
+
+<template>
+	<InputWrapper v-bind='props' :right-section-p-e :class='classes?.root'>
+		<InputBase
+			:classes='{
+  root: classes?.input,
+  section: classes?.section
+}'
+			@click='focus("hours")'
+		>
+			<template #default='{ id, css }'>
+				<div :class='css'>
+					<div :class='$style.root' dir='ltr'>
+						<div :class='$style.group'>
+							<!-- Hours -->
+							<SpinInput
+								ref='hoursRef'
+								v-model='hours'
+								:min='0'
+								:max='23'
+								:step='typeof step === "object" ? step?.hours ?? 1 : step'
+								:placeholder='typeof placeholder === "object" ? placeholder?.hours : placeholder'
+								:class='classes?.field'
+								:aria-label='hoursInputLabel'
+								@next='focus("minutes")'
+							/>
+							<span>:</span>
+							<!-- Minutes -->
+							<SpinInput
+								ref='minutesRef'
+								v-model='minutes'
+								:min='0'
+								:max='59'
+								:step='typeof step === "object" ? step?.minutes ?? 1 : step'
+								:placeholder='typeof placeholder === "object" ? placeholder?.minutes : placeholder'
+								:class='classes?.field'
+								:aria-label='minutesInputLabel'
+								@next='focus("seconds")'
+								@prev='focus("hours")'
+							/>
+							<template v-if='withSeconds'>
+								<span>:</span>
+								<!-- Seconds -->
+								<SpinInput
+									v-if='withSeconds'
+									ref='secondsRef'
+									v-model='seconds'
+									:min='0'
+									:max='59'
+									:step='typeof step === "object" ? step?.seconds ?? 1 : step'
+									:placeholder='typeof placeholder === "object" ? placeholder?.seconds : placeholder'
+									:aria-label='secondsInputLabel'
+									:class='classes?.field'
+									@prev='focus("minutes")'
+								/>
+							</template>
+						</div>
+					</div>
+				</div>
+				<input
+					:id
+					v-model='model'
+					:name
+					type='hidden'
+					:required
+					:disabled
+					:readonly
+				>
+			</template>
+
+			<template #leftSection>
+				<slot name='leftSection'>
+					<Icon name='gravity-ui:clock' />
+				</slot>
+			</template>
+
+			<template
+				v-if='!$slots.rightSection && isClearable || !!$slots.rightSection'
+				#rightSection
+			>
+				<slot name='rightSection'>
+					<ActionIcon
+						icon='gravity-ui:xmark'
+						variant='subtle'
+						color='gray'
+						size='sm'
+						@click.stop='clear'
+					/>
+				</slot>
+			</template>
+		</InputBase>
+
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+		<template v-if='$slots.error' #error>
+			<slot name='error' />
+		</template>
+		<template v-if='$slots.description' #description>
+			<slot name='description' />
+		</template>
+	</InputWrapper>
+</template>
+
+<style lang="postcss" module>
+.root {
+	overflow: hidden;
+	display: flex;
+	align-items: center;
+
+	height: 100%;
+
+	@mixin where-rtl {
+		flex-direction: row-reverse;
+	}
+}
+
+.group {
+	display: flex;
+	align-items: center;
+
+	height: calc(var(--input-height) - rem(15px));
+}
+
+.controls {
+	display: flex;
+	flex-direction: column;
+}
+
+.controlsGroup {
+	display: flex;
+	gap: .25rem;
+}
+
+.dropdown {
+	padding: .25rem;
+}
+
+.control {
+	width: max-content;
+	min-width: 2.5em;
+	height: 2em;
+	border-radius: var(--radius-default);
+
+	font-size: var(--control-font-size, var(--font-size-sm));
+	text-align: center;
+
+	&:where([data-active]) {
+		color: var(--color-white);
+
+		background-color: var(--color-primary-filled);
+	}
+
+	@mixin hover {
+		&:where(:not([data-active])) {
+			color: var(--color-bright);
+
+			@mixin where-dark {
+				background-color: var(--color-dark-5);
+			}
+
+			@mixin where-light {
+				background-color: var(--color-gray-1);
+			}
+		}
+	}
+}
+
+.presetControl {
+	height: 2em;
+	padding-inline: 0.5em;
+	border-radius: var(--radius-default);
+
+	font-size: var(--control-font-size, var(--font-size-sm));
+	text-align: center;
+
+	&:where([data-active]) {
+		color: var(--color-white);
+
+		background-color: var(--color-primary-filled);
+	}
+
+	@mixin hover {
+		&:where(:not([data-active])) {
+			color: var(--color-bright);
+
+			@mixin where-dark {
+				background-color: var(--color-dark-5);
+			}
+
+			@mixin where-light {
+				background-color: var(--color-gray-1);
+			}
+		}
+	}
+}
+
+.presetsGroup {
+	&+& {
+		margin-top: var(--spacing-sm);
+	}
+}
+
+.presetsGroupLabel {
+	display: flex;
+	align-items: center;
+
+	margin-bottom: .25rem;
+	padding-inline-start: 7px;
+
+	font-size: calc(var(--control-font-size, var(--font-size-sm)) - 2px);
+	font-weight: 500;
+	color: var(--color-dimmed);
+
+	&::after {
+		content: '';
+
+		flex: 1;
+
+		width: 100%;
+		height: 1px;
+		margin-inline-start: var(--spacing-xs);
+
+		@mixin where-light {
+			background-color: var(--color-gray-2);
+		}
+
+		@mixin where-dark {
+			background-color: var(--color-dark-4);
+		}
+	}
+}
+</style>

package/dist/runtime/components/time-picker/time-picker.vue.d.ts

@@ -0,0 +1,88 @@
+import type { Classes } from '@nui/types';
+import type { InputBaseProps } from '../input/index.js';
+import type { InputWrapperProps } from '../input/ui/input-wrapper.vue.js';
+import type { TimePickerAmPmLabels, TimePickerFormat, TimePickerPasteSplit } from './model.js';
+/**
+ * - presets
+ * - dropdown select
+ * - am/pm select
+ * - blur
+ * - paste
+ */
+interface FieldStep {
+    /** Number by which hours are incremented/decremented @default `1` */
+    hours?: number;
+    /** Number by which minutes are incremented/decremented @default `1` */
+    minutes?: number;
+    /** Number by which seconds are incremented/decremented @default `1` */
+    seconds?: number;
+}
+interface FieldPlaceholder {
+    /** Hours input placeholder, @default `--` */
+    hours?: string;
+    /** Minutes input placeholder, @default `--` */
+    minutes?: string;
+    /** Seconds input placeholder, @default `--` */
+    seconds?: string;
+}
+export interface TimePickerProps extends InputWrapperProps, InputBaseProps {
+    /** Determines whether the clear button should be displayed @default `false` */
+    clearable?: boolean;
+    /** `name` prop passed down to the hidden input */
+    name?: string;
+    /** Min possible time value in `hh:mm:ss` format @default `00:00:00` */
+    min?: string;
+    /** Max possible time value in `hh:mm:ss` format @default `23:59:59` */
+    max?: string;
+    /** Time format, @default `24h` */
+    format?: TimePickerFormat;
+    /** Number by which fields are incremented/decremented @default `1` */
+    step?: number | FieldStep;
+    /** Fields placeholder @default `--` */
+    placeholder?: string | FieldPlaceholder;
+    /** Determines whether the seconds input should be displayed @default `false` */
+    withSeconds?: boolean;
+    /** `aria-label` of hours input */
+    hoursInputLabel?: string;
+    /** `aria-label` of minutes input */
+    minutesInputLabel?: string;
+    /** `aria-label` of seconds input */
+    secondsInputLabel?: string;
+    /** `aria-label` of am/pm input @todo @deprecated */
+    amPmInputLabel?: string;
+    /** Labels used for am/pm values @default `{ am: 'AM', pm: 'PM' }` @todo @deprecated */
+    amPmLabels?: TimePickerAmPmLabels;
+    /** A function to transform pasted values, by default time in 24h format can be parsed on paste for example `23:34:22` */
+    pasteSplit?: TimePickerPasteSplit;
+    classes?: Classes<'root' | 'input' | 'section' | 'field'>;
+}
+type __VLS_Props = TimePickerProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_46: {}, __VLS_54: {}, __VLS_64: {}, __VLS_67: {}, __VLS_70: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_46) => any;
+} & {
+    rightSection?: (props: typeof __VLS_54) => any;
+} & {
+    label?: (props: typeof __VLS_64) => any;
+} & {
+    error?: (props: typeof __VLS_67) => any;
+} & {
+    description?: (props: typeof __VLS_70) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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/title.d.vue.ts

@@ -3,9 +3,9 @@ export interface TitleProps extends Omit<TextProps, 'is'> {
     order?: '1' | '2' | '3' | '4' | '5' | '6';
     textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/title.vue

@@ -18,7 +18,7 @@ const {
   variant: { type: String, required: false },
   fz: { type: null, required: false },
   lh: { type: String, required: false },
-  fw: { type: null, required: false },
+  fw: { type: void 0, required: false },
   c: { type: null, required: false },
   mod: { type: [Object, Array, null], required: false }
 });

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

@@ -3,9 +3,9 @@ export interface TitleProps extends Omit<TextProps, 'is'> {
     order?: '1' | '2' | '3' | '4' | '5' | '6';
     textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/tree/_ui/tree-root.d.vue.ts

@@ -18,9 +18,9 @@ type __VLS_ModelProps = {
     'expanded'?: TreeModels['expanded'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_15: {};
+declare var __VLS_18: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (path: string[]) => any;

package/dist/runtime/components/tree/_ui/tree-root.vue.d.ts

@@ -18,9 +18,9 @@ type __VLS_ModelProps = {
     'expanded'?: TreeModels['expanded'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_15: {};
+declare var __VLS_18: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (path: string[]) => any;

package/dist/runtime/components/visually-hidden/visually-hidden-input.d.vue.ts

@@ -4,21 +4,25 @@ export interface VisuallyHiddenInputProps extends VisuallyHiddenProps {
     required?: boolean;
     disabled?: boolean;
 }
-declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(VisuallyHiddenInputProps & {
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(VisuallyHiddenInputProps & {
         modelValue?: T;
     }) & {
         "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (evt: "update:modelValue", value: T | undefined) => void;
+    emit: (event: "update:modelValue", value: T | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/visually-hidden/visually-hidden-input.vue.d.ts

@@ -4,21 +4,25 @@ export interface VisuallyHiddenInputProps extends VisuallyHiddenProps {
     required?: boolean;
     disabled?: boolean;
 }
-declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(VisuallyHiddenInputProps & {
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(VisuallyHiddenInputProps & {
         modelValue?: T;
     }) & {
         "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (evt: "update:modelValue", value: T | undefined) => void;
+    emit: (event: "update:modelValue", value: T | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/visually-hidden/visually-hidden.d.vue.ts

@@ -2,9 +2,9 @@ import type { BoxProps } from '../box.vue.js';
 export interface VisuallyHiddenProps extends BoxProps {
     feature?: 'focusable' | 'fully-hidden';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/visually-hidden/visually-hidden.vue.d.ts

@@ -2,9 +2,9 @@ import type { BoxProps } from '../box.vue.js';
 export interface VisuallyHiddenProps extends BoxProps {
     feature?: 'focusable' | 'fully-hidden';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/composals/use-date-config.d.ts

@@ -2,6 +2,13 @@ import type { FormatOptions } from '@formkit/tempo';
 export type DateConfig = Omit<FormatOptions, 'date' | 'format'> & {
     firstDayOfWeek: number;
 };
+declare const Inject: () => {
+    firstDayOfWeek: number;
+    locale?: string;
+    genitive?: boolean;
+    tz?: string;
+    partFilter?: (part: import("@formkit/tempo").Part) => boolean;
+} | undefined;
 /**
  * Hook to provide the dates configuration in a root or parent component.
  * Necessary for initializing the configuration that will be used by child components.
@@ -16,11 +23,14 @@ export declare const useProvideDatesConfig: (state?: Partial<DateConfig> | undef
 /**
  * Hook to inject the dates configuration in a component.
  * Used in components that depend on the dates configuration.
+ *
+ * @param localValue merges new values with ctx with `defu`
  */
-export declare const useDatesConfig: () => {
+export declare function useDatesConfig(localValue?: ReturnType<typeof Inject>): {
     firstDayOfWeek: number;
     locale?: string;
     genitive?: boolean;
     tz?: string;
     partFilter?: (part: import("@formkit/tempo").Part) => boolean;
 };
+export {};

package/dist/runtime/composals/use-date-config.js

@@ -1,4 +1,5 @@
-import { createStrictInjection } from "@nui/helpers";
+import { createInjectionState } from "@vueuse/core";
+import defu from "defu";
 const injectionKey = Symbol("dates-config");
 function getFirstDayOfWeek(locale, forceDay) {
   if (forceDay)
@@ -12,12 +13,14 @@ function getFirstDayOfWeek(locale, forceDay) {
     return 1;
   }
 }
-const [Provide, Inject] = createStrictInjection((state) => ({
+const [Provide, Inject] = createInjectionState((state) => ({
   ...state,
   firstDayOfWeek: getFirstDayOfWeek(state?.locale, state?.firstDayOfWeek)
 }), {
-  injectionKey,
-  name: "DatesConfig"
+  injectionKey
 });
 export const useProvideDatesConfig = Provide;
-export const useDatesConfig = Inject;
+export function useDatesConfig(localValue) {
+  const injected = Inject();
+  return defu(localValue, injected);
+}

package/dist/runtime/helpers/date/create-months.d.ts

@@ -1,9 +1,3 @@
 import type { DateInput } from '@formkit/tempo';
 import type { DateConfig } from '@nui/composals';
-interface CreateMonthProps {
-    date: DateInput;
-    fixedWeeks?: boolean;
-    config: DateConfig;
-}
-export declare function createMonth({ date, fixedWeeks, config }: CreateMonthProps): string[][];
-export {};
+export declare function createMonth(date: DateInput, config: DateConfig, fixedWeeks?: boolean): string[][];

package/dist/runtime/helpers/date/create-months.js

@@ -1,7 +1,7 @@
 import { addDay, monthEnd, monthStart, weekEnd, weekStart } from "@formkit/tempo";
 import { chunk } from "@nui/utils";
 import { getDaysBetween } from "./get-days-between.js";
-export function createMonth({ date, fixedWeeks, config }) {
+export function createMonth(date, config, fixedWeeks) {
   const startOfMonth = monthStart(date);
   const endOfMonth = monthEnd(date);
   const start = weekStart(startOfMonth, config.firstDayOfWeek);

package/dist/runtime/helpers/date/get-days-between.js

@@ -3,7 +3,10 @@ export function getDaysBetween(start, end) {
   const days = [];
   let date = start;
   while (isBefore(date, end)) {
-    days.push(date.toISOString());
+    const year = date.getFullYear();
+    const month = `${date.getMonth() + 1}`.padStart(2, "0");
+    const day = `${date.getDate()}`.padStart(2, "0");
+    days.push(`${year}-${month}-${day}`);
     date = addDay(date, 1);
   }
   return days;

package/dist/runtime/types/index.d.ts

@@ -1,2 +1,2 @@
 export type * from './theme';
-export type DateStringValue = string;
+export type Classes<Key extends string, Value = string | string[]> = Partial<Record<Key, Value>>;