@destyler-ui/svelte 0.0.1-beta.17

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

@@ -0,0 +1,29 @@
+export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection/index.js';
+export { treeAnatomy } from './anatomy.js';
+export { default as TreeBranch, type TreeBranchBaseProps, type TreeBranchProps, } from './components/Branch.svelte';
+export { default as TreeBranchContent, type TreeBranchContentBaseProps, type TreeBranchContentProps, } from './components/BranchContent.svelte';
+export { default as TreeBranchControl, type TreeBranchControlBaseProps, type TreeBranchControlProps, } from './components/BranchControl.svelte';
+export { default as TreeBranchIndentGuide, type TreeBranchIndentGuideBaseProps, type TreeBranchIndentGuideProps, } from './components/BranchIndentGuide.svelte';
+export { default as TreeBranchIndicator, type TreeBranchIndicatorBaseProps, type TreeBranchIndicatorProps, } from './components/BranchIndicator.svelte';
+export { default as TreeBranchText, type TreeBranchTextBaseProps, type TreeBranchTextProps, } from './components/BranchText.svelte';
+export { default as TreeBranchTrigger, type TreeBranchTriggerBaseProps, type TreeBranchTriggerProps, } from './components/BranchTrigger.svelte';
+export { default as TreeContext, type TreeContextProps } from './components/Context.svelte';
+export { default as TreeItem, type TreeItemBaseProps, type TreeItemProps } from './components/Item.svelte';
+export { default as TreeItemIndicator, type TreeItemIndicatorBaseProps, type TreeItemIndicatorProps, } from './components/ItemIndicator.svelte';
+export { default as TreeItemText, type TreeItemTextBaseProps, type TreeItemTextProps, } from './components/ItemText.svelte';
+export { default as TreeLabel, type TreeLabelBaseProps, type TreeLabelProps, } from './components/Label.svelte';
+export { default as TreeNodeContext, type TreeNodeContextProps } from './components/NodeContext.svelte';
+export { default as TreeNodeProvider, type TreeNodeProviderBaseProps, type TreeNodeProviderProps, } from './components/NodeProvider.svelte';
+export { default as TreeRoot, type TreeRootBaseProps, type TreeRootProps } from './components/Root.svelte';
+export { default as TreeRootProvider, type TreeRootProviderBaseProps, type TreeRootProviderProps, } from './components/RootProvider.svelte';
+export { default as TreeTree, type TreeTreeBaseProps, type TreeTreeProps } from './components/Tree.svelte';
+export { useTreeContext } from './hooks/use-tree-context.js';
+export type { UseTreeContext } from './hooks/use-tree-context.js';
+export { useTreeNodeContext } from './hooks/use-tree-node-context.js';
+export type { UseTreeNodeContext } from './hooks/use-tree-node-context.js';
+export { useTreeNodePropsContext } from './hooks/use-tree-node-props-context.js';
+export type { UseTreeNodePropsContext } from './hooks/use-tree-node-props-context.js';
+export { useTree } from './hooks/use-tree.svelte.js';
+export type { UseTreeProps, UseTreeReturn } from './hooks/use-tree.svelte.js';
+export * as Tree from './namespace.js';
+export type { ExpandedChangeDetails as TreeExpandedChangeDetails, FocusChangeDetails as TreeFocusChangeDetails, NodeProps as TreeNodeProps, NodeState as TreeNodeState, SelectionChangeDetails as TreeSelectionChangeDetails, } from '@destyler/tree';

package/dist/components/tree/index.js

@@ -0,0 +1,24 @@
+export { createFileTreeCollection, createTreeCollection } from '../collection/index.js';
+export { treeAnatomy } from './anatomy.js';
+export { default as TreeBranch, } from './components/Branch.svelte';
+export { default as TreeBranchContent, } from './components/BranchContent.svelte';
+export { default as TreeBranchControl, } from './components/BranchControl.svelte';
+export { default as TreeBranchIndentGuide, } from './components/BranchIndentGuide.svelte';
+export { default as TreeBranchIndicator, } from './components/BranchIndicator.svelte';
+export { default as TreeBranchText, } from './components/BranchText.svelte';
+export { default as TreeBranchTrigger, } from './components/BranchTrigger.svelte';
+export { default as TreeContext } from './components/Context.svelte';
+export { default as TreeItem } from './components/Item.svelte';
+export { default as TreeItemIndicator, } from './components/ItemIndicator.svelte';
+export { default as TreeItemText, } from './components/ItemText.svelte';
+export { default as TreeLabel, } from './components/Label.svelte';
+export { default as TreeNodeContext } from './components/NodeContext.svelte';
+export { default as TreeNodeProvider, } from './components/NodeProvider.svelte';
+export { default as TreeRoot } from './components/Root.svelte';
+export { default as TreeRootProvider, } from './components/RootProvider.svelte';
+export { default as TreeTree } from './components/Tree.svelte';
+export { useTreeContext } from './hooks/use-tree-context.js';
+export { useTreeNodeContext } from './hooks/use-tree-node-context.js';
+export { useTreeNodePropsContext } from './hooks/use-tree-node-props-context.js';
+export { useTree } from './hooks/use-tree.svelte.js';
+export * as Tree from './namespace.js';

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

@@ -0,0 +1,18 @@
+export { default as Branch, type TreeBranchBaseProps as BranchBaseProps, type TreeBranchProps as BranchProps, } from './components/Branch.svelte';
+export { default as BranchContent, type TreeBranchContentBaseProps as BranchContentBaseProps, type TreeBranchContentProps as BranchContentProps, } from './components/BranchContent.svelte';
+export { default as BranchControl, type TreeBranchControlBaseProps as BranchControlBaseProps, type TreeBranchControlProps as BranchControlProps, } from './components/BranchControl.svelte';
+export { default as BranchIndentGuide, type TreeBranchIndentGuideBaseProps as BranchIndentGuideBaseProps, type TreeBranchIndentGuideProps as BranchIndentGuideProps, } from './components/BranchIndentGuide.svelte';
+export { default as BranchIndicator, type TreeBranchIndicatorBaseProps as BranchIndicatorBaseProps, type TreeBranchIndicatorProps as BranchIndicatorProps, } from './components/BranchIndicator.svelte';
+export { default as BranchText, type TreeBranchTextBaseProps as BranchTextBaseProps, type TreeBranchTextProps as BranchTextProps, } from './components/BranchText.svelte';
+export { default as BranchTrigger, type TreeBranchTriggerBaseProps as BranchTriggerBaseProps, type TreeBranchTriggerProps as BranchTriggerProps, } from './components/BranchTrigger.svelte';
+export { default as Context, type TreeContextProps as ContextProps } from './components/Context.svelte';
+export { default as Item, type TreeItemBaseProps as ItemBaseProps, type TreeItemProps as ItemProps, } from './components/Item.svelte';
+export { default as ItemIndicator, type TreeItemIndicatorBaseProps as ItemIndicatorBaseProps, type TreeItemIndicatorProps as ItemIndicatorProps, } from './components/ItemIndicator.svelte';
+export { default as ItemText, type TreeItemTextBaseProps as ItemTextBaseProps, type TreeItemTextProps as ItemTextProps, } from './components/ItemText.svelte';
+export { default as Label, type TreeLabelBaseProps as LabelBaseProps, type TreeLabelProps as LabelProps, } from './components/Label.svelte';
+export { default as NodeContext, type TreeNodeContextProps as NodeContextProps, } from './components/NodeContext.svelte';
+export { default as NodeProvider, type TreeNodeProviderBaseProps as NodeProviderBaseProps, type TreeNodeProviderProps as NodeProviderProps, } from './components/NodeProvider.svelte';
+export { default as Root, type TreeRootBaseProps as RootBaseProps, type TreeRootProps as RootProps, } from './components/Root.svelte';
+export { default as RootProvider, type TreeRootProviderBaseProps as RootProviderBaseProps, type TreeRootProviderProps as RootProviderProps, } from './components/RootProvider.svelte';
+export { default as Tree, type TreeTreeBaseProps as TreeBaseProps, type TreeTreeProps as TreeProps, } from './components/Tree.svelte';
+export type { ExpandedChangeDetails, FocusChangeDetails, NodeProps, NodeState, SelectionChangeDetails, } from '@destyler/tree';

package/dist/components/tree/namespace.js

@@ -0,0 +1,17 @@
+export { default as Branch, } from './components/Branch.svelte';
+export { default as BranchContent, } from './components/BranchContent.svelte';
+export { default as BranchControl, } from './components/BranchControl.svelte';
+export { default as BranchIndentGuide, } from './components/BranchIndentGuide.svelte';
+export { default as BranchIndicator, } from './components/BranchIndicator.svelte';
+export { default as BranchText, } from './components/BranchText.svelte';
+export { default as BranchTrigger, } from './components/BranchTrigger.svelte';
+export { default as Context } from './components/Context.svelte';
+export { default as Item, } from './components/Item.svelte';
+export { default as ItemIndicator, } from './components/ItemIndicator.svelte';
+export { default as ItemText, } from './components/ItemText.svelte';
+export { default as Label, } from './components/Label.svelte';
+export { default as NodeContext, } from './components/NodeContext.svelte';
+export { default as NodeProvider, } from './components/NodeProvider.svelte';
+export { default as Root, } from './components/Root.svelte';
+export { default as RootProvider, } from './components/RootProvider.svelte';
+export { default as Tree, } from './components/Tree.svelte';

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useActor, useMachine } from './use-destyler-machine.svelte.js';

package/dist/hooks/index.js

@@ -0,0 +1 @@
+export { useActor, useMachine } from './use-destyler-machine.svelte.js';

package/dist/hooks/use-destyler-machine.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { AnyEventObject, EventObject, HookOptions, Machine, MachineSrc, StateSchema, XState } from '@destyler/xstate';
+export declare function useActor<TContext extends Record<string, any>, TState extends StateSchema, TEvent extends EventObject = AnyEventObject>(service: Machine<TContext, TState, TEvent>): readonly [XState<TContext, TState, TEvent>, (evt: import("@destyler/xstate").Event<TEvent>) => void];
+/**
+ * Destyler machine adapter that keeps class instances in machine context intact.
+ *
+ * @destyler/svelte 0.2.6 snapshots context through `$state.snapshot`, which
+ * turns values such as ListCollection and Color into plain objects. A deep
+ * `$state` proxy also violates invariants on XState methods, so this adapter
+ * deliberately uses a shallow context copy and a raw state reference until
+ * the shared adapter can preserve class identity itself.
+ */
+export declare function useMachine<TContext extends Record<string, any>, TState extends StateSchema, TEvent extends EventObject = AnyEventObject>(machine: MachineSrc<TContext, TState, TEvent>, options?: HookOptions<TContext, TState, TEvent>): readonly [XState<TContext, TState, TEvent>, (evt: import("@destyler/xstate").Event<TEvent>) => void, Machine<TContext, TState, TEvent>];

package/dist/hooks/use-destyler-machine.svelte.js

@@ -0,0 +1,46 @@
+import { reflect } from '@destyler/svelte';
+import { onDestroy, onMount, untrack } from 'svelte';
+function copyOptions(value) {
+    return value ? { ...value } : value;
+}
+export function useActor(service) {
+    let currentState = $state.raw(service.state);
+    const state = reflect(() => currentState);
+    const unsubscribe = service.subscribe((nextState) => {
+        currentState = nextState;
+    });
+    onDestroy(unsubscribe);
+    return [state, service.send];
+}
+/**
+ * Destyler machine adapter that keeps class instances in machine context intact.
+ *
+ * @destyler/svelte 0.2.6 snapshots context through `$state.snapshot`, which
+ * turns values such as ListCollection and Color into plain objects. A deep
+ * `$state` proxy also violates invariants on XState methods, so this adapter
+ * deliberately uses a shallow context copy and a raw state reference until
+ * the shared adapter can preserve class identity itself.
+ */
+export function useMachine(machine, options) {
+    const service = typeof machine === 'function' ? machine() : machine;
+    service.setContext(copyOptions(options?.context));
+    if (options?.actions)
+        service.setOptions({ actions: copyOptions(options.actions) });
+    service._created();
+    $effect(() => {
+        if (!options?.actions)
+            return;
+        const actions = copyOptions(options.actions);
+        untrack(() => service.setOptions({ actions }));
+    });
+    $effect(() => {
+        const context = copyOptions(options?.context);
+        untrack(() => service.setContext(context));
+    });
+    const [state] = useActor(service);
+    onMount(() => {
+        service.start(options?.state);
+        return service.stop;
+    });
+    return [state, service.send, service];
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components/index.js';
+export * from './providers/index.js';
+export type { Assign, Optional } from './types.js';
+export { portal } from '@destyler/svelte';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from './components/index.js';
+export * from './providers/index.js';
+export { portal } from '@destyler/svelte';

package/dist/providers/client-only/components/ClientOnly.d.svelte.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface ClientOnlyProps {
+    children?: Snippet;
+    fallback?: Snippet;
+}
+declare const ClientOnly: import("svelte").Component<ClientOnlyProps, {}, "">;
+type ClientOnly = ReturnType<typeof ClientOnly>;
+export default ClientOnly;

package/dist/providers/client-only/components/ClientOnly.svelte

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+
+  export interface ClientOnlyProps {
+    children?: Snippet
+    fallback?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { onMount } from 'svelte'
+
+  const props: ClientOnlyProps = $props()
+
+  let isClient = $state(false)
+
+  onMount(() => {
+    isClient = true
+  })
+</script>
+
+{#if isClient}
+  {@render props.children?.()}
+{:else if props.fallback}
+  {@render props.fallback()}
+{/if}

package/dist/providers/client-only/components/ClientOnly.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface ClientOnlyProps {
+    children?: Snippet;
+    fallback?: Snippet;
+}
+declare const ClientOnly: import("svelte").Component<ClientOnlyProps, {}, "">;
+type ClientOnly = ReturnType<typeof ClientOnly>;
+export default ClientOnly;

package/dist/providers/client-only/index.d.ts

@@ -0,0 +1 @@
+export { default as ClientOnly, type ClientOnlyProps } from './components/ClientOnly.svelte';

package/dist/providers/client-only/index.js

@@ -0,0 +1 @@
+export { default as ClientOnly } from './components/ClientOnly.svelte';

package/dist/providers/environment/components/EnvironmentProvider.d.svelte.ts

@@ -0,0 +1,16 @@
+import type { MaybeFunction } from '@destyler/utils';
+import type { Snippet } from 'svelte';
+import type { RootNode } from '../hooks/use-environment-context.js';
+export interface EnvironmentProviderProps {
+    /**
+     * The root node to use for the environment.
+     */
+    value?: MaybeFunction<RootNode>;
+    /**
+     * The children to render.
+     */
+    children?: Snippet;
+}
+declare const EnvironmentProvider: import("svelte").Component<EnvironmentProviderProps, {}, "">;
+type EnvironmentProvider = ReturnType<typeof EnvironmentProvider>;
+export default EnvironmentProvider;

package/dist/providers/environment/components/EnvironmentProvider.svelte

@@ -0,0 +1,41 @@
+<script module lang="ts">
+  import { getDocument, getWindow } from '@destyler/dom'
+  import type { MaybeFunction } from '@destyler/utils'
+  import type { Snippet } from 'svelte'
+  import type { RootNode, UseEnvironmentContext } from '../hooks/use-environment-context'
+
+  export interface EnvironmentProviderProps {
+    /**
+     * The root node to use for the environment.
+     */
+    value?: MaybeFunction<RootNode>
+    /**
+     * The children to render.
+     */
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { runIfFn } from '@destyler/utils'
+  import { EnvironmentContextProvider, useEnvironmentContext } from '../hooks/use-environment-context'
+
+  const { value, children }: EnvironmentProviderProps = $props()
+  let spanRef: HTMLSpanElement | null = $state(null)
+  const parentEnvironment = useEnvironmentContext()
+
+  const getRootNode = () => runIfFn(value) ?? spanRef?.ownerDocument ?? parentEnvironment().getRootNode()
+
+  const environment = $derived<ReturnType<UseEnvironmentContext>>({
+    getRootNode,
+    getDocument: () => getDocument(getRootNode()),
+    getWindow: () => getWindow(getRootNode()),
+  })
+
+  EnvironmentContextProvider(() => environment)
+</script>
+
+{@render children?.()}
+{#if !value}
+  <span bind:this={spanRef} hidden></span>
+{/if}

package/dist/providers/environment/components/EnvironmentProvider.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { MaybeFunction } from '@destyler/utils';
+import type { Snippet } from 'svelte';
+import type { RootNode } from '../hooks/use-environment-context.js';
+export interface EnvironmentProviderProps {
+    /**
+     * The root node to use for the environment.
+     */
+    value?: MaybeFunction<RootNode>;
+    /**
+     * The children to render.
+     */
+    children?: Snippet;
+}
+declare const EnvironmentProvider: import("svelte").Component<EnvironmentProviderProps, {}, "">;
+type EnvironmentProvider = ReturnType<typeof EnvironmentProvider>;
+export default EnvironmentProvider;

package/dist/providers/environment/hooks/use-environment-context.d.ts

@@ -0,0 +1,22 @@
+import type { Accessor } from '../../../types.js';
+export type RootNode = ShadowRoot | Document | Node;
+export interface UseEnvironmentContext extends Accessor<{
+    /**
+     * The root node of the application.
+     * This is used to determine the window and document objects.
+     * @default document
+     */
+    getRootNode: () => RootNode;
+    /**
+     * The document context for the root node.
+     * @default document
+     */
+    getDocument: () => Document;
+    /**
+     * The window context for the root node.
+     * @default window
+     */
+    getWindow: () => Window & typeof globalThis;
+}> {
+}
+export declare const EnvironmentContextProvider: (value: UseEnvironmentContext) => void, useEnvironmentContext: import("../../../utils/create-context.js").RequiredContextConsumer<UseEnvironmentContext>;

package/dist/providers/environment/hooks/use-environment-context.js

@@ -0,0 +1,22 @@
+import { createContext } from '../../../utils/create-context.js';
+const serverDocument = {
+    getElementById: () => null,
+    querySelector: () => null,
+    querySelectorAll: () => [],
+};
+const serverWindow = { document: serverDocument };
+function getDefaultDocument() {
+    return globalThis.document ?? serverDocument;
+}
+function getDefaultWindow() {
+    return globalThis.window ?? serverWindow;
+}
+export const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
+    name: 'EnvironmentContext',
+    strict: false,
+    defaultValue: () => ({
+        getRootNode: getDefaultDocument,
+        getDocument: getDefaultDocument,
+        getWindow: getDefaultWindow,
+    }),
+});

package/dist/providers/environment/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EnvironmentProvider, type EnvironmentProviderProps } from './components/EnvironmentProvider.svelte';
+export { type RootNode, useEnvironmentContext, type UseEnvironmentContext } from './hooks/use-environment-context.js';

package/dist/providers/environment/index.js

@@ -0,0 +1,2 @@
+export { default as EnvironmentProvider } from './components/EnvironmentProvider.svelte';
+export { useEnvironmentContext } from './hooks/use-environment-context.js';

package/dist/providers/focus-trap/components/FocusTrap.d.svelte.ts

@@ -0,0 +1,15 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../../types.js';
+import { type FocusTrapOptions } from '@destyler/focus-trap';
+export interface TrapOptions extends Pick<FocusTrapOptions, 'onActivate' | 'onDeactivate' | 'initialFocus' | 'fallbackFocus' | 'returnFocusOnDeactivate' | 'setReturnFocus'> {
+    /**
+     * Whether the focus trap is disabled.
+     */
+    disabled?: boolean;
+}
+export interface FocusTrapBaseProps extends PolymorphicProps<'div'>, RefAttribute, TrapOptions {
+}
+export interface FocusTrapProps extends Assign<HTMLProps<'div'>, FocusTrapBaseProps> {
+}
+declare const FocusTrap: import("svelte").Component<FocusTrapProps, {}, "ref">;
+type FocusTrap = ReturnType<typeof FocusTrap>;
+export default FocusTrap;

package/dist/providers/focus-trap/components/FocusTrap.svelte

@@ -0,0 +1,48 @@
+<script lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../../types.js'
+  import { createSplitProps } from '../../../utils/create-split-props.js'
+  import { type FocusTrapOptions, trapFocus } from '@destyler/focus-trap'
+  import { UI } from '../../../components/factory/index.js'
+
+  export interface TrapOptions
+    extends Pick<
+      FocusTrapOptions,
+      'onActivate' | 'onDeactivate' | 'initialFocus' | 'fallbackFocus' | 'returnFocusOnDeactivate' | 'setReturnFocus'
+    > {
+    /**
+     * Whether the focus trap is disabled.
+     */
+    disabled?: boolean
+  }
+
+  export interface FocusTrapBaseProps extends PolymorphicProps<'div'>, RefAttribute, TrapOptions {}
+  export interface FocusTrapProps extends Assign<HTMLProps<'div'>, FocusTrapBaseProps> {}
+
+  let { ref = $bindable<Element | null>(), ...props }: FocusTrapProps = $props()
+
+  const [trapProps, localProps] = $derived(
+    createSplitProps<TrapOptions>()(props, [
+      'disabled',
+      'onActivate',
+      'onDeactivate',
+      'initialFocus',
+      'fallbackFocus',
+      'returnFocusOnDeactivate',
+      'setReturnFocus',
+    ]),
+  )
+
+  let localNode = $state<HTMLDivElement | null>(null)
+
+  $effect(() => {
+    if (!localNode || trapProps.disabled) return
+    return trapFocus(localNode, trapProps)
+  })
+
+  function setNode(node: HTMLDivElement | null) {
+    ref = node
+    localNode = node
+  }
+</script>
+
+<UI as="div" {@attach setNode} {...localProps} />

package/dist/providers/focus-trap/components/FocusTrap.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../../types.js';
+import { type FocusTrapOptions } from '@destyler/focus-trap';
+export interface TrapOptions extends Pick<FocusTrapOptions, 'onActivate' | 'onDeactivate' | 'initialFocus' | 'fallbackFocus' | 'returnFocusOnDeactivate' | 'setReturnFocus'> {
+    /**
+     * Whether the focus trap is disabled.
+     */
+    disabled?: boolean;
+}
+export interface FocusTrapBaseProps extends PolymorphicProps<'div'>, RefAttribute, TrapOptions {
+}
+export interface FocusTrapProps extends Assign<HTMLProps<'div'>, FocusTrapBaseProps> {
+}
+declare const FocusTrap: import("svelte").Component<FocusTrapProps, {}, "ref">;
+type FocusTrap = ReturnType<typeof FocusTrap>;
+export default FocusTrap;

package/dist/providers/focus-trap/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FocusTrap } from './components/FocusTrap.svelte';
+export type { FocusTrapBaseProps, FocusTrapProps } from './components/FocusTrap.svelte';

package/dist/providers/focus-trap/index.js

@@ -0,0 +1 @@
+export { default as FocusTrap } from './components/FocusTrap.svelte';

package/dist/providers/format/components/Byte.d.svelte.ts

@@ -0,0 +1,17 @@
+export interface FormatByteProps {
+    /**
+     * The unit granularity to display
+     */
+    unit?: 'bit' | 'byte';
+    /**
+     * The unit display
+     */
+    unitDisplay?: 'long' | 'short' | 'narrow';
+    /**
+     * The byte size to format
+     */
+    value: number;
+}
+declare const Byte: import("svelte").Component<FormatByteProps, {}, "">;
+type Byte = ReturnType<typeof Byte>;
+export default Byte;

package/dist/providers/format/components/Byte.svelte

@@ -0,0 +1,32 @@
+<script module lang="ts">
+  export interface FormatByteProps {
+    /**
+     * The unit granularity to display
+     */
+    unit?: 'bit' | 'byte'
+    /**
+     * The unit display
+     */
+    unitDisplay?: 'long' | 'short' | 'narrow'
+    /**
+     * The byte size to format
+     */
+    value: number
+  }
+</script>
+
+<script lang="ts">
+  import { formatBytes } from '@destyler/i18n'
+  import { useLocaleContext } from '../../locale'
+
+  const props: FormatByteProps = $props()
+
+  const locale = useLocaleContext()
+
+  const text = $derived(() => {
+    const { value, ...intlProps } = props
+    return formatBytes(value, locale().locale, intlProps)
+  })
+</script>
+
+{text()}

package/dist/providers/format/components/Byte.svelte.d.ts

@@ -0,0 +1,17 @@
+export interface FormatByteProps {
+    /**
+     * The unit granularity to display
+     */
+    unit?: 'bit' | 'byte';
+    /**
+     * The unit display
+     */
+    unitDisplay?: 'long' | 'short' | 'narrow';
+    /**
+     * The byte size to format
+     */
+    value: number;
+}
+declare const Byte: import("svelte").Component<FormatByteProps, {}, "">;
+type Byte = ReturnType<typeof Byte>;
+export default Byte;

package/dist/providers/format/components/Number.d.svelte.ts

@@ -0,0 +1,9 @@
+export interface FormatNumberProps extends Intl.NumberFormatOptions {
+    /**
+     * The number to format
+     */
+    value: number;
+}
+declare const Number: import("svelte").Component<FormatNumberProps, {}, "">;
+type Number = ReturnType<typeof Number>;
+export default Number;

package/dist/providers/format/components/Number.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  export interface FormatNumberProps extends Intl.NumberFormatOptions {
+    /**
+     * The number to format
+     */
+    value: number
+  }
+</script>
+
+<script lang="ts">
+  import { formatNumber } from '@destyler/i18n'
+  import { useLocaleContext } from '../../locale'
+
+  const { value, ...props }: FormatNumberProps = $props()
+  const locale = useLocaleContext()
+  const text = $derived(formatNumber(value, locale().locale, props))
+</script>
+
+{text}

package/dist/providers/format/components/Number.svelte.d.ts

@@ -0,0 +1,9 @@
+export interface FormatNumberProps extends Intl.NumberFormatOptions {
+    /**
+     * The number to format
+     */
+    value: number;
+}
+declare const Number: import("svelte").Component<FormatNumberProps, {}, "">;
+type Number = ReturnType<typeof Number>;
+export default Number;

package/dist/providers/format/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FormatByte, type FormatByteProps } from './components/Byte.svelte';
+export { default as FormatNumber, type FormatNumberProps } from './components/Number.svelte';
+export * as Format from './namespace.js';

package/dist/providers/format/index.js

@@ -0,0 +1,3 @@
+export { default as FormatByte } from './components/Byte.svelte';
+export { default as FormatNumber } from './components/Number.svelte';
+export * as Format from './namespace.js';

package/dist/providers/format/namespace.d.ts

@@ -0,0 +1,2 @@
+export { default as Byte, type FormatByteProps as ByteBaseProps, type FormatByteProps as ByteProps, } from './components/Byte.svelte';
+export { default as Number, type FormatNumberProps as NumberBaseProps, type FormatNumberProps as NumberProps, } from './components/Number.svelte';

package/dist/providers/format/namespace.js

@@ -0,0 +1,2 @@
+export { default as Byte, } from './components/Byte.svelte';
+export { default as Number, } from './components/Number.svelte';

package/dist/providers/frame/components/Content.d.svelte.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+interface FrameContentProps {
+    onMount?(): void;
+    onUnmount?(): void;
+    children: Snippet;
+}
+declare const Content: import("svelte").Component<FrameContentProps, {}, "">;
+type Content = ReturnType<typeof Content>;
+export default Content;

package/dist/providers/frame/components/Content.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface FrameContentProps {
+    onMount?(): void
+    onUnmount?(): void
+    children: Snippet
+  }
+
+  const { onMount, onUnmount, children }: FrameContentProps = $props()
+
+  $effect(() => {
+    onMount?.()
+
+    return onUnmount
+  })
+</script>
+
+{@render children()}

package/dist/providers/frame/components/Content.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+interface FrameContentProps {
+    onMount?(): void;
+    onUnmount?(): void;
+    children: Snippet;
+}
+declare const Content: import("svelte").Component<FrameContentProps, {}, "">;
+type Content = ReturnType<typeof Content>;
+export default Content;