@baybreezy/docd 0.1.10 → 0.1.12

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"];
     }
   >();

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

@@ -19,9 +19,7 @@
   });
 
   export type InputGroupText = PrimitiveProps & {
-    /**
-     * 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/Kbd/Group.vue

@@ -19,9 +19,7 @@
   });
 
   export type KbdGroupProps = PrimitiveProps & {
-    /**
-     * Additional classes to apply to the parent element.
-     */
+    /** Additional classes to apply to the parent element. */
     class?: HTMLAttributes["class"];
   };
 </script>

package/app/components/Ui/Kbd/Kbd.vue

@@ -17,16 +17,18 @@
     defineProps<
       PrimitiveProps & {
         /**
-         * The size of the component
+         * The size of the component.
+         *
          * @default "sm"
-         * */
+         */
         size?: VariantProps<typeof styles>["size"];
-        /** Custom class(es) to add to the parent */
+        /** Custom class(es) to add to the parent. */
         class?: HTMLAttributes["class"];
         /**
-         * The variant of the component
+         * The variant of the component.
+         *
          * @default "solid"
-         * */
+         */
         variant?: VariantProps<typeof styles>["variant"];
       }
     >(),

package/app/components/Ui/Label.vue

@@ -20,11 +20,9 @@
   import type { HTMLAttributes } from "vue";
 
   export type LabelProps = LP & {
-    /** Custom class(es) to add to the label */
+    /** Custom class(es) to add to the label. */
     class?: HTMLAttributes["class"];
-    /**
-     * Optional hint text to display alongside the label.
-     */
+    /** Optional hint text to display alongside the label. */
     hint?: string;
   };
 </script>

package/app/components/Ui/ScrollArea/ScrollArea.vue

@@ -1,5 +1,6 @@
 <template>
   <ScrollAreaRoot
+    ref="scrollArea"
     data-slot="scroll-area"
     v-bind="forwarded"
     :class="styles({ class: normalizeClass(props.class) || undefined })"
@@ -21,9 +22,9 @@
   const props = withDefaults(
     defineProps<
       ScrollAreaRootProps & {
-        /** Orientation for scrolling */
+        /** Orientation for scrolling. */
         orientation?: "vertical" | "horizontal";
-        /** Custom class(es) to add to the parent */
+        /** Custom class(es) to add to the parent. */
         class?: HTMLAttributes["class"];
       }
     >(),
@@ -31,8 +32,50 @@
       orientation: "vertical",
     }
   );
+
+  const scrollAreaRef = useTemplateRef<InstanceType<typeof ScrollAreaRoot>>("scrollArea");
+
+  /** The viewport element of the scroll area. */
+  const viewport = computed(() => scrollAreaRef.value?.viewport);
+  /** The maximum scrollTop value (content height minus visible height). */
+  const top = computed(() => {
+    const vp = viewport.value;
+    if (!vp) return 0;
+    return vp.scrollHeight - vp.clientHeight;
+  });
+  /** Scrolls the viewport to the specified position. */
+  const scrollTo = (options: ScrollToOptions) => {
+    if (!viewport.value) return;
+    viewport.value.scrollTo(options);
+  };
+  /** Scrolls the viewport to the bottom. */
+  function scrollToBottom() {
+    const vp = viewport.value;
+    if (vp) {
+      vp.scrollTo({ top: vp.scrollHeight - vp.clientHeight, behavior: "smooth" });
+    }
+  }
+
   const forwarded = reactiveOmit(props, "class");
-  const styles = tv({
-    base: "relative",
+  const styles = tv({ base: "relative" });
+
+  defineExpose({
+    /** Scrolls the viewport to the specified position. */
+    scrollTo,
+    /** The maximum scrollTop value (content height minus visible height). */
+    top,
+    /** The viewport element of the scroll area. */
+    viewport,
+    /** Scrolls the viewport to the top. */
+    scrollTop: () => scrollAreaRef.value?.scrollTop(),
+    /** Scrolls the viewport to the top-left corner. */
+    scrollTopLeft: () => scrollAreaRef.value?.scrollTopLeft(),
+    /** Scrolls the viewport to the bottom. */
+    scrollToBottom,
   });
+
+  defineSlots<{
+    /** The content of the scroll area. */
+    default: (_?: any) => any;
+  }>();
 </script>

package/app/components/Ui/ScrollArea/Scrollbar.vue

@@ -18,7 +18,7 @@
   const props = withDefaults(
     defineProps<
       ScrollAreaScrollbarProps & {
-        /** Class to apply to the scrollbar */
+        /** Class to apply to the scrollbar. */
         class?: HTMLAttributes["class"];
       }
     >(),

package/app/components/Ui/ScrollArea/Thumb.vue

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

package/app/components/Ui/ScrollArea/Viewport.vue

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

package/app/components/Ui/Scrollspy.vue

@@ -28,9 +28,7 @@
       mode?: "single" | "multiple";
       /** Optional callback on change (also emits 'change'). */
       onUpdate?: (id: string) => void;
-      /**
-       * Additional classes to apply to the wrapper element.
-       */
+      /** Additional classes to apply to the wrapper element. */
       class?: HTMLAttributes["class"];
     }>(),
     {

package/app/components/Ui/Separator.vue

@@ -13,9 +13,7 @@
   import type { HTMLAttributes } from "vue";
 
   export type UiSeparatorProps = SeparatorProps & {
-    /**
-     * Custom class(es) to add to the separator
-     */
+    /** Custom class(es) to add to the separator. */
     class?: HTMLAttributes["class"];
   };
 </script>

package/app/components/Ui/Skeleton.vue

@@ -24,9 +24,9 @@
   const props = withDefaults(
     defineProps<
       PrimitiveProps & {
-        /** Custom class(es) to add to parent element */
+        /** Custom class(es) to add to parent element. */
         class?: HTMLAttributes["class"];
-        /** Whether the skeleton is loading */
+        /** Whether the skeleton is loading. */
         loading?: boolean;
       }
     >(),

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

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

package/app/components/Ui/Tabs/Indicator.vue

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

package/app/components/Ui/Tabs/List.vue

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

package/app/components/Ui/Tabs/Trigger.vue

@@ -17,9 +17,9 @@
   const props = withDefaults(
     defineProps<
       TabsTriggerProps & {
-        /** Custom class(es) to add to parent element */
+        /** Custom class(es) to add to parent element. */
         class?: HTMLAttributes["class"];
-        /** Whether the trigger should be pill-shaped */
+        /** Whether the trigger should be pill-shaped. */
         pill?: boolean;
       }
     >(),

package/app/components/Ui/Textarea.vue

@@ -14,25 +14,25 @@
   import type { HTMLAttributes, TextareaHTMLAttributes } from "vue";
 
   export type TextareaProps = {
-    /** Additional classes to add to the textarea */
+    /** Additional classes to add to the textarea. */
     class?: HTMLAttributes["class"];
-    /** The name of the textarea */
+    /** The name of the textarea. */
     name?: TextareaHTMLAttributes["name"];
-    /** The id of the textarea */
+    /** The id of the textarea. */
     id?: TextareaHTMLAttributes["id"];
-    /** The placeholder of the textarea */
+    /** The placeholder of the textarea. */
     placeholder?: TextareaHTMLAttributes["placeholder"];
-    /** Whether the textarea is required */
+    /** Whether the textarea is required. */
     required?: boolean;
-    /** Whether the textarea is disabled */
+    /** Whether the textarea is disabled. */
     disabled?: boolean;
-    /** The number of rows to display */
+    /** The number of rows to display. */
     rows?: number;
-    /** The value of the textarea */
+    /** The value of the textarea. */
     modelValue?: string;
-    /** The maximum number of characters allowed */
+    /** The maximum number of characters allowed. */
     maxlength?: number;
-    /** The `RegExp` pattern of the textarea */
+    /** The `RegExp` pattern of the textarea. */
     pattern?: string;
     /** Whether the textarea should be focused when mounted. */
     autofocus?: boolean;

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

@@ -15,7 +15,7 @@
   const props = withDefaults(
     defineProps<
       TooltipArrowProps & {
-        /** Additional classes for the tooltip arrow */
+        /** Additional classes for the tooltip arrow. */
         class?: HTMLAttributes["class"];
       }
     >(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baybreezy/docd",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "A Nuxt layer for building documentation sites with UI Thing.",
   "repository": {
     "type": "git",
@@ -31,42 +31,42 @@
   },
   "dependencies": {
     "@baybreezy/file-extension-icon": "^0.0.5",
-    "@iconify-json/lucide": "^1.2.114",
-    "@iconify-json/material-icon-theme": "^1.2.67",
-    "@iconify-json/simple-icons": "^1.2.86",
-    "@iconify/utils": "^3.1.3",
+    "@iconify-json/lucide": "^1.2.116",
+    "@iconify-json/material-icon-theme": "^1.2.69",
+    "@iconify-json/simple-icons": "^1.2.89",
+    "@iconify/utils": "^3.1.4",
     "@morev/vue-transitions": "^3.0.5",
-    "@nuxt/content": "3.14.0",
+    "@nuxt/content": "3.15.0",
     "@nuxt/fonts": "^0.14.0",
-    "@nuxt/icon": "^2.2.3",
+    "@nuxt/icon": "^2.3.1",
     "@nuxt/image": "2.0.0",
     "@nuxt/kit": "^4.4.8",
     "@nuxtjs/color-mode": "^4.0.1",
     "@nuxtjs/mcp-toolkit": "^0.17.2",
-    "@nuxtjs/mdc": "^0.22.0",
-    "@nuxtjs/robots": "^6.1.1",
+    "@nuxtjs/mdc": "^0.22.1",
+    "@nuxtjs/robots": "^6.1.2",
     "@tailwindcss/forms": "^0.5.11",
     "@tailwindcss/typography": "^0.5.20",
-    "@tailwindcss/vite": "^4.3.1",
-    "@takumi-rs/core": "^1.8.7",
+    "@tailwindcss/vite": "^4.3.2",
+    "@takumi-rs/core": "^2.0.3",
     "@vueuse/core": "^14.3.0",
     "@vueuse/nuxt": "^14.3.0",
     "better-sqlite3": "^12.11.1",
     "defu": "^6.1.7",
     "git-url-parse": "^16.1.0",
     "lodash-es": "^4.18.1",
-    "mermaid": "^11.15.0",
+    "mermaid": "^11.16.0",
     "motion-v": "^2.3.0",
     "nuxt-component-meta": "^0.17.2",
     "nuxt-gtag": "4.1.0",
     "nuxt-llms": "^0.2.0",
-    "nuxt-og-image": "^6.6.0",
+    "nuxt-og-image": "^6.7.2",
     "pkg-types": "^2.3.1",
-    "reka-ui": "^2.10.0",
-    "shiki": "^4.2.0",
+    "reka-ui": "^2.10.1",
+    "shiki": "^4.3.1",
     "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.2.2",
-    "tailwindcss": "^4.3.1",
+    "tailwindcss": "^4.3.2",
     "tw-animate-css": "^1.4.0",
     "ufo": "^1.6.4",
     "vaul-vue": "^0.4.1",