@simpli-route/apollo-ds 0.1.34 → 0.1.36

package/dist/index.es96.js

@@ -1,21 +1,168 @@
-import { __exports as f } from "./index.es97.js";
-import "./index.es109.js";
-import { c as l } from "./index.es125.js";
-import { __exports as _ } from "./index.es120.js";
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return u;
+import { getDefaultExportFromCjs as r } from "./index.es91.js";
+import { p as o } from "./index.es104.js";
+const l = o;
+function e(a) {
+  return Object.fromEntries(
+    Object.entries(a).filter(([i]) => i !== "DEFAULT")
+  );
+}
+var s = l(
+  ({ addUtilities: a, matchUtilities: i, theme: n }) => {
+    a({
+      "@keyframes enter": n("keyframes.enter"),
+      "@keyframes exit": n("keyframes.exit"),
+      ".animate-in": {
+        animationName: "enter",
+        animationDuration: n("animationDuration.DEFAULT"),
+        "--tw-enter-opacity": "initial",
+        "--tw-enter-scale": "initial",
+        "--tw-enter-rotate": "initial",
+        "--tw-enter-translate-x": "initial",
+        "--tw-enter-translate-y": "initial"
+      },
+      ".animate-out": {
+        animationName: "exit",
+        animationDuration: n("animationDuration.DEFAULT"),
+        "--tw-exit-opacity": "initial",
+        "--tw-exit-scale": "initial",
+        "--tw-exit-rotate": "initial",
+        "--tw-exit-translate-x": "initial",
+        "--tw-exit-translate-y": "initial"
+      }
+    }), i(
+      {
+        "fade-in": (t) => ({ "--tw-enter-opacity": t }),
+        "fade-out": (t) => ({ "--tw-exit-opacity": t })
+      },
+      { values: n("animationOpacity") }
+    ), i(
+      {
+        "zoom-in": (t) => ({ "--tw-enter-scale": t }),
+        "zoom-out": (t) => ({ "--tw-exit-scale": t })
+      },
+      { values: n("animationScale") }
+    ), i(
+      {
+        "spin-in": (t) => ({ "--tw-enter-rotate": t }),
+        "spin-out": (t) => ({ "--tw-exit-rotate": t })
+      },
+      { values: n("animationRotate") }
+    ), i(
+      {
+        "slide-in-from-top": (t) => ({
+          "--tw-enter-translate-y": `-${t}`
+        }),
+        "slide-in-from-bottom": (t) => ({
+          "--tw-enter-translate-y": t
+        }),
+        "slide-in-from-left": (t) => ({
+          "--tw-enter-translate-x": `-${t}`
+        }),
+        "slide-in-from-right": (t) => ({
+          "--tw-enter-translate-x": t
+        }),
+        "slide-out-to-top": (t) => ({
+          "--tw-exit-translate-y": `-${t}`
+        }),
+        "slide-out-to-bottom": (t) => ({
+          "--tw-exit-translate-y": t
+        }),
+        "slide-out-to-left": (t) => ({
+          "--tw-exit-translate-x": `-${t}`
+        }),
+        "slide-out-to-right": (t) => ({
+          "--tw-exit-translate-x": t
+        })
+      },
+      { values: n("animationTranslate") }
+    ), i(
+      { duration: (t) => ({ animationDuration: t }) },
+      { values: e(n("animationDuration")) }
+    ), i(
+      { delay: (t) => ({ animationDelay: t }) },
+      { values: n("animationDelay") }
+    ), i(
+      { ease: (t) => ({ animationTimingFunction: t }) },
+      { values: e(n("animationTimingFunction")) }
+    ), a({
+      ".running": { animationPlayState: "running" },
+      ".paused": { animationPlayState: "paused" }
+    }), i(
+      { "fill-mode": (t) => ({ animationFillMode: t }) },
+      { values: n("animationFillMode") }
+    ), i(
+      { direction: (t) => ({ animationDirection: t }) },
+      { values: n("animationDirection") }
+    ), i(
+      { repeat: (t) => ({ animationIterationCount: t }) },
+      { values: n("animationRepeat") }
+    );
+  },
+  {
+    theme: {
+      extend: {
+        animationDelay: ({ theme: a }) => ({
+          ...a("transitionDelay")
+        }),
+        animationDuration: ({ theme: a }) => ({
+          0: "0ms",
+          ...a("transitionDuration")
+        }),
+        animationTimingFunction: ({ theme: a }) => ({
+          ...a("transitionTimingFunction")
+        }),
+        animationFillMode: {
+          none: "none",
+          forwards: "forwards",
+          backwards: "backwards",
+          both: "both"
+        },
+        animationDirection: {
+          normal: "normal",
+          reverse: "reverse",
+          alternate: "alternate",
+          "alternate-reverse": "alternate-reverse"
+        },
+        animationOpacity: ({ theme: a }) => ({
+          DEFAULT: 0,
+          ...a("opacity")
+        }),
+        animationTranslate: ({ theme: a }) => ({
+          DEFAULT: "100%",
+          ...a("translate")
+        }),
+        animationScale: ({ theme: a }) => ({
+          DEFAULT: 0,
+          ...a("scale")
+        }),
+        animationRotate: ({ theme: a }) => ({
+          DEFAULT: "30deg",
+          ...a("rotate")
+        }),
+        animationRepeat: {
+          0: "0",
+          1: "1",
+          infinite: "infinite"
+        },
+        keyframes: {
+          enter: {
+            from: {
+              opacity: "var(--tw-enter-opacity, 1)",
+              transform: "translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"
+            }
+          },
+          exit: {
+            to: {
+              opacity: "var(--tw-exit-opacity, 1)",
+              transform: "translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"
+            }
+          }
+        }
+      }
     }
-  });
-  const r = _, o = /* @__PURE__ */ n(l);
-  function n(e) {
-    return e && e.__esModule ? e : {
-      default: e
-    };
   }
-  const u = (0, r.cloneDeep)(o.default.theme);
-})(f);
+);
+const u = /* @__PURE__ */ r(s);
+export {
+  u as default
+};

package/dist/index.es97.js

@@ -1,4 +1,190 @@
-var e = {};
-export {
-  e as __exports
-};
+import { __exports as j } from "./index.es99.js";
+import "./index.es106.js";
+import "./index.es107.js";
+import "./index.es108.js";
+import "./index.es109.js";
+import "./index.es110.js";
+import "./index.es111.js";
+import "./index.es112.js";
+import "./index.es113.js";
+import "./index.es114.js";
+import "./index.es115.js";
+import "./index.es116.js";
+import "./index.es117.js";
+import { __exports as q } from "./index.es118.js";
+import { __exports as K } from "./index.es119.js";
+import { __exports as V } from "./index.es120.js";
+import { __exports as W } from "./index.es121.js";
+import { __exports as B } from "./index.es122.js";
+import { __exports as G } from "./index.es123.js";
+import { __exports as H } from "./index.es124.js";
+import { __exports as I } from "./index.es125.js";
+import { __exports as J } from "./index.es126.js";
+import { __exports as N } from "./index.es127.js";
+import { __exports as Q } from "./index.es128.js";
+import { __exports as X } from "./index.es129.js";
+(function(d) {
+  Object.defineProperty(d, "__esModule", {
+    value: !0
+  }), Object.defineProperty(d, "default", {
+    enumerable: !0,
+    get: function() {
+      return R;
+    }
+  });
+  const P = /* @__PURE__ */ s(V), v = /* @__PURE__ */ s(W), x = /* @__PURE__ */ s(B), A = /* @__PURE__ */ s(G), _ = q, m = X, y = K, l = /* @__PURE__ */ s(H), C = I, O = J, z = N, F = /* @__PURE__ */ s(Q);
+  function s(t) {
+    return t && t.__esModule ? t : {
+      default: t
+    };
+  }
+  function f(t) {
+    return typeof t == "function";
+  }
+  function a(t, ...r) {
+    let o = r.pop();
+    for (let e of r)
+      for (let n in e) {
+        let u = o(t[n], e[n]);
+        u === void 0 ? (0, l.default)(t[n]) && (0, l.default)(e[n]) ? t[n] = a({}, t[n], e[n], o) : t[n] = e[n] : t[n] = u;
+      }
+    return t;
+  }
+  const p = {
+    colors: A.default,
+    negative(t) {
+      return Object.keys(t).filter((r) => t[r] !== "0").reduce((r, o) => {
+        let e = (0, P.default)(t[o]);
+        return e !== void 0 && (r[`-${o}`] = e), r;
+      }, {});
+    },
+    breakpoints(t) {
+      return Object.keys(t).filter((r) => typeof t[r] == "string").reduce((r, o) => ({
+        ...r,
+        [`screen-${o}`]: t[o]
+      }), {});
+    }
+  };
+  function b(t, ...r) {
+    return f(t) ? t(...r) : t;
+  }
+  function w(t) {
+    return t.reduce((r, { extend: o }) => a(r, o, (e, n) => e === void 0 ? [
+      n
+    ] : Array.isArray(e) ? [
+      n,
+      ...e
+    ] : [
+      n,
+      e
+    ]), {});
+  }
+  function E(t) {
+    return {
+      ...t.reduce((r, o) => (0, _.defaults)(r, o), {}),
+      // In order to resolve n config objects, we combine all of their `extend` properties
+      // into arrays instead of objects so they aren't overridden.
+      extend: w(t)
+    };
+  }
+  function h(t, r) {
+    if (Array.isArray(t) && (0, l.default)(t[0]))
+      return t.concat(r);
+    if (Array.isArray(r) && (0, l.default)(r[0]) && (0, l.default)(t))
+      return [
+        t,
+        ...r
+      ];
+    if (Array.isArray(r))
+      return r;
+  }
+  function D({ extend: t, ...r }) {
+    return a(r, t, (o, e) => !f(o) && !e.some(f) ? a({}, o, ...e, h) : (n, u) => a({}, ...[
+      o,
+      ...e
+    ].map((i) => b(i, n, u)), h));
+  }
+  function* L(t) {
+    let r = (0, m.toPath)(t);
+    if (r.length === 0 || (yield r, Array.isArray(t)))
+      return;
+    let o = /^(.*?)\s*\/\s*([^/]+)$/, e = t.match(o);
+    if (e !== null) {
+      let [, n, u] = e, i = (0, m.toPath)(n);
+      i.alpha = u, yield i;
+    }
+  }
+  function U(t) {
+    const r = (o, e) => {
+      for (const n of L(o)) {
+        let u = 0, i = t;
+        for (; i != null && u < n.length; )
+          i = i[n[u++]], i = f(i) && (n.alpha === void 0 || u <= n.length - 1) ? i(r, p) : i;
+        if (i !== void 0) {
+          if (n.alpha !== void 0) {
+            let c = (0, O.parseColorFormat)(i);
+            return (0, z.withAlphaValue)(c, n.alpha, (0, F.default)(c));
+          }
+          return (0, l.default)(i) ? (0, C.cloneDeep)(i) : i;
+        }
+      }
+      return e;
+    };
+    return Object.assign(r, {
+      theme: r,
+      ...p
+    }), Object.keys(t).reduce((o, e) => (o[e] = f(t[e]) ? t[e](r, p) : t[e], o), {});
+  }
+  function g(t) {
+    let r = [];
+    return t.forEach((o) => {
+      r = [
+        ...r,
+        o
+      ];
+      var e;
+      const n = (e = o == null ? void 0 : o.plugins) !== null && e !== void 0 ? e : [];
+      n.length !== 0 && n.forEach((u) => {
+        u.__isOptionsFunction && (u = u());
+        var i;
+        r = [
+          ...r,
+          ...g([
+            (i = u == null ? void 0 : u.config) !== null && i !== void 0 ? i : {}
+          ])
+        ];
+      });
+    }), r;
+  }
+  function $(t) {
+    return [
+      ...t
+    ].reduceRight((o, e) => f(e) ? e({
+      corePlugins: o
+    }) : (0, x.default)(e, o), v.default);
+  }
+  function M(t) {
+    return [
+      ...t
+    ].reduceRight((o, e) => [
+      ...o,
+      ...e
+    ], []);
+  }
+  function R(t) {
+    let r = [
+      ...g(t),
+      {
+        prefix: "",
+        important: !1,
+        separator: ":"
+      }
+    ];
+    var o, e;
+    return (0, y.normalizeConfig)((0, _.defaults)({
+      theme: U(D(E(r.map((n) => (o = n == null ? void 0 : n.theme) !== null && o !== void 0 ? o : {})))),
+      corePlugins: $(r.map((n) => n.corePlugins)),
+      plugins: M(t.map((n) => (e = n == null ? void 0 : n.plugins) !== null && e !== void 0 ? e : []))
+    }, ...r));
+  }
+})(j);

package/dist/index.es98.js

@@ -1,45 +1,51 @@
-import { s as c } from "./index.es128.js";
-var t = c, o = {
-  whitespace: /\s+/g,
-  urlHexPairs: /%[\dA-F]{2}/g,
-  quotes: /"/g
-};
-function s(e) {
-  return e.trim().replace(o.whitespace, " ");
-}
-function n(e) {
-  return encodeURIComponent(e).replace(o.urlHexPairs, i);
-}
-function u(e) {
-  return Object.keys(t).forEach(function(r) {
-    t[r].test(e) && (e = e.replace(t[r], r));
-  }), e;
-}
-function i(e) {
-  switch (e) {
-    case "%20":
-      return " ";
-    case "%3D":
-      return "=";
-    case "%3A":
-      return ":";
-    case "%2F":
-      return "/";
-    default:
-      return e.toLowerCase();
+import { __exports as c } from "./index.es100.js";
+import { c as p } from "./index.es130.js";
+import "./index.es131.js";
+import { __exports as d } from "./index.es132.js";
+(function(r) {
+  Object.defineProperty(r, "__esModule", {
+    value: !0
+  }), Object.defineProperty(r, "default", {
+    enumerable: !0,
+    get: function() {
+      return a;
+    }
+  });
+  const o = /* @__PURE__ */ s(p), n = d;
+  function s(e) {
+    return e && e.__esModule ? e : {
+      default: e
+    };
   }
-}
-function a(e) {
-  if (typeof e != "string")
-    throw new TypeError("Expected a string, but received " + typeof e);
-  e.charCodeAt(0) === 65279 && (e = e.slice(1));
-  var r = u(s(e)).replace(o.quotes, "'");
-  return "data:image/svg+xml," + n(r);
-}
-a.toSrcset = function(r) {
-  return a(r).replace(/ /g, "%20");
-};
-var p = a;
-export {
-  p as m
-};
+  function a(e) {
+    var l;
+    const f = ((l = e == null ? void 0 : e.presets) !== null && l !== void 0 ? l : [
+      o.default
+    ]).slice().reverse().flatMap((t) => a(t instanceof Function ? t() : t)), i = {
+      // Add experimental configs here...
+      respectDefaultRingColorOpacity: {
+        theme: {
+          ringColor: ({ theme: t }) => ({
+            DEFAULT: "#3b82f67f",
+            ...t("colors")
+          })
+        }
+      },
+      disableColorOpacityUtilitiesByDefault: {
+        corePlugins: {
+          backgroundOpacity: !1,
+          borderOpacity: !1,
+          divideOpacity: !1,
+          placeholderOpacity: !1,
+          ringOpacity: !1,
+          textOpacity: !1
+        }
+      }
+    }, u = Object.keys(i).filter((t) => (0, n.flagEnabled)(e, t)).map((t) => i[t]);
+    return [
+      e,
+      ...u,
+      ...f
+    ];
+  }
+})(c);

package/dist/index.es99.js

@@ -1,7 +1,4 @@
-import "./index.es129.js";
-import { __exports as t } from "./index.es130.js";
-let e = t;
-var l = (e.__esModule ? e : { default: e }).default;
+var e = {};
 export {
-  l as p
+  e as __exports
 };

package/dist/stories/Breadcrumbs.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ items, className, onAction, linkComponent, hiddenIconArrow, isDisabled, classNameLink, classNameCurrentLink, ...props }: import('../components').BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element | null;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        className: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const TwoLevels: Story;
+export declare const FourLevels: Story;
+export declare const LongLabels: Story;
+export declare const WithNextLink: Story;

package/dist/stories/StatusChip.stories.d.ts

@@ -0,0 +1,35 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ size, label, variant, isSelected, isDisabled, className, onSelectionChange, onPress, ...props }: import('../components').StatusChipProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        isDisabled: {
+            control: "boolean";
+        };
+        label: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Disabled: Story;
+export declare const WithStateManagement: Story;

package/dist/style.css

@@ -1186,6 +1186,9 @@ select {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+.\!cursor-not-allowed {
+  cursor: not-allowed !important;
+}
 .cursor-default {
   cursor: default;
 }
@@ -1230,6 +1233,12 @@ select {
 .justify-between {
   justify-content: space-between;
 }
+.gap-0 {
+  gap: 0px;
+}
+.gap-0\.5 {
+  gap: 0.125rem;
+}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1359,6 +1368,14 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(212 219 255 / var(--tw-border-opacity));
 }
+.border-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(80 108 251 / var(--tw-border-opacity));
+}
+.border-error-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(232 100 88 / var(--tw-border-opacity));
+}
 .border-error-500 {
   --tw-border-opacity: 1;
   border-color: rgb(204 64 51 / var(--tw-border-opacity));
@@ -1423,6 +1440,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(9 129 189 / var(--tw-border-opacity));
 }
+.border-success-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(67 208 149 / var(--tw-border-opacity));
+}
 .border-success-500 {
   --tw-border-opacity: 1;
   border-color: rgb(31 181 118 / var(--tw-border-opacity));
@@ -1438,6 +1459,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
+.border-yellow-warning-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 220 115 / var(--tw-border-opacity));
+}
 .\!bg-neutral-50 {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
@@ -1446,6 +1471,10 @@ select {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(230 227 255 / var(--tw-bg-opacity)) !important;
 }
+.bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 219 255 / var(--tw-bg-opacity));
+}
 .bg-blue-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(168 180 240 / var(--tw-bg-opacity));
@@ -1478,6 +1507,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(251 228 226 / var(--tw-bg-opacity));
 }
+.bg-error-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 207 203 / var(--tw-bg-opacity));
+}
 .bg-error-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(244 162 154 / var(--tw-bg-opacity));
@@ -1628,6 +1661,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(114 218 174 / var(--tw-bg-opacity));
 }
+.bg-success-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(233 254 245 / var(--tw-bg-opacity));
+}
 .bg-success-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(31 181 118 / var(--tw-bg-opacity));
@@ -1666,6 +1703,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(255 242 204 / var(--tw-bg-opacity));
 }
+.bg-yellow-warning-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 236 179 / var(--tw-bg-opacity));
+}
 .bg-yellow-warning-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 229 152 / var(--tw-bg-opacity));
@@ -1923,10 +1964,22 @@ select {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(80 108 251 / var(--tw-text-opacity));
+}
 .text-blue-50 {
   --tw-text-opacity: 1;
   color: rgb(246 248 252 / var(--tw-text-opacity));
 }
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(38 68 217 / var(--tw-text-opacity));
+}
+.text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgb(27 48 152 / var(--tw-text-opacity));
+}
 .text-blue-800 {
   --tw-text-opacity: 1;
   color: rgb(14 27 91 / var(--tw-text-opacity));
@@ -2063,6 +2116,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
+.text-yellow-warning-800 {
+  --tw-text-opacity: 1;
+  color: rgb(146 109 0 / var(--tw-text-opacity));
+}
 .text-yellow-warning-900 {
   --tw-text-opacity: 1;
   color: rgb(111 87 17 / var(--tw-text-opacity));

package/package.json

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