@sewadah/selaras 0.1.1

package/dist/runtime/theme/toggle.js

@@ -0,0 +1,48 @@
+import { tv } from "tailwind-variants";
+export const toggleTheme = tv({
+  slots: {
+    base: "inline-flex items-center justify-center gap-1.5 font-medium rounded-[var(--ui-radius-md)] transition-colors text-[var(--ui-text-muted)] hover:bg-[var(--ui-bg-elevated)] hover:text-[var(--ui-text)] disabled:opacity-50 disabled:pointer-events-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]",
+    icon: "shrink-0"
+  },
+  variants: {
+    color: {
+      primary: "",
+      neutral: "",
+      secondary: "",
+      success: "",
+      danger: "",
+      info: "",
+      warning: ""
+    },
+    size: {
+      sm: { base: "h-8 px-3 text-sm", icon: "size-4" },
+      md: { base: "h-10 px-4 text-sm", icon: "size-4.5" },
+      lg: { base: "h-11 px-5 text-base", icon: "size-5" }
+    },
+    square: {
+      true: {}
+    }
+  },
+  compoundVariants: [
+    // Icon-only: swap the size's text-oriented horizontal padding for an
+    // equal-width square matching its own height - same technique as
+    // Button's own `square` compound variants.
+    { size: "sm", square: true, class: { base: "w-8 px-0" } },
+    { size: "md", square: true, class: { base: "w-10 px-0" } },
+    { size: "lg", square: true, class: { base: "w-11 px-0" } },
+    // Pressed (data-[state=on]) - the same soft-variant look Button/Alert/
+    // Badge already use for this color at rest, so a pressed Toggle reads
+    // as "this color's own settled state" rather than a one-off treatment.
+    { color: "primary", class: { base: "data-[state=on]:bg-[var(--ui-primary-soft)] data-[state=on]:text-[var(--ui-primary)] data-[state=on]:hover:bg-[var(--ui-primary-soft)]/70" } },
+    { color: "neutral", class: { base: "data-[state=on]:bg-[var(--ui-neutral-soft)] data-[state=on]:text-[var(--ui-text)] data-[state=on]:hover:bg-[var(--ui-neutral-soft)]/70" } },
+    { color: "secondary", class: { base: "data-[state=on]:bg-[var(--ui-secondary-soft)] data-[state=on]:text-[var(--ui-secondary)] data-[state=on]:hover:bg-[var(--ui-secondary-soft)]/70" } },
+    { color: "success", class: { base: "data-[state=on]:bg-[var(--ui-success-soft)] data-[state=on]:text-[var(--ui-success)] data-[state=on]:hover:bg-[var(--ui-success-soft)]/70" } },
+    { color: "danger", class: { base: "data-[state=on]:bg-[var(--ui-danger-soft)] data-[state=on]:text-[var(--ui-danger)] data-[state=on]:hover:bg-[var(--ui-danger-soft)]/70" } },
+    { color: "info", class: { base: "data-[state=on]:bg-[var(--ui-info-soft)] data-[state=on]:text-[var(--ui-info)] data-[state=on]:hover:bg-[var(--ui-info-soft)]/70" } },
+    { color: "warning", class: { base: "data-[state=on]:bg-[var(--ui-warning-soft)] data-[state=on]:text-[var(--ui-warning)] data-[state=on]:hover:bg-[var(--ui-warning-soft)]/70" } }
+  ],
+  defaultVariants: {
+    color: "primary",
+    size: "md"
+  }
+});

package/dist/runtime/theme/tooltip.d.ts

@@ -0,0 +1,44 @@
+export declare const tooltipTheme: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            kbd?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            kbds?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            kbd?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            kbds?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    content: string;
+    arrow: string;
+    kbds: string;
+    kbd: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            content?: import("tailwind-variants").ClassValue;
+            kbd?: import("tailwind-variants").ClassValue;
+            arrow?: import("tailwind-variants").ClassValue;
+            kbds?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    content: string;
+    arrow: string;
+    kbds: string;
+    kbd: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+    content: string;
+    arrow: string;
+    kbds: string;
+    kbd: string;
+}>>;
+export type TooltipThemeSlots = keyof (typeof tooltipTheme)['slots'];

package/dist/runtime/theme/tooltip.js

@@ -0,0 +1,14 @@
+import { tv } from "tailwind-variants";
+export const tooltipTheme = tv({
+  slots: {
+    content: "z-[var(--ui-z-tooltip)] flex items-center gap-2 rounded-[var(--ui-radius-sm)] bg-[var(--ui-bg-inverted)] text-[var(--ui-text-inverted)] px-2.5 py-1.5 text-xs shadow-[var(--ui-shadow-md)] data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=delayed-open]:animate-in data-[state=instant-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=instant-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:zoom-in-95",
+    arrow: "fill-[var(--ui-bg-inverted)]",
+    kbds: "ms-auto flex items-center gap-0.5",
+    // bg-current/15 (not a fixed light/dark token) picks up whatever
+    // text-inverted resolves to at this spot, so the badge reads as a
+    // subtle overlay on the tooltip's own inverted surface in both themes -
+    // the same currentColor-overlay technique Chip's own remove button
+    // already uses against its (also currentColor-driven) surface.
+    kbd: "rounded-[var(--ui-radius-sm)] bg-current/15 px-1 py-0.5 text-[10px] font-medium"
+  }
+});

package/dist/runtime/theme/tree.d.ts

@@ -0,0 +1,80 @@
+export declare const treeTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            item: string;
+            icon: string;
+            toggle: string;
+            spacer: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+            icon: string;
+            toggle: string;
+            spacer: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    toggle: string;
+    spacer: string;
+    checkbox: string;
+    icon: string;
+    label: string;
+}, undefined, {
+    size: {
+        sm: {
+            item: string;
+            icon: string;
+            toggle: string;
+            spacer: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+            icon: string;
+            toggle: string;
+            spacer: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    toggle: string;
+    spacer: string;
+    checkbox: string;
+    icon: string;
+    label: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    size: {
+        sm: {
+            item: string;
+            icon: string;
+            toggle: string;
+            spacer: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+            icon: string;
+            toggle: string;
+            spacer: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    toggle: string;
+    spacer: string;
+    checkbox: string;
+    icon: string;
+    label: string;
+}>>;
+export type TreeThemeSlots = keyof (typeof treeTheme)['slots'];

package/dist/runtime/theme/tree.js

@@ -0,0 +1,32 @@
+import { tv } from "tailwind-variants";
+export const treeTheme = tv({
+  slots: {
+    root: "flex flex-col gap-0.5 text-sm",
+    // Reka's own TreeItem sets data-selected/data-expanded/data-disabled
+    // on its own rendered root itself (confirmed by reading TreeItem.js
+    // directly) - so this styles off those attributes the same way every
+    // other component here keys off Reka's own data-* state, rather than
+    // a JS-computed variant like FileTree.vue's own hand-rolled one (it
+    // has no Reka data-attribute of its own to key off).
+    item: "flex w-full items-center gap-1.5 rounded-[var(--ui-radius-sm)] px-1.5 py-1 text-[var(--ui-text)] outline-none cursor-pointer select-none data-[selected]:bg-[var(--ui-primary-soft)] data-[selected]:text-[var(--ui-primary)] not-data-[selected]:hover:bg-[var(--ui-bg-elevated)] data-[disabled]:opacity-50 data-[disabled]:pointer-events-none focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[var(--ui-primary)]",
+    // Same rotate-on-expand convention as Accordion/FileTree's own
+    // chevron. A leaf row (no children) renders `spacer` instead, sized
+    // identically, so labels still align into one column regardless of
+    // depth.
+    toggle: "flex size-4 shrink-0 items-center justify-center text-[var(--ui-text-muted)] transition-transform rtl:rotate-180 data-[expanded]:rotate-90 rtl:data-[expanded]:rotate-90",
+    spacer: "size-4 shrink-0",
+    checkbox: "shrink-0 pointer-events-none",
+    icon: "size-4 shrink-0 text-[var(--ui-text-muted)]",
+    label: "truncate"
+  },
+  variants: {
+    size: {
+      sm: { item: "text-xs", icon: "size-3.5", toggle: "size-3.5", spacer: "size-3.5" },
+      md: { item: "text-sm" },
+      lg: { item: "text-base", icon: "size-5", toggle: "size-5", spacer: "size-5" }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});

package/dist/runtime/theme.css

@@ -0,0 +1 @@
+@import "tw-animate-css";@source "./components";@source "./internal";@source "./theme";@source "./utils";@custom-variant dark (&:where(.dark, .dark *));@layer base{a:focus-visible{outline-offset:0}}@keyframes selaras-ripple{to{opacity:0;transform:scale(1)}}@keyframes selaras-accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes selaras-accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}@keyframes selaras-collapsible-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes selaras-collapsible-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@keyframes selaras-skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes selaras-progress-indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.selaras-nav-elbow{position:relative}.selaras-nav-elbow:before{inset-inline-start:-16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:16px}.selaras-nav-elbow:after,.selaras-nav-elbow:before{background-color:var(--ui-border);content:"";position:absolute;top:0}.selaras-nav-elbow:after{inset-inline-start:-15px;width:1.5px}.selaras-nav-elbow--content-navigation:before{height:40px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 14a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 14a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E")}.selaras-nav-elbow--content-navigation:after{bottom:-2px}.selaras-nav-elbow--content-navigation:last-child:after{bottom:auto;height:14px}.selaras-nav-elbow--navigation-menu:before{height:32px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 32'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 10a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 32'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 10a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E")}.selaras-nav-elbow--navigation-menu:after{bottom:-4px}.selaras-nav-elbow--navigation-menu:last-child:after{bottom:auto;height:10px}.selaras-nav-elbow--file-tree:before{height:28px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 8a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 8a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E")}.selaras-nav-elbow--file-tree:after{bottom:-2px}.selaras-nav-elbow--file-tree:last-child:after{bottom:auto;height:8px}@theme{--color-primary-50:oklch(0.9700 0.0120 279.99);--color-primary-100:oklch(0.9300 0.0280 279.99);--color-primary-200:oklch(0.8600 0.0550 279.99);--color-primary-300:oklch(0.7800 0.1000 279.99);--color-primary-400:oklch(0.6400 0.1650 279.99);--color-primary-500:oklch(0.4755 0.2026 279.99);--color-primary-600:oklch(0.4150 0.1850 279.99);--color-primary-700:oklch(0.3550 0.1580 279.99);--color-primary-800:oklch(0.2950 0.1280 279.99);--color-primary-900:oklch(0.2350 0.0950 279.99);--color-primary-950:oklch(0.1700 0.0600 279.99);--color-secondary-50:oklch(0.975 0.012 325);--color-secondary-100:oklch(0.945 0.030 325);--color-secondary-200:oklch(0.890 0.060 325);--color-secondary-300:oklch(0.810 0.100 325);--color-secondary-400:oklch(0.690 0.145 325);--color-secondary-500:oklch(0.565 0.175 325);--color-secondary-600:oklch(0.495 0.165 325);--color-secondary-700:oklch(0.420 0.145 325);--color-secondary-800:oklch(0.345 0.115 325);--color-secondary-900:oklch(0.275 0.085 325);--color-secondary-950:oklch(0.190 0.055 325);--color-neutral-25:oklch(0.995 0.0015 280);--color-neutral-50:oklch(0.980 0.0030 280);--color-neutral-100:oklch(0.945 0.0065 280);--color-neutral-200:oklch(0.900 0.0100 280);--color-neutral-300:oklch(0.840 0.0140 280);--color-neutral-400:oklch(0.700 0.0180 280);--color-neutral-500:oklch(0.555 0.0200 280);--color-neutral-600:oklch(0.445 0.0190 280);--color-neutral-700:oklch(0.365 0.0170 280);--color-neutral-800:oklch(0.275 0.0140 280);--color-neutral-900:oklch(0.205 0.0110 280);--color-neutral-950:oklch(0.145 0.0080 280);--color-success-50:oklch(0.980 0.020 148);--color-success-100:oklch(0.950 0.045 148);--color-success-200:oklch(0.895 0.080 148);--color-success-300:oklch(0.820 0.120 148);--color-success-400:oklch(0.735 0.155 148);--color-success-500:oklch(0.640 0.175 148);--color-success-600:oklch(0.555 0.160 148);--color-success-700:oklch(0.470 0.140 148);--color-success-800:oklch(0.390 0.115 148);--color-success-900:oklch(0.315 0.085 148);--color-success-950:oklch(0.225 0.055 148);--color-info-50:oklch(0.975 0.018 245);--color-info-100:oklch(0.945 0.040 245);--color-info-200:oklch(0.895 0.075 245);--color-info-300:oklch(0.820 0.115 245);--color-info-400:oklch(0.715 0.155 245);--color-info-500:oklch(0.620 0.175 245);--color-info-600:oklch(0.535 0.165 245);--color-info-700:oklch(0.455 0.145 245);--color-info-800:oklch(0.375 0.115 245);--color-info-900:oklch(0.300 0.085 245);--color-info-950:oklch(0.215 0.055 245);--color-warning-50:oklch(0.985 0.022 88);--color-warning-100:oklch(0.960 0.055 88);--color-warning-200:oklch(0.915 0.105 88);--color-warning-300:oklch(0.860 0.145 88);--color-warning-400:oklch(0.810 0.165 88);--color-warning-500:oklch(0.755 0.165 88);--color-warning-600:oklch(0.665 0.155 88);--color-warning-700:oklch(0.565 0.135 88);--color-warning-800:oklch(0.465 0.110 88);--color-warning-900:oklch(0.375 0.085 88);--color-warning-950:oklch(0.255 0.055 88);--color-danger-50:oklch(0.975 0.015 28);--color-danger-100:oklch(0.945 0.035 28);--color-danger-200:oklch(0.890 0.070 28);--color-danger-300:oklch(0.805 0.120 28);--color-danger-400:oklch(0.700 0.175 28);--color-danger-500:oklch(0.600 0.205 28);--color-danger-600:oklch(0.525 0.195 28);--color-danger-700:oklch(0.445 0.170 28);--color-danger-800:oklch(0.365 0.135 28);--color-danger-900:oklch(0.295 0.100 28);--color-danger-950:oklch(0.205 0.065 28)}:root{--ui-radius:8px;--ui-radius-sm:calc(var(--ui-radius)*0.75);--ui-radius-md:var(--ui-radius);--ui-radius-lg:calc(var(--ui-radius)*2);--ui-radius-full:9999px;--ui-shadow-sm:0 1px 2px 0 rgba(0,0,0,.06);--ui-shadow-md:0 4px 16px -2px rgba(0,0,0,.12);--ui-shadow-lg:0 12px 32px -4px rgba(0,0,0,.16);--ui-z-modal-overlay:40;--ui-z-modal:50;--ui-z-dropdown:60;--ui-z-tooltip:70;--ui-z-toast:80;--ui-bg:--theme(--color-neutral-25);--ui-bg-elevated:--theme(--color-neutral-50);--ui-bg-inverted:--theme(--color-neutral-950);--ui-border:--theme(--color-neutral-200);--ui-border-hover:--theme(--color-neutral-300);--ui-border-muted:--theme(--color-neutral-100);--ui-text:--theme(--color-neutral-950);--ui-text-muted:--theme(--color-neutral-600);--ui-text-inverted:--theme(--color-neutral-50);--ui-primary:--theme(--color-primary-500);--ui-primary-hover:--theme(--color-primary-600);--ui-primary-active:--theme(--color-primary-700);--ui-primary-foreground:--theme(--color-neutral-25);--ui-primary-soft:--theme(--color-primary-100);--ui-secondary:--theme(--color-secondary-500);--ui-secondary-hover:--theme(--color-secondary-600);--ui-secondary-active:--theme(--color-secondary-700);--ui-secondary-foreground:--theme(--color-neutral-25);--ui-secondary-soft:--theme(--color-secondary-100);--ui-success:--theme(--color-success-500);--ui-success-hover:--theme(--color-success-600);--ui-success-active:--theme(--color-success-700);--ui-success-foreground:--theme(--color-neutral-25);--ui-success-soft:--theme(--color-success-100);--ui-info:--theme(--color-info-500);--ui-info-hover:--theme(--color-info-600);--ui-info-active:--theme(--color-info-700);--ui-info-foreground:--theme(--color-neutral-25);--ui-info-soft:--theme(--color-info-100);--ui-danger:--theme(--color-danger-500);--ui-danger-hover:--theme(--color-danger-600);--ui-danger-active:--theme(--color-danger-700);--ui-danger-foreground:--theme(--color-neutral-25);--ui-danger-soft:--theme(--color-danger-100);--ui-warning:--theme(--color-warning-500);--ui-warning-hover:--theme(--color-warning-600);--ui-warning-active:--theme(--color-warning-700);--ui-warning-foreground:--theme(--color-neutral-950);--ui-warning-soft:--theme(--color-warning-100);--ui-neutral:--theme(--color-neutral-950);--ui-neutral-hover:--theme(--color-neutral-900);--ui-neutral-active:--theme(--color-neutral-800);--ui-neutral-foreground:--theme(--color-neutral-25);--ui-neutral-soft:--theme(--color-neutral-100)}.dark{--ui-bg:--theme(--color-neutral-950);--ui-bg-elevated:--theme(--color-neutral-900);--ui-bg-inverted:--theme(--color-neutral-50);--ui-border:--theme(--color-neutral-800);--ui-border-hover:--theme(--color-neutral-700);--ui-border-muted:--theme(--color-neutral-900);--ui-text:--theme(--color-neutral-50);--ui-text-muted:--theme(--color-neutral-400);--ui-text-inverted:--theme(--color-neutral-950);--ui-primary-soft:color-mix(in oklab,--theme(--color-primary-500) 24%,var(--ui-bg));--ui-secondary-soft:color-mix(in oklab,--theme(--color-secondary-500) 24%,var(--ui-bg));--ui-success-soft:color-mix(in oklab,--theme(--color-success-500) 24%,var(--ui-bg));--ui-info-soft:color-mix(in oklab,--theme(--color-info-500) 24%,var(--ui-bg));--ui-warning-soft:color-mix(in oklab,--theme(--color-warning-500) 24%,var(--ui-bg));--ui-danger-soft:color-mix(in oklab,--theme(--color-danger-500) 24%,var(--ui-bg));--ui-neutral:--theme(--color-neutral-50);--ui-neutral-hover:--theme(--color-neutral-100);--ui-neutral-active:--theme(--color-neutral-200);--ui-neutral-foreground:--theme(--color-neutral-950);--ui-neutral-soft:--theme(--color-neutral-900)}

package/dist/runtime/types/app-config.d.ts

@@ -0,0 +1,15 @@
+import type { IconRegistry } from '../utils/icons'
+import type { MessageRegistry } from '../utils/messages'
+
+// Types app.config.ts's own override surface for the three global
+// mechanisms that read from it (useIcons/useMessages/useLocale) - without
+// this, `messages`/`icons`/`locale` are untyped `any` in a consumer's own
+// app.config.ts, with no autocomplete and no typo detection. Referenced
+// into the generated nuxt.d.ts via module.ts's own `prepare:types` hook.
+declare module '@nuxt/schema' {
+  interface AppConfig {
+    messages?: Partial<MessageRegistry>
+    icons?: Partial<IconRegistry>
+    locale?: string
+  }
+}

package/dist/runtime/types/index.d.ts

@@ -0,0 +1,82 @@
+export type * from '../components/Accordion.vue';
+export type * from '../components/Alert.vue';
+export type * from '../components/App.vue';
+export type * from '../components/Autocomplete.vue';
+export type * from '../components/Avatar.vue';
+export type * from '../components/AvatarGroup.vue';
+export type * from '../components/Badge.vue';
+export type * from '../components/Breadcrumb.vue';
+export type * from '../components/Button.vue';
+export type * from '../components/ButtonGroup.vue';
+export type * from '../components/Callout.vue';
+export type * from '../components/Card.vue';
+export type * from '../components/CardGroup.vue';
+export type * from '../components/Checkbox.vue';
+export type * from '../components/Chip.vue';
+export type * from '../components/CodeButton.vue';
+export type * from '../components/CodeGroup.vue';
+export type * from '../components/CodeTree.vue';
+export type * from '../components/Collapsible.vue';
+export type * from '../components/ColorModeToggle.vue';
+export type * from '../components/CommandPalette.vue';
+export type * from '../components/Container.vue';
+export type * from '../components/ContentNavigation.vue';
+export type * from '../components/ContentSurround.vue';
+export type * from '../components/ContentToc.vue';
+export type * from '../components/ContextMenu.vue';
+export type * from '../components/DashboardGroup.vue';
+export type * from '../components/DashboardNavbar.vue';
+export type * from '../components/DashboardPanel.vue';
+export type * from '../components/DashboardResizeHandle.vue';
+export type * from '../components/DashboardSidebar.vue';
+export type * from '../components/DashboardSidebarToggle.vue';
+export type * from '../components/DatePicker.vue';
+export type * from '../components/Dropdown.vue';
+export type * from '../components/FileTree.vue';
+export type * from '../components/FileUpload.vue';
+export type * from '../components/FormField.vue';
+export type * from '../components/Header.vue';
+export type * from '../components/Icon.vue';
+export type * from '../components/Input.vue';
+export type * from '../components/InputNumber.vue';
+export type * from '../components/Kbd.vue';
+export type * from '../components/Modal.vue';
+export type * from '../components/NavigationMenu.vue';
+export type * from '../components/PageAside.vue';
+export type * from '../components/PageHeader.vue';
+export type * from '../components/Pagination.vue';
+export type * from '../components/PinInput.vue';
+export type * from '../components/Popover.vue';
+export type * from '../components/Progress.vue';
+export type * from '../components/ProseH1.vue';
+export type * from '../components/ProseH2.vue';
+export type * from '../components/ProseH3.vue';
+export type * from '../components/ProseH4.vue';
+export type * from '../components/ProseH5.vue';
+export type * from '../components/ProseH6.vue';
+export type * from '../components/ProsePre.vue';
+export type * from '../components/RadioGroup.vue';
+export type * from '../components/Rating.vue';
+export type * from '../components/ReadMore.vue';
+export type * from '../components/ScrollArea.vue';
+export type * from '../components/Select.vue';
+export type * from '../components/Separator.vue';
+export type * from '../components/Skeleton.vue';
+export type * from '../components/Slideover.vue';
+export type * from '../components/Splitter.vue';
+export type * from '../components/SplitterPanel.vue';
+export type * from '../components/SplitterResizeHandle.vue';
+export type * from '../components/Stepper.vue';
+export type * from '../components/Switch.vue';
+export type * from '../components/Table.vue';
+export type * from '../components/Tabs.vue';
+export type * from '../components/Textarea.vue';
+export type * from '../components/Theme.vue';
+export type * from '../components/Toast.vue';
+export type * from '../components/Toggle.vue';
+export type * from '../components/ToggleGroup.vue';
+export type * from '../components/Tooltip.vue';
+export type { IconRegistry } from '../utils/icons.js';
+export { defaultIcons } from '../utils/icons.js';
+export type { MessageRegistry } from '../utils/messages.js';
+export { defaultMessages } from '../utils/messages.js';

package/dist/runtime/types/index.js

@@ -0,0 +1,2 @@
+export { defaultIcons } from "../utils/icons.js";
+export { defaultMessages } from "../utils/messages.js";

package/dist/runtime/utils/format-bytes.d.ts

@@ -0,0 +1,2 @@
+/** Formats a byte count as a human-readable size (`"1.5 MB"`) - used for a file's own size label and for a maxSize validation message. `locale` shapes the decimal separator (via `toLocaleString`, not a hardcoded `.`); omit it for the app-wide default. */
+export declare function formatBytes(bytes: number, locale?: string): string;

package/dist/runtime/utils/format-bytes.js

@@ -0,0 +1,9 @@
+const UNITS = ["B", "KB", "MB", "GB", "TB"];
+export function formatBytes(bytes, locale) {
+  if (bytes <= 0)
+    return "0 B";
+  const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), UNITS.length - 1);
+  const value = bytes / 1024 ** exponent;
+  const formatted = exponent === 0 ? String(value) : value.toLocaleString(locale ?? "en-US", { maximumFractionDigits: 1 });
+  return `${formatted} ${UNITS[exponent]}`;
+}

package/dist/runtime/utils/fuzzy-match.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Returns `null` when `query` isn't a subsequence of `target` (every
+ * character of `query`, in order, somewhere in `target`) - that `null` is
+ * the actual filter signal, used to drop the item entirely. When it *is* a
+ * subsequence, returns a score where higher is better: a word-boundary
+ * match (start of string, right after a space/`-`/`_`, or a lower-to-upper
+ * camelCase transition) scores more than a mid-word one, and a run of
+ * consecutive matched characters scores progressively more than the same
+ * characters found scattered apart - so "cf" ranks "Create File" above a
+ * coincidental scattered match elsewhere.
+ */
+export declare function fuzzyScore(query: string, target: string): number | null;

package/dist/runtime/utils/fuzzy-match.js

@@ -0,0 +1,21 @@
+export function fuzzyScore(query, target) {
+  if (!query)
+    return 0;
+  const q = query.toLowerCase();
+  const t = target.toLowerCase();
+  let queryIndex = 0;
+  let score = 0;
+  let streak = 0;
+  let lastMatchIndex = -1;
+  for (let targetIndex = 0; targetIndex < t.length && queryIndex < q.length; targetIndex++) {
+    if (t[targetIndex] !== q[queryIndex])
+      continue;
+    const previousChar = target[targetIndex - 1];
+    const isWordBoundary = targetIndex === 0 || previousChar === " " || previousChar === "-" || previousChar === "_" || /[a-z]/.test(previousChar ?? "") && /[A-Z]/.test(target[targetIndex]);
+    streak = lastMatchIndex === targetIndex - 1 ? streak + 1 : 1;
+    score += 1 + (isWordBoundary ? 8 : 0) + streak * 2;
+    lastMatchIndex = targetIndex;
+    queryIndex += 1;
+  }
+  return queryIndex === q.length ? score : null;
+}

package/dist/runtime/utils/icons.d.ts

@@ -0,0 +1,38 @@
+export interface IconRegistry {
+    close: string;
+    check: string;
+    indeterminate: string;
+    chevronUp: string;
+    chevronDown: string;
+    chevronRight: string;
+    chevronLeft: string;
+    chevronsLeft: string;
+    chevronsRight: string;
+    loading: string;
+    search: string;
+    sortAscending: string;
+    sortDescending: string;
+    columns: string;
+    copy: string;
+    lightMode: string;
+    darkMode: string;
+    calendar: string;
+    clock: string;
+    plus: string;
+    minus: string;
+    success: string;
+    danger: string;
+    warning: string;
+    info: string;
+    user: string;
+    maximize: string;
+    minimize: string;
+    star: string;
+    upload: string;
+    file: string;
+    folder: string;
+    folderOpen: string;
+    more: string;
+    sidebarCollapse: string;
+}
+export declare const defaultIcons: IconRegistry;

package/dist/runtime/utils/icons.js

@@ -0,0 +1,51 @@
+export const defaultIcons = {
+  close: "hugeicons:cancel-01",
+  check: "hugeicons:tick-02",
+  indeterminate: "hugeicons:minus-sign",
+  // Hugeicons' "arrow-*-01" set is the plain chevron shape (no shaft) -
+  // matches the original caret look despite the name.
+  chevronUp: "hugeicons:arrow-up-01",
+  chevronDown: "hugeicons:arrow-down-01",
+  chevronRight: "hugeicons:arrow-right-01",
+  chevronLeft: "hugeicons:arrow-left-01",
+  chevronsLeft: "hugeicons:previous",
+  chevronsRight: "hugeicons:next",
+  loading: "hugeicons:loading-02",
+  search: "hugeicons:search-01",
+  // "arrow-*-02" (shaft + arrowhead) - kept visually distinct from the
+  // plain chevrons above, matching the original caret-vs-arrow split.
+  sortAscending: "hugeicons:arrow-up-02",
+  sortDescending: "hugeicons:arrow-down-02",
+  columns: "hugeicons:table-columns-split",
+  copy: "hugeicons:copy",
+  lightMode: "hugeicons:sun-01",
+  darkMode: "hugeicons:moon",
+  calendar: "hugeicons:calendar-01",
+  clock: "hugeicons:clock-01",
+  plus: "hugeicons:plus-sign",
+  minus: "hugeicons:minus-sign",
+  success: "hugeicons:checkmark-circle-01",
+  danger: "hugeicons:cancel-circle",
+  warning: "hugeicons:alert-circle",
+  info: "hugeicons:information-circle",
+  user: "hugeicons:user",
+  // Four expanding corner brackets / two arrows converging - a matched
+  // expand/collapse pair, not just any two vaguely-related glyphs.
+  maximize: "hugeicons:fullscreen",
+  minimize: "hugeicons:collapse",
+  star: "hugeicons:star",
+  upload: "hugeicons:upload-01",
+  file: "hugeicons:file-01",
+  folder: "hugeicons:folder-01",
+  folderOpen: "hugeicons:folder-open",
+  more: "hugeicons:more-horizontal",
+  // A panel-with-a-shaded-column glyph reads as "sidebar" far more directly
+  // than a generic double-chevron - DashboardSidebarToggle mirrors this one
+  // horizontally (`scaleX(-1)`, not a rotation) once collapsed, rather than
+  // swapping in hugeicons:sidebar-right-01. Confirmed by diffing both
+  // icons' real path data: they're identical except every x-coordinate is
+  // reflected around the icon's center (same y-coordinates throughout) -
+  // a true mirror image, not a 180°-rotated one, which would put the
+  // little nav-line details at the bottom instead of back at the top.
+  sidebarCollapse: "hugeicons:sidebar-left-01"
+};

package/dist/runtime/utils/injection-keys.d.ts

@@ -0,0 +1,69 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+export declare const AVATAR_SIZE_INJECTION_KEY: InjectionKey<ComputedRef<'sm' | 'md' | 'lg' | undefined>>;
+/**
+ * Shared from DashboardGroup down to DashboardSidebar, DashboardPanel, and
+ * DashboardNavbar - all three need it, and DashboardGroup is the one
+ * actual common ancestor of all three (DashboardSidebar/DashboardNavbar
+ * are themselves siblings under it, not ancestor/descendant of each
+ * other, so a `provide()` from either one directly would never reach the
+ * other - confirmed the hard way: DashboardSidebar originally provided
+ * its own toggle function directly, which DashboardNavbar's inject()
+ * silently never received).
+ *
+ * `toggleSidebar` is a ref (not a plain function) because DashboardGroup
+ * itself doesn't know how to toggle anything - only DashboardSidebar
+ * does, once it mounts and knows which mechanism (the Splitter panel's
+ * collapse, or the mobile drawer's open state) is actually active - so
+ * DashboardSidebar populates this ref with the real function, and
+ * DashboardNavbar just calls whatever's currently in it.
+ */
+export interface DashboardContext {
+    isMobile: Ref<boolean>;
+    toggleSidebar: Ref<(() => void) | undefined>;
+    /**
+     * Same populate-after-mount reasoning as `toggleSidebar` - DashboardGroup
+     * doesn't know the sidebar's own collapsed state, only DashboardSidebar
+     * does, so it keeps this ref's value in sync. On mobile this tracks the
+     * drawer's own closed/open state (closed = "collapsed", the same
+     * "sidebar isn't currently taking up space" meaning collapsed has on
+     * desktop) rather than a hardcoded `false` - DashboardSidebarToggle
+     * mirrors its icon off this one flag regardless of which mode is active.
+     */
+    isSidebarCollapsed: Ref<boolean>;
+    /**
+     * Owned by DashboardGroup itself (not DashboardSidebar) for a real
+     * reason, not just consistency with the other two - DashboardGroup's
+     * own `v-if="!isMobile"`/`v-else` wraps its *entire* default slot, not
+     * just the Splitter, so DashboardSidebar (along with everything else in
+     * that slot) is fully unmounted and re-created on every mobile
+     * transition, not merely swapping an internal branch. A value living on
+     * DashboardSidebar's own instance can't survive that - it's gone the
+     * moment the old instance is torn down, before a fresh instance's own
+     * watchers ever get a chance to observe the transition. DashboardGroup
+     * is the one thing that actually persists across it, so the last known
+     * desktop pixel width has to live here instead, written by
+     * DashboardSidebar's own `resize` handler and read back by a freshly
+     * mounted DashboardSidebar to correct Reka's own cookie-restored
+     * percentage (recalibrated against whatever the container's width
+     * happens to be at that specific remount - see DashboardSidebar.vue's
+     * own comment for the full explanation).
+     */
+    lastDesktopWidthPx: Ref<number | undefined>;
+}
+export declare const DASHBOARD_INJECTION_KEY: InjectionKey<DashboardContext>;
+/**
+ * Provided by STheme (Theme.vue), read by useComponentTheme/useThemeProps
+ * (utils/ui.ts) - `parent` is a deliberate back-reference to whatever
+ * STheme (if any) the providing one is itself nested inside, rather than
+ * a pre-merged bag: this lets the read side walk the *whole* ancestor
+ * chain and compose overrides in the correct outermost-to-innermost
+ * order (see useComponentTheme's own collectThemeChain), so nesting two
+ * STheme components inherits an outer one's unset slots/props instead of
+ * an inner one wholesale replacing it.
+ */
+export interface ThemeContext {
+    ui?: Partial<Record<string, object>>;
+    props?: Partial<Record<string, Record<string, unknown>>>;
+    parent?: ThemeContext;
+}
+export declare const THEME_INJECTION_KEY: InjectionKey<ComputedRef<ThemeContext>>;

package/dist/runtime/utils/injection-keys.js

@@ -0,0 +1,3 @@
+export const AVATAR_SIZE_INJECTION_KEY = Symbol("selaras-avatar-size");
+export const DASHBOARD_INJECTION_KEY = Symbol("selaras-dashboard");
+export const THEME_INJECTION_KEY = Symbol("selaras-theme");

package/dist/runtime/utils/messages.d.ts

@@ -0,0 +1,70 @@
+export interface MessageRegistry {
+    loading: string;
+    clear: string;
+    close: string;
+    cancel: string;
+    continue: string;
+    colorModeToggle: string;
+    colorPicker: string;
+    colorPickerDescription: string;
+    search: string;
+    searchDescription: string;
+    columns: string;
+    filterPlaceholder: string;
+    previous: string;
+    next: string;
+    first: string;
+    last: string;
+    pagination: string;
+    datePicker: string;
+    datePickerDescription: string;
+    dateRangePicker: string;
+    dateRangePickerDescription: string;
+    timePicker: string;
+    timePickerDescription: string;
+    pickTime: string;
+    previousMonth: string;
+    nextMonth: string;
+    previousYear: string;
+    nextYear: string;
+    previousDecade: string;
+    nextDecade: string;
+    pickDate: string;
+    chooseMonth: string;
+    chooseYear: string;
+    hour: string;
+    minute: string;
+    done: string;
+    increment: string;
+    decrement: string;
+    noOptions: string;
+    noResultsFound: string;
+    noData: string;
+    expandRow: string;
+    collapseRow: string;
+    maximize: string;
+    minimize: string;
+    /** A single removed/removable item's accessible name - `label` is omitted for a bare, unlabeled control (matches Chip's own existing fallback). */
+    removeItem: (label?: string) => string;
+    moreItems: (count: number) => string;
+    avatarGroupOverflow: (count: number) => string;
+    paginationInfo: (page: number, total: number) => string;
+    codeTabFallback: (index: number) => string;
+    dropFiles: string;
+    invalidFileType: (name: string) => string;
+    invalidFileSize: (name: string, max: string) => string;
+    tooManyFiles: (max: number) => string;
+    showMore: string;
+    showLess: string;
+    selectFile: string;
+    toggleSidebar: string;
+    breadcrumb: string;
+    showHiddenBreadcrumbItems: string;
+    commandPalette: string;
+    commandPaletteDescription: string;
+    navigate: string;
+    select: string;
+    onThisPage: string;
+    upToSize: (size: string) => string;
+}
+export declare const defaultMessages: MessageRegistry;