@revojs/ui 0.1.58

package/dist/components/breadcrumb.d.ts

@@ -0,0 +1,4 @@
+export type BreadcrumbRoute = [label: string, href: string];
+export interface BreadcrumbProps {
+    routes: Array<BreadcrumbRoute>;
+}

package/dist/components/breadcrumb.js

@@ -0,0 +1 @@
+export {};

package/dist/components/button.d.ts

@@ -0,0 +1,18 @@
+export type ButtonType = "button" | "submit";
+export type ButtonSize = "default" | "icon";
+export type ButtonFont = "normal" | "medium" | "semibold";
+export type ButtonLayout = "left" | "center" | "right";
+export type ButtonText = "sm" | "md";
+export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "destructive" | "danger" | "text";
+export interface ButtonProps {
+    iconPrefix?: string;
+    iconSuffix?: string;
+    label?: string;
+    font?: ButtonFont;
+    layout?: ButtonLayout;
+    size?: ButtonSize;
+    text?: ButtonText;
+    variant?: ButtonVariant;
+    type?: ButtonType;
+    disabled?: boolean;
+}

package/dist/components/button.js

@@ -0,0 +1 @@
+export {};

package/dist/components/card.d.ts

@@ -0,0 +1,5 @@
+export interface CardProps {
+    label?: string;
+    title?: string;
+    description?: string;
+}

package/dist/components/card.js

@@ -0,0 +1 @@
+export {};

package/dist/components/checkbox.d.ts

@@ -0,0 +1,8 @@
+export interface CheckboxProps {
+    modelValue?: boolean;
+    label?: string;
+    description?: string;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+}

package/dist/components/checkbox.js

@@ -0,0 +1 @@
+export {};

package/dist/components/collection.d.ts

@@ -0,0 +1,6 @@
+export type CollectionColumns = 1 | 2 | 3 | 4;
+export interface CollectionProps<T = unknown> {
+    items?: Array<T>;
+    columns?: CollectionColumns;
+    emptyLabel?: string;
+}

package/dist/components/collection.js

@@ -0,0 +1 @@
+export {};

package/dist/components/container.d.ts

@@ -0,0 +1,4 @@
+export type ContainerSize = "3xl" | "5xl" | "7xl";
+export interface ContainerProps {
+    size?: ContainerSize;
+}

package/dist/components/container.js

@@ -0,0 +1 @@
+export {};

package/dist/components/control.d.ts

@@ -0,0 +1 @@
+export type ControlInteraction = "disabled" | "enabled";

package/dist/components/control.js

@@ -0,0 +1 @@
+export {};

package/dist/components/counter.d.ts

@@ -0,0 +1,8 @@
+export interface CounterProps {
+    modelValue?: number;
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+}

package/dist/components/counter.js

@@ -0,0 +1 @@
+export {};

package/dist/components/dialog.d.ts

@@ -0,0 +1,6 @@
+export interface DialogProps {
+    modelValue?: boolean;
+    title?: string;
+    description?: string;
+    closeLabel?: string;
+}

package/dist/components/dialog.js

@@ -0,0 +1 @@
+export {};

package/dist/components/field.d.ts

@@ -0,0 +1,7 @@
+export interface FieldProps {
+    label?: string;
+    description?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+}

package/dist/components/field.js

@@ -0,0 +1 @@
+export {};

package/dist/components/heading.d.ts

@@ -0,0 +1,7 @@
+export type HeadingLayout = "left" | "center" | "right";
+export type HeadingText = "sm" | "xl" | "3xl";
+export interface HeadingProps {
+    label?: string;
+    text?: HeadingText;
+    layout?: HeadingLayout;
+}

package/dist/components/heading.js

@@ -0,0 +1 @@
+export {};

package/dist/components/icon.d.ts

@@ -0,0 +1,3 @@
+export interface IconProps {
+    name: string;
+}

package/dist/components/icon.js

@@ -0,0 +1 @@
+export {};

package/dist/components/input.d.ts

@@ -0,0 +1,12 @@
+export interface InputProps {
+    modelValue?: string | number;
+    type?: string;
+    iconPrefix?: string;
+    iconSuffix?: string;
+    placeholder?: string;
+    name?: string;
+    spellcheck?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+}

package/dist/components/input.js

@@ -0,0 +1 @@
+export {};

package/dist/components/link.d.ts

@@ -0,0 +1,6 @@
+export type LinkVariant = "primary" | "muted";
+export interface LinkProps {
+    href?: string;
+    label?: string;
+    variant?: LinkVariant;
+}

package/dist/components/link.js

@@ -0,0 +1 @@
+export {};

package/dist/components/navigate.d.ts

@@ -0,0 +1,7 @@
+export interface NavigateProps {
+    href: string;
+    label?: string;
+    iconPrefix?: string;
+    iconSuffix?: string;
+    active?: boolean;
+}

package/dist/components/navigate.js

@@ -0,0 +1 @@
+export {};

package/dist/components/popover.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonLayout } from "./button";
+export interface PopoverProps {
+    modelValue?: boolean;
+    triggerLabel?: string;
+    triggerClass?: string;
+    triggerLayout?: ButtonLayout;
+    contentClass?: string;
+    matchTriggerWidth?: boolean;
+    disabled?: boolean;
+}

package/dist/components/popover.js

@@ -0,0 +1 @@
+export {};

package/dist/components/progress.d.ts

@@ -0,0 +1,5 @@
+export interface ProgressProps {
+    value?: number;
+    max?: number;
+    label?: string;
+}

package/dist/components/progress.js

@@ -0,0 +1 @@
+export {};

package/dist/components/radio.d.ts

@@ -0,0 +1,10 @@
+export type RadioValue = string | number;
+export interface RadioProps {
+    modelValue?: RadioValue;
+    value: RadioValue;
+    label?: string;
+    description?: string;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+}

package/dist/components/radio.js

@@ -0,0 +1 @@
+export {};

package/dist/components/range.d.ts

@@ -0,0 +1,8 @@
+export interface RangeProps {
+    modelValue?: number;
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+}

package/dist/components/range.js

@@ -0,0 +1 @@
+export {};

package/dist/components/rating.d.ts

@@ -0,0 +1,8 @@
+export type RatingState = "active" | "inactive";
+export interface RatingProps {
+    modelValue?: number;
+    max?: number;
+    label?: string;
+    readonly?: boolean;
+    disabled?: boolean;
+}

package/dist/components/rating.js

@@ -0,0 +1 @@
+export {};

package/dist/components/select.d.ts

@@ -0,0 +1,16 @@
+export type SelectValue = string | number;
+export type SelectValueState = "placeholder" | "selected";
+export interface SelectOption {
+    label: string;
+    value: SelectValue;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    modelValue?: SelectValue;
+    options: Array<SelectOption>;
+    label?: string;
+    placeholder?: string;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+}

package/dist/components/select.js

@@ -0,0 +1 @@
+export {};

package/dist/components/separator.d.ts

@@ -0,0 +1,11 @@
+export type SeparatorOrientation = "horizontal" | "vertical";
+export type DividerVariant = SeparatorOrientation;
+export interface SeparatorProps {
+    orientation?: SeparatorOrientation;
+    variant?: DividerVariant;
+    decorative?: boolean;
+}
+export interface DividerProps {
+    variant?: DividerVariant;
+    decorative?: boolean;
+}

package/dist/components/separator.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sheet.d.ts

@@ -0,0 +1,8 @@
+export type SheetSide = "top" | "right" | "bottom" | "left";
+export interface SheetProps {
+    modelValue?: boolean;
+    side?: SheetSide;
+    title?: string;
+    description?: string;
+    closeLabel?: string;
+}

package/dist/components/sheet.js

@@ -0,0 +1 @@
+export {};

package/dist/components/switch.d.ts

@@ -0,0 +1,8 @@
+export type SwitchState = "checked" | "unchecked";
+export interface SwitchProps {
+    modelValue?: boolean;
+    label?: string;
+    description?: string;
+    name?: string;
+    disabled?: boolean;
+}

package/dist/components/switch.js

@@ -0,0 +1 @@
+export {};

package/dist/components/upload.d.ts

@@ -0,0 +1,10 @@
+export type UploadState = "idle" | "over";
+export interface UploadProps {
+    modelValue?: Blob | File;
+    label?: string;
+    description?: string;
+    accept?: string;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+}

package/dist/components/upload.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+export type * from "./components/breadcrumb";
+export type * from "./components/button";
+export type * from "./components/card";
+export type * from "./components/checkbox";
+export type * from "./components/collection";
+export type * from "./components/container";
+export type * from "./components/control";
+export type * from "./components/counter";
+export type * from "./components/dialog";
+export type * from "./components/field";
+export type * from "./components/heading";
+export type * from "./components/icon";
+export type * from "./components/input";
+export type * from "./components/link";
+export type * from "./components/navigate";
+export type * from "./components/popover";
+export type * from "./components/progress";
+export type * from "./components/radio";
+export type * from "./components/range";
+export type * from "./components/rating";
+export type * from "./components/select";
+export type * from "./components/separator";
+export type * from "./components/sheet";
+export type * from "./components/switch";
+export type * from "./components/upload";

package/dist/index.js

@@ -0,0 +1 @@
+export {};

package/dist/module/index.d.ts

@@ -0,0 +1,35 @@
+export type TailwindColorName = "amber" | "blue" | "cyan" | "emerald" | "fuchsia" | "gray" | "green" | "indigo" | "lime" | "neutral" | "orange" | "pink" | "purple" | "red" | "rose" | "sky" | "slate" | "stone" | "teal" | "violet" | "yellow" | "zinc";
+export type TailwindColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+export type TailwindColorOpacity = 0 | 5 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100;
+export type TailwindBaseColor = "black" | "current" | "inherit" | "transparent" | "white";
+export type TailwindPaletteColor = TailwindBaseColor | `${TailwindColorName}-${TailwindColorShade}`;
+export type TailwindColor = TailwindPaletteColor | `${TailwindPaletteColor}/${TailwindColorOpacity}`;
+export type TailwindRadius = "rounded-none" | "rounded-xs" | "rounded-sm" | "rounded-md" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-3xl" | "rounded-4xl" | "rounded-full";
+export interface UiTheme {
+    background: TailwindColor;
+    foreground: TailwindColor;
+    card: TailwindColor;
+    cardForeground: TailwindColor;
+    popover: TailwindColor;
+    popoverForeground: TailwindColor;
+    primary: TailwindColor;
+    primaryForeground: TailwindColor;
+    secondary: TailwindColor;
+    secondaryForeground: TailwindColor;
+    muted: TailwindColor;
+    mutedForeground: TailwindColor;
+    accent: TailwindColor;
+    accentForeground: TailwindColor;
+    destructive: TailwindColor;
+    destructiveForeground: TailwindColor;
+    border: TailwindColor;
+    input: TailwindColor;
+    ring: TailwindColor;
+}
+export interface UiConfig {
+    radius: TailwindRadius;
+    light: UiTheme;
+    dark: UiTheme;
+}
+declare const _default: import("revojs/module").Module<"ui", UiConfig, []>;
+export default _default;

package/dist/module/index.js

@@ -0,0 +1,123 @@
+import { readFileSync, readdirSync } from "fs";
+import { addTypes, addVirtual, defineModule, useModule } from "revojs/module";
+//#region src/module/index.ts
+function resolveUiClasses(source, ui) {
+	const classes = new Array();
+	for (const [, inner] of source.matchAll(/`([^`]*config\.[^`]*)`/g)) for (const token of inner.replace(/\$\{config\.([^}]+)\}/g, (_match, path) => String(path.split(".").reduce((value, key) => value[key], ui))).split(/\s+/)) if (token) classes.push(token);
+	for (const [, path] of source.replace(/`[^`]*`/g, "").matchAll(/config\.([A-Za-z0-9_.]+)/g)) {
+		const value = path.split(".").reduce((current, key) => current[key], ui);
+		if (typeof value === "string" && value) classes.push(value);
+	}
+	return classes;
+}
+var module_default = defineModule({
+	name: "ui",
+	config: () => ({
+		radius: "rounded-md",
+		light: {
+			background: "white",
+			foreground: "neutral-950",
+			card: "white",
+			cardForeground: "neutral-950",
+			popover: "white",
+			popoverForeground: "neutral-950",
+			primary: "neutral-900",
+			primaryForeground: "neutral-50",
+			secondary: "neutral-100",
+			secondaryForeground: "neutral-900",
+			muted: "neutral-100",
+			mutedForeground: "neutral-500",
+			accent: "neutral-100",
+			accentForeground: "neutral-900",
+			destructive: "red-600",
+			destructiveForeground: "white",
+			border: "neutral-200",
+			input: "neutral-200",
+			ring: "neutral-400"
+		},
+		dark: {
+			background: "neutral-950",
+			foreground: "neutral-50",
+			card: "neutral-900",
+			cardForeground: "neutral-50",
+			popover: "neutral-900",
+			popoverForeground: "neutral-50",
+			primary: "neutral-200",
+			primaryForeground: "neutral-900",
+			secondary: "neutral-800",
+			secondaryForeground: "neutral-50",
+			muted: "neutral-800",
+			mutedForeground: "neutral-400",
+			accent: "neutral-800",
+			accentForeground: "neutral-50",
+			destructive: "red-400",
+			destructiveForeground: "white",
+			border: "white/10",
+			input: "white/15",
+			ring: "neutral-500"
+		}
+	}),
+	setup(config) {
+		const { fromModule } = useModule(import.meta.url);
+		const ui = config.ui;
+		const classes = /* @__PURE__ */ new Set();
+		const manifest = JSON.parse(readFileSync("package.json", "utf8"));
+		const iconPackages = [...new Set(Object.keys({
+			...manifest.dependencies,
+			...manifest.devDependencies,
+			...manifest.optionalDependencies
+		}).filter((name) => name.startsWith("@iconify-json/")))].sort();
+		let componentsDir = "";
+		addVirtual(config, "ui/icons", () => {
+			return `export default {${iconPackages.map((name) => `${JSON.stringify(name.slice(14))}: () => import(${JSON.stringify(`${name}/icons.json`)}).then((module) => module.default)`).join(",")}};`;
+		});
+		addTypes(config, "ui-icons", () => "declare module \"#ui/icons\" { import type { IconifyJSON } from \"@iconify/types\"; const icons: Record<string, () => Promise<IconifyJSON>>; export default icons; }");
+		for (const directory of [fromModule("../vue/components"), fromModule("../../src/vue/components")]) {
+			let entries;
+			try {
+				entries = readdirSync(directory).filter((entry) => entry.endsWith(".vue"));
+			} catch {
+				continue;
+			}
+			componentsDir = directory;
+			for (const entry of entries) for (const token of resolveUiClasses(readFileSync(`${directory}/${entry}`, "utf8"), ui)) classes.add(token);
+			break;
+		}
+		if (!componentsDir) return;
+		const dynamics = [...classes].join(" ");
+		return { vite: { plugins: [{
+			name: "@revojs/ui",
+			enforce: "pre",
+			transform(code, key) {
+				if (!key.split("?", 1)[0].endsWith(".css")) return;
+				if (!code.includes("@import \"tailwindcss\"") && !code.includes("@import 'tailwindcss'")) return;
+				const sourceDirective = `@source "${componentsDir}";`;
+				const inlineDirective = `@source inline("${dynamics}");`;
+				const baseDirective = `@layer base {
+    * {
+        @apply border-${ui.light.border} outline-${ui.light.ring};
+
+        @variant dark {
+            @apply border-${ui.dark.border} outline-${ui.dark.ring};
+        }
+    }
+
+    body {
+        @apply bg-${ui.light.background} text-${ui.light.foreground};
+
+        @variant dark {
+            @apply bg-${ui.dark.background} text-${ui.dark.foreground};
+        }
+    }
+}`;
+				let result = code;
+				if (!result.includes(sourceDirective)) result += `\n${sourceDirective}`;
+				if (dynamics && !result.includes(inlineDirective)) result += `\n${inlineDirective}`;
+				if (!result.includes(baseDirective)) result += `\n${baseDirective}`;
+				if (result !== code) return result;
+			}
+		}] } };
+	}
+});
+//#endregion
+export { module_default as default };

package/dist/types/index.d.ts

@@ -0,0 +1,20 @@
+declare module "#config/ui" {
+    import type { UiConfig } from "@revojs/ui/module";
+
+    const config: UiConfig;
+    export default config;
+}
+
+declare module "#ui/icons" {
+    import type { IconifyJSON } from "@iconify/types";
+
+    const icons: Record<string, () => Promise<IconifyJSON>>;
+    export default icons;
+}
+
+declare module "*.vue" {
+    import type { DefineComponent } from "vue";
+
+    const component: DefineComponent;
+    export default component;
+}

package/dist/vue/components/breadcrumb.vue

@@ -0,0 +1,20 @@
+<template>
+    <nav aria-label="Breadcrumb">
+        <ol class="flex flex-wrap items-center gap-2 text-sm">
+            <li v-for="([label, href], index) in routes" :key="href" class="flex items-center gap-2">
+                <span v-if="index" aria-hidden="true" class="opacity-40"> / </span>
+
+                <Link :href="href" :label="label" :variant="index === routes.length - 1 ? 'primary' : 'muted'" />
+            </li>
+        </ol>
+    </nav>
+</template>
+
+<script setup lang="ts">
+import type { BreadcrumbRoute } from "../../components/breadcrumb.ts";
+import Link from "./link.vue";
+
+defineProps<{
+    routes: Array<BreadcrumbRoute>;
+}>();
+</script>