@simpli-route/apollo-ds 0.1.44 → 0.1.45

package/dist/index.es71.js

@@ -1,90 +1,165 @@
-import { j as e } from "./index.es38.js";
-import { CrossCircleIcon as w } from "./index.es40.js";
-import { Button as C, SelectValue as N } from "react-aria-components";
-import { cn as r } from "./index.es39.js";
-import { selectInputButtonVariants as v, selectInputBadgeVariants as B } from "./index.es49.js";
-const $ = ({
-  ref: i,
-  isOpen: c,
-  setIsOpen: u,
-  size: n,
-  isDisabled: t,
-  classNameButton: p,
-  selectionMode: f,
-  maxLengthTextOption: m,
-  handleDeleteOptionSelected: h,
-  placeholder: d
-}) => /* @__PURE__ */ e.jsxs(
-  C,
-  {
-    ref: i,
-    className: ({ isFocusVisible: l, isHovered: a }) => r(
-      v({
-        size: n,
-        isDisabled: t,
-        isFocusVisible: l,
-        isHovered: a
-      }),
-      p
-    ),
-    onPress: () => u(!c),
-    children: [
-      /* @__PURE__ */ e.jsx(N, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: l, selectedText: a, isPlaceholder: j }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: f === "multiple" && l && l.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: l.filter((s) => s != null).map((s) => {
-        const o = s.label, g = o.length > m ? `${o.slice(0, m)}...` : o, x = s.value;
-        return /* @__PURE__ */ e.jsxs("div", { className: r(B({ size: n, isDisabled: t })), children: [
-          /* @__PURE__ */ e.jsx("span", { children: g }),
-          /* @__PURE__ */ e.jsx(
-            C,
-            {
-              className: r("outline-none", t ? "cursor-not-allowed" : ""),
-              isDisabled: t,
-              slot: null,
-              onPress: () => h(x),
-              children: /* @__PURE__ */ e.jsx(
-                w,
-                {
-                  className: r(
-                    "text-primary-800",
-                    t ? "text-neutral-600" : "",
-                    n === "xs" || n === "sm" ? "size-3" : "size-4"
-                  )
-                }
-              )
-            }
-          )
-        ] }, x);
-      }) }) : /* @__PURE__ */ e.jsx(
-        "span",
-        {
-          className: r(
-            "flex-1 truncate text-left",
-            j ? "text-neutral-600" : "",
-            t ? "text-neutral-700" : ""
-          ),
-          children: a || d
-        }
-      ) }) }),
-      /* @__PURE__ */ e.jsx(
-        "svg",
-        {
-          className: `${c ? "rotate-180" : ""} transition-transform duration-100`,
-          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"
-            }
-          )
-        }
-      )
-    ]
+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]
   }
 );
 export {
-  $ as SelectContent
+  a as buttonVariants
 };

package/dist/index.es75.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es38.js";
-import { cn as c } from "./index.es39.js";
+import { cn as c } from "./index.es40.js";
 const i = ({
   label: e,
   description: x,

package/dist/index.es76.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es38.js";
-import { cn as m } from "./index.es39.js";
-import { indicatorVariants as n } from "./index.es61.js";
+import { cn as m } from "./index.es40.js";
+import { indicatorVariants as n } from "./index.es58.js";
 const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
   "div",
   {

package/dist/index.es77.js

@@ -1,7 +1,7 @@
 import { j as p } from "./index.es38.js";
 import { useRef as f } from "react";
 import { useTab as u } from "react-aria";
-import { cn as x } from "./index.es39.js";
+import { cn as x } from "./index.es40.js";
 import { tabVariants as y } from "./index.es79.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);

package/dist/index.es78.js

@@ -1,7 +1,7 @@
 import { j as m } from "./index.es38.js";
 import { useRef as l } from "react";
 import { useTabPanel as p } from "react-aria";
-import { cn as i } from "./index.es39.js";
+import { cn as i } from "./index.es40.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);

package/dist/index.es8.js

@@ -2,10 +2,10 @@ import { j as r } from "./index.es38.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.es39.js";
-import { ColorArea as K } from "./index.es44.js";
-import { ColorField as M } from "./index.es45.js";
-import { ColorSlider as Q } from "./index.es46.js";
+import { cn as J } from "./index.es40.js";
+import { ColorArea as K } from "./index.es62.js";
+import { ColorField as M } from "./index.es63.js";
+import { ColorSlider as Q } from "./index.es64.js";
 const ne = (v) => {
   const {
     value: l,

package/dist/index.es82.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index.es101.js";
+import { __exports as t } from "./index.es100.js";
 import R from "react";
 /**
  * @license React

package/dist/index.es83.js

@@ -1,4 +1,4 @@
-import { __exports as R } from "./index.es102.js";
+import { __exports as R } from "./index.es101.js";
 import tr from "react";
 /**
  * @license React

package/dist/index.es9.js

@@ -1,12 +1,12 @@
 import { j as e } from "./index.es38.js";
-import { OptionsIcon as q } from "./index.es40.js";
+import { OptionsIcon as q } from "./index.es39.js";
 import { useState as N } from "react";
 import { useFilter as G, Button as J, Select as K, Popover as Q } from "react-aria-components";
-import { cn as i } from "./index.es39.js";
+import { cn as i } from "./index.es40.js";
 import { Loader as T } from "./index.es20.js";
-import { PopoverContent as U } from "./index.es66.js";
-import { selectInputPopoverVariants as W } from "./index.es49.js";
-import { filterButtonVariants as X, filterButtonBadgeVariants as Y } from "./index.es50.js";
+import { PopoverContent as U } from "./index.es65.js";
+import { selectInputPopoverVariants as W } from "./index.es47.js";
+import { filterButtonVariants as X, filterButtonBadgeVariants as Y } from "./index.es48.js";
 const Z = ({
   renderPosition: t,
   leftIcon: r,

package/dist/index.es99.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es38.js";
 import { SliderThumb as m } from "react-aria-components";
-import { cn as i } from "./index.es39.js";
+import { cn as i } from "./index.es40.js";
 import { Tooltip as c } from "./index.es34.js";
 import { TooltipTrigger as d } from "./index.es35.js";
 const y = ({

package/package.json

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