@quaffui/quaff 0.1.0-prealpha9 → 1.0.0-alpha1

package/dist/components/separator/docs.js

@@ -1,10 +1,20 @@
-import { QSeparatorPropsVertical } from "./docs.props";
-export let QSeparatorDocs = {
+import { QSeparatorVerticalDocsSnippets, QSeparatorVerticalDocsProps, QSeparatorHorizontalDocsProps, QSeparatorHorizontalDocsSnippets, } from "./docs.props";
+export const QSeparatorVerticalDocs = {
+    name: "QSeparator (Vertical)",
+    description: "Separators can be used to create a dividing line or space between elements within a layout, offering visual separation and organization.",
+    docs: {
+        props: QSeparatorVerticalDocsProps,
+        snippets: QSeparatorVerticalDocsSnippets,
+        methods: [],
+        events: [],
+    },
+};
+export const QSeparatorHorizontalDocs = {
     name: "QSeparator",
     description: "Separators can be used to create a dividing line or space between elements within a layout, offering visual separation and organization.",
     docs: {
-        props: QSeparatorPropsVertical,
-        slots: [],
+        props: QSeparatorHorizontalDocsProps,
+        snippets: QSeparatorHorizontalDocsSnippets,
         methods: [],
         events: [],
     },

package/dist/components/separator/docs.props.d.ts

@@ -1,16 +1,5 @@
-export declare const QSeparatorPropsVertical: {
-    name: string;
-    type: string;
-    optional: boolean;
-    clickableType: boolean;
-    description: string;
-    default: string;
-}[];
-export declare const QSeparatorPropsHorizontal: {
-    name: string;
-    type: string;
-    optional: boolean;
-    clickableType: boolean;
-    description: string;
-    default: string;
-}[];
+import { ParsedProp, ParsedSnippet } from "../../../../docgen/props/parseInterface";
+export declare const QSeparatorVerticalDocsProps: ParsedProp[];
+export declare const QSeparatorVerticalDocsSnippets: ParsedSnippet[];
+export declare const QSeparatorHorizontalDocsProps: ParsedProp[];
+export declare const QSeparatorHorizontalDocsSnippets: ParsedSnippet[];

package/dist/components/separator/docs.props.js

@@ -1,116 +1,196 @@
-export const QSeparatorPropsVertical = [
+// AUTO GENERATED FILE - DO NOT MODIFY OR DELETE
+// @quaffHash 70ebfe8337f1b0cbe9f22ec6fc8ec302
+export const QSeparatorVerticalDocsProps = [
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "spacing",
-        type: '"none" | "sm" | "md" | "lg"',
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: {
+            name: "Q.Size",
+            isClickable: false,
+        },
+        description: "Spacing around the separator.",
+        default: '"none"',
     },
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "inset",
-        type: "boolean",
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: {
+            name: "boolean",
+            isClickable: false,
+        },
+        description: "Adds horizontal padding to the separator container, adding space around the separator.",
+        default: "false",
     },
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "vertical",
-        type: "true",
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: {
+            name: "true",
+            isClickable: false,
+        },
+        description: "Sets the separator orientation to vertical.",
+        default: "undefined",
     },
     {
-        name: "color",
-        type: "string",
+        isArray: false,
         optional: true,
-        clickableType: false,
-        description: "",
-        default: "",
+        isSnippet: false,
+        name: "color",
+        type: {
+            name: "string",
+            isClickable: false,
+        },
+        description: "Color of the separator line.",
+        default: '"outline"',
     },
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "size",
-        type: "string",
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: {
+            name: "string",
+            isClickable: false,
+        },
+        description: "Custom size (thickness) of the separator line.",
+        default: "undefined",
     },
     {
-        name: "text",
-        type: "string",
+        isArray: false,
         optional: true,
-        clickableType: false,
-        description: "",
-        default: "",
+        isSnippet: false,
+        name: "text",
+        type: {
+            name: "string",
+            isClickable: false,
+        },
+        description: "Text to display. Its position on the separator is determined by the textAlign prop.",
+        default: "undefined",
     },
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "textAlign",
-        type: '"top" | "middle" | "bottom"',
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: [
+            {
+                name: '"top"',
+                isClickable: false,
+            },
+            {
+                name: '"middle"',
+                isClickable: false,
+            },
+            {
+                name: '"bottom"',
+                isClickable: false,
+            },
+        ],
+        description: "Vertical alignment of the text when text prop is used.",
+        default: '"middle"',
     },
 ];
-export const QSeparatorPropsHorizontal = [
+export const QSeparatorVerticalDocsSnippets = [];
+export const QSeparatorHorizontalDocsProps = [
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "spacing",
-        type: '"none" | "sm" | "md" | "lg"',
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: {
+            name: "Q.Size",
+            isClickable: false,
+        },
+        description: "Spacing around the separator.",
+        default: '"none"',
     },
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "inset",
-        type: "boolean",
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: {
+            name: "boolean",
+            isClickable: false,
+        },
+        description: "Adds vertical padding to the separator container, adding space around the separator.",
+        default: "false",
     },
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "vertical",
-        type: "false",
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: {
+            name: "false",
+            isClickable: false,
+        },
+        description: "Sets the separator orientation to horizontal.",
+        default: "undefined",
     },
     {
-        name: "color",
-        type: "string",
+        isArray: false,
         optional: true,
-        clickableType: false,
-        description: "",
-        default: "",
+        isSnippet: false,
+        name: "color",
+        type: {
+            name: "string",
+            isClickable: false,
+        },
+        description: "Color of the separator line.",
+        default: '"outline"',
     },
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "size",
-        type: "string",
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: {
+            name: "string",
+            isClickable: false,
+        },
+        description: "Custom size (thickness) of the separator line.",
+        default: "undefined",
     },
     {
-        name: "text",
-        type: "string",
+        isArray: false,
         optional: true,
-        clickableType: false,
-        description: "",
-        default: "",
+        isSnippet: false,
+        name: "text",
+        type: {
+            name: "string",
+            isClickable: false,
+        },
+        description: "Text to display. Its position on the separator is determined by the textAlign prop.",
+        default: "undefined",
     },
     {
+        isArray: false,
+        optional: true,
+        isSnippet: false,
         name: "textAlign",
-        type: '"left" | "center" | "right"',
-        optional: false,
-        clickableType: false,
-        description: "",
-        default: "",
+        type: [
+            {
+                name: '"left"',
+                isClickable: false,
+            },
+            {
+                name: '"center"',
+                isClickable: false,
+            },
+            {
+                name: '"right"',
+                isClickable: false,
+            },
+        ],
+        description: "Horizontal alignment of the text when text prop is used.",
+        default: '"center"',
     },
 ];
+export const QSeparatorHorizontalDocsSnippets = [];

package/dist/components/separator/props.d.ts

@@ -1,22 +1,90 @@
-import type { NativeProps } from "../../utils/types";
-interface QSeparatorPropsVertical extends NativeProps {
-    spacing: "none" | "sm" | "md" | "lg";
-    inset: boolean;
-    vertical: true;
+import type { HTMLAttributes } from "svelte/elements";
+export interface QSeparatorVerticalProps {
+    /**
+     * Spacing around the separator.
+     *
+     * @default "none"
+     */
+    spacing?: Q.Size;
+    /**
+     * Adds horizontal padding to the separator container, adding space around the separator.
+     *
+     * @default false
+     */
+    inset?: boolean;
+    /**
+     * Sets the separator orientation to vertical.
+     *
+     * @default undefined
+     */
+    vertical?: true;
+    /**
+     * Color of the separator line.
+     *
+     * @default "outline"
+     */
     color?: string;
-    size: string;
+    /**
+     * Custom size (thickness) of the separator line.
+     *
+     * @default undefined
+     */
+    size?: string;
+    /**
+     * Text to display. Its position on the separator is determined by the textAlign prop.
+     *
+     * @default undefined
+     */
     text?: string;
-    textAlign: "top" | "middle" | "bottom";
+    /**
+     * Vertical alignment of the text when text prop is used.
+     *
+     * @default "middle"
+     */
+    textAlign?: "top" | "middle" | "bottom";
 }
-interface QSeparatorPropsHorizontal extends NativeProps {
-    spacing: "none" | "sm" | "md" | "lg";
-    inset: boolean;
-    vertical: false;
+export interface QSeparatorHorizontalProps {
+    /**
+     * Spacing around the separator.
+     *
+     * @default "none"
+     */
+    spacing?: Q.Size;
+    /**
+     * Adds vertical padding to the separator container, adding space around the separator.
+     *
+     * @default false
+     */
+    inset?: boolean;
+    /**
+     * Sets the separator orientation to horizontal.
+     *
+     * @default undefined
+     */
+    vertical?: false;
+    /**
+     * Color of the separator line.
+     *
+     * @default "outline"
+     */
     color?: string;
-    size: string;
+    /**
+     * Custom size (thickness) of the separator line.
+     *
+     * @default undefined
+     */
+    size?: string;
+    /**
+     * Text to display. Its position on the separator is determined by the textAlign prop.
+     *
+     * @default undefined
+     */
     text?: string;
-    textAlign: "left" | "center" | "right";
+    /**
+     * Horizontal alignment of the text when text prop is used.
+     *
+     * @default "center"
+     */
+    textAlign?: "left" | "center" | "right";
 }
-export type QSeparatorProps = QSeparatorPropsHorizontal | QSeparatorPropsVertical;
-export declare const QSeparatorPropsDefaults: QSeparatorProps;
-export {};
+export type QSeparatorProps = (QSeparatorHorizontalProps | QSeparatorVerticalProps) & HTMLAttributes<HTMLDivElement>;

package/dist/components/separator/props.js

@@ -1,9 +1 @@
-export const QSeparatorPropsDefaults = {
-    spacing: "sm",
-    inset: false,
-    vertical: false,
-    color: undefined,
-    size: "1px",
-    text: undefined,
-    textAlign: "center",
-};
+export {};