@websline/system-components 1.4.8 → 1.5.0

package/dist/components/atoms/radio/Radio.svelte.d.ts

@@ -7,67 +7,67 @@ declare const Radio: import("svelte").Component<{
     /**
      * Wether this radio 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 radio is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the radio has an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The ID of the radio element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The name of the radio, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Whether the radio is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The value of the radio
      */
-    value?: string;
+    value?: string | undefined;
 }, {}, "checked">;
 type Props = {
     /**
      * Wether this radio 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 radio is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the radio has an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The ID of the radio element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The name of the radio, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Whether the radio is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The value of the radio
      */
-    value?: string;
+    value?: string | undefined;
 };

package/dist/components/atoms/select/Select.svelte.d.ts

@@ -7,31 +7,31 @@ declare const Select: import("svelte").Component<{
     /**
      * Content to display at the start of the field (e.g., icon or text)
      */
-    adornmentStart?: string | import("svelte").SvelteComponent | Function;
+    adornmentStart?: string | Function | SvelteComponent<Record<string, any>, any, any> | undefined;
     /**
      * Appearance of the button variant
      */
-    buttonAppearance?: "default" | "raised";
+    buttonAppearance?: "default" | "raised" | undefined;
     /**
      * Size of the button variant
      */
-    buttonSize?: "small" | "medium" | "large";
+    buttonSize?: "small" | "medium" | "large" | undefined;
     /**
      * Additional CSS classes for the select
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the select field is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the select field has an error
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The id attr of the select field
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * required array of option objects for the select
      */
@@ -39,53 +39,53 @@ declare const Select: import("svelte").Component<{
         disabled?: boolean;
         label: string;
         value: string;
-    }[];
+    }[] | undefined;
     /**
      * The placeholder text that shows when no option is preselected
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Whether the select field is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The value of the input, bound to the component
      */
-    value?: string;
+    value?: string | undefined;
     /**
      * The variant of the component
      */
-    variant?: "default" | "button";
+    variant?: "button" | "default" | undefined;
 }, {}, "value">;
 type Props = {
     /**
      * Content to display at the start of the field (e.g., icon or text)
      */
-    adornmentStart?: string | import("svelte").SvelteComponent | Function;
+    adornmentStart?: string | Function | SvelteComponent<Record<string, any>, any, any> | undefined;
     /**
      * Appearance of the button variant
      */
-    buttonAppearance?: "default" | "raised";
+    buttonAppearance?: "default" | "raised" | undefined;
     /**
      * Size of the button variant
      */
-    buttonSize?: "small" | "medium" | "large";
+    buttonSize?: "small" | "medium" | "large" | undefined;
     /**
      * Additional CSS classes for the select
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the select field is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the select field has an error
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The id attr of the select field
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * required array of option objects for the select
      */
@@ -93,21 +93,22 @@ type Props = {
         disabled?: boolean;
         label: string;
         value: string;
-    }[];
+    }[] | undefined;
     /**
      * The placeholder text that shows when no option is preselected
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Whether the select field is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The value of the input, bound to the component
      */
-    value?: string;
+    value?: string | undefined;
     /**
      * The variant of the component
      */
-    variant?: "default" | "button";
+    variant?: "button" | "default" | undefined;
 };
+import { SvelteComponent } from "svelte";

package/dist/components/atoms/switch/Switch.svelte.d.ts

@@ -7,67 +7,67 @@ declare const Switch: import("svelte").Component<{
     /**
      * Wether this switch 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 switch is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the switch has an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The ID of the switch element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The name of the switch, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Whether the switch is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The value of the switch
      */
-    value?: string;
+    value?: string | undefined;
 }, {}, "checked">;
 type Props = {
     /**
      * Wether this switch 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 switch is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the switch has an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The ID of the switch element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The name of the switch, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Whether the switch is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * The value of the switch
      */
-    value?: string;
+    value?: string | undefined;
 };

package/dist/components/atoms/tag/Tag.svelte.d.ts

@@ -7,67 +7,67 @@ declare const Tag: import("svelte").Component<{
     /**
      * Content inside the tag – can be text, HTML, or Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes for the tag
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Name of the icon to display at the end
      */
-    iconEnd?: string;
+    iconEnd?: string | undefined;
     /**
      * Name of the icon to display at the start
      */
-    iconStart?: string;
+    iconStart?: string | undefined;
     /**
      * Whether the tag is in a visually selected state
      */
-    selected?: boolean;
+    selected?: boolean | undefined;
     /**
      * Shape of the tag
      */
-    shape?: "round" | "round-big";
+    shape?: "round" | "round-big" | undefined;
     /**
      * Size of the tag
      */
-    size?: "small" | "big";
+    size?: "small" | "big" | undefined;
     /**
      * Visual style of the tag
      */
-    variant?: "filled" | "outline";
+    variant?: "filled" | "outline" | undefined;
 }, {}, "">;
 type Props = {
     /**
      * Content inside the tag – can be text, HTML, or Svelte components
      */
-    children?: import("svelte").Snippet;
+    children?: import("svelte").Snippet<[]> | undefined;
     /**
      * Additional CSS classes for the tag
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Name of the icon to display at the end
      */
-    iconEnd?: string;
+    iconEnd?: string | undefined;
     /**
      * Name of the icon to display at the start
      */
-    iconStart?: string;
+    iconStart?: string | undefined;
     /**
      * Whether the tag is in a visually selected state
      */
-    selected?: boolean;
+    selected?: boolean | undefined;
     /**
      * Shape of the tag
      */
-    shape?: "round" | "round-big";
+    shape?: "round" | "round-big" | undefined;
     /**
      * Size of the tag
      */
-    size?: "small" | "big";
+    size?: "small" | "big" | undefined;
     /**
      * Visual style of the tag
      */
-    variant?: "filled" | "outline";
+    variant?: "filled" | "outline" | undefined;
 };

package/dist/components/atoms/textarea/Textarea.svelte.d.ts

@@ -7,83 +7,83 @@ declare const Textarea: import("svelte").Component<{
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the textarea is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the textarea has an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The ID of the textarea element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The name of the textarea, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Placeholder text for the textarea
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Whether the textarea is read-only
      */
-    readonly?: boolean;
+    readonly?: boolean | undefined;
     /**
      * Whether the textarea is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * Textarea size
      */
-    size?: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large" | undefined;
     /**
      * The value of the textarea, bound to the component
      */
-    value?: string;
+    value?: string | undefined;
 }, {}, "value">;
 type Props = {
     /**
      * Additional CSS classes to apply to the component
      */
-    class?: string;
+    class?: string | undefined;
     /**
      * Whether the textarea is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Whether the textarea has an error state
      */
-    error?: boolean;
+    error?: boolean | undefined;
     /**
      * The ID of the textarea element
      */
-    id?: string;
+    id?: string | undefined;
     /**
      * The name of the textarea, used for form submission
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Placeholder text for the textarea
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Whether the textarea is read-only
      */
-    readonly?: boolean;
+    readonly?: boolean | undefined;
     /**
      * Whether the textarea is required
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
      * Textarea size
      */
-    size?: "small" | "medium" | "large";
+    size?: "small" | "medium" | "large" | undefined;
     /**
      * The value of the textarea, bound to the component
      */
-    value?: string;
+    value?: string | undefined;
 };

package/dist/components/atoms/utils/xScroll/XScroll.svelte.d.ts

@@ -7,19 +7,19 @@ declare const XScroll: 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/molecules/calendar/Calendar.svelte.d.ts

@@ -7,36 +7,36 @@ declare const Calendar: import("svelte").Component<Omit<import("bits-ui").Calend
     /**
      * 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 the header or not
      */
-    hideHeader?: boolean;
+    hideHeader?: boolean | undefined;
     /**
      * The maximum of months to display side by side
      */
-    maxMonths?: number;
+    maxMonths?: number | undefined;
 }, {}, "value" | "ref">;
 import { Calendar } from "bits-ui";
 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 the header or not
      */
-    hideHeader?: boolean;
+    hideHeader?: boolean | undefined;
     /**
      * The maximum of months to display side by side
      */
-    maxMonths?: number;
+    maxMonths?: number | undefined;
 };

package/dist/components/molecules/calendar/Container.svelte.d.ts

@@ -7,19 +7,19 @@ declare const Container: 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/molecules/calendar/Weekdays.svelte.d.ts

@@ -7,11 +7,11 @@ declare const Weekdays: import("svelte").Component<Omit<import("bits-ui").Calend
     /**
      * 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/molecules/calendar/calendar.variant.d.ts

@@ -3,17 +3,17 @@ export const calendarVariants: import("tailwind-variants").TVReturnType<{
         [key: string]: import("tailwind-variants").ClassValue | {
             heading?: import("tailwind-variants").ClassValue;
             base?: import("tailwind-variants").ClassValue;
-            dateCell?: import("tailwind-variants").ClassValue;
-            dateDay?: import("tailwind-variants").ClassValue;
             grid?: import("tailwind-variants").ClassValue;
             gridHead?: import("tailwind-variants").ClassValue;
             gridHeadCell?: import("tailwind-variants").ClassValue;
             gridRow?: import("tailwind-variants").ClassValue;
             gridWrapper?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
-            headerBtn?: import("tailwind-variants").ClassValue;
             rangeBg?: import("tailwind-variants").ClassValue;
             rangeWrapper?: import("tailwind-variants").ClassValue;
+            dateCell?: import("tailwind-variants").ClassValue;
+            dateDay?: import("tailwind-variants").ClassValue;
+            headerBtn?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
@@ -21,17 +21,17 @@ export const calendarVariants: import("tailwind-variants").TVReturnType<{
         [x: string]: import("tailwind-variants").ClassValue | {
             heading?: import("tailwind-variants").ClassValue;
             base?: import("tailwind-variants").ClassValue;
-            dateCell?: import("tailwind-variants").ClassValue;
-            dateDay?: import("tailwind-variants").ClassValue;
             grid?: import("tailwind-variants").ClassValue;
             gridHead?: import("tailwind-variants").ClassValue;
             gridHeadCell?: import("tailwind-variants").ClassValue;
             gridRow?: import("tailwind-variants").ClassValue;
             gridWrapper?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
-            headerBtn?: import("tailwind-variants").ClassValue;
             rangeBg?: import("tailwind-variants").ClassValue;
             rangeWrapper?: import("tailwind-variants").ClassValue;
+            dateCell?: import("tailwind-variants").ClassValue;
+            dateDay?: import("tailwind-variants").ClassValue;
+            headerBtn?: import("tailwind-variants").ClassValue;
         };
     };
 }, {