@cmdniels/uikit 1.5.9 → 2.0.0

package/out/components/chart/ChartLegend.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Legend as RechartsLegend } from "recharts";
-export default function ChartLegend(props) {
-    return _jsx(RechartsLegend, Object.assign({}, props));
-}

package/out/components/chart/ChartLegendContent.d.ts

@@ -1,9 +0,0 @@
-import type { LegendPayload } from "recharts/types/component/DefaultLegendContent";
-import type { Props as LegendProps } from "recharts/types/component/Legend";
-export default function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: {
-    className?: string;
-    hideIcon?: boolean;
-    verticalAlign?: LegendProps["verticalAlign"];
-    payload?: readonly LegendPayload[];
-    nameKey?: string;
-}): import("react/jsx-runtime").JSX.Element | null;

package/out/components/chart/ChartLegendContent.js

@@ -1,19 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from "../../cn";
-import getPayloadConfigFromPayload from "./getPayloadConfigFromPayload";
-import useChart from "./useChart";
-export default function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
-    const { config } = useChart();
-    if (!(payload === null || payload === void 0 ? void 0 : payload.length)) {
-        return null;
-    }
-    return (_jsx("div", { className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload.map((item) => {
-            var _a;
-            const key = `${(_a = nameKey !== null && nameKey !== void 0 ? nameKey : item.dataKey) !== null && _a !== void 0 ? _a : "value"}`;
-            const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            return (_jsxs("div", { className: cn("flex items-center gap-1.5 [&>svg]:size-3  [&>svg]:text-muted-foreground"), children: [(itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: "size-2  shrink-0 rounded-[2px]", style: {
-                            backgroundColor: item.color,
-                        } })), itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label] }, item.value));
-        }) }));
-}

package/out/components/chart/ChartStyle.d.ts

@@ -1,5 +0,0 @@
-import { type ChartConfig } from "./ChartContext";
-export default function ChartStyle({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}): import("react/jsx-runtime").JSX.Element | null;

package/out/components/chart/ChartStyle.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const THEMES = { light: "", dark: ".dark" }; // Format: { THEME_NAME: CSS_SELECTOR }
-export default function ChartStyle({ id, config }) {
-    const colorConfig = Object.entries(config).filter(([, _config]) => { var _a; return (_a = _config.theme) !== null && _a !== void 0 ? _a : _config.color; });
-    if (!colorConfig.length) {
-        return null;
-    }
-    return (_jsx("style", { dangerouslySetInnerHTML: {
-            __html: Object.entries(THEMES)
-                .map(([theme, prefix]) => `
-            ${prefix} [data-chart=${id}] {
-            ${colorConfig
-                .map(([key, itemConfig]) => {
-                var _a, _b;
-                const color = (_b = (_a = itemConfig.theme) === null || _a === void 0 ? void 0 : _a[theme]) !== null && _b !== void 0 ? _b : itemConfig.color;
-                return color ? `  --color-${key}: ${color};` : null;
-            })
-                .join("\n")}
-            }
-            `)
-                .join("\n"),
-        } }));
-}

package/out/components/chart/ChartTooltip.d.ts

@@ -1,3 +0,0 @@
-import { type ComponentProps } from "react";
-import { Tooltip as RechartsTooltip } from "recharts";
-export default function ChartTooltip({ ...props }: ComponentProps<typeof RechartsTooltip>): import("react/jsx-runtime").JSX.Element;

package/out/components/chart/ChartTooltip.js

@@ -1,17 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip as RechartsTooltip } from "recharts";
-export default function ChartTooltip(_a) {
-    var props = __rest(_a, []);
-    return _jsx(RechartsTooltip, Object.assign({}, props));
-}

package/out/components/chart/ChartTooltipContent.d.ts

@@ -1,15 +0,0 @@
-import { type ReactNode } from "react";
-import type { NameType, Payload, ValueType } from "recharts/types/component/DefaultTooltipContent";
-import type { TooltipContentProps } from "recharts/types/component/Tooltip";
-export default function ChartTooltipContent({ active, payload, label, className, indicator, hideLabel, hideIndicator, labelFormatter, formatter, labelClassName, color, nameKey, labelKey, }: TooltipContentProps<ValueType, NameType> & {
-    className?: string;
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-    labelFormatter?: (label: TooltipContentProps<number, string>["label"], payload: TooltipContentProps<number, string>["payload"]) => ReactNode;
-    formatter?: (value: number | string, name: string, item: Payload<number | string, string>, index: number, payload: ReadonlyArray<Payload<number | string, string>>) => ReactNode;
-    labelClassName?: string;
-    color?: string;
-}): import("react/jsx-runtime").JSX.Element | null;

package/out/components/chart/ChartTooltipContent.js

@@ -1,49 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo } from "react";
-import cn from "../../cn";
-import getPayloadConfigFromPayload from "./getPayloadConfigFromPayload";
-import useChart from "./useChart";
-export default function ChartTooltipContent({ active, payload, label, className, indicator = "dot", hideLabel = false, hideIndicator = false, labelFormatter, formatter, labelClassName, color, nameKey, labelKey, }) {
-    const { config } = useChart();
-    const tooltipLabel = useMemo(() => {
-        var _a, _b;
-        if (hideLabel || !(payload === null || payload === void 0 ? void 0 : payload.length)) {
-            return null;
-        }
-        const [item] = payload;
-        const key = `${(_b = (_a = labelKey !== null && labelKey !== void 0 ? labelKey : item === null || item === void 0 ? void 0 : item.dataKey) !== null && _a !== void 0 ? _a : item === null || item === void 0 ? void 0 : item.name) !== null && _b !== void 0 ? _b : "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        const value = (() => {
-            var _a, _b;
-            const v = !labelKey && typeof label === "string" ? ((_b = (_a = config[label]) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : label) : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label;
-            return typeof v === "string" || typeof v === "number" ? v : undefined;
-        })();
-        if (labelFormatter) {
-            return _jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
-        }
-        if (!value) {
-            return null;
-        }
-        return _jsx("div", { className: cn("font-medium", labelClassName), children: value });
-    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
-    if (!active || !(payload === null || payload === void 0 ? void 0 : payload.length)) {
-        return null;
-    }
-    const nestLabel = payload.length === 1 && indicator !== "dot";
-    return (_jsxs("div", { className: cn("grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
-                    var _a, _b, _c, _d;
-                    const key = `${(_b = (_a = nameKey !== null && nameKey !== void 0 ? nameKey : item.name) !== null && _a !== void 0 ? _a : item.dataKey) !== null && _b !== void 0 ? _b : "value"}`;
-                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-                    const indicatorColor = (_c = color !== null && color !== void 0 ? color : item.payload.fill) !== null && _c !== void 0 ? _c : item.color;
-                    return (_jsx("div", { className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5  [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"), children: formatter && (item === null || item === void 0 ? void 0 : item.value) !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [(itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_jsx("div", { className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
-                                        "size-2.5 ": indicator === "dot",
-                                        "w-1": indicator === "line",
-                                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                                        "my-0.5": nestLabel && indicator === "dashed",
-                                    }), style: {
-                                        "--color-bg": indicatorColor,
-                                        "--color-border": indicatorColor,
-                                    } }))), _jsxs("div", { className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"), children: [_jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: "text-muted-foreground", children: (_d = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label) !== null && _d !== void 0 ? _d : item.name })] }), item.value && (_jsx("span", { className: "font-mono font-medium text-foreground tabular-nums", children: item.value.toLocaleString() }))] })] })) }, item.dataKey));
-                }) })] }));
-}

package/out/components/chart/getPayloadConfigFromPayload.d.ts

@@ -1,11 +0,0 @@
-import { type ChartConfig } from "./ChartContext";
-export default function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ({
-    label?: import("react").ReactNode;
-    icon?: import("react").ComponentType;
-} & ({
-    color?: string;
-    theme?: never;
-} | {
-    color?: never;
-    theme: Record<"light" | "dark", string>;
-})) | undefined;

package/out/components/chart/getPayloadConfigFromPayload.js

@@ -1,18 +0,0 @@
-export default function getPayloadConfigFromPayload(config, payload, key) {
-    if (typeof payload !== "object" || payload === null) {
-        return undefined;
-    }
-    const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null
-        ? payload.payload
-        : undefined;
-    let configLabelKey = key;
-    if (key in payload && typeof payload[key] === "string") {
-        configLabelKey = payload[key];
-    }
-    else if (payloadPayload &&
-        key in payloadPayload &&
-        typeof payloadPayload[key] === "string") {
-        configLabelKey = payloadPayload[key];
-    }
-    return configLabelKey in config ? config[configLabelKey] : config[key];
-}

package/out/components/chart/useChart.d.ts

@@ -1,3 +0,0 @@
-export default function useChart(): {
-    config: import("./ChartContext").ChartConfig;
-};

package/out/components/chart/useChart.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { ChartContext } from "./ChartContext";
-export default function useChart() {
-    const context = useContext(ChartContext);
-    if (!context) {
-        throw new Error("useChart must be used within a <ChartContainer />");
-    }
-    return context;
-}

package/out/components/command/CommandGroup.d.ts

@@ -1,3 +0,0 @@
-import { Command as CommandPrimitive } from "cmdk";
-import * as React from "react";
-export default function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandGroup.js

@@ -1,19 +0,0 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Command as CommandPrimitive } from "cmdk";
-import cn from "../../cn";
-export default function CommandGroup(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(CommandPrimitive.Group, Object.assign({ "data-slot": "command-group", className: cn("overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground", className) }, props)));
-}

package/out/components/command/CommandSeparator.d.ts

@@ -1,3 +0,0 @@
-import { Command as CommandPrimitive } from "cmdk";
-import * as React from "react";
-export default function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandSeparator.js

@@ -1,19 +0,0 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Command as CommandPrimitive } from "cmdk";
-import cn from "../../cn";
-export default function CommandSeparator(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(CommandPrimitive.Separator, Object.assign({ "data-slot": "command-separator", className: cn("-mx-1 h-px bg-border", className) }, props)));
-}

package/out/components/command/CommandShortcut.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export default function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;

package/out/components/command/CommandShortcut.js

@@ -1,18 +0,0 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from "../../cn";
-export default function CommandShortcut(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("span", Object.assign({ "data-slot": "command-shortcut", className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground", className) }, props)));
-}

package/out/components/glass/Glass.d.ts

@@ -1,6 +0,0 @@
-import { type HTMLAttributes } from "react";
-export default function Glass({ children, className, depth, zIndex, refraction, ...props }: HTMLAttributes<HTMLDivElement> & {
-    depth?: number;
-    zIndex?: number;
-    refraction?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/out/components/glass/Glass.js

@@ -1,89 +0,0 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useId, useRef, useEffect, useState } from "react";
-import cn from "../../cn";
-import GlassFilter from "./GlassFilter";
-export default function Glass(_a) {
-    var { children, className, depth = 10, zIndex = 0, refraction = false } = _a, props = __rest(_a, ["children", "className", "depth", "zIndex", "refraction"]);
-    const refractionFilterId = useId();
-    const containerRef = useRef(null);
-    const [dimensions, setDimensions] = useState({ width: 200, height: 200 });
-    const [radius, setRadius] = useState({ bottomLeft: 0, bottomRight: 0, topLeft: 0, topRight: 0 });
-    useEffect(() => {
-        const updateDimensions = () => {
-            if (containerRef.current) {
-                const rect = containerRef.current.getBoundingClientRect();
-                const computedStyle = window.getComputedStyle(containerRef.current);
-                const parseRadius = (value) => parseFloat(value) || 0;
-                const radiusValues = {
-                    topLeft: parseRadius(computedStyle.borderTopLeftRadius),
-                    topRight: parseRadius(computedStyle.borderTopRightRadius),
-                    bottomLeft: parseRadius(computedStyle.borderBottomLeftRadius),
-                    bottomRight: parseRadius(computedStyle.borderBottomRightRadius),
-                };
-                const maxRadius = Math.min(rect.width, rect.height) / 2;
-                setDimensions({
-                    width: rect.width || 200,
-                    height: rect.height || 200,
-                });
-                setRadius({
-                    topLeft: Math.min(radiusValues.topLeft, maxRadius),
-                    topRight: Math.min(radiusValues.topRight, maxRadius),
-                    bottomLeft: Math.min(radiusValues.bottomLeft, maxRadius),
-                    bottomRight: Math.min(radiusValues.bottomRight, maxRadius),
-                });
-            }
-        };
-        updateDimensions();
-        const resizeObserver = new ResizeObserver(updateDimensions);
-        if (containerRef.current) {
-            resizeObserver.observe(containerRef.current);
-        }
-        return () => resizeObserver.disconnect();
-    }, [refraction]);
-    const { width, height } = dimensions;
-    const avarageSize = (width + height) / 2;
-    const strength = avarageSize / 3;
-    const chromaticAberration = avarageSize / 10;
-    return (_jsxs(_Fragment, { children: [refraction && (_jsx(GlassFilter, { id: refractionFilterId, depth: depth, height: height, width: width, radius: radius, strength: strength, chromaticAberration: chromaticAberration })), _jsxs("div", Object.assign({}, props, { ref: containerRef, className: cn("relative isolate overflow-hidden rounded-lg bg-card/10 shadow-xl", className), style: { zIndex }, children: [refraction && (_jsx("div", { style: {
-                            content: "",
-                            position: "absolute",
-                            inset: 0,
-                            zIndex: zIndex - 1,
-                            opacity: 1,
-                            borderBottomLeftRadius: radius.bottomLeft,
-                            borderBottomRightRadius: radius.bottomRight,
-                            borderTopLeftRadius: radius.topLeft,
-                            borderTopRightRadius: radius.topRight,
-                            backdropFilter: `url(#${refractionFilterId})`,
-                            WebkitBackdropFilter: `url(#${refractionFilterId})`,
-                            willChange: "backdrop-filter, border-radius",
-                            pointerEvents: "none",
-                        } })), _jsx("div", { style: {
-                            content: "",
-                            position: "absolute",
-                            inset: 0,
-                            zIndex: zIndex - 1,
-                            opacity: 1,
-                            borderBottomLeftRadius: radius.bottomLeft,
-                            borderBottomRightRadius: radius.bottomRight,
-                            borderTopLeftRadius: radius.topLeft,
-                            borderTopRightRadius: radius.topRight,
-                            boxShadow: `inset 0 0 8px 0px oklch(1 0 0 / 0.3)`,
-                            backdropFilter: `blur(2px) brightness(1.1) saturate(1.5)`,
-                            WebkitBackdropFilter: `blur(2px) brightness(1.1) saturate(1.5)`,
-                            willChange: "backdrop-filter, border-radius",
-                            pointerEvents: "none",
-                        } }), children] }))] }));
-}

package/out/components/glass/GlassDisplacementMap.d.ts

@@ -1,16 +0,0 @@
-/**
- * Creating the displacement map that is used by feDisplacementMap filter.
- * Gradients take into account the radius of the element.
- * This is why they start and end in the middle of the angle curve.
- */
-export default function GlassDisplacementMap({ height, width, radius, depth, }: {
-    height: number;
-    width: number;
-    radius: {
-        bottomLeft: number;
-        bottomRight: number;
-        topLeft: number;
-        topRight: number;
-    };
-    depth: number;
-}): string;

package/out/components/glass/GlassDisplacementMap.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { renderToStaticMarkup } from "react-dom/server";
-/**
- * Creating the displacement map that is used by feDisplacementMap filter.
- * Gradients take into account the radius of the element.
- * This is why they start and end in the middle of the angle curve.
- */
-export default function GlassDisplacementMap({ height, width, radius, depth, }) {
-    const averageRadius = (radius.topLeft + radius.topRight + radius.bottomLeft + radius.bottomRight) / 4;
-    const innerWidth = width - 2 * depth;
-    const innerHeight = height - 2 * depth;
-    const innerRadius = {
-        topLeft: Math.max(0, radius.topLeft - depth),
-        topRight: Math.max(0, radius.topRight - depth),
-        bottomLeft: Math.max(0, radius.bottomLeft - depth),
-        bottomRight: Math.max(0, radius.bottomRight - depth),
-    };
-    const createRoundedRectPath = (x, y, w, h, r) => {
-        const maxRadius = Math.min(w / 2, h / 2);
-        const tl = Math.min(r.topLeft, maxRadius);
-        const tr = Math.min(r.topRight, maxRadius);
-        const bl = Math.min(r.bottomLeft, maxRadius);
-        const br = Math.min(r.bottomRight, maxRadius);
-        return `
-			M ${x + tl} ${y}
-			L ${x + w - tr} ${y}
-			Q ${x + w} ${y} ${x + w} ${y + tr}
-			L ${x + w} ${y + h - br}
-			Q ${x + w} ${y + h} ${x + w - br} ${y + h}
-			L ${x + bl} ${y + h}
-			Q ${x} ${y + h} ${x} ${y + h - bl}
-			L ${x} ${y + tl}
-			Q ${x} ${y} ${x + tl} ${y}
-			Z
-		`;
-    };
-    const svg = (_jsxs("svg", { height: height, width: width, viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("defs", { children: [_jsxs("linearGradient", { id: "Y", x1: "0", x2: "0", y1: `${Math.ceil((averageRadius / height) * 15)}%`, y2: `${Math.floor(100 - (averageRadius / height) * 15)}%`, children: [_jsx("stop", { offset: "0%", stopColor: "#0F0" }), _jsx("stop", { offset: "100%", stopColor: "#000" })] }), _jsxs("linearGradient", { id: "X", x1: `${Math.ceil((averageRadius / width) * 15)}%`, x2: `${Math.floor(100 - (averageRadius / width) * 15)}%`, y1: "0", y2: "0", children: [_jsx("stop", { offset: "0%", stopColor: "#F00" }), _jsx("stop", { offset: "100%", stopColor: "#000" })] })] }), _jsx("rect", { x: "0", y: "0", height: height, width: width, fill: "#808080" }), _jsxs("g", { filter: "blur(2px)", children: [_jsx("rect", { x: "0", y: "0", height: height, width: width, fill: "#000080" }), _jsx("rect", { x: "0", y: "0", height: height, width: width, fill: "url(#Y)", style: { mixBlendMode: "screen" } }), _jsx("rect", { x: "0", y: "0", height: height, width: width, fill: "url(#X)", style: { mixBlendMode: "screen" } }), _jsx("path", { d: createRoundedRectPath(depth, depth, innerWidth, innerHeight, innerRadius), fill: "#808080", filter: `blur(${depth}px)` })] })] }));
-    return `data:image/svg+xml;utf8,${encodeURIComponent(renderToStaticMarkup(svg))}`;
-}

package/out/components/glass/GlassFilter.d.ts

@@ -1,15 +0,0 @@
-import { type HTMLAttributes } from "react";
-export default function GlassFilter({ id, depth, height, width, radius, strength, chromaticAberration, }: HTMLAttributes<HTMLDivElement> & {
-    id: string;
-    depth?: number;
-    height: number;
-    width: number;
-    strength?: number;
-    chromaticAberration?: number;
-    radius: {
-        bottomLeft: number;
-        bottomRight: number;
-        topLeft: number;
-        topRight: number;
-    };
-}): import("react/jsx-runtime").JSX.Element;

package/out/components/glass/GlassFilter.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import GlassDisplacementMap from "./GlassDisplacementMap";
-export default function GlassFilter({ id, depth = 10, height, width, radius, strength = 20, chromaticAberration = 2, }) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0", style: { position: "absolute", overflow: "hidden" }, children: _jsx("defs", { children: _jsxs("filter", { id: id, colorInterpolationFilters: "sRGB", children: [_jsx("feImage", { x: "0", y: "0", height: height, width: width, href: GlassDisplacementMap({
-                            height,
-                            width,
-                            radius,
-                            depth,
-                        }), result: "displacementMap" }), _jsx("feDisplacementMap", { in: "SourceGraphic", in2: "displacementMap", scale: strength + chromaticAberration * 2, xChannelSelector: "R", yChannelSelector: "G" }), _jsx("feColorMatrix", { type: "matrix", values: "1 0 0 0 0\n\t\t\t\t\t\t\t\t\t0 0 0 0 0\n\t\t\t\t\t\t\t\t\t0 0 0 0 0\n\t\t\t\t\t\t\t\t\t0 0 0 1 0", result: "displacedR" }), _jsx("feDisplacementMap", { in: "SourceGraphic", in2: "displacementMap", scale: strength + chromaticAberration, xChannelSelector: "R", yChannelSelector: "G" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0\n\t\t\t\t\t\t\t\t\t0 1 0 0 0\n\t\t\t\t\t\t\t\t\t0 0 0 0 0\n\t\t\t\t\t\t\t\t\t0 0 0 1 0", result: "displacedG" }), _jsx("feDisplacementMap", { in: "SourceGraphic", in2: "displacementMap", scale: strength, xChannelSelector: "R", yChannelSelector: "G" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0\n\t\t\t\t\t\t\t\t\t0 0 0 0 0\n\t\t\t\t\t\t\t\t\t0 0 1 0 0\n\t\t\t\t\t\t\t\t\t0 0 0 1 0", result: "displacedB" }), _jsx("feBlend", { in: "displacedR", in2: "displacedG", mode: "screen" }), _jsx("feBlend", { in2: "displacedB", mode: "screen" })] }) }) }));
-}