@schemavaults/ui 0.83.0 → 0.85.2

package/dist/components/ui/index.d.ts

@@ -124,6 +124,8 @@ export * from "./scroll-progress";
 export type * from "./scroll-progress";
 export * from "./gauge";
 export type * from "./gauge";
+export * from "./meter";
+export type * from "./meter";
 export * from "./breadcrumb";
 export type * from "./breadcrumb";
 export * from "./pagination";
@@ -218,3 +220,5 @@ export * from "./inline-edit";
 export type * from "./inline-edit";
 export * from "./split-button";
 export type * from "./split-button";
+export * from "./ribbon";
+export type * from "./ribbon";

package/dist/components/ui/index.js

@@ -61,6 +61,7 @@ export * from "./progress-bar";
 export * from "./circular-progress";
 export * from "./scroll-progress";
 export * from "./gauge";
+export * from "./meter";
 export * from "./breadcrumb";
 export * from "./pagination";
 export * from "./kbd";
@@ -108,4 +109,5 @@ export * from "./browser-frame";
 export * from "./terminal-frame";
 export * from "./inline-edit";
 export * from "./split-button";
+export * from "./ribbon";
 //# sourceMappingURL=index.js.map

package/dist/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,uBAAuB,CAAC;AAGtC,cAAc,aAAa,CAAC;AAG5B,cAAc,eAAe,CAAC;AAG9B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,oBAAoB,CAAC;AAGnC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,WAAW,CAAC;AAG1B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,eAAe,CAAC;AAG9B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC;AAG5B,cAAc,aAAa,CAAC;AAG5B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAG5B,cAAc,0BAA0B,CAAC;AAGzC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,YAAY,CAAC;AAG3B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,eAAe,CAAC;AAG9B,cAAc,QAAQ,CAAC;AAGvB,cAAc,qBAAqB,CAAC;AAGpC,cAAc,iBAAiB,CAAC;AAGhC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,eAAe,CAAC;AAG9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,uBAAuB,CAAC;AAGtC,cAAc,aAAa,CAAC;AAG5B,cAAc,eAAe,CAAC;AAG9B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,oBAAoB,CAAC;AAGnC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,WAAW,CAAC;AAG1B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,eAAe,CAAC;AAG9B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,aAAa,CAAC;AAG5B,cAAc,aAAa,CAAC;AAG5B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,aAAa,CAAC;AAG5B,cAAc,0BAA0B,CAAC;AAGzC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,YAAY,CAAC;AAG3B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,eAAe,CAAC;AAG9B,cAAc,QAAQ,CAAC;AAGvB,cAAc,qBAAqB,CAAC;AAGpC,cAAc,iBAAiB,CAAC;AAGhC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,eAAe,CAAC;AAG9B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC"}

package/dist/components/ui/meter/index.d.ts

@@ -0,0 +1,3 @@
+export { Meter, meterVariants, meterIndicatorVariants, meterSizeIds, meterColorIds, } from "./meter";
+export type * from "./meter";
+export { Meter as default } from "./meter";

package/dist/components/ui/meter/index.js

@@ -0,0 +1,3 @@
+export { Meter, meterVariants, meterIndicatorVariants, meterSizeIds, meterColorIds, } from "./meter";
+export { Meter as default } from "./meter";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/meter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/meter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,sBAAsB,EACtB,YAAY,EACZ,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/ui/meter/meter.d.ts

@@ -0,0 +1,74 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactElement, ReactNode } from "react";
+export declare const meterSizeIds: readonly ["sm", "default", "lg"];
+export type MeterSizeId = (typeof meterSizeIds)[number];
+export declare const meterColorIds: readonly ["default", "positive", "warning", "destructive"];
+export type MeterColorId = (typeof meterColorIds)[number];
+export declare const meterVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const meterIndicatorVariants: (props?: ({
+    color?: "default" | "warning" | "destructive" | "positive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface MeterProps extends Omit<HTMLAttributes<HTMLDivElement>, "role" | "color">, VariantProps<typeof meterVariants>, VariantProps<typeof meterIndicatorVariants> {
+    /** Current value (clamped to [min, max]). */
+    value: number;
+    /** Accessible label describing what the meter represents. */
+    label: string;
+    /** Minimum value (defaults to 0). */
+    min?: number;
+    /** Maximum value (defaults to 100). */
+    max?: number;
+    /**
+     * Upper bound of the "low" band. Values below `low` are considered low.
+     * Defaults to `min` (i.e. no low band).
+     */
+    low?: number;
+    /**
+     * Lower bound of the "high" band. Values above `high` are considered high.
+     * Defaults to `max` (i.e. no high band).
+     */
+    high?: number;
+    /**
+     * Ideal value. When `optimum` sits between `low` and `high`, the mid
+     * band is optimal; otherwise the band containing `optimum` is optimal.
+     * Defaults to the midpoint of [min, max].
+     */
+    optimum?: number;
+    /**
+     * When true, the indicator color is chosen automatically based on where
+     * the current value sits relative to the thresholds — overriding `color`.
+     */
+    autoColorFromThresholds?: boolean;
+    /**
+     * When true (default), renders the label above the bar. Set to `false` to
+     * hide the visible label (it is still announced via `aria-label`).
+     */
+    showLabel?: boolean;
+    /** When true (default), renders the numeric value alongside the label. */
+    showValue?: boolean;
+    /**
+     * When true, faintly renders the threshold band edges behind the
+     * indicator so the reader can see where "low", "mid", and "high" sit.
+     */
+    showThresholdMarks?: boolean;
+    /** Displayed unit next to the value (e.g. "%", "GB"). */
+    unit?: string;
+    /**
+     * Optional formatter for the value shown next to the label. Overrides
+     * the default `Math.round(value) + unit` display.
+     */
+    formatValue?: (value: number) => ReactNode;
+    /** Additional classes for the filled indicator. */
+    indicatorClassName?: string;
+    /** Additional classes for the header row containing label + value. */
+    headerClassName?: string;
+    /** Additional classes for the label text. */
+    labelClassName?: string;
+    /** Additional classes for the value text. */
+    valueClassName?: string;
+}
+export declare function Meter({ value, label, min, max, low, high, optimum, size, color, autoColorFromThresholds, showLabel, showValue, showThresholdMarks, unit, formatValue, className, indicatorClassName, headerClassName, labelClassName, valueClassName, ...props }: MeterProps): ReactElement;
+export declare namespace Meter {
+    var displayName: string;
+}

package/dist/components/ui/meter/meter.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { m } from "../../../framer-motion";
+import { cn } from "../../../lib/utils";
+export const meterSizeIds = ["sm", "default", "lg"];
+export const meterColorIds = [
+    "default",
+    "positive",
+    "warning",
+    "destructive",
+];
+export const meterVariants = cva("relative w-full overflow-hidden rounded-full bg-secondary", {
+    variants: {
+        size: {
+            sm: "h-1.5",
+            default: "h-2.5",
+            lg: "h-4",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+export const meterIndicatorVariants = cva("h-full rounded-full transition-colors duration-300", {
+    variants: {
+        color: {
+            default: "bg-schemavaults-brand-blue",
+            positive: "bg-emerald-500 dark:bg-emerald-400",
+            warning: "bg-warning",
+            destructive: "bg-destructive",
+        },
+    },
+    defaultVariants: {
+        color: "default",
+    },
+});
+const meterValueTextVariants = cva("tabular-nums text-foreground", {
+    variants: {
+        size: {
+            sm: "text-xs",
+            default: "text-sm",
+            lg: "text-base",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+/**
+ * A meter behaves like the HTML `<meter>` element: the value is a scalar
+ * measurement inside a known range, with optional quality thresholds
+ * (`low`, `high`, `optimum`) that define which sub-range is preferable.
+ *
+ * The rules are the same as `<meter>`:
+ *   - "optimum" marks the ideal value.
+ *   - If `optimum` falls between `low` and `high`, values inside the same
+ *     band are considered optimal, adjacent bands are sub-optimal, and the
+ *     farthest band is considered bad.
+ *   - When only one of `low`/`high` is set, the missing side extends to the
+ *     matching endpoint.
+ *
+ * When `autoColorFromThresholds` is enabled the indicator color is chosen
+ * automatically from the resolved quality: optimum → positive, sub-optimum
+ * → warning, worst → destructive.
+ */
+function clampValue(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+function valueToPercentage(value, min, max) {
+    if (max === min) {
+        return 0;
+    }
+    return ((value - min) / (max - min)) * 100;
+}
+function resolveQuality(value, low, high, optimum) {
+    const inLow = value < low;
+    const inHigh = value > high;
+    const inMid = !inLow && !inHigh;
+    const optimumInMid = optimum >= low && optimum <= high;
+    const optimumInLow = optimum < low;
+    const optimumInHigh = optimum > high;
+    if (optimumInMid) {
+        return inMid ? "optimum" : "sub-optimum";
+    }
+    if (optimumInLow) {
+        if (inLow) {
+            return "optimum";
+        }
+        return inMid ? "sub-optimum" : "worst";
+    }
+    if (optimumInHigh) {
+        if (inHigh) {
+            return "optimum";
+        }
+        return inMid ? "sub-optimum" : "worst";
+    }
+    return inMid ? "optimum" : "sub-optimum";
+}
+const QUALITY_TO_COLOR = {
+    optimum: "positive",
+    "sub-optimum": "warning",
+    worst: "destructive",
+};
+export function Meter({ value, label, min = 0, max = 100, low, high, optimum, size, color, autoColorFromThresholds = false, showLabel = true, showValue = true, showThresholdMarks = false, unit, formatValue, className, indicatorClassName, headerClassName, labelClassName, valueClassName, ...props }) {
+    const resolvedSize = size ?? "default";
+    const resolvedLow = low ?? min;
+    const resolvedHigh = high ?? max;
+    const resolvedOptimum = optimum ?? (min + max) / 2;
+    const clamped = clampValue(value, min, max);
+    const percentage = valueToPercentage(clamped, min, max);
+    const quality = resolveQuality(clamped, resolvedLow, resolvedHigh, resolvedOptimum);
+    const indicatorColor = autoColorFromThresholds
+        ? QUALITY_TO_COLOR[quality]
+        : (color ?? "default");
+    const lowPct = valueToPercentage(clampValue(resolvedLow, min, max), min, max);
+    const highPct = valueToPercentage(clampValue(resolvedHigh, min, max), min, max);
+    const showLowMark = showThresholdMarks && lowPct > 0 && lowPct < 100;
+    const showHighMark = showThresholdMarks && highPct > 0 && highPct < 100 && highPct !== lowPct;
+    const showHeader = showLabel || showValue;
+    const defaultFormattedValue = (_jsxs(_Fragment, { children: [Math.round(clamped), unit && (_jsx("span", { className: "ml-0.5 text-muted-foreground", children: unit }))] }));
+    return (_jsxs("div", { className: cn("flex w-full flex-col gap-1", className), ...props, children: [showHeader && (_jsxs("div", { className: cn("flex items-baseline justify-between gap-2", headerClassName), children: [showLabel && (_jsx("span", { className: cn(meterValueTextVariants({ size: resolvedSize }), "text-muted-foreground", labelClassName), children: label })), showValue && (_jsx("span", { className: cn(meterValueTextVariants({ size: resolvedSize }), "font-medium", valueClassName), children: formatValue ? formatValue(clamped) : defaultFormattedValue }))] })), _jsxs("div", { role: "meter", "aria-valuenow": clamped, "aria-valuemin": min, "aria-valuemax": max, "aria-label": label, className: cn(meterVariants({ size: resolvedSize })), children: [showLowMark && (_jsx("span", { "aria-hidden": "true", className: "absolute inset-y-0 w-px bg-foreground/25", style: { left: `${lowPct}%` } })), showHighMark && (_jsx("span", { "aria-hidden": "true", className: "absolute inset-y-0 w-px bg-foreground/25", style: { left: `${highPct}%` } })), _jsx(m.div, { initial: { width: 0 }, animate: { width: `${percentage}%` }, transition: { duration: 0.4, ease: "easeOut" }, className: cn(meterIndicatorVariants({ color: indicatorColor }), indicatorClassName) })] })] }));
+}
+Meter.displayName = "Meter";
+//# sourceMappingURL=meter.js.map

package/dist/components/ui/meter/meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.js","sourceRoot":"","sources":["../../../../src/components/ui/meter/meter.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/ribbon/index.d.ts

@@ -0,0 +1,4 @@
+export { Ribbon, Ribbon as default } from "./ribbon";
+export type { RibbonProps } from "./ribbon";
+export { ribbonPositionIds, ribbonSizeIds, ribbonVariantIds, } from "./ribbon-variants";
+export type { RibbonPosition, RibbonSize, RibbonVariant, } from "./ribbon-variants";

package/dist/components/ui/ribbon/index.js

@@ -0,0 +1,3 @@
+export { Ribbon, Ribbon as default } from "./ribbon";
+export { ribbonPositionIds, ribbonSizeIds, ribbonVariantIds, } from "./ribbon-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/ribbon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/ribbon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,gBAAgB,GACjB,MAAM,mBAAmB,CAAC"}

package/dist/components/ui/ribbon/ribbon-variants.d.ts

@@ -0,0 +1,6 @@
+export declare const ribbonVariantIds: readonly ["default", "secondary", "destructive", "success", "warning", "accent"];
+export type RibbonVariant = (typeof ribbonVariantIds)[number];
+export declare const ribbonSizeIds: readonly ["sm", "default", "lg"];
+export type RibbonSize = (typeof ribbonSizeIds)[number];
+export declare const ribbonPositionIds: readonly ["top-right", "top-left", "bottom-right", "bottom-left"];
+export type RibbonPosition = (typeof ribbonPositionIds)[number];

package/dist/components/ui/ribbon/ribbon-variants.js

@@ -0,0 +1,20 @@
+export const ribbonVariantIds = [
+    "default",
+    "secondary",
+    "destructive",
+    "success",
+    "warning",
+    "accent",
+];
+export const ribbonSizeIds = [
+    "sm",
+    "default",
+    "lg",
+];
+export const ribbonPositionIds = [
+    "top-right",
+    "top-left",
+    "bottom-right",
+    "bottom-left",
+];
+//# sourceMappingURL=ribbon-variants.js.map

package/dist/components/ui/ribbon/ribbon-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ribbon-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/ribbon/ribbon-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS;IACT,WAAW;IACX,aAAa;IACb,SAAS;IACT,SAAS;IACT,QAAQ;CAC4B,CAAC;AAGvC,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI;IACJ,SAAS;IACT,IAAI;CACgC,CAAC;AAGvC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,WAAW;IACX,UAAU;IACV,cAAc;IACd,aAAa;CACuB,CAAC"}

package/dist/components/ui/ribbon/ribbon.d.ts

@@ -0,0 +1,23 @@
+import { type VariantProps } from "class-variance-authority";
+import type { ComponentProps, ReactElement } from "react";
+import { ribbonPositionIds, ribbonSizeIds, ribbonVariantIds, type RibbonPosition, type RibbonSize, type RibbonVariant } from "./ribbon-variants";
+declare const ribbonVariants: (props?: ({
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+    variant?: "default" | "warning" | "destructive" | "accent" | "success" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface RibbonProps extends Omit<ComponentProps<"div">, "children">, VariantProps<typeof ribbonVariants> {
+    /**
+     * The ribbon label. Kept short (e.g. "NEW", "BETA", "SALE").
+     * The parent container MUST have `position: relative` and
+     * `overflow: hidden` for the ribbon to render correctly.
+     */
+    children: ComponentProps<"div">["children"];
+}
+declare function Ribbon({ ref, className, position, size, variant, children, ...props }: RibbonProps): ReactElement;
+declare namespace Ribbon {
+    var displayName: string;
+}
+export { Ribbon, ribbonVariants, ribbonPositionIds, ribbonSizeIds, ribbonVariantIds };
+export type { RibbonPosition, RibbonSize, RibbonVariant };
+export default Ribbon;

package/dist/components/ui/ribbon/ribbon.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+import { ribbonPositionIds, ribbonSizeIds, ribbonVariantIds, } from "./ribbon-variants";
+const ribbonVariants = cva("absolute z-10 flex items-center justify-center text-center font-semibold uppercase tracking-wider whitespace-nowrap select-none shadow-md", {
+    variants: {
+        position: {
+            "top-right": "rotate-45",
+            "top-left": "-rotate-45",
+            "bottom-right": "-rotate-45",
+            "bottom-left": "rotate-45",
+        },
+        size: {
+            sm: "text-[10px] py-0.5",
+            default: "text-xs py-1",
+            lg: "text-sm py-1.5",
+        },
+        variant: {
+            default: "bg-primary text-primary-foreground",
+            secondary: "bg-secondary text-secondary-foreground",
+            destructive: "bg-destructive text-white dark:bg-destructive/85",
+            success: "bg-emerald-600 text-white dark:bg-emerald-500",
+            warning: "bg-warning text-warning-foreground",
+            accent: "bg-accent text-accent-foreground border-y border-border/60",
+        },
+    },
+    compoundVariants: [
+        // small (128px wide)
+        { size: "sm", position: "top-right", className: "w-32 -right-8 top-4" },
+        { size: "sm", position: "top-left", className: "w-32 -left-8 top-4" },
+        {
+            size: "sm",
+            position: "bottom-right",
+            className: "w-32 -right-8 bottom-4",
+        },
+        {
+            size: "sm",
+            position: "bottom-left",
+            className: "w-32 -left-8 bottom-4",
+        },
+        // default (160px wide)
+        {
+            size: "default",
+            position: "top-right",
+            className: "w-40 -right-10 top-5",
+        },
+        {
+            size: "default",
+            position: "top-left",
+            className: "w-40 -left-10 top-5",
+        },
+        {
+            size: "default",
+            position: "bottom-right",
+            className: "w-40 -right-10 bottom-5",
+        },
+        {
+            size: "default",
+            position: "bottom-left",
+            className: "w-40 -left-10 bottom-5",
+        },
+        // large (192px wide)
+        { size: "lg", position: "top-right", className: "w-48 -right-12 top-7" },
+        { size: "lg", position: "top-left", className: "w-48 -left-12 top-7" },
+        {
+            size: "lg",
+            position: "bottom-right",
+            className: "w-48 -right-12 bottom-7",
+        },
+        {
+            size: "lg",
+            position: "bottom-left",
+            className: "w-48 -left-12 bottom-7",
+        },
+    ],
+    defaultVariants: {
+        position: "top-right",
+        size: "default",
+        variant: "default",
+    },
+});
+function Ribbon({ ref, className, position, size, variant, children, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "ribbon", "data-position": position ?? "top-right", "data-variant": variant ?? "default", "data-size": size ?? "default", className: cn(ribbonVariants({ position, size, variant }), className), ...props, children: children }));
+}
+Ribbon.displayName = "Ribbon";
+export { Ribbon, ribbonVariants, ribbonPositionIds, ribbonSizeIds, ribbonVariantIds };
+export default Ribbon;
+//# sourceMappingURL=ribbon.js.map

package/dist/components/ui/ribbon/ribbon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ribbon.js","sourceRoot":"","sources":["../../../../src/components/ui/ribbon/ribbon.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.83.0",
+  "version": "0.85.2",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",