konsolpro-custom-ui 0.0.327

package/dist/lib/ui/avatar.js

@@ -0,0 +1,333 @@
+var Y = Object.defineProperty, J = Object.defineProperties;
+var Q = Object.getOwnPropertyDescriptors;
+var L = Object.getOwnPropertySymbols;
+var k = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var N = (e, r, t) => r in e ? Y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, h = (e, r) => {
+  for (var t in r || (r = {}))
+    k.call(r, t) && N(e, t, r[t]);
+  if (L)
+    for (var t of L(r))
+      V.call(r, t) && N(e, t, r[t]);
+  return e;
+}, y = (e, r) => J(e, Q(r));
+var x = (e, r) => {
+  var t = {};
+  for (var a in e)
+    k.call(e, a) && r.indexOf(a) < 0 && (t[a] = e[a]);
+  if (e != null && L)
+    for (var a of L(e))
+      r.indexOf(a) < 0 && V.call(e, a) && (t[a] = e[a]);
+  return t;
+};
+import { jsx as E, jsxs as X } from "react/jsx-runtime";
+import * as m from "react";
+import B from "react";
+import { c as Z } from "../../chunks/index-E4d_Gd-w.js";
+import { u as ee } from "../../chunks/index-DwYXX2sM.js";
+import { u as R } from "../../chunks/index-DuekHEmj.js";
+import { P as T } from "../../chunks/index-BJD1rYeT.js";
+import { Icon as te } from "../icon/icon.js";
+import { c as A, g as re } from "../../chunks/utils-TbLXCoKm.js";
+var b = { exports: {} }, w = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var D;
+function ae() {
+  if (D) return w;
+  D = 1;
+  var e = B;
+  function r(s, i) {
+    return s === i && (s !== 0 || 1 / s === 1 / i) || s !== s && i !== i;
+  }
+  var t = typeof Object.is == "function" ? Object.is : r, a = e.useState, n = e.useEffect, o = e.useLayoutEffect, v = e.useDebugValue;
+  function c(s, i) {
+    var u = i(), l = a({ inst: { value: u, getSnapshot: i } }), f = l[0].inst, g = l[1];
+    return o(
+      function() {
+        f.value = u, f.getSnapshot = i, p(f) && g({ inst: f });
+      },
+      [s, u, i]
+    ), n(
+      function() {
+        return p(f) && g({ inst: f }), s(function() {
+          p(f) && g({ inst: f });
+        });
+      },
+      [s]
+    ), v(u), u;
+  }
+  function p(s) {
+    var i = s.getSnapshot;
+    s = s.value;
+    try {
+      var u = i();
+      return !t(s, u);
+    } catch (l) {
+      return !0;
+    }
+  }
+  function d(s, i) {
+    return i();
+  }
+  var S = typeof window == "undefined" || typeof window.document == "undefined" || typeof window.document.createElement == "undefined" ? d : c;
+  return w.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : S, w;
+}
+var C = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var G;
+function ne() {
+  return G || (G = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(u, l) {
+      return u === l && (u !== 0 || 1 / u === 1 / l) || u !== u && l !== l;
+    }
+    function r(u, l) {
+      S || n.startTransition === void 0 || (S = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var f = l();
+      if (!s) {
+        var g = l();
+        o(f, g) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), s = !0);
+      }
+      g = v({
+        inst: { value: f, getSnapshot: l }
+      });
+      var _ = g[0].inst, O = g[1];
+      return p(
+        function() {
+          _.value = f, _.getSnapshot = l, t(_) && O({ inst: _ });
+        },
+        [u, f, l]
+      ), c(
+        function() {
+          return t(_) && O({ inst: _ }), u(function() {
+            t(_) && O({ inst: _ });
+          });
+        },
+        [u]
+      ), d(f), f;
+    }
+    function t(u) {
+      var l = u.getSnapshot;
+      u = u.value;
+      try {
+        var f = l();
+        return !o(u, f);
+      } catch (g) {
+        return !0;
+      }
+    }
+    function a(u, l) {
+      return l();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ != "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var n = B, o = typeof Object.is == "function" ? Object.is : e, v = n.useState, c = n.useEffect, p = n.useLayoutEffect, d = n.useDebugValue, S = !1, s = !1, i = typeof window == "undefined" || typeof window.document == "undefined" || typeof window.document.createElement == "undefined" ? a : r;
+    C.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : i, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ != "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), C;
+}
+var M;
+function oe() {
+  return M || (M = 1, process.env.NODE_ENV === "production" ? b.exports = ae() : b.exports = ne()), b.exports;
+}
+var se = oe();
+function ue() {
+  return se.useSyncExternalStore(
+    ie,
+    () => !0,
+    () => !1
+  );
+}
+function ie() {
+  return () => {
+  };
+}
+var I = "Avatar", [le, Re] = Z(I), [ce, H] = le(I), U = m.forwardRef(
+  (e, r) => {
+    const v = e, { __scopeAvatar: t } = v, a = x(v, ["__scopeAvatar"]), [n, o] = m.useState("idle");
+    return /* @__PURE__ */ E(
+      ce,
+      {
+        scope: t,
+        imageLoadingStatus: n,
+        onImageLoadingStatusChange: o,
+        children: /* @__PURE__ */ E(T.span, y(h({}, a), { ref: r }))
+      }
+    );
+  }
+);
+U.displayName = I;
+var q = "AvatarImage", K = m.forwardRef(
+  (e, r) => {
+    const d = e, { __scopeAvatar: t, src: a, onLoadingStatusChange: n = () => {
+    } } = d, o = x(d, ["__scopeAvatar", "src", "onLoadingStatusChange"]), v = H(q, t), c = de(a, o), p = ee((S) => {
+      n(S), v.onImageLoadingStatusChange(S);
+    });
+    return R(() => {
+      c !== "idle" && p(c);
+    }, [c, p]), c === "loaded" ? /* @__PURE__ */ E(T.img, y(h({}, o), { ref: r, src: a })) : null;
+  }
+);
+K.displayName = q;
+var $ = "AvatarFallback", F = m.forwardRef(
+  (e, r) => {
+    const p = e, { __scopeAvatar: t, delayMs: a } = p, n = x(p, ["__scopeAvatar", "delayMs"]), o = H($, t), [v, c] = m.useState(a === void 0);
+    return m.useEffect(() => {
+      if (a !== void 0) {
+        const d = window.setTimeout(() => c(!0), a);
+        return () => window.clearTimeout(d);
+      }
+    }, [a]), v && o.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ E(T.span, y(h({}, n), { ref: r })) : null;
+  }
+);
+F.displayName = $;
+function j(e, r) {
+  return e ? r ? (e.src !== r && (e.src = r), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function de(e, { referrerPolicy: r, crossOrigin: t }) {
+  const a = ue(), n = m.useRef(null), o = a ? (n.current || (n.current = new window.Image()), n.current) : null, [v, c] = m.useState(
+    () => j(o, e)
+  );
+  return R(() => {
+    c(j(o, e));
+  }, [o, e]), R(() => {
+    const p = (s) => () => {
+      c(s);
+    };
+    if (!o) return;
+    const d = p("loaded"), S = p("error");
+    return o.addEventListener("load", d), o.addEventListener("error", S), r && (o.referrerPolicy = r), typeof t == "string" && (o.crossOrigin = t), () => {
+      o.removeEventListener("load", d), o.removeEventListener("error", S);
+    };
+  }, [o, t, r]), v;
+}
+var P = U, z = K, W = F;
+const fe = {
+  small: "h-6 w-6",
+  default: "h-8 w-8",
+  large: "h-10 w-10",
+  extra: "h-12 w-12"
+}, ve = {
+  small: "rounded-[6px]",
+  default: "rounded-[8px]",
+  large: "rounded-[10px]",
+  extra: "rounded-[12px]"
+}, pe = {
+  small: "text-[12px]",
+  default: "text-[12px]",
+  large: "text-[16px]",
+  extra: "text-[16px]"
+}, Se = {
+  purple: "bg-[var(--color-avatar-purple-bg)]",
+  cyan: "bg-[var(--color-avatar-cyan-bg)]",
+  blue: "bg-[var(--color-avatar-blue-bg)]",
+  volcano: "bg-[var(--color-avatar-volcano-bg)]",
+  magenta: "bg-[var(--color-avatar-magenta-bg)]"
+}, me = {
+  purple: "text-[var(--color-avatar-purple-fg)]",
+  cyan: "text-[var(--color-avatar-cyan-fg)]",
+  blue: "text-[var(--color-avatar-blue-fg)]",
+  volcano: "text-[var(--color-avatar-volcano-fg)]",
+  magenta: "text-[var(--color-avatar-magenta-fg)]"
+}, ge = m.forwardRef((p, c) => {
+  var d = p, { className: e, "data-testid": r, size: t = "default", shape: a = "circle", badge: n = !1, children: o } = d, v = x(d, ["className", "data-testid", "size", "shape", "badge", "children"]);
+  const S = a === "circle" ? "rounded-full" : ve[t], s = {
+    small: 8,
+    default: 10,
+    large: 12,
+    extra: 16
+  }[t], i = {
+    small: "-top-2 -right-0.5",
+    default: "-top-1.5 -right-0.5",
+    large: "-top-1.5 -right-0.5",
+    extra: "-top-1 -right-1"
+  }[t];
+  return /* @__PURE__ */ X(
+    P,
+    y(h({
+      ref: c,
+      className: A(
+        "relative flex shrink-0",
+        fe[t],
+        S,
+        e
+      ),
+      "data-testid": r
+    }, v), {
+      children: [
+        o,
+        n && /* @__PURE__ */ E(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: A("pointer-events-none select-none absolute", i),
+            children: /* @__PURE__ */ E(te, { icon: "ErrorFillIcon", className: "text-destructive", size: s })
+          }
+        )
+      ]
+    })
+  );
+});
+ge.displayName = P.displayName;
+const _e = m.forwardRef((a, t) => {
+  var n = a, { className: e } = n, r = x(n, ["className"]);
+  return /* @__PURE__ */ E(
+    z,
+    h({
+      ref: t,
+      className: A(
+        "aspect-square h-full w-full rounded-[inherit] border-1 border-default-background",
+        e
+      )
+    }, r)
+  );
+});
+_e.displayName = z.displayName;
+const Ee = m.forwardRef((p, c) => {
+  var d = p, { className: e, size: r = "default", colorVariant: t, userId: a, autoColor: n = !0, children: o } = d, v = x(d, ["className", "size", "colorVariant", "userId", "autoColor", "children"]);
+  const S = pe[r], s = m.useMemo(() => {
+    if (t)
+      return t;
+    if (n)
+      return re(a);
+  }, [n, t, a]), i = s ? Se[s] : "bg-muted", u = s ? me[s] : "text-foreground";
+  return /* @__PURE__ */ E(
+    W,
+    y(h({
+      ref: c,
+      className: A(
+        "flex h-full w-full items-center justify-center rounded-[inherit]",
+        i,
+        // Text: шрифт Моно (CoFo), цвет в тон фону/контраст
+        "font-cofo font-normal",
+        u,
+        S,
+        e
+      )
+    }, v), {
+      children: o
+    })
+  );
+});
+Ee.displayName = W.displayName;
+export {
+  ge as Avatar,
+  Ee as AvatarFallback,
+  _e as AvatarImage
+};

package/dist/lib/ui/button.js

@@ -0,0 +1,37 @@
+import "react/jsx-runtime";
+import "react";
+import "../../chunks/index-CN5JEZ5H.js";
+import "../../chunks/index-BO6p208a.js";
+import "../icon/icon.js";
+import { B as H, b as I } from "../../chunks/uploader-BN38rjbw.js";
+import "../icon-banks/icons-banks.js";
+import "../icon-documents/icons-document.js";
+import "../../chunks/utils-TbLXCoKm.js";
+import "./command.js";
+import "../../chunks/popover-kFSgc5Lv.js";
+import "./avatar.js";
+import "./card.js";
+import "./checkbox.js";
+import "../../chunks/combobox-primitive-context-B_ldR_VA.js";
+import "./combobox-primitive/components/combobox-container.js";
+import "./combobox-primitive/components/combobox-input.js";
+import "./combobox-primitive/components/combobox-item-renderer.js";
+import "./combobox-primitive/components/combobox-menu.js";
+import "./combobox-primitive/components/Item.js";
+import "./combobox-primitive/components/item-view.js";
+import "./combobox-primitive/components/list.js";
+import "./customizable-carousel.js";
+import "./date-range-picker/locales.js";
+import "./dialog/dialog-base/use-base-dialog.js";
+import "./link.js";
+import "./segments.js";
+import "./spinner.js";
+import "./switch.js";
+import "./tabs.js";
+import "./tag.js";
+import "./toaster.js";
+import "../../chunks/tooltip-BxRtZLBR.js";
+export {
+  H as Button,
+  I as buttonVariants
+};

package/dist/lib/ui/calendar.js

@@ -0,0 +1,121 @@
+var h = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var g = (e, r, t) => r in e ? h(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, s = (e, r) => {
+  for (var t in r || (r = {}))
+    y.call(r, t) && g(e, t, r[t]);
+  if (i)
+    for (var t of i(r))
+      c.call(r, t) && g(e, t, r[t]);
+  return e;
+};
+var f = (e, r) => {
+  var t = {};
+  for (var a in e)
+    y.call(e, a) && r.indexOf(a) < 0 && (t[a] = e[a]);
+  if (e != null && i)
+    for (var a of i(e))
+      r.indexOf(a) < 0 && c.call(e, a) && (t[a] = e[a]);
+  return t;
+};
+import { jsx as u, jsxs as _ } from "react/jsx-runtime";
+import { $ as w, X as v, b as k } from "../../chunks/uploader-BN38rjbw.js";
+import { c as o } from "../../chunks/utils-TbLXCoKm.js";
+import { Icon as b } from "../icon/icon.js";
+import { f as x } from "../../chunks/format-DoKcg9cH.js";
+function A(E) {
+  var l = E, {
+    className: e,
+    classNames: r,
+    showOutsideDays: t = !0,
+    locale: a
+  } = l, m = f(l, [
+    "className",
+    "classNames",
+    "showOutsideDays",
+    "locale"
+  ]);
+  return /* @__PURE__ */ u(
+    w,
+    s({
+      showOutsideDays: t,
+      className: o("p-0 md:p-[10px] md:pb-0", e),
+      classNames: s({
+        months: "flex flex-col md:flex-row gap-2",
+        month: "flex flex-col gap-3 items-center md:items-start font-medium",
+        caption: "flex justify-center pt-1 relative items-center w-full",
+        caption_label: "text-[14px] font-graphik",
+        nav: "flex items-center gap-1",
+        nav_button: o(
+          k({ variant: "default", iconOnly: !0 }),
+          "size-8 md:size-6"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse md:w-auto",
+        head_row: "flex items-center p-0",
+        head_cell: "text-muted-foreground font-graphik text-[12px] w-full p-0 py-1 pb-3 font-normal",
+        row: "flex w-full mb-1",
+        cell: o(
+          "relative w-full text-center text-[14px] focus-within:relative focus-within:z-20 px-[2px] py-0",
+          m.mode === "range" ? [
+            "[&:has(>.day-range-end)]:rounded-r-md",
+            "[&:has(>.day-range-start)]:rounded-l-md",
+            "[&:has(.day-hover-range)]:bg-primary/10",
+            "[&:has(.day-outside)]:bg-transparent"
+          ].join(" ") : "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: o(
+          "w-full h-8 md:h-auto md:w-auto md:size-8 bg-transparent border-0 p-0 font-graphik aria-selected:opacity-100 cursor-pointer rounded-l-md rounded-r-md hover:bg-muted"
+        ),
+        day_range_start: o(
+          "day-range-start",
+          "[&:not(.day-outside)]:bg-primary",
+          "[&:not(.day-outside)]:text-primary-foreground",
+          "aria-selected:[&:not(.day-outside)]:bg-primary",
+          "aria-selected:[&:not(.day-outside)]:text-primary-foreground"
+        ),
+        day_range_middle: o(
+          "day-range-middle",
+          "[&:not(.day-outside)]:bg-primary-10",
+          "[&:not(.day-outside)]:text-black"
+        ),
+        day_range_end: o(
+          "day-range-end",
+          "[&:not(.day-outside)]:bg-primary",
+          "[&:not(.day-outside)]:text-primary-foreground",
+          "aria-selected:[&:not(.day-outside)]:bg-primary",
+          "aria-selected:[&:not(.day-outside)]:text-primary-foreground"
+        ),
+        day_selected: "aria-selected:bg-primary text-primary-foreground hover:bg-primary hover:text-white focus:bg-primary focus:text-primary-foreground",
+        day_today: "border-1 border-solid border-border-primary bg-background text-foreground rounded-md",
+        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground aria-selected:bg-transparent !bg-transparent [&.day-range-start]:!bg-transparent [&.day-range-end]:!bg-transparent",
+        day_disabled: "day-outside text-muted-foreground aria-selected:text-muted-foreground aria-selected:bg-transparent !bg-transparent [&.day-range-start]:!bg-transparent [&.day-range-end]:!bg-transparent",
+        day_hidden: "invisible"
+      }, r),
+      fixedWeeks: !0,
+      formatters: {
+        formatWeekdayName: (d, p) => {
+          const n = a ? x(d, "EEEEEE", { locale: a }) : d.toLocaleDateString("ru-RU", { weekday: "short" });
+          return n.charAt(0).toUpperCase() + n.slice(1);
+        }
+      },
+      weekStartsOn: 1,
+      components: {
+        IconLeft: () => /* @__PURE__ */ u(b, { icon: "ArrowLeftIcon" }),
+        IconRight: () => /* @__PURE__ */ u(b, { icon: "ArrowRightIcon" }),
+        CaptionLabel: ({ displayMonth: d }) => {
+          const p = a ? x(d, "MMM", { locale: a }) : d.toLocaleString("ru-RU", { month: "long" }).slice(0, 3), n = d.getFullYear();
+          return /* @__PURE__ */ _(v, { variant: "p2", weight: "medium", className: "font-graphik", children: [
+            p,
+            " ",
+            n
+          ] });
+        }
+      }
+    }, m)
+  );
+}
+export {
+  A as Calendar
+};

package/dist/lib/ui/card.js

@@ -0,0 +1,121 @@
+var v = Object.defineProperty, C = Object.defineProperties;
+var N = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var f = (t, r, e) => r in t ? v(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e, b = (t, r) => {
+  for (var e in r || (r = {}))
+    c.call(r, e) && f(t, e, r[e]);
+  if (m)
+    for (var e of m(r))
+      u.call(r, e) && f(t, e, r[e]);
+  return t;
+}, a = (t, r) => C(t, N(r));
+var w = (t, r) => {
+  var e = {};
+  for (var o in t)
+    c.call(t, o) && r.indexOf(o) < 0 && (e[o] = t[o]);
+  if (t != null && m)
+    for (var o of m(t))
+      r.indexOf(o) < 0 && u.call(t, o) && (e[o] = t[o]);
+  return e;
+};
+import { jsx as R } from "react/jsx-runtime";
+import _ from "react";
+import { c as i } from "../../chunks/utils-TbLXCoKm.js";
+const k = _.forwardRef(
+  (q, j) => {
+    var x = q, {
+      className: t,
+      bordered: r = !1,
+      radius: e = "md",
+      variant: o = "default",
+      padding: d = "md",
+      overflow: p = !1,
+      direction: n = "col",
+      justify: l = "start",
+      align: s = "start",
+      children: y
+    } = x, h = w(x, [
+      "className",
+      "bordered",
+      "radius",
+      "variant",
+      "padding",
+      "overflow",
+      "direction",
+      "justify",
+      "align",
+      "children"
+    ]);
+    return /* @__PURE__ */ R(
+      "div",
+      a(b({
+        ref: j,
+        className: i(
+          // Base styles
+          "flex transition-colors",
+          { "border-border border-1 border-solid": r },
+          // Direction variants
+          {
+            "flex-row": n === "row",
+            "flex-col": n === "col"
+          },
+          // Justify variants
+          {
+            "justify-start": l === "start",
+            "justify-end": l === "end",
+            "justify-center": l === "center",
+            "justify-between": l === "between",
+            "justify-around": l === "around",
+            "justify-evenly": l === "evenly"
+          },
+          // Align variants
+          {
+            "items-start": s === "start",
+            "items-end": s === "end",
+            "items-center": s === "center",
+            "items-baseline": s === "baseline",
+            "items-stretch": s === "stretch"
+          },
+          // Border radius variants
+          {
+            "rounded-none": e === "none",
+            "rounded-xs": e === "xs",
+            "rounded-sm": e === "sm",
+            "rounded-md": e === "md",
+            "rounded-lg": e === "lg",
+            "rounded-xl": e === "xl",
+            "rounded-2xl": e === "2xl",
+            "rounded-3xl": e === "3xl",
+            "rounded-4xl": e === "4xl"
+          },
+          // Background variants
+          {
+            "bg-white": o === "default",
+            // TODO: Узнать у дизайнера, какой цвет у gray
+            "bg-card-fill-tertiary": o === "gray",
+            "bg-muted text-muted-foreground font-medium": o === "muted"
+          },
+          // Padding variants
+          {
+            "p-1": d === "2xxs",
+            "p-2": d === "xxs",
+            "p-3": d === "xs",
+            "p-4": d === "sm",
+            "p-5": d === "md",
+            "p-6": d === "lg"
+          },
+          // Overflow
+          { "overflow-hidden": p },
+          t
+        )
+      }, h), {
+        children: y
+      })
+    );
+  }
+);
+k.displayName = "Card";
+export {
+  k as Card
+};

package/dist/lib/ui/carousel.js

@@ -0,0 +1,55 @@
+var C = Object.defineProperty, g = Object.defineProperties;
+var j = Object.getOwnPropertyDescriptors;
+var r = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+var c = (e, l, o) => l in e ? C(e, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[l] = o, p = (e, l) => {
+  for (var o in l || (l = {}))
+    m.call(l, o) && c(e, o, l[o]);
+  if (r)
+    for (var o of r(l))
+      t.call(l, o) && c(e, o, l[o]);
+  return e;
+}, f = (e, l) => g(e, j(l));
+var u = (e, l) => {
+  var o = {};
+  for (var s in e)
+    m.call(e, s) && l.indexOf(s) < 0 && (o[s] = e[s]);
+  if (e != null && r)
+    for (var s of r(e))
+      l.indexOf(s) < 0 && t.call(e, s) && (o[s] = e[s]);
+  return o;
+};
+import { jsx as a } from "react/jsx-runtime";
+import { u as k } from "../../chunks/embla-carousel-react.esm-ZaRSnfTq.js";
+import { c as v } from "../../chunks/utils-TbLXCoKm.js";
+function q(w) {
+  var i = w, {
+    items: e,
+    renderSlide: l,
+    options: o,
+    className: s,
+    slideClassName: x
+  } = i, d = u(i, [
+    "items",
+    "renderSlide",
+    "options",
+    "className",
+    "slideClassName"
+  ]);
+  const h = {
+    align: "center",
+    loop: !1
+  }, [b] = k(h);
+  return /* @__PURE__ */ a(
+    "div",
+    f(p({
+      ref: b,
+      className: v("relative overflow-visible px-4", s)
+    }, d), {
+      children: /* @__PURE__ */ a("div", { className: "flex touch-pan-x select-none", children: e.map((N, n) => /* @__PURE__ */ a("div", { className: v("flex-shrink-0 px-2", x), children: l(N, n) }, n)) })
+    })
+  );
+}
+export {
+  q as SimpleCarousel
+};