@simpli-route/apollo-ds 0.1.35 → 0.1.36

package/dist/index.es69.js

@@ -1,165 +1,12 @@
-import { cva as e } from "class-variance-authority";
-const t = [
-  {
-    intent: "primary",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-primary-100"
-  },
-  {
-    intent: "secondary",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-primary-500 text-primary-50"
-  },
-  {
-    intent: "minimal",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-neutral-200 text-neutral-800"
-  },
-  {
-    intent: "error",
-    isHovered: !0,
-    isDisabled: !1,
-    isActive: !1,
-    class: "bg-error-100"
-  }
-], r = [
-  {
-    intent: "primary",
-    isActive: !0,
-    isDisabled: !1,
-    class: "bg-primary-500 text-primary-50"
-  },
-  {
-    intent: "primary",
-    isActive: !0,
-    isDisabled: !0,
-    class: "bg-primary-300 text-primary-100"
-  },
-  {
-    intent: "secondary",
-    isActive: !0,
-    isDisabled: !1,
-    class: "bg-primary-500 text-primary-50"
-  },
-  {
-    intent: "secondary",
-    isActive: !0,
-    isDisabled: !0,
-    class: "bg-primary-100 text-primary-300"
-  },
-  {
-    intent: "minimal",
-    isActive: !0,
-    isDisabled: !1,
-    class: "text-primary-500"
-  },
-  {
-    intent: "minimal",
-    isActive: !0,
-    isDisabled: !0,
-    class: "text-neutral-700"
-  },
-  {
-    intent: "error",
-    isActive: !0,
-    isDisabled: !1,
-    class: "bg-error-700 text-error-50"
-  },
-  {
-    intent: "error",
-    isActive: !0,
-    isDisabled: !0,
-    class: "bg-error-300 text-error-100"
-  }
-], i = [
-  {
-    intent: "primary",
-    isDisabled: !0,
-    isActive: !1,
-    class: "text-neutral-600"
-  },
-  {
-    intent: "primary",
-    isDisabled: !0,
-    isActive: !0,
-    class: "bg-primary-300 text-primary-100"
-  },
-  {
-    intent: "secondary",
-    isDisabled: !0,
-    isActive: !1,
-    class: "bg-neutral-400 text-neutral-600"
-  },
-  {
-    intent: "secondary",
-    isDisabled: !0,
-    isActive: !0,
-    class: "bg-primary-100 text-primary-300"
-  },
-  {
-    intent: "minimal",
-    isDisabled: !0,
-    isActive: !1,
-    class: "text-neutral-600"
-  },
-  {
-    intent: "minimal",
-    isDisabled: !0,
-    isActive: !0,
-    class: "text-neutral-700"
-  },
-  {
-    intent: "error",
-    isDisabled: !0,
-    isActive: !1,
-    class: "text-neutral-600"
-  },
-  {
-    intent: "error",
-    isDisabled: !0,
-    isActive: !0,
-    class: "bg-error-300 text-primary-100"
-  }
-], a = e(
-  "inline-flex items-center justify-center rounded-lg border border-transparent transition duration-150 ease-in-out focus:outline-none",
-  {
-    variants: {
-      intent: {
-        primary: "bg-transparent text-primary-500",
-        secondary: "bg-primary-200 text-primary-500",
-        minimal: "bg-transparent text-neutral-700",
-        error: "bg-transparent text-error-500"
-      },
-      size: {
-        xxs: "p-1",
-        xs: "p-2",
-        sm: "p-2.5",
-        md: "p-3",
-        lg: "p-4"
-      },
-      isDisabled: {
-        true: "pointer-events-none cursor-not-allowed"
-      },
-      isHovered: {
-        true: ""
-      },
-      isActive: {
-        true: ""
-      },
-      isFocused: {
-        false: "",
-        true: "focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"
-      }
-    },
-    compoundVariants: [...t, ...r, ...i]
-  }
-);
+import { j as p } from "./index.es32.js";
+import { useRef as f } from "react";
+import { useTab as u } from "react-aria";
+import { cn as x } from "./index.es33.js";
+import { tabVariants as y } from "./index.es71.js";
+const D = (t) => {
+  const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);
+  return /* @__PURE__ */ p.jsx("div", { ...l, ref: o, className: b, id: a, children: c });
+};
 export {
-  a as buttonVariants
+  D as Tab
 };

package/dist/index.es7.js

@@ -1,100 +1,45 @@
-import { j as r } from "./index.es31.js";
-import { parseColor as h } from "@react-stately/color";
-import { useState as a, useEffect as w } from "react";
-import { ColorPicker as L, Label as R, DialogTrigger as T, Button as W, ColorSwatch as $, Popover as q, Dialog as G } from "react-aria-components";
-import { cn as J } from "./index.es32.js";
-import { ColorArea as K } from "./index.es50.js";
-import { ColorField as M } from "./index.es51.js";
-import { ColorSlider as Q } from "./index.es52.js";
-const ne = (v) => {
+import { j as r } from "./index.es32.js";
+import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
+import { cn as N } from "./index.es33.js";
+import { assistChipVariants as C } from "./index.es38.js";
+const q = (i) => {
   const {
-    value: l,
-    onChange: t,
-    className: F,
-    label: O,
-    onBlur: u,
-    onFocus: d,
-    isDisabled: m = !1,
-    isOpen: f,
-    defaultOpen: V,
-    onOpenChange: p,
-    ...I
-  } = v, x = l ? h(l).toFormat("hsb") : h("hsl(0, 100%, 50%)").toFormat("hsb"), [n, i] = a(x), [y, g] = a(x.getChannelValue("hue")), [N, s] = a("#" + n.toString("hex").slice(1)), [b, C] = a(!1), [P, A] = a(V ?? !1), j = f !== void 0, S = j ? f : P;
-  w(() => {
-    l && !b && s("#" + h(l).toString("hex").slice(1));
-  }, [l, b]), w(() => {
-    g(n.getChannelValue("hue"));
-  }, [n]);
-  const k = (e) => {
-    j || A(e), p == null || p(e);
-  }, D = (e) => {
-    let o = e.target.value;
-    o.startsWith("#") || (o = "#" + o);
-    const c = o.slice(1).replace(/[^0-9a-fA-F]/g, "").slice(0, 6);
-    if (s("#" + c), c.length === 6)
-      try {
-        const H = h("#" + c).toFormat("hsb");
-        i(H), t == null || t("#" + c);
-      } catch {
-      }
-  }, E = (e) => {
-    i(e.toFormat("hsb")), s("#" + e.toString("hex").slice(1)), t == null || t("#" + e.toString("hex").replace(/^#*/, ""));
-  }, z = (e) => {
-    g(e.getChannelValue("hue"));
-    const o = n.withChannelValue("hue", e.getChannelValue("hue"));
-    i(o), s("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
-  }, B = (e) => {
-    const o = e.withChannelValue("hue", y);
-    i(o), s("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
-  };
-  return /* @__PURE__ */ r.jsxs(L, { value: n, onChange: E, ...I, children: [
-    /* @__PURE__ */ r.jsx(R, { children: O }),
-    /* @__PURE__ */ r.jsxs(
-      "div",
-      {
-        className: J(
-          "flex w-80 items-center rounded border transition-colors",
-          S ? "border-primary-500 ring-1 ring-primary-500" : "focus-within:border-primary-500 focus-within:ring-1 focus-within:ring-primary-500",
-          F
-        ),
-        tabIndex: -1,
-        children: [
-          /* @__PURE__ */ r.jsxs(T, { isOpen: S, onOpenChange: k, children: [
-            /* @__PURE__ */ r.jsx(
-              W,
-              {
-                isDisabled: m,
-                className: "border-none bg-transparent p-0 shadow-none focus:outline-none",
-                "aria-label": "Abrir selector de color",
-                children: /* @__PURE__ */ r.jsx($, { color: n, className: "mx-3 size-5 rounded-full border border-neutral-400" })
-              }
-            ),
-            /* @__PURE__ */ r.jsx(q, { placement: "bottom start", children: /* @__PURE__ */ r.jsxs(G, { className: "box-border flex min-w-48 flex-col gap-2 overflow-auto bg-white p-4 shadow-md outline-none", children: [
-              /* @__PURE__ */ r.jsx(K, { color: n, onChange: B }),
-              /* @__PURE__ */ r.jsx(Q, { color: n, onChange: z })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ r.jsx(
-            M,
-            {
-              isDisabled: m,
-              inputProps: {
-                value: N,
-                onChange: D,
-                onFocus: (e) => {
-                  C(!0), d == null || d(e);
-                },
-                onBlur: (e) => {
-                  C(!1), u == null || u(e);
-                }
-              }
-            }
-          )
-        ]
-      }
-    )
+    style: t = "square",
+    size: n = "sm",
+    pressable: s = !0,
+    isPressed: c = !1,
+    isDisabled: e = !1,
+    className: a,
+    icon: o,
+    text: l,
+    onPress: p
+  } = i, { pressProps: m, isPressed: d } = j({
+    onPress: s ? p : void 0,
+    isPressed: s ? c : !1,
+    isDisabled: e
+  }), { hoverProps: u, isHovered: P } = b({
+    isDisabled: e
+  }), { isFocusVisible: f, focusProps: x } = F(), h = N(
+    C({
+      style: t,
+      size: n,
+      pressable: s,
+      isPressed: s && d,
+      isDisabled: e,
+      isHovered: P,
+      isFocused: f
+    }),
+    a
+  ), v = s ? {
+    ...m,
+    ...x,
+    ...u
+  } : {};
+  return /* @__PURE__ */ r.jsxs("div", { role: s ? "button" : void 0, ...v, className: h, children: [
+    o ? /* @__PURE__ */ r.jsx("span", { className: "mr-1", children: o }) : null,
+    /* @__PURE__ */ r.jsx("span", { children: l })
   ] });
 };
 export {
-  ne as ColorPicker
+  q as AssistChip
 };

package/dist/index.es70.js

@@ -1,4 +1,12 @@
-var e = { exports: {} };
+import { j as m } from "./index.es32.js";
+import { useRef as l } from "react";
+import { useTabPanel as p } from "react-aria";
+import { cn as i } from "./index.es33.js";
+const P = (r) => {
+  var t;
+  const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
+  return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
+};
 export {
-  e as __module
+  P as TabPanel
 };

package/dist/index.es71.js

@@ -1,32 +1,47 @@
-import { __exports as t } from "./index.es92.js";
-import R from "react";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function v() {
-  if (p)
-    return t;
-  p = 1;
-  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(o, r, u) {
-    var e, n = {}, _ = null, f = null;
-    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
-    for (e in r)
-      c.call(r, e) && !y.hasOwnProperty(e) && (n[e] = r[e]);
-    if (o && o.defaultProps)
-      for (e in r = o.defaultProps, r)
-        n[e] === void 0 && (n[e] = r[e]);
-    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: d.current };
+import { cva as r } from "class-variance-authority";
+const t = r("flex h-full max-h-12", {
+  variants: {
+    orientation: {
+      horizontal: "flex-col",
+      vertical: "flex-row"
+    }
   }
-  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
-}
+}), a = r(
+  "group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
+  {
+    variants: {
+      isActive: {
+        true: "bg-primary-50 text-primary-500 ",
+        false: "text-primary-300 hover:text-primary-500 hover:border-primary-500"
+      },
+      isDisabledTab: {
+        true: "",
+        false: ""
+      },
+      orientation: {
+        horizontal: "border-b-2 border-transparent",
+        vertical: "border-r-2 border-transparent"
+      }
+    },
+    compoundVariants: [
+      {
+        isDisabledTab: !0,
+        orientation: "horizontal",
+        class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
+      },
+      {
+        isDisabledTab: !0,
+        orientation: "vertical",
+        class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
+      },
+      { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
+      { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
+      { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
+      { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
+    ]
+  }
+);
 export {
-  v as __require
+  a as tabVariants,
+  t as tabsVariants
 };