@profidev/pleiades 1.7.0

package/dist/components/ui-extra/language-switcher/types.d.ts

@@ -0,0 +1,19 @@
+export type Language = {
+    /** Language code (e.g., 'en', 'de') */
+    code: string;
+    /** Display name (e.g., 'English', 'Deutsch') */
+    label: string;
+};
+export type LanguageSwitcherProps = {
+    /** List of available languages */
+    languages: Language[];
+    /** Current selected language code */
+    value?: string;
+    /** Dropdown alignment */
+    align?: 'start' | 'center' | 'end';
+    /** Button variant */
+    variant?: 'outline' | 'ghost';
+    /** Called when the language changes */
+    onChange?: (code: string) => void;
+    class?: string;
+};

package/dist/components/ui-extra/language-switcher/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ui-extra/light-switch/index.d.ts

@@ -0,0 +1,2 @@
+import LightSwitch from './light-switch.svelte';
+export { LightSwitch };

package/dist/components/ui-extra/light-switch/index.js

@@ -0,0 +1,2 @@
+import LightSwitch from './light-switch.svelte';
+export { LightSwitch };

package/dist/components/ui-extra/light-switch/light-switch.svelte

@@ -0,0 +1,27 @@
+<script lang="ts" module>
+  import type { Size } from '../../../blocks/button.svelte';
+
+  export type LightSwitchProps = {
+    variant?: 'outline' | 'ghost';
+    size?: Size;
+  };
+</script>
+
+<script lang="ts">
+  import SunIcon from '@lucide/svelte/icons/sun';
+  import MoonIcon from '@lucide/svelte/icons/moon';
+  import { toggleMode } from 'mode-watcher';
+  import Button, { sizeMap } from '../../../blocks/button.svelte';
+
+  let { variant = 'outline', size = 'default' }: LightSwitchProps = $props();
+</script>
+
+<Button onclick={toggleMode} {variant} size={sizeMap[size].icon}>
+  <SunIcon
+    class="scale-100 rotate-0 !transition-all dark:scale-0 dark:-rotate-90"
+  />
+  <MoonIcon
+    class="absolute scale-0 rotate-90 !transition-all dark:scale-100 dark:rotate-0"
+  />
+  <span class="sr-only">Toggle theme</span>
+</Button>

package/dist/components/ui-extra/light-switch/light-switch.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Size } from '../../../blocks/button.svelte';
+export type LightSwitchProps = {
+    variant?: 'outline' | 'ghost';
+    size?: Size;
+};
+declare const LightSwitch: import("svelte").Component<LightSwitchProps, {}, "">;
+type LightSwitch = ReturnType<typeof LightSwitch>;
+export default LightSwitch;

package/dist/components/ui-extra/light-switch/types.d.ts

@@ -0,0 +1,3 @@
+export type LightSwitchProps = {
+    variant?: 'outline' | 'ghost';
+};

package/dist/components/ui-extra/light-switch/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ui-extra/link/index.d.ts

@@ -0,0 +1,2 @@
+import Link from './link.svelte';
+export { Link };

package/dist/components/ui-extra/link/index.js

@@ -0,0 +1,2 @@
+import Link from './link.svelte';
+export { Link };

package/dist/components/ui-extra/link/link.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { cn } from '../../../blocks/utils.js';
+  import type { HTMLAnchorAttributes } from 'svelte/elements';
+
+  let { children, class: className, ...rest }: HTMLAnchorAttributes = $props();
+</script>
+
+<a
+  {...rest}
+  class={cn(
+    'text-foreground font-medium underline underline-offset-4',
+    className
+  )}
+>
+  {@render children?.()}
+</a>

package/dist/components/ui-extra/link/link.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAnchorAttributes } from 'svelte/elements';
+declare const Link: import("svelte").Component<HTMLAnchorAttributes, {}, "">;
+type Link = ReturnType<typeof Link>;
+export default Link;

package/dist/components/ui-extra/meter/index.d.ts

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

package/dist/components/ui-extra/meter/index.js

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

package/dist/components/ui-extra/meter/meter.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+  import {
+    Meter as MeterPrimitive,
+    type WithoutChildrenOrChild
+  } from 'bits-ui';
+  import { cn } from '../../../blocks/utils.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    max = 100,
+    value,
+    ...restProps
+  }: WithoutChildrenOrChild<MeterPrimitive.RootProps> = $props();
+</script>
+
+<MeterPrimitive.Root
+  bind:ref
+  {max}
+  {value}
+  class={cn(
+    'relative h-2 w-full overflow-hidden rounded-full bg-(--meter-background)/20 [--meter-background:var(--primary)]',
+    className
+  )}
+  {...restProps}
+>
+  <div
+    class="h-full w-full flex-1 bg-(--meter-background) transition-[color,transform]"
+    style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}
+  ></div>
+</MeterPrimitive.Root>

package/dist/components/ui-extra/meter/meter.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Meter as MeterPrimitive } from 'bits-ui';
+declare const Meter: import("svelte").Component<Omit<Omit<MeterPrimitive.RootProps, "child">, "children">, {}, "ref">;
+type Meter = ReturnType<typeof Meter>;
+export default Meter;

package/dist/components/ui-extra/modal/index.d.ts

@@ -0,0 +1,9 @@
+import Root from './modal.svelte';
+import Trigger from './modal-trigger.svelte';
+import Content from './modal-content.svelte';
+import Footer from './modal-footer.svelte';
+import Header from './modal-header.svelte';
+import Title from './modal-title.svelte';
+import Description from './modal-description.svelte';
+import NestedRoot from './modal-nested-root.svelte';
+export { Root, Trigger, Content, Footer, Header, Title, Description, NestedRoot };

package/dist/components/ui-extra/modal/index.js

@@ -0,0 +1,9 @@
+import Root from './modal.svelte';
+import Trigger from './modal-trigger.svelte';
+import Content from './modal-content.svelte';
+import Footer from './modal-footer.svelte';
+import Header from './modal-header.svelte';
+import Title from './modal-title.svelte';
+import Description from './modal-description.svelte';
+import NestedRoot from './modal-nested-root.svelte';
+export { Root, Trigger, Content, Footer, Header, Title, Description, NestedRoot };

package/dist/components/ui-extra/modal/modal-content.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { useModalSub } from './modal.svelte.js';
+  import * as Dialog from '../dialog/index.js';
+  import * as Drawer from '../drawer/index.js';
+  import type { DialogContentProps } from 'bits-ui';
+
+  const modal = useModalSub();
+
+  let {
+    ref = $bindable(null),
+    showCloseButton = true,
+    children,
+    ...rest
+  }: DialogContentProps & { showCloseButton?: boolean } = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+  <Dialog.Content bind:ref {showCloseButton} {...rest}>
+    {@render children?.()}
+  </Dialog.Content>
+{:else}
+  <Drawer.Content bind:ref {...rest}>
+    {@render children?.()}
+  </Drawer.Content>
+{/if}

package/dist/components/ui-extra/modal/modal-content.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { DialogContentProps } from 'bits-ui';
+type $$ComponentProps = DialogContentProps & {
+    showCloseButton?: boolean;
+};
+declare const ModalContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ModalContent = ReturnType<typeof ModalContent>;
+export default ModalContent;

package/dist/components/ui-extra/modal/modal-description.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { useModalSub } from './modal.svelte.js';
+  import * as Dialog from '../dialog/index.js';
+  import * as Drawer from '../drawer/index.js';
+  import type { DialogDescriptionProps } from 'bits-ui';
+
+  const modal = useModalSub();
+
+  let { ref = $bindable(null), ...rest }: DialogDescriptionProps = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+  <Dialog.Description bind:ref {...rest} />
+{:else}
+  <Drawer.Description bind:ref {...rest} />
+{/if}

package/dist/components/ui-extra/modal/modal-description.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogDescriptionProps } from 'bits-ui';
+declare const ModalDescription: import("svelte").Component<DialogDescriptionProps, {}, "ref">;
+type ModalDescription = ReturnType<typeof ModalDescription>;
+export default ModalDescription;

package/dist/components/ui-extra/modal/modal-footer.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { useModalSub } from './modal.svelte.js';
+  import * as Dialog from '../dialog/index.js';
+  import * as Drawer from '../drawer/index.js';
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  const modal = useModalSub();
+
+  let {
+    ref = $bindable(null),
+    children,
+    ...rest
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+  <Dialog.Footer bind:ref {...rest}>
+    {@render children?.()}
+  </Dialog.Footer>
+{:else}
+  <Drawer.Footer bind:ref {...rest}>
+    {@render children?.()}
+  </Drawer.Footer>
+{/if}

package/dist/components/ui-extra/modal/modal-footer.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { WithElementRef } from 'bits-ui';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const ModalFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type ModalFooter = ReturnType<typeof ModalFooter>;
+export default ModalFooter;

package/dist/components/ui-extra/modal/modal-header.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { useModalSub } from './modal.svelte.js';
+  import * as Dialog from '../dialog/index.js';
+  import * as Drawer from '../drawer/index.js';
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  const modal = useModalSub();
+
+  let {
+    ref = $bindable(null),
+    children,
+    ...rest
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+  <Dialog.Header bind:ref {...rest}>
+    {@render children?.()}
+  </Dialog.Header>
+{:else}
+  <Drawer.Header bind:ref {...rest}>
+    {@render children?.()}
+  </Drawer.Header>
+{/if}

package/dist/components/ui-extra/modal/modal-header.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { WithElementRef } from 'bits-ui';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const ModalHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type ModalHeader = ReturnType<typeof ModalHeader>;
+export default ModalHeader;

package/dist/components/ui-extra/modal/modal-nested-root.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import * as Dialog from '../dialog/index.js';
+  import * as Drawer from '../drawer/index.js';
+  import type { DialogRootProps } from 'bits-ui';
+  import { useModal } from './modal.svelte.js';
+
+  let {
+    open = $bindable(false),
+    children,
+    ...rest
+  }: DialogRootProps = $props();
+
+  const modal = useModal();
+</script>
+
+{#if modal.view === 'desktop'}
+  <Dialog.Root bind:open {...rest}>
+    {@render children?.()}
+  </Dialog.Root>
+{:else}
+  <Drawer.NestedRoot bind:open {...rest}>
+    {@render children?.()}
+  </Drawer.NestedRoot>
+{/if}

package/dist/components/ui-extra/modal/modal-nested-root.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ModalNestedRoot: import("svelte").Component<import("bits-ui").AlertDialogRootPropsWithoutHTML, {}, "open">;
+type ModalNestedRoot = ReturnType<typeof ModalNestedRoot>;
+export default ModalNestedRoot;

package/dist/components/ui-extra/modal/modal-title.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { useModalSub } from './modal.svelte.js';
+  import * as Dialog from '../dialog/index.js';
+  import * as Drawer from '../drawer/index.js';
+  import type { DialogTitleProps } from 'bits-ui';
+
+  const modal = useModalSub();
+
+  let { ref = $bindable(null), ...rest }: DialogTitleProps = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+  <Dialog.Title bind:ref {...rest} />
+{:else}
+  <Drawer.Title bind:ref {...rest} />
+{/if}

package/dist/components/ui-extra/modal/modal-title.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogTitleProps } from 'bits-ui';
+declare const ModalTitle: import("svelte").Component<DialogTitleProps, {}, "ref">;
+type ModalTitle = ReturnType<typeof ModalTitle>;
+export default ModalTitle;

package/dist/components/ui-extra/modal/modal-trigger.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { useModalSub } from './modal.svelte.js';
+  import * as Dialog from '../dialog/index.js';
+  import * as Drawer from '../drawer/index.js';
+  import type { DialogTriggerProps } from 'bits-ui';
+
+  const modal = useModalSub();
+
+  let {
+    ref = $bindable(null),
+    children,
+    ...rest
+  }: DialogTriggerProps = $props();
+</script>
+
+{#if modal.view === 'desktop'}
+  <Dialog.Trigger bind:ref {...rest}>
+    {@render children?.()}
+  </Dialog.Trigger>
+{:else}
+  <Drawer.Trigger bind:ref {...rest}>
+    {@render children?.()}
+  </Drawer.Trigger>
+{/if}

package/dist/components/ui-extra/modal/modal-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DialogTriggerProps } from 'bits-ui';
+declare const ModalTrigger: import("svelte").Component<DialogTriggerProps, {}, "ref">;
+type ModalTrigger = ReturnType<typeof ModalTrigger>;
+export default ModalTrigger;

package/dist/components/ui-extra/modal/modal.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import * as Dialog from '../dialog/index.js';
+  import * as Drawer from '../drawer/index.js';
+  import type { DialogRootProps } from 'bits-ui';
+  import { useModal } from './modal.svelte.js';
+
+  let {
+    open = $bindable(false),
+    children,
+    ...rest
+  }: DialogRootProps = $props();
+
+  const modal = useModal();
+</script>
+
+{#if modal.view === 'desktop'}
+  <Dialog.Root bind:open {...rest}>
+    {@render children?.()}
+  </Dialog.Root>
+{:else}
+  <Drawer.Root bind:open {...rest}>
+    {@render children?.()}
+  </Drawer.Root>
+{/if}

package/dist/components/ui-extra/modal/modal.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Modal: import("svelte").Component<import("bits-ui").AlertDialogRootPropsWithoutHTML, {}, "open">;
+type Modal = ReturnType<typeof Modal>;
+export default Modal;

package/dist/components/ui-extra/modal/modal.svelte.js

@@ -0,0 +1,24 @@
+import { Context } from 'runed';
+import { MediaQuery } from 'svelte/reactivity';
+class ModalRootState {
+    #isDesktop = new MediaQuery('(min-width: 768px)');
+    get view() {
+        return this.#isDesktop.current ? 'desktop' : 'mobile';
+    }
+}
+class ModalSubState {
+    root;
+    constructor(root) {
+        this.root = root;
+    }
+    get view() {
+        return this.root.view;
+    }
+}
+const ctx = new Context('modal-root-state');
+export function useModal() {
+    return ctx.set(new ModalRootState());
+}
+export function useModalSub() {
+    return new ModalSubState(ctx.get());
+}

package/dist/components/ui-extra/nlp-date-input/index.d.ts

@@ -0,0 +1,3 @@
+import NLPDateInput from './nlp-date-input.svelte';
+export { NLPDateInput };
+export type { NLPDateInputProps } from './nlp-date-input.svelte';

package/dist/components/ui-extra/nlp-date-input/index.js

@@ -0,0 +1,2 @@
+import NLPDateInput from './nlp-date-input.svelte';
+export { NLPDateInput };

package/dist/components/ui-extra/nlp-date-input/nlp-date-input.svelte

@@ -0,0 +1,55 @@
+<script lang="ts" module>
+  export type NLPDateInputProps = {
+    min?: Date;
+    max?: Date;
+    placeholder?: string;
+    onChoice?: (opts: { label: string; date: Date }) => void;
+  };
+</script>
+
+<script lang="ts">
+  import * as Command from '../command';
+  import { parseDate } from 'yeezy-dates';
+
+  let {
+    placeholder = 'E.g. "tomorrow at 5pm" or "in 2 hours"',
+    min,
+    max,
+    onChoice
+  }: NLPDateInputProps = $props();
+
+  let value = $state('');
+
+  const suggestions = $derived(
+    parseDate(value).filter(
+      (suggestion) =>
+        (min === undefined || suggestion.date > min) &&
+        (max === undefined || suggestion.date < max)
+    )
+  );
+</script>
+
+<Command.Root shouldFilter={false} class="border-border h-fit border">
+  <Command.Input {placeholder} bind:value />
+  <Command.List>
+    <Command.Group>
+      {#each suggestions as suggestion (suggestion)}
+        <Command.Item
+          onSelect={() => {
+            onChoice?.(suggestion);
+          }}
+        >
+          <div class="flex w-full place-items-center justify-between gap-2">
+            <span>
+              {suggestion.label}
+            </span>
+            <span class="text-muted-foreground">
+              {suggestion.date.toDateString()}
+              {suggestion.date.toLocaleTimeString()}
+            </span>
+          </div>
+        </Command.Item>
+      {/each}
+    </Command.Group>
+  </Command.List>
+</Command.Root>

package/dist/components/ui-extra/nlp-date-input/nlp-date-input.svelte.d.ts

@@ -0,0 +1,12 @@
+export type NLPDateInputProps = {
+    min?: Date;
+    max?: Date;
+    placeholder?: string;
+    onChoice?: (opts: {
+        label: string;
+        date: Date;
+    }) => void;
+};
+declare const NlpDateInput: import("svelte").Component<NLPDateInputProps, {}, "">;
+type NlpDateInput = ReturnType<typeof NlpDateInput>;
+export default NlpDateInput;

package/dist/components/ui-extra/nlp-date-input/types.d.ts

@@ -0,0 +1,9 @@
+export type NLPDateInputProps = {
+    min?: Date;
+    max?: Date;
+    placeholder?: string;
+    onChoice?: (opts: {
+        label: string;
+        date: Date;
+    }) => void;
+};

package/dist/components/ui-extra/nlp-date-input/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ui-extra/number-field/index.d.ts

@@ -0,0 +1,6 @@
+import Root from './number-field.svelte';
+import Group from './number-field-group.svelte';
+import Decrement from './number-field-decrement.svelte';
+import Increment from './number-field-increment.svelte';
+import Input from './number-field-input.svelte';
+export { Root, Group, Decrement, Increment, Input, Root as NumberField, Group as NumberFieldGroup, Decrement as NumberFieldDecrement, Increment as NumberFieldIncrement, Input as NumberFieldInput };

package/dist/components/ui-extra/number-field/index.js

@@ -0,0 +1,8 @@
+import Root from './number-field.svelte';
+import Group from './number-field-group.svelte';
+import Decrement from './number-field-decrement.svelte';
+import Increment from './number-field-increment.svelte';
+import Input from './number-field-input.svelte';
+export { Root, Group, Decrement, Increment, Input, 
+//
+Root as NumberField, Group as NumberFieldGroup, Decrement as NumberFieldDecrement, Increment as NumberFieldIncrement, Input as NumberFieldInput };

package/dist/components/ui-extra/number-field/number-field-decrement.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import MinusIcon from '@lucide/svelte/icons/minus';
+  import Button from '../../../blocks/button.svelte';
+  import { useNumberFieldButton } from './number-field.svelte.js';
+  import type { NumberFieldButtonProps } from './types.js';
+  import { cn } from '../../../blocks/utils';
+  import { box } from 'svelte-toolbelt';
+  import { onDestroy } from 'svelte';
+
+  let {
+    ref = $bindable(null),
+    variant = 'ghost',
+    size = 'icon',
+    class: className,
+    children,
+    disabled = false,
+    onpointerdown,
+    onpointerup,
+    onpointerleave,
+    onpointercancel,
+    onclick,
+    tabindex = -1,
+    ...rest
+  }: NumberFieldButtonProps = $props();
+
+  const buttonState = useNumberFieldButton({
+    direction: 'down',
+    onpointerdown: box.with(() => onpointerdown),
+    onpointerup: box.with(() => onpointerup),
+    onpointerleave: box.with(() => onpointerleave),
+    onpointercancel: box.with(() => onpointercancel),
+    onclick: box.with(() => onclick),
+    disabled: box.with(() => disabled)
+  });
+
+  onDestroy(() => buttonState.destroy());
+</script>
+
+<Button
+  {variant}
+  {size}
+  {tabindex}
+  bind:ref
+  data-slot="number-field-decrement"
+  aria-label="Decrease"
+  class={cn('touch-manipulation', className)}
+  {...buttonState.props}
+  {...rest /* eslint-disable-line @typescript-eslint/no-explicit-any */ as any}
+>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    <MinusIcon />
+  {/if}
+</Button>

package/dist/components/ui-extra/number-field/number-field-decrement.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NumberFieldButtonProps } from './types.js';
+declare const NumberFieldDecrement: import("svelte").Component<NumberFieldButtonProps, {}, "ref">;
+type NumberFieldDecrement = ReturnType<typeof NumberFieldDecrement>;
+export default NumberFieldDecrement;

package/dist/components/ui-extra/number-field/number-field-group.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../blocks/utils';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    ...rest
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+  bind:this={ref}
+  class={cn(
+    'border-border flex h-9 items-center overflow-hidden rounded-md border',
+    '*:data-[slot=number-field-increment]:rounded-end *:data-[slot=number-field-increment]:rounded-none *:data-[slot=number-field-increment]:focus-visible:ring-0',
+    '*:data-[slot=number-field-decrement]:rounded-start *:data-[slot=number-field-decrement]:rounded-none *:data-[slot=number-field-decrement]:focus-visible:ring-0',
+    '*:data-[slot=number-field-input]:rounded-none *:data-[slot=number-field-input]:border-x *:data-[slot=number-field-input]:border-y-0 *:data-[slot=number-field-input]:first:border-s-0 *:data-[slot=number-field-input]:last:border-e-0',
+    className
+  )}
+  {...rest}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui-extra/number-field/number-field-group.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../blocks/utils';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const NumberFieldGroup: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type NumberFieldGroup = ReturnType<typeof NumberFieldGroup>;
+export default NumberFieldGroup;