nogbase-ui 1.0.0

package/dist/ColorSample-tgmSZ-F7.js

@@ -0,0 +1,120 @@
+import { c as l } from "./createReactComponent-Cb6Pzf10.js";
+import { j as r } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as i } from "@linaria/react";
+import { t as o } from "./themeCssVariables-CBmoYPJ3.js";
+import { T as _ } from "./ThemeProvider-CpY05Gd2.js";
+import { useContext as f } from "react";
+import { o as g } from "./utils-BsFkjDy5.js";
+const h = [["path", { d: "M5 12l5 5l10 -10", key: "svg-0" }]], W = l("outline", "check", "Check", h);
+const j = [["path", { d: "M5 12l14 0", key: "svg-0" }]], X = l("outline", "minus", "Minus", j), y = () => ({
+  disabled: s,
+  focus: e
+}) => !s && e ? `1px solid ${o.color.blue}` : "none", C = () => ({
+  disabled: s,
+  focus: e
+}) => !s && e ? `0 0 0 3px ${o.color.blue3}` : "none", k = () => ({
+  accent: s,
+  active: e,
+  disabled: t,
+  focus: n
+}) => {
+  switch (s) {
+    case "secondary":
+      return e || n ? o.color.blue : t ? o.font.color.extraLight : o.font.color.secondary;
+    case "tertiary":
+      return e || n ? o.color.blue : t ? o.font.color.extraLight : o.font.color.tertiary;
+  }
+  return "";
+}, $ = () => ({
+  disabled: s
+}) => s ? "not-allowed" : "pointer", S = () => ({
+  size: s
+}) => s === "small" ? o.spacing[6] : o.spacing[8], I = () => ({
+  disabled: s
+}) => s ? "transparent" : o.background.transparent.light, v = () => ({
+  disabled: s
+}) => s ? "transparent" : o.background.transparent.medium, B = /* @__PURE__ */ i("button")({
+  name: "StyledButton",
+  class: "s14cjsu4",
+  propsAsIs: !1,
+  vars: {
+    "s14cjsu4-0": [y()],
+    "s14cjsu4-1": [C()],
+    "s14cjsu4-2": [k()],
+    "s14cjsu4-3": [$()],
+    "s14cjsu4-4": [S()],
+    "s14cjsu4-5": [I()],
+    "s14cjsu4-6": [v()]
+  }
+}), Y = ({
+  "aria-label": s,
+  className: e,
+  testId: t,
+  Icon: n,
+  active: x = !1,
+  size: c = "small",
+  accent: m = "secondary",
+  disabled: a = !1,
+  focus: d = !1,
+  onClick: z,
+  title: b
+}) => {
+  const {
+    theme: p
+  } = f(_);
+  return /* @__PURE__ */ r.jsx(B, { "data-testid": t, "aria-label": s, onClick: z, disabled: a, focus: d && !a, accent: m, className: e, size: c, active: x, title: b, children: n && /* @__PURE__ */ r.jsx(n, { size: c === "medium" ? p.icon.size.md : p.icon.size.sm }) });
+}, u = (s, e) => g(e) ? e : o.tag.background[s], L = (s) => o.tag.text[s], M = () => ({
+  colorName: s,
+  color: e
+}) => u(s, e), w = () => ({
+  variant: s,
+  colorName: e
+}) => s === "pipeline" ? "0" : `1px solid ${L(e)}`, A = () => ({
+  variant: s
+}) => s === "circle" ? "50%" : "60px", N = () => ({
+  variant: s
+}) => s === "circle" ? o.spacing[4] : o.spacing[3], R = () => ({
+  variant: s
+}) => s === "pipeline" ? "flex" : "block", T = () => ({
+  variant: s
+}) => s === "pipeline" ? "center" : "initial", E = () => ({
+  colorName: s,
+  color: e,
+  variant: t
+}) => t === "pipeline" ? u(s, e) : "transparent", V = () => ({
+  variant: s
+}) => s === "pipeline" ? o.border.radius.rounded : "0", q = () => ({
+  variant: s
+}) => s === "pipeline" ? "''" : "none", D = () => ({
+  variant: s
+}) => s === "pipeline" ? "block" : "none", F = () => ({
+  variant: s
+}) => s === "pipeline" ? o.spacing[1] : "0", G = /* @__PURE__ */ i("div")({
+  name: "StyledColorSample",
+  class: "sz09bsz",
+  propsAsIs: !1,
+  vars: {
+    "sz09bsz-0": [M()],
+    "sz09bsz-1": [w()],
+    "sz09bsz-2": [A()],
+    "sz09bsz-3": [N()],
+    "sz09bsz-4": [T()],
+    "sz09bsz-5": [R()],
+    "sz09bsz-6": [E()],
+    "sz09bsz-7": [V()],
+    "sz09bsz-8": [q()],
+    "sz09bsz-9": [D()],
+    "sz09bsz-10": [F()]
+  }
+}), Z = ({
+  colorName: s,
+  color: e,
+  variant: t,
+  className: n
+}) => /* @__PURE__ */ r.jsx(G, { colorName: s, color: e, variant: t, className: n });
+export {
+  Z as C,
+  X as I,
+  Y as L,
+  W as a
+};

package/dist/DefaultThemeColorFallback-DbqJIVcx.js

@@ -0,0 +1,4 @@
+const L = "gray";
+export {
+  L as D
+};

package/dist/DefaultThemeColorFallback-yakKib_c.cjs

@@ -0,0 +1 @@
+"use strict";const L="gray";exports.DEFAULT_THEME_COLOR_FALLBACK=L;

package/dist/GrayScaleDark-Cuc4HWDV.cjs

@@ -0,0 +1 @@
+"use strict";const o={gray1:"color(display-p3 0.09 0.09 0.09)",gray2:"color(display-p3 0.106 0.106 0.106)",gray3:"color(display-p3 0.098 0.098 0.098)",gray4:"color(display-p3 0.114 0.114 0.114)",gray5:"color(display-p3 0.133 0.133 0.133)",gray6:"color(display-p3 0.282 0.282 0.282)",gray7:"color(display-p3 0.298 0.298 0.298)",gray8:"color(display-p3 0.4 0.4 0.4)",gray9:"color(display-p3 0.506 0.506 0.506)",gray10:"color(display-p3 0.482 0.482 0.482)",gray11:"color(display-p3 0.702 0.702 0.702)",gray12:"color(display-p3 0.922 0.922 0.922)"};exports.GRAY_SCALE_DARK=o;

package/dist/GrayScaleDark-DLZkJnfs.js

@@ -0,0 +1,17 @@
+const o = {
+  gray1: "color(display-p3 0.09 0.09 0.09)",
+  gray2: "color(display-p3 0.106 0.106 0.106)",
+  gray3: "color(display-p3 0.098 0.098 0.098)",
+  gray4: "color(display-p3 0.114 0.114 0.114)",
+  gray5: "color(display-p3 0.133 0.133 0.133)",
+  gray6: "color(display-p3 0.282 0.282 0.282)",
+  gray7: "color(display-p3 0.298 0.298 0.298)",
+  gray8: "color(display-p3 0.4 0.4 0.4)",
+  gray9: "color(display-p3 0.506 0.506 0.506)",
+  gray10: "color(display-p3 0.482 0.482 0.482)",
+  gray11: "color(display-p3 0.702 0.702 0.702)",
+  gray12: "color(display-p3 0.922 0.922 0.922)"
+};
+export {
+  o as G
+};

package/dist/IconTypography-D1m71DlC.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./createReactComponent-w5VMPsZQ.cjs");const o=[["path",{d:"M8 4h-3v16h3",key:"svg-0"}],["path",{d:"M16 4h3v16h-3",key:"svg-1"}]],c=e.createReactComponent("outline","brackets","Brackets",o);const t=[["path",{d:"M9 11l3 3l8 -8",key:"svg-0"}],["path",{d:"M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9",key:"svg-1"}]],n=e.createReactComponent("outline","checkbox","Checkbox",t);const a=[["path",{d:"M6 9l6 6l6 -6",key:"svg-0"}]],s=e.createReactComponent("outline","chevron-down","ChevronDown",a);const h=[["path",{d:"M20.042 16.045a9 9 0 0 0 -12.087 -12.087m-2.318 1.677a9 9 0 1 0 12.725 12.73",key:"svg-0"}],["path",{d:"M3 3l18 18",key:"svg-1"}]],p=e.createReactComponent("outline","circle-off","CircleOff",h);const r=[["path",{d:"M21 16.008v-8.018a1.98 1.98 0 0 0 -1 -1.717l-7 -4.008a2.016 2.016 0 0 0 -2 0l-7 4.008c-.619 .355 -1 1.01 -1 1.718v8.018c0 .709 .381 1.363 1 1.717l7 4.008a2.016 2.016 0 0 0 2 0l7 -4.008c.619 -.355 1 -1.01 1 -1.718",key:"svg-0"}],["path",{d:"M12 22v-10",key:"svg-1"}],["path",{d:"M12 12l8.73 -5.04",key:"svg-2"}],["path",{d:"M3.27 6.96l8.73 5.04",key:"svg-3"}]],v=e.createReactComponent("outline","cube","Cube",r);const l=[["path",{d:"M16 8a4 4 0 1 0 -8 0v1a4 4 0 1 0 8 0",key:"svg-0"}],["path",{d:"M8 16a4 4 0 1 0 8 0v-8",key:"svg-1"}]],d=e.createReactComponent("outline","number-9","Number9",l);const k=[["path",{d:"M4 20l3 0",key:"svg-0"}],["path",{d:"M14 20l7 0",key:"svg-1"}],["path",{d:"M6.9 15l6.9 0",key:"svg-2"}],["path",{d:"M10.2 6.3l5.8 13.7",key:"svg-3"}],["path",{d:"M5 20l6 -16l2 0l7 16",key:"svg-4"}]],y=e.createReactComponent("outline","typography","Typography",k);exports.IconBrackets=c;exports.IconCheckbox=n;exports.IconChevronDown=s;exports.IconCircleOff=p;exports.IconCube=v;exports.IconNumber9=d;exports.IconTypography=y;

package/dist/IconTypography-D6-z1Irl.js

@@ -0,0 +1,17 @@
+import { c as o } from "./createReactComponent-Cb6Pzf10.js";
+const e = [["path", { d: "M8 4h-3v16h3", key: "svg-0" }], ["path", { d: "M16 4h3v16h-3", key: "svg-1" }]], l = o("outline", "brackets", "Brackets", e);
+const c = [["path", { d: "M9 11l3 3l8 -8", key: "svg-0" }], ["path", { d: "M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9", key: "svg-1" }]], d = o("outline", "checkbox", "Checkbox", c);
+const t = [["path", { d: "M6 9l6 6l6 -6", key: "svg-0" }]], p = o("outline", "chevron-down", "ChevronDown", t);
+const a = [["path", { d: "M20.042 16.045a9 9 0 0 0 -12.087 -12.087m-2.318 1.677a9 9 0 1 0 12.725 12.73", key: "svg-0" }], ["path", { d: "M3 3l18 18", key: "svg-1" }]], k = o("outline", "circle-off", "CircleOff", a);
+const n = [["path", { d: "M21 16.008v-8.018a1.98 1.98 0 0 0 -1 -1.717l-7 -4.008a2.016 2.016 0 0 0 -2 0l-7 4.008c-.619 .355 -1 1.01 -1 1.718v8.018c0 .709 .381 1.363 1 1.717l7 4.008a2.016 2.016 0 0 0 2 0l7 -4.008c.619 -.355 1 -1.01 1 -1.718", key: "svg-0" }], ["path", { d: "M12 22v-10", key: "svg-1" }], ["path", { d: "M12 12l8.73 -5.04", key: "svg-2" }], ["path", { d: "M3.27 6.96l8.73 5.04", key: "svg-3" }]], y = o("outline", "cube", "Cube", n);
+const s = [["path", { d: "M16 8a4 4 0 1 0 -8 0v1a4 4 0 1 0 8 0", key: "svg-0" }], ["path", { d: "M8 16a4 4 0 1 0 8 0v-8", key: "svg-1" }]], g = o("outline", "number-9", "Number9", s);
+const h = [["path", { d: "M4 20l3 0", key: "svg-0" }], ["path", { d: "M14 20l7 0", key: "svg-1" }], ["path", { d: "M6.9 15l6.9 0", key: "svg-2" }], ["path", { d: "M10.2 6.3l5.8 13.7", key: "svg-3" }], ["path", { d: "M5 20l6 -16l2 0l7 16", key: "svg-4" }]], r = o("outline", "typography", "Typography", h);
+export {
+  p as I,
+  y as a,
+  k as b,
+  r as c,
+  g as d,
+  d as e,
+  l as f
+};

package/dist/Loader-CVqckhmU.js

@@ -0,0 +1,36 @@
+import { j as s } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as o } from "@linaria/react";
+import { motion as r } from "framer-motion";
+import { t as e } from "./themeCssVariables-CBmoYPJ3.js";
+const a = () => ({
+  color: t
+}) => t ? e.tag.text[t] : `var(--tw-button-color, ${e.font.color.tertiary})`, n = /* @__PURE__ */ o("div")({
+  name: "StyledLoaderContainer",
+  class: "s7nepou",
+  propsAsIs: !1,
+  vars: {
+    "s7nepou-0": [a()]
+  }
+}), i = () => ({
+  color: t
+}) => t ? e.tag.text[t] : `var(--tw-button-color, ${e.font.color.tertiary})`, d = /* @__PURE__ */ o("div")({
+  name: "StyledLoaderBase",
+  class: "s19sxjiw",
+  propsAsIs: !1,
+  vars: {
+    "s19sxjiw-0": [i()]
+  }
+}), m = r.create(d), f = ({
+  color: t
+}) => /* @__PURE__ */ s.jsx(n, { color: t, children: /* @__PURE__ */ s.jsx(m, { color: t, animate: {
+  x: [-16, 0, 16],
+  width: [8, 12, 8],
+  height: [8, 2, 8]
+}, transition: {
+  duration: 0.8,
+  times: [0, 0.15, 0.3],
+  repeat: 1 / 0
+} }) });
+export {
+  f as L
+};

package/dist/Loader-DvDr98P8.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./jsx-runtime-CycUbF8Y.cjs"),r=require("@linaria/react"),a=require("framer-motion"),t=require("./themeCssVariables-DswYV7vR.cjs"),o=()=>({color:e})=>e?t.themeCssVariables.tag.text[e]:`var(--tw-button-color, ${t.themeCssVariables.font.color.tertiary})`,n=r.styled("div")({name:"StyledLoaderContainer",class:"s7nepou",propsAsIs:!1,vars:{"s7nepou-0":[o()]}}),i=()=>({color:e})=>e?t.themeCssVariables.tag.text[e]:`var(--tw-button-color, ${t.themeCssVariables.font.color.tertiary})`,d=r.styled("div")({name:"StyledLoaderBase",class:"s19sxjiw",propsAsIs:!1,vars:{"s19sxjiw-0":[i()]}}),l=a.motion.create(d),c=({color:e})=>s.jsxRuntimeExports.jsx(n,{color:e,children:s.jsxRuntimeExports.jsx(l,{color:e,animate:{x:[-16,0,16],width:[8,12,8],height:[8,2,8]},transition:{duration:.8,times:[0,.15,.3],repeat:1/0}})});exports.Loader=c;

package/dist/MainColorNames-I8OTbUOe.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("@radix-ui/colors");function s(o){if(o&&o.__esModule)return o;const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(l,e,a.get?a:{enumerable:!0,get:()=>o[e]})}}return l.default=o,Object.freeze(l)}const r=s(t),i={gray1:"color(display-p3 1 1 1)",gray2:"color(display-p3 0.988 0.988 0.988)",gray3:"color(display-p3 0.976 0.976 0.976)",gray4:"color(display-p3 0.945 0.945 0.945)",gray5:"color(display-p3 0.922 0.922 0.922)",gray6:"color(display-p3 0.839 0.839 0.839)",gray7:"color(display-p3 0.8 0.8 0.8)",gray8:"color(display-p3 0.702 0.702 0.702)",gray9:"color(display-p3 0.6 0.6 0.6)",gray10:"color(display-p3 0.514 0.514 0.514)",gray11:"color(display-p3 0.4 0.4 0.4)",gray12:"color(display-p3 0.2 0.2 0.2)"},n={red:r.redP3.red9,ruby:r.rubyP3.ruby9,crimson:r.crimsonP3.crimson9,tomato:r.tomatoP3.tomato9,orange:r.orangeP3.orange9,amber:r.amberP3.amber9,yellow:r.yellowP3.yellow9,lime:r.limeP3.lime9,grass:r.grassP3.grass9,green:r.greenP3.green9,jade:r.jadeP3.jade9,mint:r.mintP3.mint9,turquoise:r.tealP3.teal9,cyan:r.cyanP3.cyan9,sky:r.skyP3.sky9,blue:r.indigoP3.indigo9,iris:r.irisP3.iris9,violet:r.violetP3.violet9,purple:r.purpleP3.purple9,plum:r.plumP3.plum9,pink:r.pinkP3.pink9,bronze:r.bronzeP3.bronze9,gold:r.goldP3.gold9,brown:r.brownP3.brown9,gray:i.gray9},p=Object.keys(n);exports.GRAY_SCALE_LIGHT=i;exports.MAIN_COLORS_LIGHT=n;exports.MAIN_COLOR_NAMES=p;

package/dist/MainColorNames-syigy4-h.js

@@ -0,0 +1,52 @@
+import * as r from "@radix-ui/colors";
+const o = {
+  gray1: "color(display-p3 1 1 1)",
+  gray2: "color(display-p3 0.988 0.988 0.988)",
+  gray3: "color(display-p3 0.976 0.976 0.976)",
+  gray4: "color(display-p3 0.945 0.945 0.945)",
+  gray5: "color(display-p3 0.922 0.922 0.922)",
+  gray6: "color(display-p3 0.839 0.839 0.839)",
+  gray7: "color(display-p3 0.8 0.8 0.8)",
+  gray8: "color(display-p3 0.702 0.702 0.702)",
+  gray9: "color(display-p3 0.6 0.6 0.6)",
+  gray10: "color(display-p3 0.514 0.514 0.514)",
+  gray11: "color(display-p3 0.4 0.4 0.4)",
+  gray12: "color(display-p3 0.2 0.2 0.2)"
+}, a = {
+  // Reds
+  red: r.redP3.red9,
+  ruby: r.rubyP3.ruby9,
+  crimson: r.crimsonP3.crimson9,
+  tomato: r.tomatoP3.tomato9,
+  // Oranges & Yellows
+  orange: r.orangeP3.orange9,
+  amber: r.amberP3.amber9,
+  yellow: r.yellowP3.yellow9,
+  // Greens
+  lime: r.limeP3.lime9,
+  grass: r.grassP3.grass9,
+  green: r.greenP3.green9,
+  jade: r.jadeP3.jade9,
+  mint: r.mintP3.mint9,
+  // Cyans & Blues
+  turquoise: r.tealP3.teal9,
+  cyan: r.cyanP3.cyan9,
+  sky: r.skyP3.sky9,
+  blue: r.indigoP3.indigo9,
+  // Purples & Pinks
+  iris: r.irisP3.iris9,
+  violet: r.violetP3.violet9,
+  purple: r.purpleP3.purple9,
+  plum: r.plumP3.plum9,
+  pink: r.pinkP3.pink9,
+  // Earth tones & Neutrals
+  bronze: r.bronzeP3.bronze9,
+  gold: r.goldP3.gold9,
+  brown: r.brownP3.brown9,
+  gray: o.gray9
+}, l = Object.keys(a);
+export {
+  o as G,
+  l as M,
+  a
+};

package/dist/OverflowingTextWithTooltip-BY3bdsCV.js

@@ -0,0 +1,72 @@
+import { j as o } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as i } from "@linaria/react";
+import { useRef as k, useState as v } from "react";
+import { createPortal as b } from "react-dom";
+import { isNonEmptyString as n } from "@sniptt/guards";
+import { l as A } from "./linkifyText-isyikTlq.js";
+import { t as L } from "./themeCssVariables-CBmoYPJ3.js";
+import { o as w } from "./utils-BsFkjDy5.js";
+import { A as E, T as I } from "./AppTooltip-BGyiynP0.js";
+const M = /* @__PURE__ */ i("a")({
+  name: "StyledLink",
+  class: "sh9asu0",
+  propsAsIs: !1
+}), x = ({
+  text: e
+}) => n(e) ? /* @__PURE__ */ o.jsx(o.Fragment, { children: A(e).map((t, a) => t.type === "link" ? /* @__PURE__ */ o.jsx(M, { href: t.content, target: "_blank", rel: "noopener noreferrer", onClick: (r) => r.stopPropagation(), children: t.content }, a) : t.content) }) : null, T = L.spacing[4], _ = () => ({
+  isContentOverflowing: e
+}) => e ? "pointer" : "inherit", C = () => ({
+  size: e
+}) => e === "large" ? T : "auto", P = () => ({
+  displayedMaxRows: e
+}) => e ? e.toString() : "1", D = /* @__PURE__ */ i("div")({
+  name: "StyledOverflowingMultilineText",
+  class: "s1w3fbr1",
+  propsAsIs: !1,
+  vars: {
+    "s1w3fbr1-0": [_()],
+    "s1w3fbr1-1": [C()],
+    "s1w3fbr1-2": [P()]
+  }
+}), R = () => ({
+  isContentOverflowing: e
+}) => e ? "pointer" : "inherit", W = () => ({
+  size: e
+}) => e === "large" ? T : "auto", F = /* @__PURE__ */ i("div")({
+  name: "StyledOverflowingText",
+  class: "s1a0c8w6",
+  propsAsIs: !1,
+  vars: {
+    "s1a0c8w6-0": [R()],
+    "s1a0c8w6-1": [W()]
+  }
+}), H = /* @__PURE__ */ i("pre")({
+  name: "StyledPre",
+  class: "sdrewyk",
+  propsAsIs: !1
+}), U = ({
+  size: e = "small",
+  text: t,
+  isTooltipMultiline: a,
+  displayedMaxRows: r,
+  tooltipContent: d,
+  tooltipDelay: y = I.mediumDelay,
+  alwaysShowTooltip: S = !1
+}) => {
+  const c = `title-id-${+/* @__PURE__ */ new Date()}`, s = k(null), [p, m] = v(!1), [j, u] = v(!1), g = () => {
+    const l = s.current ? s.current?.scrollHeight > s.current?.clientHeight || s.current.scrollWidth > s.current.clientWidth : !1;
+    m(l), u(!0);
+  }, h = () => {
+    m(!1), u(!1);
+  }, O = (l) => {
+    l.stopPropagation(), l.preventDefault();
+  }, f = n(d) ? d : n(t) ? t : null;
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    w(r) ? /* @__PURE__ */ o.jsx(D, { "data-testid": "tooltip", isContentOverflowing: p, size: e, displayedMaxRows: r, ref: s, id: c, onMouseEnter: g, onMouseLeave: h, children: n(t) ? /* @__PURE__ */ o.jsx(x, { text: t }) : t }) : /* @__PURE__ */ o.jsx(F, { "data-testid": "tooltip", isContentOverflowing: p, size: e, ref: s, id: c, onMouseEnter: g, onMouseLeave: h, children: n(t) ? /* @__PURE__ */ o.jsx(x, { text: t }) : t }),
+    j && (p || S) && w(f) && b(/* @__PURE__ */ o.jsx("div", { onClick: O, children: /* @__PURE__ */ o.jsx(E, { anchorSelect: `#${c}`, offset: 5, noArrow: !0, place: "bottom", positionStrategy: "absolute", delay: y, isOpen: !0, children: a ? /* @__PURE__ */ o.jsx(H, { children: f }) : f }) }), document.body)
+  ] });
+};
+export {
+  x as L,
+  U as O
+};

package/dist/OverflowingTextWithTooltip-Bx--oslz.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./jsx-runtime-CycUbF8Y.cjs"),l=require("@linaria/react"),d=require("react"),k=require("react-dom"),o=require("@sniptt/guards"),O=require("./linkifyText-DZevSX0n.cjs"),b=require("./themeCssVariables-DswYV7vR.cjs"),j=require("./utils-DOUsOuwI.cjs"),E=require("./AppTooltip-BSOOys5a.cjs"),q=l.styled("a")({name:"StyledLink",class:"sh9asu0",propsAsIs:!1}),x=({text:e})=>o.isNonEmptyString(e)?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:O.linkifyText(e).map((t,c)=>t.type==="link"?s.jsxRuntimeExports.jsx(q,{href:t.content,target:"_blank",rel:"noopener noreferrer",onClick:r=>r.stopPropagation(),children:t.content},c):t.content)}):null,T=b.themeCssVariables.spacing[4],A=()=>({isContentOverflowing:e})=>e?"pointer":"inherit",L=()=>({size:e})=>e==="large"?T:"auto",C=()=>({displayedMaxRows:e})=>e?e.toString():"1",I=l.styled("div")({name:"StyledOverflowingMultilineText",class:"s1w3fbr1",propsAsIs:!1,vars:{"s1w3fbr1-0":[A()],"s1w3fbr1-1":[L()],"s1w3fbr1-2":[C()]}}),M=()=>({isContentOverflowing:e})=>e?"pointer":"inherit",_=()=>({size:e})=>e==="large"?T:"auto",D=l.styled("div")({name:"StyledOverflowingText",class:"s1a0c8w6",propsAsIs:!1,vars:{"s1a0c8w6-0":[M()],"s1a0c8w6-1":[_()]}}),N=l.styled("pre")({name:"StyledPre",class:"sdrewyk",propsAsIs:!1}),P=({size:e="small",text:t,isTooltipMultiline:c,displayedMaxRows:r,tooltipContent:f,tooltipDelay:v=E.TooltipDelay.mediumDelay,alwaysShowTooltip:w=!1})=>{const a=`title-id-${+new Date}`,n=d.useRef(null),[u,m]=d.useState(!1),[S,g]=d.useState(!1),h=()=>{const i=n.current?n.current?.scrollHeight>n.current?.clientHeight||n.current.scrollWidth>n.current.clientWidth:!1;m(i),g(!0)},y=()=>{m(!1),g(!1)},R=i=>{i.stopPropagation(),i.preventDefault()},p=o.isNonEmptyString(f)?f:o.isNonEmptyString(t)?t:null;return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[j.o(r)?s.jsxRuntimeExports.jsx(I,{"data-testid":"tooltip",isContentOverflowing:u,size:e,displayedMaxRows:r,ref:n,id:a,onMouseEnter:h,onMouseLeave:y,children:o.isNonEmptyString(t)?s.jsxRuntimeExports.jsx(x,{text:t}):t}):s.jsxRuntimeExports.jsx(D,{"data-testid":"tooltip",isContentOverflowing:u,size:e,ref:n,id:a,onMouseEnter:h,onMouseLeave:y,children:o.isNonEmptyString(t)?s.jsxRuntimeExports.jsx(x,{text:t}):t}),S&&(u||w)&&j.o(p)&&k.createPortal(s.jsxRuntimeExports.jsx("div",{onClick:R,children:s.jsxRuntimeExports.jsx(E.AppTooltip,{anchorSelect:`#${a}`,offset:5,noArrow:!0,place:"bottom",positionStrategy:"absolute",delay:v,isOpen:!0,children:c?s.jsxRuntimeExports.jsx(N,{children:p}):p})}),document.body)]})};exports.LinkifiedText=x;exports.OverflowingTextWithTooltip=P;

package/dist/Pill-CzxYmDQR.js

@@ -0,0 +1,17 @@
+import { j as l } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as r } from "@linaria/react";
+const i = /* @__PURE__ */ r("span")({
+  name: "StyledPill",
+  class: "s1neyp4x",
+  propsAsIs: !1
+}), n = ({
+  className: e,
+  label: t,
+  Icon: s
+}) => /* @__PURE__ */ l.jsxs(i, { className: e, children: [
+  s && /* @__PURE__ */ l.jsx(s, { size: 12 }),
+  t
+] });
+export {
+  n as P
+};

package/dist/Pill-fgWKgFIn.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-CycUbF8Y.cjs"),i=require("@linaria/react"),r=i.styled("span")({name:"StyledPill",class:"s1neyp4x",propsAsIs:!1}),n=({className:t,label:l,Icon:s})=>e.jsxRuntimeExports.jsxs(r,{className:t,children:[s&&e.jsxRuntimeExports.jsx(s,{size:12}),l]});exports.Pill=n;

package/dist/Tag-C0ieQE9o.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./jsx-runtime-CycUbF8Y.cjs"),n=require("@linaria/react"),p=require("./OverflowingTextWithTooltip-Bx--oslz.cjs"),u=require("./utils-DOUsOuwI.cjs"),e=require("./themeCssVariables-DswYV7vR.cjs"),h=require("./ThemeProvider-CLAfdrfV.cjs"),y=require("react"),f=()=>({color:s})=>s==="transparent"?"transparent":e.themeCssVariables.tag.background[s]??e.themeCssVariables.tag.background.gray,g=()=>({color:s})=>s==="transparent"?e.themeCssVariables.font.color.secondary:e.themeCssVariables.tag.text[s]??e.themeCssVariables.font.color.secondary,b=()=>({weight:s})=>s==="regular"?e.themeCssVariables.font.weight.regular:e.themeCssVariables.font.weight.medium,j=()=>({preventPadding:s})=>s?"0":`0 ${e.themeCssVariables.spacing[2]}`,C=()=>({variant:s})=>s==="outline"||s==="border"?`1px ${s==="border"?"solid":"dashed"} ${e.themeCssVariables.border.color.strong}`:"none",w=()=>({preventShrink:s})=>s?"fit-content":"none",T=n.styled("span")({name:"StyledTag",class:"s1dcywfc",propsAsIs:!1,vars:{"s1dcywfc-0":[f()],"s1dcywfc-1":[g()],"s1dcywfc-2":[b()],"s1dcywfc-3":[j()],"s1dcywfc-4":[C()],"s1dcywfc-5":[w()]}}),R=n.styled("span")({name:"StyledContent",class:"sjqwfkf",propsAsIs:!1}),V=n.styled("span")({name:"StyledNonShrinkableText",class:"s1q9seki",propsAsIs:!1}),q=n.styled("div")({name:"StyledIconContainer",class:"s88a0ns",propsAsIs:!1}),S=({className:s,color:i,text:r,Icon:o,onClick:l,weight:d="regular",variant:x="solid",preventShrink:a,preventPadding:m})=>{const{theme:c}=y.useContext(h.ThemeContext);return t.jsxRuntimeExports.jsxs(T,{className:s,color:i,onClick:l,weight:d,variant:x,preventShrink:a,preventPadding:m,children:[u.o(o)?t.jsxRuntimeExports.jsx(q,{children:t.jsxRuntimeExports.jsx(o,{size:c.icon.size.sm,stroke:c.icon.stroke.sm})}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{}),a?t.jsxRuntimeExports.jsx(V,{children:r}):t.jsxRuntimeExports.jsx(R,{children:t.jsxRuntimeExports.jsx(p.OverflowingTextWithTooltip,{text:r})})]})};exports.Tag=S;

package/dist/Tag-DOSiXPZl.js

@@ -0,0 +1,65 @@
+import { j as t } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as o } from "@linaria/react";
+import { O as f } from "./OverflowingTextWithTooltip-BY3bdsCV.js";
+import { o as x } from "./utils-BsFkjDy5.js";
+import { t as e } from "./themeCssVariables-CBmoYPJ3.js";
+import { T as y } from "./ThemeProvider-CpY05Gd2.js";
+import { useContext as g } from "react";
+const h = () => ({
+  color: s
+}) => s === "transparent" ? "transparent" : e.tag.background[s] ?? e.tag.background.gray, w = () => ({
+  color: s
+}) => s === "transparent" ? e.font.color.secondary : e.tag.text[s] ?? e.font.color.secondary, j = () => ({
+  weight: s
+}) => s === "regular" ? e.font.weight.regular : e.font.weight.medium, u = () => ({
+  preventPadding: s
+}) => s ? "0" : `0 ${e.spacing[2]}`, T = () => ({
+  variant: s
+}) => s === "outline" || s === "border" ? `1px ${s === "border" ? "solid" : "dashed"} ${e.border.color.strong}` : "none", S = () => ({
+  preventShrink: s
+}) => s ? "fit-content" : "none", b = /* @__PURE__ */ o("span")({
+  name: "StyledTag",
+  class: "s1dcywfc",
+  propsAsIs: !1,
+  vars: {
+    "s1dcywfc-0": [h()],
+    "s1dcywfc-1": [w()],
+    "s1dcywfc-2": [j()],
+    "s1dcywfc-3": [u()],
+    "s1dcywfc-4": [T()],
+    "s1dcywfc-5": [S()]
+  }
+}), k = /* @__PURE__ */ o("span")({
+  name: "StyledContent",
+  class: "sjqwfkf",
+  propsAsIs: !1
+}), C = /* @__PURE__ */ o("span")({
+  name: "StyledNonShrinkableText",
+  class: "s1q9seki",
+  propsAsIs: !1
+}), _ = /* @__PURE__ */ o("div")({
+  name: "StyledIconContainer",
+  class: "s88a0ns",
+  propsAsIs: !1
+}), E = ({
+  className: s,
+  color: d,
+  text: n,
+  Icon: r,
+  onClick: l,
+  weight: i = "regular",
+  variant: p = "solid",
+  preventShrink: a,
+  preventPadding: m
+}) => {
+  const {
+    theme: c
+  } = g(y);
+  return /* @__PURE__ */ t.jsxs(b, { className: s, color: d, onClick: l, weight: i, variant: p, preventShrink: a, preventPadding: m, children: [
+    x(r) ? /* @__PURE__ */ t.jsx(_, { children: /* @__PURE__ */ t.jsx(r, { size: c.icon.size.sm, stroke: c.icon.stroke.sm }) }) : /* @__PURE__ */ t.jsx(t.Fragment, {}),
+    a ? /* @__PURE__ */ t.jsx(C, { children: n }) : /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(f, { text: n }) })
+  ] });
+};
+export {
+  E as T
+};

package/dist/ThemeProvider-CLAfdrfV.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("./jsx-runtime-CycUbF8Y.cjs"),i=require("react"),a=require("./themeCssVariables-DswYV7vR.cjs"),m=()=>{const t=document?.documentElement;if(!t||typeof getComputedStyle!="function")return a.themeCssVariables;const e=getComputedStyle(t),r=o=>{const n={};for(const u of Object.keys(o)){const s=o[u];if(typeof s=="string"&&s.startsWith("var(")){const f=s.slice(4,-1),c=e.getPropertyValue(f).trim(),l=Number(c);n[u]=c!==""&&!isNaN(l)?l:c}else typeof s=="object"&&s!==null?n[u]=r(s):n[u]=s}return n};return r(a.themeCssVariables)},h=t=>{const e=document?.documentElement;e?.classList&&(e.classList.toggle("dark",t==="dark"),e.classList.toggle("light",t==="light"))},d=i.createContext({theme:a.themeCssVariables,colorScheme:"light"}),g=({children:t,colorScheme:e})=>{const[r,o]=i.useState(()=>(h(e),m()));return i.useLayoutEffect(()=>{h(e),o(m())},[e]),C.jsxRuntimeExports.jsx(d.Provider,{value:{theme:r,colorScheme:e},children:t})};exports.ThemeContext=d;exports.ThemeProvider=g;

package/dist/ThemeProvider-CpY05Gd2.js

@@ -0,0 +1,40 @@
+import { j as p } from "./jsx-runtime-R4VT8aVc.js";
+import { createContext as d, useState as g, useLayoutEffect as y } from "react";
+import { t as u } from "./themeCssVariables-CBmoYPJ3.js";
+const l = () => {
+  const e = document?.documentElement;
+  if (!e || typeof getComputedStyle != "function")
+    return u;
+  const t = getComputedStyle(e), o = (r) => {
+    const n = {};
+    for (const m of Object.keys(r)) {
+      const s = r[m];
+      if (typeof s == "string" && s.startsWith("var(")) {
+        const f = s.slice(4, -1), a = t.getPropertyValue(f).trim(), c = Number(a);
+        n[m] = a !== "" && !isNaN(c) ? c : a;
+      } else typeof s == "object" && s !== null ? n[m] = o(s) : n[m] = s;
+    }
+    return n;
+  };
+  return o(
+    u
+  );
+}, i = (e) => {
+  const t = document?.documentElement;
+  t?.classList && (t.classList.toggle("dark", e === "dark"), t.classList.toggle("light", e === "light"));
+}, h = d({
+  theme: u,
+  colorScheme: "light"
+}), T = ({
+  children: e,
+  colorScheme: t
+}) => {
+  const [o, r] = g(() => (i(t), l()));
+  return y(() => {
+    i(t), r(l());
+  }, [t]), /* @__PURE__ */ p.jsx(h.Provider, { value: { theme: o, colorScheme: t }, children: e });
+};
+export {
+  h as T,
+  T as a
+};

package/dist/TintedIconTile-C6Ogk0pF.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./createReactComponent-w5VMPsZQ.cjs"),d=require("./jsx-runtime-CycUbF8Y.cjs"),g=require("@linaria/react"),l=require("./themeCssVariables-DswYV7vR.cjs"),T=require("./parseThemeColor-D4ynze2R.cjs"),k=require("./DefaultThemeColorFallback-yakKib_c.cjs"),v=require("./ThemeProvider-CLAfdrfV.cjs"),b=require("react"),I=require("./utils-DOUsOuwI.cjs");const _=[["path",{d:"M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5",key:"svg-0"}]],x=r.createReactComponent("outline","brand-github","BrandGithub",_);const y=[["path",{d:"M9 6l6 6l-6 6",key:"svg-0"}]],R=r.createReactComponent("outline","chevron-right","ChevronRight",y);const M=[["path",{d:"M8 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-0"}],["path",{d:"M8 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M8 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}],["path",{d:"M14 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-3"}],["path",{d:"M14 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-4"}],["path",{d:"M14 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-5"}]],f=r.createReactComponent("outline","grip-vertical","GripVertical",M);const q=[["path",{d:"M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0",key:"svg-0"}]],S=r.createReactComponent("outline","point","Point",q),$=()=>({$backgroundColor:e})=>e??"transparent",E=()=>({$borderColor:e})=>e?`1px solid ${e}`:"none",V=()=>({$dimension:e})=>e??l.themeCssVariables.spacing[4],h=g.styled("div")({name:"StyledTintedIconTileContainer",class:"s1mf3fer",propsAsIs:!1,vars:{"s1mf3fer-0":[$()],"s1mf3fer-1":[E()],"s1mf3fer-2":[V()]}}),i={background:5,border:6,icon:11},a=(e,o)=>{const t=l.themeCssVariables.color,c=l.themeCssVariables.tag.text,n=`${e}${o}`;return t[n]??c[e]},C=e=>{const o=T.parseThemeColor(e);return{backgroundColor:a(o,i.background),iconColor:a(o,i.icon),borderColor:a(o,i.border)}},G=({Icon:e,color:o=k.DEFAULT_THEME_COLOR_FALLBACK,size:t,stroke:c})=>{const{theme:n}=b.useContext(v.ThemeContext),s=C(o),u=t??n.icon.size.md,p=c??n.icon.stroke.md,m=I.o(t)?`${t}px`:void 0;return d.jsxRuntimeExports.jsx(h,{$backgroundColor:s.backgroundColor,$borderColor:s.borderColor,$dimension:m,children:d.jsxRuntimeExports.jsx(e,{size:u,stroke:p,color:s.iconColor})})};exports.IconBrandGithub=x;exports.IconChevronRight=R;exports.IconGripVertical=f;exports.IconPoint=S;exports.StyledTintedIconTileContainer=h;exports.TintedIconTile=G;exports.getIconTileColorShades=C;

package/dist/TintedIconTile-D6h1yGXu.js

@@ -0,0 +1,76 @@
+import { c as r } from "./createReactComponent-Cb6Pzf10.js";
+import { j as l } from "./jsx-runtime-R4VT8aVc.js";
+import { styled as h } from "@linaria/react";
+import { t as d } from "./themeCssVariables-CBmoYPJ3.js";
+import { p as C } from "./parseThemeColor-B2R6aB0f.js";
+import { D as k } from "./DefaultThemeColorFallback-DbqJIVcx.js";
+import { T as f } from "./ThemeProvider-CpY05Gd2.js";
+import { useContext as v } from "react";
+import { o as T } from "./utils-BsFkjDy5.js";
+const _ = [["path", { d: "M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5", key: "svg-0" }]], B = r("outline", "brand-github", "BrandGithub", _);
+const u = [["path", { d: "M9 6l6 6l-6 6", key: "svg-0" }]], V = r("outline", "chevron-right", "ChevronRight", u);
+const b = [["path", { d: "M8 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M8 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M8 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }], ["path", { d: "M14 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-3" }], ["path", { d: "M14 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-4" }], ["path", { d: "M14 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-5" }]], z = r("outline", "grip-vertical", "GripVertical", b);
+const x = [["path", { d: "M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-0" }]], H = r("outline", "point", "Point", x), y = () => ({
+  $backgroundColor: o
+}) => o ?? "transparent", I = () => ({
+  $borderColor: o
+}) => o ? `1px solid ${o}` : "none", M = () => ({
+  $dimension: o
+}) => o ?? d.spacing[4], $ = /* @__PURE__ */ h("div")({
+  name: "StyledTintedIconTileContainer",
+  class: "s1mf3fer",
+  propsAsIs: !1,
+  vars: {
+    "s1mf3fer-0": [y()],
+    "s1mf3fer-1": [I()],
+    "s1mf3fer-2": [M()]
+  }
+}), c = {
+  background: 5,
+  border: 6,
+  icon: 11
+}, i = (o, t) => {
+  const e = d.color, s = d.tag.text, n = `${o}${t}`;
+  return e[n] ?? s[o];
+}, S = (o) => {
+  const t = C(o);
+  return {
+    backgroundColor: i(
+      t,
+      c.background
+    ),
+    iconColor: i(
+      t,
+      c.icon
+    ),
+    borderColor: i(
+      t,
+      c.border
+    )
+  };
+}, F = ({
+  Icon: o,
+  color: t = k,
+  size: e,
+  stroke: s
+}) => {
+  const { theme: n } = v(f), a = S(t), p = e ?? n.icon.size.md, m = s ?? n.icon.stroke.md, g = T(e) ? `${e}px` : void 0;
+  return /* @__PURE__ */ l.jsx(
+    $,
+    {
+      $backgroundColor: a.backgroundColor,
+      $borderColor: a.borderColor,
+      $dimension: g,
+      children: /* @__PURE__ */ l.jsx(o, { size: p, stroke: m, color: a.iconColor })
+    }
+  );
+};
+export {
+  H as I,
+  $ as S,
+  F as T,
+  B as a,
+  z as b,
+  V as c,
+  S as g
+};

package/dist/Toggle-Cw3Dds-m.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./jsx-runtime-CycUbF8Y.cjs"),d=require("@linaria/react"),C=require("./ColorSample-BWfzelYk.cjs"),r=require("./themeCssVariables-DswYV7vR.cjs"),k=require("react"),q=require("./VisibilityHiddenInput-CexbykfV.cjs"),R=require("framer-motion");function S(e){if(e&&e.__esModule)return e;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const b=S(k),E=d.styled("div")({name:"StyledLightIconButtonGroupContainer",class:"s16chs3t",propsAsIs:!1}),v=({iconButtons:e,size:s,className:n})=>a.jsxRuntimeExports.jsx(E,{className:n,children:e.map(({Wrapper:t,Icon:o,accent:u,onClick:c,ariaLabel:i,dataTestId:p},l)=>{const m=a.jsxRuntimeExports.jsx(C.LightIconButton,{Icon:o,accent:u,disabled:!c,onClick:c,size:s,"aria-label":i,testId:p},`light-icon-button-${l}`);return t?a.jsxRuntimeExports.jsx(t,{iconButton:m},`light-icon-button-wrapper-${l}`):m})});var f=(e=>(e.Primary="primary",e.Secondary="secondary",e.Tertiary="tertiary",e))(f||{}),j=(e=>(e.Squared="squared",e.Rounded="rounded",e))(j||{}),V=(e=>(e.Large="large",e.Small="small",e))(V||{}),_=(e=>(e.Blue="blue",e.Orange="orange",e))(_||{});const B=()=>({checkboxSize:e,hoverable:s})=>s===!0?e==="large"?"32px":"24px":e==="large"?"20px":"14px",$=()=>({checkboxSize:e})=>e==="large"?"18px":"12px",O=()=>({checkboxSize:e})=>e==="large"?"20px":"14px",L=()=>({indeterminate:e,isChecked:s,disabled:n,accent:t})=>e||s?n===!0?t==="blue"?r.themeCssVariables.color.blue7:r.themeCssVariables.color.orange7:t==="blue"?r.themeCssVariables.color.blue:r.themeCssVariables.color.orange:"transparent",w=()=>({indeterminate:e,isChecked:s,variant:n,disabled:t,accent:o})=>{switch(!0){case(e||s):return t===!0?o==="blue"?r.themeCssVariables.color.blue7:r.themeCssVariables.color.orange7:o==="blue"?r.themeCssVariables.color.blue:r.themeCssVariables.color.orange;case t===!0:return r.themeCssVariables.border.color.strong;case n==="primary":return r.themeCssVariables.border.color.inverted;case n==="tertiary":return r.themeCssVariables.border.color.medium;default:return r.themeCssVariables.border.color.secondaryInverted}},A=()=>({shape:e})=>e==="rounded"?r.themeCssVariables.border.radius.rounded:r.themeCssVariables.border.radius.sm,G=()=>({variant:e,checkboxSize:s})=>s==="large"||e==="tertiary"?"1.43px":"1px",M=()=>({disabled:e})=>e===!0?"not-allowed":"pointer",T=()=>({shape:e})=>e==="rounded"?r.themeCssVariables.border.radius.rounded:r.themeCssVariables.border.radius.md,P=()=>({checkboxSize:e,hoverable:s})=>s===!0?e==="large"?"6px":"5px":"0",F=()=>({hoverable:e,isChecked:s,indeterminate:n,disabled:t,accent:o})=>e!==!0||t===!0?"transparent":n===!0||s===!0?o==="blue"?r.themeCssVariables.background.transparent.blue:r.themeCssVariables.background.transparent.orange:r.themeCssVariables.background.transparent.light,H=d.styled("div")({name:"StyledCheckboxContainer",class:"s1mchsp6",propsAsIs:!1,vars:{"s1mchsp6-0":[B()],"s1mchsp6-1":[$()],"s1mchsp6-2":[O()],"s1mchsp6-3":[L()],"s1mchsp6-4":[w()],"s1mchsp6-5":[A()],"s1mchsp6-6":[G()],"s1mchsp6-7":[M()],"s1mchsp6-8":[T()],"s1mchsp6-9":[P()],"s1mchsp6-10":[F()]}}),D=()=>({disabled:e})=>e===!0?"not-allowed":"pointer",N=d.styled("input")({name:"StyledCheckboxInput",class:"s1bs7ysv",propsAsIs:!1,vars:{"s1bs7ysv-0":[D()]}}),z=({checked:e,onChange:s,onCheckedChange:n,indeterminate:t,variant:o="primary",size:u="small",shape:c="squared",hoverable:i=!0,className:p,disabled:l=!1,accent:m="blue"})=>{const[x,g]=b.useState(!1);b.useEffect(()=>{g(e??!1)},[e]);const I=h=>{s?.(h),n?.(h.target.checked),g(h.target.checked??!1)},y=b.useId();return a.jsxRuntimeExports.jsxs(H,{checkboxSize:u,variant:o,shape:c,isChecked:x,hoverable:i,indeterminate:t,className:p,disabled:l,accent:m,children:[a.jsxRuntimeExports.jsx(N,{autoComplete:"off",type:"checkbox",id:y,name:"styled-checkbox","data-testid":"input-checkbox",checked:x,onChange:I,disabled:l}),a.jsxRuntimeExports.jsx("label",{htmlFor:y,children:t?a.jsxRuntimeExports.jsx(C.IconMinus,{}):x?a.jsxRuntimeExports.jsx(C.IconCheck,{}):a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{})})]})},J=()=>({centered:e})=>e?"center":"flex-start",K=()=>({isOn:e,color:s})=>e?s??r.themeCssVariables.color.blue:r.themeCssVariables.background.transparent.medium,Q=()=>({toggleSize:e})=>e==="small"?16:20,U=()=>({"data-disabled":e})=>e?.5:1,X=()=>({"data-disabled":e})=>e?"none":"auto",Y=()=>({toggleSize:e})=>e==="small"?24:32,Z=d.styled("label")({name:"StyledContainer",class:"sh8m94q",propsAsIs:!1,vars:{"sh8m94q-0":[J()],"sh8m94q-1":[K()],"sh8m94q-2":[Q(),"px"],"sh8m94q-3":[U()],"sh8m94q-4":[X()],"sh8m94q-5":[Y(),"px"]}}),W=()=>({size:e})=>e==="small"?12:16,ee=d.styled("span")({name:"StyledCircleBase",class:"s1gqa4pe",propsAsIs:!1,vars:{"s1gqa4pe-0":[W(),"px"]}}),se=R.motion.create(ee),re=({id:e,value:s=!1,onChange:n,color:t,toggleSize:o="medium",className:u,centered:c,disabled:i})=>{const p={on:{x:o==="small"?10:14},off:{x:2}};return a.jsxRuntimeExports.jsxs(Z,{isOn:s,color:t,toggleSize:o,className:u,centered:c,"data-disabled":i,children:[a.jsxRuntimeExports.jsx(q.VisibilityHiddenInput,{id:e,type:"checkbox",checked:s,disabled:i,onChange:l=>{n?.(l.target.checked)}}),a.jsxRuntimeExports.jsx(se,{initial:!1,animate:s?"on":"off",variants:p,size:o})]})};exports.Checkbox=z;exports.CheckboxAccent=_;exports.CheckboxShape=j;exports.CheckboxSize=V;exports.CheckboxVariant=f;exports.LightIconButtonGroup=v;exports.Toggle=re;