@schemavaults/ui 0.38.1 → 0.40.0

package/dist/components/ui/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,39 @@
+import { type VariantProps } from "class-variance-authority";
+import type { ComponentProps, ReactElement } from "react";
+export declare const aspectRatioPresetIds: ["square", "video", "photo", "wide", "ultrawide", "cinema", "portrait", "classic-portrait", "story"];
+export type AspectRatioPresetId = (typeof aspectRatioPresetIds)[number];
+/** Named, common aspect ratios resolved to width / height. */
+export declare const ASPECT_RATIO_PRESETS: Record<AspectRatioPresetId, number>;
+export declare const aspectRatioRadiusIds: ["none", "sm", "md", "lg", "xl", "2xl", "full"];
+export type AspectRatioRadiusId = (typeof aspectRatioRadiusIds)[number];
+export declare const aspectRatioVariants: (props?: ({
+    radius?: "sm" | "lg" | "xl" | "none" | "md" | "2xl" | "full" | null | undefined;
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AspectRatioProps extends Omit<ComponentProps<"div">, "ratio">, VariantProps<typeof aspectRatioVariants> {
+    /**
+     * Aspect ratio as `width / height` (e.g. `16 / 9` for widescreen).
+     * Takes precedence over `preset`. If neither is provided, defaults to `video` (16:9).
+     */
+    ratio?: number;
+    /**
+     * Named ratio preset. Use `ratio` for arbitrary values.
+     * - `square` (1:1) - avatars, tiles
+     * - `video` (16:9) - HD video / modern displays
+     * - `photo` (4:3) - classic photo
+     * - `wide` (3:2) - DSLR
+     * - `ultrawide` (21:9) - cinematic banners
+     * - `cinema` (~2.35:1) - anamorphic widescreen
+     * - `portrait` (3:4)
+     * - `classic-portrait` (2:3)
+     * - `story` (9:16) - vertical / mobile story
+     */
+    preset?: AspectRatioPresetId;
+    /** Render as the child element via Radix Slot. */
+    asChild?: boolean;
+}
+declare function AspectRatio({ className, ratio, preset, radius, bordered, asChild, style, children, ...props }: AspectRatioProps): ReactElement;
+declare namespace AspectRatio {
+    var displayName: string;
+}
+export { AspectRatio };

package/dist/components/ui/aspect-ratio/aspect-ratio.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+export const aspectRatioPresetIds = [
+    "square",
+    "video",
+    "photo",
+    "wide",
+    "ultrawide",
+    "cinema",
+    "portrait",
+    "classic-portrait",
+    "story",
+];
+/** Named, common aspect ratios resolved to width / height. */
+export const ASPECT_RATIO_PRESETS = {
+    square: 1, // 1:1 - avatars, profile tiles, album art
+    video: 16 / 9, // 16:9 - HD video, modern displays
+    photo: 4 / 3, // 4:3 - classic photo / older displays
+    wide: 3 / 2, // 3:2 - DSLR photography
+    ultrawide: 21 / 9, // 21:9 - cinematic / banner heros
+    cinema: 2.35 / 1, // ~2.35:1 - anamorphic widescreen
+    portrait: 3 / 4, // 3:4 - portrait photo
+    "classic-portrait": 2 / 3, // 2:3 - portrait DSLR
+    story: 9 / 16, // 9:16 - vertical / mobile story
+};
+export const aspectRatioRadiusIds = [
+    "none",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "full",
+];
+export const aspectRatioVariants = cva("relative w-full overflow-hidden [&>img]:h-full [&>img]:w-full [&>img]:object-cover [&>video]:h-full [&>video]:w-full [&>video]:object-cover [&>iframe]:h-full [&>iframe]:w-full [&>iframe]:border-0", {
+    variants: {
+        radius: {
+            none: "rounded-none",
+            sm: "rounded-sm",
+            md: "rounded-md",
+            lg: "rounded-lg",
+            xl: "rounded-xl",
+            "2xl": "rounded-2xl",
+            full: "rounded-full",
+        },
+        bordered: {
+            true: "border border-border",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        radius: "md",
+        bordered: false,
+    },
+});
+function AspectRatio({ className, ratio, preset, radius, bordered, asChild = false, style, children, ...props }) {
+    const Comp = asChild ? Slot : "div";
+    const resolvedRatio = ratio ??
+        (preset !== undefined
+            ? ASPECT_RATIO_PRESETS[preset]
+            : ASPECT_RATIO_PRESETS.video);
+    const mergedStyle = {
+        aspectRatio: String(resolvedRatio),
+        ...style,
+    };
+    return (_jsx(Comp, { "data-slot": "aspect-ratio", "data-preset": preset, className: cn(aspectRatioVariants({ radius, bordered }), className), style: mergedStyle, ...props, children: children }));
+}
+AspectRatio.displayName = "AspectRatio";
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/components/ui/aspect-ratio/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","sourceRoot":"","sources":["../../../../src/components/ui/aspect-ratio/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,QAAQ;IACR,OAAO;IACP,OAAO;IACP,MAAM;IACN,WAAW;IACX,QAAQ;IACR,UAAU;IACV,kBAAkB;IAClB,OAAO;CACoB,CAAC;AAG9B,8DAA8D;AAC9D,MAAM,CAAC,MAAM,oBAAoB,GAAwC;IACvE,MAAM,EAAE,CAAC,EAAE,0CAA0C;IACrD,KAAK,EAAE,EAAE,GAAG,CAAC,EAAE,mCAAmC;IAClD,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,uCAAuC;IACrD,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,yBAAyB;IACtC,SAAS,EAAE,EAAE,GAAG,CAAC,EAAE,kCAAkC;IACrD,MAAM,EAAE,IAAI,GAAG,CAAC,EAAE,kCAAkC;IACpD,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,uBAAuB;IACxC,kBAAkB,EAAE,CAAC,GAAG,CAAC,EAAE,sBAAsB;IACjD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,iCAAiC;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,MAAM;CACqB,CAAC;AAG9B,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,qMAAqM,EACrM;IACE,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,cAAc;YACpB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,cAAc;SACyB;QAC/C,QAAQ,EAAE;YACR,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AA2BF,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,MAAM,aAAa,GACjB,KAAK;QACL,CAAC,MAAM,KAAK,SAAS;YACnB,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC;YAC9B,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAElC,MAAM,WAAW,GAAkB;QACjC,WAAW,EAAE,MAAM,CAAC,aAAa,CAAC;QAClC,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,iBACO,cAAc,iBACX,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,EACnE,KAAK,EAAE,WAAW,KACd,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/aspect-ratio/index.d.ts

@@ -0,0 +1,3 @@
+export { AspectRatio, aspectRatioVariants, aspectRatioPresetIds, aspectRatioRadiusIds, ASPECT_RATIO_PRESETS, } from "./aspect-ratio";
+export type * from "./aspect-ratio";
+export { AspectRatio as default } from "./aspect-ratio";

package/dist/components/ui/aspect-ratio/index.js

@@ -0,0 +1,3 @@
+export { AspectRatio, aspectRatioVariants, aspectRatioPresetIds, aspectRatioRadiusIds, ASPECT_RATIO_PRESETS, } from "./aspect-ratio";
+export { AspectRatio as default } from "./aspect-ratio";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/aspect-ratio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/aspect-ratio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/ui/color-swatch/color-swatch-variants.d.ts

@@ -0,0 +1,6 @@
+export declare const colorSwatchSizeIds: readonly ["xs", "sm", "default", "lg", "xl"];
+export type ColorSwatchSize = (typeof colorSwatchSizeIds)[number];
+export declare const colorSwatchShapeIds: readonly ["circle", "rounded", "square"];
+export type ColorSwatchShape = (typeof colorSwatchShapeIds)[number];
+export declare const colorSwatchVariantIds: readonly ["default", "outline", "ghost"];
+export type ColorSwatchVariant = (typeof colorSwatchVariantIds)[number];

package/dist/components/ui/color-swatch/color-swatch-variants.js

@@ -0,0 +1,18 @@
+export const colorSwatchSizeIds = [
+    "xs",
+    "sm",
+    "default",
+    "lg",
+    "xl",
+];
+export const colorSwatchShapeIds = [
+    "circle",
+    "rounded",
+    "square",
+];
+export const colorSwatchVariantIds = [
+    "default",
+    "outline",
+    "ghost",
+];
+//# sourceMappingURL=color-swatch-variants.js.map

package/dist/components/ui/color-swatch/color-swatch-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-swatch-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/color-swatch/color-swatch-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI;IACJ,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;CACgC,CAAC;AAGvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,QAAQ;IACR,SAAS;IACT,QAAQ;CAC4B,CAAC;AAGvC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,SAAS;IACT,SAAS;IACT,OAAO;CAC6B,CAAC"}

package/dist/components/ui/color-swatch/color-swatch.d.ts

@@ -0,0 +1,47 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type MouseEvent, type Ref } from "react";
+import { colorSwatchShapeIds, colorSwatchSizeIds, colorSwatchVariantIds, type ColorSwatchShape, type ColorSwatchSize, type ColorSwatchVariant } from "./color-swatch-variants";
+declare const colorSwatchVariants: (props?: ({
+    size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
+    shape?: "circle" | "square" | "rounded" | null | undefined;
+    variant?: "default" | "ghost" | "outline" | null | undefined;
+    interactive?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ColorSwatchProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, Pick<VariantProps<typeof colorSwatchVariants>, "size" | "shape" | "variant"> {
+    /**
+     * The color to display. Accepts any CSS color value:
+     *   - hex ("#7c3aed")
+     *   - rgb / rgba / hsl / hsla
+     *   - CSS variables ("hsl(var(--primary))")
+     *   - named colors ("rebeccapurple")
+     */
+    color: string;
+    /** Accessible label (e.g. "Indigo"). Strongly recommended. */
+    label?: string;
+    /** Marks the swatch as the active selection. Adds a focus ring and check icon. */
+    selected?: boolean;
+    /** Disables interaction and dims the swatch. */
+    disabled?: boolean;
+    /** Click handler — when set the swatch becomes a keyboard-focusable button. */
+    onClick?: (event: MouseEvent<HTMLSpanElement>) => void;
+    /** Hide the check icon shown when `selected` is true. */
+    hideSelectedIcon?: boolean;
+    /** Color for the check icon when selected. Defaults to a contrast-aware white/black. */
+    checkIconColor?: string;
+    /** Optional ref forwarded to the outer element. */
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const ColorSwatch: import("react").ForwardRefExoticComponent<Omit<ColorSwatchProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export interface ColorSwatchGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visual gap between swatches. Maps to Tailwind's gap scale. */
+    gap?: "tight" | "default" | "loose";
+    /** Optional accessible label for the entire group (e.g. "Theme color"). */
+    label?: string;
+    /** Forwarded ref. */
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const ColorSwatchGroup: import("react").ForwardRefExoticComponent<Omit<ColorSwatchGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { colorSwatchVariants, colorSwatchSizeIds, colorSwatchShapeIds, colorSwatchVariantIds, };
+export type { ColorSwatchSize, ColorSwatchShape, ColorSwatchVariant };

package/dist/components/ui/color-swatch/color-swatch.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { forwardRef, } from "react";
+import { cn } from "../../../lib/utils";
+import { colorSwatchShapeIds, colorSwatchSizeIds, colorSwatchVariantIds, } from "./color-swatch-variants";
+const colorSwatchVariants = cva("relative inline-flex shrink-0 items-center justify-center align-middle transition-[transform,box-shadow,opacity] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", {
+    variants: {
+        size: {
+            xs: "size-4",
+            sm: "size-5",
+            default: "size-7",
+            lg: "size-9",
+            xl: "size-12",
+        },
+        shape: {
+            circle: "rounded-full",
+            rounded: "rounded-md",
+            square: "rounded-none",
+        },
+        variant: {
+            default: "border border-border/40 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.05)]",
+            outline: "border-2 border-border",
+            ghost: "border-0",
+        },
+        interactive: {
+            true: "cursor-pointer hover:scale-110 active:scale-95",
+            false: "",
+        },
+        selected: {
+            true: "ring-2 ring-ring ring-offset-2 ring-offset-background",
+            false: "",
+        },
+        disabled: {
+            true: "opacity-40 pointer-events-none",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+        shape: "circle",
+        variant: "default",
+        interactive: false,
+        selected: false,
+        disabled: false,
+    },
+});
+const checkIconSizeClass = {
+    xs: "size-2.5",
+    sm: "size-3",
+    default: "size-4",
+    lg: "size-5",
+    xl: "size-6",
+};
+/**
+ * Heuristic — computes whether a CSS color is "light" so we can flip the
+ * contrast color of the selection check icon. Falls back to white for any
+ * non-hex value (CSS variables, names, etc).
+ */
+function getContrastingCheckColor(color) {
+    const trimmed = color.trim();
+    const hexMatch = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(trimmed);
+    if (!hexMatch)
+        return "#ffffff";
+    let hex = hexMatch[1];
+    if (hex.length === 3) {
+        hex = hex
+            .split("")
+            .map((c) => c + c)
+            .join("");
+    }
+    const r = parseInt(hex.slice(0, 2), 16);
+    const g = parseInt(hex.slice(2, 4), 16);
+    const b = parseInt(hex.slice(4, 6), 16);
+    // Relative luminance — sRGB approximation.
+    const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+    return luminance > 0.6 ? "#0a0a0a" : "#ffffff";
+}
+function ColorSwatchImpl({ className, color, label, size, shape, variant, selected = false, disabled = false, onClick, onKeyDown, hideSelectedIcon = false, checkIconColor, style, role, tabIndex, "aria-label": ariaLabelProp, ...props }, ref) {
+    const interactive = Boolean(onClick) && !disabled;
+    const ariaLabel = ariaLabelProp ?? label ?? color;
+    const resolvedSize = size ?? "default";
+    const iconColor = checkIconColor ?? getContrastingCheckColor(color);
+    function handleKeyDown(event) {
+        onKeyDown?.(event);
+        if (!interactive || event.defaultPrevented)
+            return;
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            onClick?.(event);
+        }
+    }
+    const mergedStyle = {
+        backgroundColor: color,
+        ...style,
+    };
+    return (_jsx("span", { ref: ref, "data-slot": "color-swatch", "data-color": color, "data-selected": selected || undefined, "data-disabled": disabled || undefined, "data-interactive": interactive || undefined, role: role ?? (interactive ? "button" : "img"), tabIndex: tabIndex ?? (interactive ? 0 : undefined), "aria-pressed": interactive ? selected : undefined, "aria-label": ariaLabel, "aria-disabled": disabled || undefined, onClick: interactive ? onClick : undefined, onKeyDown: handleKeyDown, style: mergedStyle, className: cn(colorSwatchVariants({
+            size,
+            shape,
+            variant,
+            interactive,
+            selected,
+            disabled,
+        }), className), ...props, children: selected && !hideSelectedIcon && (_jsx(Check, { "aria-hidden": "true", className: cn("drop-shadow-sm", checkIconSizeClass[resolvedSize]), style: { color: iconColor }, strokeWidth: 3 })) }));
+}
+export const ColorSwatch = forwardRef(ColorSwatchImpl);
+ColorSwatch.displayName = "ColorSwatch";
+const groupGapClass = {
+    tight: "gap-1",
+    default: "gap-2",
+    loose: "gap-3",
+};
+function ColorSwatchGroupImpl({ className, children, gap = "default", label, role, "aria-label": ariaLabelProp, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-slot": "color-swatch-group", role: role ?? "group", "aria-label": ariaLabelProp ?? label, className: cn("flex flex-wrap items-center", groupGapClass[gap], className), ...props, children: children }));
+}
+export const ColorSwatchGroup = forwardRef(ColorSwatchGroupImpl);
+ColorSwatchGroup.displayName = "ColorSwatchGroup";
+export { colorSwatchVariants, colorSwatchSizeIds, colorSwatchShapeIds, colorSwatchVariantIds, };
+//# sourceMappingURL=color-swatch.js.map

package/dist/components/ui/color-swatch/color-swatch.js.map

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

package/dist/components/ui/color-swatch/index.d.ts

@@ -0,0 +1,4 @@
+export { ColorSwatch, ColorSwatch as default, ColorSwatchGroup, colorSwatchVariants, } from "./color-swatch";
+export type { ColorSwatchProps, ColorSwatchGroupProps, } from "./color-swatch";
+export { colorSwatchSizeIds, colorSwatchShapeIds, colorSwatchVariantIds, } from "./color-swatch-variants";
+export type { ColorSwatchSize, ColorSwatchShape, ColorSwatchVariant, } from "./color-swatch-variants";

package/dist/components/ui/color-swatch/index.js

@@ -0,0 +1,3 @@
+export { ColorSwatch, ColorSwatch as default, ColorSwatchGroup, colorSwatchVariants, } from "./color-swatch";
+export { colorSwatchSizeIds, colorSwatchShapeIds, colorSwatchVariantIds, } from "./color-swatch-variants";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/color-swatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/color-swatch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,WAAW,IAAI,OAAO,EACtB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAKxB,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC"}

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

@@ -142,3 +142,7 @@ export * from "./number-ticker";
 export type * from "./number-ticker";
 export * from "./sparkline";
 export type * from "./sparkline";
+export * from "./aspect-ratio";
+export type * from "./aspect-ratio";
+export * from "./color-swatch";
+export type * from "./color-swatch";

package/dist/components/ui/index.js

@@ -70,4 +70,6 @@ export * from "./chip";
 export * from "./tags-input";
 export * from "./number-ticker";
 export * from "./sparkline";
+export * from "./aspect-ratio";
+export * from "./color-swatch";
 //# 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,WAAW,CAAC;AAG1B,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,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,YAAY,CAAC;AAG3B,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,qBAAqB,CAAC;AAGpC,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,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"}
+{"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,WAAW,CAAC;AAG1B,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,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,YAAY,CAAC;AAG3B,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,qBAAqB,CAAC;AAGpC,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,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"}

package/package.json

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