@sectile/vue 0.6.0 → 0.8.0

package/dist/data-tree-grid.js

@@ -0,0 +1,98 @@
+import { getCurrentScope, onScopeDispose, toValue, watch } from 'vue';
+import { connectDataTreeGrid } from '@sectile/dom/tabular';
+import { createDataTreeGrid, } from '@sectile/tabular/data-tree-grid';
+import { createTabularComponentSuite } from './internal/tabular-components.js';
+import { createTabularParts } from './internal/tabular-parts.js';
+import { aliasVueProfileController, controlledValues, createVueProfileController, useProfile, useProfileSource } from './internal/tabular-profile.js';
+const hosts = new WeakMap();
+export function defineDataTreeGridColumns(columns) { return columns; }
+export function useDataTreeGrid(options) {
+    for (const property of ['query', 'rowSelection', 'columnState', 'accessState', 'expansion', 'cursor', 'editState', 'columnSizeState'])
+        assertExclusive(options, property);
+    const semantic = createDataTreeGrid({
+        columns: stripColumns(toValue(options.columns)), ...(options.headers === undefined ? {} : { headers: toValue(options.headers) }), ...(options.limits === undefined ? {} : { limits: options.limits }), ...(options.isCellDisabled === undefined ? {} : { isCellDisabled: options.isCellDisabled }),
+        controlled: { query: options.query !== undefined, rowSelection: options.rowSelection !== undefined, columnState: options.columnState !== undefined, accessState: options.accessState !== undefined, expansion: options.expansion !== undefined },
+        initialValues: {
+            ...(options.query === undefined && options.defaultQuery === undefined ? {} : { query: options.query?.value ?? options.defaultQuery }),
+            ...(options.rowSelection === undefined && options.defaultRowSelection === undefined ? {} : { rowSelection: options.rowSelection?.value ?? options.defaultRowSelection }),
+            ...(options.columnState === undefined && options.defaultColumnState === undefined ? {} : { columnState: options.columnState?.value ?? options.defaultColumnState }),
+            ...(options.accessState === undefined && options.defaultAccessState === undefined ? {} : { accessState: options.accessState?.value ?? options.defaultAccessState }),
+            ...(options.expansion === undefined && options.defaultExpansion === undefined ? {} : { expansion: options.expansion?.value ?? options.defaultExpansion }),
+        },
+        ...(options.onQueryChange === undefined ? {} : { onQueryChange: options.onQueryChange }), ...(options.onRowSelectionChange === undefined ? {} : { onRowSelectionChange: options.onRowSelectionChange }), ...(options.onColumnStateChange === undefined ? {} : { onColumnStateChange: options.onColumnStateChange }), ...(options.onAccessStateChange === undefined ? {} : { onAccessStateChange: options.onAccessStateChange }), ...(options.onExpansionChange === undefined ? {} : { onExpansionChange: options.onExpansionChange }),
+    });
+    const base = createVueProfileController(semantic);
+    const notify = (before, after) => { if (before.cursor !== after.cursor)
+        options.onCursorChange?.(after.cursor); if (before.edit !== after.edit)
+        options.onEditStateChange?.(after.edit); };
+    const controller = Object.freeze({ ...base,
+        dispatch: (event, revision) => { const before = base.getSnapshot(); const result = base.dispatch(event, revision); if (result.ok)
+            notify(before, result.value.snapshot); return result; },
+        synchronizeView: (response) => { const before = base.getSnapshot(); const result = base.synchronizeView(response); if (result.ok)
+            notify(before, result.value); return result; },
+        syncControlledValues: (values) => { const before = base.getSnapshot(); const result = base.syncControlledValues(values); if (result.ok)
+            notify(before, result.value); return result; },
+        requestView: () => { const before = base.getSnapshot(); const result = base.requestView(); if (result.ok)
+            notify(before, result.value); return result; },
+        abandonRequest: (requestID) => { const before = base.getSnapshot(); const result = base.abandonRequest(requestID); if (result.ok)
+            notify(before, result.value); return result; },
+        getProjection: () => semantic.getProjection(), });
+    aliasVueProfileController(controller, base);
+    hosts.set(controller, Object.freeze({ ...(options.columnSizeState === undefined ? {} : { columnSizes: options.columnSizeState.value }), ...(options.defaultColumnSizeState === undefined ? {} : { defaultColumnSizes: options.defaultColumnSizeState }), ...(options.onColumnSizeStateChange === undefined ? {} : { onColumnSizesChange: options.onColumnSizeStateChange }) }));
+    if (options.initialView !== undefined)
+        unwrap(controller.synchronizeView(options.initialView));
+    const desiredCursor = options.cursor?.value ?? options.defaultCursor;
+    if (desiredCursor?.current !== null && desiredCursor?.current !== undefined && controller.getProjection().rows.length > 0)
+        unwrap(controller.dispatch({ type: 'focus-cell', cell: desiredCursor.current }));
+    const stops = [];
+    const sync = () => unwrap(controller.syncControlledValues(controlledValues(options)));
+    for (const source of [options.query, options.rowSelection, options.columnState, options.accessState, options.expansion])
+        if (source !== undefined)
+            stops.push(watch(() => source.value, sync));
+    if (options.sourceKey !== undefined)
+        stops.push(watch(() => toValue(options.sourceKey), () => { unwrap(controller.dispatch({ type: 'replace-source' })); }));
+    stops.push(watch(() => toValue(options.columns), () => { unwrap(controller.dispatch({ type: 'replace-source' })); }, { deep: false }));
+    if (options.cursor !== undefined)
+        stops.push(watch(() => options.cursor.value, (value) => { if (value.current !== null)
+            unwrap(controller.dispatch({ type: 'focus-cell', cell: value.current })); }));
+    if (options.editState !== undefined)
+        stops.push(watch(() => options.editState.value, (value) => { unwrap(controller.dispatch(value.kind === 'editing' ? { type: 'begin-edit', cell: value.cell } : { type: 'cancel-edit', reason: 'application' })); }));
+    const rawDispose = controller.dispose;
+    const wrapped = Object.freeze({ ...controller, dispose: () => { for (const stop of stops.splice(0))
+            stop(); rawDispose(); } });
+    aliasVueProfileController(wrapped, controller);
+    hosts.set(wrapped, hosts.get(controller) ?? {});
+    if (getCurrentScope() !== undefined)
+        onScopeDispose(wrapped.dispose);
+    return wrapped;
+}
+export function useDataTreeGridSource(controller, resolver, options) { return useProfileSource(controller, resolver, options); }
+const publicKey = Symbol('SectileDataTreeGrid');
+const privateKey = Symbol('SectileDataTreeGridHost');
+export function useDataTreeGridContext() { return useProfile(publicKey, 'useDataTreeGridContext'); }
+const parts = createTabularParts({ profile: 'data-tree-grid', prefix: 'DataTreeGrid', publicKey, privateKey, connect: (element, controller, callbacks) => connectDataTreeGrid({ controller: controller, root: element, ...hosts.get(controller), ...(callbacks.onCommand === undefined ? {} : { onCommand: callbacks.onCommand }), onSnapshotChange: callbacks.onSnapshotChange }) });
+const componentSuites = new WeakMap();
+export function createDataTreeGridComponents(controller) {
+    return createTabularComponentSuite(parts, controller, componentSuites, 'DataTreeGrid', {
+        Root: 'Root',
+        Header: 'Header',
+        HeaderRow: 'HeaderRow',
+        ColumnHeader: 'ColumnHeader',
+        SortTrigger: 'SortTrigger',
+        FilterControl: 'FilterControl',
+        ColumnResizeHandle: 'ColumnResizeHandle',
+        Body: 'Body',
+        Row: 'Row',
+        RowDisclosure: 'Disclosure',
+        RowSelectionControl: 'SelectionControl',
+        BulkSelectionControl: 'BulkSelectionControl',
+        Cell: 'Cell',
+        Editor: 'Editor',
+    });
+}
+function stripColumns(columns) { return columns.map(({ getValue: _getValue, groupValue: _groupValue, aggregate: _aggregate, ...column }) => Object.freeze(column)); }
+function assertExclusive(options, property) { const values = options; const fallback = `default${property[0].toUpperCase()}${property.slice(1)}`; if (values[property] !== undefined && values[fallback] !== undefined)
+    throw new TypeError(`${property} and ${fallback} are mutually exclusive.`); }
+function unwrap(result) { if (!result.ok)
+    throw new TypeError(result.error.message); return result.value; }
+//# sourceMappingURL=data-tree-grid.js.map

package/dist/data-tree-grid.js.map

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

package/dist/date-field.d.ts

@@ -1,4 +1,4 @@
-import { type DateFieldOptions } from '@sectile/dom/date-field';
+import { type DateFieldOptions } from '@sectile/dom/temporal/date-field';
 export type DateValue = NonNullable<DateFieldOptions['value']>;
 export interface DateFieldProps {
     readonly modelValue?: DateValue | null;
@@ -10,6 +10,5 @@ export interface DateFieldProps {
     readonly label?: string;
     readonly native?: boolean;
 }
-export declare const DateField: import("vue").DefineComponent<import("./internal/native-field.js").NativeFieldPublicProps<import("@sectile/temporal/date-field").DateValue>>;
+export declare const DateField: import("vue").DefineComponent<import("./internal/native-field.js").NativeFieldPublicProps<import("@sectile/temporal/date-field").DateValue, import("@sectile/temporal").DateFieldPolicies>>;
 export type DateFieldValueChangeHandler = (value: DateValue | null) => void;
-//# sourceMappingURL=date-field.d.ts.map

package/dist/date-field.js

@@ -1,5 +1,5 @@
 import {} from 'vue';
-import { createDateField, formatDateValue, } from '@sectile/dom/date-field';
+import { createDateField, formatDateValue, } from '@sectile/dom/temporal/date-field';
 import { createNativeFieldComponent } from './internal/native-field.js';
 export const DateField = createNativeFieldComponent({
     name: 'SectileDateField',

package/dist/date-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.js","sourceRoot":"","sources":["../src/date-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,KAAK,CAAC;AACpC,OAAO,EACL,eAAe,EACf,eAAe,GAGhB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,0BAA0B,EAAkC,MAAM,4BAA4B,CAAC;AAcxG,MAAM,CAAC,MAAM,SAAS,GAAG,0BAA0B,CAAY;IAC7D,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,SAAS;IACpB,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,YAAY;IACzB,WAAW,EAAE,eAAe;IAC5B,SAAS,EAAE,MAAoC;IAC/C,MAAM,EAAE,CAAC,OAA6C,EAAuB,EAAE,CAAC,eAAe,CAAC;QAC9F,GAAG,OAAO;QACV,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS;YAChC,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAqD,EAAE,CAAC;KACjF,CAAC;CACH,CAAC,CAAC"}
+{"version":3,"file":"date-field.js","sourceRoot":"","sources":["../src/date-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,KAAK,CAAC;AACpC,OAAO,EACL,eAAe,EACf,eAAe,GAGhB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAkC,MAAM,4BAA4B,CAAC;AAgBxG,MAAM,CAAC,MAAM,SAAS,GAAG,0BAA0B,CAA+B;IAChF,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,SAAS;IACpB,eAAe,EAAE,MAAM;IACvB,WAAW,EAAE,YAAY;IACzB,WAAW,EAAE,eAAe;IAC5B,SAAS,EAAE,MAAoC;IAC/C,MAAM,EAAE,CAAC,OAAgE,EAAuB,EAAE,CAAC,eAAe,CAAC;QACjH,GAAG,OAAO;QACV,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,SAAS;YAChC,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC;KACpC,CAAC;CACH,CAAC,CAAC"}

package/dist/date-picker.d.ts

@@ -1,7 +1,7 @@
-import type { DatePickerOptions } from '@sectile/dom/date-picker';
-import type { DateValue } from '@sectile/dom/date-field';
-import { type PickerCellSlotProps, type PickerMonthCellSlotProps, type PickerPartProps, type PickerRootSlotProps } from './internal/date-picker.js';
-export interface DatePickerRootProps {
+import type { DatePickerOptions } from '@sectile/dom/temporal/date-picker';
+import type { DateValue } from '@sectile/dom/temporal/date-field';
+import { type PickerCellSlotProps, type PickerMonthCellSlotProps, type PickerPartProps, type PickerPortalProps, type PickerPositionProps, type PickerRootSlotProps } from './internal/date-picker.js';
+export interface DatePickerRootProps extends PickerPartProps, PickerPositionProps {
     readonly modelValue?: DateValue | null;
     readonly defaultValue?: DateValue | null;
     readonly highlightedValue?: DateValue;
@@ -16,230 +16,46 @@ export interface DatePickerRootProps {
     readonly label?: string;
     readonly policies?: DatePickerOptions['policies'];
 }
-export declare const DatePickerRoot: 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;
-    };
-    referenceDate: {
-        type: import("vue").PropType<DateValue>;
-        default: undefined;
-    };
-    defaultView: {
-        type: import("vue").PropType<import("@sectile/temporal/calendar").CalendarViewMode>;
-        default: import("@sectile/temporal/calendar").CalendarViewMode;
-    };
-    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;
-    };
-    referenceDate: {
-        type: import("vue").PropType<DateValue>;
-        default: undefined;
-    };
-    defaultView: {
-        type: import("vue").PropType<import("@sectile/temporal/calendar").CalendarViewMode>;
-        default: import("@sectile/temporal/calendar").CalendarViewMode;
-    };
-    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;
-    referenceDate: DateValue;
-    defaultView: import("@sectile/temporal/calendar").CalendarViewMode;
-    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 declare const DatePickerRoot: import("./internal/date-picker.js").PickerRootComponent<"date">;
+export type DatePickerRootSlotProps = PickerRootSlotProps<DateValue | null>;
 export type DatePickerValueChangeHandler = NonNullable<InstanceType<typeof DatePickerRoot>['$props']['onUpdate:modelValue']>;
 export type DatePickerOpenChangeHandler = NonNullable<InstanceType<typeof DatePickerRoot>['$props']['onUpdate:open']>;
 export type DatePickerHighlightedValueChangeHandler = NonNullable<InstanceType<typeof DatePickerRoot>['$props']['onUpdate:highlightedValue']>;
-export declare const DatePickerTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    as: {
-        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
-        default: string;
+export declare const DatePickerTrigger: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerAnchor: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerPortal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    to: {
+        type: import("vue").PropType<string | HTMLElement>;
+        default: undefined;
     };
-    asChild: {
+    disabled: {
         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 DatePickerContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    as: {
-        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
-        default: string;
-    };
-    asChild: {
+    defer: {
         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 DatePickerGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    as: {
-        type: import("vue").PropType<import("./primitive.js").PrimitiveAs>;
-        default: string;
+    to: {
+        type: import("vue").PropType<string | HTMLElement>;
+        default: undefined;
     };
-    asChild: {
+    disabled: {
         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: {
+    defer: {
         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>;
+    to: string | HTMLElement;
+    disabled: boolean;
+    defer: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const DatePickerContent: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerGrid: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
 export declare const DatePickerCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: import("vue").PropType<DateValue>;
@@ -344,221 +160,13 @@ export declare const DatePickerInput: import("vue").DefineComponent<import("vue"
     as: import("./primitive.js").PrimitiveAs;
     asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export declare const DatePickerPreviousWeek: 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 DatePickerNextWeek: 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 DatePickerPreviousMonth: 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 DatePickerNextMonth: 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 DatePickerPreviousYear: 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 DatePickerNextYear: 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 DatePickerWeekViewTrigger: 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 DatePickerMonthViewTrigger: 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 DatePickerYearViewTrigger: 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, PickerCellSlotProps as DatePickerCellSlotProps, PickerMonthCellSlotProps as DatePickerMonthCellSlotProps, PickerPartProps as DatePickerPartProps, PickerRootSlotProps as DatePickerRootSlotProps };
-//# sourceMappingURL=date-picker.d.ts.map
+export declare const DatePickerPreviousWeek: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerNextWeek: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerPreviousMonth: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerNextMonth: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerPreviousYear: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerNextYear: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerWeekViewTrigger: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerMonthViewTrigger: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const DatePickerYearViewTrigger: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export type { DateValue, PickerCellSlotProps as DatePickerCellSlotProps, PickerMonthCellSlotProps as DatePickerMonthCellSlotProps, PickerPartProps as DatePickerPartProps, PickerPortalProps as DatePickerPortalProps };