ui-ingredients 0.0.36 → 0.0.38

package/dist/date-picker/content.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerContentProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(mergeProps(props, datePicker.getContentProps()));
 </script>

package/dist/date-picker/context.svelte.d.ts

@@ -1,8 +1,7 @@
-import { Context } from '../context.svelte.js';
 import type { DayTableCellProps, TableCellProps, TableProps, ViewProps } from '@zag-js/date-picker';
 import type { CreateDatePickerReturn } from './create-date-picker.svelte.js';
-export declare const datePickerContext: Context<CreateDatePickerReturn>;
-export declare const datePickerViewPropsContext: Context<ViewProps>;
-export declare const datePickerTablePropsContext: Context<TableProps>;
-export declare const datePickerTableCellPropsContext: Context<TableCellProps>;
-export declare const datePickerDayTableCellPropsContext: Context<DayTableCellProps>;
+export declare const getDatePickerContext: () => CreateDatePickerReturn, setDatePickerContext: (context: CreateDatePickerReturn | (() => CreateDatePickerReturn)) => void;
+export declare const getDatePickerViewPropsContext: () => ViewProps, setDatePickerViewPropsContext: (context: ViewProps | (() => ViewProps)) => void;
+export declare const getDatePickerTablePropsContext: () => TableProps, setDatePickerTablePropsContext: (context: TableProps | (() => TableProps)) => void;
+export declare const getDatePickerTableCellPropsContext: () => TableCellProps, setDatePickerTableCellPropsContext: (context: TableCellProps | (() => TableCellProps)) => void;
+export declare const getDatePickerDayTableCellPropsContext: () => DayTableCellProps, setDatePickerDayTableCellPropsContext: (context: DayTableCellProps | (() => DayTableCellProps)) => void;

package/dist/date-picker/context.svelte.js

@@ -1,6 +1,6 @@
-import { Context } from '../context.svelte.js';
-export const datePickerContext = new Context('DatePicker');
-export const datePickerViewPropsContext = new Context('DatePickerView');
-export const datePickerTablePropsContext = new Context('DatePickerTable');
-export const datePickerTableCellPropsContext = new Context('DatePickerTableCell');
-export const datePickerDayTableCellPropsContext = new Context('DatePickerDayTableCell');
+import { createContext } from '../create-context.svelte.js';
+export const [getDatePickerContext, setDatePickerContext] = createContext('DatePicker');
+export const [getDatePickerViewPropsContext, setDatePickerViewPropsContext] = createContext('DatePickerView');
+export const [getDatePickerTablePropsContext, setDatePickerTablePropsContext] = createContext('DatePickerTable');
+export const [getDatePickerTableCellPropsContext, setDatePickerTableCellPropsContext,] = createContext('DatePickerTableCell');
+export const [getDatePickerDayTableCellPropsContext, setDatePickerDayTableCellPropsContext,] = createContext('DatePickerDayTableCell');

package/dist/date-picker/control.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerControlProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(mergeProps(props, datePicker.getControlProps()));
 </script>

package/dist/date-picker/create-date-picker.svelte.js

@@ -7,9 +7,10 @@ import { parts } from './anatomy.js';
 export function createDatePicker(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
-    const [state, send] = useMachine(datePicker.machine({
+    const id = uid();
+    const context = $derived({
         ...props,
-        id: props.id ?? uid(),
+        id: props.id ?? id,
         dir: locale?.dir,
         min: props.min ? datePicker.parse(props.min) : undefined,
         max: props.max ? datePicker.parse(props.max) : undefined,
@@ -21,7 +22,8 @@ export function createDatePicker(props) {
         'open.controlled': props.open != null,
         locale: props.locale ?? locale?.locale,
         getRootNode: environment?.getRootNode,
-    }));
+    });
+    const [state, send] = useMachine(datePicker.machine(context), { context });
     const api = $derived(reflect(() => {
         const o = datePicker.connect(state, send, normalizeProps);
         return {

package/dist/date-picker/day-table-cell-trigger.svelte

@@ -10,15 +10,15 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerDayTableCellPropsContext,
+    getDatePickerContext,
+    getDatePickerDayTableCellPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerDayTableCellTriggerProps =
     $props();
 
-  let datePicker = datePickerContext.get();
-  let tableCellProps = datePickerDayTableCellPropsContext.get();
+  let datePicker = getDatePickerContext();
+  let tableCellProps = getDatePickerDayTableCellPropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getDayTableCellTriggerProps(tableCellProps)),

package/dist/date-picker/day-table-cell.svelte

@@ -14,13 +14,13 @@
   import {mergeProps} from '../merge-props.js';
   import {createSplitProps} from '@zag-js/utils';
   import {
-    datePickerContext,
-    datePickerDayTableCellPropsContext,
+    getDatePickerContext,
+    setDatePickerDayTableCellPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerDayTableCellProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let [tableCellProps, otherProps] = $derived(
     createSplitProps<DayTableCellProps>(['value', 'disabled', 'visibleRange'])(
@@ -36,7 +36,7 @@
     mergeProps(otherProps, datePicker.getDayTableCellProps(tableCellProps)),
   );
 
-  datePickerDayTableCellPropsContext.set(() => tableCellProps);
+  setDatePickerDayTableCellPropsContext(() => tableCellProps);
 </script>
 
 {#if asChild}

package/dist/date-picker/index.d.ts

@@ -28,3 +28,4 @@ export type { DatePickerYearSelectProps } from './year-select.svelte';
 export type { DatePickerYearTableCellTriggerProps } from './year-table-cell-trigger.svelte';
 export type { DatePickerYearTableCellProps } from './year-table-cell.svelte';
 export { anatomy as datePickerAnatomy } from './anatomy.js';
+export { getDatePickerContext } from './context.svelte.js';

package/dist/date-picker/index.js

@@ -1,2 +1,3 @@
 export * as DatePicker from './date-picker.js';
 export { anatomy as datePickerAnatomy } from './anatomy.js';
+export { getDatePickerContext } from './context.svelte.js';

package/dist/date-picker/input.svelte

@@ -10,11 +10,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {index, asChild, ...props}: DatePickerInputProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getInputProps({index})),

package/dist/date-picker/label.svelte

@@ -10,11 +10,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {index, asChild, children, ...props}: DatePickerLabelProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getLabelProps({index})),

package/dist/date-picker/month-select.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerMonthSelectProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getMonthSelectProps()),

package/dist/date-picker/month-table-cell-trigger.svelte

@@ -10,15 +10,15 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerTableCellPropsContext,
+    getDatePickerContext,
+    getDatePickerTableCellPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerMonthTableCellTriggerProps =
     $props();
 
-  let datePicker = datePickerContext.get();
-  let tableCellProps = datePickerTableCellPropsContext.get();
+  let datePicker = getDatePickerContext();
+  let tableCellProps = getDatePickerTableCellPropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getMonthTableCellTriggerProps(tableCellProps)),

package/dist/date-picker/month-table-cell.svelte

@@ -14,13 +14,13 @@
   import {mergeProps} from '../merge-props.js';
   import {createSplitProps} from '@zag-js/utils';
   import {
-    datePickerContext,
-    datePickerTableCellPropsContext,
+    getDatePickerContext,
+    setDatePickerTableCellPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerMonthTableCellProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let [tableCellProps, otherProps] = $derived(
     createSplitProps<TableCellProps>(['value', 'disabled', 'columns'])(props),
@@ -34,7 +34,7 @@
     mergeProps(otherProps, datePicker.getMonthTableCellProps(tableCellProps)),
   );
 
-  datePickerTableCellPropsContext.set(() => tableCellProps);
+  setDatePickerTableCellPropsContext(() => tableCellProps);
 </script>
 
 {#if asChild}

package/dist/date-picker/next-trigger.svelte

@@ -9,14 +9,14 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerViewPropsContext,
+    getDatePickerContext,
+    getDatePickerViewPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerNextTriggerProps = $props();
 
-  let datePicker = datePickerContext.get();
-  let viewProps = datePickerViewPropsContext.get();
+  let datePicker = getDatePickerContext();
+  let viewProps = getDatePickerViewPropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getNextTriggerProps(viewProps)),

package/dist/date-picker/positioner.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerPositionerProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getPositionerProps()),

package/dist/date-picker/preset-trigger.svelte

@@ -10,12 +10,12 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {value, asChild, children, ...props}: DatePickerPresetTriggerProps =
     $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getPresetTriggerProps({value})),

package/dist/date-picker/prev-trigger.svelte

@@ -9,14 +9,14 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerViewPropsContext,
+    getDatePickerContext,
+    getDatePickerViewPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerPrevTriggerProps = $props();
 
-  let datePicker = datePickerContext.get();
-  let viewProps = datePickerViewPropsContext.get();
+  let datePicker = getDatePickerContext();
+  let viewProps = getDatePickerViewPropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getPrevTriggerProps(viewProps)),

package/dist/date-picker/range-text.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerRangeTextProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(mergeProps(props, datePicker.getRangeTextProps()));
 </script>

package/dist/date-picker/root.svelte

@@ -17,7 +17,7 @@
   import {mergeProps} from '../merge-props.js';
   import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
-  import {datePickerContext} from './context.svelte.js';
+  import {setDatePickerContext} from './context.svelte.js';
   import {createDatePicker} from './create-date-picker.svelte.js';
 
   let {asChild, children, ...props}: DatePickerProps = $props();
@@ -59,7 +59,7 @@
 
   let mergedProps = $derived(mergeProps(otherProps, datePicker.getRootProps()));
 
-  datePickerContext.set(datePicker);
+  setDatePickerContext(datePicker);
 </script>
 
 {#if asChild}

package/dist/date-picker/table-body.svelte

@@ -9,14 +9,14 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerTablePropsContext,
+    getDatePickerContext,
+    getDatePickerTablePropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerTableBodyProps = $props();
 
-  let datePicker = datePickerContext.get();
-  let tableProps = datePickerTablePropsContext.get();
+  let datePicker = getDatePickerContext();
+  let tableProps = getDatePickerTablePropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getTableBodyProps(tableProps)),

package/dist/date-picker/table-head.svelte

@@ -9,14 +9,14 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerTablePropsContext,
+    getDatePickerContext,
+    getDatePickerTablePropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerTableHeadProps = $props();
 
-  let datePicker = datePickerContext.get();
-  let tableProps = datePickerTablePropsContext.get();
+  let datePicker = getDatePickerContext();
+  let tableProps = getDatePickerTablePropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getTableHeadProps(tableProps)),

package/dist/date-picker/table-header.svelte

@@ -9,14 +9,14 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerTablePropsContext,
+    getDatePickerContext,
+    getDatePickerTablePropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerTableHeaderProps = $props();
 
-  let datePicker = datePickerContext.get();
-  let tableProps = datePickerTablePropsContext.get();
+  let datePicker = getDatePickerContext();
+  let tableProps = getDatePickerTablePropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getTableHeaderProps(tableProps)),

package/dist/date-picker/table-row.svelte

@@ -9,14 +9,14 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerTablePropsContext,
+    getDatePickerContext,
+    getDatePickerTablePropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerTableRowProps = $props();
 
-  let datePicker = datePickerContext.get();
-  let tableProps = datePickerTablePropsContext.get();
+  let datePicker = getDatePickerContext();
+  let tableProps = getDatePickerTablePropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getTableRowProps(tableProps)),

package/dist/date-picker/table.svelte

@@ -11,23 +11,23 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerTablePropsContext,
-    datePickerViewPropsContext,
+    getDatePickerContext,
+    getDatePickerViewPropsContext,
+    setDatePickerTablePropsContext,
   } from './context.svelte.js';
 
   let {id, columns, asChild, children, ...props}: DatePickerTableProps =
     $props();
 
-  let datePicker = datePickerContext.get();
-  let viewProps = datePickerViewPropsContext.get();
+  let datePicker = getDatePickerContext();
+  let viewProps = getDatePickerViewPropsContext();
   let tableProps: TableProps = $derived({...viewProps, id, columns});
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getTableProps(tableProps)),
   );
 
-  datePickerTablePropsContext.set(() => tableProps);
+  setDatePickerTablePropsContext(() => tableProps);
 </script>
 
 {#if asChild}

package/dist/date-picker/trigger.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerTriggerProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(mergeProps(props, datePicker.getTriggerProps()));
 </script>

package/dist/date-picker/view-control.svelte

@@ -9,14 +9,14 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerViewPropsContext,
+    getDatePickerContext,
+    getDatePickerViewPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerViewControlProps = $props();
 
-  let datePicker = datePickerContext.get();
-  let viewProps = datePickerViewPropsContext.get();
+  let datePicker = getDatePickerContext();
+  let viewProps = getDatePickerViewPropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getViewControlProps(viewProps)),

package/dist/date-picker/view-trigger.svelte

@@ -9,14 +9,14 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerViewPropsContext,
+    getDatePickerContext,
+    getDatePickerViewPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerViewTriggerProps = $props();
 
-  let datePicker = datePickerContext.get();
-  let viewProps = datePickerViewPropsContext.get();
+  let datePicker = getDatePickerContext();
+  let viewProps = getDatePickerViewPropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getViewTriggerProps(viewProps)),

package/dist/date-picker/view.svelte

@@ -11,8 +11,8 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerViewPropsContext,
+    getDatePickerContext,
+    setDatePickerViewPropsContext,
   } from './context.svelte.js';
 
   let {
@@ -22,7 +22,7 @@
     ...props
   }: DatePickerViewProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let viewProps: ViewProps = $derived({view});
 
@@ -30,7 +30,7 @@
     mergeProps(props, datePicker.getViewProps(viewProps)),
   );
 
-  datePickerViewPropsContext.set(() => viewProps);
+  setDatePickerViewPropsContext(() => viewProps);
 </script>
 
 {#if asChild}

package/dist/date-picker/year-select.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {datePickerContext} from './context.svelte.js';
+  import {getDatePickerContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerYearSelectProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getYearSelectProps()),

package/dist/date-picker/year-table-cell-trigger.svelte

@@ -10,15 +10,15 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {
-    datePickerContext,
-    datePickerTableCellPropsContext,
+    getDatePickerContext,
+    getDatePickerTableCellPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerYearTableCellTriggerProps =
     $props();
 
-  let datePicker = datePickerContext.get();
-  let tableCellProps = datePickerTableCellPropsContext.get();
+  let datePicker = getDatePickerContext();
+  let tableCellProps = getDatePickerTableCellPropsContext();
 
   let mergedProps = $derived(
     mergeProps(props, datePicker.getYearTableCellTriggerProps(tableCellProps)),

package/dist/date-picker/year-table-cell.svelte

@@ -14,13 +14,13 @@
   import {mergeProps} from '../merge-props.js';
   import {createSplitProps} from '@zag-js/utils';
   import {
-    datePickerContext,
-    datePickerTableCellPropsContext,
+    getDatePickerContext,
+    setDatePickerTableCellPropsContext,
   } from './context.svelte.js';
 
   let {asChild, children, ...props}: DatePickerYearTableCellProps = $props();
 
-  let datePicker = datePickerContext.get();
+  let datePicker = getDatePickerContext();
 
   let [tableCellProps, otherProps] = $derived(
     createSplitProps<TableCellProps>(['value', 'disabled', 'columns'])(props),
@@ -34,7 +34,7 @@
     mergeProps(otherProps, datePicker.getYearTableCellProps(tableCellProps)),
   );
 
-  datePickerTableCellPropsContext.set(() => tableCellProps);
+  setDatePickerTableCellPropsContext(() => tableCellProps);
 </script>
 
 {#if asChild}

package/dist/dialog/backdrop.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {dialogContext} from './context.svelte.js';
+  import {getDialogContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DialogBackdropProps = $props();
 
-  let dialog = dialogContext.get();
+  let dialog = getDialogContext();
 
   let mergedProps = $derived(mergeProps(props, dialog.getBackdropProps()));
 </script>

package/dist/dialog/close-trigger.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {dialogContext} from './context.svelte.js';
+  import {getDialogContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DialogCloseTriggerProps = $props();
 
-  let dialog = dialogContext.get();
+  let dialog = getDialogContext();
 
   let mergedProps = $derived(mergeProps(props, dialog.getCloseTriggerProps()));
 </script>

package/dist/dialog/content.svelte

@@ -8,11 +8,11 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {dialogContext} from './context.svelte.js';
+  import {getDialogContext} from './context.svelte.js';
 
   let {asChild, children, ...props}: DialogContentProps = $props();
 
-  let dialog = dialogContext.get();
+  let dialog = getDialogContext();
 
   let mergedProps = $derived(mergeProps(props, dialog.getContentProps()));
 </script>