@destyler-ui/svelte 0.0.1-beta.17

package/dist/components/checkbox/hooks/use-checkbox-group.svelte.d.ts

@@ -0,0 +1,55 @@
+import type { MaybeFunction } from '@destyler/utils';
+export interface UseCheckboxGroupProps {
+    /**
+     * The initial value of `value` when uncontrolled
+     */
+    defaultValue?: string[];
+    /**
+     * The controlled value of the checkbox group
+     */
+    value?: string[];
+    /**
+     * The name of the input fields in the checkbox group
+     * (Useful for form submission).
+     */
+    name?: string;
+    /**
+     * The callback to call when the value changes
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * If `true`, the checkbox group is disabled
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the checkbox group is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * If `true`, the checkbox group is invalid
+     */
+    invalid?: boolean;
+}
+export interface CheckboxGroupItemProps {
+    value: string | undefined;
+}
+export type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>;
+export declare function useCheckboxGroup(props?: MaybeFunction<UseCheckboxGroupProps>): () => {
+    isChecked: (val: string | undefined) => boolean;
+    value: string[];
+    name: string | undefined;
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
+    setValue: (newValue: string[]) => void;
+    addValue: (val: string) => void;
+    toggleValue: (val: string) => void;
+    getItemProps: (itemProps: CheckboxGroupItemProps) => {
+        checked: boolean | undefined;
+        onCheckedChange(): void;
+        name: string | undefined;
+        disabled: boolean;
+        readOnly: boolean;
+        invalid: boolean;
+    };
+};

package/dist/components/checkbox/hooks/use-checkbox-group.svelte.js

@@ -0,0 +1,59 @@
+import { runIfFn } from '@destyler/utils';
+import { untrack } from 'svelte';
+export function useCheckboxGroup(props = {}) {
+    const resolvedProps = $derived(runIfFn(props) || {});
+    let valueState = $state(untrack(() => resolvedProps.defaultValue) ?? []);
+    const value = $derived(resolvedProps.value !== undefined ? resolvedProps.value : valueState);
+    const interactive = $derived(!(resolvedProps.disabled || resolvedProps.readOnly));
+    const setValue = (newValue) => {
+        if (resolvedProps.value === undefined) {
+            valueState = newValue;
+        }
+        resolvedProps.onValueChange?.(newValue);
+    };
+    const isChecked = (val) => {
+        return value.some(v => String(v) === String(val));
+    };
+    const addValue = (val) => {
+        if (!interactive)
+            return;
+        if (isChecked(val))
+            return;
+        setValue(value.concat(val));
+    };
+    const removeValue = (val) => {
+        if (!interactive)
+            return;
+        setValue(value.filter(v => String(v) !== String(val)));
+    };
+    const toggleValue = (val) => {
+        isChecked(val) ? removeValue(val) : addValue(val);
+    };
+    const getItemProps = (itemProps) => {
+        return {
+            checked: itemProps.value != null ? isChecked(itemProps.value) : undefined,
+            onCheckedChange() {
+                if (itemProps.value != null) {
+                    toggleValue(itemProps.value);
+                }
+            },
+            name: resolvedProps.name,
+            disabled: !!resolvedProps.disabled,
+            readOnly: !!resolvedProps.readOnly,
+            invalid: !!resolvedProps.invalid,
+        };
+    };
+    const api = $derived({
+        isChecked,
+        value,
+        name: resolvedProps.name,
+        disabled: !!resolvedProps.disabled,
+        readOnly: !!resolvedProps.readOnly,
+        invalid: !!resolvedProps.invalid,
+        setValue,
+        addValue,
+        toggleValue,
+        getItemProps,
+    });
+    return () => api;
+}

package/dist/components/checkbox/hooks/use-checkbox.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 checkbox from '@destyler/checkbox';
+export interface UseCheckboxProps extends Omit<checkbox.Context, 'dir' | 'getRootNode' | 'id'> {
+    id: string;
+    defaultChecked?: checkbox.Context['checked'];
+}
+export interface UseCheckboxReturn extends Accessor<checkbox.Api<PropTypes>> {
+}
+export declare function useCheckbox(props: MaybeFunction<UseCheckboxProps>): UseCheckboxReturn;

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

@@ -0,0 +1,40 @@
+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 checkbox from '@destyler/checkbox';
+import { mergeProps } from '@destyler/svelte';
+import { runIfFn } from '@destyler/utils';
+import { useFieldContext } from '../../field/index.js';
+import { useCheckboxGroupContext } from './use-checkbox-group-context.js';
+export function useCheckbox(props) {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const checkboxGroup = useCheckboxGroupContext();
+    const field = useFieldContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        const localProps = mergeProps(checkboxGroup?.()?.getItemProps({ value: resolvedProps.value }) ?? {}, resolvedProps);
+        return createMachineProps({
+            ids: {
+                label: field?.()?.ids.label,
+                hiddenInput: field?.()?.ids.control,
+            },
+            dir: locale().dir,
+            disabled: field?.()?.disabled,
+            readOnly: field?.()?.readOnly,
+            invalid: field?.()?.invalid,
+            required: field?.()?.required,
+            getRootNode: env().getRootNode,
+            ...localProps,
+        }, { checked: 'defaultChecked' });
+    });
+    const [state, send] = useMachine(() => checkbox.machine(machineProps.initial), {
+        get context() {
+            return machineProps.context;
+        },
+    });
+    const api = $derived(checkbox.connect(state, send, normalizeProps));
+    return () => api;
+}

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

@@ -0,0 +1,19 @@
+export { checkboxAnatomy } from './anatomy.js';
+export { default as CheckboxContext, type CheckboxContextProps } from './components/Context.svelte';
+export { default as CheckboxControl, type CheckboxControlBaseProps, type CheckboxControlProps, } from './components/Control.svelte';
+export { default as CheckboxGroup, type CheckboxGroupBaseProps, type CheckboxGroupProps } from './components/Group.svelte';
+export { default as CheckboxHiddenInput, type CheckboxHiddenInputBaseProps, type CheckboxHiddenInputProps, } from './components/HiddenInput.svelte';
+export { default as CheckboxIndicator, type CheckboxIndicatorBaseProps, type CheckboxIndicatorProps, } from './components/Indicator.svelte';
+export { default as CheckboxLabel, type CheckboxLabelBaseProps, type CheckboxLabelProps } from './components/Label.svelte';
+export { default as CheckboxRoot, type CheckboxRootBaseProps, type CheckboxRootProps } from './components/Root.svelte';
+export { default as CheckboxRootProvider, type CheckboxRootProviderBaseProps, type CheckboxRootProviderProps, } from './components/RootProvider.svelte';
+export { CheckboxProvider, useCheckboxContext } from './hooks/use-checkbox-context.js';
+export type { UseCheckboxContext } from './hooks/use-checkbox-context.js';
+export { CheckboxGroupProvider, useCheckboxGroupContext } from './hooks/use-checkbox-group-context.js';
+export type { UseCheckboxGroupContext } from './hooks/use-checkbox-group-context.js';
+export { useCheckboxGroup } from './hooks/use-checkbox-group.svelte.js';
+export type { UseCheckboxGroupProps, UseCheckboxGroupReturn } from './hooks/use-checkbox-group.svelte.js';
+export { useCheckbox } from './hooks/use-checkbox.svelte.js';
+export type { UseCheckboxProps, UseCheckboxReturn } from './hooks/use-checkbox.svelte.js';
+export * as Checkbox from './namespace.js';
+export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@destyler/checkbox';

package/dist/components/checkbox/index.js

@@ -0,0 +1,14 @@
+export { checkboxAnatomy } from './anatomy.js';
+export { default as CheckboxContext } from './components/Context.svelte';
+export { default as CheckboxControl, } from './components/Control.svelte';
+export { default as CheckboxGroup } from './components/Group.svelte';
+export { default as CheckboxHiddenInput, } from './components/HiddenInput.svelte';
+export { default as CheckboxIndicator, } from './components/Indicator.svelte';
+export { default as CheckboxLabel } from './components/Label.svelte';
+export { default as CheckboxRoot } from './components/Root.svelte';
+export { default as CheckboxRootProvider, } from './components/RootProvider.svelte';
+export { CheckboxProvider, useCheckboxContext } from './hooks/use-checkbox-context.js';
+export { CheckboxGroupProvider, useCheckboxGroupContext } from './hooks/use-checkbox-group-context.js';
+export { useCheckboxGroup } from './hooks/use-checkbox-group.svelte.js';
+export { useCheckbox } from './hooks/use-checkbox.svelte.js';
+export * as Checkbox from './namespace.js';

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

@@ -0,0 +1,9 @@
+export { default as Context, type CheckboxContextProps as ContextProps } from './components/Context.svelte';
+export { default as Control, type CheckboxControlBaseProps as ControlBaseProps, type CheckboxControlProps as ControlProps, } from './components/Control.svelte';
+export { default as Group, type CheckboxGroupBaseProps as GroupBaseProps, type CheckboxGroupProps as GroupProps, } from './components/Group.svelte';
+export { default as HiddenInput, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, type CheckboxHiddenInputProps as HiddenInputProps, } from './components/HiddenInput.svelte';
+export { default as Indicator, type CheckboxIndicatorBaseProps as IndicatorBaseProps, type CheckboxIndicatorProps as IndicatorProps, } from './components/Indicator.svelte';
+export { default as Label, type CheckboxLabelBaseProps as LabelBaseProps, type CheckboxLabelProps as LabelProps, } from './components/Label.svelte';
+export { default as Root, type CheckboxRootBaseProps as RootBaseProps, type CheckboxRootProps as RootProps, } from './components/Root.svelte';
+export { default as RootProvider, type CheckboxRootProviderBaseProps as RootProviderBaseProps, type CheckboxRootProviderProps as RootProviderProps, } from './components/RootProvider.svelte';
+export type { CheckedChangeDetails, CheckedState } from '@destyler/checkbox';

package/dist/components/checkbox/namespace.js

@@ -0,0 +1,8 @@
+export { default as Context } from './components/Context.svelte';
+export { default as Control, } from './components/Control.svelte';
+export { default as Group, } from './components/Group.svelte';
+export { default as HiddenInput, } from './components/HiddenInput.svelte';
+export { default as Indicator, } from './components/Indicator.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/clipboard/anatomy.d.ts

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

package/dist/components/clipboard/anatomy.js

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

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

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

package/dist/components/clipboard/components/Context.svelte

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

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

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

package/dist/components/clipboard/components/Control.d.svelte.ts

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

package/dist/components/clipboard/components/Control.svelte

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

package/dist/components/clipboard/components/Control.svelte.d.ts

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

package/dist/components/clipboard/components/Indicator.d.svelte.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { Snippet } from 'svelte';
+export interface ClipboardIndicatorBaseProps extends PolymorphicProps<'div'> {
+    copied?: Snippet;
+}
+export interface ClipboardIndicatorProps extends Assign<HTMLProps<'div'>, ClipboardIndicatorBaseProps> {
+}
+declare const Indicator: import("svelte").Component<ClipboardIndicatorProps, {}, "">;
+type Indicator = ReturnType<typeof Indicator>;
+export default Indicator;

package/dist/components/clipboard/components/Indicator.svelte

@@ -0,0 +1,28 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+  import type { Snippet } from 'svelte'
+
+  export interface ClipboardIndicatorBaseProps extends PolymorphicProps<'div'> {
+    copied?: Snippet
+  }
+  export interface ClipboardIndicatorProps extends Assign<HTMLProps<'div'>, ClipboardIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useClipboardContext } from '../hooks/use-clipboard-context'
+
+  const { children, copied, ...localProps }: ClipboardIndicatorProps = $props()
+
+  const clipboard = useClipboardContext()
+  const mergedProps = $derived(mergeProps(clipboard().getIndicatorProps({ copied: clipboard().copied }), localProps))
+</script>
+
+<UI as="div" {...mergedProps}>
+  {#if clipboard().copied && copied}
+    {@render copied()}
+  {:else if children}
+    {@render children()}
+  {/if}
+</UI>

package/dist/components/clipboard/components/Indicator.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { Snippet } from 'svelte';
+export interface ClipboardIndicatorBaseProps extends PolymorphicProps<'div'> {
+    copied?: Snippet;
+}
+export interface ClipboardIndicatorProps extends Assign<HTMLProps<'div'>, ClipboardIndicatorBaseProps> {
+}
+declare const Indicator: import("svelte").Component<ClipboardIndicatorProps, {}, "">;
+type Indicator = ReturnType<typeof Indicator>;
+export default Indicator;

package/dist/components/clipboard/components/Input.d.svelte.ts

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

package/dist/components/clipboard/components/Input.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface ClipboardInputBaseProps extends PolymorphicProps<'input'> {}
+  export interface ClipboardInputProps extends Assign<HTMLProps<'input'>, ClipboardInputBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useClipboardContext } from '../hooks/use-clipboard-context'
+
+  const props: ClipboardInputProps = $props()
+
+  const clipboard = useClipboardContext()
+  const mergedProps = $derived(mergeProps(clipboard().getInputProps(), props))
+</script>
+
+<UI as="input" {...mergedProps} />

package/dist/components/clipboard/components/Input.svelte.d.ts

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

package/dist/components/clipboard/components/Label.d.svelte.ts

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

package/dist/components/clipboard/components/Label.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface ClipboardLabelBaseProps extends PolymorphicProps<'label'> {}
+  export interface ClipboardLabelProps extends Assign<HTMLProps<'label'>, ClipboardLabelBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useClipboardContext } from '../hooks/use-clipboard-context'
+
+  const props: ClipboardLabelProps = $props()
+
+  const clipboard = useClipboardContext()
+  const mergedProps = $derived(mergeProps(clipboard().getLabelProps(), props))
+</script>
+
+<UI as="label" {...mergedProps} />

package/dist/components/clipboard/components/Label.svelte.d.ts

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

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

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

package/dist/components/clipboard/components/Root.svelte

@@ -0,0 +1,32 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types'
+  import type { UseClipboardProps } from '../hooks/use-clipboard.svelte'
+
+  export interface ClipboardRootBaseProps extends Optional<UseClipboardProps, 'id'>, PolymorphicProps<'div'> {}
+  export interface ClipboardRootProps extends Assign<HTMLProps<'div'>, ClipboardRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { splitClipboardProps } from '../hooks/clipboard-split-props.svelte'
+  import { ClipboardProvider } from '../hooks/use-clipboard-context'
+  import { useClipboard } from '../hooks/use-clipboard.svelte'
+
+  const props: ClipboardRootProps = $props()
+  const providedId = $props.id()
+
+  const [useClipboardProps, localProps] = $derived(splitClipboardProps(props))
+
+  const resolvedProps = $derived<UseClipboardProps>({
+    ...useClipboardProps,
+    id: useClipboardProps.id ?? providedId,
+  })
+
+  const clipboard = useClipboard(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(clipboard().getRootProps(), localProps))
+
+  ClipboardProvider(() => clipboard())
+</script>
+
+<UI as="div" {...mergedProps} />

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

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

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { UseClipboardReturn } from '../hooks/use-clipboard.svelte.js';
+export interface ClipboardRootProviderBaseProps extends PolymorphicProps<'div'> {
+    value: UseClipboardReturn;
+}
+export interface ClipboardRootProviderProps extends Assign<HTMLProps<'div'>, ClipboardRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<ClipboardRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

package/dist/components/clipboard/components/RootProvider.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+  import type { UseClipboardReturn } from '../hooks/use-clipboard.svelte'
+
+  export interface ClipboardRootProviderBaseProps extends PolymorphicProps<'div'> {
+    value: UseClipboardReturn
+  }
+  export interface ClipboardRootProviderProps extends Assign<HTMLProps<'div'>, ClipboardRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { ClipboardProvider } from '../hooks/use-clipboard-context'
+
+  const { value, ...props }: ClipboardRootProviderProps = $props()
+
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props))
+
+  ClipboardProvider(() => value())
+</script>
+
+<UI as="div" {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { UseClipboardReturn } from '../hooks/use-clipboard.svelte.js';
+export interface ClipboardRootProviderBaseProps extends PolymorphicProps<'div'> {
+    value: UseClipboardReturn;
+}
+export interface ClipboardRootProviderProps extends Assign<HTMLProps<'div'>, ClipboardRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<ClipboardRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

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

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

package/dist/components/clipboard/components/Trigger.svelte

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

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

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

package/dist/components/clipboard/components/ValueText.d.svelte.ts

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

package/dist/components/clipboard/components/ValueText.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface ClipboardValueTextBaseProps extends PolymorphicProps<'span'> {}
+  export interface ClipboardValueTextProps extends Assign<HTMLProps<'span'>, ClipboardValueTextBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { UI } from '../../factory'
+  import { useClipboardContext } from '../hooks/use-clipboard-context'
+
+  const { children, ...props }: ClipboardValueTextProps = $props()
+
+  const clipboard = useClipboardContext()
+</script>
+
+<UI as="span" {...props}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {clipboard().value}
+  {/if}
+</UI>

package/dist/components/clipboard/components/ValueText.svelte.d.ts

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