@websline/system-components 1.4.8 → 1.5.0

package/dist/components/molecules/tagSelector/TagSelector.svelte.d.ts

@@ -7,15 +7,15 @@ declare const TagSelector: import("svelte").Component<{
     /**
      * Whether the input should be autofocused on mount
      */
-    autofocus?: boolean;
+    autofocus?: boolean | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the component is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * The name of the icon to distinguish fixed tags from others
      */
@@ -23,48 +23,48 @@ declare const TagSelector: import("svelte").Component<{
     /**
      * The unremovable and always selected tags
      */
-    fixedValues?: Array<string>;
+    fixedValues?: string[] | undefined;
     /**
      * The ID of the input element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The label for the create new tag option
      */
-    labelCreate?: string;
+    labelCreate?: string | undefined;
     /**
      * The name of the input, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * The available tag options
      */
-    options?: Array<{
+    options?: {
         id: string | number;
         label: string;
-    }>;
+    }[] | undefined;
     /**
      * The placeholder text for the input
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * The currently selected tags, bound to the component
      */
-    value?: Array<string | number>;
+    value?: (string | number)[] | undefined;
 }, {}, "value">;
 type Props = {
     /**
      * Whether the input should be autofocused on mount
      */
-    autofocus?: boolean;
+    autofocus?: boolean | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the component is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * The name of the icon to distinguish fixed tags from others
      */
@@ -72,32 +72,32 @@ type Props = {
     /**
      * The unremovable and always selected tags
      */
-    fixedValues?: Array<string>;
+    fixedValues?: string[] | undefined;
     /**
      * The ID of the input element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The label for the create new tag option
      */
-    labelCreate?: string;
+    labelCreate?: string | undefined;
     /**
      * The name of the input, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * The available tag options
      */
-    options?: Array<{
+    options?: {
         id: string | number;
         label: string;
-    }>;
+    }[] | undefined;
     /**
      * The placeholder text for the input
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * The currently selected tags, bound to the component
      */
-    value?: Array<string | number>;
+    value?: (string | number)[] | undefined;
 };

package/dist/components/molecules/toggleGroup/ToggleGroup.svelte.d.ts

@@ -7,75 +7,75 @@ declare const ToggleGroup: import("svelte").Component<{
     /**
      * The appearance variant of the component
      */
-    appearance?: "default" | "raised";
+    appearance?: "default" | "raised" | undefined;
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the toggle group is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * The width of the toggle group items
      */
-    itemWidth?: "auto" | "full";
+    itemWidth?: "auto" | "full" | undefined;
     /**
      * The name of the toggle group, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * The size variant of the component
      */
-    size?: "small" | "medium";
+    size?: "small" | "medium" | undefined;
     /**
      * The value of the toggle group
      */
-    value?: string;
+    value?: string | undefined;
     /**
      * The variant of the toggle group
      */
-    variant?: "default" | "tabs";
+    variant?: "default" | "tabs" | undefined;
 }, {}, "value">;
 type Props = {
     /**
      * The appearance variant of the component
      */
-    appearance?: "default" | "raised";
+    appearance?: "default" | "raised" | undefined;
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the toggle group is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * The width of the toggle group items
      */
-    itemWidth?: "auto" | "full";
+    itemWidth?: "auto" | "full" | undefined;
     /**
      * The name of the toggle group, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * The size variant of the component
      */
-    size?: "small" | "medium";
+    size?: "small" | "medium" | undefined;
     /**
      * The value of the toggle group
      */
-    value?: string;
+    value?: string | undefined;
     /**
      * The variant of the toggle group
      */
-    variant?: "default" | "tabs";
+    variant?: "default" | "tabs" | undefined;
 };

package/dist/components/molecules/toggleGroup/ToggleGroupItem.svelte.d.ts

@@ -7,35 +7,35 @@ declare const ToggleGroupItem: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * The name of the icon to display alongside the content
      */
-    icon?: string;
+    icon?: string | undefined;
     /**
      * The value of the toggle group item
      */
-    value?: string;
+    value?: string | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * The name of the icon to display alongside the content
      */
-    icon?: string;
+    icon?: string | undefined;
     /**
      * The value of the toggle group item
      */
-    value?: string;
+    value?: string | undefined;
 };

package/dist/components/organisms/dialog/Dialog.svelte.d.ts

@@ -7,28 +7,28 @@ declare const Dialog: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Callback fired when the open state of the dialog changes
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
      * Wether this dialog is open or not, bound to the component
      */
-    open?: boolean;
+    open?: boolean | undefined;
 }, {}, "open">;
 import { Dialog } from "bits-ui";
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Callback fired when the open state of the dialog changes
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
      * Wether this dialog is open or not, bound to the component
      */
-    open?: boolean;
+    open?: boolean | undefined;
 };

package/dist/components/organisms/dialog/DialogAction.svelte.d.ts

@@ -7,27 +7,27 @@ declare const DialogAction: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Semantic role of the button within a dialog
      */
-    role?: "cta" | "secondary" | "dismiss";
+    role?: "secondary" | "cta" | "dismiss" | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Semantic role of the button within a dialog
      */
-    role?: "cta" | "secondary" | "dismiss";
+    role?: "secondary" | "cta" | "dismiss" | undefined;
 };

package/dist/components/organisms/dialog/DialogActions.svelte.d.ts

@@ -7,19 +7,19 @@ declare const DialogActions: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
 };

package/dist/components/organisms/dialog/DialogBody.svelte.d.ts

@@ -7,19 +7,19 @@ declare const DialogBody: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
 };

package/dist/components/organisms/dialog/DialogContent.svelte.d.ts

@@ -7,51 +7,51 @@ declare const DialogContent: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the dialog should close when the Escape key is pressed
      */
-    closeOnEscape?: boolean;
+    closeOnEscape?: boolean | undefined;
     /**
      * Whether the dialog should close when clicking outside of it
      */
-    closeOnOutsideClick?: boolean;
+    closeOnOutsideClick?: boolean | undefined;
     /**
      * Additional CSS classes to apply to the overlay
      */
-    overlayClass?: string;
+    overlayClass?: string | undefined;
     /**
      * The maximum size of the dialog content.
      */
-    size?: "sm" | "md" | "lg";
+    size?: "sm" | "md" | "lg" | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the dialog should close when the Escape key is pressed
      */
-    closeOnEscape?: boolean;
+    closeOnEscape?: boolean | undefined;
     /**
      * Whether the dialog should close when clicking outside of it
      */
-    closeOnOutsideClick?: boolean;
+    closeOnOutsideClick?: boolean | undefined;
     /**
      * Additional CSS classes to apply to the overlay
      */
-    overlayClass?: string;
+    overlayClass?: string | undefined;
     /**
      * The maximum size of the dialog content.
      */
-    size?: "sm" | "md" | "lg";
+    size?: "sm" | "md" | "lg" | undefined;
 };

package/dist/components/organisms/dialog/DialogTrigger.svelte.d.ts

@@ -7,11 +7,11 @@ declare const DialogTrigger: import("svelte").Component<{
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
 };

package/dist/components/organisms/modal/Modal.svelte.d.ts

@@ -7,27 +7,27 @@ declare const Modal: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Callback fired when the open state of the modal changes
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
      * Wether this modal is open or not, bound to the component
      */
-    open?: boolean;
+    open?: boolean | undefined;
 }, {}, "open">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Callback fired when the open state of the modal changes
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
      * Wether this modal is open or not, bound to the component
      */
-    open?: boolean;
+    open?: boolean | undefined;
 };

package/dist/components/organisms/modal/ModalBody.svelte.d.ts

@@ -7,27 +7,27 @@ declare const ModalBody: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * If true, removes the default padding from the modal body
      */
-    noPadding?: boolean;
+    noPadding?: boolean | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * If true, removes the default padding from the modal body
      */
-    noPadding?: boolean;
+    noPadding?: boolean | undefined;
 };

package/dist/components/organisms/modal/ModalContent.svelte.d.ts

@@ -7,51 +7,51 @@ declare const ModalContent: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the modal should close when the Escape key is pressed
      */
-    closeOnEscape?: boolean;
+    closeOnEscape?: boolean | undefined;
     /**
      * Whether the modal should close when clicking outside of it
      */
-    closeOnOutsideClick?: boolean;
+    closeOnOutsideClick?: boolean | undefined;
     /**
      * Additional CSS classes to apply to the overlay
      */
-    overlayClass?: string;
+    overlayClass?: string | undefined;
     /**
      * The maximum size of the modal content.
      */
-    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    size?: "full" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the modal should close when the Escape key is pressed
      */
-    closeOnEscape?: boolean;
+    closeOnEscape?: boolean | undefined;
     /**
      * Whether the modal should close when clicking outside of it
      */
-    closeOnOutsideClick?: boolean;
+    closeOnOutsideClick?: boolean | undefined;
     /**
      * Additional CSS classes to apply to the overlay
      */
-    overlayClass?: string;
+    overlayClass?: string | undefined;
     /**
      * The maximum size of the modal content.
      */
-    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    size?: "full" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
 };

package/dist/components/organisms/modal/ModalHeader.svelte.d.ts

@@ -7,27 +7,27 @@ declare const ModalHeader: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether to show a close icon in the header
      */
-    showClose?: boolean;
+    showClose?: boolean | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether to show a close icon in the header
      */
-    showClose?: boolean;
+    showClose?: boolean | undefined;
 };

package/dist/components/organisms/modal/ModalTrigger.svelte.d.ts

@@ -7,11 +7,11 @@ declare const ModalTrigger: import("svelte").Component<{
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
 };

package/dist/components/organisms/notificationGroup/NotificationGroup.svelte.d.ts

@@ -7,11 +7,11 @@ declare const NotificationGroup: import("svelte").Component<{
     /**
      * Additional CSS classes to apply to each notification column
      */
-    class?: string;
+    class?: string | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Additional CSS classes to apply to each notification column
      */
-    class?: string;
+    class?: string | undefined;
 };

package/dist/components/organisms/popover/Popover.svelte.d.ts

@@ -7,12 +7,12 @@ declare const Popover: import("svelte").Component<{
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
 }, {}, "">;
 import { Popover } from "bits-ui";
 type Props = {
     /**
      * Children content – can be text, HTML, or other Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
 };