@websline/system-components 1.4.7 → 1.5.0

package/dist/components/molecules/richTextEditor/toolbar/ToolbarLink.svelte

@@ -24,9 +24,10 @@
 
 					const linkAttrs = {
 						anchor: attrs.anchor || null,
+						entityId: attrs.entityId || null,
+						entityType: attrs.entityType || null,
 						href: attrs.url || null,
 						openInNewWindow: !!attrs.openInNewWindow,
-						pageUuid: attrs.pageUuid || null,
 						title: attrs.title || null,
 					};
 

package/dist/components/molecules/selectorCard/SelectorCard.svelte.d.ts

@@ -7,99 +7,99 @@ declare const SelectorCard: import("svelte").Component<{
     /**
      * Wether this card is checked or not, bound to the component
      */
-    checked?: boolean;
+    checked?: boolean | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the card is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the form field has an error
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The error text for the form field
      */
-    errorText?: string;
+    errorText?: string | undefined;
     /**
      * The helper text for the card
      */
-    helperText?: string;
+    helperText?: string | undefined;
     /**
      * The ID of the card element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * Label to display in the card
      */
-    label?: string;
+    label?: string | undefined;
     /**
      * The name of the card, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Whether the card is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The type of card
      */
-    type?: "checkbox" | "radio" | "switch";
+    type?: "checkbox" | "radio" | "switch" | undefined;
     /**
      * The value of the card
      */
-    value?: string;
+    value?: string | undefined;
 }, {}, "checked">;
 type Props = {
     /**
      * Wether this card is checked or not, bound to the component
      */
-    checked?: boolean;
+    checked?: boolean | undefined;
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the card is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the form field has an error
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The error text for the form field
      */
-    errorText?: string;
+    errorText?: string | undefined;
     /**
      * The helper text for the card
      */
-    helperText?: string;
+    helperText?: string | undefined;
     /**
      * The ID of the card element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * Label to display in the card
      */
-    label?: string;
+    label?: string | undefined;
     /**
      * The name of the card, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Whether the card is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The type of card
      */
-    type?: "checkbox" | "radio" | "switch";
+    type?: "checkbox" | "radio" | "switch" | undefined;
     /**
      * The value of the card
      */
-    value?: string;
+    value?: string | undefined;
 };

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;
 };