@baybreezy/docd 0.1.9 → 0.1.11

package/app/components/Ui/ContextMenu/Label.vue

@@ -17,11 +17,11 @@
 
   const props = defineProps<
     ContextMenuLabelProps & {
-      /**Custom class(es) to add to the element */
+      /** Custom class(es) to add to the element. */
       class?: HTMLAttributes["class"];
-      /** Wether an indentation should be added to the item or not */
+      /** Wether an indentation should be added to the item or not. */
       inset?: boolean;
-      /** The label for the item */
+      /** The label for the item. */
       label?: string;
     }
   >();

package/app/components/Ui/ContextMenu/RadioItem.vue

@@ -22,11 +22,11 @@
 
   const props = defineProps<
     ContextMenuRadioItemProps & {
-      /**Custom class(es) to add to the element */
+      /** Custom class(es) to add to the element. */
       class?: HTMLAttributes["class"];
-      /**The icon to display */
+      /** The icon to display. */
       icon?: string;
-      /**The title for the item */
+      /** The title for the item. */
       title?: string;
     }
   >();

package/app/components/Ui/ContextMenu/Separator.vue

@@ -14,7 +14,7 @@
 
   const props = defineProps<
     ContextMenuSeparatorProps & {
-      /**Custom class(es) to add to the element */
+      /** Custom class(es) to add to the element. */
       class?: HTMLAttributes["class"];
     }
   >();

package/app/components/Ui/ContextMenu/Shortcut.vue

@@ -17,9 +17,7 @@
 
   const props = defineProps<
     PrimitiveProps & {
-      /**
-       * The custom class(es) to add to the element
-       */
+      /** The custom class(es) to add to the element. */
       class?: HTMLAttributes["class"];
     }
   >();

package/app/components/Ui/ContextMenu/SubContent.vue

@@ -26,9 +26,9 @@
   const props = withDefaults(
     defineProps<
       ContextMenuSubContentProps & {
-        /**Custom class(es) to add to the element */
+        /** Custom class(es) to add to the element. */
         class?: HTMLAttributes["class"];
-        /** Whether to render the content with a translucent surface */
+        /** Whether to render the content with a translucent surface. */
         translucent?: boolean;
       }
     >(),

package/app/components/Ui/ContextMenu/SubTrigger.vue

@@ -20,13 +20,13 @@
 
   const props = defineProps<
     ContextMenuSubTriggerProps & {
-      /**Custom class(es) to add to the element */
+      /** Custom class(es) to add to the element. */
       class?: HTMLAttributes["class"];
-      /** Wether an indentation should be added to the item or not */
+      /** Wether an indentation should be added to the item or not. */
       inset?: boolean;
-      /** The icon to display */
+      /** The icon to display. */
       icon?: string;
-      /** The title for the item */
+      /** The title for the item. */
       title?: string;
     }
   >();

package/app/components/Ui/Dialog/Content.vue

@@ -46,19 +46,19 @@
   defineOptions({ inheritAttrs: false });
   const props = defineProps<
     DialogContentProps & {
-      /** Icon to display in the close button */
+      /** Icon to display in the close button. */
       icon?: string;
-      /** Title text */
+      /** Title text. */
       title?: string;
-      /** Description text */
+      /** Description text. */
       description?: string;
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
-      /** Whether to hide the close button */
+      /** Whether to hide the close button. */
       hideClose?: boolean;
-      /** Where to render the dialog */
+      /** Where to render the dialog. */
       to?: string | HTMLElement;
-      /** Whether to render the content with a translucent surface */
+      /** Whether to render the content with a translucent surface. */
       translucent?: boolean;
     }
   >();

package/app/components/Ui/Dialog/Description.vue

@@ -16,9 +16,9 @@
 
   const props = defineProps<
     DialogDescriptionProps & {
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
-      /** The description text */
+      /** The description text. */
       description?: string;
     }
   >();

package/app/components/Ui/Dialog/Footer.vue

@@ -17,7 +17,7 @@
   const props = withDefaults(
     defineProps<
       PrimitiveProps & {
-        /** Custom class(es) to add to the parent */
+        /** Custom class(es) to add to the parent. */
         class?: HTMLAttributes["class"];
       }
     >(),

package/app/components/Ui/Dialog/Header.vue

@@ -17,7 +17,7 @@
   const props = withDefaults(
     defineProps<
       PrimitiveProps & {
-        /** Custom class(es) to add to the parent */
+        /** Custom class(es) to add to the parent. */
         class?: HTMLAttributes["class"];
       }
     >(),

package/app/components/Ui/Dialog/Overlay.vue

@@ -14,7 +14,7 @@
 
   const props = defineProps<
     DialogOverlayProps & {
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
     }
   >();

package/app/components/Ui/Dialog/Title.vue

@@ -16,9 +16,9 @@
 
   const props = defineProps<
     DialogTitleProps & {
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
-      /** The title text */
+      /** The title text. */
       title?: string;
     }
   >();

package/app/components/Ui/Divider.vue

@@ -31,31 +31,25 @@
   import type { HTMLAttributes } from "vue";
 
   const props = defineProps<{
-    /**
-     * Custom class for the divider
-     */
+    /** Custom class for the divider. */
     class?: HTMLAttributes["class"];
     /**
-     * The type of the divider
+     * The type of the divider.
+     *
      * @default "solid"
      */
     type?: VariantProps<typeof style>["type"];
     /**
-     * The orientation of the divider
+     * The orientation of the divider.
+     *
      * @default "horizontal"
      */
     orientation?: VariantProps<typeof style>["orientation"];
-    /**
-     * The icon to display in the divider
-     */
+    /** The icon to display in the divider. */
     icon?: string;
-    /**
-     * The label to display in the divider
-     */
+    /** The label to display in the divider. */
     label?: string;
-    /**
-     * The avatar to display in the divider
-     */
+    /** The avatar to display in the divider. */
     avatar?: string;
   }>();
 

package/app/components/Ui/Drawer/Description.vue

@@ -17,13 +17,9 @@
   import type { HTMLAttributes } from "vue";
 
   interface Props extends DrawerDescriptionProps {
-    /**
-     * Custom class(es) to add to the parent.
-     */
+    /** Custom class(es) to add to the parent. */
     class?: HTMLAttributes["class"];
-    /**
-     * The text content of the description.
-     */
+    /** The text content of the description. */
     text?: string;
   }
 

package/app/components/Ui/Drawer/Footer.vue

@@ -20,9 +20,7 @@
   });
 
   export type DrawerHeaderProps = PrimitiveProps & {
-    /**
-     * Classes to add to the parent.
-     */
+    /** Classes to add to the parent. */
     class?: HTMLAttributes["class"];
   };
 </script>

package/app/components/Ui/Drawer/Header.vue

@@ -20,9 +20,7 @@
   });
 
   export type DrawerHeaderProps = PrimitiveProps & {
-    /**
-     * Classes to add to the header.
-     */
+    /** Classes to add to the header. */
     class?: HTMLAttributes["class"];
   };
 </script>

package/app/components/Ui/Drawer/Title.vue

@@ -18,13 +18,9 @@
 
   const props = defineProps<
     DrawerTitleProps & {
-      /**
-       * Custom class(es) to add to the parent.
-       */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
-      /**
-       * The text content of the title.
-       */
+      /** The text content of the title. */
       text?: string;
     }
   >();

package/app/components/Ui/DropdownMenu/Arrow.vue

@@ -20,9 +20,9 @@
   const props = withDefaults(
     defineProps<
       DropdownMenuArrowProps & {
-        /** Custom class(es) to add to the parent */
+        /** Custom class(es) to add to the parent. */
         class?: HTMLAttributes["class"];
-        /** Whether to render the arrow with a translucent surface */
+        /** Whether to render the arrow with a translucent surface. */
         translucent?: boolean;
       }
     >(),

package/app/components/Ui/DropdownMenu/CheckboxItem.vue

@@ -24,11 +24,11 @@
 
   const props = defineProps<
     DropdownMenuCheckboxItemProps & {
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
-      /** The shortcut text to display */
+      /** The shortcut text to display. */
       shortcut?: string;
-      /** The title text to display */
+      /** The title text to display. */
       title?: string;
     }
   >();

package/app/components/Ui/DropdownMenu/Content.vue

@@ -26,9 +26,9 @@
   const props = withDefaults(
     defineProps<
       DropdownMenuContentProps & {
-        /** Custom class(es) to add to the parent */
+        /** Custom class(es) to add to the parent. */
         class?: HTMLAttributes["class"];
-        /** Whether to render the content with a translucent surface */
+        /** Whether to render the content with a translucent surface. */
         translucent?: boolean;
       }
     >(),

package/app/components/Ui/DropdownMenu/Item.vue

@@ -28,15 +28,15 @@
 
   const props = defineProps<
     DropdownMenuItemProps & {
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
-      /** Whether to inset the content */
+      /** Whether to inset the content. */
       inset?: boolean;
-      /** The shortcut text to display */
+      /** The shortcut text to display. */
       shortcut?: string;
-      /** The title text to display */
+      /** The title text to display. */
       title?: string;
-      /** The icon to display */
+      /** The icon to display. */
       icon?: string;
       /**
        * The variant of the item.
@@ -54,7 +54,7 @@
   );
 
   const styles = tv({
-    base: "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset=true]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+    base: "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset=true]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
     variants: {
       inset: {
         true: "pl-8",

package/app/components/Ui/DropdownMenu/ItemIndicator.vue

@@ -18,9 +18,9 @@
 
   const props = defineProps<
     DropdownMenuItemIndicatorProps & {
-      /** The icon to display */
+      /** The icon to display. */
       icon?: string;
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
     }
   >();

package/app/components/Ui/DropdownMenu/Label.vue

@@ -16,11 +16,11 @@
 
   const props = defineProps<
     DropdownMenuLabelProps & {
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
-      /** Whether to inset the content */
+      /** Whether to inset the content. */
       inset?: boolean;
-      /** The label text to display */
+      /** The label text to display. */
       label?: string;
     }
   >();

package/app/components/Ui/DropdownMenu/RadioItem.vue

@@ -22,11 +22,11 @@
 
   const props = defineProps<
     DropdownMenuRadioItemProps & {
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
-      /** The icon to display */
+      /** The icon to display. */
       icon?: string;
-      /** The title text to display */
+      /** The title text to display. */
       title?: string;
     }
   >();

package/app/components/Ui/DropdownMenu/Separator.vue

@@ -14,7 +14,7 @@
 
   const props = defineProps<
     DropdownMenuSeparatorProps & {
-      /** Custom class(es) to add to the parent */
+      /** Custom class(es) to add to the parent. */
       class?: HTMLAttributes["class"];
     }
   >();

package/app/components/Ui/DropdownMenu/Shortcut.vue

@@ -17,7 +17,7 @@
   const props = withDefaults(
     defineProps<
       PrimitiveProps & {
-        /** Custom class(es) to add to the parent */
+        /** Custom class(es) to add to the parent. */
         class?: HTMLAttributes["class"];
         /**
          * The variant of the item.

package/app/components/Ui/DropdownMenu/SubContent.vue

@@ -25,11 +25,11 @@
   const props = withDefaults(
     defineProps<
       DropdownMenuSubContentProps & {
-        /** Custom class(es) to add to the parent */
+        /** Custom class(es) to add to the parent. */
         class?: HTMLAttributes["class"];
-        /** The element to render the portal into */
+        /** The element to render the portal into. */
         to?: string | HTMLElement;
-        /** Whether to render the content with a translucent surface */
+        /** Whether to render the content with a translucent surface. */
         translucent?: boolean;
       }
     >(),

package/app/components/Ui/DropdownMenu/SubTrigger.vue

@@ -23,15 +23,15 @@
 
   const props = defineProps<
     DropdownMenuSubTriggerProps & {
-      /**Custom class(es) to add to the element */
+      /** Custom class(es) to add to the element. */
       class?: HTMLAttributes["class"];
-      /** Wether an indentation should be added to the item or not */
+      /** Wether an indentation should be added to the item or not. */
       inset?: boolean;
-      /** The icon to display */
+      /** The icon to display. */
       icon?: string;
-      /** The title for the item */
+      /** The title for the item. */
       title?: string;
-      /** The trailing icon to display */
+      /** The trailing icon to display. */
       trailingIcon?: string;
     }
   >();

package/app/components/Ui/FancyIcon.vue

@@ -15,25 +15,15 @@
 
   const props = withDefaults(
     defineProps<{
-      /**
-       * Custom class(es) to add to the icon container.
-       */
+      /** Custom class(es) to add to the icon container. */
       class?: HTMLAttributes["class"];
-      /**
-       * The icon to display.
-       */
+      /** The icon to display. */
       icon?: string;
-      /**
-       * The color variant of the icon.
-       */
+      /** The color variant of the icon. */
       color?: VariantProps<typeof styles>["color"];
-      /**
-       * The theme variant of the icon.
-       */
+      /** The theme variant of the icon. */
       theme?: VariantProps<typeof styles>["theme"];
-      /**
-       * The size variant of the icon.
-       */
+      /** The size variant of the icon. */
       size?: VariantProps<typeof styles>["size"];
     }>(),
     {

package/app/components/Ui/GradientDivider.vue

@@ -1,7 +1,9 @@
 <template>
   <Separator
     v-bind="forwarded"
-    :class="styles({ class: normalizeClass(props.class) || undefined })"
+    :class="
+      styles({ orientation: props.orientation, class: normalizeClass(props.class) || undefined })
+    "
   />
 </template>
 
@@ -13,7 +15,7 @@
 
   const props = defineProps<
     SeparatorProps & {
-      /** Custom class(es) to add to parent element */
+      /** Custom class(es) to add to parent element. */
       class?: HTMLAttributes["class"];
     }
   >();
@@ -21,6 +23,17 @@
   const forwarded = reactiveOmit(props, "class");
 
   const styles = tv({
-    base: "h-px w-full border-t-0 bg-[linear-gradient(90deg,--alpha(var(--input)/10%),var(--input),--alpha(var(--input)/10%))]",
+    base: "",
+    variants: {
+      orientation: {
+        horizontal:
+          "h-px w-full border-t-0 bg-[linear-gradient(90deg,--alpha(var(--input)/10%),var(--input),--alpha(var(--input)/10%))]",
+        vertical:
+          "h-full min-h-4 w-px border-l-0 bg-[linear-gradient(180deg,--alpha(var(--input)/10%),var(--input),--alpha(var(--input)/10%))]",
+      },
+    },
+    defaultVariants: {
+      orientation: "horizontal",
+    },
   });
 </script>

package/app/components/Ui/IframeLazy.vue

@@ -24,20 +24,14 @@
   defineEmits<{ load: [event: Event] }>();
 
   type IFrameLazyProps = {
-    /**
-     * The URL of the page to embed in the iframe.
-     */
+    /** The URL of the page to embed in the iframe. */
     src?: string;
-    /**
-     * Additional classes to apply to the wrapper element.
-     */
+    /** Additional classes to apply to the wrapper element. */
     class?: HTMLAttributes["class"];
-    /**
-     * Additional classes to apply to the iframe element.
-     */
+    /** Additional classes to apply to the iframe element. */
     iframeClass?: HTMLAttributes["class"];
     /**
-     * Indicates when the browser should load the iframe
+     * Indicates when the browser should load the iframe.
      *
      * - `lazy`: Load the iframe when it is about to come into view.
      * - `eager`: Load the iframe immediately.
@@ -52,19 +46,20 @@
      */
     placeholder?: boolean;
     /**
-     * A string which specifies a set of offsets to add to the root's bounding box when calculating intersections.
+     * A string which specifies a set of offsets to add to the root's bounding box when calculating
+     * intersections.
      *
      * @default "150px"
      */
     rootMargin?: string;
     /**
-     * Either a single number or an array of numbers between 0.0 and 1.0, specifying a ratio of intersection area to total bounding box area for the observed target.
+     * Either a single number or an array of numbers between 0.0 and 1.0, specifying a ratio of
+     * intersection area to total bounding box area for the observed target.
+     *
      * @default 0
      */
     threshold?: number | number[];
-    /**
-     * Disable scrolling within the iframe.
-     */
+    /** Disable scrolling within the iframe. */
     disableScroll?: boolean;
   };
 

package/app/components/Ui/Input.vue

@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/html-self-closing -->
 <template>
   <input
     v-bind="props"
@@ -14,27 +15,27 @@
   import type { HTMLAttributes, InputHTMLAttributes } from "vue";
 
   export type InputProps = {
-    /** Additional classes to add to the input */
+    /** Additional classes to add to the input. */
     class?: HTMLAttributes["class"];
-    /** The id of the input */
+    /** The id of the input. */
     id?: string;
-    /** The name of the input */
+    /** The name of the input. */
     name?: string;
-    /** The placeholder of the input */
+    /** The placeholder of the input. */
     placeholder?: string;
-    /** Whether the input is disabled */
+    /** Whether the input is disabled. */
     disabled?: boolean;
-    /** Whether the input is required */
+    /** Whether the input is required. */
     required?: boolean;
-    /** The type of the input */
+    /** The type of the input. */
     type?: InputHTMLAttributes["type"];
-    /** The value of the input */
+    /** The value of the input. */
     modelValue?: any;
-    /** The maximum length of the input */
+    /** The maximum length of the input. */
     maxlength?: number;
-    /** The `RegExp` pattern of the input */
+    /** The `RegExp` pattern of the input. */
     pattern?: string;
-    /** When `true`, the input will be focused when mounted */
+    /** When `true`, the input will be focused when mounted. */
     autofocus?: boolean;
   };
 </script>

package/app/components/Ui/InputGroup/Addon.vue

@@ -39,12 +39,11 @@
   export type InputGroupAddonVariants = PrimitiveProps & {
     /**
      * Alignment of the addon within the input group.
+     *
      * @default "inline-start"
      */
     align?: VariantProps<typeof inputGroupAddonVariants>["align"];
-    /**
-     * Additional classes to apply to the input group addon container.
-     */
+    /** Additional classes to apply to the input group addon container. */
     class?: HTMLAttributes["class"];
   };
 </script>

package/app/components/Ui/InputGroup/Button.vue

@@ -33,6 +33,7 @@
   export type InputGroupAddonVariants = Omit<ButtonProps, "size"> & {
     /**
      * The size of the button within the input group.
+     *
      * @default "xs"
      */
     size?: VariantProps<typeof inputGroupButtonVariants>["size"];

package/app/components/Ui/InputGroup/InputGroup.vue

@@ -35,9 +35,7 @@
 <script lang="ts" setup>
   const props = defineProps<
     PrimitiveProps & {
-      /**
-       * Additional classes to apply to the input group container.
-       */
+      /** Additional classes to apply to the input group container. */
       class?: HTMLAttributes["class"];
     }
   >();