@destyler-ui/svelte 0.0.1-beta.17

package/dist/components/tooltip/components/Arrow.d.svelte.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipArrowBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TooltipArrowProps extends Assign<HTMLProps<'div'>, TooltipArrowBaseProps> {
+}
+declare const Arrow: import("svelte").Component<TooltipArrowProps, {}, "">;
+type Arrow = ReturnType<typeof Arrow>;
+export default Arrow;

package/dist/components/tooltip/components/Arrow.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface TooltipArrowBaseProps extends PolymorphicProps<'div'> {}
+  export interface TooltipArrowProps extends Assign<HTMLProps<'div'>, TooltipArrowBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useTooltipContext } from '../hooks/use-tooltip-context'
+
+  const props: TooltipArrowProps = $props()
+  const tooltip = useTooltipContext()
+  const mergedProps = $derived(mergeProps(tooltip().getArrowProps(), props))
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/tooltip/components/Arrow.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipArrowBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TooltipArrowProps extends Assign<HTMLProps<'div'>, TooltipArrowBaseProps> {
+}
+declare const Arrow: import("svelte").Component<TooltipArrowProps, {}, "">;
+type Arrow = ReturnType<typeof Arrow>;
+export default Arrow;

package/dist/components/tooltip/components/ArrowTip.d.svelte.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipArrowTipBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TooltipArrowTipProps extends Assign<HTMLProps<'div'>, TooltipArrowTipBaseProps> {
+}
+declare const ArrowTip: import("svelte").Component<TooltipArrowTipProps, {}, "">;
+type ArrowTip = ReturnType<typeof ArrowTip>;
+export default ArrowTip;

package/dist/components/tooltip/components/ArrowTip.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface TooltipArrowTipBaseProps extends PolymorphicProps<'div'> {}
+  export interface TooltipArrowTipProps extends Assign<HTMLProps<'div'>, TooltipArrowTipBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useTooltipContext } from '../hooks/use-tooltip-context'
+
+  const props: TooltipArrowTipProps = $props()
+  const tooltip = useTooltipContext()
+  const mergedProps = $derived(mergeProps(tooltip().getArrowTipProps(), props))
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/tooltip/components/ArrowTip.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipArrowTipBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TooltipArrowTipProps extends Assign<HTMLProps<'div'>, TooltipArrowTipBaseProps> {
+}
+declare const ArrowTip: import("svelte").Component<TooltipArrowTipProps, {}, "">;
+type ArrowTip = ReturnType<typeof ArrowTip>;
+export default ArrowTip;

package/dist/components/tooltip/components/Content.d.svelte.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipContentBaseProps extends PolymorphicProps<'div'> {
+    ref?: Element | null;
+}
+export interface TooltipContentProps extends Assign<HTMLProps<'div'>, TooltipContentBaseProps> {
+}
+declare const Content: import("svelte").Component<TooltipContentProps, {}, "ref">;
+type Content = ReturnType<typeof Content>;
+export default Content;

package/dist/components/tooltip/components/Content.svelte

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface TooltipContentBaseProps extends PolymorphicProps<'div'> {
+    ref?: Element | null
+  }
+  export interface TooltipContentProps extends Assign<HTMLProps<'div'>, TooltipContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { untrack } from 'svelte'
+  import { UI } from '../../factory'
+  import { usePresenceContext } from '../../presence'
+  import { useTooltipContext } from '../hooks/use-tooltip-context'
+
+  let { ref = $bindable<Element | null>(), ...props }: TooltipContentProps = $props()
+
+  const tooltip = useTooltipContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(tooltip().getContentProps(), presence().getPresenceProps(), props))
+
+  function setNode(node: Element | null) {
+    ref = node
+    untrack(() => presence().setNode(node))
+  }
+</script>
+
+{#if !presence().unmounted}
+  <UI as="div" {...mergedProps} {@attach setNode} />
+{/if}

package/dist/components/tooltip/components/Content.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipContentBaseProps extends PolymorphicProps<'div'> {
+    ref?: Element | null;
+}
+export interface TooltipContentProps extends Assign<HTMLProps<'div'>, TooltipContentBaseProps> {
+}
+declare const Content: import("svelte").Component<TooltipContentProps, {}, "ref">;
+type Content = ReturnType<typeof Content>;
+export default Content;

package/dist/components/tooltip/components/Context.d.svelte.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseTooltipContext } from '../hooks/use-tooltip-context.js';
+export interface TooltipContextProps {
+    render?: Snippet<[UseTooltipContext]>;
+}
+declare const Context: import("svelte").Component<TooltipContextProps, {}, "">;
+type Context = ReturnType<typeof Context>;
+export default Context;

package/dist/components/tooltip/components/Context.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseTooltipContext } from '../hooks/use-tooltip-context'
+
+  export interface TooltipContextProps {
+    render?: Snippet<[UseTooltipContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useTooltipContext } from '../hooks/use-tooltip-context'
+
+  const { render }: TooltipContextProps = $props()
+
+  const context = useTooltipContext()
+</script>
+
+{@render render?.(context)}

package/dist/components/tooltip/components/Context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseTooltipContext } from '../hooks/use-tooltip-context.js';
+export interface TooltipContextProps {
+    render?: Snippet<[UseTooltipContext]>;
+}
+declare const Context: import("svelte").Component<TooltipContextProps, {}, "">;
+type Context = ReturnType<typeof Context>;
+export default Context;

package/dist/components/tooltip/components/Positioner.d.svelte.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipPositionerBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TooltipPositionerProps extends Assign<HTMLProps<'div'>, TooltipPositionerBaseProps> {
+}
+declare const Positioner: import("svelte").Component<TooltipPositionerProps, {}, "">;
+type Positioner = ReturnType<typeof Positioner>;
+export default Positioner;

package/dist/components/tooltip/components/Positioner.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface TooltipPositionerBaseProps extends PolymorphicProps<'div'> {}
+  export interface TooltipPositionerProps extends Assign<HTMLProps<'div'>, TooltipPositionerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { usePresenceContext } from '../../presence'
+  import { useTooltipContext } from '../hooks/use-tooltip-context'
+
+  const props: TooltipPositionerProps = $props()
+  const tooltip = useTooltipContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(tooltip().getPositionerProps(), props))
+</script>
+
+{#if !presence().unmounted}
+  <UI as="div" {...mergedProps} />
+{/if}

package/dist/components/tooltip/components/Positioner.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipPositionerBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TooltipPositionerProps extends Assign<HTMLProps<'div'>, TooltipPositionerBaseProps> {
+}
+declare const Positioner: import("svelte").Component<TooltipPositionerProps, {}, "">;
+type Positioner = ReturnType<typeof Positioner>;
+export default Positioner;

package/dist/components/tooltip/components/Root.d.svelte.ts

@@ -0,0 +1,12 @@
+import type { Snippet } from 'svelte';
+import type { Optional } from '../../../types.js';
+import type { UsePresenceProps } from '../../presence/index.js';
+import type { UseTooltipProps } from '../hooks/use-tooltip.svelte.js';
+export interface TooltipRootBaseProps extends Optional<UseTooltipProps, 'id'>, UsePresenceProps {
+}
+export interface TooltipRootProps extends TooltipRootBaseProps {
+    children?: Snippet;
+}
+declare const Root: import("svelte").Component<TooltipRootProps, {}, "open">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/tooltip/components/Root.svelte

@@ -0,0 +1,46 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { Optional } from '../../../types'
+  import type { UsePresenceProps } from '../../presence'
+  import type { UseTooltipProps } from '../hooks/use-tooltip.svelte'
+
+  export interface TooltipRootBaseProps extends Optional<UseTooltipProps, 'id'>, UsePresenceProps {}
+  export interface TooltipRootProps extends TooltipRootBaseProps {
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { PresenceProvider, splitPresenceProps, usePresence } from '../../presence'
+  import { TooltipProvider } from '../hooks/use-tooltip-context'
+  import { useTooltip } from '../hooks/use-tooltip.svelte'
+
+  let { open = $bindable(), ...props }: TooltipRootProps = $props()
+  const providedId = $props.id()
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props))
+  const { children, ...useTooltipProps } = $derived(localProps)
+
+  const resolvedProps = $derived<UseTooltipProps>({
+    ...useTooltipProps,
+    id: useTooltipProps.id ?? providedId,
+    open,
+    onOpenChange(details) {
+      useTooltipProps.onOpenChange?.(details)
+      if (open !== undefined) open = details.open
+    },
+  })
+
+  const tooltip = useTooltip(() => resolvedProps)
+  const machineProps = $derived<UsePresenceProps>(
+    mergeProps({ present: tooltip().open }, presenceProps),
+  )
+
+  const presence = usePresence(() => machineProps)
+
+  TooltipProvider(tooltip)
+  PresenceProvider(() => presence())
+</script>
+
+{@render children?.()}

package/dist/components/tooltip/components/Root.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Snippet } from 'svelte';
+import type { Optional } from '../../../types.js';
+import type { UsePresenceProps } from '../../presence/index.js';
+import type { UseTooltipProps } from '../hooks/use-tooltip.svelte.js';
+export interface TooltipRootBaseProps extends Optional<UseTooltipProps, 'id'>, UsePresenceProps {
+}
+export interface TooltipRootProps extends TooltipRootBaseProps {
+    children?: Snippet;
+}
+declare const Root: import("svelte").Component<TooltipRootProps, {}, "open">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/tooltip/components/RootProvider.d.svelte.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+import type { UsePresenceProps } from '../../presence/index.js';
+import type { UseTooltipReturn } from '../hooks/use-tooltip.svelte.js';
+interface RootProviderProps {
+    value: UseTooltipReturn;
+}
+export interface TooltipRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+}
+export interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
+    children?: Snippet;
+}
+declare const RootProvider: import("svelte").Component<TooltipRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

package/dist/components/tooltip/components/RootProvider.svelte

@@ -0,0 +1,35 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UsePresenceProps } from '../../presence'
+  import type { UseTooltipReturn } from '../hooks/use-tooltip.svelte'
+
+  interface RootProviderProps {
+    value: UseTooltipReturn
+  }
+
+  export interface TooltipRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+  export interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { PresenceProvider, splitPresenceProps, usePresence } from '../../presence'
+  import { TooltipProvider } from '../hooks/use-tooltip-context'
+
+  const props: TooltipRootProviderProps = $props()
+
+  const [presenceProps, rootProviderProps] = $derived(splitPresenceProps(props))
+
+  const machineProps = $derived<UsePresenceProps>(
+    mergeProps({ present: rootProviderProps.value().open }, presenceProps),
+  )
+
+  const presence = usePresence(() => machineProps)
+
+  TooltipProvider(() => rootProviderProps.value())
+  PresenceProvider(() => presence())
+</script>
+
+{@render props.children?.()}

package/dist/components/tooltip/components/RootProvider.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+import type { UsePresenceProps } from '../../presence/index.js';
+import type { UseTooltipReturn } from '../hooks/use-tooltip.svelte.js';
+interface RootProviderProps {
+    value: UseTooltipReturn;
+}
+export interface TooltipRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+}
+export interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {
+    children?: Snippet;
+}
+declare const RootProvider: import("svelte").Component<TooltipRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

package/dist/components/tooltip/components/Trigger.d.svelte.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface TooltipTriggerProps extends Assign<HTMLProps<'button'>, TooltipTriggerBaseProps> {
+}
+declare const Trigger: import("svelte").Component<TooltipTriggerProps, {}, "">;
+type Trigger = ReturnType<typeof Trigger>;
+export default Trigger;

package/dist/components/tooltip/components/Trigger.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface TooltipTriggerBaseProps extends PolymorphicProps<'button'> {}
+  export interface TooltipTriggerProps extends Assign<HTMLProps<'button'>, TooltipTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useTooltipContext } from '../hooks/use-tooltip-context'
+
+  const props: TooltipTriggerProps = $props()
+  const tooltip = useTooltipContext()
+  const mergedProps = $derived(mergeProps(tooltip().getTriggerProps(), props))
+</script>
+
+<UI as="button" {...mergedProps} />

package/dist/components/tooltip/components/Trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TooltipTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface TooltipTriggerProps extends Assign<HTMLProps<'button'>, TooltipTriggerBaseProps> {
+}
+declare const Trigger: import("svelte").Component<TooltipTriggerProps, {}, "">;
+type Trigger = ReturnType<typeof Trigger>;
+export default Trigger;

package/dist/components/tooltip/hooks/use-tooltip-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseTooltipReturn } from './use-tooltip.svelte.js';
+export interface UseTooltipContext extends UseTooltipReturn {
+}
+export declare const TooltipProvider: (value: UseTooltipContext) => void, useTooltipContext: import("../../../utils/create-context.js").RequiredContextConsumer<UseTooltipContext>;

package/dist/components/tooltip/hooks/use-tooltip-context.js

@@ -0,0 +1,4 @@
+import { createContext } from '../../../utils/create-context.js';
+export const [TooltipProvider, useTooltipContext] = createContext({
+    name: 'TooltipContext',
+});

package/dist/components/tooltip/hooks/use-tooltip.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Accessor } from '../../../types.js';
+import type { PropTypes } from '@destyler/svelte';
+import type { MaybeFunction } from '@destyler/utils';
+import * as tooltip from '@destyler/tooltip';
+export interface UseTooltipProps extends Omit<tooltip.Context, 'dir' | 'getRootNode' | 'open.controlled' | 'id'> {
+    id: string;
+    defaultOpen?: tooltip.Context['open'];
+}
+export interface UseTooltipReturn extends Accessor<tooltip.Api<PropTypes>> {
+}
+export declare function useTooltip(props: MaybeFunction<UseTooltipProps>): UseTooltipReturn;

package/dist/components/tooltip/hooks/use-tooltip.svelte.js

@@ -0,0 +1,26 @@
+import { useMachine } from '../../../hooks/use-destyler-machine.svelte.js';
+import { useEnvironmentContext } from '../../../providers/environment/index.js';
+import { useLocaleContext } from '../../../providers/locale/index.js';
+import { createMachineProps } from '../../../utils/create-machine-props.js';
+import { normalizeProps } from '../../../utils/normalize-props.js';
+import * as tooltip from '@destyler/tooltip';
+import { runIfFn } from '@destyler/utils';
+export function useTooltip(props) {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return createMachineProps({
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        }, { open: 'defaultOpen' }, ['open']);
+    });
+    const [state, send] = useMachine(() => tooltip.machine(machineProps.initial), {
+        get context() {
+            return machineProps.context;
+        },
+    });
+    const api = $derived(tooltip.connect(state, send, normalizeProps));
+    return () => api;
+}

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,13 @@
+export { tooltipAnatomy } from './anatomy.js';
+export { default as TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps } from './components/Arrow.svelte';
+export { default as TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps, } from './components/ArrowTip.svelte';
+export { default as TooltipContent, type TooltipContentBaseProps, type TooltipContentProps, } from './components/Content.svelte';
+export { default as TooltipContext, type TooltipContextProps } from './components/Context.svelte';
+export { default as TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps, } from './components/Positioner.svelte';
+export { default as TooltipRoot, type TooltipRootBaseProps, type TooltipRootProps } from './components/Root.svelte';
+export { default as TooltipRootProvider, type TooltipRootProviderBaseProps, type TooltipRootProviderProps, } from './components/RootProvider.svelte';
+export { default as TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps, } from './components/Trigger.svelte';
+export { useTooltipContext, type UseTooltipContext } from './hooks/use-tooltip-context.js';
+export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './hooks/use-tooltip.svelte.js';
+export * as Tooltip from './namespace.js';
+export type { OpenChangeDetails as TooltipOpenChangeDetails } from '@destyler/tooltip';

package/dist/components/tooltip/index.js

@@ -0,0 +1,12 @@
+export { tooltipAnatomy } from './anatomy.js';
+export { default as TooltipArrow } from './components/Arrow.svelte';
+export { default as TooltipArrowTip, } from './components/ArrowTip.svelte';
+export { default as TooltipContent, } from './components/Content.svelte';
+export { default as TooltipContext } from './components/Context.svelte';
+export { default as TooltipPositioner, } from './components/Positioner.svelte';
+export { default as TooltipRoot } from './components/Root.svelte';
+export { default as TooltipRootProvider, } from './components/RootProvider.svelte';
+export { default as TooltipTrigger, } from './components/Trigger.svelte';
+export { useTooltipContext } from './hooks/use-tooltip-context.js';
+export { useTooltip } from './hooks/use-tooltip.svelte.js';
+export * as Tooltip from './namespace.js';

package/dist/components/tooltip/namespace.d.ts

@@ -0,0 +1,9 @@
+export { default as Arrow, type TooltipArrowBaseProps as ArrowBaseProps, type TooltipArrowProps as ArrowProps, } from './components/Arrow.svelte';
+export { default as ArrowTip, type TooltipArrowTipBaseProps as ArrowTipBaseProps, type TooltipArrowTipProps as ArrowTipProps, } from './components/ArrowTip.svelte';
+export { default as Content, type TooltipContentBaseProps as ContentBaseProps, type TooltipContentProps as ContentProps, } from './components/Content.svelte';
+export { default as Context, type TooltipContextProps as ContextProps } from './components/Context.svelte';
+export { default as Positioner, type TooltipPositionerBaseProps as PositionerBaseProps, type TooltipPositionerProps as PositionerProps, } from './components/Positioner.svelte';
+export { default as Root, type TooltipRootBaseProps as RootBaseProps, type TooltipRootProps as RootProps, } from './components/Root.svelte';
+export { default as RootProvider, type TooltipRootProviderBaseProps as RootProviderBaseProps, type TooltipRootProviderProps as RootProviderProps, } from './components/RootProvider.svelte';
+export { default as Trigger, type TooltipTriggerBaseProps as TriggerBaseProps, type TooltipTriggerProps as TriggerProps, } from './components/Trigger.svelte';
+export type { OpenChangeDetails } from '@destyler/tooltip';

package/dist/components/tooltip/namespace.js

@@ -0,0 +1,8 @@
+export { default as Arrow, } from './components/Arrow.svelte';
+export { default as ArrowTip, } from './components/ArrowTip.svelte';
+export { default as Content, } from './components/Content.svelte';
+export { default as Context } from './components/Context.svelte';
+export { default as Positioner, } from './components/Positioner.svelte';
+export { default as Root, } from './components/Root.svelte';
+export { default as RootProvider, } from './components/RootProvider.svelte';
+export { default as Trigger, } from './components/Trigger.svelte';

package/dist/components/tour/anatomy.d.ts

@@ -0,0 +1 @@
+export declare const tourAnatomy: import("@destyler/anatomy").AnatomyInstance<"title" | "content" | "control" | "positioner" | "backdrop" | "closeTrigger" | "description" | "arrow" | "actionTrigger" | "progressText" | "arrowTip" | "spotlight">;

package/dist/components/tour/anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from '@destyler/tour';
+export const tourAnatomy = anatomy.extendWith('control');

package/dist/components/tour/components/ActionTrigger.d.svelte.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { StepActionTriggerProps } from '@destyler/tour';
+export interface TourActionTriggerBaseProps extends StepActionTriggerProps, PolymorphicProps<'button'> {
+}
+export interface TourActionTriggerProps extends Assign<HTMLProps<'button'>, TourActionTriggerBaseProps> {
+}
+declare const ActionTrigger: import("svelte").Component<TourActionTriggerProps, {}, "">;
+type ActionTrigger = ReturnType<typeof ActionTrigger>;
+export default ActionTrigger;

package/dist/components/tour/components/ActionTrigger.svelte

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+  import type { StepActionTriggerProps } from '@destyler/tour'
+
+  export interface TourActionTriggerBaseProps extends StepActionTriggerProps, PolymorphicProps<'button'> {}
+  export interface TourActionTriggerProps extends Assign<HTMLProps<'button'>, TourActionTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../../utils/create-split-props'
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useTourContext } from '../hooks/use-tour-context'
+
+  const props: TourActionTriggerProps = $props()
+  const [actionTriggerProps, localProps] = $derived(
+    createSplitProps<StepActionTriggerProps>()(props, ['action']),
+  )
+
+  const tour = useTourContext()
+
+  const mergedProps = $derived(mergeProps(tour().getActionTriggerProps(actionTriggerProps), localProps))
+</script>
+
+<UI as="button" {...mergedProps}>
+  {#if localProps.children}
+    {@render localProps.children()}
+  {:else}
+    {actionTriggerProps.action.label}
+  {/if}
+</UI>

package/dist/components/tour/components/ActionTrigger.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { StepActionTriggerProps } from '@destyler/tour';
+export interface TourActionTriggerBaseProps extends StepActionTriggerProps, PolymorphicProps<'button'> {
+}
+export interface TourActionTriggerProps extends Assign<HTMLProps<'button'>, TourActionTriggerBaseProps> {
+}
+declare const ActionTrigger: import("svelte").Component<TourActionTriggerProps, {}, "">;
+type ActionTrigger = ReturnType<typeof ActionTrigger>;
+export default ActionTrigger;

package/dist/components/tour/components/Actions.d.svelte.ts

@@ -0,0 +1,9 @@
+import type { Accessor } from '../../../types.js';
+import type { StepAction } from '@destyler/tour';
+import type { Snippet } from 'svelte';
+export interface TourActionsProps {
+    children: Snippet<[Accessor<StepAction[]>]>;
+}
+declare const Actions: import("svelte").Component<TourActionsProps, {}, "">;
+type Actions = ReturnType<typeof Actions>;
+export default Actions;

package/dist/components/tour/components/Actions.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import type { Accessor } from '../../../types'
+  import type { StepAction } from '@destyler/tour'
+  import type { Snippet } from 'svelte'
+  import { useTourContext } from '../hooks/use-tour-context'
+
+  export interface TourActionsProps {
+    children: Snippet<[Accessor<StepAction[]>]>
+  }
+
+  const { children }: TourActionsProps = $props()
+
+  const tour = useTourContext()
+  const actions = $derived(tour().step?.actions ?? [])
+</script>
+
+{@render children(() => actions)}

package/dist/components/tour/components/Actions.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor } from '../../../types.js';
+import type { StepAction } from '@destyler/tour';
+import type { Snippet } from 'svelte';
+export interface TourActionsProps {
+    children: Snippet<[Accessor<StepAction[]>]>;
+}
+declare const Actions: import("svelte").Component<TourActionsProps, {}, "">;
+type Actions = ReturnType<typeof Actions>;
+export default Actions;

package/dist/components/tour/components/Arrow.d.svelte.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+export interface TourArrowBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TourArrowProps extends Assign<HTMLProps<'div'>, TourArrowBaseProps> {
+}
+declare const Arrow: import("svelte").Component<TourArrowProps, {}, "">;
+type Arrow = ReturnType<typeof Arrow>;
+export default Arrow;