@simpli-route/apollo-ds 0.1.27 → 0.1.28

package/dist/index.es59.js

@@ -1,21 +1,20 @@
-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 t from "./index.es79.js";
+import s from "@simpli-route/tailwind-preset";
+import o from "./index.es80.js";
+import e from "./index.es81.js";
+const { fontFamily: i } = t, l = {
+  presets: [s],
+  mode: "jit",
+  content: ["./index.html", "./node_modules/@simpli-route/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ["var(--font-open-sans)", ...i.sans]
+      }
+    }
+  },
+  plugins: [o, e]
+};
 export {
-  w as D
+  l as default
 };

package/dist/index.es6.js

@@ -1,41 +1,45 @@
-import { j as o } from "./index.es24.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.es26.js";
-import { buttonVariants as C } from "./index.es29.js";
-function I(r, i) {
-  const [a, c] = B(r, i, j), {
-    intent: m = "secondary",
-    size: f = "lg",
-    isDisabled: s = !1,
-    isActive: l = !1,
-    children: t,
-    className: p,
+import { j as r } from "./index.es27.js";
+import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
+import { cn as N } from "./index.es28.js";
+import { assistChipVariants as C } from "./index.es31.js";
+const q = (i) => {
+  const {
+    style: t = "square",
+    size: n = "sm",
+    pressable: s = !0,
+    isPressed: c = !1,
+    isDisabled: e = !1,
+    className: a,
+    icon: o,
+    text: l,
+    onPress: p
+  } = i, { pressProps: m, isPressed: d } = j({
+    onPress: s ? p : void 0,
+    isPressed: s ? c : !1,
+    isDisabled: e
+  }), { hoverProps: u, isHovered: P } = b({
+    isDisabled: e
+  }), { isFocusVisible: f, focusProps: x } = F(), h = N(
+    C({
+      style: t,
+      size: n,
+      pressable: s,
+      isPressed: s && d,
+      isDisabled: e,
+      isHovered: P,
+      isFocused: f
+    }),
+    a
+  ), v = s ? {
+    ...m,
+    ...x,
     ...u
-  } = a, n = "flex h-full items-center overflow-hidden whitespace-nowrap";
-  return /* @__PURE__ */ o.jsx(
-    N,
-    {
-      ref: c,
-      className: ({ isPressed: e, isHovered: d, isFocusVisible: x }) => w(
-        C({
-          intent: m,
-          size: f,
-          isDisabled: s,
-          isActive: l || e,
-          isHovered: d,
-          isFocused: x
-        }),
-        p
-      ),
-      isDisabled: s,
-      ...u,
-      children: typeof t == "function" ? (e) => /* @__PURE__ */ o.jsx("span", { className: n + "p-2.", children: t(e) }) : /* @__PURE__ */ o.jsx("span", { className: n, children: t })
-    }
-  );
-}
-const g = h(I);
-g.displayName = "IconButton";
+  } : {};
+  return /* @__PURE__ */ r.jsxs("div", { role: s ? "button" : void 0, ...v, className: h, children: [
+    o ? /* @__PURE__ */ r.jsx("span", { className: "mr-1", children: o }) : null,
+    /* @__PURE__ */ r.jsx("span", { children: l })
+  ] });
+};
 export {
-  g as IconButton
+  q as AssistChip
 };

package/dist/index.es60.js

@@ -1,21 +1,151 @@
-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 { cva as s } from "class-variance-authority";
+const e = [
+  {
+    state: "pending",
+    isHovered: !0,
+    isDisabled: !1,
+    isPressed: !1,
+    class: "bg-neutral-600"
+  },
+  {
+    state: "inProgress",
+    isHovered: !0,
+    isDisabled: !1,
+    isPressed: !1,
+    class: "bg-blue-600"
+  },
+  {
+    state: "completed",
+    isHovered: !0,
+    isDisabled: !1,
+    isPressed: !1,
+    class: "bg-success-600"
+  },
+  {
+    state: "error",
+    isHovered: !0,
+    isDisabled: !1,
+    isPressed: !1,
+    class: "bg-error-600"
+  }
+], t = [
+  {
+    isDisabled: !0,
+    isPressed: !1,
+    class: "bg-neutral-600"
+  },
+  {
+    isDisabled: !1,
+    isPressed: !1,
+    state: "pending",
+    class: "bg-neutral-500"
+  },
+  {
+    isDisabled: !1,
+    isPressed: !1,
+    state: "inProgress",
+    class: "bg-blue-500"
+  },
+  {
+    isDisabled: !1,
+    isPressed: !1,
+    state: "completed",
+    class: "bg-success-500"
+  },
+  {
+    isDisabled: !1,
+    isPressed: !1,
+    state: "error",
+    class: "bg-error-500"
+  }
+], r = [
+  {
+    isPressed: !0,
+    isDisabled: !1,
+    state: "pending",
+    class: "bg-neutral-900"
+  },
+  {
+    isPressed: !0,
+    isDisabled: !1,
+    state: "inProgress",
+    class: "bg-blue-800"
+  },
+  {
+    isPressed: !0,
+    isDisabled: !1,
+    state: "completed",
+    class: "bg-success-800"
+  },
+  {
+    isPressed: !0,
+    isDisabled: !1,
+    state: "error",
+    class: "bg-error-800"
+  }
+], i = s(
+  "flex shrink-0 items-center justify-center rounded-full focus-visible:outline-0 focus:outline-0",
+  {
+    variants: {
+      size: {
+        xs: "size-8",
+        md: "size-[50px]"
+      },
+      state: {
+        pending: "",
+        inProgress: "",
+        completed: "",
+        error: ""
+      },
+      isDisabled: {
+        true: "",
+        false: ""
+      },
+      isHovered: {
+        true: "",
+        false: ""
+      },
+      isPressed: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [...e, ...t, ...r]
+  }
+), l = s("leading-5 tracking-wide font-normal text-black", {
+  variants: {
+    size: {
+      xs: "text-sm",
+      md: "text-md"
+    }
+  }
+}), d = s("flex items-center justify-center", {
+  variants: {
+    size: {
+      xs: "text-base size-4",
+      md: "text-lg size-[18px]"
+    },
+    state: {
+      pending: "text-neutral-50",
+      inProgress: "text-neutral-50",
+      completed: "text-neutral-50",
+      error: "text-neutral-50"
+    },
+    isHovered: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      state: "error",
+      isHovered: !0,
+      class: "text-error-600"
+    }
+  ]
+});
 export {
-  f as I
+  d as iconVariants,
+  l as labelVariants,
+  i as stepVariants
 };

package/dist/index.es61.js

@@ -1,23 +1,21 @@
-import t from "react";
-const e = t, a = ({
-  title: r,
-  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: o,
-  "aria-labelledby": n
-}, l), r ? /* @__PURE__ */ e.createElement("title", {
-  id: n
-}, 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;
+import { j as t } from "./index.es27.js";
+import { cn as c } from "./index.es28.js";
+const i = ({
+  label: e,
+  description: x,
+  errorMessage: s,
+  isDisabled: l,
+  isInvalid: r,
+  children: n,
+  renderLabelIcon: m
+}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+  e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
+    /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
+    m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
+  ] }) : n,
+  x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
+  r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
+] });
 export {
-  s as M
+  i as ContentSwitch
 };

package/dist/index.es62.js

@@ -1,23 +1,22 @@
-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;
+import { j as i } from "./index.es27.js";
+import { cn as m } from "./index.es28.js";
+import { indicatorVariants as n } from "./index.es39.js";
+const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: m(
+      n({
+        isSelected: r,
+        isDisabled: o,
+        size: a,
+        isHoveredWhenOff: f && !r
+      })
+    ),
+    style: {
+      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
+    }
+  }
+);
 export {
-  d as P
+  c as SwitchIndicator
 };

package/dist/index.es63.js

@@ -1,21 +1,4 @@
-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;
+var e = { exports: {} };
 export {
-  i as U
+  e as __module
 };

package/dist/index.es64.js

@@ -1,32 +1,32 @@
-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 { __exports as t } from "./index.es82.js";
+import R from "react";
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var p;
+function v() {
+  if (p)
+    return t;
+  p = 1;
+  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(o, r, u) {
+    var e, n = {}, _ = null, f = null;
+    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
+    for (e in r)
+      c.call(r, e) && !y.hasOwnProperty(e) && (n[e] = r[e]);
+    if (o && o.defaultProps)
+      for (e in r = o.defaultProps, r)
+        n[e] === void 0 && (n[e] = r[e]);
+    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: d.current };
   }
-});
+  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
+}
 export {
-  e as overlayVariants
+  v as __require
 };