@simpli-route/apollo-ds 0.1.80 → 0.1.82

package/dist/index.es99.js

@@ -1,47 +1,81 @@
-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"
-    }
-  }
-}), a = r(
-  "group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
+import { j as e } from "./index.es49.js";
+import { Button as d, SelectValue as g } from "react-aria-components";
+import { cn as i } from "./index.es51.js";
+import { Badge as j } from "./index.es6.js";
+import "./index.es7.js";
+import { selectInputButtonVariants as w } from "./index.es59.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,
   {
-    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" }
+    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
+    ),
+    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"
+            }
+          )
+        }
+      )
     ]
   }
 );
 export {
-  a as tabVariants,
-  t as tabsVariants
+  S as SelectContent
 };

package/package.json

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