@destyler-ui/svelte 0.0.1-beta.17

package/dist/components/progress/hooks/use-progress.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 progress from '@destyler/progress';
+export interface UseProgressProps extends Omit<progress.Context, 'dir' | 'getRootNode' | 'id'> {
+    id: string;
+    defaultValue?: progress.Context['value'];
+}
+export interface UseProgressReturn extends Accessor<progress.Api<PropTypes>> {
+}
+export declare function useProgress(props: MaybeFunction<UseProgressProps>): () => progress.Api<import("../../../utils/normalize-props.js").PropTypes>;

package/dist/components/progress/hooks/use-progress.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 progress from '@destyler/progress';
+import { runIfFn } from '@destyler/utils';
+export function useProgress(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(() => progress.machine(machineProps.initial), {
+        get context() {
+            return machineProps.context;
+        },
+    });
+    const api = $derived(progress.connect(state, send, normalizeProps));
+    return () => api;
+}

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

@@ -0,0 +1,16 @@
+export { progressAnatomy } from './anatomy.js';
+export { default as ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps, } from './components/Circle.svelte';
+export { default as ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, } from './components/CircleRange.svelte';
+export { default as ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, } from './components/CircleTrack.svelte';
+export { default as ProgressContext, type ProgressContextProps } from './components/Context.svelte';
+export { default as ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps } from './components/Label.svelte';
+export { default as ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps } from './components/Range.svelte';
+export { default as ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps } from './components/Root.svelte';
+export { default as ProgressRootProvider, type ProgressRootProviderBaseProps, type ProgressRootProviderProps, } from './components/RootProvider.svelte';
+export { default as ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps } from './components/Track.svelte';
+export { default as ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps, } from './components/ValueText.svelte';
+export { default as ProgressView, type ProgressViewBaseProps, type ProgressViewProps } from './components/View.svelte';
+export { useProgressContext, type UseProgressContext } from './hooks/use-progress-context.js';
+export { useProgress, type UseProgressProps, type UseProgressReturn } from './hooks/use-progress.svelte.js';
+export * as Progress from './namespace.js';
+export type { ValueChangeDetails as ProgressValueChangeDetails, ValueTranslationDetails as ProgressValueTranslationDetails, } from '@destyler/progress';

package/dist/components/progress/index.js

@@ -0,0 +1,15 @@
+export { progressAnatomy } from './anatomy.js';
+export { default as ProgressCircle, } from './components/Circle.svelte';
+export { default as ProgressCircleRange, } from './components/CircleRange.svelte';
+export { default as ProgressCircleTrack, } from './components/CircleTrack.svelte';
+export { default as ProgressContext } from './components/Context.svelte';
+export { default as ProgressLabel } from './components/Label.svelte';
+export { default as ProgressRange } from './components/Range.svelte';
+export { default as ProgressRoot } from './components/Root.svelte';
+export { default as ProgressRootProvider, } from './components/RootProvider.svelte';
+export { default as ProgressTrack } from './components/Track.svelte';
+export { default as ProgressValueText, } from './components/ValueText.svelte';
+export { default as ProgressView } from './components/View.svelte';
+export { useProgressContext } from './hooks/use-progress-context.js';
+export { useProgress } from './hooks/use-progress.svelte.js';
+export * as Progress from './namespace.js';

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

@@ -0,0 +1,11 @@
+export { default as Circle, type ProgressCircleBaseProps as CircleBaseProps, type ProgressCircleProps as CircleProps, } from './components/Circle.svelte';
+export { default as CircleRange, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, type ProgressCircleRangeProps as CircleRangeProps, } from './components/CircleRange.svelte';
+export { default as CircleTrack, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, type ProgressCircleTrackProps as CircleTrackProps, } from './components/CircleTrack.svelte';
+export { default as Context, type ProgressContextProps as ContextProps } from './components/Context.svelte';
+export { default as Label, type ProgressLabelBaseProps as LabelBaseProps, type ProgressLabelProps as LabelProps, } from './components/Label.svelte';
+export { default as Range, type ProgressRangeBaseProps as RangeBaseProps, type ProgressRangeProps as RangeProps, } from './components/Range.svelte';
+export { default as Root, type ProgressRootBaseProps as RootBaseProps, type ProgressRootProps as RootProps, } from './components/Root.svelte';
+export { default as RootProvider, type ProgressRootProviderBaseProps as RootProviderBaseProps, type ProgressRootProviderProps as RootProviderProps, } from './components/RootProvider.svelte';
+export { default as Track, type ProgressTrackBaseProps as TrackBaseProps, type ProgressTrackProps as TrackProps, } from './components/Track.svelte';
+export { default as ValueText, type ProgressValueTextBaseProps as ValueTextBaseProps, type ProgressValueTextProps as ValueTextProps, } from './components/ValueText.svelte';
+export { default as View, type ProgressViewBaseProps as ViewBaseProps, type ProgressViewProps as ViewProps, } from './components/View.svelte';

package/dist/components/progress/namespace.js

@@ -0,0 +1,11 @@
+export { default as Circle, } from './components/Circle.svelte';
+export { default as CircleRange, } from './components/CircleRange.svelte';
+export { default as CircleTrack, } from './components/CircleTrack.svelte';
+export { default as Context } from './components/Context.svelte';
+export { default as Label, } from './components/Label.svelte';
+export { default as Range, } from './components/Range.svelte';
+export { default as Root, } from './components/Root.svelte';
+export { default as RootProvider, } from './components/RootProvider.svelte';
+export { default as Track, } from './components/Track.svelte';
+export { default as ValueText, } from './components/ValueText.svelte';
+export { default as View, } from './components/View.svelte';

package/dist/components/qr-code/anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as qrCodeAnatomy } from '@destyler/qr-code';

package/dist/components/qr-code/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as qrCodeAnatomy } from '@destyler/qr-code';

package/dist/components/qr-code/components/Context.d.svelte.ts

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

package/dist/components/qr-code/components/Context.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseQrCodeContext } from '../hooks/use-qr-code-context'
+
+  export interface QrCodeContextProps {
+    api?: Snippet<[UseQrCodeContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useQrCodeContext } from '../hooks/use-qr-code-context'
+
+  const { api }: QrCodeContextProps = $props()
+  const qrCode = useQrCodeContext()
+</script>
+
+{@render api?.(qrCode)}

package/dist/components/qr-code/components/Context.svelte.d.ts

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

package/dist/components/qr-code/components/DownloadTrigger.d.svelte.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { DownloadTriggerProps } from '@destyler/qr-code';
+export interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps<'button'> {
+}
+export interface QrCodeDownloadTriggerProps extends Assign<HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps> {
+}
+declare const DownloadTrigger: import("svelte").Component<QrCodeDownloadTriggerProps, {}, "">;
+type DownloadTrigger = ReturnType<typeof DownloadTrigger>;
+export default DownloadTrigger;

package/dist/components/qr-code/components/DownloadTrigger.svelte

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+  import type { DownloadTriggerProps } from '@destyler/qr-code'
+
+  export interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps<'button'> {}
+
+  export interface QrCodeDownloadTriggerProps extends Assign<HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { createSplitProps } from '../../../utils/create-split-props'
+  import { UI } from '../../factory'
+  import { useQrCodeContext } from '../hooks/use-qr-code-context'
+
+  const props: QrCodeDownloadTriggerProps = $props()
+  const [downloadTriggerProps, localProps] = $derived(
+    createSplitProps<DownloadTriggerProps>()(props, ['fileName', 'mimeType', 'quality']),
+  )
+  const qrCode = useQrCodeContext()
+  const mergedProps = $derived(mergeProps(qrCode().getDownloadTriggerProps(downloadTriggerProps), localProps))
+</script>
+
+<UI as="button" {...mergedProps} />

package/dist/components/qr-code/components/DownloadTrigger.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
+import type { DownloadTriggerProps } from '@destyler/qr-code';
+export interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps<'button'> {
+}
+export interface QrCodeDownloadTriggerProps extends Assign<HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps> {
+}
+declare const DownloadTrigger: import("svelte").Component<QrCodeDownloadTriggerProps, {}, "">;
+type DownloadTrigger = ReturnType<typeof DownloadTrigger>;
+export default DownloadTrigger;

package/dist/components/qr-code/components/Frame.d.svelte.ts

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

package/dist/components/qr-code/components/Frame.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface QrCodeFrameBaseProps extends PolymorphicProps<'svg'> {}
+  export interface QrCodeFrameProps extends Assign<HTMLProps<'svg'>, QrCodeFrameBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useQrCodeContext } from '../hooks/use-qr-code-context'
+
+  const props: QrCodeFrameProps = $props()
+  const qrCode = useQrCodeContext()
+  const mergedProps = $derived(mergeProps(qrCode().getFrameProps(), props))
+</script>
+
+<UI as="svg" {...mergedProps} />

package/dist/components/qr-code/components/Frame.svelte.d.ts

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

package/dist/components/qr-code/components/Overlay.d.svelte.ts

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

package/dist/components/qr-code/components/Overlay.svelte

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

package/dist/components/qr-code/components/Overlay.svelte.d.ts

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

package/dist/components/qr-code/components/Pattern.d.svelte.ts

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

package/dist/components/qr-code/components/Pattern.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
+
+  export interface QrCodePatternBaseProps extends PolymorphicProps<'path'> {}
+  export interface QrCodePatternProps extends Assign<HTMLProps<'path'>, QrCodePatternBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { useQrCodeContext } from '../hooks/use-qr-code-context'
+
+  const props: QrCodePatternProps = $props()
+  const qrCode = useQrCodeContext()
+  const mergedProps = $derived(mergeProps(qrCode().getPatternProps(), props))
+</script>
+
+<UI as="path" {...mergedProps} />

package/dist/components/qr-code/components/Pattern.svelte.d.ts

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

package/dist/components/qr-code/components/Root.d.svelte.ts

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

package/dist/components/qr-code/components/Root.svelte

@@ -0,0 +1,46 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps } from '../../../types'
+  import type { UseQrCodeProps } from '../hooks/use-qr-code.svelte'
+
+  export interface QrCodeRootBaseProps extends Optional<UseQrCodeProps, 'id'>, PolymorphicProps<'div'> {}
+  export interface QrCodeRootProps extends Assign<HTMLProps<'div'>, QrCodeRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { createSplitProps } from '../../../utils/create-split-props'
+  import { UI } from '../../factory'
+  import { QrCodeProvider } from '../hooks/use-qr-code-context'
+  import { useQrCode } from '../hooks/use-qr-code.svelte'
+
+  let { value = $bindable(), ...props }: QrCodeRootProps = $props()
+  const providedId = $props.id()
+
+  const [useQrCodeProps, localProps] = $derived(
+    createSplitProps<Optional<UseQrCodeProps, 'id'>>()(props, [
+      'defaultValue',
+      'encoding',
+      'id',
+      'ids',
+      'onValueChange',
+      'value',
+    ]),
+  )
+
+  const resolvedProps = $derived<UseQrCodeProps>({
+    ...useQrCodeProps,
+    id: useQrCodeProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      value = details.value
+      useQrCodeProps.onValueChange?.(details)
+    },
+  })
+
+  const qrCode = useQrCode(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(qrCode().getRootProps(), localProps))
+
+  QrCodeProvider(() => qrCode())
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/qr-code/components/Root.svelte.d.ts

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

package/dist/components/qr-code/components/RootProvider.d.svelte.ts

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

package/dist/components/qr-code/components/RootProvider.svelte

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps } from '../../../types'
+  import type { UseQrCodeReturn } from '../hooks/use-qr-code.svelte'
+
+  interface RootProviderProps {
+    value: UseQrCodeReturn
+  }
+
+  export interface QrCodeRootProviderBaseProps extends RootProviderProps {}
+  export interface QrCodeRootProviderProps extends Assign<HTMLProps<'div'>, QrCodeRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@destyler/svelte'
+  import { UI } from '../../factory'
+  import { QrCodeProvider } from '../hooks/use-qr-code-context'
+
+  const { value: qrCode, ...localProps }: QrCodeRootProviderProps = $props()
+  const mergedProps = $derived(mergeProps(qrCode().getRootProps(), localProps))
+
+  QrCodeProvider(() => qrCode())
+</script>
+
+<UI as="div" {...mergedProps} />

package/dist/components/qr-code/components/RootProvider.svelte.d.ts

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

package/dist/components/qr-code/hooks/use-qr-code-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseQrCodeReturn } from './use-qr-code.svelte.js';
+export interface UseQrCodeContext extends UseQrCodeReturn {
+}
+export declare const QrCodeProvider: (value: UseQrCodeContext) => void, useQrCodeContext: import("../../../utils/create-context.js").RequiredContextConsumer<UseQrCodeContext>;

package/dist/components/qr-code/hooks/use-qr-code-context.js

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

package/dist/components/qr-code/hooks/use-qr-code.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 qrcode from '@destyler/qr-code';
+export interface UseQrCodeProps extends Omit<qrcode.Context, 'dir' | 'getRootNode' | 'id'> {
+    id: string;
+    defaultValue?: qrcode.Context['value'];
+}
+export interface UseQrCodeReturn extends Accessor<qrcode.Api<PropTypes>> {
+}
+export declare function useQrCode(props: MaybeFunction<UseQrCodeProps>): () => qrcode.Api<import("../../../utils/normalize-props.js").PropTypes>;

package/dist/components/qr-code/hooks/use-qr-code.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 qrcode from '@destyler/qr-code';
+import { runIfFn } from '@destyler/utils';
+export function useQrCode(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(() => qrcode.machine(machineProps.initial), {
+        get context() {
+            return machineProps.context;
+        },
+    });
+    const api = $derived(qrcode.connect(state, send, normalizeProps));
+    return () => api;
+}

package/dist/components/qr-code/index.d.ts

@@ -0,0 +1,12 @@
+export { qrCodeAnatomy } from './anatomy.js';
+export { default as QrCodeContext, type QrCodeContextProps } from './components/Context.svelte';
+export { default as QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, } from './components/DownloadTrigger.svelte';
+export { default as QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './components/Frame.svelte';
+export { default as QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps, } from './components/Overlay.svelte';
+export { default as QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps, } from './components/Pattern.svelte';
+export { default as QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps } from './components/Root.svelte';
+export { default as QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, } from './components/RootProvider.svelte';
+export { useQrCodeContext, type UseQrCodeContext } from './hooks/use-qr-code-context.js';
+export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './hooks/use-qr-code.svelte.js';
+export * as QrCode from './namespace.js';
+export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@destyler/qr-code';

package/dist/components/qr-code/index.js

@@ -0,0 +1,11 @@
+export { qrCodeAnatomy } from './anatomy.js';
+export { default as QrCodeContext } from './components/Context.svelte';
+export { default as QrCodeDownloadTrigger, } from './components/DownloadTrigger.svelte';
+export { default as QrCodeFrame } from './components/Frame.svelte';
+export { default as QrCodeOverlay, } from './components/Overlay.svelte';
+export { default as QrCodePattern, } from './components/Pattern.svelte';
+export { default as QrCodeRoot } from './components/Root.svelte';
+export { default as QrCodeRootProvider, } from './components/RootProvider.svelte';
+export { useQrCodeContext } from './hooks/use-qr-code-context.js';
+export { useQrCode } from './hooks/use-qr-code.svelte.js';
+export * as QrCode from './namespace.js';

package/dist/components/qr-code/namespace.d.ts

@@ -0,0 +1,8 @@
+export { default as Context, type QrCodeContextProps as ContextProps } from './components/Context.svelte';
+export { default as DownloadTrigger, type QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, type QrCodeDownloadTriggerProps as DownloadTriggerProps, } from './components/DownloadTrigger.svelte';
+export { default as Frame, type QrCodeFrameBaseProps as FrameBaseProps, type QrCodeFrameProps as FrameProps, } from './components/Frame.svelte';
+export { default as Overlay, type QrCodeOverlayBaseProps as OverlayBaseProps, type QrCodeOverlayProps as OverlayProps, } from './components/Overlay.svelte';
+export { default as Pattern, type QrCodePatternBaseProps as PatternBaseProps, type QrCodePatternProps as PatternProps, } from './components/Pattern.svelte';
+export { default as Root, type QrCodeRootBaseProps as RootBaseProps, type QrCodeRootProps as RootProps, } from './components/Root.svelte';
+export { default as RootProvider, type QrCodeRootProviderBaseProps as RootProviderBaseProps, type QrCodeRootProviderProps as RootProviderProps, } from './components/RootProvider.svelte';
+export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult } from '@destyler/qr-code';

package/dist/components/qr-code/namespace.js

@@ -0,0 +1,7 @@
+export { default as Context } from './components/Context.svelte';
+export { default as DownloadTrigger, } from './components/DownloadTrigger.svelte';
+export { default as Frame, } from './components/Frame.svelte';
+export { default as Overlay, } from './components/Overlay.svelte';
+export { default as Pattern, } from './components/Pattern.svelte';
+export { default as Root, } from './components/Root.svelte';
+export { default as RootProvider, } from './components/RootProvider.svelte';

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

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

package/dist/components/radio/anatomy.js

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

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

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

package/dist/components/radio/components/Context.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseRadioContext } from '../hooks/use-radio-context'
+
+  export interface RadioContextProps {
+    children: Snippet<[UseRadioContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useRadioContext } from '../hooks/use-radio-context'
+
+  let { children }: RadioContextProps = $props()
+
+  const context = useRadioContext()
+</script>
+
+{@render children(context)}

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

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

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

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

package/dist/components/radio/components/Indicator.svelte

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

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

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