@simpli-route/apollo-ds 0.1.64 → 0.1.66

package/dist/index.es119.js

@@ -1,6 +1,59 @@
-import { j as t } from "./index.es46.js";
-import { SearchIcon as e } from "./index.es48.js";
-const s = ({ icon: r }) => r ?? /* @__PURE__ */ t.jsx(e, { className: "size-6 text-neutral-700", "data-testid": "search-icon" });
+import { j as r } from "./index.es47.js";
+import { SliderThumb as m } from "react-aria-components";
+import { cn as i } from "./index.es49.js";
+import { Tooltip as c } from "./index.es43.js";
+import { TooltipTrigger as d } from "./index.es44.js";
+const y = ({
+  index: o,
+  valuePercent: n,
+  value: a,
+  suffix: p,
+  modeTooltip: g,
+  positionTooltip: t,
+  showTypeValue: s,
+  classNameThumb: e,
+  isHiddenValue: l
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
+    style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
+    children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
+      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
+        m,
+        {
+          index: o,
+          className: i(
+            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
+            e
+          )
+        }
+      ) }),
+      /* @__PURE__ */ r.jsxs(
+        c,
+        {
+          mode: g,
+          placement: t,
+          size: "sm",
+          className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
+          children: [
+            a,
+            p
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ r.jsx(
+      m,
+      {
+        index: o,
+        className: i(
+          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
+          e
+        )
+      }
+    )
+  }
+);
 export {
-  s as SearchIcon
+  y as SliderThumb
 };

package/dist/index.es12.js

@@ -1,8 +1,8 @@
-import { j as c } from "./index.es46.js";
+import { j as c } from "./index.es47.js";
 import { CheckIcon as h } from "./index.es48.js";
 import { useState as j } from "react";
 import { Button as S } from "react-aria-components";
-import { cn as n } from "./index.es47.js";
+import { cn as n } from "./index.es49.js";
 import { filterChipVariants as k } from "./index.es56.js";
 const C = ({
   size: t = "md",

package/dist/index.es120.js

@@ -1,5 +1,4 @@
-import { j as e } from "./index.es46.js";
-const o = ({ text: t }) => /* @__PURE__ */ e.jsx("div", { className: "max-h-60 overflow-auto p-4 text-center text-sm text-neutral-600", children: t ?? "No results found" });
+var r = {};
 export {
-  o as NoResultsMessage
+  r as __exports
 };

package/dist/index.es121.js

@@ -1,21 +1,4 @@
-import { j as t } from "./index.es46.js";
-import { ListBox as n, ListBoxItem as r } from "react-aria-components";
-import { searchOptionVariants as h } from "./index.es66.js";
-const m = ({
-  items: a,
-  onItemSelect: l
-}) => /* @__PURE__ */ t.jsx(n, { items: a, className: "max-h-60 overflow-auto outline-none", children: (o) => /* @__PURE__ */ t.jsx(
-  r,
-  {
-    id: o.id,
-    textValue: o.label,
-    className: ({ isDisabled: s, isSelected: i, isFocused: e }) => h({ isFocused: e, isSelected: i, isDisabled: s }),
-    onAction: l ? () => l(o.id) : void 0,
-    children: o.shouldHighlight ? /* @__PURE__ */ t.jsx("span", { children: o.highlightedParts.map(
-      (s, i) => s.highlight ? /* @__PURE__ */ t.jsx("span", { className: "font-bold text-neutral-900", children: s.text }, s.text + i) : s.text
-    ) }) : o.label
-  }
-) });
+var e = {};
 export {
-  m as SearchListBox
+  e as __exports
 };

package/dist/index.es122.js

@@ -1,59 +1,6 @@
-import { j as r } from "./index.es46.js";
-import { SliderThumb as m } from "react-aria-components";
-import { cn as i } from "./index.es47.js";
-import { Tooltip as c } from "./index.es42.js";
-import { TooltipTrigger as d } from "./index.es43.js";
-const y = ({
-  index: o,
-  valuePercent: n,
-  value: a,
-  suffix: p,
-  modeTooltip: g,
-  positionTooltip: t,
-  showTypeValue: s,
-  classNameThumb: e,
-  isHiddenValue: l
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        m,
-        {
-          index: o,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            e
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        c,
-        {
-          mode: g,
-          placement: t,
-          size: "sm",
-          className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            a,
-            p
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      m,
-      {
-        index: o,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          e
-        )
-      }
-    )
-  }
-);
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
 export {
-  y as SliderThumb
+  e as getDefaultExportFromCjs
 };

package/dist/index.es123.js

@@ -1,4 +1,28 @@
-var r = {};
-export {
-  r as __exports
-};
+import { __exports as i } from "./index.es124.js";
+import "./index.es132.js";
+import "./index.es133.js";
+import { __exports as l } from "./index.es134.js";
+import { __exports as s } from "./index.es135.js";
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), Object.defineProperty(t, "default", {
+    enumerable: !0,
+    get: function() {
+      return f;
+    }
+  });
+  const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
+  function r(e) {
+    return e && e.__esModule ? e : {
+      default: e
+    };
+  }
+  function f(...e) {
+    let [, ...u] = (0, n.default)(e[0]);
+    return (0, o.default)([
+      ...e,
+      ...u
+    ]);
+  }
+})(i);

package/dist/index.es125.js

@@ -1,6 +1,10 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+import { getDefaultExportFromCjs as t } from "./index.es122.js";
+import "./index.es136.js";
+import { __exports as a } from "./index.es137.js";
+let e = a;
+var o = (e.__esModule ? e : { default: e }).default;
+const r = /* @__PURE__ */ t(o);
 export {
-  e as getDefaultExportFromCjs
+  o as d,
+  r as default
 };

package/dist/index.es126.js

@@ -1,28 +1,342 @@
-import { __exports as i } from "./index.es127.js";
-import "./index.es131.js";
-import "./index.es132.js";
-import { __exports as l } from "./index.es133.js";
-import { __exports as s } from "./index.es134.js";
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return f;
+import { getDefaultExportFromCjs as h } from "./index.es122.js";
+import { m as k } from "./index.es138.js";
+import { p as y } from "./index.es139.js";
+import { d as v } from "./index.es125.js";
+import { c as x } from "./index.es140.js";
+const d = k, z = y, b = v, o = x, [C, { lineHeight: $ }] = b.fontSize.base, { spacing: e, borderWidth: f, borderRadius: u } = b;
+function r(a, n) {
+  return a.replace("<alpha-value>", `var(${n}, 1)`);
+}
+const j = z.withOptions(function(a = { strategy: void 0 }) {
+  return function({ addBase: n, addComponents: w, theme: t }) {
+    function g(s, i) {
+      let c = t(s);
+      return !c || c.includes("var(") ? i : c.replace("<alpha-value>", "1");
     }
-  });
-  const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
-  function r(e) {
-    return e && e.__esModule ? e : {
-      default: e
-    };
-  }
-  function f(...e) {
-    let [, ...u] = (0, n.default)(e[0]);
-    return (0, o.default)([
-      ...e,
-      ...u
-    ]);
-  }
-})(i);
+    const l = a.strategy === void 0 ? ["base", "class"] : [a.strategy], m = [
+      {
+        base: [
+          "[type='text']",
+          "input:where(:not([type]))",
+          "[type='email']",
+          "[type='url']",
+          "[type='password']",
+          "[type='number']",
+          "[type='date']",
+          "[type='datetime-local']",
+          "[type='month']",
+          "[type='search']",
+          "[type='tel']",
+          "[type='time']",
+          "[type='week']",
+          "[multiple]",
+          "textarea",
+          "select"
+        ],
+        class: [".form-input", ".form-textarea", ".form-select", ".form-multiselect"],
+        styles: {
+          appearance: "none",
+          "background-color": "#fff",
+          "border-color": r(
+            t("colors.gray.500", o.gray[500]),
+            "--tw-border-opacity"
+          ),
+          "border-width": f.DEFAULT,
+          "border-radius": u.none,
+          "padding-top": e[2],
+          "padding-right": e[3],
+          "padding-bottom": e[2],
+          "padding-left": e[3],
+          "font-size": C,
+          "line-height": $,
+          "--tw-shadow": "0 0 #0000",
+          "&:focus": {
+            outline: "2px solid transparent",
+            "outline-offset": "2px",
+            "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
+            "--tw-ring-offset-width": "0px",
+            "--tw-ring-offset-color": "#fff",
+            "--tw-ring-color": r(
+              t("colors.blue.600", o.blue[600]),
+              "--tw-ring-opacity"
+            ),
+            "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
+            "--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
+            "box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)",
+            "border-color": r(
+              t("colors.blue.600", o.blue[600]),
+              "--tw-border-opacity"
+            )
+          }
+        }
+      },
+      {
+        base: ["input::placeholder", "textarea::placeholder"],
+        class: [".form-input::placeholder", ".form-textarea::placeholder"],
+        styles: {
+          color: r(t("colors.gray.500", o.gray[500]), "--tw-text-opacity"),
+          opacity: "1"
+        }
+      },
+      {
+        base: ["::-webkit-datetime-edit-fields-wrapper"],
+        class: [".form-input::-webkit-datetime-edit-fields-wrapper"],
+        styles: {
+          padding: "0"
+        }
+      },
+      {
+        // Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
+        // This sucks because users can't change line-height with a utility on date inputs now.
+        // Reference: https://github.com/twbs/bootstrap/pull/31993
+        base: ["::-webkit-date-and-time-value"],
+        class: [".form-input::-webkit-date-and-time-value"],
+        styles: {
+          "min-height": "1.5em"
+        }
+      },
+      {
+        // In Safari on iOS date and time inputs are centered instead of left-aligned and can't be
+        // changed with `text-align` utilities on the input by default. Resetting this to `inherit`
+        // makes them left-aligned by default and makes it possible to override the alignment with
+        // utility classes without using an arbitrary variant to target the pseudo-elements.
+        base: ["::-webkit-date-and-time-value"],
+        class: [".form-input::-webkit-date-and-time-value"],
+        styles: {
+          "text-align": "inherit"
+        }
+      },
+      {
+        // In Safari on macOS date time inputs that are set to `display: block` have unexpected
+        // extra bottom spacing. This can be corrected by setting the `::-webkit-datetime-edit`
+        // pseudo-element to `display: inline-flex`, instead of the browser default of
+        // `display: inline-block`.
+        base: ["::-webkit-datetime-edit"],
+        class: [".form-input::-webkit-datetime-edit"],
+        styles: {
+          display: "inline-flex"
+        }
+      },
+      {
+        // In Safari on macOS date time inputs are 4px taller than normal inputs
+        // This is because there is extra padding on the datetime-edit and datetime-edit-{part}-field pseudo elements
+        // See https://github.com/tailwindlabs/tailwindcss-forms/issues/95
+        base: [
+          "::-webkit-datetime-edit",
+          "::-webkit-datetime-edit-year-field",
+          "::-webkit-datetime-edit-month-field",
+          "::-webkit-datetime-edit-day-field",
+          "::-webkit-datetime-edit-hour-field",
+          "::-webkit-datetime-edit-minute-field",
+          "::-webkit-datetime-edit-second-field",
+          "::-webkit-datetime-edit-millisecond-field",
+          "::-webkit-datetime-edit-meridiem-field"
+        ],
+        class: [
+          ".form-input::-webkit-datetime-edit",
+          ".form-input::-webkit-datetime-edit-year-field",
+          ".form-input::-webkit-datetime-edit-month-field",
+          ".form-input::-webkit-datetime-edit-day-field",
+          ".form-input::-webkit-datetime-edit-hour-field",
+          ".form-input::-webkit-datetime-edit-minute-field",
+          ".form-input::-webkit-datetime-edit-second-field",
+          ".form-input::-webkit-datetime-edit-millisecond-field",
+          ".form-input::-webkit-datetime-edit-meridiem-field"
+        ],
+        styles: {
+          "padding-top": 0,
+          "padding-bottom": 0
+        }
+      },
+      {
+        base: ["select"],
+        class: [".form-select"],
+        styles: {
+          "background-image": `url("${d(
+            `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="${g(
+              "colors.gray.500",
+              o.gray[500]
+            )}" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 8l4 4 4-4"/></svg>`
+          )}")`,
+          "background-position": `right ${e[2]} center`,
+          "background-repeat": "no-repeat",
+          "background-size": "1.5em 1.5em",
+          "padding-right": e[10],
+          "print-color-adjust": "exact"
+        }
+      },
+      {
+        base: ["[multiple]", '[size]:where(select:not([size="1"]))'],
+        class: ['.form-select:where([size]:not([size="1"]))'],
+        styles: {
+          "background-image": "initial",
+          "background-position": "initial",
+          "background-repeat": "unset",
+          "background-size": "initial",
+          "padding-right": e[3],
+          "print-color-adjust": "unset"
+        }
+      },
+      {
+        base: ["[type='checkbox']", "[type='radio']"],
+        class: [".form-checkbox", ".form-radio"],
+        styles: {
+          appearance: "none",
+          padding: "0",
+          "print-color-adjust": "exact",
+          display: "inline-block",
+          "vertical-align": "middle",
+          "background-origin": "border-box",
+          "user-select": "none",
+          "flex-shrink": "0",
+          height: e[4],
+          width: e[4],
+          color: r(t("colors.blue.600", o.blue[600]), "--tw-text-opacity"),
+          "background-color": "#fff",
+          "border-color": r(
+            t("colors.gray.500", o.gray[500]),
+            "--tw-border-opacity"
+          ),
+          "border-width": f.DEFAULT,
+          "--tw-shadow": "0 0 #0000"
+        }
+      },
+      {
+        base: ["[type='checkbox']"],
+        class: [".form-checkbox"],
+        styles: {
+          "border-radius": u.none
+        }
+      },
+      {
+        base: ["[type='radio']"],
+        class: [".form-radio"],
+        styles: {
+          "border-radius": "100%"
+        }
+      },
+      {
+        base: ["[type='checkbox']:focus", "[type='radio']:focus"],
+        class: [".form-checkbox:focus", ".form-radio:focus"],
+        styles: {
+          outline: "2px solid transparent",
+          "outline-offset": "2px",
+          "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
+          "--tw-ring-offset-width": "2px",
+          "--tw-ring-offset-color": "#fff",
+          "--tw-ring-color": r(
+            t("colors.blue.600", o.blue[600]),
+            "--tw-ring-opacity"
+          ),
+          "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
+          "--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
+          "box-shadow": "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)"
+        }
+      },
+      {
+        base: ["[type='checkbox']:checked", "[type='radio']:checked"],
+        class: [".form-checkbox:checked", ".form-radio:checked"],
+        styles: {
+          "border-color": "transparent",
+          "background-color": "currentColor",
+          "background-size": "100% 100%",
+          "background-position": "center",
+          "background-repeat": "no-repeat"
+        }
+      },
+      {
+        base: ["[type='checkbox']:checked"],
+        class: [".form-checkbox:checked"],
+        styles: {
+          "background-image": `url("${d(
+            '<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>'
+          )}")`,
+          "@media (forced-colors: active) ": {
+            appearance: "auto"
+          }
+        }
+      },
+      {
+        base: ["[type='radio']:checked"],
+        class: [".form-radio:checked"],
+        styles: {
+          "background-image": `url("${d(
+            '<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="3"/></svg>'
+          )}")`,
+          "@media (forced-colors: active) ": {
+            appearance: "auto"
+          }
+        }
+      },
+      {
+        base: [
+          "[type='checkbox']:checked:hover",
+          "[type='checkbox']:checked:focus",
+          "[type='radio']:checked:hover",
+          "[type='radio']:checked:focus"
+        ],
+        class: [
+          ".form-checkbox:checked:hover",
+          ".form-checkbox:checked:focus",
+          ".form-radio:checked:hover",
+          ".form-radio:checked:focus"
+        ],
+        styles: {
+          "border-color": "transparent",
+          "background-color": "currentColor"
+        }
+      },
+      {
+        base: ["[type='checkbox']:indeterminate"],
+        class: [".form-checkbox:indeterminate"],
+        styles: {
+          "background-image": `url("${d(
+            '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h8"/></svg>'
+          )}")`,
+          "border-color": "transparent",
+          "background-color": "currentColor",
+          "background-size": "100% 100%",
+          "background-position": "center",
+          "background-repeat": "no-repeat",
+          "@media (forced-colors: active) ": {
+            appearance: "auto"
+          }
+        }
+      },
+      {
+        base: ["[type='checkbox']:indeterminate:hover", "[type='checkbox']:indeterminate:focus"],
+        class: [".form-checkbox:indeterminate:hover", ".form-checkbox:indeterminate:focus"],
+        styles: {
+          "border-color": "transparent",
+          "background-color": "currentColor"
+        }
+      },
+      {
+        base: ["[type='file']"],
+        class: null,
+        styles: {
+          background: "unset",
+          "border-color": "inherit",
+          "border-width": "0",
+          "border-radius": "0",
+          padding: "0",
+          "font-size": "unset",
+          "line-height": "inherit"
+        }
+      },
+      {
+        base: ["[type='file']:focus"],
+        class: null,
+        styles: {
+          outline: ["1px solid ButtonText", "1px auto -webkit-focus-ring-color"]
+        }
+      }
+    ], p = (s) => m.map((i) => i[s] === null ? null : { [i[s]]: i.styles }).filter(Boolean);
+    l.includes("base") && n(p("base")), l.includes("class") && w(p("class"));
+  };
+});
+var B = j;
+const U = /* @__PURE__ */ h(B);
+export {
+  U as default
+};