@simpli-route/apollo-ds 0.1.5 → 0.1.7

package/dist/index.es49.js

@@ -1,21 +1,21 @@
-import l from "react";
-const e = l, n = ({
+import t from "react";
+const e = t, l = ({
   title: r,
   titleId: a,
   ...o
-}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+}, 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: t,
+  ref: n,
   "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;
+  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;
 export {
-  i as U
+  w as D
 };

package/dist/index.es5.js

@@ -1,7 +1,7 @@
-import { j as r } from "./index.es18.js";
+import { j as r } from "./index.es19.js";
 import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
-import { cn as N } from "./index.es19.js";
-import { assistChipVariants as C } from "./index.es23.js";
+import { cn as N } from "./index.es20.js";
+import { assistChipVariants as C } from "./index.es24.js";
 const q = (i) => {
   const {
     style: t = "square",

package/dist/index.es50.js

@@ -1,32 +1,21 @@
-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 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;
 export {
-  e as overlayVariants
+  f as I
 };

package/dist/index.es51.js

@@ -1,58 +1,23 @@
-import { j as r } from "./index.es18.js";
-import { SliderThumb as l } from "react-aria-components";
-import { cn as i } from "./index.es19.js";
-import { Tooltip as d } from "./index.es14.js";
-import { TooltipTrigger as g } from "./index.es15.js";
-const j = ({
-  index: e,
-  valuePercent: m,
-  value: n,
-  suffix: a,
-  modeTooltip: p,
-  positionTooltip: o,
-  showTypeValue: s,
-  classNameThumb: t
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: i("absolute", s === "tooltip" ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${m * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" ? /* @__PURE__ */ r.jsxs(g, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        l,
-        {
-          index: e,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            t
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        d,
-        {
-          mode: p,
-          placement: o,
-          size: "sm",
-          className: i("!text-sm", o === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            n,
-            a
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      l,
-      {
-        index: e,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          t
-        )
-      }
-    )
-  }
-);
+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;
 export {
-  j as SliderThumb
+  s as M
 };

package/dist/index.es52.js

@@ -1,4 +1,23 @@
-var r = {};
+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;
 export {
-  r as __exports
+  d as P
 };

package/dist/index.es53.js

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

package/dist/index.es54.js

@@ -0,0 +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"
+    }
+  }
+});
+export {
+  e as overlayVariants
+};

package/dist/index.es55.js

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

package/dist/index.es6.js

@@ -1,8 +1,8 @@
-import { j as o } from "./index.es18.js";
+import { j as o } from "./index.es19.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.es19.js";
-import { buttonVariants as C } from "./index.es29.js";
+import { cn as w } from "./index.es20.js";
+import { buttonVariants as C } from "./index.es30.js";
 function I(r, i) {
   const [a, c] = B(r, i, j), {
     intent: m = "secondary",

package/dist/index.es7.js

@@ -1,8 +1,8 @@
-import { j as t } from "./index.es18.js";
-import { InfoIcon as p } from "./index.es30.js";
+import { j as t } from "./index.es19.js";
+import { InfoIcon as p } from "./index.es32.js";
 import { forwardRef as u } from "react";
 import { useContextProps as d, LabelContext as b, Label as j } from "react-aria-components";
-import { cn as L } from "./index.es19.js";
+import { cn as L } from "./index.es20.js";
 import { Tooltip as g } from "./index.es14.js";
 import { TooltipTrigger as h } from "./index.es15.js";
 function T(l, a) {

package/dist/index.es8.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es18.js";
+import { j as e } from "./index.es19.js";
 import { useVisuallyHidden as a } from "react-aria";
-import { cn as l } from "./index.es19.js";
+import { cn as l } from "./index.es20.js";
 const d = ({ className: s, label: r, size: t = "sm" }) => {
   const i = (() => {
     switch (t) {

package/dist/index.es9.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es18.js";
+import { j as e } from "./index.es19.js";
 import { forwardRef as x } from "react";
-import { cn as y } from "./index.es19.js";
+import { cn as y } from "./index.es20.js";
 import { Loader as f } from "./index.es8.js";
-import { Overlay as u } from "./index.es31.js";
+import { Overlay as u } from "./index.es33.js";
 const v = (s, a) => {
   const {
     className: l,

package/dist/stories/ProgressBar.stories.d.ts

@@ -0,0 +1,30 @@
+import { StoryFn, StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: (props: import('../components').ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+    decorators: ((Story: StoryFn) => import("react/jsx-runtime").JSX.Element)[];
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        variant: "primary";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const WithPercentageText: Story;
+export declare const WithPercentageTextBottom: Story;
+export declare const WithValueCustomLabel: Story;
+export declare const WithValueCustomLabelBottom: Story;
+export declare const WithPercentageTooltip: Story;
+export declare const WithTooltipLight: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Yellow: Story;
+export declare const YellowWarning: Story;
+export declare const OrangeWarning: Story;
+export declare const Sky: Story;

package/dist/style.css

@@ -802,6 +802,10 @@ select {
 .z-\[1000px\] {
   z-index: 1000px;
 }
+.my-10 {
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
+}
 .my-6 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
@@ -812,12 +816,21 @@ select {
 .\!mt-6 {
   margin-top: 1.5rem !important;
 }
+.-mb-0 {
+  margin-bottom: -0px;
+}
+.-mb-0\.5 {
+  margin-bottom: -0.125rem;
+}
 .mb-0 {
   margin-bottom: 0px;
 }
 .mb-0\.5 {
   margin-bottom: 0.125rem;
 }
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -839,6 +852,12 @@ select {
 .mr-3 {
   margin-right: 0.75rem;
 }
+.mt-0 {
+  margin-top: 0px;
+}
+.mt-0\.5 {
+  margin-top: 0.125rem;
+}
 .mt-3 {
   margin-top: 0.75rem;
 }
@@ -955,6 +974,9 @@ select {
 .w-\[24px\] {
   width: 24px;
 }
+.w-\[400px\] {
+  width: 400px;
+}
 .w-\[42px\] {
   width: 42px;
 }
@@ -1090,6 +1112,9 @@ select {
   margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
 }
+.self-end {
+  align-self: flex-end;
+}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1274,6 +1299,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(151 155 180 / var(--tw-bg-opacity));
 }
+.bg-orange-warning-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 236 219 / var(--tw-bg-opacity));
+}
 .bg-orange-warning-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 174 102 / var(--tw-bg-opacity));
@@ -1318,6 +1347,18 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(12 6 69 / var(--tw-bg-opacity));
 }
+.bg-sky-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(200 233 250 / var(--tw-bg-opacity));
+}
+.bg-sky-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(9 129 189 / var(--tw-bg-opacity));
+}
+.bg-success-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(194 246 224 / var(--tw-bg-opacity));
+}
 .bg-success-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(114 218 174 / var(--tw-bg-opacity));
@@ -1340,6 +1381,18 @@ select {
 .bg-white\/50 {
   background-color: rgb(255 255 255 / 0.5);
 }
+.bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 245 196 / var(--tw-bg-opacity));
+}
+.bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(215 182 18 / var(--tw-bg-opacity));
+}
+.bg-yellow-warning-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 242 204 / var(--tw-bg-opacity));
+}
 .bg-yellow-warning-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 229 152 / var(--tw-bg-opacity));
@@ -1447,6 +1500,10 @@ select {
   font-size: 0.875rem !important;
   line-height: 1.25rem !important;
 }
+.\!text-xs {
+  font-size: 0.75rem !important;
+  line-height: 1rem !important;
+}
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;

package/dist/testing/tests/itRendersChildren.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @description This checks if the component renders children correctly.
  *

package/dist/testing/tests/itSupportsClassName.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @description This checks if the component renders with the given custom classes.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "type": "module",
   "files": [
     "dist"
@@ -36,7 +36,8 @@
     "react-aria": "^3.32.1",
     "react-aria-components": "^1.1.1",
     "react-stately": "^3.31.1",
-    "tailwind-merge": "^2.2.2"
+    "tailwind-merge": "^2.2.2",
+    "framer-motion": "^10.16.4"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",