@devup-ui/components 0.1.43 → 0.1.45

package/dist/components/Select/index.js

@@ -1,321 +1,221 @@
 "use client";
-import { jsx as i, jsxs as C, Fragment as A } from "react/jsx-runtime";
-import { useRef as W, useState as D, useEffect as H, createElement as N, Children as T } from "react";
-import { Box as F, VStack as $, Flex as B, css as E } from "@devup-ui/react";
-import j from "clsx";
-import { SelectContext as I, useSelect as w } from "../../contexts/useSelect.js";
-import { Button as R } from "../Button/index.js";
-import { IconCheck as O } from "./IconCheck.js";
-function Q({
-  type: t = "default",
-  children: l,
-  defaultValue: b,
-  value: o,
-  onChange: s,
-  defaultOpen: h,
-  open: u,
-  onOpenChange: f,
-  colors: e,
-  typography: c,
-  options: a,
-  triggerProps: x,
-  containerProps: n,
-  optionProps: g,
-  ...d
-}) {
-  const p = W(null), [y, k] = D(h ?? !1), [m, v] = D(
-    b ?? (t === "checkbox" ? [] : "")
-  );
-  H(() => {
-    const r = (S) => {
-      p.current && p.current.contains(S.target) || k(!1);
-    };
-    return document.addEventListener("click", r), () => document.removeEventListener("click", r);
-  }, [y, k]);
-  const z = (r) => {
-    f?.(r), k(r);
-  }, L = (r) => {
-    if (s?.(r), t !== "default") {
-      if (t === "radio") {
-        v(r);
-        return;
-      }
-      Array.isArray(m) && m.includes(r) ? v(m.filter((S) => S !== r)) : v([...m, r]);
-    }
-  };
-  return /* @__PURE__ */ i(
-    I.Provider,
-    {
-      value: {
-        open: u ?? y,
-        setOpen: z,
-        value: o ?? m,
-        setValue: L,
-        type: t,
-        ref: p
-      },
-      children: /* @__PURE__ */ i(
-        F,
-        {
-          ref: p,
-          display: "inline-block",
-          h: "fit-content",
-          selectors: {
-            "&, & *": {
-              boxSizing: "border-box"
-            }
-          },
-          styleOrder: 1,
-          styleVars: {
-            primary: e?.primary,
-            border: e?.border,
-            inputBackground: e?.inputBackground,
-            base10: e?.base10,
-            title: e?.title,
-            selectDisabled: e?.selectDisabled,
-            primaryBg: e?.primaryBg,
-            inputDisabledBackground: e?.inputDisabledBackground,
-            inputDisabledText: e?.inputDisabledText
-          },
-          typography: c,
-          ...d,
-          children: a ? /* @__PURE__ */ C(A, { children: [
-            /* @__PURE__ */ i(V, { ...x, children: l }),
-            /* @__PURE__ */ i(P, { ...n, children: a?.map((r) => /* @__PURE__ */ N(
-              X,
-              {
-                ...g,
-                ...r,
-                key: "option-" + r.value
-              },
-              r.label ?? r.value
-            )) })
-          ] }) : l
-        }
-      )
-    }
-  );
+"use client";
+import { Button as e } from "../Button/index.js";
+import { SelectContext as t, useSelect as n } from "../../contexts/useSelect.js";
+import { IconCheck as r } from "./IconCheck.js";
+import { Box as i, Flex as a, VStack as o, css as s } from "@devup-ui/react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Children as d, createElement as f, useEffect as p, useRef as m, useState as h } from "react";
+import g from "clsx";
+//#region src/components/Select/index.tsx
+function _({ type: e = "default", children: n, defaultValue: r, value: a, onChange: o, defaultOpen: s, open: d, onOpenChange: g, colors: _, typography: x, options: S, triggerProps: C, containerProps: w, optionProps: T, ...E }) {
+	let D = m(null), [O, k] = h(s ?? !1), [A, j] = h(r ?? (e === "checkbox" ? [] : ""));
+	return p(() => {
+		let e = (e) => {
+			D.current && D.current.contains(e.target) || k(!1);
+		};
+		return document.addEventListener("click", e), () => document.removeEventListener("click", e);
+	}, [O, k]), /* @__PURE__ */ l(t.Provider, {
+		value: {
+			open: d ?? O,
+			setOpen: (e) => {
+				g?.(e), k(e);
+			},
+			value: a ?? A,
+			setValue: (t) => {
+				if (o?.(t), e !== "default") {
+					if (e === "radio") {
+						j(t);
+						return;
+					}
+					Array.isArray(A) && A.includes(t) ? j(A.filter((e) => e !== t)) : j([...A, t]);
+				}
+			},
+			type: e,
+			ref: D
+		},
+		children: /* @__PURE__ */ l(i, {
+			ref: D,
+			display: "inline-block",
+			h: "fit-content",
+			selectors: { "&, & *": { boxSizing: "border-box" } },
+			styleOrder: 1,
+			styleVars: {
+				primary: _?.primary,
+				border: _?.border,
+				inputBackground: _?.inputBackground,
+				base10: _?.base10,
+				title: _?.title,
+				selectDisabled: _?.selectDisabled,
+				primaryBg: _?.primaryBg,
+				inputDisabledBackground: _?.inputDisabledBackground,
+				inputDisabledText: _?.inputDisabledText
+			},
+			typography: x,
+			...E,
+			children: S ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(v, {
+				...C,
+				children: n
+			}), /* @__PURE__ */ l(y, {
+				...w,
+				children: S?.map((e) => /* @__PURE__ */ f(b, {
+					...T,
+					...e,
+					key: "option-" + e.value
+				}, e.label ?? e.value))
+			})] }) : n
+		})
+	});
 }
-function V({
-  className: t,
-  children: l,
-  asChild: b,
-  ...o
-}) {
-  const { open: s, setOpen: h } = w(), u = () => {
-    h(!s);
-  };
-  if (b) {
-    const f = T.only(l), e = f.type;
-    return /* @__PURE__ */ i(
-      e,
-      {
-        "aria-expanded": s,
-        "aria-label": "Select toggle",
-        onClick: u,
-        ...f.props
-      }
-    );
-  }
-  return /* @__PURE__ */ i(
-    R,
-    {
-      "aria-expanded": s,
-      "aria-label": "Select toggle",
-      className: j(
-        E({
-          borderRadius: "8px",
-          styleOrder: 2
-        }),
-        t
-      ),
-      onClick: u,
-      ...o,
-      children: l
-    }
-  );
+function v({ className: t, children: r, asChild: i, ...a }) {
+	let { open: o, setOpen: c } = n(), u = () => {
+		c(!o);
+	};
+	if (i) {
+		let e = d.only(r), t = e.type;
+		return /* @__PURE__ */ l(t, {
+			"aria-expanded": o,
+			"aria-label": "Select toggle",
+			onClick: u,
+			...e.props
+		});
+	}
+	return /* @__PURE__ */ l(e, {
+		"aria-expanded": o,
+		"aria-label": "Select toggle",
+		className: g(s({
+			borderRadius: "8px",
+			styleOrder: 2
+		}), t),
+		onClick: u,
+		...a,
+		children: r
+	});
 }
-function P({
-  children: t,
-  showConfirmButton: l,
-  confirmButtonText: b = "완료",
-  x: o = 0,
-  y: s = 0,
-  ...h
-}) {
-  const { open: u, setOpen: f, type: e, ref: c } = w();
-  return u ? /* @__PURE__ */ C(
-    $,
-    {
-      ref: (a) => {
-        if (!c.current || !a) return;
-        const x = c.current, n = () => {
-          const {
-            height: g,
-            x: d,
-            y: p,
-            top: y,
-            left: k
-          } = x.getBoundingClientRect(), m = a.offsetHeight + y + window.scrollY + g + s > document.documentElement.scrollHeight, v = a.offsetWidth + k + window.scrollX + o > document.documentElement.scrollWidth;
-          m ? a.style.bottom = `${window.innerHeight - p + 10}px` : a.style.top = `${p + g + 10 + s}px`, v ? a.style.left = `${Math.max(d - a.offsetWidth + x.offsetWidth, 0) + o}px` : a.style.left = `${d + o}px`;
-        };
-        return n(), window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
-          window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n);
-        };
-      },
-      "aria-label": "Select container",
-      bg: "var(--inputBg, light-dark(#FFF,#2E2E2E))",
-      border: "1px solid var(--border, light-dark(#E4E4E4,#434343))",
-      borderRadius: "8px",
-      bottom: "-4px",
-      boxShadow: "0 2px 2px 0 var(--base10, light-dark(#0000001A,#FFFFFF1A))",
-      boxSize: "fit-content",
-      gap: "6px",
-      minW: "232px",
-      p: "10px",
-      pos: "fixed",
-      styleOrder: 1,
-      userSelect: "none",
-      zIndex: 1,
-      ...h,
-      children: [
-        t,
-        l && e === "checkbox" && /* @__PURE__ */ i(B, { justifyContent: "end", w: "100%", children: /* @__PURE__ */ i(
-          R,
-          {
-            "aria-label": "Select confirm button",
-            className: E({
-              textAlign: "end",
-              bg: "var(--primary, light-dark(#674DC7, #8163E1))",
-              borderRadius: "8px",
-              w: "fit-content",
-              px: "30px",
-              py: "10px",
-              color: "#FFF",
-              typography: "buttonS"
-            }),
-            onClick: () => f(!1),
-            variant: "primary",
-            children: b
-          }
-        ) })
-      ]
-    }
-  ) : null;
+function y({ children: t, showConfirmButton: r, confirmButtonText: i = "완료", x: c = 0, y: d = 0, ...f }) {
+	let { open: p, setOpen: m, type: h, ref: g } = n();
+	return p ? /* @__PURE__ */ u(o, {
+		ref: (e) => {
+			if (!g.current || !e) return;
+			let t = g.current, n = () => {
+				let { height: n, x: r, y: i, top: a, left: o } = t.getBoundingClientRect(), s = e.offsetHeight + a + window.scrollY + n + d > document.documentElement.scrollHeight, l = e.offsetWidth + o + window.scrollX + c > document.documentElement.scrollWidth;
+				s ? e.style.bottom = `${window.innerHeight - i + 10}px` : e.style.top = `${i + n + 10 + d}px`, l ? e.style.left = `${Math.max(r - e.offsetWidth + t.offsetWidth, 0) + c}px` : e.style.left = `${r + c}px`;
+			};
+			return n(), window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
+				window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n);
+			};
+		},
+		"aria-label": "Select container",
+		bg: "var(--inputBg, light-dark(#FFF,#2E2E2E))",
+		border: "1px solid var(--border, light-dark(#E4E4E4,#434343))",
+		borderRadius: "8px",
+		bottom: "-4px",
+		boxShadow: "0 2px 2px 0 var(--base10, light-dark(#0000001A,#FFFFFF1A))",
+		boxSize: "fit-content",
+		gap: "6px",
+		minW: "232px",
+		p: "10px",
+		pos: "fixed",
+		styleOrder: 1,
+		userSelect: "none",
+		zIndex: 1,
+		...f,
+		children: [t, r && h === "checkbox" && /* @__PURE__ */ l(a, {
+			justifyContent: "end",
+			w: "100%",
+			children: /* @__PURE__ */ l(e, {
+				"aria-label": "Select confirm button",
+				className: s({
+					textAlign: "end",
+					bg: "var(--primary, light-dark(#674DC7, #8163E1))",
+					borderRadius: "8px",
+					w: "fit-content",
+					px: "30px",
+					py: "10px",
+					color: "#FFF",
+					typography: "buttonS"
+				}),
+				onClick: () => m(!1),
+				variant: "primary",
+				children: i
+			})
+		})]
+	}) : null;
 }
-function X({
-  disabled: t,
-  onClick: l,
-  children: b,
-  value: o,
-  showCheck: s = !0,
-  ...h
-}) {
-  const { setOpen: u, setValue: f, value: e, type: c } = w(), a = () => {
-    c !== "checkbox" && u(!1);
-  }, x = (d, p) => {
-    if (l) {
-      l(d, p);
-      return;
-    }
-    typeof d == "string" && f(d), a();
-  }, n = {
-    default: !1,
-    radio: e === o,
-    checkbox: Array.isArray(e) && o && e.includes(o)
-  }[c], g = !t && !(c === "radio" && n);
-  return /* @__PURE__ */ C(
-    B,
-    {
-      _hover: g && {
-        bg: "var(--primaryBg, light-dark(#F4F3FA, #F4F3FA0D))"
-      },
-      alignItems: "center",
-      "aria-label": "Select option",
-      borderRadius: "6px",
-      color: t ? "var(--selectDisabled, light-dark(#C4C5D1, #45464D))" : n ? "var(--primary, light-dark(#674DC7, #8163E1)" : "var(--title, light-dark(#1A1A1A,#FAFAFA))",
-      cursor: g ? "pointer" : "default",
-      "data-value": o,
-      fontWeight: n ? "700" : "400",
-      gap: {
-        checkbox: "10px",
-        radio: "6px",
-        default: "0"
-      }[c],
-      h: "40px",
-      onClick: t ? void 0 : (d) => x(o, d),
-      px: "10px",
-      styleOrder: 1,
-      transition: "background-color 0.1s ease-in-out",
-      ...h,
-      children: [
-        s && {
-          checkbox: /* @__PURE__ */ i(
-            F,
-            {
-              bg: t ? "var(--inputDisabledBackground, light-dark(#F0F0F3, #414244))" : n ? "var(--primary, light-dark(#674DC7, #8163E1)" : "var(--border, light-dark(#E4E4E4, #434343))",
-              borderRadius: "4px",
-              boxSize: "18px",
-              pos: "relative",
-              transition: "background-color 0.1s ease-in-out",
-              children: n && /* @__PURE__ */ i(
-                O,
-                {
-                  className: E({
-                    color: t ? "var(--inputDisabledText, light-dark(#E5E5E5, #373737))" : "#FFF",
-                    position: "absolute",
-                    top: "55%",
-                    left: "50%",
-                    transform: "translate(-50%, -50%)"
-                  })
-                }
-              )
-            }
-          ),
-          radio: /* @__PURE__ */ i(A, { children: n && /* @__PURE__ */ i(
-            F,
-            {
-              borderRadius: "4px",
-              boxSize: "18px",
-              pos: "relative",
-              transition: "background-color 0.1s ease-in-out",
-              children: /* @__PURE__ */ i(
-                O,
-                {
-                  className: E({
-                    position: "absolute",
-                    top: "55%",
-                    left: "50%",
-                    transform: "translate(-50%, -50%)",
-                    color: "inherit"
-                  })
-                }
-              )
-            }
-          ) }),
-          default: null
-        }[c],
-        b
-      ]
-    }
-  );
+function b({ disabled: e, onClick: t, children: o, value: d, showCheck: f = !0, ...p }) {
+	let { setOpen: m, setValue: h, value: g, type: _ } = n(), v = () => {
+		_ !== "checkbox" && m(!1);
+	}, y = (e, n) => {
+		if (t) {
+			t(e, n);
+			return;
+		}
+		typeof e == "string" && h(e), v();
+	}, b = {
+		default: !1,
+		radio: g === d,
+		checkbox: Array.isArray(g) && d && g.includes(d)
+	}[_], x = !e && !(_ === "radio" && b);
+	return /* @__PURE__ */ u(a, {
+		_hover: x && { bg: "var(--primaryBg, light-dark(#F4F3FA, #F4F3FA0D))" },
+		alignItems: "center",
+		"aria-label": "Select option",
+		borderRadius: "6px",
+		color: e ? "var(--selectDisabled, light-dark(#C4C5D1, #45464D))" : b ? "var(--primary, light-dark(#674DC7, #8163E1)" : "var(--title, light-dark(#1A1A1A,#FAFAFA))",
+		cursor: x ? "pointer" : "default",
+		"data-value": d,
+		fontWeight: b ? "700" : "400",
+		gap: {
+			checkbox: "10px",
+			radio: "6px",
+			default: "0"
+		}[_],
+		h: "40px",
+		onClick: e ? void 0 : (e) => y(d, e),
+		px: "10px",
+		styleOrder: 1,
+		transition: "background-color 0.1s ease-in-out",
+		...p,
+		children: [f && {
+			checkbox: /* @__PURE__ */ l(i, {
+				bg: e ? "var(--inputDisabledBackground, light-dark(#F0F0F3, #414244))" : b ? "var(--primary, light-dark(#674DC7, #8163E1)" : "var(--border, light-dark(#E4E4E4, #434343))",
+				borderRadius: "4px",
+				boxSize: "18px",
+				pos: "relative",
+				transition: "background-color 0.1s ease-in-out",
+				children: b && /* @__PURE__ */ l(r, { className: s({
+					color: e ? "var(--inputDisabledText, light-dark(#E5E5E5, #373737))" : "#FFF",
+					position: "absolute",
+					top: "55%",
+					left: "50%",
+					transform: "translate(-50%, -50%)"
+				}) })
+			}),
+			radio: /* @__PURE__ */ l(c, { children: b && /* @__PURE__ */ l(i, {
+				borderRadius: "4px",
+				boxSize: "18px",
+				pos: "relative",
+				transition: "background-color 0.1s ease-in-out",
+				children: /* @__PURE__ */ l(r, { className: s({
+					position: "absolute",
+					top: "55%",
+					left: "50%",
+					transform: "translate(-50%, -50%)",
+					color: "inherit"
+				}) })
+			}) }),
+			default: null
+		}[_], o]
+	});
 }
-function U({ ...t }) {
-  return /* @__PURE__ */ i(
-    F,
-    {
-      bg: "var(--border, light-dark(#E4E4E4,#434343)",
-      h: "1px",
-      styleOrder: 1,
-      w: "100%",
-      ...t
-    }
-  );
+function x({ ...e }) {
+	return /* @__PURE__ */ l(i, {
+		bg: "var(--border, light-dark(#E4E4E4,#434343)",
+		h: "1px",
+		styleOrder: 1,
+		w: "100%",
+		...e
+	});
 }
-export {
-  Q as Select,
-  P as SelectContainer,
-  U as SelectDivider,
-  X as SelectOption,
-  V as SelectTrigger
-};
+//#endregion
+export { _ as Select, y as SelectContainer, x as SelectDivider, b as SelectOption, v as SelectTrigger };

package/dist/components/Stepper/IconMinus.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");function i({...n}){return e.jsx("svg",{fill:"none",height:"28",viewBox:"0 0 28 28",width:"28",xmlns:"http://www.w3.org/2000/svg",...n,children:e.jsx("path",{clipRule:"evenodd",d:"M9 14C9 13.4477 9.3731 13 9.83333 13H18.1667C18.6269 13 19 13.4477 19 14C19 14.5523 18.6269 15 18.1667 15H9.83333C9.3731 15 9 14.5523 9 14Z",fill:"currentColor",fillRule:"evenodd"})})}exports.IconMinus=i;
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react/jsx-runtime`);function t({...t}){return(0,e.jsx)(`svg`,{fill:`none`,height:`28`,viewBox:`0 0 28 28`,width:`28`,xmlns:`http://www.w3.org/2000/svg`,...t,children:(0,e.jsx)(`path`,{clipRule:`evenodd`,d:`M9 14C9 13.4477 9.3731 13 9.83333 13H18.1667C18.6269 13 19 13.4477 19 14C19 14.5523 18.6269 15 18.1667 15H9.83333C9.3731 15 9 14.5523 9 14Z`,fill:`currentColor`,fillRule:`evenodd`})})}exports.IconMinus=t;

package/dist/components/Stepper/IconMinus.js

@@ -1,26 +1,20 @@
 import { jsx as e } from "react/jsx-runtime";
-function o({ ...l }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      fill: "none",
-      height: "28",
-      viewBox: "0 0 28 28",
-      width: "28",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...l,
-      children: /* @__PURE__ */ e(
-        "path",
-        {
-          clipRule: "evenodd",
-          d: "M9 14C9 13.4477 9.3731 13 9.83333 13H18.1667C18.6269 13 19 13.4477 19 14C19 14.5523 18.6269 15 18.1667 15H9.83333C9.3731 15 9 14.5523 9 14Z",
-          fill: "currentColor",
-          fillRule: "evenodd"
-        }
-      )
-    }
-  );
+//#region src/components/Stepper/IconMinus.tsx
+function t({ ...t }) {
+	return /* @__PURE__ */ e("svg", {
+		fill: "none",
+		height: "28",
+		viewBox: "0 0 28 28",
+		width: "28",
+		xmlns: "http://www.w3.org/2000/svg",
+		...t,
+		children: /* @__PURE__ */ e("path", {
+			clipRule: "evenodd",
+			d: "M9 14C9 13.4477 9.3731 13 9.83333 13H18.1667C18.6269 13 19 13.4477 19 14C19 14.5523 18.6269 15 18.1667 15H9.83333C9.3731 15 9 14.5523 9 14Z",
+			fill: "currentColor",
+			fillRule: "evenodd"
+		})
+	});
 }
-export {
-  o as IconMinus
-};
+//#endregion
+export { t as IconMinus };

package/dist/components/Stepper/IconPlus.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");function n({...t}){return e.jsx("svg",{fill:"none",height:"28",viewBox:"0 0 28 28",width:"28",xmlns:"http://www.w3.org/2000/svg",...t,children:e.jsx("path",{d:"M14.8333 9.83333C14.8333 9.3731 14.4602 9 14 9C13.5397 9 13.1666 9.3731 13.1666 9.83333V13.1667H9.8333C9.37307 13.1667 8.99997 13.5398 8.99997 14C8.99997 14.4602 9.37307 14.8333 9.8333 14.8333H13.1666V18.1667C13.1666 18.6269 13.5397 19 14 19C14.4602 19 14.8333 18.6269 14.8333 18.1667V14.8333H18.1666C18.6269 14.8333 19 14.4602 19 14C19 13.5398 18.6269 13.1667 18.1666 13.1667H14.8333V9.83333Z",fill:"currentColor"})})}exports.IconPlus=n;
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react/jsx-runtime`);function t({...t}){return(0,e.jsx)(`svg`,{fill:`none`,height:`28`,viewBox:`0 0 28 28`,width:`28`,xmlns:`http://www.w3.org/2000/svg`,...t,children:(0,e.jsx)(`path`,{d:`M14.8333 9.83333C14.8333 9.3731 14.4602 9 14 9C13.5397 9 13.1666 9.3731 13.1666 9.83333V13.1667H9.8333C9.37307 13.1667 8.99997 13.5398 8.99997 14C8.99997 14.4602 9.37307 14.8333 9.8333 14.8333H13.1666V18.1667C13.1666 18.6269 13.5397 19 14 19C14.4602 19 14.8333 18.6269 14.8333 18.1667V14.8333H18.1666C18.6269 14.8333 19 14.4602 19 14C19 13.5398 18.6269 13.1667 18.1666 13.1667H14.8333V9.83333Z`,fill:`currentColor`})})}exports.IconPlus=t;

package/dist/components/Stepper/IconPlus.js

@@ -1,24 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-function n({ ...r }) {
-  return /* @__PURE__ */ o(
-    "svg",
-    {
-      fill: "none",
-      height: "28",
-      viewBox: "0 0 28 28",
-      width: "28",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...r,
-      children: /* @__PURE__ */ o(
-        "path",
-        {
-          d: "M14.8333 9.83333C14.8333 9.3731 14.4602 9 14 9C13.5397 9 13.1666 9.3731 13.1666 9.83333V13.1667H9.8333C9.37307 13.1667 8.99997 13.5398 8.99997 14C8.99997 14.4602 9.37307 14.8333 9.8333 14.8333H13.1666V18.1667C13.1666 18.6269 13.5397 19 14 19C14.4602 19 14.8333 18.6269 14.8333 18.1667V14.8333H18.1666C18.6269 14.8333 19 14.4602 19 14C19 13.5398 18.6269 13.1667 18.1666 13.1667H14.8333V9.83333Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  );
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/Stepper/IconPlus.tsx
+function t({ ...t }) {
+	return /* @__PURE__ */ e("svg", {
+		fill: "none",
+		height: "28",
+		viewBox: "0 0 28 28",
+		width: "28",
+		xmlns: "http://www.w3.org/2000/svg",
+		...t,
+		children: /* @__PURE__ */ e("path", {
+			d: "M14.8333 9.83333C14.8333 9.3731 14.4602 9 14 9C13.5397 9 13.1666 9.3731 13.1666 9.83333V13.1667H9.8333C9.37307 13.1667 8.99997 13.5398 8.99997 14C8.99997 14.4602 9.37307 14.8333 9.8333 14.8333H13.1666V18.1667C13.1666 18.6269 13.5397 19 14 19C14.4602 19 14.8333 18.6269 14.8333 18.1667V14.8333H18.1666C18.6269 14.8333 19 14.4602 19 14C19 13.5398 18.6269 13.1667 18.1666 13.1667H14.8333V9.83333Z",
+			fill: "currentColor"
+		})
+	});
 }
-export {
-  n as IconPlus
-};
+//#endregion
+export { t as IconPlus };