@destyler-ui/svelte 0.0.1-beta.17

package/dist/components/collapse/hooks/use-collapse.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 collapse from '@destyler/collapse';
+import { runIfFn } from '@destyler/utils';
+export function useCollapse(props) {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return createMachineProps({
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        }, { value: 'defaultValue' });
+    });
+    const [state, send] = useMachine(() => collapse.machine(machineProps.initial), {
+        get context() {
+            return machineProps.context;
+        },
+    });
+    const api = $derived(collapse.connect(state, send, normalizeProps));
+    return () => api;
+}

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

@@ -0,0 +1,14 @@
+export { collapseAnatomy } from './anatomy.js';
+export { default as CollapseContext, type CollapseContextProps } from './components/Context.svelte';
+export { default as CollapseItem, type CollapseItemBaseProps, type CollapseItemProps } from './components/Item.svelte';
+export { default as CollapseItemContent, type CollapseItemContentBaseProps, type CollapseItemContentProps, } from './components/ItemContent.svelte';
+export { default as CollapseItemContext, type CollapseItemContextProps } from './components/ItemContext.svelte';
+export { default as CollapseItemIndicator, type CollapseItemIndicatorBaseProps, type CollapseItemIndicatorProps, } from './components/ItemIndicator.svelte';
+export { default as CollapseItemTrigger, type CollapseItemTriggerBaseProps, type CollapseItemTriggerProps, } from './components/ItemTrigger.svelte';
+export { default as CollapseRoot, type CollapseRootBaseProps, type CollapseRootProps } from './components/Root.svelte';
+export { default as CollapseRootProvider, type CollapseRootProviderBaseProps, type CollapseRootProviderProps, } from './components/RootProvider.svelte';
+export { useCollapseContext, type UseCollapseContext } from './hooks/use-collapse-context.js';
+export { useCollapseItemContext, type UseCollapseItemContext } from './hooks/use-collapse-item-context.js';
+export { useCollapse, type UseCollapseProps, type UseCollapseReturn } from './hooks/use-collapse.svelte.js';
+export * as Collapse from './namespace.js';
+export type { FocusChangeDetails as CollapseFocusChangeDetails, ValueChangeDetails as CollapseValueChangeDetails, } from '@destyler/collapse';

package/dist/components/collapse/index.js

@@ -0,0 +1,13 @@
+export { collapseAnatomy } from './anatomy.js';
+export { default as CollapseContext } from './components/Context.svelte';
+export { default as CollapseItem } from './components/Item.svelte';
+export { default as CollapseItemContent, } from './components/ItemContent.svelte';
+export { default as CollapseItemContext } from './components/ItemContext.svelte';
+export { default as CollapseItemIndicator, } from './components/ItemIndicator.svelte';
+export { default as CollapseItemTrigger, } from './components/ItemTrigger.svelte';
+export { default as CollapseRoot } from './components/Root.svelte';
+export { default as CollapseRootProvider, } from './components/RootProvider.svelte';
+export { useCollapseContext } from './hooks/use-collapse-context.js';
+export { useCollapseItemContext } from './hooks/use-collapse-item-context.js';
+export { useCollapse } from './hooks/use-collapse.svelte.js';
+export * as Collapse from './namespace.js';

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

@@ -0,0 +1,9 @@
+export { default as Context, type CollapseContextProps as ContextProps } from './components/Context.svelte';
+export { default as Item, type CollapseItemBaseProps as ItemBaseProps, type CollapseItemProps as ItemProps, } from './components/Item.svelte';
+export { default as ItemContent, type CollapseItemContentBaseProps as ItemContentBaseProps, type CollapseItemContentProps as ItemContentProps, } from './components/ItemContent.svelte';
+export { default as ItemContext, type CollapseItemContextProps as ItemContextProps, } from './components/ItemContext.svelte';
+export { default as ItemIndicator, type CollapseItemIndicatorBaseProps as ItemIndicatorBaseProps, type CollapseItemIndicatorProps as ItemIndicatorProps, } from './components/ItemIndicator.svelte';
+export { default as ItemTrigger, type CollapseItemTriggerBaseProps as ItemTriggerBaseProps, type CollapseItemTriggerProps as ItemTriggerProps, } from './components/ItemTrigger.svelte';
+export { default as Root, type CollapseRootBaseProps as RootBaseProps, type CollapseRootProps as RootProps, } from './components/Root.svelte';
+export { default as RootProvider, type CollapseRootProviderBaseProps as RootProviderBaseProps, type CollapseRootProviderProps as RootProviderProps, } from './components/RootProvider.svelte';
+export type { FocusChangeDetails, ValueChangeDetails } from '@destyler/collapse';

package/dist/components/collapse/namespace.js

@@ -0,0 +1,8 @@
+export { default as Context } from './components/Context.svelte';
+export { default as Item, } from './components/Item.svelte';
+export { default as ItemContent, } from './components/ItemContent.svelte';
+export { default as ItemContext, } from './components/ItemContext.svelte';
+export { default as ItemIndicator, } from './components/ItemIndicator.svelte';
+export { default as ItemTrigger, } from './components/ItemTrigger.svelte';
+export { default as Root, } from './components/Root.svelte';
+export { default as RootProvider, } from './components/RootProvider.svelte';

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

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

package/dist/components/collapsible/anatomy.js

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

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

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

package/dist/components/collapsible/components/Content.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface CollapsibleContentBaseProps extends PolymorphicProps<'div'> {}
+  export interface CollapsibleContentProps extends Assign<HTMLProps<'div'>, CollapsibleContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useCollapsibleContext } from '../hooks/use-collapsible-context'
+
+  const props: CollapsibleContentProps = $props()
+
+  const collapsible = useCollapsibleContext()
+  const mergedProps = $derived(mergeProps(collapsible().getContentProps(), props))
+</script>
+
+{#if !collapsible().isUnmounted}
+  <UI as="div" {...mergedProps} />
+{/if}

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

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

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

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

package/dist/components/collapsible/components/Context.svelte

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

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

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

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types.js';
+import type { UseCollapsibleProps } from '../hooks/use-collapsible.svelte.js';
+export interface CollapsibleRootBaseProps extends Optional<UseCollapsibleProps, 'id'>, PolymorphicProps<'div'> {
+}
+export interface CollapsibleRootProps extends Assign<HTMLProps<'div'>, CollapsibleRootBaseProps> {
+}
+declare const Root: import("svelte").Component<CollapsibleRootProps, {}, "open">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/collapsible/components/Root.svelte

@@ -0,0 +1,37 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types'
+  import type { UseCollapsibleProps } from '../hooks/use-collapsible.svelte'
+
+  export interface CollapsibleRootBaseProps extends Optional<UseCollapsibleProps, 'id'>, PolymorphicProps<'div'> {}
+  export interface CollapsibleRootProps extends Assign<HTMLProps<'div'>, CollapsibleRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { CollapsibleProvider } from '../hooks/use-collapsible-context'
+  import { splitCollapsibleProps } from '../hooks/split-collapsible-props.svelte'
+  import { useCollapsible } from '../hooks/use-collapsible.svelte'
+
+  let { open = $bindable(), ...props }: CollapsibleRootProps = $props()
+  const providedId = $props.id()
+
+  const [useCollapsibleProps, localProps] = $derived(splitCollapsibleProps(props))
+
+  const resolvedProps = $derived<UseCollapsibleProps>({
+    ...useCollapsibleProps,
+    id: useCollapsibleProps.id ?? providedId,
+    open,
+    onOpenChange(details) {
+      useCollapsibleProps.onOpenChange?.(details)
+      if (open !== undefined) open = details.open
+    },
+  })
+
+  const collapsible = useCollapsible(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(collapsible().getRootProps(), localProps))
+
+  CollapsibleProvider(() => collapsible())
+</script>
+
+<UI as="div" {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types.js';
+import type { UseCollapsibleProps } from '../hooks/use-collapsible.svelte.js';
+export interface CollapsibleRootBaseProps extends Optional<UseCollapsibleProps, 'id'>, PolymorphicProps<'div'> {
+}
+export interface CollapsibleRootProps extends Assign<HTMLProps<'div'>, CollapsibleRootBaseProps> {
+}
+declare const Root: import("svelte").Component<CollapsibleRootProps, {}, "open">;
+type Root = ReturnType<typeof Root>;
+export default Root;

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

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { UseCollapsibleReturn } from '../hooks/use-collapsible.svelte.js';
+interface RootProviderProps {
+    value: UseCollapsibleReturn;
+}
+export interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'> {
+}
+export interface CollapsibleRootProviderProps extends Assign<HTMLProps<'div'>, CollapsibleRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<CollapsibleRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

package/dist/components/collapsible/components/RootProvider.svelte

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+  import type { UseCollapsibleReturn } from '../hooks/use-collapsible.svelte'
+
+  interface RootProviderProps {
+    value: UseCollapsibleReturn
+  }
+
+  export interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'> {}
+  export interface CollapsibleRootProviderProps extends Assign<HTMLProps<'div'>, CollapsibleRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { CollapsibleProvider } from '../hooks/use-collapsible-context'
+
+  const { value, ...props }: CollapsibleRootProviderProps = $props()
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props))
+
+  CollapsibleProvider(() => value())
+</script>
+
+<UI as="div" {...mergedProps} />

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

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { UseCollapsibleReturn } from '../hooks/use-collapsible.svelte.js';
+interface RootProviderProps {
+    value: UseCollapsibleReturn;
+}
+export interface CollapsibleRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'> {
+}
+export interface CollapsibleRootProviderProps extends Assign<HTMLProps<'div'>, CollapsibleRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<CollapsibleRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

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

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

package/dist/components/collapsible/components/Trigger.svelte

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

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

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

package/dist/components/collapsible/hooks/split-collapsible-props.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { Optional } from '../../../types.js';
+import type { UseCollapsibleProps } from './use-collapsible.svelte.js';
+type CollapsibleMachineProps = Optional<UseCollapsibleProps, 'id'>;
+export declare function splitCollapsibleProps<T extends CollapsibleMachineProps>(props: T): [CollapsibleMachineProps, Omit<T, "id" | "ids" | "disabled" | "lazyMount" | "unmountOnExit" | "onExitComplete" | "open" | "onOpenChange" | "defaultOpen">];
+export {};

package/dist/components/collapsible/hooks/split-collapsible-props.svelte.js

@@ -0,0 +1,15 @@
+import { createSplitProps } from '../../../utils/create-split-props.js';
+const splitFn = createSplitProps();
+export function splitCollapsibleProps(props) {
+    return splitFn(props, [
+        'defaultOpen',
+        'disabled',
+        'id',
+        'ids',
+        'lazyMount',
+        'onExitComplete',
+        'onOpenChange',
+        'open',
+        'unmountOnExit',
+    ]);
+}

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

@@ -0,0 +1,4 @@
+import type { UseCollapsibleReturn } from './use-collapsible.svelte.js';
+export interface UseCollapsibleContext extends UseCollapsibleReturn {
+}
+export declare const CollapsibleProvider: (value: UseCollapsibleContext) => void, useCollapsibleContext: import("../../../utils/create-context.js").RequiredContextConsumer<UseCollapsibleContext>;

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

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

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

@@ -0,0 +1,25 @@
+import type { Accessor } from '../../../types.js';
+import type { PropTypes } from '@destyler/svelte';
+import type { MaybeFunction } from '@destyler/utils';
+import * as collapsible from '@destyler/collapsible';
+export interface UseCollapsibleProps extends Omit<collapsible.Context, 'dir' | 'getRootNode' | 'open.controlled' | 'id'> {
+    id: string;
+    defaultOpen?: collapsible.Context['open'];
+    /**
+     * Whether the content should be lazy mounted
+     */
+    lazyMount?: boolean;
+    /**
+     * Whether the content should be unmounted when collapsed
+     */
+    unmountOnExit?: boolean;
+    /**
+     * Callback fired when the animation ends
+     */
+    onExitComplete?: () => void;
+}
+export interface UseCollapsibleReturn extends Accessor<collapsible.Api<PropTypes> & {
+    isUnmounted: boolean;
+}> {
+}
+export declare function useCollapsible(props: MaybeFunction<UseCollapsibleProps>): UseCollapsibleReturn;

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

@@ -0,0 +1,39 @@
+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 collapsible from '@destyler/collapsible';
+import { runIfFn } from '@destyler/utils';
+export function useCollapsible(props) {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    let wasVisible = $state(false);
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        const { lazyMount, unmountOnExit, ...collapsibleProps } = resolvedProps || {};
+        return createMachineProps({
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...collapsibleProps,
+        }, { open: 'defaultOpen' }, ['open']);
+    });
+    const [state, send] = useMachine(() => collapsible.machine(machineProps.initial), {
+        get context() {
+            return machineProps.context;
+        },
+    });
+    const api = $derived(collapsible.connect(state, send, normalizeProps));
+    const resolvedProps = $derived(runIfFn(props));
+    // Track if content was ever visible
+    $effect(() => {
+        if (api.visible) {
+            wasVisible = true;
+        }
+    });
+    const isUnmounted = $derived.by(() => {
+        const { lazyMount, unmountOnExit } = resolvedProps || {};
+        return (!api.visible && !wasVisible && lazyMount) || (unmountOnExit && !api.visible && wasVisible);
+    });
+    return () => ({ ...api, isUnmounted: Boolean(isUnmounted) });
+}

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

@@ -0,0 +1,11 @@
+export { collapsibleAnatomy } from './anatomy.js';
+export { default as CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, } from './components/Content.svelte';
+export { default as CollapsibleContext, type CollapsibleContextProps } from './components/Context.svelte';
+export { default as CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, } from './components/Root.svelte';
+export { default as CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, } from './components/RootProvider.svelte';
+export { default as CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, } from './components/Trigger.svelte';
+export { splitCollapsibleProps } from './hooks/split-collapsible-props.svelte.js';
+export { useCollapsibleContext, type UseCollapsibleContext } from './hooks/use-collapsible-context.js';
+export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn } from './hooks/use-collapsible.svelte.js';
+export * as Collapsible from './namespace.js';
+export type { OpenChangeDetails as CollapsibleOpenChangeDetails } from '@destyler/collapsible';

package/dist/components/collapsible/index.js

@@ -0,0 +1,10 @@
+export { collapsibleAnatomy } from './anatomy.js';
+export { default as CollapsibleContent, } from './components/Content.svelte';
+export { default as CollapsibleContext } from './components/Context.svelte';
+export { default as CollapsibleRoot, } from './components/Root.svelte';
+export { default as CollapsibleRootProvider, } from './components/RootProvider.svelte';
+export { default as CollapsibleTrigger, } from './components/Trigger.svelte';
+export { splitCollapsibleProps } from './hooks/split-collapsible-props.svelte.js';
+export { useCollapsibleContext } from './hooks/use-collapsible-context.js';
+export { useCollapsible } from './hooks/use-collapsible.svelte.js';
+export * as Collapsible from './namespace.js';

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

@@ -0,0 +1,6 @@
+export { default as Content, type CollapsibleContentBaseProps as ContentBaseProps, type CollapsibleContentProps as ContentProps, } from './components/Content.svelte';
+export { default as Context, type CollapsibleContextProps as ContextProps } from './components/Context.svelte';
+export { default as Root, type CollapsibleRootBaseProps as RootBaseProps, type CollapsibleRootProps as RootProps, } from './components/Root.svelte';
+export { default as RootProvider, type CollapsibleRootProviderBaseProps as RootProviderBaseProps, type CollapsibleRootProviderProps as RootProviderProps, } from './components/RootProvider.svelte';
+export { default as Trigger, type CollapsibleTriggerBaseProps as TriggerBaseProps, type CollapsibleTriggerProps as TriggerProps, } from './components/Trigger.svelte';
+export type { OpenChangeDetails } from '@destyler/collapsible';

package/dist/components/collapsible/namespace.js

@@ -0,0 +1,5 @@
+export { default as Content, } from './components/Content.svelte';
+export { default as Context } from './components/Context.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/collection/hooks/use-list-collection.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { MaybeFunction } from '@destyler/utils';
+import type { CollectionItem, CollectionOptions } from '../list-collection.js';
+export interface UseListCollectionProps<T extends CollectionItem> extends Omit<CollectionOptions<T>, 'items'> {
+    initialItems: T[];
+    filter?: (itemText: string, filterText: string) => boolean;
+    limit?: number;
+}
+export declare function useListCollection<T extends CollectionItem>(inProps: MaybeFunction<UseListCollectionProps<T>>): {
+    collection: () => import("@destyler/collection").ListCollection<T>;
+    filter: (inputValue: string) => string;
+    set: (nextItems: T[]) => void;
+    reset: () => void;
+    clear: () => void;
+    insert: (index: number, ...itemsToInsert: T[]) => void;
+    insertBefore: (value: string, ...itemsToInsert: T[]) => void;
+    insertAfter: (value: string, ...itemsToInsert: T[]) => void;
+    remove: (...itemsToRemove: T[]) => void;
+    move: (value: string, to: number) => void;
+    moveBefore: (value: string, beforeValue: string) => void;
+    moveAfter: (value: string, afterValue: string) => void;
+    reorder: (from: number, to: number) => void;
+    prepend: (...itemsToPrepend: T[]) => void;
+    update: (value: string, item: T) => void;
+};

package/dist/components/collection/hooks/use-list-collection.svelte.js

@@ -0,0 +1,95 @@
+import { runIfFn } from '@destyler/utils';
+import { untrack } from 'svelte';
+import { createListCollection } from '../list-collection.js';
+export function useListCollection(inProps) {
+    const [props, collectionOptions] = $derived.by(() => {
+        const { initialItems = [], filter, limit, ...options } = runIfFn(inProps);
+        return [{ initialItems, filter, limit }, options];
+    });
+    const create = (items) => createListCollection({ ...collectionOptions, items });
+    const applyLimit = (items) => (props.limit == null ? items : items.slice(0, props.limit));
+    let items = $state(untrack(() => [...props.initialItems]));
+    let filterText = $state('');
+    const collection = $derived.by(() => {
+        let activeItems = items;
+        if (filterText && props.filter) {
+            const source = create(items);
+            activeItems = items.filter(item => props.filter?.(source.stringifyItem(item) ?? '', filterText));
+        }
+        return create(applyLimit(activeItems));
+    });
+    const setItems = (nextItems) => {
+        items = nextItems;
+        filterText = '';
+    };
+    const itemValue = (item) => create(items).getItemValue(item);
+    const moveItem = (value, to) => {
+        const from = create(items).indexOf(value);
+        if (from < 0 || from === to)
+            return;
+        const next = [...items];
+        const [item] = next.splice(from, 1);
+        if (item !== undefined)
+            next.splice(to, 0, item);
+        setItems(next);
+    };
+    return {
+        collection: () => collection,
+        filter: (inputValue) => filterText = inputValue,
+        set: setItems,
+        reset: () => setItems(props.initialItems),
+        clear: () => setItems([]),
+        insert: (index, ...itemsToInsert) => {
+            const next = [...items];
+            next.splice(index, 0, ...itemsToInsert);
+            setItems(next);
+        },
+        insertBefore: (value, ...itemsToInsert) => {
+            const index = create(items).indexOf(value);
+            const next = [...items];
+            next.splice(index < 0 ? 0 : index, 0, ...itemsToInsert);
+            setItems(next);
+        },
+        insertAfter: (value, ...itemsToInsert) => {
+            const index = create(items).indexOf(value);
+            const next = [...items];
+            next.splice(index < 0 ? next.length : index + 1, 0, ...itemsToInsert);
+            setItems(next);
+        },
+        remove: (...itemsToRemove) => {
+            const values = new Set(itemsToRemove.map(itemValue));
+            setItems(items.filter(item => !values.has(itemValue(item))));
+        },
+        move: moveItem,
+        moveBefore: (value, beforeValue) => {
+            const source = create(items);
+            const from = source.indexOf(value);
+            const before = source.indexOf(beforeValue);
+            if (from >= 0 && before >= 0 && from !== before)
+                moveItem(value, from < before ? before - 1 : before);
+        },
+        moveAfter: (value, afterValue) => {
+            const source = create(items);
+            const from = source.indexOf(value);
+            const after = source.indexOf(afterValue);
+            if (from >= 0 && after >= 0 && from !== after)
+                moveItem(value, from < after ? after : after + 1);
+        },
+        reorder: (from, to) => {
+            const next = [...items];
+            const [item] = next.splice(from, 1);
+            if (item !== undefined)
+                next.splice(to, 0, item);
+            setItems(next);
+        },
+        prepend: (...itemsToPrepend) => setItems([...itemsToPrepend, ...items]),
+        update: (value, item) => {
+            const index = create(items).indexOf(value);
+            if (index < 0)
+                return;
+            const next = [...items];
+            next[index] = item;
+            setItems(next);
+        },
+    };
+}

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

@@ -0,0 +1,3 @@
+export { useListCollection, type UseListCollectionProps } from './hooks/use-list-collection.svelte.js';
+export { type CollectionItem, type CollectionOptions, createListCollection, type ListCollection, } from './list-collection.js';
+export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection.js';

package/dist/components/collection/index.js

@@ -0,0 +1,3 @@
+export { useListCollection } from './hooks/use-list-collection.svelte.js';
+export { createListCollection, } from './list-collection.js';
+export { createFileTreeCollection, createTreeCollection, } from './tree-collection.js';

package/dist/components/collection/list-collection.d.ts

@@ -0,0 +1,4 @@
+import type { CollectionItem, CollectionOptions } from '@destyler/collection';
+import { ListCollection } from '@destyler/collection';
+export declare function createListCollection<T extends CollectionItem>(options: CollectionOptions<T>): ListCollection<T>;
+export type { CollectionItem, CollectionOptions, ListCollection };

package/dist/components/collection/list-collection.js

@@ -0,0 +1,4 @@
+import { ListCollection } from '@destyler/collection';
+export function createListCollection(options) {
+    return new ListCollection(options);
+}

package/dist/components/collection/tree-collection.d.ts

@@ -0,0 +1,5 @@
+import type { FilePathTreeNode, TreeCollectionOptions, TreeNode } from '@destyler/collection';
+import { TreeCollection } from '@destyler/collection';
+export type { FilePathTreeNode, FlatTreeNode, TreeCollection, TreeCollectionOptions, TreeNode, } from '@destyler/collection';
+export declare function createTreeCollection<T extends TreeNode>(options: TreeCollectionOptions<T>): TreeCollection<T>;
+export declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;

package/dist/components/collection/tree-collection.js

@@ -0,0 +1,5 @@
+import { filePathToTree, TreeCollection, } from '@destyler/collection';
+export function createTreeCollection(options) {
+    return new TreeCollection(options);
+}
+export const createFileTreeCollection = (paths) => filePathToTree(paths);

package/dist/components/color-picker/anatomy.d.ts

@@ -0,0 +1 @@
+export declare const colorPickerAnatomy: import("@destyler/anatomy").AnatomyInstance<"area" | "label" | "view" | "root" | "content" | "control" | "trigger" | "positioner" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;