@fluidattacks/design 3.1.12 → 3.1.14

package/dist/components/slide-out-menu/menu-item/index.js

@@ -1,15 +1,6 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useTheme as m } from "styled-components";
-import { Container as i } from "../../container/index.js";
-import { Icon as d } from "../../icon/index.js";
-import { PremiumFeature as g } from "../../premium-feature/index.js";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import { Text as o } from "../../typography/text/index.js";
-const j = ({ customBadge: a, description: l, icon: s, onClick: n, requiresUpgrade: p = !1, title: c }) => {
-  const e = m();
-  return t(i, { bgColor: e.palette.white, bgColorHover: e.palette.gray[100], cursor: "pointer", display: "flex", gap: 0.5, onClick: n, px: 1.25, py: 1, width: "100%", children: [r(i, { alignItems: "center", bgColor: e.palette.gray[300], borderRadius: e.spacing[0.25], display: "flex", height: "24px", justify: "center", width: "24px", children: r(d, { icon: s, iconColor: e.palette.gray[800], iconSize: "xxs", ml: 0.5, mr: 0.5 }) }), t(i, { children: [t(i, { alignItems: "center", display: "inline-flex", gap: 0.5, children: [r(o, { color: e.palette.gray[800], size: "sm", children: c }), p ? r(g, { text: "Upgrade" }) : void 0, a] }), r(o, { color: e.palette.gray[400], size: "xs", children: l })] })] });
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { bt as e } from "../../../components-C2JBXbtI.mjs";
 export {
-  j as MenuItem
+  e as MenuItem
 };

package/dist/components/slider/index.js

@@ -1,93 +1,9 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { useRef as u } from "react";
-import { useNumberFormatter as y, useSlider as f } from "react-aria";
-import { useSliderState as x } from "react-stately";
-import { styled as o, useTheme as b } from "styled-components";
-import { Thumb as w } from "./thumb/index.js";
-import { Container as k } from "../container/index.js";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as j } from "../typography/text/index.js";
-const v = o.div`
-  ${({ theme: e, $min: p, $value: r }) => `
-    align-items: center;
-    align-self: stretch;
-    display: flex;
-    flex-direction: column;
-    justify-content: end;
-    gap: ${e.spacing[0.75]};
-    width: 304px;
-
-    .track {
-      background: linear-gradient(
-        to right,
-        ${p >= 0 ? `
-              ${e.palette.primary[500]} ${r}%,
-              ${e.palette.gray[200]} ${r}%
-            ` : ((a, t) => t >= 50 ? `
-      ${a.palette.gray[200]} 50%,
-      ${a.palette.primary[500]} 50.05%,
-      ${a.palette.primary[500]} ${t}%,
-      ${a.palette.gray[200]} ${t}%
-    ` : `
-      ${a.palette.gray[200]} ${t}%,
-      ${a.palette.primary[500]} ${t}%,
-      ${a.palette.primary[500]} 50%,
-      ${a.palette.gray[200]} 50.05%,
-      ${a.palette.gray[200]} 100%
-    `)(e, r)}
-      );
-      border-radius: ${e.spacing[0.125]};
-      height: ${e.spacing[0.25]};
-      width: 100%;
-    }
-
-    .track.disabled {
-      opacity: 0.4;
-    }
-
-    .thumb {
-      background: ${e.palette.white};
-      border-radius: ${e.spacing[1.25]};
-      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
-      top: 50%;
-      height: 20px;
-      width: 20px;
-    }
-
-    .thumb.dragging {
-      border: 1px solid ${e.palette.primary[500]};
-    }
-  `}
-`, T = o.div`
-  ${({ theme: e }) => `
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-    height: ${e.spacing[0.625]};
-    width: 100%;
-
-    p {
-      color: ${e.palette.gray[400]};
-      font-family: ${e.typography.type.primary};
-      font-size: ${e.spacing[0.5]};
-    }
-  `}
-`, S = o.output`
-  ${({ theme: e }) => `
-    align-items: flex-end;
-    border-radius: ${e.spacing[0.5]};
-    border: 1px solid ${e.palette.gray[300]};
-    background: ${e.palette.white};
-    display: flex;
-    gap: ${e.spacing[0.625]};
-    padding: ${e.spacing[0.625]} ${e.spacing[0.75]};
-    width: 59px;
-  `}
-`, H = (e) => {
-  const p = b(), r = u(null), { minValue: a = 0, maxValue: t = 100 } = e, l = y(), i = x({ ...e, numberFormatter: l }), m = ((d, c, h) => Math.round((h - d) / (c - d) * 100))(a, t, i.getThumbValue(0)), { groupProps: g, trackProps: $ } = f({ ...e, "aria-label": "slider" }, i, r);
-  return s(k, { alignItems: "center", display: "inline-flex", gap: 1.25, children: [s(v, { ...g, $min: a ?? 0, $value: m, className: "slider", children: [n("div", { ...$, className: "track " + (i.isDisabled ? "disabled" : ""), ref: r, children: n(w, { index: 0, state: i, trackRef: r }) }), s(T, { children: [n("p", { children: `${l.format(a)} (Low)` }), a < 0 && n("p", { children: "0" }), n("p", { children: `${l.format(t)} (High)` })] })] }), n(S, { children: n(j, { color: p.palette.gray[800], size: "sm", textAlign: "right", children: i.getThumbValueLabel(0) }) })] });
-};
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import "react-stately";
+import "styled-components";
+import { aw as e } from "../../components-C2JBXbtI.mjs";
 export {
-  H as Slider
+  e as Slider
 };

package/dist/components/slider/thumb/index.js

@@ -1,10 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useRef as u } from "react";
-import { useSliderThumb as o, VisuallyHidden as p } from "react-aria";
-const l = ({ state: i, trackRef: s, index: t }) => {
-  const e = u(null), { thumbProps: n, inputProps: a, isDragging: m } = o({ index: t, trackRef: s, inputRef: e }, i);
-  return r("div", { ...n, className: "thumb " + (m ? "dragging" : ""), children: r(p, { children: r("input", { ref: e, ...a }) }) });
-};
+import "react/jsx-runtime";
+import "react";
+import "react-aria";
+import { bu as i } from "../../../components-C2JBXbtI.mjs";
 export {
-  l as Thumb
+  i as Thumb
 };

package/dist/components/step-lapse/index.js

@@ -1,101 +1,6 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { useState as v, useCallback as k } from "react";
-import { styled as o } from "styled-components";
-import { v as w } from "../../utils-CQvBF-wY.mjs";
-import "../../styles-C3cZmKVJ.mjs";
-import { Button as d } from "../button/index.js";
-import { Container as g } from "../container/index.js";
-import { Icon as C } from "../icon/index.js";
-import { Heading as z } from "../typography/heading/index.js";
-import "../typography/span/index.js";
-import "../typography/text/index.js";
-const { getVariant: S } = w((t) => ({ completed: `
-      background-color: ${t.palette.primary[500]};
-      color: ${t.palette.white};
-
-      &::after {
-        background-color: ${t.palette.primary[500]};
-      }
-    `, current: `
-      background-color: ${t.palette.primary[500]};
-      color: ${t.palette.white};
-
-      &::after {
-        background-color: ${t.palette.gray[200]};
-      }
-    `, disabled: `
-      background-color: ${t.palette.gray[200]};
-      outline: 1px solid ${t.palette.gray[400]};
-      outline-offset: -1px;
-      color: ${t.palette.gray[400]};
-
-      &::after {
-        background-color: ${t.palette.gray[200]};
-      }
-    ` })), j = o.div`
-  ${({ theme: t }) => `
-    align-items: stretch;
-    background-color: ${t.palette.white};
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    padding: ${t.spacing[1]} ${t.spacing[1]};
-    scroll-behavior: unset;
-  `}
-`, A = o.div`
-  display: flex;
-  flex-direction: row;
-  margin-bottom: ${({ theme: t }) => t.spacing[2]};
-
-  &:last-child > div:first-child > span::after {
-    display: none;
-  }
-`, D = o.div`
-  ${({ theme: t }) => `
-    display: inline-flex;
-    font-family: ${t.typography.type.primary};
-    font-size: ${t.typography.text.sm};
-    line-height: ${t.spacing[1.25]};
-    margin-top: ${t.spacing[1]};
-
-    & > button:first-child {
-      margin-right: ${t.spacing[0.5]};
-    }
-  `}
-`, N = o.span`
-  ${({ theme: t, $variant: l }) => `
-    border-radius: 6px;
-    display: inline-block;
-    text-align: center;
-    font-size: ${t.typography.text.sm};
-    font-weight: ${t.typography.weight.bold};
-    font-family: ${t.typography.type.primary};
-    line-height: ${t.spacing[1]};
-    padding: ${t.spacing[0.5]} ${t.spacing[0.5]};
-    height: ${t.spacing[2]};
-    width: ${t.spacing[2]};
-
-    &::after {
-      content: "";
-      position: absolute;
-      top: calc(32px + ${t.spacing[0.5]});
-      left: 50%;
-      bottom: 0;
-      width: 2px;
-      height: calc(100% - ${t.spacing[1]});
-    }
-
-    ${S(t, l)}
-  `}
-`, G = ({ button: { disabled: t = !1, text: l, type: y = "button", onClick: $ }, steps: h }) => {
-  const [a, f] = v(1), m = k((n, i) => () => {
-    f((p) => p + n), i == null || i();
-  }, []);
-  return e(j, { children: h.map((n, i) => {
-    const { content: p, title: b, nextAction: u, previousAction: x } = n, c = i + 1, s = c < a ? "completed" : c === a ? "current" : "disabled";
-    return r(A, { children: [e(g, { maxWidth: "40px", position: "relative", children: e(N, { $variant: s, children: s === "completed" ? e(C, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : c }) }), r(g, { ml: 1.5, width: "100%", children: [e(z, { fontWeight: "bold", lineSpacing: 1.25, mb: 1.5, size: "xs", children: b }), s === "current" && r(g, { children: [p, r(D, { children: [a > 1 && e(d, { disabled: n.isDisabledPrevious ?? !1, onClick: m(-1, x), variant: "tertiary", children: "Previous" }), a < h.length ? e(d, { disabled: n.isDisabledNext ?? !1, onClick: m(1, u), variant: "primary", children: "Next step" }) : e(d, { disabled: t, onClick: $, type: y, variant: "primary", children: l })] })] })] })] }, n.title);
-  }) });
-};
+import "react/jsx-runtime";
+import "react";
+import { ax as a } from "../../components-C2JBXbtI.mjs";
 export {
-  G as StepLapse
+  a as StepLapse
 };

package/dist/components/table-button/index.js

@@ -1,56 +1,6 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { styled as m, useTheme as b } from "styled-components";
-import { Container as u } from "../container/index.js";
-import { Icon as g } from "../icon/index.js";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as h } from "../typography/text/index.js";
-const y = m.button`
-  ${({ theme: e }) => `
-    align-items: center;
-    background-color: ${e.palette.white};
-    border: 1px solid ${e.palette.gray[100]};
-    border-radius: ${e.spacing[0.25]};
-    color: ${e.palette.gray[800]};
-    cursor: pointer;
-    display: flex;
-    font-size: ${e.typography.text.sm};
-    gap: ${e.spacing[0.25]};
-    height: 21px;
-    width: 21px;
-    justify-content: center;
-    padding: 6px;
-    transition: all 0.25s ease;
-
-    &[aria-label] {
-      height: auto;
-      width: auto;
-    }
-
-    &.success {
-      border-color: ${e.palette.success[500]};
-      color: ${e.palette.success[500]};
-
-      &:hover {
-        background-color: ${e.palette.success[200]};
-      }
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-      background: ${e.palette.gray[200]};
-      border-color: ${e.palette.gray[200]};
-      color: ${e.palette.gray[300]};
-    }
-
-    &:hover:not(.success) {
-      background-color: ${e.palette.gray[100]};
-    }
-  `}
-`, x = { add: { icon: "plus" }, approve: { icon: "check" }, disabled: { icon: "ban" }, reject: { icon: "xmark" }, submit: { icon: "arrow-right" }, success: { icon: "check" } }, z = ({ disabled: e = !1, icon: i, id: s, label: n, name: o, onClick: c, type: l = "button", variant: t }) => {
-  const p = b(), d = a(y, { "aria-label": o ?? void 0, className: t, disabled: e, id: s, onClick: c, type: l, children: [r(g, { clickable: !1, icon: i ?? x[t].icon, iconSize: o === void 0 ? "xxs" : "xs", iconType: "fa-light" }), o ?? void 0] });
-  return a(u, { alignItems: "center", display: "flex", children: [d, n && r(h, { color: p.palette.gray[800], ml: 0.5, size: "sm", children: n })] });
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { ay as m } from "../../components-C2JBXbtI.mjs";
 export {
-  z as TableButton
+  m as TableButton
 };

package/dist/components/tabs/fixed-tabs/index.js

@@ -1,9 +1,5 @@
-import { jsx as i } from "react/jsx-runtime";
-import { S as r, a } from "../../../styles-BA0WIQL-.mjs";
-import { Heading as c } from "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import "../../typography/text/index.js";
-const b = ({ items: o }) => i(r, { children: o.map(({ isActive: s, label: e, onClick: t }, m) => i(a, { className: s ? "active" : "", onClick: t, type: "button", children: i(c, { color: "inherit", fontWeight: "semibold", size: "sm", sizeSm: "xs", children: e }) }, `${e}-${m}`)) });
+import "react/jsx-runtime";
+import { az as e } from "../../../components-C2JBXbtI.mjs";
 export {
-  b as FixedTabs
+  e as FixedTabs
 };

package/dist/components/tabs/index.js

@@ -1,14 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useTheme as m } from "styled-components";
-import { FixedTabs as u } from "./fixed-tabs/index.js";
-import { Tab as c } from "./tab/index.js";
-import { Container as v } from "../container/index.js";
-const T = ({ items: a, borders: t = !0, box: i = !1 }) => {
-  const o = m();
-  return e(v, { bgColor: o.palette.white, border: i ? "1px solid" : void 0, borderBottom: t ? `1px solid ${o.palette.gray[300]}` : void 0, borderColor: i ? o.palette.gray[200] : void 0, borderRadius: i ? o.spacing[0.25] : void 0, display: "inline-flex", gap: 0.25, padding: i ? [0, 0, 0, 0] : void 0, pl: t ? 1.25 : void 0, pr: t ? 1.25 : void 0, role: "tablist", width: i ? "max-content" : "100%", children: a.map(({ id: r, isActive: l, link: s, label: d, notificationSign: p, onClick: n, tooltip: b }) => e(c, { id: r, isActive: l, label: d, link: s, notificationSign: p, onClick: n, tooltip: b }, r)) });
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { az as b, aB as i, aA as m } from "../../components-C2JBXbtI.mjs";
 export {
-  u as FixedTabs,
-  c as Tab,
-  T as Tabs
+  b as FixedTabs,
+  i as Tab,
+  m as Tabs
 };

package/dist/components/tabs/tab/index.js

@@ -1,8 +1,5 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { T as m } from "../../../styles-BA0WIQL-.mjs";
-import { NotificationSign as p } from "../../notification-sign/index.js";
-import { T as d } from "../../../index-D-lcuEHY.mjs";
-const x = ({ label: r, id: o, isActive: t = !1, link: n, notificationSign: i, onClick: e, tooltip: s = "" }) => a(d, { display: "flex", id: `${o}-tooltip`, tip: s, children: l(m, { "aria-selected": t, className: t ? "active" : "", id: o, onClick: e, role: "tab", to: n, children: [r, a(p, { left: i == null ? void 0 : i.left, numberIndicator: i == null ? void 0 : i.numberIndicator, show: i == null ? void 0 : i.show, top: i == null ? void 0 : i.top, variant: i == null ? void 0 : i.variant })] }) });
+import "react/jsx-runtime";
+import { aB as m } from "../../../components-C2JBXbtI.mjs";
 export {
-  x as Tab
+  m as Tab
 };

package/dist/components/tag/index.js

@@ -1,116 +1,6 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { isEmpty as y } from "lodash";
-import { styled as b } from "styled-components";
-import { v as k } from "../../utils-CQvBF-wY.mjs";
-import "../../styles-C3cZmKVJ.mjs";
-import { Icon as w } from "../icon/index.js";
-import { IconButton as x } from "../icon-button/index.js";
-import { Link as v } from "../link/index.js";
-import "../typography/heading/index.js";
-import { Span as z } from "../typography/span/index.js";
-import "../typography/text/index.js";
-const { getVariant: S } = k((o) => ({ default: `
-      background-color: ${o.palette.gray[200]};
-      color: ${o.palette.gray[800]};
-    `, error: `
-      &.high {
-        background-color: ${o.palette.error[700]};
-        color: ${o.palette.white};
-      }
-      &.low {
-        background-color: ${o.palette.error[50]};
-        color: ${o.palette.error[700]};
-      }
-      &.medium {
-        background-color: ${o.palette.error[500]};
-        color: ${o.palette.error[50]};
-      }
-    `, inactive: `
-      background-color: ${o.palette.gray[200]};
-      color: ${o.palette.gray[600]};
-    `, info: `
-      &.high {
-        background-color: ${o.palette.info[700]};
-        color: ${o.palette.white};
-      }
-      &.low {
-        background-color: ${o.palette.info[50]};
-        color: ${o.palette.info[700]};
-      }
-      &.medium {
-        background-color: ${o.palette.info[500]};
-        color: ${o.palette.info[50]};
-      }
-    `, reachable: `
-      background-color: ${o.palette.gray[50]};
-      color: ${o.palette.gray[800]};
-    `, remediation: `
-      background-color: inherit;
-      border: 1px solid ${o.palette.gray[300]};
-      color: ${o.palette.gray[400]};
-    `, role: `
-      background-color: ${o.palette.gray[800]};
-      color: ${o.palette.white};
-    `, success: `
-      &.high {
-        background-color: ${o.palette.success[700]};
-        color: ${o.palette.white};
-      }
-      &.low {
-        background-color: ${o.palette.success[50]};
-        color: ${o.palette.success[700]};
-      }
-      &.medium {
-        background-color: ${o.palette.success[500]};
-        color: ${o.palette.success[50]};
-      }
-    `, technique: `
-      --tag-padding-y: ${o.spacing[0.25]};
-      --tag-padding-x: ${o.spacing[0.75]};
-
-      background-color: inherit;
-      border: 1px solid ${o.palette.success[800]};
-      color: ${o.palette.success[800]};
-    `, warning: `
-      &.high {
-        background-color: ${o.palette.warning[600]};
-        color: ${o.palette.white};
-      }
-      &.low {
-        background-color: ${o.palette.warning[50]};
-        color: ${o.palette.warning[700]};
-      }
-      &.medium {
-        background-color: ${o.palette.warning[400]};
-        color: ${o.palette.warning[700]};
-      }
-    ` })), T = b.span`
-  ${({ theme: o, $fontSize: n = o.typography.text.xs, $variant: t }) => `
-    align-items: center;
-    border-radius: ${o.spacing[t === "technique" ? 1 : 0.25]};
-    display: inline-flex;
-    gap: ${o.spacing[0.25]};
-    font-family: ${o.typography.type.primary};
-    font-size: ${n};
-    font-style: normal;
-    font-weight: ${o.typography.weight.regular};
-    justify-content: center;
-    line-height: 18px;
-    padding: var(--tag-padding-y) var(--tag-padding-x);
-    white-space: nowrap;
-    width: max-content;
-
-    ~ a {
-      font-size: ${o.typography.text.xs};
-      display: flex;
-    }
-
-    ${S(o, t)}
-  `}
-`, F = ({ disabled: o, icon: n, iconColor: t = "inherit", iconType: s = "fa-light", id: g = "close-tag", filterValues: l = "", fontSize: d, href: r, linkLabel: $, onClose: c, priority: h = "default", tagTitle: p = "", tagLabel: a, variant: m = "default" }) => {
-  const u = a.length > 25 && y(p + l), f = `${a.slice(0, 25)}...`;
-  return i(z, { className: "gap-0.5", display: r === void 0 ? "initial" : "flex", size: "sm", children: [i(T, { $fontSize: d, $variant: m, className: h, children: [n && e(w, { icon: n, iconColor: t, iconSize: "xxs", iconType: s }), i("span", { children: [e("strong", { children: p }), e("span", { children: u ? f : a }), e("strong", { children: l })] }), c ? e(x, { disabled: o, icon: "xmark", iconSize: "xxs", iconType: "fa-light", id: g, onClick: c, px: 0.125, py: 0.125, variant: "ghost" }) : void 0] }), r === void 0 ? void 0 : e(v, { href: r, children: $ })] });
-};
+import "react/jsx-runtime";
+import "lodash";
+import { aC as p } from "../../components-C2JBXbtI.mjs";
 export {
-  F as Tag
+  p as Tag
 };

package/dist/components/timeline/card/index.js

@@ -1,9 +1,6 @@
 import "react/jsx-runtime";
 import "styled-components";
-import { a as e } from "../../../index-Bu448Tz2.mjs";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import "../../typography/text/index.js";
+import { aD as a } from "../../../components-C2JBXbtI.mjs";
 export {
-  e as TimeLineCard
+  a as TimeLineCard
 };

package/dist/components/timeline/index.js

@@ -1,7 +1,6 @@
-import { jsx as t } from "react/jsx-runtime";
-import { T as r, a as s } from "../../index-Bu448Tz2.mjs";
-const d = ({ items: e }) => t(r, { children: e.map((i, a) => t(s, { date: i.date, description: i.description, title: i.title }, `${i.title}-${a}`)) });
+import "react/jsx-runtime";
+import { aE as m, aD as r } from "../../components-C2JBXbtI.mjs";
 export {
-  d as TimeLine,
-  s as TimeLineCard
+  m as TimeLine,
+  r as TimeLineCard
 };

package/dist/components/toggle/index.js

@@ -1,63 +1,6 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { forwardRef as u, useCallback as m } from "react";
-import { styled as a } from "styled-components";
-import { Container as $ } from "../container/index.js";
-const i = a.div`
-  ${({ theme: e }) => `
-    align-items: center;
-    background-color: ${e.palette.gray[200]};
-    border-radius: 34px;
-    cursor: pointer;
-    display: flex;
-    height: 20px;
-    position: relative;
-    transition: 0.2s;
-    width: 36px;
-  `}
-`, y = a.div`
-  ${({ theme: e }) => `
-    background-color: ${e.palette.white};
-    border-radius: 50%;
-    height: ${e.spacing[1]};
-    left: 2px;
-    position: absolute;
-    transition: 0.2s;
-    width: ${e.spacing[1]};
-    z-index: 1;
-  `}
-`, k = a.label`
-  display: inline-block;
-
-  input {
-    position: absolute;
-    height: 0;
-    opacity: 0;
-    width: 0;
-  }
-
-  input:checked + ${i} {
-    background-color: ${({ theme: e }) => e.palette.primary[500]};
-  }
-
-  input:checked + ${i} > div {
-    transform: translateX(100%);
-  }
-
-  input:disabled + ${i} {
-    cursor: not-allowed;
-    background-color: ${({ theme: e }) => e.palette.gray[100]};
-  }
-
-  input:disabled + ${i} > div {
-    background-color: ${({ theme: e }) => e.palette.gray[200]};
-    border: 1px solid ${({ theme: e }) => e.palette.gray[200]};
-  }
-`, C = u(function({ defaultChecked: e, disabled: r = !1, justify: d, name: n, leftDescription: t, rightDescription: s, ...c }, p) {
-  const h = e === !0 ? "on" : "off", g = typeof t == "object" && t.on && t.off ? t[h] : t, b = m((f) => {
-    f.stopPropagation();
-  }, []);
-  return l($, { alignItems: "center", display: "flex", fontSize: "14px", gap: 0.75, justify: d, children: [g, l(k, { onClick: b, role: "switch", children: [o("input", { ...c, "aria-disabled": r, "aria-label": n, checked: e === !0, disabled: r, name: n, ref: p, type: "checkbox" }), o(i, { "aria-label": "Toggle Switch", id: `${n}Toggle`, children: o(y, {}) })] }), s] });
-});
+import "react/jsx-runtime";
+import "react";
+import { aF as t } from "../../components-C2JBXbtI.mjs";
 export {
-  C as Toggle
+  t as Toggle
 };

package/dist/components/toggle-buttons/index.js

@@ -1,74 +1,6 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useState as c, useCallback as g } from "react";
-import { styled as r } from "styled-components";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import { Text as p } from "../typography/text/index.js";
-const m = r.div`
-  ${({ theme: n }) => `
-    align-items: center;
-    display: flex;
-    position: relative;
-    width: 352px;
-
-    > button:first-child {
-      border-radius: ${n.spacing[2]} 0 0 ${n.spacing[2]};
-    }
-    > button:last-child {
-      --angle-grad: -45deg;
-      border-radius: 0 ${n.spacing[2]} ${n.spacing[2]} 0;
-    }
-
-    &::before {
-      background: ${n.palette.gradients["01"]} border-box;
-      border-radius: ${n.spacing[2]};
-      content: "";
-      position: absolute;
-      inset: 0;
-      border: 2px solid transparent;
-      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-      mask-composite: exclude;
-    }
-
-    @media screen and (max-width: ${n.breakpoints.mobile}) {
-      width: 320px;
-    }
-  `}
-`, b = r.button`
-  ${({ theme: n }) => `
-    align-items: center;
-    background: linear-gradient(
-      var(--angle-grad),
-      rgba(243, 38, 55, var(--opacity-grad)),
-      rgba(184, 7, 93, var(--opacity-grad))
-    );
-    color: ${n.palette.primary[500]};
-    cursor: pointer;
-    display: flex;
-    flex: 1 0 0;
-    justify-content: center;
-    gap: ${n.spacing[0.625]};
-    height: ${n.spacing[4]};
-    padding: ${n.spacing[1.25]};
-    position: relative;
-    transition: color, --opacity-grad 0.5s ease-in-out;
-
-    &.selected {
-      --opacity-grad: 1;
-      background: linear-gradient(
-        var(--angle-grad),
-        rgba(243, 38, 55, var(--opacity-grad)),
-        rgba(184, 7, 93, var(--opacity-grad))
-      );
-      color: ${n.palette.white};
-    }
-  `}
-`, k = ({ defaultSelection: n, options: t, handleClick: i }) => {
-  const [o, s] = c(n ?? t[0]), d = g((a) => () => {
-    s(a), i(a);
-  }, [i]);
-  return e(m, { children: t.map((a, l) => e(b, { className: `${a.includes(o) && "selected"}`, onClick: d(a), children: e(p, { color: "inherit", fontWeight: "bold", size: "md", sizeSm: "sm", textAlign: "center", children: a }) }, `${a}-${l}`)) });
-};
+import "react/jsx-runtime";
+import "react";
+import { aG as p } from "../../components-C2JBXbtI.mjs";
 export {
-  k as ToggleButton
+  p as ToggleButton
 };

package/dist/components/tooltip/index.js

@@ -1,13 +1,10 @@
 import "react/jsx-runtime";
-import { T as s } from "../../index-D-lcuEHY.mjs";
+import "../../vendor-CVMqCpkZ.mjs";
 import "lodash";
 import "react";
 import "react-dom";
 import "styled-components";
-import "../icon/index.js";
-import "../typography/heading/index.js";
-import "../typography/span/index.js";
-import "../typography/text/index.js";
+import { aH as f } from "../../components-C2JBXbtI.mjs";
 export {
-  s as Tooltip
+  f as Tooltip
 };