@schemavaults/ui 0.18.0 → 0.19.1

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

@@ -106,5 +106,7 @@ export * from "./banner";
 export type * from "./banner";
 export * from "./empty-state";
 export type * from "./empty-state";
+export * from "./stat-card";
+export type * from "./stat-card";
 export * from "./timeline";
 export type * from "./timeline";

package/dist/components/ui/index.js

@@ -52,5 +52,6 @@ export * from "./kbd";
 export * from "./spinner";
 export * from "./banner";
 export * from "./empty-state";
+export * from "./stat-card";
 export * from "./timeline";
 //# 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,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,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,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,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,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,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,kBAAkB,CAAC;AAGjC,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,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,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,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,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,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,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,kBAAkB,CAAC;AAGjC,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,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC"}

package/dist/components/ui/stat-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./stat-card";
+export type * from "./stat-card";

package/dist/components/ui/stat-card/index.js

@@ -0,0 +1,2 @@
+export * from "./stat-card";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/stat-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/stat-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/ui/stat-card/stat-card.d.ts

@@ -0,0 +1,96 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactElement, ReactNode, Ref } from "react";
+export declare const statCardVariantIds: ["default", "muted", "primary", "destructive", "warning"];
+export type StatCardVariantId = (typeof statCardVariantIds)[number];
+export declare const statCardSizeIds: ["sm", "md", "lg"];
+export type StatCardSizeId = (typeof statCardSizeIds)[number];
+declare const statCardVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "primary" | "muted" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatCardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statCardVariants> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCard({ className, variant, size, ref, ...props }: StatCardProps): ReactElement;
+declare namespace StatCard {
+    var displayName: string;
+}
+export interface StatCardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCardHeader({ className, ref, ...props }: StatCardHeaderProps): ReactElement;
+declare namespace StatCardHeader {
+    var displayName: string;
+}
+export interface StatCardLabelProps extends HTMLAttributes<HTMLParagraphElement> {
+    size?: StatCardSizeId;
+    ref?: Ref<HTMLParagraphElement>;
+}
+declare function StatCardLabel({ className, size, ref, ...props }: StatCardLabelProps): ReactElement;
+declare namespace StatCardLabel {
+    var displayName: string;
+}
+declare const statCardIconVariants: (props?: ({
+    variant?: "default" | "destructive" | "warning" | "primary" | "muted" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatCardIconProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statCardIconVariants> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCardIcon({ className, variant, size, ref, ...props }: StatCardIconProps): ReactElement;
+declare namespace StatCardIcon {
+    var displayName: string;
+}
+export interface StatCardValueProps extends HTMLAttributes<HTMLDivElement> {
+    size?: StatCardSizeId;
+    loading?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCardValue({ className, size, loading, children, ref, ...props }: StatCardValueProps): ReactElement;
+declare namespace StatCardValue {
+    var displayName: string;
+}
+export interface StatCardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    ref?: Ref<HTMLParagraphElement>;
+}
+declare function StatCardDescription({ className, ref, ...props }: StatCardDescriptionProps): ReactElement;
+declare namespace StatCardDescription {
+    var displayName: string;
+}
+export declare const statCardTrendDirections: ["up", "down", "neutral"];
+export type StatCardTrendDirection = (typeof statCardTrendDirections)[number];
+export type StatCardTrendIntent = "positive" | "negative" | "neutral";
+declare const statCardTrendVariants: (props?: ({
+    intent?: "positive" | "neutral" | "negative" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatCardTrendProps extends HTMLAttributes<HTMLSpanElement> {
+    direction?: StatCardTrendDirection;
+    /**
+     * Override the colour intent. Defaults to mapping `up` -> positive,
+     * `down` -> negative, `neutral` -> neutral. Useful when an upward trend
+     * is actually bad (e.g. error rate).
+     */
+    intent?: StatCardTrendIntent;
+    /**
+     * Optional icon shown before the children. If omitted, a default arrow
+     * icon for the direction is rendered.
+     */
+    icon?: ReactNode;
+    /**
+     * If true, hide the default arrow icon entirely.
+     */
+    hideIcon?: boolean;
+    ref?: Ref<HTMLSpanElement>;
+}
+declare function StatCardTrend({ className, direction, intent, icon, hideIcon, children, ref, ...props }: StatCardTrendProps): ReactElement;
+declare namespace StatCardTrend {
+    var displayName: string;
+}
+export interface StatCardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function StatCardFooter({ className, ref, ...props }: StatCardFooterProps): ReactElement;
+declare namespace StatCardFooter {
+    var displayName: string;
+}
+export { StatCard, StatCardHeader, StatCardLabel, StatCardIcon, StatCardValue, StatCardDescription, StatCardTrend, StatCardFooter, statCardVariants, statCardIconVariants, statCardTrendVariants, };

package/dist/components/ui/stat-card/stat-card.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+export const statCardVariantIds = [
+    "default",
+    "muted",
+    "primary",
+    "destructive",
+    "warning",
+];
+export const statCardSizeIds = ["sm", "md", "lg"];
+const statCardVariants = cva("relative flex w-full flex-col rounded-lg border shadow-sm transition-colors", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground border-border",
+            muted: "bg-muted/40 text-foreground border-border",
+            primary: "bg-primary/5 text-foreground border-primary/30 dark:bg-primary/10",
+            destructive: "bg-destructive/5 text-foreground border-destructive/40 dark:border-destructive",
+            warning: "bg-warning/5 text-foreground border-warning/40 dark:border-warning",
+        },
+        size: {
+            sm: "gap-1 p-3",
+            md: "gap-1.5 p-4",
+            lg: "gap-2 p-6",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+function StatCard({ className, variant, size, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "stat-card", className: cn(statCardVariants({ variant, size }), className), ...props }));
+}
+StatCard.displayName = "StatCard";
+function StatCardHeader({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "stat-card-header", className: cn("flex w-full items-start justify-between gap-2", className), ...props }));
+}
+StatCardHeader.displayName = "StatCardHeader";
+const statCardLabelSizes = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-sm",
+};
+function StatCardLabel({ className, size = "md", ref, ...props }) {
+    return (_jsx("p", { ref: ref, "data-slot": "stat-card-label", className: cn("font-medium text-muted-foreground leading-none", statCardLabelSizes[size], className), ...props }));
+}
+StatCardLabel.displayName = "StatCardLabel";
+const statCardIconVariants = cva("flex shrink-0 items-center justify-center rounded-md [&>svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-muted text-muted-foreground",
+            muted: "bg-background text-muted-foreground",
+            primary: "bg-primary/10 text-primary dark:text-primary-foreground",
+            destructive: "bg-destructive/10 text-destructive",
+            warning: "bg-warning/15 text-warning",
+        },
+        size: {
+            sm: "size-7 [&>svg]:size-4",
+            md: "size-9 [&>svg]:size-5",
+            lg: "size-11 [&>svg]:size-6",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+function StatCardIcon({ className, variant, size, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "aria-hidden": "true", "data-slot": "stat-card-icon", className: cn(statCardIconVariants({ variant, size }), className), ...props }));
+}
+StatCardIcon.displayName = "StatCardIcon";
+const statCardValueSizes = {
+    sm: "text-xl",
+    md: "text-2xl",
+    lg: "text-3xl",
+};
+function StatCardValue({ className, size = "md", loading = false, children, ref, ...props }) {
+    if (loading) {
+        return (_jsx(Skeleton, { "data-slot": "stat-card-value-skeleton", className: cn("mt-1", size === "sm" && "h-6 w-16", size === "md" && "h-7 w-20", size === "lg" && "h-9 w-28", className) }));
+    }
+    return (_jsx("div", { ref: ref, "data-slot": "stat-card-value", className: cn("font-semibold tabular-nums leading-tight tracking-tight", statCardValueSizes[size], className), ...props, children: children }));
+}
+StatCardValue.displayName = "StatCardValue";
+function StatCardDescription({ className, ref, ...props }) {
+    return (_jsx("p", { ref: ref, "data-slot": "stat-card-description", className: cn("text-xs text-muted-foreground leading-snug", className), ...props }));
+}
+StatCardDescription.displayName = "StatCardDescription";
+export const statCardTrendDirections = [
+    "up",
+    "down",
+    "neutral",
+];
+const statCardTrendVariants = cva("inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-xs font-medium tabular-nums [&>svg]:size-3", {
+    variants: {
+        intent: {
+            positive: "bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary-foreground",
+            negative: "bg-destructive/10 text-destructive",
+            neutral: "bg-muted text-muted-foreground",
+        },
+    },
+    defaultVariants: {
+        intent: "neutral",
+    },
+});
+function defaultIntentForDirection(direction) {
+    switch (direction) {
+        case "up":
+            return "positive";
+        case "down":
+            return "negative";
+        default:
+            return "neutral";
+    }
+}
+function DefaultTrendIcon({ direction, }) {
+    if (direction === "up") {
+        return (_jsx("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 7.5L6 4.5L9 7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    }
+    if (direction === "down") {
+        return (_jsx("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    }
+    return (_jsx("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 6H9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function StatCardTrend({ className, direction = "neutral", intent, icon, hideIcon = false, children, ref, ...props }) {
+    const resolvedIntent = intent ?? defaultIntentForDirection(direction);
+    return (_jsxs("span", { ref: ref, "data-slot": "stat-card-trend", "data-direction": direction, className: cn(statCardTrendVariants({ intent: resolvedIntent }), className), ...props, children: [hideIcon ? null : (icon ?? _jsx(DefaultTrendIcon, { direction: direction })), children] }));
+}
+StatCardTrend.displayName = "StatCardTrend";
+function StatCardFooter({ className, ref, ...props }) {
+    return (_jsx("div", { ref: ref, "data-slot": "stat-card-footer", className: cn("mt-2 flex flex-wrap items-center gap-2 text-xs text-muted-foreground", className), ...props }));
+}
+StatCardFooter.displayName = "StatCardFooter";
+export { StatCard, StatCardHeader, StatCardLabel, StatCardIcon, StatCardValue, StatCardDescription, StatCardTrend, StatCardFooter, statCardVariants, statCardIconVariants, statCardTrendVariants, };
+//# sourceMappingURL=stat-card.js.map

package/dist/components/ui/stat-card/stat-card.js.map

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

package/dist/components/ui/stepper/stepper-body.js

@@ -2,13 +2,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AnimatePresence, m } from "framer-motion";
 import { useStepperContext } from "./useStepperContext";
+// Caller contract: <Stepper> (which renders <StepperBody />) must be rendered
+// inside a parent that establishes a bounded vertical flex column — e.g.
+// <div className="h-full flex flex-col"> or a `grow flex flex-col` subtree
+// inside a flex-column ancestor with a defined height. Without a bounded
+// ancestor, `flex-1` has nothing to grow into and the body collapses to 0.
 export function StepperBody() {
     const stepperContext = useStepperContext();
     if (!stepperContext) {
         throw new Error("StepperFooter not within StepperContext!");
     }
     const { activeStep, steps } = stepperContext;
-    return (_jsx("div", { className: "\n        flex flex-col\n        w-full h-[40vh]\n        justify-start items-start\n        overflow-x-hidden\n        schemavaults-stepper-body\n        no-scrollbar\n      ", children: _jsx(AnimatePresence, { initial: false, mode: "wait", children: steps.map((step, step_index) => {
+    return (_jsx("div", { className: "\n        flex flex-col\n        w-full flex-1 min-h-0\n        justify-start items-start\n        overflow-x-hidden\n        schemavaults-stepper-body\n        no-scrollbar\n      ", children: _jsx(AnimatePresence, { initial: false, mode: "wait", children: steps.map((step, step_index) => {
                 if (step_index !== activeStep) {
                     return null;
                 }
@@ -17,8 +22,9 @@ export function StepperBody() {
                 // const activeStepDataRef = ActiveStep.data_ref;
                 return (_jsx(m.div, { initial: { opacity: 0, x: activeStep > step_index ? 100 : -100 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: activeStep > step_index ? -100 : 100 }, transition: { duration: 0.3 }, style: {
                         width: "100%",
-                        overflowY: "scroll",
-                        height: "40vh",
+                        overflowY: "auto",
+                        minHeight: 0,
+                        flex: 1,
                         position: "relative",
                         top: 0,
                         left: 0,

package/dist/components/ui/stepper/stepper-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper-body.js","sourceRoot":"","sources":["../../../../src/components/ui/stepper/stepper-body.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,UAAU,WAAW;IACzB,MAAM,cAAc,GAAG,iBAAiB,EAAgB,CAAC;IACzD,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;IACD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC;IAE7C,OAAO,CACL,cACE,SAAS,EAAC,iLAOT,YAED,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,UAAkB,EAAa,EAAE;gBACjD,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;oBAC9B,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,MAAM,UAAU,GAAuB,KAAK,CAAC,UAAU,CAAC,CAAC;gBACzD,MAAM,mBAAmB,GAAG,UAAU,CAAC,aAAa,CAAC;gBAErD,iDAAiD;gBAEjD,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,IAEJ,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAChE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAC7D,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,SAAS,EAAE,QAAQ;wBACnB,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;qBACR,YAED,KAAC,mBAAmB,IAElB,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,oBAAoB,IAH1B,QAAQ,IAAI,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,EAAE,CAK3D,IApBG,QAAQ,UAAU,CAAC,EAAE,EAAE,CAqBtB,CACT,CAAC;YACJ,CAAC,CAAC,GACc,GACd,CACP,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"stepper-body.js","sourceRoot":"","sources":["../../../../src/components/ui/stepper/stepper-body.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,8EAA8E;AAC9E,yEAAyE;AACzE,2EAA2E;AAC3E,yEAAyE;AACzE,2EAA2E;AAC3E,MAAM,UAAU,WAAW;IACzB,MAAM,cAAc,GAAG,iBAAiB,EAAgB,CAAC;IACzD,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;IAC9D,CAAC;IACD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC;IAE7C,OAAO,CACL,cACE,SAAS,EAAC,uLAOT,YAED,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,UAAkB,EAAa,EAAE;gBACjD,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;oBAC9B,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,MAAM,UAAU,GAAuB,KAAK,CAAC,UAAU,CAAC,CAAC;gBACzD,MAAM,mBAAmB,GAAG,UAAU,CAAC,aAAa,CAAC;gBAErD,iDAAiD;gBAEjD,OAAO,CACL,KAAC,CAAC,CAAC,GAAG,IAEJ,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAChE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAC7D,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,SAAS,EAAE,MAAM;wBACjB,SAAS,EAAE,CAAC;wBACZ,IAAI,EAAE,CAAC;wBACP,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAC;wBACN,IAAI,EAAE,CAAC;qBACR,YAED,KAAC,mBAAmB,IAElB,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,oBAAoB,IAH1B,QAAQ,IAAI,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,EAAE,CAK3D,IArBG,QAAQ,UAAU,CAAC,EAAE,EAAE,CAsBtB,CACT,CAAC;YACJ,CAAC,CAAC,GACc,GACd,CACP,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/components/ui/stepper/stepper.js

@@ -22,6 +22,6 @@ export function Stepper({ steps, state, footer_decorator, setCurrentStep, getCur
             getCurrentStep,
         });
     }, [state, canGoBack, getCurrentStep]);
-    return (_jsx(StepperProvider, { steps: steps, activeStep: activeStep, canGoNext: canGoNextFn, canGoBack: canGoBackFn, setCurrentStep: setCurrentStep, children: _jsxs("div", { className: "flex flex-col w-full grow gap-2", children: [_jsx(StepsIndicator, {}), _jsx(Separator, {}), _jsx(StepperBody, {}), _jsx(Separator, {}), _jsx(StepperFooter, { decorator: footer_decorator, FinalStepSubmitButton: FinalStepSubmitButton, state: state, getCurrentStep: getCurrentStep })] }) }, `stepper-${id}`));
+    return (_jsx(StepperProvider, { steps: steps, activeStep: activeStep, canGoNext: canGoNextFn, canGoBack: canGoBackFn, setCurrentStep: setCurrentStep, children: _jsxs("div", { className: "flex flex-col w-full grow min-h-0 gap-2", children: [_jsx(StepsIndicator, {}), _jsx(Separator, {}), _jsx(StepperBody, {}), _jsx(Separator, {}), _jsx(StepperFooter, { decorator: footer_decorator, FinalStepSubmitButton: FinalStepSubmitButton, state: state, getCurrentStep: getCurrentStep })] }) }, `stepper-${id}`));
 }
 //# sourceMappingURL=stepper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../../src/components/ui/stepper/stepper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAKzC,MAAM,UAAU,OAAO,CAGrB,EACA,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,EAAE,EACF,SAAS,EACT,SAAS,EACT,qBAAqB,GACkB;IACvC,MAAM,UAAU,GAAW,OAAO,CAAC,GAAW,EAAE;QAC9C,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAY,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,SAAS,CAAC;YACf,KAAK;YACL,cAAc;SACf,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAY,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,SAAS,CAAC;YACf,KAAK;YACL,cAAc;SACf,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,eAAe,IAEd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,WAAW,EACtB,cAAc,EAAE,cAAc,YAE9B,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,cAAc,KAAG,EAElB,KAAC,SAAS,KAAG,EAEb,KAAC,WAAW,KAAiB,EAE7B,KAAC,SAAS,KAAG,EAEb,KAAC,aAAa,IACZ,SAAS,EAAE,gBAAgB,EAC3B,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,GAC9B,IACE,IAtBD,WAAW,EAAE,EAAE,CAuBJ,CACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../../src/components/ui/stepper/stepper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAKzC,MAAM,UAAU,OAAO,CAGrB,EACA,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,EAAE,EACF,SAAS,EACT,SAAS,EACT,qBAAqB,GACkB;IACvC,MAAM,UAAU,GAAW,OAAO,CAAC,GAAW,EAAE;QAC9C,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAY,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,SAAS,CAAC;YACf,KAAK;YACL,cAAc;SACf,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAY,OAAO,CAAC,GAAG,EAAE;QACxC,OAAO,SAAS,CAAC;YACf,KAAK;YACL,cAAc;SACf,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,eAAe,IAEd,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,WAAW,EACtB,cAAc,EAAE,cAAc,YAE9B,eAAK,SAAS,EAAC,yCAAyC,aACtD,KAAC,cAAc,KAAG,EAElB,KAAC,SAAS,KAAG,EAEb,KAAC,WAAW,KAAiB,EAE7B,KAAC,SAAS,KAAG,EAEb,KAAC,aAAa,IACZ,SAAS,EAAE,gBAAgB,EAC3B,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,GAC9B,IACE,IAtBD,WAAW,EAAE,EAAE,CAuBJ,CACnB,CAAC;AACJ,CAAC"}

package/package.json

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