@simpli-route/apollo-ds 0.1.45 → 0.1.47

package/dist/index.es9.js

@@ -1,98 +1,101 @@
 import { j as e } from "./index.es38.js";
-import { OptionsIcon as q } from "./index.es39.js";
+import { OptionsIcon as J } from "./index.es40.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.es40.js";
-import { Loader as T } from "./index.es20.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 = ({
+import { useFilter as K, Button as Q, Select as T, Popover as U } from "react-aria-components";
+import { cn as p } from "./index.es39.js";
+import { Loader as W } from "./index.es20.js";
+import { PopoverContent as X } from "./index.es64.js";
+import { selectInputPopoverVariants as Y } from "./index.es45.js";
+import { filterButtonVariants as Z, filterButtonBadgeVariants as _ } from "./index.es46.js";
+const $ = ({
   renderPosition: t,
-  leftIcon: r,
-  rightIcon: p,
-  isLoading: l,
-  loaderPosition: o,
-  loaderProps: f
+  leftIcon: f,
+  rightIcon: r,
+  isLoading: n,
+  loaderPosition: l,
+  loaderProps: a
 }) => {
-  const a = t === "left" ? r : t === "right" ? p : null;
-  return a || l && o === t ? /* @__PURE__ */ e.jsx("span", { className: t === "left" ? "mr-1" : "ml-1", children: l && o === t ? /* @__PURE__ */ e.jsx(T, { size: "sm", ...f }) : a }) : null;
-}, ne = ({
+  const c = t === "left" ? f : t === "right" ? r : null;
+  return c || n && l === t ? /* @__PURE__ */ e.jsx("span", { className: t === "left" ? "mr-1" : "ml-1", children: n && l === t ? /* @__PURE__ */ e.jsx(W, { size: "sm", ...a }) : c }) : null;
+}, ae = ({
   leftIcon: t,
+  size: f = "md",
   isDisabled: r,
-  children: p,
+  children: n,
   className: l,
-  isLoading: o,
-  loaderPosition: f = "left",
-  loaderProps: a,
-  unstyled: C = !1,
-  isMobileFullWidth: F = !1,
-  hideBadgeFilterSelected: S = !1,
+  isLoading: a,
+  loaderPosition: c = "left",
+  loaderProps: C,
+  unstyled: F = !1,
+  isMobileFullWidth: S = !1,
+  hideBadgeFilterSelected: V = !1,
   items: s,
   value: x,
   onChange: j,
-  enableSearch: V = !1,
-  placeholderSearch: y = "Search",
-  classNameSearchField: O,
-  classNameSearchFieldInput: b,
-  classNamePopover: w,
+  enableSearch: y = !1,
+  placeholderSearch: O = "Search",
+  classNameSearchField: b,
+  classNameSearchFieldInput: w,
+  classNamePopover: A,
   "aria-label": v = "Filter",
-  classNameBadge: A,
-  ...P
+  classNameBadge: P,
+  placementPopover: z = "bottom start",
+  ...R
 }) => {
-  const { contains: z } = G({ sensitivity: "base" }), [m, u] = N(!1), [R, E] = N([]), g = x !== void 0, d = g ? x : R, B = s && d ? d.length : 0, h = B > 0, H = (n) => {
-    const c = n instanceof Set ? Array.from(n) : n;
-    g || E(c), j && j(c), u(!1);
-  }, M = () => {
+  const { contains: E } = K({ sensitivity: "base" }), [m, u] = N(!1), [H, M] = N([]), g = x !== void 0, d = g ? x : H, B = s && d ? d.length : 0, h = B > 0, k = (o) => {
+    const i = o instanceof Set ? Array.from(o) : o;
+    g || M(i), j && j(i), u(!1);
+  }, q = () => {
     s && u(!m);
   }, I = /* @__PURE__ */ e.jsxs(
-    J,
+    Q,
     {
       "data-disabled": r || void 0,
-      "data-loading": o || void 0,
+      "data-loading": a || void 0,
       isDisabled: r,
       ...s ? {} : { "aria-label": v },
-      className: ({ isHovered: n, isFocusVisible: c }) => i(
-        C ? "" : X({
+      className: ({ isHovered: o, isFocusVisible: i }) => p(
+        F ? "" : Z({
+          size: f,
           isActive: h,
-          isHovered: n,
-          isFocused: c,
+          isHovered: o,
+          isFocused: i,
           isPressed: s ? m : !1,
           isDisabled: r
         }),
         l
       ),
-      onPress: M,
-      ...P,
+      onPress: q,
+      ...R,
       children: [
         /* @__PURE__ */ e.jsx(
-          Z,
+          $,
           {
             renderPosition: "left",
-            loaderPosition: f,
-            loaderProps: a,
-            isLoading: o,
-            leftIcon: t || /* @__PURE__ */ e.jsx(q, { className: "size-[18px]" })
+            loaderPosition: c,
+            loaderProps: C,
+            isLoading: a,
+            leftIcon: t || /* @__PURE__ */ e.jsx(J, { className: "size-[18px]" })
           }
         ),
         /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: i("flex h-full items-center overflow-hidden whitespace-nowrap", F ? "w-full" : ""),
-            children: p
+            className: p("flex h-full items-center overflow-hidden whitespace-nowrap", S ? "w-full" : ""),
+            children: n
           }
         ),
-        h && !S && /* @__PURE__ */ e.jsx(
+        h && !V && /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: i(
-              Y({
+            className: p(
+              _({
                 isActive: h,
                 isHovered: !1,
                 isDisabled: r
               }),
               !r && "group-hover:bg-primary-500 group-hover:text-primary-100",
-              A
+              P
             ),
             children: B
           }
@@ -102,29 +105,29 @@ const Z = ({
   );
   if (!s)
     return I;
-  const k = {
+  const G = {
     selectionMode: "multiple",
     value: d,
-    onChange: H,
+    onChange: k,
     "aria-label": v
   };
-  return /* @__PURE__ */ e.jsxs(K, { ...k, children: [
+  return /* @__PURE__ */ e.jsxs(T, { ...G, children: [
     I,
     /* @__PURE__ */ e.jsx(
-      Q,
+      U,
       {
-        className: i(W(), "min-w-[200px]", w),
+        className: p(Y(), "min-w-[200px]", A),
         isOpen: m,
-        placement: "bottom start",
+        placement: z,
         onOpenChange: u,
         children: /* @__PURE__ */ e.jsx(
-          U,
+          X,
           {
-            enableSearch: V,
-            contains: z,
-            classNameSearchField: O,
-            classNameSearchFieldInput: b,
-            placeholderSearch: y,
+            enableSearch: y,
+            contains: E,
+            classNameSearchField: b,
+            classNameSearchFieldInput: w,
+            placeholderSearch: O,
             items: s
           }
         )
@@ -133,5 +136,5 @@ const Z = ({
   ] });
 };
 export {
-  ne as FilterButton
+  ae as FilterButton
 };

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.es40.js";
+import { cn as i } from "./index.es39.js";
 import { Tooltip as c } from "./index.es34.js";
 import { TooltipTrigger as d } from "./index.es35.js";
 const y = ({

package/dist/style.css

@@ -1017,9 +1017,6 @@ select {
 .h-1 {
   height: 0.25rem;
 }
-.h-10 {
-  height: 2.5rem;
-}
 .h-12 {
   height: 3rem;
 }

package/package.json

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