@drawbridge/components 0.0.37 → 0.0.40

package/dist/product.mjs

@@ -0,0 +1,14 @@
+"use client";
+import {
+  product_default
+} from "./chunk-HDOA3Y3U.mjs";
+import "./chunk-2ZYGRSSA.mjs";
+import "./chunk-XWELEL6Z.mjs";
+import "./chunk-7ZLMDYBR.mjs";
+import "./chunk-Q3UIVGPQ.mjs";
+import "./chunk-BD3TDNJE.mjs";
+import "./chunk-FYA7EAMR.mjs";
+import "./chunk-FJXG3REN.mjs";
+export {
+  product_default as default
+};

package/dist/styles.js

@@ -0,0 +1,127 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/styles.js
+var styles_exports = {};
+__export(styles_exports, {
+  backgroundStyle: () => backgroundStyle,
+  borderStyle: () => borderStyle,
+  buttonStyle: () => buttonStyle,
+  closeStyle: () => closeStyle,
+  headerStyle: () => headerStyle,
+  inputCheckboxStyle: () => inputCheckboxStyle,
+  inputNameStyle: () => inputNameStyle,
+  inputPhoneStyle: () => inputPhoneStyle,
+  inputStyle: () => inputStyle,
+  menuStyle: () => menuStyle,
+  selectStyle: () => selectStyle,
+  textStyle: () => textStyle
+});
+module.exports = __toCommonJS(styles_exports);
+var backgroundStyle = (style) => {
+  var _a, _b, _c, _d;
+  return {
+    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
+    color: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb
+  };
+};
+var borderStyle = (style) => {
+  var _a, _b;
+  return {
+    borderColor: (_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb
+  };
+};
+var buttonStyle = (style) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  return {
+    backgroundColor: ((_c = (_b = (_a = style == null ? void 0 : style.button) == null ? void 0 : _a.background) == null ? void 0 : _b.color) == null ? void 0 : _c.rgb) || ((_e = (_d = style == null ? void 0 : style.text) == null ? void 0 : _d.color) == null ? void 0 : _e.rgb),
+    borderColor: ((_h = (_g = (_f = style == null ? void 0 : style.button) == null ? void 0 : _f.background) == null ? void 0 : _g.color) == null ? void 0 : _h.rgb) || ((_j = (_i = style == null ? void 0 : style.text) == null ? void 0 : _i.color) == null ? void 0 : _j.rgb),
+    borderRadius: ((_k = style == null ? void 0 : style.button) == null ? void 0 : _k.radius) != null ? style.button.radius / 4 + "px" : void 0,
+    color: ((_n = (_m = (_l = style == null ? void 0 : style.button) == null ? void 0 : _l.text) == null ? void 0 : _m.color) == null ? void 0 : _n.rgb) || ((_p = (_o = style == null ? void 0 : style.background) == null ? void 0 : _o.color) == null ? void 0 : _p.rgb)
+  };
+};
+var closeStyle = (style) => {
+  var _a, _b, _c, _d;
+  return {
+    backgroundColor: (_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
+    color: (_d = (_c = style == null ? void 0 : style.background) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb
+  };
+};
+var headerStyle = (style) => {
+  var _a, _b, _c;
+  return {
+    fontFamily: (_a = style == null ? void 0 : style.heading) == null ? void 0 : _a.family,
+    fontWeight: (_b = style == null ? void 0 : style.heading) == null ? void 0 : _b.weight,
+    textTransform: (_c = style == null ? void 0 : style.heading) == null ? void 0 : _c.transform
+  };
+};
+var inputStyle = (style) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  return {
+    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
+    borderColor: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb,
+    borderRadius: ((_e = style == null ? void 0 : style.input) == null ? void 0 : _e.radius) != null ? style.input.radius / 4 + "px" : void 0,
+    color: (_g = (_f = style == null ? void 0 : style.text) == null ? void 0 : _f.color) == null ? void 0 : _g.rgb
+  };
+};
+var inputCheckboxStyle = (style) => {
+  var _a;
+  return {
+    ...inputStyle(style),
+    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? Math.min(style.input.radius / 4, 6) + "px" : void 0
+  };
+};
+var inputNameStyle = (style) => inputStyle(style);
+var inputPhoneStyle = (style) => inputStyle(style);
+var menuStyle = (style) => {
+  var _a, _b, _c, _d, _e, _f;
+  return {
+    backgroundColor: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb,
+    borderColor: (_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb,
+    color: (_f = (_e = style == null ? void 0 : style.text) == null ? void 0 : _e.color) == null ? void 0 : _f.rgb
+  };
+};
+var selectStyle = (style) => {
+  var _a, _b, _c, _d, _e, _f;
+  return {
+    borderColor: (_c = (_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) == null ? void 0 : _c.replace(")", ", 0.3)"),
+    borderRadius: ((_d = style == null ? void 0 : style.input) == null ? void 0 : _d.radius) != null ? style.input.radius / 4 + "px" : void 0,
+    color: (_f = (_e = style == null ? void 0 : style.text) == null ? void 0 : _e.color) == null ? void 0 : _f.rgb
+  };
+};
+var textStyle = (style) => {
+  var _a, _b;
+  return {
+    color: (_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  backgroundStyle,
+  borderStyle,
+  buttonStyle,
+  closeStyle,
+  headerStyle,
+  inputCheckboxStyle,
+  inputNameStyle,
+  inputPhoneStyle,
+  inputStyle,
+  menuStyle,
+  selectStyle,
+  textStyle
+});

package/dist/styles.mjs

@@ -0,0 +1,28 @@
+import {
+  backgroundStyle,
+  borderStyle,
+  buttonStyle,
+  closeStyle,
+  headerStyle,
+  inputCheckboxStyle,
+  inputNameStyle,
+  inputPhoneStyle,
+  inputStyle,
+  menuStyle,
+  selectStyle,
+  textStyle
+} from "./chunk-FJXG3REN.mjs";
+export {
+  backgroundStyle,
+  borderStyle,
+  buttonStyle,
+  closeStyle,
+  headerStyle,
+  inputCheckboxStyle,
+  inputNameStyle,
+  inputPhoneStyle,
+  inputStyle,
+  menuStyle,
+  selectStyle,
+  textStyle
+};

package/dist/video.js

@@ -0,0 +1,177 @@
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/video.js
+var video_exports = {};
+__export(video_exports, {
+  default: () => video_default
+});
+module.exports = __toCommonJS(video_exports);
+var import_dynamic = __toESM(require("next/dynamic"));
+var import_react = require("react");
+
+// components/icons/loader.js
+var import_jsx_runtime = require("react/jsx-runtime");
+var Loader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  "svg",
+  {
+    ...{
+      fill: "none",
+      stroke: "none",
+      strokeWidth: 0,
+      viewBox: "0 0 24 24",
+      className: ["animate-spin", className].filter(Boolean).join(" "),
+      ...props
+    },
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "circle",
+        {
+          ...{
+            className: "opacity-25",
+            cx: 12,
+            cy: 12,
+            r: 10,
+            stroke: "currentColor",
+            strokeWidth: 4
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          ...{
+            className: "opacity-75",
+            fill: "currentColor",
+            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+          }
+        }
+      )
+    ]
+  }
+);
+var loader_default = Loader;
+
+// components/video.js
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ReactPlayer = (0, import_dynamic.default)(
+  () => import("react-player/lazy"),
+  {
+    ssr: false
+  }
+);
+var Video = ({
+  controls = false,
+  loop = false,
+  onEnded = () => {
+  },
+  onDuration = () => {
+  },
+  muted = true,
+  onPlay,
+  playing = false,
+  poster,
+  reset = false,
+  style = {},
+  hls,
+  mp4
+}) => {
+  var _a, _b;
+  const durationFired = (0, import_react.useRef)(false);
+  const [player, setPlayer] = (0, import_react.useState)();
+  const [videoUrl, setVideoUrl] = (0, import_react.useState)(hls ? hls : mp4);
+  (0, import_react.useEffect)(
+    () => {
+      if (player && reset) {
+        player.seekTo(0, "seconds");
+      }
+    },
+    [player, reset]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ReactPlayer,
+      {
+        ...{
+          className: "relative react-video",
+          controls,
+          config: {
+            file: {
+              attributes: {
+                "aria-label": "Decorative Video",
+                poster
+              }
+            }
+          },
+          height: "100%",
+          loop,
+          muted,
+          onPlay,
+          onEnded,
+          onDuration: (value) => {
+            if (!durationFired.current) {
+              durationFired.current = true;
+              onDuration(value);
+            }
+          },
+          onError: () => {
+            setVideoUrl(mp4);
+          },
+          onReady: (instance) => {
+            setPlayer(instance.player);
+          },
+          playing: Boolean(playing),
+          playsinline: true,
+          url: videoUrl,
+          width: "100%"
+        }
+      }
+    ),
+    !player && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        ...{
+          className: "w-full h-full flex justify-center items-center"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          loader_default,
+          {
+            ...{
+              className: "w-10 h-10 animate-spin",
+              style: {
+                color: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.hex
+              }
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+var video_default = Video;

package/dist/video.mjs

@@ -0,0 +1,107 @@
+"use client";
+import {
+  loader_default
+} from "./chunk-2ZYGRSSA.mjs";
+
+// components/video.js
+import dynamic from "next/dynamic";
+import { Fragment, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ReactPlayer = dynamic(
+  () => import("react-player/lazy"),
+  {
+    ssr: false
+  }
+);
+var Video = ({
+  controls = false,
+  loop = false,
+  onEnded = () => {
+  },
+  onDuration = () => {
+  },
+  muted = true,
+  onPlay,
+  playing = false,
+  poster,
+  reset = false,
+  style = {},
+  hls,
+  mp4
+}) => {
+  var _a, _b;
+  const durationFired = useRef(false);
+  const [player, setPlayer] = useState();
+  const [videoUrl, setVideoUrl] = useState(hls ? hls : mp4);
+  useEffect(
+    () => {
+      if (player && reset) {
+        player.seekTo(0, "seconds");
+      }
+    },
+    [player, reset]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ReactPlayer,
+      {
+        ...{
+          className: "relative react-video",
+          controls,
+          config: {
+            file: {
+              attributes: {
+                "aria-label": "Decorative Video",
+                poster
+              }
+            }
+          },
+          height: "100%",
+          loop,
+          muted,
+          onPlay,
+          onEnded,
+          onDuration: (value) => {
+            if (!durationFired.current) {
+              durationFired.current = true;
+              onDuration(value);
+            }
+          },
+          onError: () => {
+            setVideoUrl(mp4);
+          },
+          onReady: (instance) => {
+            setPlayer(instance.player);
+          },
+          playing: Boolean(playing),
+          playsinline: true,
+          url: videoUrl,
+          width: "100%"
+        }
+      }
+    ),
+    !player && /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...{
+          className: "w-full h-full flex justify-center items-center"
+        },
+        children: /* @__PURE__ */ jsx(
+          loader_default,
+          {
+            ...{
+              className: "w-10 h-10 animate-spin",
+              style: {
+                color: (_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.hex
+              }
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+var video_default = Video;
+export {
+  video_default as default
+};

package/dist/wrapper-gradient.js

@@ -0,0 +1,232 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/wrapper-gradient.js
+var wrapper_gradient_exports = {};
+__export(wrapper_gradient_exports, {
+  default: () => wrapper_gradient_default,
+  useWrapperGradient: () => useWrapperGradient
+});
+module.exports = __toCommonJS(wrapper_gradient_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var WrapperGradientContext = (0, import_react.createContext)(null);
+var useWrapperGradient = () => (0, import_react.useContext)(WrapperGradientContext);
+var WrapperGradient = ({
+  children,
+  className,
+  classNameGradient,
+  classNameScroll,
+  color,
+  gradientTopOffset,
+  horizontal = false
+}) => {
+  const showX = horizontal === true || horizontal === "both";
+  const showY = horizontal === false || horizontal === "both";
+  const overflowClass = horizontal === "both" ? "overflow-scroll" : horizontal ? "overflow-x-scroll overflow-y-visible" : "overflow-y-scroll overflow-x-visible";
+  const overscrollClass = horizontal === "both" ? "overscroll-none" : horizontal ? "overscroll-x-none overscroll-y-auto" : "overscroll-y-none overscroll-x-auto";
+  const themed = Boolean(color);
+  const gradientDefaults = "absolute z-[2] " + (themed ? "pointer-events-none " : "") + "transition-all duration-[100ms] ";
+  const classes = {
+    container: [
+      themed ? "relative" : "w-full relative",
+      ...className ? [className] : []
+    ],
+    inner: [
+      "w-full relative scroll-smooth hide-scrollbar",
+      overscrollClass,
+      overflowClass,
+      ...classNameScroll ? [classNameScroll] : []
+    ],
+    topGradient: [
+      gradientDefaults,
+      "w-full -top-[1px]",
+      ...themed ? [] : ["bg-gradient-to-b"],
+      ...classNameGradient ? [classNameGradient] : themed ? ["h-10"] : ["from-white to-transparent h-10"]
+    ],
+    bottomGradient: [
+      gradientDefaults,
+      "w-full -bottom-[1px]",
+      ...themed ? [] : ["bg-gradient-to-t"],
+      ...classNameGradient ? [classNameGradient] : themed ? ["h-10"] : ["from-white to-transparent h-10"]
+    ],
+    leftGradient: [
+      gradientDefaults,
+      "h-full top-0 left-0",
+      ...themed ? [] : ["bg-gradient-to-r"],
+      ...classNameGradient ? [classNameGradient] : themed ? ["w-4"] : ["from-white from-30% to-transparent w-4"]
+    ],
+    rightGradient: [
+      gradientDefaults,
+      "h-full top-0 right-0",
+      ...themed ? [] : ["bg-gradient-to-l"],
+      ...classNameGradient ? [classNameGradient] : themed ? ["w-4"] : ["from-white from-30% to-transparent w-4"]
+    ]
+  };
+  const gradients = {
+    top: "linear-gradient( to bottom, " + color + " 0%, transparent 100% )",
+    bottom: "linear-gradient( to top, " + color + " 0%, transparent 100% )",
+    left: "linear-gradient( to right, " + color + " 0%, transparent 100% )",
+    right: "linear-gradient( to left, " + color + " 0%, transparent 100% )"
+  };
+  const containerRef = (0, import_react.useRef)(null);
+  const [scroll, setScroll] = (0, import_react.useState)({
+    top: 0,
+    left: 0,
+    atBottom: true,
+    atRight: true
+  });
+  (0, import_react.useEffect)(
+    () => {
+      const container = containerRef.current;
+      const handleScroll = () => {
+        const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } = container;
+        setScroll({
+          top: scrollTop,
+          left: scrollLeft,
+          atBottom: scrollTop + clientHeight >= scrollHeight - 1,
+          atRight: scrollLeft + clientWidth >= scrollWidth - 1
+        });
+      };
+      const handleUpdate = () => {
+        const { scrollHeight, scrollWidth, clientHeight, clientWidth } = container;
+        if (scrollHeight <= clientHeight && scrollWidth <= clientWidth) {
+          setScroll({
+            top: 0,
+            left: 0,
+            atBottom: true,
+            atRight: true
+          });
+          return;
+        }
+        ;
+        handleScroll();
+      };
+      handleUpdate();
+      container.addEventListener("scroll", handleScroll);
+      const observer = new MutationObserver((mutations) => {
+        for (const mutation of mutations) {
+          if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
+            handleUpdate();
+            break;
+          }
+        }
+      });
+      observer.observe(container, {
+        childList: true,
+        subtree: true
+      });
+      const resizeObserver = new ResizeObserver(handleUpdate);
+      resizeObserver.observe(container);
+      return () => {
+        container.removeEventListener("scroll", handleScroll);
+        observer.disconnect();
+        resizeObserver.disconnect();
+      };
+    },
+    [horizontal]
+  );
+  const contextValue = (0, import_react.useMemo)(
+    () => ({
+      atBottom: scroll.atBottom,
+      atRight: scroll.atRight
+    }),
+    [scroll.atBottom, scroll.atRight]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ...{
+        className: classes.container.join(" ")
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(WrapperGradientContext.Provider, { value: contextValue, children: [
+        showY && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ...{
+              className: classes.topGradient.join(" ") + (scroll.top > 5 ? " opacity-100 visible" : " opacity-0 invisible"),
+              style: {
+                ...themed && {
+                  backgroundImage: gradients.top
+                },
+                ...gradientTopOffset && {
+                  top: gradientTopOffset
+                }
+              }
+            }
+          }
+        ),
+        showX && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ...{
+              className: classes.leftGradient.join(" ") + (scroll.left > 5 ? " opacity-100 visible" : " opacity-0 invisible"),
+              style: {
+                ...themed && {
+                  backgroundImage: gradients.left
+                }
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ...{
+              className: classes.inner.join(" "),
+              ref: containerRef
+            },
+            children
+          }
+        ),
+        showY && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ...{
+              className: classes.bottomGradient.join(" ") + (!scroll.atBottom ? " opacity-100 visible" : " opacity-0 invisible"),
+              style: {
+                ...themed && {
+                  backgroundImage: gradients.bottom
+                }
+              }
+            }
+          }
+        ),
+        showX && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ...{
+              className: classes.rightGradient.join(" ") + (!scroll.atRight ? " opacity-100 visible" : " opacity-0 invisible"),
+              style: {
+                ...themed && {
+                  backgroundImage: gradients.right
+                }
+              }
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
+var wrapper_gradient_default = WrapperGradient;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useWrapperGradient
+});

package/dist/wrapper-gradient.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  useWrapperGradient,
+  wrapper_gradient_default
+} from "./chunk-XWELEL6Z.mjs";
+export {
+  wrapper_gradient_default as default,
+  useWrapperGradient
+};