@simpli-route/apollo-ds 0.1.12 → 0.1.13

package/dist/index.es10.js

@@ -2,9 +2,9 @@ import { j as r } from "./index.es21.js";
 import { NumberField as g, Group as w, Input as B } from "react-aria-components";
 import { cn as l } from "./index.es22.js";
 import { Label as E } from "./index.es7.js";
-import { CaptionNumberField as G } from "./index.es40.js";
-import { StepperButton as S } from "./index.es41.js";
-import { inputNumberVariant as V } from "./index.es26.js";
+import { CaptionNumberField as G } from "./index.es42.js";
+import { StepperButton as S } from "./index.es43.js";
+import { inputNumberVariant as V } from "./index.es27.js";
 const H = ({
   size: o = "sm",
   label: i,

package/dist/index.es11.js

@@ -1,26 +1,26 @@
 import { j as s } from "./index.es21.js";
-import { motion as B } from "framer-motion";
-import { ProgressBar as V } from "react-aria-components";
+import { motion as D } from "framer-motion";
+import { ProgressBar as I } from "react-aria-components";
 import "react";
 import { cn as e } from "./index.es22.js";
-import "./index.es23.js";
-import "./index.es24.js";
-import "react-aria";
 import "./index.es25.js";
+import "./index.es26.js";
+import "react-aria";
+import "./index.es24.js";
 import "./index.es6.js";
-import { Label as D } from "./index.es7.js";
+import { Label as M } from "./index.es7.js";
 import "./index.es9.js";
-import "./index.es26.js";
-import { progressBarVariants as I, progressFillVariants as M } from "./index.es27.js";
-import "./index.es28.js";
+import "./index.es27.js";
+import { progressBarVariants as S, progressFillVariants as $ } from "./index.es28.js";
 import "./index.es29.js";
-import { Tooltip as $ } from "./index.es17.js";
-import { TooltipTrigger as k } from "./index.es18.js";
-import "./index.es31.js";
+import "./index.es30.js";
+import { Tooltip as k } from "./index.es17.js";
+import { TooltipTrigger as z } from "./index.es18.js";
+import "./index.es32.js";
 import "./index.es16.js";
 import { Text as d } from "./index.es19.js";
-import "./index.es32.js";
-const as = (f) => {
+import "./index.es33.js";
+const rs = (f) => {
   const {
     className: h,
     classNameLabel: N,
@@ -35,14 +35,16 @@ const as = (f) => {
     positionTooltip: j = "top",
     modeTooltip: b = "dark",
     maxValue: w = 100,
-    minValue: v = 0,
+    minValue: y = 0,
     valueCustomLabel: a,
     valuePosition: c = "right",
-    classNameTooltip: C,
+    classNameTooltip: v,
     tooltipMessage: i,
-    ...y
-  } = f, T = e("flex w-full flex-col gap-2 text-neutral-900", h), L = e(I({ variant: p }), u), P = e(M({ variant: p }), g);
-  return /* @__PURE__ */ s.jsx(V, { className: T, maxValue: w, minValue: v, ...y, children: ({ percentage: o, valueText: m }) => /* @__PURE__ */ s.jsxs(
+    barStyle: C = {},
+    fillStyle: T = {},
+    ...L
+  } = f, P = e("flex w-full flex-col gap-2 text-neutral-900", h), B = e(S({ variant: p }), u), V = e($({ variant: p }), g);
+  return /* @__PURE__ */ s.jsx(I, { className: P, maxValue: w, minValue: y, ...L, children: ({ percentage: o, valueText: m }) => /* @__PURE__ */ s.jsxs(
     "div",
     {
       className: e("flex w-full items-center gap-2", {
@@ -50,28 +52,28 @@ const as = (f) => {
       }),
       children: [
         /* @__PURE__ */ s.jsxs("div", { className: "flex w-full flex-col gap-1", children: [
-          r ? /* @__PURE__ */ s.jsx(D, { labelClassName: e("leading-[19.07px] text-left", N), children: r }) : null,
+          r ? /* @__PURE__ */ s.jsx(M, { labelClassName: e("leading-[19.07px] text-left", N), children: r }) : null,
           /* @__PURE__ */ s.jsxs(
-            k,
+            z,
             {
               isDisabled: l === "text" && !i || t,
               className: "items-start",
               delay: 90,
               closeDelay: 200,
               children: [
-                /* @__PURE__ */ s.jsx("div", { className: L, children: /* @__PURE__ */ s.jsx(
-                  B.div,
+                /* @__PURE__ */ s.jsx("div", { className: B, style: C, children: /* @__PURE__ */ s.jsx(
+                  D.div,
                   {
-                    className: P,
-                    style: { width: t ? "100%" : `${o}%` },
+                    className: V,
+                    style: { width: t ? "100%" : `${o}%`, ...T },
                     animate: t ? { x: ["-100%", "100%"] } : { width: o + "%", x: [0, 0] },
                     transition: t ? { repeat: 1 / 0, duration: 1, ease: "easeInOut" } : {}
                   }
                 ) }),
                 /* @__PURE__ */ s.jsx(
-                  $,
+                  k,
                   {
-                    className: e("text-xs", C),
+                    className: e("text-xs", v),
                     style: l === "tooltip" ? { left: o + "%" } : {},
                     mode: b,
                     size: "sm",
@@ -90,5 +92,5 @@ const as = (f) => {
   ) });
 };
 export {
-  as as ProgressBar
+  rs as ProgressBar
 };

package/dist/index.es14.js

@@ -2,8 +2,8 @@ import { j as m } from "./index.es21.js";
 import { useState as $, useEffect as x } from "react";
 import { Slider as b, SliderTrack as q } from "react-aria-components";
 import { cn as z } from "./index.es22.js";
-import { SliderContainerTrack as B } from "./index.es36.js";
-import { validateMinDistance as F } from "./index.es37.js";
+import { SliderContainerTrack as B } from "./index.es40.js";
+import { validateMinDistance as F } from "./index.es41.js";
 const O = ({
   type: r = "single",
   showTypeValue: A = "default",

package/dist/index.es15.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es21.js";
 import { Switch as u } from "react-aria-components";
 import { cn as c } from "./index.es22.js";
-import { ContentSwitch as L } from "./index.es47.js";
-import { SwitchIndicator as v } from "./index.es48.js";
-import { switchVariants as b } from "./index.es31.js";
+import { ContentSwitch as L } from "./index.es44.js";
+import { SwitchIndicator as v } from "./index.es45.js";
+import { switchVariants as b } from "./index.es32.js";
 const E = ({
   children: f,
   label: m,

package/dist/index.es16.js

@@ -3,9 +3,9 @@ import { useRef as x } from "react";
 import { useTabList as b } from "react-aria";
 import { useTabListState as d, Item as N } from "react-stately";
 import { cn as e } from "./index.es22.js";
-import { Tab as j } from "./index.es43.js";
-import { TabPanel as u } from "./index.es44.js";
-import { tabsVariants as h } from "./index.es45.js";
+import { Tab as j } from "./index.es46.js";
+import { TabPanel as u } from "./index.es47.js";
+import { tabsVariants as h } from "./index.es48.js";
 const T = (a) => {
   var m;
   const { rootClassName: i, tabClassName: n, tabPanelClassName: c, orientation: o = "horizontal", id: f = void 0 } = a, t = d(a), r = x(null), { tabListProps: p } = b(a, t, r);

package/dist/index.es17.js

@@ -2,8 +2,8 @@ import { j as s } from "./index.es21.js";
 import { forwardRef as u, useContext as T } from "react";
 import { useTooltip as h, mergeProps as j } from "react-aria";
 import { cn as e } from "./index.es22.js";
-import { TooltipContext as N } from "./index.es30.js";
-import { tooltipVariants as P } from "./index.es29.js";
+import { TooltipContext as N } from "./index.es31.js";
+import { tooltipVariants as P } from "./index.es30.js";
 const C = u((p, i) => {
   const { placement: m = "bottom", size: l = "md", className: a, mode: o = "dark", supportText: t, children: n, ...r } = p, { state: c, ...x } = T(N), { tooltipProps: d } = h(r, c), f = e(P({ placement: m, size: l, mode: o, hasSupportText: !!t }), a);
   return /* @__PURE__ */ s.jsxs("span", { className: f, ...j(r, d, x), ref: i, children: [

package/dist/index.es18.js

@@ -3,7 +3,7 @@ import { useRef as a, Children as f, cloneElement as u } from "react";
 import { useTooltipTrigger as T } from "react-aria";
 import { useTooltipTriggerState as h } from "react-stately";
 import { cn as x } from "./index.es22.js";
-import { TooltipContext as d } from "./index.es30.js";
+import { TooltipContext as d } from "./index.es31.js";
 const w = (e) => {
   const { children: r, isDisabled: s, trigger: l, className: n } = e, t = h(e), o = a(null), { triggerProps: g, tooltipProps: m } = T({ isDisabled: s, trigger: l }, t, o), [c, p] = f.toArray(r);
   if (!Array.isArray(r) || r.length > 2)

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es21.js";
 import { cn as n } from "./index.es22.js";
-import { textVariants as a } from "./index.es32.js";
+import { textVariants as a } from "./index.es33.js";
 function x(t) {
   const { children: s, type: o = "body", className: r } = t, e = n(a({ type: o }), r);
   return /* @__PURE__ */ m.jsx("p", { className: e, children: s });

package/dist/index.es2.js

@@ -1,7 +1,7 @@
 import { j as m } from "./index.es21.js";
 import { useState as g } from "react";
 import { cn as j } from "./index.es22.js";
-import { AccordionItem as h } from "./index.es33.js";
+import { AccordionItem as h } from "./index.es23.js";
 const C = ({
   items: a,
   accordionClassName: e,

package/dist/index.es20.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es21.js";
 import { cn as c } from "./index.es22.js";
-import { titleVariants as l } from "./index.es32.js";
+import { titleVariants as l } from "./index.es33.js";
 function j(s) {
   const { children: e, type: t = "h1", size: r = t, className: i, ...o } = s, n = t, a = c(l({ size: r }), i);
   return /* @__PURE__ */ m.jsx(n, { className: a, ...o, children: e });

package/dist/index.es23.js

@@ -1,173 +1,24 @@
-import { cva as r } from "class-variance-authority";
-const t = r(
-  "inline-flex select-none items-center justify-center text-center text-base font-semibold leading-6 transition duration-150 ease-in-out focus:outline-none",
-  {
-    variants: {
-      intent: {
-        primary: "bg-primary-500 text-primary-50",
-        secondary: "border border-primary-500 bg-primary-50 text-primary-500",
-        tertiary: "text-primary-500",
-        outline: "border border-primary-500 text-primary-500",
-        success: "border bg-success-500 text-success-50",
-        error: "border bg-error-500 text-error-50",
-        orangeWarning: "border bg-orange-warning-500 text-orange-warning-50",
-        yellowWarning: "border bg-yellow-warning-500 text-yellow-warning-900",
-        info: "border bg-blue-500 text-blue-50"
-      },
-      size: {
-        xs: "rounded px-3 py-1",
-        sm: "rounded px-3 py-2",
-        md: "rounded-lg px-4 py-3",
-        lg: "rounded-lg px-6 py-4"
-      },
-      isDisabled: {
-        true: "pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"
-      },
-      isHovered: {
-        true: ""
-      },
-      isActive: {
-        true: ""
-      },
-      fullWidth: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      isLoading: {
-        true: "pointer-events-none cursor-not-allowed opacity-70"
-      },
-      isFocused: {
-        true: "focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-[0.4px] border-none",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      intent: "primary",
-      size: "md"
-    },
-    compoundVariants: [
-      /* Hover State */
-      {
-        intent: "primary",
-        isHovered: !0,
-        class: "bg-primary-700"
-      },
-      {
-        intent: "secondary",
-        isHovered: !0,
-        class: "bg-primary-200"
-      },
-      {
-        intent: "tertiary",
-        isHovered: !0,
-        class: "bg-primary-300 text-primary-800"
-      },
-      {
-        intent: "outline",
-        isHovered: !0,
-        class: "bg-primary-500 text-primary-50"
-      },
-      {
-        intent: "success",
-        isHovered: !0,
-        class: "bg-success-700 text-neutral-50"
-      },
-      {
-        intent: "error",
-        isHovered: !0,
-        class: "bg-error-700 text-error-50"
-      },
-      {
-        intent: "orangeWarning",
-        isHovered: !0,
-        class: "bg-orange-warning-700 text-orange-warning-50"
-      },
-      {
-        intent: "yellowWarning",
-        isHovered: !0,
-        class: "bg-yellow-warning-700 text-neutral-50"
-      },
-      {
-        intent: "info",
-        isHovered: !0,
-        class: "bg-blue-700 text-blue-50"
-      },
-      /* /Focus State */
-      {
-        intent: "success",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-success-500"
-      },
-      {
-        intent: "error",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-error-500"
-      },
-      {
-        intent: "orangeWarning",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-orange-500"
-      },
-      {
-        intent: "yellowWarning",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-yellow-500"
-      },
-      {
-        intent: "info",
-        isFocused: !0,
-        class: "border-[1.5px] focus:ring-blue-500"
-      },
-      /* Active State */
-      {
-        intent: "primary",
-        isActive: !0,
-        class: "bg-primary-900"
-      },
-      {
-        intent: "secondary",
-        isActive: !0,
-        class: "bg-primary-300"
-      },
-      {
-        intent: "tertiary",
-        isActive: !0,
-        class: "bg-primary-500 text-white"
-      },
-      {
-        intent: "outline",
-        isActive: !0,
-        class: "border border-primary-500 bg-primary-300 text-primary-500"
-      },
-      {
-        intent: "success",
-        isActive: !0,
-        class: "border border-transparent bg-success-300 text-success-900"
-      },
-      {
-        intent: "error",
-        isActive: !0,
-        class: "border border-transparent bg-error-300 text-error-900"
-      },
-      {
-        intent: "orangeWarning",
-        isActive: !0,
-        class: "border border-transparent bg-orange-warning-300 text-orange-warning-900"
-      },
-      {
-        intent: "yellowWarning",
-        isActive: !0,
-        class: "border border-transparent bg-yellow-warning-300 text-yellow-warning-900"
-      },
-      {
-        intent: "info",
-        isActive: !0,
-        class: "border border-transparent bg-blue-200 text-blue-900"
-      }
-      /* /Active State */
-    ]
-  }
-);
+import { j as s } from "./index.es21.js";
+import { MinusIcon as p, PlusIcon as u } from "./index.es34.js";
+import { cn as e } from "./index.es22.js";
+const f = ({
+  label: o,
+  section: n,
+  active: r,
+  onToggle: l,
+  itemClassName: t,
+  sectionClassName: c,
+  hasIcon: i = !0
+}) => {
+  const a = e("rounded-md border border-solid border-purple-200 bg-gray-100", t), d = e("px-4 pb-4", c), m = r ? p : u;
+  return /* @__PURE__ */ s.jsxs("div", { className: a, children: [
+    /* @__PURE__ */ s.jsxs("button", { className: "flex w-full cursor-pointer items-center gap-x-4 p-4", onClick: l, children: [
+      /* @__PURE__ */ s.jsx("div", { className: "flex-1", children: o }),
+      i ? /* @__PURE__ */ s.jsx("span", { className: `shrink-0 transition duration-300 ${r ? "-rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ s.jsx(m, { className: "size-6" }) }) : null
+    ] }),
+    r ? /* @__PURE__ */ s.jsx("div", { className: d, children: n }) : null
+  ] });
+};
 export {
-  t as buttonVariants
+  f as AccordionItem
 };

package/dist/index.es24.js

@@ -1,45 +1,36 @@
 import { cva as r } from "class-variance-authority";
-const i = r(
-  "flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded border-2 border-primary-200 text-white transition duration-150 ease-in-out",
-  {
-    variants: {
-      isHovered: {
-        true: ""
-      },
-      isSelected: {
-        true: "border-primary-500 bg-primary-500",
-        false: "bg-white"
-      },
-      isFocusVisible: {
-        true: "border-primary-500 group-active:border-primary-500"
-      },
-      isDisabled: {
-        true: "border-neutral-500 cursor-not-allowed"
-      },
-      label: {
-        true: "mr-2"
-      }
+const t = r("bg-primary-50 inline-flex items-center select-none border border-transparent", {
+  variants: {
+    style: {
+      square: "rounded-md",
+      rounded: "rounded-full"
     },
-    compoundVariants: [
-      {
-        isHovered: !0,
-        isSelected: !0,
-        class: "border-none bg-primary-600 group-active:bg-primary-600"
-      },
-      {
-        isHovered: !0,
-        isSelected: !1,
-        isDisabled: !1,
-        class: "border-primary-700 group-active:bg-primary-600"
-      },
-      {
-        isDisabled: !0,
-        isSelected: !0,
-        class: "bg-neutral-500"
-      }
-    ]
+    size: {
+      xs: [
+        "gap-1 py-[2px] pr-[6px] pl-1 font-normal text-neutral-900 text-[10px]",
+        "[&_svg]:w-[10px] [&_svg]:h-[10px]"
+      ],
+      sm: ["gap-1 py-[2px] pr-[6px] pl-1 font-normal text-neutral-900 text-xs", "[&_svg]:w-3 [&_svg]:h-3"],
+      md: ["gap-1 py-1 pr-3 pl-2 font-normal text-neutral-900 text-sm", "[&_svg]:w-4 [&_svg]:h-4"],
+      lg: ["gap-2 py-1 pr-3 pl-2 font-normal text-neutral-900 text-sm", "[&_svg]:w-4 [&_svg]:h-4"]
+    },
+    pressable: {
+      true: "cursor-pointer"
+    },
+    isFocused: {
+      true: "border-primary-500"
+    },
+    isHovered: {
+      true: "border-primary-300"
+    },
+    isPressed: {
+      true: "bg-primary-200"
+    },
+    isDisabled: {
+      true: "bg-neutral-50 text-neutral-600 [&_svg]:text-neutral-600 cursor-not-allowed"
+    }
   }
-);
+});
 export {
-  i as checkboxVariants
+  t as assistChipVariants
 };