@simpli-route/apollo-ds 0.1.84 → 0.1.86

package/dist/index.es99.js

@@ -1,81 +1,103 @@
-import { j as e } from "./index.es52.js";
-import { Button as d, SelectValue as g } from "react-aria-components";
-import { cn as i } from "./index.es54.js";
-import { Badge as j } from "./index.es6.js";
-import "./index.es7.js";
-import { selectInputButtonVariants as w } from "./index.es64.js";
-const S = ({
-  ref: C,
-  size: o,
-  isDisabled: l,
-  classNameButton: m,
-  selectionMode: x,
-  maxLengthTextOption: p,
-  handleDeleteOptionSelected: c,
-  placeholder: u,
-  validationState: f
-}) => /* @__PURE__ */ e.jsxs(
-  d,
-  {
-    ref: C,
-    className: ({ isFocusVisible: t, isHovered: n, isPressed: a }) => i(
-      "group",
-      w({
-        size: o,
-        isDisabled: l,
-        /** Select root sets isPressed from menu open state; use it so we stay in sync with RAC. */
-        isFocusVisible: t || a,
-        isHovered: n,
-        validationState: f
-      }),
-      m
+import { j as l } from "./index.es52.js";
+import { cn as P } from "./index.es54.js";
+import { SliderThumb as j } from "./index.es135.js";
+const T = ({
+  state: r,
+  type: n,
+  showTypeValue: t,
+  suffix: c,
+  classNameFilled: a,
+  classNameUnfilled: m,
+  modeTooltip: b,
+  positionTooltip: h,
+  classNameThumb: d,
+  isHiddenValue: v,
+  suffixRangeCustom: e
+}) => /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
+  t === "default" && !v ? /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between", children: [
+    /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        className: "absolute top-4 text-sm text-neutral-900",
+        style: { left: `${r.getThumbPercent(0) * 100}%`, transform: "translateX(-50%)" },
+        children: [
+          r.values[0],
+          n === "range" && (e == null ? void 0 : e.left) || c
+        ]
+      }
     ),
-    children: [
-      /* @__PURE__ */ e.jsx(g, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: t, selectedText: n, isPlaceholder: a }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: x === "multiple" && t && t.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: t.filter((r) => r != null).map((r) => {
-        const h = r.label, s = r.value;
-        return /* @__PURE__ */ e.jsx(
-          j,
-          {
-            label: h,
-            size: o,
-            isDisabled: l,
-            maxLength: p,
-            onDelete: () => c(s)
-          },
-          s
-        );
-      }) }) : /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: i(
-            "flex-1 truncate text-left",
-            a ? "text-neutral-600" : "",
-            l ? "text-neutral-700" : ""
-          ),
-          children: n || u
-        }
-      ) }) }),
-      /* @__PURE__ */ e.jsx(
-        "svg",
-        {
-          className: "transition-transform duration-100 group-data-[pressed]:rotate-180",
-          width: "20",
-          height: "10",
-          viewBox: "0 0 20 10",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ e.jsx(
-            "path",
-            {
-              d: "M20 0.838022C20.0006 0.947676 19.9796 1.05638 19.9381 1.15789C19.8967 1.2594 19.8356 1.35173 19.7584 1.42959L12.9512 8.23676C12.5642 8.62472 12.1045 8.93252 11.5984 9.14254C11.0922 9.35256 10.5497 9.46066 10.0017 9.46066C9.45373 9.46066 8.91115 9.35256 8.40502 9.14254C7.8989 8.93252 7.43918 8.62472 7.0522 8.23676L0.245034 1.42959C0.167349 1.3519 0.105725 1.25968 0.0636824 1.15818C0.0216393 1.05667 5.62088e-09 0.947886 0 0.838023C-5.62081e-09 0.728159 0.0216393 0.619372 0.0636824 0.51787C0.105725 0.41637 0.167349 0.324143 0.245034 0.246458C0.32272 0.168773 0.414946 0.107149 0.516447 0.0651056C0.617948 0.0230624 0.726736 0.00142351 0.8366 0.00142351C0.946464 0.00142351 1.05525 0.0230624 1.15675 0.0651055C1.25825 0.107149 1.35048 0.168773 1.42817 0.246458L8.23533 7.05363C8.704 7.52171 9.33931 7.78463 10.0017 7.78463C10.6641 7.78463 11.2994 7.52171 11.7681 7.05363L18.5752 0.246457C18.6527 0.168363 18.7448 0.106378 18.8464 0.0640783C18.9479 0.0217776 19.0568 4.80781e-09 19.1668 0C19.2768 -4.80789e-09 19.3857 0.0217776 19.4872 0.0640782C19.5888 0.106378 19.6809 0.168363 19.7584 0.246457C19.8356 0.324311 19.8967 0.41664 19.9381 0.518154C19.9796 0.619668 20.0006 0.728369 20 0.838022Z",
-              fill: "#73768C"
-            }
-          )
-        }
-      )
-    ]
-  }
-);
+    n === "range" && /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        className: "absolute top-4 text-sm text-neutral-900",
+        style: { left: `${r.getThumbPercent(1) * 100}%`, transform: "translateX(-50%)" },
+        children: [
+          r.values[1],
+          (e == null ? void 0 : e.right) || c
+        ]
+      }
+    )
+  ] }) : null,
+  /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: P("absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-primary-100", m)
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: P("absolute top-1/2 h-2 -translate-y-1/2 rounded-full bg-primary-500", a),
+      style: {
+        width: `${n === "range" ? r.getThumbPercent(1) * 100 - r.getThumbPercent(0) * 100 : r.getThumbPercent(0) * 100}%`,
+        left: n === "range" ? `${r.getThumbPercent(0) * 100}%` : "0%"
+      }
+    }
+  ),
+  n === "range" ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(
+      j,
+      {
+        index: 0,
+        valuePercent: r.getThumbPercent(0),
+        value: r.values[0],
+        suffix: (e == null ? void 0 : e.left) || c,
+        modeTooltip: b,
+        positionTooltip: h,
+        showTypeValue: t,
+        isHiddenValue: v,
+        classNameThumb: d
+      }
+    ),
+    /* @__PURE__ */ l.jsx(
+      j,
+      {
+        index: 1,
+        valuePercent: r.getThumbPercent(1),
+        value: r.values[1],
+        suffix: (e == null ? void 0 : e.right) || c,
+        modeTooltip: b,
+        positionTooltip: h,
+        showTypeValue: t,
+        isHiddenValue: v,
+        classNameThumb: d
+      }
+    )
+  ] }) : /* @__PURE__ */ l.jsx(
+    j,
+    {
+      index: 0,
+      valuePercent: r.getThumbPercent(0),
+      value: r.values[0],
+      suffix: c,
+      modeTooltip: b,
+      positionTooltip: h,
+      showTypeValue: t,
+      isHiddenValue: v,
+      classNameThumb: d
+    }
+  )
+] });
 export {
-  S as SelectContent
+  T as SliderContainerTrack
 };

package/dist/stories/Changelog.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Log: Story;

package/dist/stories/Icons.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Gallery: Story;

package/dist/stories/Tooltip.stories.d.ts

@@ -14,3 +14,33 @@ export declare const BottomEnd: Story;
 export declare const Right: Story;
 export declare const Left: Story;
 export declare const WithSupportText: Story;
+/**
+ * Regresión: cuando el trigger vive dentro de un contenedor con `overflow: auto`
+ * u `overflow: hidden` y el tooltip sobresale del borde, el tooltip debe
+ * mostrarse completo (al renderizarse en un portal, el `overflow` del
+ * contenedor ya no puede recortarlo).
+ */
+export declare const InsideScrollContainer: Story;
+/**
+ * Regresión: con el Tooltip anterior había casos donde era necesario envolver
+ * el trigger en un `<div>` para que el tooltip se disparara correctamente
+ * (por ejemplo cuando el trigger era un Button o un elemento que no exponía
+ * ref/handlers hacia arriba). Esta story valida que el patrón
+ * `<TooltipTrigger><div><Button>...</Button></div><Tooltip>...</Tooltip></TooltipTrigger>`
+ * sigue funcionando con la nueva implementación basada en react-aria-components.
+ */
+export declare const WrappedInDivTrigger: Story;
+/**
+ * Tooltip que se abre al hacer click en el trigger en lugar de al hacer hover.
+ * Se logra controlando `isOpen` desde el estado del componente y usando
+ * `trigger="focus"` para que react-aria no lo abra en hover. El click togglea
+ * el estado abierto/cerrado, y el tooltip también se cierra al presionar Esc
+ * o al hacer click fuera (via `onOpenChange`).
+ */
+export declare const ClickToOpen: Story;
+/**
+ * Valida que TooltipTrigger funciona con distintos componentes del design system
+ * como trigger — Button, IconButton, Switch, Checkbox, Badge, StatusChip,
+ * AssistChip — y también con elementos HTML puros (span, img, svg).
+ */
+export declare const WithDSComponents: Story;

package/dist/stories/changelog.data.d.ts

@@ -0,0 +1,11 @@
+export type ChangelogChangeType = "feat" | "fix" | "refactor" | "docs" | "chore";
+export type ChangelogChange = {
+    type: ChangelogChangeType;
+    description: string;
+};
+export type ChangelogEntry = {
+    version: string;
+    date: string;
+    changes: ChangelogChange[];
+};
+export declare const CHANGELOG: ChangelogEntry[];