@validationcloud/fractal-ui 1.53.0 → 1.55.0

package/dist/node_modules/.pnpm/react-style-singleton@2.2.3_@types_react@19.2.6_react@19.2.0/node_modules/react-style-singleton/dist/es2015/singleton.js

@@ -0,0 +1,30 @@
+import { getNonce as o } from "../../../../../get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
+};
+export {
+  c as stylesheetSingleton
+};

package/dist/node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,27 @@
+var p = function() {
+  return p = Object.assign || function(e) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    }
+    return e;
+  }, p.apply(this, arguments);
+};
+function c(t, e) {
+  var n = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+      e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
+  return n;
+}
+function l(t, e, n) {
+  if (n || arguments.length === 2) for (var r = 0, o = e.length, a; r < o; r++)
+    (a || !(r in e)) && (a || (a = Array.prototype.slice.call(e, 0, r)), a[r] = e[r]);
+  return t.concat(a || Array.prototype.slice.call(e));
+}
+export {
+  p as __assign,
+  c as __rest,
+  l as __spreadArray
+};

package/dist/node_modules/.pnpm/use-callback-ref@1.3.3_@types_react@19.2.6_react@19.2.0/node_modules/use-callback-ref/dist/es2015/assignRef.js

@@ -0,0 +1,6 @@
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
+export {
+  i as assignRef
+};

package/dist/node_modules/.pnpm/use-callback-ref@1.3.3_@types_react@19.2.6_react@19.2.0/node_modules/use-callback-ref/dist/es2015/useMergeRef.js

@@ -0,0 +1,26 @@
+import * as f from "react";
+import { assignRef as o } from "./assignRef.js";
+import { useCallbackRef as l } from "./useRef.js";
+var s = typeof window < "u" ? f.useLayoutEffect : f.useEffect, c = /* @__PURE__ */ new WeakMap();
+function v(e, m) {
+  var t = l(null, function(n) {
+    return e.forEach(function(u) {
+      return o(u, n);
+    });
+  });
+  return s(function() {
+    var n = c.get(t);
+    if (n) {
+      var u = new Set(n), r = new Set(e), i = t.current;
+      u.forEach(function(a) {
+        r.has(a) || o(a, null);
+      }), r.forEach(function(a) {
+        u.has(a) || o(a, i);
+      });
+    }
+    c.set(t, e);
+  }, [e]), t;
+}
+export {
+  v as useMergeRefs
+};

package/dist/node_modules/.pnpm/use-callback-ref@1.3.3_@types_react@19.2.6_react@19.2.0/node_modules/use-callback-ref/dist/es2015/useRef.js

@@ -0,0 +1,25 @@
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
+export {
+  n as useCallbackRef
+};

package/dist/node_modules/.pnpm/use-sidecar@1.1.3_@types_react@19.2.6_react@19.2.0/node_modules/use-sidecar/dist/es2015/exports.js

@@ -0,0 +1,18 @@
+import { __rest as o, __assign as d } from "../../../../../tslib@2.8.1/node_modules/tslib/tslib.es6.js";
+import * as n from "react";
+var i = function(r) {
+  var e = r.sideCar, a = o(r, ["sideCar"]);
+  if (!e)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var t = e.read();
+  if (!t)
+    throw new Error("Sidecar medium not found");
+  return n.createElement(t, d({}, a));
+};
+i.isSideCarExport = !0;
+function p(r, e) {
+  return r.useMedium(e), i;
+}
+export {
+  p as exportSidecar
+};

package/dist/node_modules/.pnpm/use-sidecar@1.1.3_@types_react@19.2.6_react@19.2.0/node_modules/use-sidecar/dist/es2015/medium.js

@@ -0,0 +1,67 @@
+import { __assign as d } from "../../../../../tslib@2.8.1/node_modules/tslib/tslib.es6.js";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
+    }
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
+export {
+  v as createSidecarMedium
+};

package/dist/server.js

@@ -1,4 +1,4 @@
-import { renderChartToImage as o } from "./lib/render-chart-to-image.js";
+import { renderChartToImage as o } from "./src/lib/render-chart-to-image.js";
 export {
   o as renderChartToImage
 };

package/dist/src/components/collapsible/collapsible.js

@@ -0,0 +1,29 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Collapsible as t } from "radix-ui";
+import { forwardRef as s } from "react";
+import { twMerge as r } from "../../lib/tailwind-merge.js";
+const p = s(
+  ({ className: a, ...e }, l) => /* @__PURE__ */ o(t.Root, { ref: l, className: r(a), ...e })
+);
+p.displayName = "Collapsible";
+const n = s(({ className: a, ...e }, l) => /* @__PURE__ */ o(t.Trigger, { ref: l, className: r(a), ...e }));
+n.displayName = "CollapsibleTrigger";
+const m = s(({ className: a, orientation: e = "vertical", ...l }, i) => /* @__PURE__ */ o(
+  t.Content,
+  {
+    ref: i,
+    className: r(
+      "overflow-hidden",
+      e === "vertical" && "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+      e === "horizontal" && "data-[state=closed]:animate-collapsible-in data-[state=open]:animate-collapsible-out",
+      a
+    ),
+    ...l
+  }
+));
+m.displayName = "CollapsibleContent";
+export {
+  p as Collapsible,
+  m as CollapsibleContent,
+  n as CollapsibleTrigger
+};

package/dist/src/components/select/select.js

@@ -0,0 +1,105 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { SelectItem as p, SelectItemText as u, Select as m, SelectTrigger as x, SelectValue as b, SelectIcon as f, SelectPortal as y, SelectContent as S, SelectScrollUpButton as w, SelectViewport as v, SelectScrollDownButton as N } from "../../../node_modules/.pnpm/@radix-ui_react-select@2.1.7_@types_react-dom@19.2.3_@types_react@19.2.6__@types_react@_6ddc7a756051e26689ab8a69ff12c731/node_modules/@radix-ui/react-select/dist/index.js";
+import { forwardRef as i } from "react";
+import { Icon as d } from "../icon/icon.js";
+import { twMerge as a } from "../../lib/tailwind-merge.js";
+const I = i(
+  ({ className: e, children: r, textValue: o, ...c }, s) => {
+    const l = o !== void 0 && o !== "";
+    return /* @__PURE__ */ n(
+      p,
+      {
+        className: a(
+          "tg-button-small text-neutral-40 data-highlighted:text-neutral-30 relative flex cursor-pointer items-center select-none data-disabled:pointer-events-none data-disabled:text-neutral-50 data-disabled:line-through data-highlighted:bg-(--bg-hover-color) data-highlighted:outline-none data-[state=checked]:text-white",
+          // corner radius:
+          "rounded-[calc(var(--content-radius)-(var(--content-padding)))]",
+          // padding:
+          "px-(--item-padding-x) py-(--item-padding-y)",
+          e
+        ),
+        textValue: o,
+        ...c,
+        ref: s,
+        children: [
+          /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t("span", { children: l ? o : r }) }),
+          l && r
+        ]
+      }
+    );
+  }
+);
+I.displayName = "SelectItem";
+const _ = i(
+  ({ variant: e = "primary", size: r = "large", placeholder: o, children: c, className: s, contentClassName: l, ...g }, h) => /* @__PURE__ */ n(m, { ...g, children: [
+    /* @__PURE__ */ n(
+      x,
+      {
+        ref: h,
+        className: a(
+          "group inline-flex items-center justify-between outline-none",
+          // size:
+          r === "small" && "tg-caption-bold h-8 gap-2 rounded-lg px-2 py-1.5",
+          r === "large" && "gap-r6 tg-button-small h-9 rounded-xl px-4 py-2",
+          // variants:
+          e === "primary" && "bg-neutral-60 focus:shadow-neutral-40 text-white",
+          e === "secondary" && "border-neutral-55 bg-neutral-70 text-neutral-40 border",
+          e === "ghost" && "text-neutral-40 h-auto bg-transparent p-0",
+          // :hover:
+          e === "primary" && "hover:bg-neutral-55",
+          e === "secondary" && "hover:text-neutral-30 hover:border-neutral-50",
+          e === "ghost" && "hover:text-neutral-10",
+          // :focus:
+          e === "primary" && "focus:shadow-[0_0_0_2px]",
+          e === "secondary" && "focus:border-neutral-10",
+          e === "ghost" && "focus:text-neutral-10",
+          s
+        ),
+        children: [
+          /* @__PURE__ */ t(b, { placeholder: o }),
+          /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(
+            d,
+            {
+              icon: "chevron",
+              className: a(
+                r === "small" && "size-2",
+                r === "large" && "-mr-1 size-3",
+                e === "primary" && "text-white",
+                e === "secondary" && "text-neutral-40 group-hover:text-neutral-30",
+                e === "ghost" && "text-neutral-40 group-hover:text-neutral-10 group-focus:text-neutral-10"
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(y, { children: /* @__PURE__ */ n(
+      S,
+      {
+        className: a(
+          r === "small" && "[--content-padding:--spacing(1)] [--content-radius:--spacing(2.5)] [--item-padding-x:--spacing(2)] [--item-padding-y:--spacing(1.5)]",
+          r === "large" && "[--content-padding:--spacing(1.5)] [--content-radius:--spacing(4)] [--item-padding-x:--spacing(4)] [--item-padding-y:--spacing(2)]",
+          "rounded-(--content-radius)",
+          // variants:
+          e === "primary" && "[--bg-color:var(--color-neutral-60)] [--bg-hover-color:var(--color-neutral-55)]",
+          e === "secondary" && "[--bg-color:var(--color-neutral-70)] [--bg-hover-color:var(--color-neutral-60)]",
+          "text-neutral-40 max-h-(--radix-select-content-available-height) w-(--radix-select-trigger-width) overflow-hidden bg-(--bg-color) shadow-[0px_8px_20px_2px_rgba(0,0,0,0.40)]",
+          e === "ghost" && "bg-neutral-80 [--bg-hover-color:var(--color-neutral-60)]",
+          l
+        ),
+        position: "popper",
+        align: "end",
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ t(w, { className: "flex h-6 cursor-default items-center justify-center bg-(--bg-color) text-white hover:bg-(--bg-hover-color)", children: /* @__PURE__ */ t(d, { icon: "chevron", className: "size-3 -scale-y-100 text-white" }) }),
+          /* @__PURE__ */ t(v, { className: "p-(--content-padding)", children: c }),
+          /* @__PURE__ */ t(N, { className: "flex h-6 cursor-default items-center justify-center bg-(--bg-color) text-white hover:bg-(--bg-hover-color)", children: /* @__PURE__ */ t(d, { icon: "chevron", className: "size-3 text-white" }) })
+        ]
+      }
+    ) })
+  ] })
+);
+_.displayName = "Select";
+export {
+  _ as Select,
+  I as SelectItem
+};

package/dist/styles/animation.css

@@ -8,6 +8,10 @@
   --animate-tooltip-enter: fade-in 150ms ease-out, scale-up-50 100ms cubic-bezier(0.16, 1, 0.3, 1);
   --animate-tooltip-delayed-enter: fade-in 150ms ease-out, scale-up-50 400ms cubic-bezier(0.16, 1, 0.3, 1);
   --animate-tooltip-exit: fade-out 100ms ease-in, scale-down-50 100ms ease-in;
+  --animate-collapsible-down: collapsible-slide-down 150ms ease-out;
+  --animate-collapsible-up: collapsible-slide-up 150ms ease-out;
+  --animate-collapsible-in: collapsible-slide-in 150ms ease-out;
+  --animate-collapsible-out: collapsible-slide-out 150ms ease-out;
 }
 
 @keyframes fade-in {
@@ -81,3 +85,39 @@
     transform: translateX(100%);
   }
 }
+
+@keyframes collapsible-slide-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+
+@keyframes collapsible-slide-up {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+
+@keyframes collapsible-slide-in {
+  from {
+    width: var(--radix-collapsible-content-width);
+  }
+  to {
+    width: 0;
+  }
+}
+
+@keyframes collapsible-slide-out {
+  from {
+    width: 0;
+  }
+  to {
+    width: var(--radix-collapsible-content-width);
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@validationcloud/fractal-ui",
   "private": false,
-  "version": "1.53.0",
+  "version": "1.55.0",
   "module": "./dist/index.js",
   "type": "module",
   "files": [
@@ -45,6 +45,7 @@
     "node": ">=22.14.0"
   },
   "dependencies": {
+    "@radix-ui/react-select": "^2.1.7",
     "radix-ui": "^1",
     "react": "^19",
     "react-dom": "^19",