@destyler-ui/svelte 0.0.1-beta.17

package/dist/components/otp-input/namespace.js

@@ -0,0 +1,7 @@
+export { default as Context } from './components/Context.svelte';
+export { default as Control, } from './components/Control.svelte';
+export { default as HiddenInput, } from './components/HiddenInput.svelte';
+export { default as Input, } from './components/Input.svelte';
+export { default as Label, } from './components/Label.svelte';
+export { default as Root, } from './components/Root.svelte';
+export { default as RootProvider, } from './components/RootProvider.svelte';

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

@@ -0,0 +1 @@
+export { anatomy as paginationAnatomy } from '@destyler/pagination';

package/dist/components/pagination/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as paginationAnatomy } from '@destyler/pagination';

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

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

package/dist/components/pagination/components/Context.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UsePaginationContext } from '../hooks/use-pagination-context'
+
+  export interface PaginationContextProps {
+    render: Snippet<[UsePaginationContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { usePaginationContext } from '../hooks/use-pagination-context'
+
+  const { render }: PaginationContextProps = $props()
+  const context = usePaginationContext()
+</script>
+
+{@render render(context)}

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

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

package/dist/components/pagination/components/Ellipsis.d.svelte.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { EllipsisProps } from '@destyler/pagination';
+export interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps<'div'> {
+}
+export interface PaginationEllipsisProps extends Assign<HTMLProps<'div'>, PaginationEllipsisBaseProps> {
+}
+declare const Ellipsis: import("svelte").Component<PaginationEllipsisProps, {}, "">;
+type Ellipsis = ReturnType<typeof Ellipsis>;
+export default Ellipsis;

package/dist/components/pagination/components/Ellipsis.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+  import type { EllipsisProps } from '@destyler/pagination'
+
+  export interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps<'div'> {}
+  export interface PaginationEllipsisProps extends Assign<HTMLProps<'div'>, PaginationEllipsisBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { usePaginationContext } from '../hooks/use-pagination-context'
+
+  const props: PaginationEllipsisProps = $props()
+  const pagination = usePaginationContext()
+  const mergedProps = $derived(mergeProps(pagination().getEllipsisProps(props), props))
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/pagination/components/Ellipsis.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { EllipsisProps } from '@destyler/pagination';
+export interface PaginationEllipsisBaseProps extends EllipsisProps, PolymorphicProps<'div'> {
+}
+export interface PaginationEllipsisProps extends Assign<HTMLProps<'div'>, PaginationEllipsisBaseProps> {
+}
+declare const Ellipsis: import("svelte").Component<PaginationEllipsisProps, {}, "">;
+type Ellipsis = ReturnType<typeof Ellipsis>;
+export default Ellipsis;

package/dist/components/pagination/components/Item.d.svelte.ts

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

package/dist/components/pagination/components/Item.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+  import type { ItemProps } from '@destyler/pagination'
+
+  export interface PaginationItemBaseProps extends ItemProps, PolymorphicProps<'button'> {}
+  export interface PaginationItemProps extends Assign<HTMLProps<'button'>, PaginationItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { createSplitProps } from '../../../utils/create-split-props'
+  import { UI } from '../../factory'
+  import { usePaginationContext } from '../hooks/use-pagination-context'
+
+  const props: PaginationItemProps = $props()
+  const [itemProps, localProps] = $derived(createSplitProps<ItemProps>()(props, ['value', 'type']))
+  const pagination = usePaginationContext()
+  const mergedProps = $derived(mergeProps(pagination().getItemProps(itemProps), localProps))
+</script>
+
+<UI as="button" {...mergedProps} />

package/dist/components/pagination/components/Item.svelte.d.ts

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

package/dist/components/pagination/components/NextTrigger.d.svelte.ts

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

package/dist/components/pagination/components/NextTrigger.svelte

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

package/dist/components/pagination/components/NextTrigger.svelte.d.ts

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

package/dist/components/pagination/components/PrevTrigger.d.svelte.ts

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

package/dist/components/pagination/components/PrevTrigger.svelte

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

package/dist/components/pagination/components/PrevTrigger.svelte.d.ts

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

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types.js';
+import type { UsePaginationProps } from '../hooks/use-pagination.svelte.js';
+export interface PaginationRootBaseProps extends Optional<UsePaginationProps, 'id'>, PolymorphicProps<'nav'> {
+}
+export interface PaginationRootProps extends Assign<HTMLProps<'nav'>, PaginationRootBaseProps> {
+}
+declare const Root: import("svelte").Component<PaginationRootProps, {}, "page" | "pageSize">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/pagination/components/Root.svelte

@@ -0,0 +1,56 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types'
+  import type { UsePaginationProps } from '../hooks/use-pagination.svelte'
+
+  export interface PaginationRootBaseProps extends Optional<UsePaginationProps, 'id'>, PolymorphicProps<'nav'> {}
+  export interface PaginationRootProps extends Assign<HTMLProps<'nav'>, PaginationRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../../utils/create-split-props'
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { PaginationProvider } from '../hooks/use-pagination-context'
+  import { usePagination } from '../hooks/use-pagination.svelte'
+
+  let { page = $bindable(), pageSize = $bindable(), ...props }: PaginationRootProps = $props()
+  const providedId = $props.id()
+
+  const [paginationProps, localProps] = $derived(
+    createSplitProps<Optional<UsePaginationProps, 'id'>>()(props, [
+      'count',
+      'defaultPage',
+      'id',
+      'ids',
+      'onPageChange',
+      'onPageSizeChange',
+      'page',
+      'pageSize',
+      'siblingCount',
+      'translations',
+      'type',
+    ]),
+  )
+
+  const resolvedProps = $derived<UsePaginationProps>({
+    ...paginationProps,
+    id: paginationProps.id ?? providedId,
+    page,
+    pageSize,
+    onPageChange(details) {
+      paginationProps.onPageChange?.(details)
+      if (page !== undefined) page = details.page
+    },
+    onPageSizeChange(details) {
+      paginationProps.onPageSizeChange?.(details)
+      if (pageSize !== undefined) pageSize = details.pageSize
+    },
+  })
+
+  const pagination = usePagination(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(pagination().getRootProps(), localProps))
+
+  PaginationProvider(() => pagination())
+</script>
+
+<UI as="nav" {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types.js';
+import type { UsePaginationProps } from '../hooks/use-pagination.svelte.js';
+export interface PaginationRootBaseProps extends Optional<UsePaginationProps, 'id'>, PolymorphicProps<'nav'> {
+}
+export interface PaginationRootProps extends Assign<HTMLProps<'nav'>, PaginationRootBaseProps> {
+}
+declare const Root: import("svelte").Component<PaginationRootProps, {}, "page" | "pageSize">;
+type Root = ReturnType<typeof Root>;
+export default Root;

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

@@ -0,0 +1,14 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { Snippet } from 'svelte';
+import type { UsePaginationReturn } from '../hooks/use-pagination.svelte.js';
+export interface RootProviderProps {
+    value: UsePaginationReturn;
+    children?: Snippet;
+}
+export interface PaginationRootProviderBaseProps extends PolymorphicProps<'nav'>, RootProviderProps {
+}
+export interface PaginationRootProviderProps extends Assign<HTMLProps<'nav'>, PaginationRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<PaginationRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

package/dist/components/pagination/components/RootProvider.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+  import type { Snippet } from 'svelte'
+  import type { UsePaginationReturn } from '../hooks/use-pagination.svelte'
+
+  export interface RootProviderProps {
+    value: UsePaginationReturn
+    children?: Snippet
+  }
+
+  export interface PaginationRootProviderBaseProps extends PolymorphicProps<'nav'>, RootProviderProps {}
+  export interface PaginationRootProviderProps extends Assign<HTMLProps<'nav'>, PaginationRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { PaginationProvider } from '../hooks/use-pagination-context'
+
+  let { value, ...props }: PaginationRootProviderProps = $props()
+
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props))
+
+  PaginationProvider(() => value())
+</script>
+
+<UI as="nav" {...mergedProps} />

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

@@ -0,0 +1,14 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { Snippet } from 'svelte';
+import type { UsePaginationReturn } from '../hooks/use-pagination.svelte.js';
+export interface RootProviderProps {
+    value: UsePaginationReturn;
+    children?: Snippet;
+}
+export interface PaginationRootProviderBaseProps extends PolymorphicProps<'nav'>, RootProviderProps {
+}
+export interface PaginationRootProviderProps extends Assign<HTMLProps<'nav'>, PaginationRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<PaginationRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

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

@@ -0,0 +1,4 @@
+import type { UsePaginationReturn } from './use-pagination.svelte.js';
+export interface UsePaginationContext extends UsePaginationReturn {
+}
+export declare const PaginationProvider: (value: UsePaginationContext) => void, usePaginationContext: import("../../../utils/create-context.js").RequiredContextConsumer<UsePaginationContext>;

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

@@ -0,0 +1,6 @@
+import { createContext } from '../../../utils/create-context.js';
+export const [PaginationProvider, usePaginationContext] = createContext({
+    name: 'PaginationContext',
+    hookName: 'usePaginationContext',
+    providerName: '<PaginationProvider />',
+});

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

@@ -0,0 +1,11 @@
+import type { PropTypes } from '@destyler/svelte';
+import type { MaybeFunction } from '@destyler/utils';
+import type { Accessor } from '../../../types.js';
+import * as pagination from '@destyler/pagination';
+export interface UsePaginationProps extends Omit<pagination.Context, 'dir' | 'getRootNode' | 'id'> {
+    id: string;
+    defaultPage?: pagination.Context['page'];
+}
+export interface UsePaginationReturn extends Accessor<pagination.Api<PropTypes>> {
+}
+export declare function usePagination(props: MaybeFunction<UsePaginationProps>): UsePaginationReturn;

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

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

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

@@ -0,0 +1,12 @@
+export { paginationAnatomy } from './anatomy.js';
+export { default as PaginationContext, type PaginationContextProps } from './components/Context.svelte';
+export { default as PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './components/Ellipsis.svelte';
+export { default as PaginationItem, type PaginationItemBaseProps, type PaginationItemProps, } from './components/Item.svelte';
+export { default as PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './components/NextTrigger.svelte';
+export { default as PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './components/PrevTrigger.svelte';
+export { default as PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps, } from './components/Root.svelte';
+export { default as PaginationRootProvider, type PaginationRootProviderBaseProps, type PaginationRootProviderProps, } from './components/RootProvider.svelte';
+export { usePaginationContext, type UsePaginationContext } from './hooks/use-pagination-context.js';
+export { usePagination, type UsePaginationProps, type UsePaginationReturn } from './hooks/use-pagination.svelte.js';
+export * as Pagination from './namespace.js';
+export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, } from '@destyler/pagination';

package/dist/components/pagination/index.js

@@ -0,0 +1,11 @@
+export { paginationAnatomy } from './anatomy.js';
+export { default as PaginationContext } from './components/Context.svelte';
+export { default as PaginationEllipsis, } from './components/Ellipsis.svelte';
+export { default as PaginationItem, } from './components/Item.svelte';
+export { default as PaginationNextTrigger, } from './components/NextTrigger.svelte';
+export { default as PaginationPrevTrigger, } from './components/PrevTrigger.svelte';
+export { default as PaginationRoot, } from './components/Root.svelte';
+export { default as PaginationRootProvider, } from './components/RootProvider.svelte';
+export { usePaginationContext } from './hooks/use-pagination-context.js';
+export { usePagination } from './hooks/use-pagination.svelte.js';
+export * as Pagination from './namespace.js';

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

@@ -0,0 +1,8 @@
+export { default as Context, type PaginationContextProps as ContextProps } from './components/Context.svelte';
+export { default as Ellipsis, type PaginationEllipsisBaseProps as EllipsisBaseProps, type PaginationEllipsisProps as EllipsisProps, } from './components/Ellipsis.svelte';
+export { default as Item, type PaginationItemBaseProps as ItemBaseProps, type PaginationItemProps as ItemProps, } from './components/Item.svelte';
+export { default as NextTrigger, type PaginationNextTriggerBaseProps as NextTriggerBaseProps, type PaginationNextTriggerProps as NextTriggerProps, } from './components/NextTrigger.svelte';
+export { default as PrevTrigger, type PaginationPrevTriggerBaseProps as PrevTriggerBaseProps, type PaginationPrevTriggerProps as PrevTriggerProps, } from './components/PrevTrigger.svelte';
+export { default as Root, type PaginationRootBaseProps as RootBaseProps, type PaginationRootProps as RootProps, } from './components/Root.svelte';
+export { default as RootProvider, type PaginationRootProviderBaseProps as RootProviderBaseProps, type PaginationRootProviderProps as RootProviderProps, } from './components/RootProvider.svelte';
+export type { ItemLabelDetails, PageChangeDetails, PageSizeChangeDetails } from '@destyler/pagination';

package/dist/components/pagination/namespace.js

@@ -0,0 +1,7 @@
+export { default as Context } from './components/Context.svelte';
+export { default as Ellipsis, } from './components/Ellipsis.svelte';
+export { default as Item, } from './components/Item.svelte';
+export { default as NextTrigger, } from './components/NextTrigger.svelte';
+export { default as PrevTrigger, } from './components/PrevTrigger.svelte';
+export { default as Root, } from './components/Root.svelte';
+export { default as RootProvider, } from './components/RootProvider.svelte';

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

@@ -0,0 +1 @@
+export { anatomy as popoverAnatomy } from '@destyler/popover';

package/dist/components/popover/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as popoverAnatomy } from '@destyler/popover';

package/dist/components/popover/components/Anchor.d.svelte.ts

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

package/dist/components/popover/components/Anchor.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface PopoverAnchorBaseProps extends PolymorphicProps<'div'> {}
+  export interface PopoverAnchorProps extends Assign<HTMLProps<'div'>, PopoverAnchorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { usePopoverContext } from '../hooks/use-popover-context'
+
+  const props: PopoverAnchorProps = $props()
+
+  const popover = usePopoverContext()
+  const mergedProps = $derived(mergeProps(popover().getAnchorProps(), props))
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/popover/components/Anchor.svelte.d.ts

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

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

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

package/dist/components/popover/components/Arrow.svelte

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

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

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

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

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

package/dist/components/popover/components/ArrowTip.svelte

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

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

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

package/dist/components/popover/components/CloseTrigger.d.svelte.ts

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

package/dist/components/popover/components/CloseTrigger.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface PopoverCloseTriggerBaseProps extends PolymorphicProps<'button'> {}
+  export interface PopoverCloseTriggerProps extends Assign<HTMLProps<'button'>, PopoverCloseTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { usePopoverContext } from '../hooks/use-popover-context'
+
+  const props: PopoverCloseTriggerProps = $props()
+
+  const popover = usePopoverContext()
+  const mergedProps = $derived(mergeProps(popover().getCloseTriggerProps(), props))
+</script>
+
+<UI as="button" {...mergedProps} />