npm - @skeletonlabs/skeleton-svelte - Versions diffs - 4.1.4 → 4.2.0 - Mend

@skeletonlabs/skeleton-svelte 4.1.4 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (592) hide show

package/dist/components/date-picker/anatomy/table.svelte CHANGED Viewed

@@ -1,13 +1,13 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DatePickerTableProps extends PropsWithElement<'table'>, HTMLAttributes<'table'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
-	import { ViewContext } from '../modules/view-context';
+	import { RootContext } from '../modules/root-context.js';
+	import { ViewContext } from '../modules/view-context.js';
 	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/date-picker/anatomy/table.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DatePickerTableProps extends PropsWithElement<'table'>, HTMLAttributes<'table'> {
 }
 declare const Table: import("svelte").Component<DatePickerTableProps, {}, "">;

package/dist/components/date-picker/anatomy/trigger.svelte CHANGED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DatePickerTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import CalendarIcon from '../../../internal/components/calendar.svelte';
 	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/date-picker/anatomy/trigger.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DatePickerTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
 }
 declare const Trigger: import("svelte").Component<DatePickerTriggerProps, {}, "">;

package/dist/components/date-picker/anatomy/view-control.svelte CHANGED Viewed

@@ -1,13 +1,13 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DatePickerViewControlProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
-	import { ViewContext } from '../modules/view-context';
+	import { RootContext } from '../modules/root-context.js';
+	import { ViewContext } from '../modules/view-context.js';
 	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/date-picker/anatomy/view-control.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DatePickerViewControlProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const ViewControl: import("svelte").Component<DatePickerViewControlProps, {}, "">;

package/dist/components/date-picker/anatomy/view-trigger.svelte CHANGED Viewed

@@ -1,13 +1,13 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DatePickerViewTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
-	import { ViewContext } from '../modules/view-context';
+	import { RootContext } from '../modules/root-context.js';
+	import { ViewContext } from '../modules/view-context.js';
 	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/date-picker/anatomy/view-trigger.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DatePickerViewTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
 }
 declare const ViewTrigger: import("svelte").Component<DatePickerViewTriggerProps, {}, "">;

package/dist/components/date-picker/anatomy/view.svelte CHANGED Viewed

@@ -1,14 +1,14 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	import type { ViewProps } from '@zag-js/date-picker';
 	export interface DatePickerViewProps extends ViewProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
-	import { ViewContext } from '../modules/view-context';
+	import { RootContext } from '../modules/root-context.js';
+	import { ViewContext } from '../modules/view-context.js';
 	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
 	import { splitViewProps } from '@zag-js/date-picker';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/date-picker/anatomy/view.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 import type { ViewProps } from '@zag-js/date-picker';
 export interface DatePickerViewProps extends ViewProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }

package/dist/components/date-picker/anatomy/year-select.svelte CHANGED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DatePickerYearSelectProps extends PropsWithElement<'select'>, HTMLAttributes<'select', 'children'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/date-picker/anatomy/year-select.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DatePickerYearSelectProps extends PropsWithElement<'select'>, HTMLAttributes<'select', 'children'> {
 }
 declare const YearSelect: import("svelte").Component<DatePickerYearSelectProps, {}, "">;

package/dist/components/date-picker/index.d.ts CHANGED Viewed

@@ -24,7 +24,7 @@ export type { DatePickerViewControlProps } from './anatomy/view-control.svelte';
 export type { DatePickerViewTriggerProps } from './anatomy/view-trigger.svelte';
 export type { DatePickerYearSelectProps } from './anatomy/year-select.svelte';
 export type { DateValue } from '@zag-js/date-picker';
-export { DatePicker } from './modules/anatomy';
+export { DatePicker } from './modules/anatomy.js';
 export { parse as parseDate } from '@zag-js/date-picker';
-export { useDatePicker } from './modules/provider.svelte';
+export { useDatePicker } from './modules/provider.svelte.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/date-picker/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-export { DatePicker } from './modules/anatomy';
+export { DatePicker } from './modules/anatomy.js';
 export { parse as parseDate } from '@zag-js/date-picker';
-export { useDatePicker } from './modules/provider.svelte';
+export { useDatePicker } from './modules/provider.svelte.js';

package/dist/components/date-picker/modules/anatomy.d.ts CHANGED Viewed

@@ -1,27 +1,27 @@
-export declare const DatePicker: import("svelte").Component<import("..").DatePickerRootProps, {}, ""> & {
-    Provider: import("svelte").Component<import("..").DatePickerRootProviderProps, {}, "">;
-    Context: import("svelte").Component<import("..").DatePickerRootContextProps, {}, "">;
-    Label: import("svelte").Component<import("..").DatePickerLabelProps, {}, "">;
-    Control: import("svelte").Component<import("..").DatePickerControlProps, {}, "">;
-    PresetTrigger: import("svelte").Component<import("..").DatePickerPresetTriggerProps, {}, "">;
-    Input: import("svelte").Component<import("..").DatePickerInputProps, {}, "">;
-    Trigger: import("svelte").Component<import("..").DatePickerTriggerProps, {}, "">;
-    Positioner: import("svelte").Component<import("..").DatePickerPositionerProps, {}, "">;
-    Content: import("svelte").Component<import("..").DatePickerContentProps, {}, "">;
-    YearSelect: import("svelte").Component<import("..").DatePickerYearSelectProps, {}, "">;
-    MonthSelect: import("svelte").Component<import("..").DatePickerMonthSelectProps, {}, "">;
-    View: import("svelte").Component<import("..").DatePickerViewProps, {}, "">;
-    ViewControl: import("svelte").Component<import("..").DatePickerViewControlProps, {}, "">;
-    PrevTrigger: import("svelte").Component<import("..").DatePickerPrevTriggerProps, {}, "">;
-    ViewTrigger: import("svelte").Component<import("..").DatePickerViewTriggerProps, {}, "">;
-    RangeText: import("svelte").Component<import("..").DatePickerRangeTextProps, {}, "">;
-    NextTrigger: import("svelte").Component<import("..").DatePickerNextTriggerProps, {}, "">;
-    Table: import("svelte").Component<import("..").DatePickerTableProps, {}, "">;
-    TableHead: import("svelte").Component<import("..").DatePickerTableHeadProps, {}, "">;
-    TableRow: import("svelte").Component<import("..").DatePickerTableRowProps, {}, "">;
-    TableHeader: import("svelte").Component<import("..").DatePickerTableHeaderProps, {}, "">;
-    TableBody: import("svelte").Component<import("..").DatePickerTableBodyProps, {}, "">;
-    TableCell: import("svelte").Component<import("..").DatePickerTableCellProps, {}, "">;
-    TableCellTrigger: import("svelte").Component<import("..").DatePickerTableCellTriggerProps, {}, "">;
+export declare const DatePicker: import("svelte").Component<import("../anatomy/root.svelte").DatePickerRootProps, {}, ""> & {
+    Provider: import("svelte").Component<import("../anatomy/root-provider.svelte").DatePickerRootProviderProps, {}, "">;
+    Context: import("svelte").Component<import("../anatomy/root-context.svelte").DatePickerRootContextProps, {}, "">;
+    Label: import("svelte").Component<import("../anatomy/label.svelte").DatePickerLabelProps, {}, "">;
+    Control: import("svelte").Component<import("../anatomy/control.svelte").DatePickerControlProps, {}, "">;
+    PresetTrigger: import("svelte").Component<import("../anatomy/preset-trigger.svelte").DatePickerPresetTriggerProps, {}, "">;
+    Input: import("svelte").Component<import("../anatomy/input.svelte").DatePickerInputProps, {}, "">;
+    Trigger: import("svelte").Component<import("../anatomy/trigger.svelte").DatePickerTriggerProps, {}, "">;
+    Positioner: import("svelte").Component<import("../anatomy/positioner.svelte").DatePickerPositionerProps, {}, "">;
+    Content: import("svelte").Component<import("../anatomy/content.svelte").DatePickerContentProps, {}, "">;
+    YearSelect: import("svelte").Component<import("../anatomy/year-select.svelte").DatePickerYearSelectProps, {}, "">;
+    MonthSelect: import("svelte").Component<import("../anatomy/month-select.svelte").DatePickerMonthSelectProps, {}, "">;
+    View: import("svelte").Component<import("../anatomy/view.svelte").DatePickerViewProps, {}, "">;
+    ViewControl: import("svelte").Component<import("../anatomy/view-control.svelte").DatePickerViewControlProps, {}, "">;
+    PrevTrigger: import("svelte").Component<import("../anatomy/prev-trigger.svelte").DatePickerPrevTriggerProps, {}, "">;
+    ViewTrigger: import("svelte").Component<import("../anatomy/view-trigger.svelte").DatePickerViewTriggerProps, {}, "">;
+    RangeText: import("svelte").Component<import("../anatomy/range-text.svelte").DatePickerRangeTextProps, {}, "">;
+    NextTrigger: import("svelte").Component<import("../anatomy/next-trigger.svelte").DatePickerNextTriggerProps, {}, "">;
+    Table: import("svelte").Component<import("../anatomy/table.svelte").DatePickerTableProps, {}, "">;
+    TableHead: import("svelte").Component<import("../anatomy/table-head.svelte").DatePickerTableHeadProps, {}, "">;
+    TableRow: import("svelte").Component<import("../anatomy/table-row.svelte").DatePickerTableRowProps, {}, "">;
+    TableHeader: import("svelte").Component<import("../anatomy/table-header.svelte").DatePickerTableHeaderProps, {}, "">;
+    TableBody: import("svelte").Component<import("../anatomy/table-body.svelte").DatePickerTableBodyProps, {}, "">;
+    TableCell: import("svelte").Component<import("../anatomy/table-cell.svelte").DatePickerTableCellProps, {}, "">;
+    TableCellTrigger: import("svelte").Component<import("../anatomy/table-cell-trigger.svelte").DatePickerTableCellTriggerProps, {}, "">;
 };
 //# sourceMappingURL=anatomy.d.ts.map

package/dist/components/date-picker/modules/root-context.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export declare const RootContext: {
     key: symbol;
-    consume(): () => import("@zag-js/date-picker").Api<import("@zag-js/svelte").PropTypes>;
-    provide(value: () => import("@zag-js/date-picker").Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/date-picker").Api<import("@zag-js/svelte").PropTypes>;
+    consume(): () => import("@zag-js/date-picker", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
+    provide(value: () => import("@zag-js/date-picker", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/date-picker", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
 };
 //# sourceMappingURL=root-context.d.ts.map

package/dist/components/date-picker/modules/root-context.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { createContext } from '../../../internal/create-context';
+import { createContext } from '../../../internal/create-context.js';
 export const RootContext = createContext();

package/dist/components/date-picker/modules/table-cell-context.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { Union } from '../../../internal/union';
+import type { Union } from '../../../internal/union.js';
 import type { DayTableCellProps, TableCellProps } from '@zag-js/date-picker';
 export declare const TableCellContext: {
     key: symbol;

package/dist/components/date-picker/modules/table-cell-context.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { createContext } from '../../../internal/create-context';
+import { createContext } from '../../../internal/create-context.js';
 export const TableCellContext = createContext();

package/dist/components/date-picker/modules/view-context.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { createContext } from '../../../internal/create-context';
+import { createContext } from '../../../internal/create-context.js';
 export const ViewContext = createContext(() => ({ view: 'day' }));

package/dist/components/dialog/anatomy/backdrop.svelte CHANGED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DialogBackdropProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'children'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesDialog } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/dialog/anatomy/backdrop.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DialogBackdropProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'children'> {
 }
 declare const Backdrop: import("svelte").Component<DialogBackdropProps, {}, "">;

package/dist/components/dialog/anatomy/close-trigger.svelte CHANGED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DialogCloseTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesDialog } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/dialog/anatomy/close-trigger.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DialogCloseTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
 }
 declare const CloseTrigger: import("svelte").Component<DialogCloseTriggerProps, {}, "">;

package/dist/components/dialog/anatomy/content.svelte CHANGED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DialogContentProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesDialog } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/dialog/anatomy/content.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DialogContentProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const Content: import("svelte").Component<DialogContentProps, {}, "">;

package/dist/components/dialog/anatomy/description.svelte CHANGED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DialogDescriptionProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesDialog } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/dialog/anatomy/description.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DialogDescriptionProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const Description: import("svelte").Component<DialogDescriptionProps, {}, "">;

package/dist/components/dialog/anatomy/positioner.svelte CHANGED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DialogPositionerProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesDialog } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/dialog/anatomy/positioner.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DialogPositionerProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const Positioner: import("svelte").Component<DialogPositionerProps, {}, "">;

package/dist/components/dialog/anatomy/root-context.svelte CHANGED Viewed

@@ -8,7 +8,7 @@
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	const props: DialogRootContextProps = $props();

package/dist/components/dialog/anatomy/root-context.svelte.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { Snippet } from 'svelte';
 export interface DialogRootContextProps {
     children: Snippet<[ReturnType<typeof useDialog>]>;
 }
-import { RootContext } from '../modules/root-context';
+import { RootContext } from '../modules/root-context.js';
 declare const RootContext: import("svelte").Component<DialogRootContextProps, {}, "">;
 type RootContext = ReturnType<typeof RootContext>;
 export default RootContext;

package/dist/components/dialog/anatomy/root-provider.svelte CHANGED Viewed

@@ -1,6 +1,6 @@
 <script lang="ts" module>
 	import type { useDialog } from '../modules/provider.svelte';
-	import type { PropsWithChildren } from '../../../internal/props-with-children';
+	import type { PropsWithChildren } from '../../../internal/props-with-children.js';
 	export interface DialogRootProviderProps extends PropsWithChildren {
 		value: ReturnType<typeof useDialog>;
@@ -8,7 +8,7 @@
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	const props: DialogRootProviderProps = $props();

package/dist/components/dialog/anatomy/root-provider.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { useDialog } from '../modules/provider.svelte';
-import type { PropsWithChildren } from '../../../internal/props-with-children';
+import type { PropsWithChildren } from '../../../internal/props-with-children.js';
 export interface DialogRootProviderProps extends PropsWithChildren {
     value: ReturnType<typeof useDialog>;
 }

package/dist/components/dialog/anatomy/root.svelte CHANGED Viewed

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-	import type { PropsWithChildren } from '../../../internal/props-with-children';
+	import type { PropsWithChildren } from '../../../internal/props-with-children.js';
 	import type { Props } from '@zag-js/dialog';
 	export interface DialogRootProps extends Omit<Props, 'id'>, PropsWithChildren {}
@@ -7,7 +7,7 @@
 <script lang="ts">
 	import { useDialog } from '../modules/provider.svelte';
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { splitProps } from '@zag-js/dialog';
 	const props: DialogRootProps = $props();

package/dist/components/dialog/anatomy/root.svelte.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from '../../../internal/props-with-children';
+import type { PropsWithChildren } from '../../../internal/props-with-children.js';
 import type { Props } from '@zag-js/dialog';
 export interface DialogRootProps extends Omit<Props, 'id'>, PropsWithChildren {
 }

package/dist/components/dialog/anatomy/title.svelte CHANGED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DialogTitleProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesDialog } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/dialog/anatomy/title.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DialogTitleProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
 }
 declare const Title: import("svelte").Component<DialogTitleProps, {}, "">;

package/dist/components/dialog/anatomy/trigger.svelte CHANGED Viewed

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-	import type { HTMLAttributes } from '../../../internal/html-attributes';
-	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+	import type { PropsWithElement } from '../../../internal/props-with-element.js';
 	export interface DialogTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
 </script>
 <script lang="ts">
-	import { RootContext } from '../modules/root-context';
+	import { RootContext } from '../modules/root-context.js';
 	import { classesDialog } from '@skeletonlabs/skeleton-common';
 	import { mergeProps } from '@zag-js/svelte';

package/dist/components/dialog/anatomy/trigger.svelte.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from '../../../internal/html-attributes';
-import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { HTMLAttributes } from '../../../internal/html-attributes.js';
+import type { PropsWithElement } from '../../../internal/props-with-element.js';
 export interface DialogTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
 }
 declare const Trigger: import("svelte").Component<DialogTriggerProps, {}, "">;

package/dist/components/dialog/index.d.ts CHANGED Viewed

@@ -8,6 +8,6 @@ export type { DialogRootContextProps } from './anatomy/root-context.svelte';
 export type { DialogRootProviderProps } from './anatomy/root-provider.svelte';
 export type { DialogTitleProps } from './anatomy/title.svelte';
 export type { DialogTriggerProps } from './anatomy/trigger.svelte';
-export { Dialog } from './modules/anatomy';
-export { useDialog } from './modules/provider.svelte';
+export { Dialog } from './modules/anatomy.js';
+export { useDialog } from './modules/provider.svelte.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { Dialog } from './modules/anatomy';
-export { useDialog } from './modules/provider.svelte';
+export { Dialog } from './modules/anatomy.js';
+export { useDialog } from './modules/provider.svelte.js';

package/dist/components/dialog/modules/anatomy.d.ts CHANGED Viewed

@@ -1,12 +1,12 @@
-export declare const Dialog: import("svelte").Component<import("..").DialogRootProps, {}, ""> & {
-    Provider: import("svelte").Component<import("..").DialogRootProviderProps, {}, "">;
-    Context: import("svelte").Component<import("..").DialogRootContextProps, {}, "">;
-    Trigger: import("svelte").Component<import("..").DialogTriggerProps, {}, "">;
-    Backdrop: import("svelte").Component<import("..").DialogBackdropProps, {}, "">;
-    Positioner: import("svelte").Component<import("..").DialogPositionerProps, {}, "">;
-    Content: import("svelte").Component<import("..").DialogContentProps, {}, "">;
-    Title: import("svelte").Component<import("..").DialogTitleProps, {}, "">;
-    Description: import("svelte").Component<import("..").DialogDescriptionProps, {}, "">;
-    CloseTrigger: import("svelte").Component<import("..").DialogCloseTriggerProps, {}, "">;
+export declare const Dialog: import("svelte").Component<import("../anatomy/root.svelte").DialogRootProps, {}, ""> & {
+    Provider: import("svelte").Component<import("../anatomy/root-provider.svelte").DialogRootProviderProps, {}, "">;
+    Context: import("svelte").Component<import("../anatomy/root-context.svelte").DialogRootContextProps, {}, "">;
+    Trigger: import("svelte").Component<import("../anatomy/trigger.svelte").DialogTriggerProps, {}, "">;
+    Backdrop: import("svelte").Component<import("../anatomy/backdrop.svelte").DialogBackdropProps, {}, "">;
+    Positioner: import("svelte").Component<import("../anatomy/positioner.svelte").DialogPositionerProps, {}, "">;
+    Content: import("svelte").Component<import("../anatomy/content.svelte").DialogContentProps, {}, "">;
+    Title: import("svelte").Component<import("../anatomy/title.svelte").DialogTitleProps, {}, "">;
+    Description: import("svelte").Component<import("../anatomy/description.svelte").DialogDescriptionProps, {}, "">;
+    CloseTrigger: import("svelte").Component<import("../anatomy/close-trigger.svelte").DialogCloseTriggerProps, {}, "">;
 };
 //# sourceMappingURL=anatomy.d.ts.map

package/dist/components/dialog/modules/root-context.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export declare const RootContext: {
     key: symbol;
-    consume(): () => import("@zag-js/dialog").Api<import("@zag-js/svelte").PropTypes>;
-    provide(value: () => import("@zag-js/dialog").Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/dialog").Api<import("@zag-js/svelte").PropTypes>;
+    consume(): () => import("@zag-js/dialog", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
+    provide(value: () => import("@zag-js/dialog", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>): () => import("@zag-js/dialog", { with: { "resolution-mode": "require" } }).Api<import("@zag-js/svelte").PropTypes>;
 };
 //# sourceMappingURL=root-context.d.ts.map

package/dist/components/dialog/modules/root-context.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { createContext } from '../../../internal/create-context';
+import { createContext } from '../../../internal/create-context.js';
 export const RootContext = createContext();