@sectile/vue 0.2.1

package/dist/window-splitter.d.ts

@@ -0,0 +1,204 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type PrimitiveAs } from './primitive.js';
+import { type SliderRootProps, type SliderSlotProps } from './slider.js';
+export type WindowSplitterRootProps = Omit<SliderRootProps, 'readonly' | 'role'>;
+export type WindowSplitterValueFormatter = NonNullable<WindowSplitterRootProps['formatValue']>;
+export interface WindowSplitterPaneProps {
+    readonly side: 'before' | 'after';
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export declare const WindowSplitterRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    pageStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    orientation: {
+        type: PropType<'horizontal' | 'vertical'>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    formatValue: {
+        type: PropType<WindowSplitterValueFormatter>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: string) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    pageStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    orientation: {
+        type: PropType<'horizontal' | 'vertical'>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    formatValue: {
+        type: PropType<WindowSplitterValueFormatter>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (_value: string) => any;
+}>, {
+    min: string | number;
+    max: string | number;
+    step: string | number;
+    modelValue: string | number;
+    defaultValue: string | number;
+    pageStep: number;
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+    label: string;
+    name: string;
+    form: string;
+    formatValue: (value: string) => string;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SliderSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type WindowSplitterValueChangeHandler = (value: string) => void;
+export declare const WindowSplitterPane: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    side: {
+        type: PropType<'before' | 'after'>;
+        required: true;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    side: {
+        type: PropType<'before' | 'after'>;
+        required: true;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const WindowSplitterHandle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: SliderSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=window-splitter.d.ts.map

package/dist/window-splitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-splitter.d.ts","sourceRoot":"","sources":["../src/window-splitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AACrG,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,aAAa,CAAC;AAGrB,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AACjF,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC;AAC/F,MAAM,WAAW,uBAAuB;IAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE;AAErI,eAAO,MAAM,kBAAkB;;QAGpB,IAAI;QAAoB,OAAO;;;QAAc,IAAI;QAAoB,OAAO;;;QAAiB,IAAI;QAAoB,OAAO;;;QACrH,IAAI;QAAoB,OAAO;;;QAA+B,IAAI;QAAoB,OAAO;;;QAC/F,IAAI;QAAU,OAAO;;;QAAuB,IAAI,EAAY,QAAQ,CAAC,YAAY,GAAG,UAAU,CAAC;QAAE,OAAO;;;QACxG,IAAI;QAAW,OAAO;;;QAAoB,IAAI;QAAU,OAAO;;;QACnE,IAAI;QAAU,OAAO;;;QAAuB,IAAI;QAAU,OAAO;;;QAC1D,IAAI,EAAc,QAAQ,CAAC,4BAA4B,CAAC;QAAE,OAAO;;;QAC1E,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAAsB,IAAI;QAAW,OAAO;;UAYzG,UAAU;kCAVgB,MAAM,KAAG,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aACjB,CAAC,KAAK,EAAE,eAAe,KAAK,UAAU;yEAoC5E,CAAC;AAEH,MAAM,MAAM,gCAAgC,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEvE,eAAO,MAAM,kBAAkB;;cAGH,QAAQ,CAAC,QAAQ,GAAG,OAAO,CAAC;;;;QAC9C,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAAsB,IAAI;QAAW,OAAO;;UAIzG,UAAU;;;;;;;;;;;;;;;;;aAFe,MAAM,UAAU;yEAWtD,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;yEAAc,CAAC"}

package/dist/window-splitter.js

@@ -0,0 +1,82 @@
+import { defineComponent, h, mergeProps } from 'vue';
+import { Primitive } from './primitive.js';
+import { SliderRoot, SliderThumb, SliderTrack, } from './slider.js';
+import { providePartContract } from './internal/part-contract.js';
+export const WindowSplitterRoot = defineComponent({
+    name: 'SectileWindowSplitterRoot', inheritAttrs: false,
+    props: {
+        min: { type: [Number, String], default: 0 }, max: { type: [Number, String], default: 100 }, step: { type: [Number, String], default: 1 },
+        modelValue: { type: [Number, String], default: undefined }, defaultValue: { type: [Number, String], default: 50 },
+        pageStep: { type: Number, default: 10 }, orientation: { type: String, default: 'horizontal' },
+        disabled: { type: Boolean, default: false }, label: { type: String, default: 'Resize panels' },
+        name: { type: String, default: undefined }, form: { type: String, default: undefined },
+        formatValue: { type: Function, default: undefined },
+        as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false },
+    },
+    emits: { 'update:modelValue': (_value) => true },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        providePartContract('window-splitter', { thumb: 'handle' });
+        const minimum = percentage(props.min, 'min');
+        const maximum = percentage(props.max, 'max');
+        if (minimum >= maximum)
+            throw new TypeError('WindowSplitterRoot min must be less than max.');
+        const constraintStyle = props.orientation === 'horizontal'
+            ? { position: 'absolute', insetBlock: '0', insetInlineStart: `${minimum}%`, insetInlineEnd: `${100 - maximum}%`, pointerEvents: 'none' }
+            : { position: 'absolute', insetInline: '0', insetBlockStart: `${minimum}%`, insetBlockEnd: `${100 - maximum}%`, pointerEvents: 'none' };
+        return () => h(SliderRoot, mergeProps(attrs, props, {
+            asChild: true,
+            role: 'separator', readonly: false,
+            'onUpdate:modelValue': (value) => emit('update:modelValue', value),
+        }), {
+            default: (state) => {
+                if (props.asChild)
+                    return slots['default']?.(state);
+                return h(Primitive, {
+                    as: props.as,
+                    style: {
+                        position: 'relative',
+                        '--sectile-window-splitter-percentage': `${state.value}%`,
+                    },
+                }, {
+                    default: () => [
+                        h(SliderTrack, {
+                            as: 'span',
+                            'aria-hidden': 'true',
+                            'data-constraint-track': '',
+                            style: constraintStyle,
+                        }),
+                        slots['default']?.(state),
+                    ],
+                });
+            },
+        });
+    },
+});
+export const WindowSplitterPane = defineComponent({
+    name: 'SectileWindowSplitterPane', inheritAttrs: false,
+    props: {
+        side: { type: String, required: true },
+        as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false },
+    },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild, 'data-scope': 'window-splitter', 'data-part': 'pane', 'data-side': props.side,
+            style: {
+                flexBasis: props.side === 'before'
+                    ? 'var(--sectile-window-splitter-percentage, var(--sectile-slider-percentage))'
+                    : 'calc(100% - var(--sectile-window-splitter-percentage, var(--sectile-slider-percentage)))',
+            },
+        }), { default: slots['default'] });
+    },
+});
+export const WindowSplitterHandle = SliderThumb;
+function percentage(value, name) {
+    const parsed = Number(value);
+    if (!Number.isFinite(parsed) || parsed < 0 || parsed > 100) {
+        throw new TypeError(`WindowSplitterRoot ${name} must be a percentage from 0 through 100.`);
+    }
+    return parsed;
+}
+//# sourceMappingURL=window-splitter.js.map

package/dist/window-splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-splitter.js","sourceRoot":"","sources":["../src/window-splitter.ts"],"names":[],"mappings":"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"}

package/dist/year-picker.d.ts

@@ -0,0 +1,353 @@
+import type { DatePickerOptions } from '@sectile/dom/date-picker';
+import type { DateValue } from '@sectile/dom/date-field';
+import { type PickerPartProps, type PickerRootSlotProps, type PickerYearCellSlotProps } from './internal/date-picker.js';
+export interface YearPickerRootProps {
+    readonly modelValue?: DateValue | null;
+    readonly defaultValue?: DateValue | null;
+    readonly highlightedValue?: DateValue;
+    readonly defaultHighlightedValue?: DateValue;
+    readonly open?: boolean;
+    readonly defaultOpen?: boolean;
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly required?: boolean;
+    readonly label?: string;
+    readonly policies?: DatePickerOptions['policies'];
+}
+export declare const YearPickerRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerValue>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerValue>;
+        default: null;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightedValue: {
+        type: import("vue").PropType<DateValue>;
+        default: undefined;
+    };
+    defaultHighlightedValue: {
+        type: import("vue").PropType<DateValue>;
+        default: undefined;
+    };
+    defaultView: {
+        type: import("vue").PropType<import("@sectile/core/date-picker").DatePickerViewMode>;
+        default: import("@sectile/core/date-picker").DatePickerViewMode;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    policies: {
+        type: import("vue").PropType<Readonly<Record<string, unknown>>>;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: import("./internal/date-picker.js").PickerValue) => boolean;
+    'update:open': (_value: boolean) => boolean;
+    'update:highlightedValue': (_value: DateValue) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerValue>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerValue>;
+        default: null;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightedValue: {
+        type: import("vue").PropType<DateValue>;
+        default: undefined;
+    };
+    defaultHighlightedValue: {
+        type: import("vue").PropType<DateValue>;
+        default: undefined;
+    };
+    defaultView: {
+        type: import("vue").PropType<import("@sectile/core/date-picker").DatePickerViewMode>;
+        default: import("@sectile/core/date-picker").DatePickerViewMode;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    policies: {
+        type: import("vue").PropType<Readonly<Record<string, unknown>>>;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:highlightedValue"?: (_value: DateValue) => any;
+    "onUpdate:modelValue"?: (_value: import("./internal/date-picker.js").PickerValue) => any;
+    "onUpdate:open"?: (_value: boolean) => any;
+}>, {
+    modelValue: import("./internal/date-picker.js").PickerValue;
+    defaultValue: import("./internal/date-picker.js").PickerValue;
+    open: boolean;
+    defaultOpen: boolean;
+    highlightedValue: DateValue;
+    defaultHighlightedValue: DateValue;
+    defaultView: import("@sectile/core/date-picker").DatePickerViewMode;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    label: string;
+    policies: Readonly<Record<string, unknown>>;
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type YearPickerValueChangeHandler = NonNullable<InstanceType<typeof YearPickerRoot>['$props']['onUpdate:modelValue']>;
+export type YearPickerOpenChangeHandler = NonNullable<InstanceType<typeof YearPickerRoot>['$props']['onUpdate:open']>;
+export type YearPickerHighlightedValueChangeHandler = NonNullable<InstanceType<typeof YearPickerRoot>['$props']['onUpdate:highlightedValue']>;
+export declare const YearPickerTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearPickerContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearPickerGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearPickerCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerYearValue>;
+        required: true;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<import("./internal/date-picker.js").PickerYearValue>;
+        required: true;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerYearCellSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearPickerInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    form: string;
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearPickerPreviousPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const YearPickerNextPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: import("./primitive.js").PrimitiveAs;
+    asChild: boolean;
+}, import("vue").SlotsType<{
+    default: (props: PickerRootSlotProps) => import("vue").VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type { DateValue as YearPickerValue, PickerPartProps as YearPickerPartProps, PickerRootSlotProps as YearPickerRootSlotProps, PickerYearCellSlotProps as YearPickerCellSlotProps, };
+//# sourceMappingURL=year-picker.d.ts.map

package/dist/year-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-picker.d.ts","sourceRoot":"","sources":["../src/year-picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAEa,KAAK,eAAe,EAAE,KAAK,mBAAmB,EAAE,KAAK,uBAAuB,EAC/F,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IACtC,QAAQ,CAAC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IAC7C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEAAwH,CAAC;AACpJ,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAC7H,MAAM,MAAM,2BAA2B,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;AACtH,MAAM,MAAM,uCAAuC,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC;AAC9I,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;yEAAgB,CAAC;AAC/C,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;yEAAgB,CAAC;AAC/C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;yEAAa,CAAC;AACzC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEAAwD,CAAC;AACpF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAAuD,CAAC;AACpF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;yEAAiF,CAAC;AACrH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;yEAAwE,CAAC;AAExG,YAAY,EACV,SAAS,IAAI,eAAe,EAC5B,eAAe,IAAI,mBAAmB,EACtC,mBAAmB,IAAI,uBAAuB,EAC9C,uBAAuB,IAAI,uBAAuB,GACnD,CAAC"}

package/dist/year-picker.js

@@ -0,0 +1,10 @@
+import { PickerContent, PickerGrid, PickerTrigger, createPickerInput, createPickerMove, createPickerYearCell, createPickerRoot, } from './internal/date-picker.js';
+export const YearPickerRoot = createPickerRoot('date', 'SectileYearPickerRoot', { scope: 'year-picker', granularity: 'year', defaultView: 'year' });
+export const YearPickerTrigger = PickerTrigger;
+export const YearPickerContent = PickerContent;
+export const YearPickerGrid = PickerGrid;
+export const YearPickerCell = createPickerYearCell('cell', 'SectileYearPickerCell');
+export const YearPickerInput = createPickerInput('input', 'SectileYearPickerInput');
+export const YearPickerPreviousPage = createPickerMove('year', -1, 'SectileYearPickerPreviousPage', 'previous-page');
+export const YearPickerNextPage = createPickerMove('year', 1, 'SectileYearPickerNextPage', 'next-page');
+//# sourceMappingURL=year-picker.js.map

package/dist/year-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-picker.js","sourceRoot":"","sources":["../src/year-picker.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,oBAAoB,EACnG,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAgBnC,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,EAAE,uBAAuB,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAIpJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC/C,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,oBAAoB,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,+BAA+B,EAAE,eAAe,CAAC,CAAC;AACrH,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,2BAA2B,EAAE,WAAW,CAAC,CAAC"}