@simpli-route/apollo-ds 0.1.13 → 0.1.14

package/dist/index.es48.js

@@ -1,18 +1,22 @@
 import { cva as r } from "class-variance-authority";
-const e = r("flex h-full max-h-12", {
+const t = r("flex h-full max-h-12", {
   variants: {
     orientation: {
       horizontal: "flex-col",
       vertical: "flex-row"
     }
   }
-}), i = r(
-  "group inline-flex cursor-pointer items-center px-4 py-3 text-base font-semibold focus-visible:outline-none",
+}), 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-600 ",
-        false: "text-neutral-500 hover:text-primary-900"
+        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",
@@ -20,14 +24,24 @@ const e = r("flex h-full max-h-12", {
       }
     },
     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-200" },
+      { 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 {
-  i as tabVariants,
-  e as tabsVariants
+  a as tabVariants,
+  t as tabsVariants
 };

package/dist/index.es5.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es21.js";
 import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
 import { cn as N } from "./index.es22.js";
-import { assistChipVariants as C } from "./index.es24.js";
+import { assistChipVariants as C } from "./index.es26.js";
 const q = (i) => {
   const {
     style: t = "square",

package/dist/index.es52.js

@@ -1,21 +1,32 @@
-import t from "react";
-const e = t, l = ({
-  title: r,
-  titleId: a,
-  ...o
-}, n) => /* @__PURE__ */ e.createElement("svg", Object.assign({
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  ref: n,
-  "aria-labelledby": a
-}, o), r ? /* @__PURE__ */ e.createElement("title", {
-  id: a
-}, r) : null, /* @__PURE__ */ e.createElement("path", {
-  d: "M22 7.838a.83.83 0 0 1-.242.592l-6.807 6.807a4.167 4.167 0 0 1-5.899 0L2.245 8.43a.837.837 0 0 1 1.183-1.184l6.807 6.808a2.5 2.5 0 0 0 3.533 0l6.807-6.808A.833.833 0 0 1 22 7.838"
-})), c = e.forwardRef(l);
-var w = c;
+import { cva as l } from "class-variance-authority";
+const e = l("absolute inset-0 z-[1000px] overflow-hidden", {
+  variants: {
+    opacity: {
+      sm: "bg-neutral-50/10",
+      md: "bg-neutral-50/20",
+      lg: "bg-neutral-50/30",
+      xl: "bg-neutral-50/50",
+      "2xl": "bg-neutral-50/60",
+      "3xl": "bg-neutral-50/75"
+    },
+    fixed: {
+      true: "fixed",
+      false: ""
+    },
+    center: {
+      true: "flex items-center justify-center",
+      false: ""
+    },
+    blur: {
+      sm: "backdrop-blur-sm",
+      md: "backdrop-blur-md",
+      lg: "backdrop-blur-lg",
+      xl: "backdrop-blur-xl",
+      "2xl": "backdrop-blur-2xl",
+      "3xl": "backdrop-blur-3xl"
+    }
+  }
+});
 export {
-  w as D
+  e as overlayVariants
 };

package/dist/index.es53.js

@@ -1,21 +1,58 @@
-import n from "react";
-const e = n, l = ({
-  title: r,
-  titleId: a,
-  ...o
-}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
-  fill: "currentColor",
-  "aria-hidden": "true",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  ref: t,
-  "aria-labelledby": a
-}, o), r ? /* @__PURE__ */ e.createElement("title", {
-  id: a
-}, r) : null, /* @__PURE__ */ e.createElement("path", {
-  d: "M11.999 2C17.522 2 22 6.477 22 12s-4.478 10-10.001 10S2 17.523 2 12C1.999 6.478 6.476 2 11.999 2m0 1.5a8.501 8.501 0 1 0 0 17 8.501 8.501 0 0 0 0-17m-.004 6.999a.75.75 0 0 1 .744.648l.007.102.004 5.5a.75.75 0 0 1-1.494.103l-.006-.101-.004-5.501a.75.75 0 0 1 .75-.75zM12 7.002A1 1 0 1 1 12.063 9 1 1 0 0 1 12 7.002"
-})), c = e.forwardRef(l);
-var f = c;
+import { j as r } from "./index.es21.js";
+import { SliderThumb as l } from "react-aria-components";
+import { cn as i } from "./index.es22.js";
+import { Tooltip as d } from "./index.es17.js";
+import { TooltipTrigger as g } from "./index.es18.js";
+const j = ({
+  index: e,
+  valuePercent: m,
+  value: n,
+  suffix: a,
+  modeTooltip: p,
+  positionTooltip: o,
+  showTypeValue: s,
+  classNameThumb: t
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: i("absolute", s === "tooltip" ? "top-[-6px]" : "top-1/2"),
+    style: { left: `${m * 100}%`, transform: "translate(-50%, -50%)" },
+    children: s === "tooltip" ? /* @__PURE__ */ r.jsxs(g, { closeDelay: 100, delay: 100, children: [
+      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
+        l,
+        {
+          index: e,
+          className: i(
+            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
+            t
+          )
+        }
+      ) }),
+      /* @__PURE__ */ r.jsxs(
+        d,
+        {
+          mode: p,
+          placement: o,
+          size: "sm",
+          className: i("!text-sm", o === "top" ? "!mb-6" : "!mt-6"),
+          children: [
+            n,
+            a
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ r.jsx(
+      l,
+      {
+        index: e,
+        className: i(
+          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
+          t
+        )
+      }
+    )
+  }
+);
 export {
-  f as I
+  j as SliderThumb
 };

package/dist/index.es54.js

@@ -1,23 +1,21 @@
 import t from "react";
-const e = t, a = ({
+const e = t, l = ({
   title: r,
-  titleId: n,
-  ...l
-}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  titleId: a,
+  ...o
+}, n) => /* @__PURE__ */ e.createElement("svg", Object.assign({
   fill: "currentColor",
   "aria-hidden": "true",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  ref: o,
-  "aria-labelledby": n
-}, l), r ? /* @__PURE__ */ e.createElement("title", {
-  id: n
+  ref: n,
+  "aria-labelledby": a
+}, o), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
 }, r) : null, /* @__PURE__ */ e.createElement("path", {
-  fillRule: "evenodd",
-  d: "M2 11.85c0-.47.35-.85.783-.85h18.434c.432 0 .783.38.783.85s-.35.85-.783.85H2.783c-.432 0-.783-.38-.783-.85",
-  clipRule: "evenodd"
-})), c = e.forwardRef(a);
-var s = c;
+  d: "M22 7.838a.83.83 0 0 1-.242.592l-6.807 6.807a4.167 4.167 0 0 1-5.899 0L2.245 8.43a.837.837 0 0 1 1.183-1.184l6.807 6.808a2.5 2.5 0 0 0 3.533 0l6.807-6.808A.833.833 0 0 1 22 7.838"
+})), c = e.forwardRef(l);
+var w = c;
 export {
-  s as M
+  w as D
 };

package/dist/index.es55.js

@@ -1,23 +1,21 @@
-import t from "react";
-const e = t, n = ({
+import n from "react";
+const e = n, l = ({
   title: r,
   titleId: a,
-  ...l
-}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  ...o
+}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
   fill: "currentColor",
   "aria-hidden": "true",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  ref: o,
+  ref: t,
   "aria-labelledby": a
-}, l), r ? /* @__PURE__ */ e.createElement("title", {
+}, o), r ? /* @__PURE__ */ e.createElement("title", {
   id: a
 }, r) : null, /* @__PURE__ */ e.createElement("path", {
-  fillRule: "evenodd",
-  d: "M11.885 2c.433 0 .783.35.783.783v8.434h8.549a.783.783 0 1 1 0 1.566h-8.549v8.434a.783.783 0 1 1-1.567 0v-8.434H2.783a.783.783 0 1 1 0-1.566h8.318V2.783c0-.432.351-.783.784-.783",
-  clipRule: "evenodd"
-})), c = e.forwardRef(n);
-var d = c;
+  d: "M11.999 2C17.522 2 22 6.477 22 12s-4.478 10-10.001 10S2 17.523 2 12C1.999 6.478 6.476 2 11.999 2m0 1.5a8.501 8.501 0 1 0 0 17 8.501 8.501 0 0 0 0-17m-.004 6.999a.75.75 0 0 1 .744.648l.007.102.004 5.5a.75.75 0 0 1-1.494.103l-.006-.101-.004-5.501a.75.75 0 0 1 .75-.75zM12 7.002A1 1 0 1 1 12.063 9 1 1 0 0 1 12 7.002"
+})), c = e.forwardRef(l);
+var f = c;
 export {
-  d as P
+  f as I
 };

package/dist/index.es56.js

@@ -1,21 +1,23 @@
-import l from "react";
-const e = l, n = ({
+import t from "react";
+const e = t, a = ({
   title: r,
-  titleId: a,
-  ...o
-}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  titleId: n,
+  ...l
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
   fill: "currentColor",
   "aria-hidden": "true",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
-  ref: t,
-  "aria-labelledby": a
-}, o), r ? /* @__PURE__ */ e.createElement("title", {
-  id: a
+  ref: o,
+  "aria-labelledby": n
+}, l), r ? /* @__PURE__ */ e.createElement("title", {
+  id: n
 }, r) : null, /* @__PURE__ */ e.createElement("path", {
-  d: "M2 15.892a.83.83 0 0 1 .242-.591l6.807-6.807a4.166 4.166 0 0 1 5.899 0l6.807 6.806a.835.835 0 0 1-.912 1.365.8.8 0 0 1-.271-.181l-6.807-6.807a2.5 2.5 0 0 0-3.533 0l-6.807 6.806A.833.833 0 0 1 2 15.893Z"
-})), c = e.forwardRef(n);
-var i = c;
+  fillRule: "evenodd",
+  d: "M2 11.85c0-.47.35-.85.783-.85h18.434c.432 0 .783.38.783.85s-.35.85-.783.85H2.783c-.432 0-.783-.38-.783-.85",
+  clipRule: "evenodd"
+})), c = e.forwardRef(a);
+var s = c;
 export {
-  i as U
+  s as M
 };

package/dist/index.es57.js

@@ -1,32 +1,23 @@
-import { cva as l } from "class-variance-authority";
-const e = l("absolute inset-0 z-[1000px] overflow-hidden", {
-  variants: {
-    opacity: {
-      sm: "bg-neutral-50/10",
-      md: "bg-neutral-50/20",
-      lg: "bg-neutral-50/30",
-      xl: "bg-neutral-50/50",
-      "2xl": "bg-neutral-50/60",
-      "3xl": "bg-neutral-50/75"
-    },
-    fixed: {
-      true: "fixed",
-      false: ""
-    },
-    center: {
-      true: "flex items-center justify-center",
-      false: ""
-    },
-    blur: {
-      sm: "backdrop-blur-sm",
-      md: "backdrop-blur-md",
-      lg: "backdrop-blur-lg",
-      xl: "backdrop-blur-xl",
-      "2xl": "backdrop-blur-2xl",
-      "3xl": "backdrop-blur-3xl"
-    }
-  }
-});
+import t from "react";
+const e = t, n = ({
+  title: r,
+  titleId: a,
+  ...l
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: o,
+  "aria-labelledby": a
+}, l), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  fillRule: "evenodd",
+  d: "M11.885 2c.433 0 .783.35.783.783v8.434h8.549a.783.783 0 1 1 0 1.566h-8.549v8.434a.783.783 0 1 1-1.567 0v-8.434H2.783a.783.783 0 1 1 0-1.566h8.318V2.783c0-.432.351-.783.784-.783",
+  clipRule: "evenodd"
+})), c = e.forwardRef(n);
+var d = c;
 export {
-  e as overlayVariants
+  d as P
 };

package/dist/index.es58.js

@@ -1,58 +1,21 @@
-import { j as r } from "./index.es21.js";
-import { SliderThumb as l } from "react-aria-components";
-import { cn as i } from "./index.es22.js";
-import { Tooltip as d } from "./index.es17.js";
-import { TooltipTrigger as g } from "./index.es18.js";
-const j = ({
-  index: e,
-  valuePercent: m,
-  value: n,
-  suffix: a,
-  modeTooltip: p,
-  positionTooltip: o,
-  showTypeValue: s,
-  classNameThumb: t
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: i("absolute", s === "tooltip" ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${m * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" ? /* @__PURE__ */ r.jsxs(g, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        l,
-        {
-          index: e,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            t
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        d,
-        {
-          mode: p,
-          placement: o,
-          size: "sm",
-          className: i("!text-sm", o === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            n,
-            a
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      l,
-      {
-        index: e,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          t
-        )
-      }
-    )
-  }
-);
+import l from "react";
+const e = l, n = ({
+  title: r,
+  titleId: a,
+  ...o
+}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: t,
+  "aria-labelledby": a
+}, o), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "M2 15.892a.83.83 0 0 1 .242-.591l6.807-6.807a4.166 4.166 0 0 1 5.899 0l6.807 6.806a.835.835 0 0 1-.912 1.365.8.8 0 0 1-.271-.181l-6.807-6.807a2.5 2.5 0 0 0-3.533 0l-6.807 6.806A.833.833 0 0 1 2 15.893Z"
+})), c = e.forwardRef(n);
+var i = c;
 export {
-  j as SliderThumb
+  i as U
 };

package/dist/index.es6.js

@@ -2,7 +2,7 @@ import { j as o } from "./index.es21.js";
 import { forwardRef as h } from "react";
 import { useContextProps as B, ButtonContext as j, Button as N } from "react-aria-components";
 import { cn as w } from "./index.es22.js";
-import { buttonVariants as C } from "./index.es35.js";
+import { buttonVariants as C } from "./index.es45.js";
 function I(r, i) {
   const [a, c] = B(r, i, j), {
     intent: m = "secondary",

package/dist/index.es7.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es21.js";
-import { InfoIcon as p } from "./index.es34.js";
+import { InfoIcon as p } from "./index.es44.js";
 import { forwardRef as u } from "react";
 import { useContextProps as d, LabelContext as b, Label as j } from "react-aria-components";
 import { cn as L } from "./index.es22.js";

package/dist/index.es9.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es21.js";
 import { forwardRef as x } from "react";
 import { cn as y } from "./index.es22.js";
 import { Loader as f } from "./index.es8.js";
-import { Overlay as u } from "./index.es37.js";
+import { Overlay as u } from "./index.es35.js";
 const v = (s, a) => {
   const {
     className: l,

package/dist/style.css

@@ -1229,6 +1229,10 @@ select {
 .border-none {
   border-style: none;
 }
+.\!border-neutral-600 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(151 155 180 / var(--tw-border-opacity)) !important;
+}
 .border-error-500 {
   --tw-border-opacity: 1;
   border-color: rgb(204 64 51 / var(--tw-border-opacity));
@@ -1660,6 +1664,10 @@ select {
   --tw-text-opacity: 1 !important;
   color: rgb(246 248 252 / var(--tw-text-opacity)) !important;
 }
+.\!text-neutral-600 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(151 155 180 / var(--tw-text-opacity)) !important;
+}
 .\!text-neutral-700 {
   --tw-text-opacity: 1 !important;
   color: rgb(115 118 140 / var(--tw-text-opacity)) !important;
@@ -1768,6 +1776,9 @@ select {
   --tw-text-opacity: 1;
   color: rgb(111 87 17 / var(--tw-text-opacity));
 }
+.opacity-50 {
+  opacity: 0.5;
+}
 .opacity-70 {
   opacity: 0.7;
 }
@@ -2104,6 +2115,10 @@ select {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(31 181 118 / var(--tw-ring-opacity));
 }
+.hover\:border-primary-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(76 59 239 / var(--tw-border-opacity));
+}
 .hover\:border-primary-700:hover {
   --tw-border-opacity: 1;
   border-color: rgb(29 13 165 / var(--tw-border-opacity));
@@ -2116,9 +2131,9 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(29 13 165 / var(--tw-bg-opacity));
 }
-.hover\:text-primary-900:hover {
+.hover\:text-primary-500:hover {
   --tw-text-opacity: 1;
-  color: rgb(12 6 69 / var(--tw-text-opacity));
+  color: rgb(76 59 239 / var(--tw-text-opacity));
 }
 .focus\:border-error-500:focus {
   --tw-border-opacity: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "type": "module",
   "files": [
     "dist"