@tipp/ui 2.3.37 → 2.3.39

package/dist/app/platform/userInfos/utils.js

@@ -29,8 +29,8 @@ import "../../../chunk-TVDKGMBI.js";
 import "../../../chunk-XQOL7UBI.js";
 import "../../../chunk-TULWX7D6.js";
 import "../../../chunk-DHZVOXFM.js";
-import "../../../chunk-JIJLOKVN.js";
-import "../../../chunk-OXZ25J7F.js";
+import "../../../chunk-X4OCUESK.js";
+import "../../../chunk-SE5TPTP2.js";
 import "../../../chunk-5AVBYDPB.js";
 import "../../../chunk-SMLC2O3V.js";
 import "../../../chunk-Y4U24VXI.js";
@@ -65,8 +65,9 @@ import "../../../chunk-ZD7MNMED.js";
 import "../../../chunk-B6XJN6EC.js";
 import "../../../chunk-RP2RGCAW.js";
 import "../../../chunk-MIMJ7LON.js";
-import "../../../chunk-DLP4UUNG.js";
-import "../../../chunk-VD7AQ7HK.js";
+import "../../../chunk-JU7GB6R2.js";
+import "../../../chunk-JVXATVAC.js";
+import "../../../chunk-B3VSXNTH.js";
 import "../../../chunk-ZQE7SP6P.js";
 import "../../../chunk-R6ARPREO.js";
 import "../../../chunk-2O45FRFQ.js";

package/dist/atoms/index.cjs

@@ -1497,8 +1497,69 @@ var CircleFileIcon = React20.forwardRef(
 );
 CircleFileIcon.displayName = "CircleFileIcon";
 
-// src/atoms/pagination.tsx
+// src/icons/headset.tsx
+var React21 = __toESM(require("react"), 1);
 var import_jsx_runtime34 = require("react/jsx-runtime");
+var HeadsetIcon = React21.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            "path",
+            {
+              d: "M3.25 6C3.25 3.75 5.5 2 8 2C10.5 2 12.75 3.75 12.75 6",
+              stroke: color,
+              strokeLinecap: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            "path",
+            {
+              d: "M4.75 6H3.25A1.5 1.5 0 0 0 1.75 7.5V10.75A1.5 1.5 0 0 0 3.25 12.25H4.75Z",
+              stroke: color,
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            "path",
+            {
+              d: "M11.25 6H12.75A1.5 1.5 0 0 1 14.25 7.5V10.75A1.5 1.5 0 0 1 12.75 12.25H11.25Z",
+              stroke: color,
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            "path",
+            {
+              d: "M4 12.25V13.25C4 13.94 4.56 14.5 5.25 14.5H8",
+              stroke: color,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "1.2"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+HeadsetIcon.displayName = "HeadsetIcon";
+
+// src/atoms/pagination.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Pagination(props) {
   const { onChange, count = 0, siblingCount = 2 } = props;
   const isControlled = props.page !== void 0;
@@ -1562,19 +1623,19 @@ function Pagination(props) {
     size: "large",
     style: { borderRadius: "50%" }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_themes22.Flex, { align: "center", className: "tipp-pagination", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes22.Flex, { align: "center", className: "tipp-pagination", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       IconButton,
       __spreadProps(__spreadValues({
         disabled: !doublePrev,
         onClick: onClickDoublePrev
       }, moveButtonProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_icons2.DoubleArrowLeftIcon, __spreadValues({}, iconSize))
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons2.DoubleArrowLeftIcon, __spreadValues({}, iconSize))
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !prev, onClick: onClickPrev }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_icons2.ChevronLeftIcon, __spreadValues({}, iconSize)) })),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_themes22.Flex, { gap: "1", children: visibleItems.map((item) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !prev, onClick: onClickPrev }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons2.ChevronLeftIcon, __spreadValues({}, iconSize)) })),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes22.Flex, { gap: "1", children: visibleItems.map((item) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "button",
         {
           className: `page-button ${item === page ? "active" : ""}`,
@@ -1582,39 +1643,39 @@ function Pagination(props) {
             goToPage(item);
           },
           type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typo, { variant: "body", children: item })
+          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typo, { variant: "body", children: item })
         },
         item
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !next, onClick: onClickNext }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_icons2.ChevronRightIcon, __spreadValues({}, iconSize)) })),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !next, onClick: onClickNext }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons2.ChevronRightIcon, __spreadValues({}, iconSize)) })),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       IconButton,
       __spreadProps(__spreadValues({
         disabled: !doubleNext,
         onClick: onClickDoubleNext
       }, moveButtonProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_icons2.DoubleArrowRightIcon, __spreadValues({}, iconSize))
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_icons2.DoubleArrowRightIcon, __spreadValues({}, iconSize))
       })
     )
   ] });
 }
 
 // src/atoms/field-error-wrapper.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function FieldErrorWrapper({
   children,
   error
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_themes22.Flex, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_themes22.Flex, { direction: "column", gap: "1", children: [
     children,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typo, { color: "red", variant: "caption", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Typo, { color: "red", variant: "caption", children: error }) : null
   ] });
 }
 
 // src/atoms/ellipsis-tooltip.tsx
 var import_react21 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function EllipsisTooltip(props) {
   const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
   const ref = (0, import_react21.useRef)(null);
@@ -1636,7 +1697,7 @@ function EllipsisTooltip(props) {
       ref.current.addEventListener("mouseleave", mouseOut);
     }
   }, [children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     Typo,
     __spreadProps(__spreadValues({}, rest), {
       ref,
@@ -1659,12 +1720,12 @@ var Dialog2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_themes50 = require("@radix-ui/themes");
 
 // src/icons/close-panel-arrow.tsx
-var React23 = __toESM(require("react"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var ClosePanelArrowIcon = React23.forwardRef(
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var ClosePanelArrowIcon = React24.forwardRef(
   (_a, forwardedRef) => {
     var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         fill: "none",
@@ -1675,7 +1736,7 @@ var ClosePanelArrowIcon = React23.forwardRef(
       }, props), {
         ref: forwardedRef,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "path",
             {
               clipRule: "evenodd",
@@ -1684,7 +1745,7 @@ var ClosePanelArrowIcon = React23.forwardRef(
               fillRule: "evenodd"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "path",
             {
               clipRule: "evenodd",
@@ -1701,9 +1762,9 @@ var ClosePanelArrowIcon = React23.forwardRef(
 ClosePanelArrowIcon.displayName = "ArrowDownIcon";
 
 // src/atoms/drawer.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Root7(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Root, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Root, __spreadValues({}, props));
 }
 var preventDefault2 = (e) => {
   e.preventDefault();
@@ -1725,15 +1786,15 @@ function Content6(props) {
   const mobileHeaderSize = 48;
   const desktopHeaderSize = 64;
   const { drawerContainerRef } = usePortalContainer();
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Portal, { container: drawerContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes50.Theme, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Overlay, { className: "DrawerOverlay" }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Portal, { container: drawerContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_themes50.Theme, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Overlay, { className: "DrawerOverlay" }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Dialog2.Content,
       __spreadProps(__spreadValues({
         className: `DrawerContent ${position} ${className || ""}`,
         onPointerDownOutside: preventDefault2
       }, rest), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
           import_themes50.Grid,
           {
             height: "100%",
@@ -1743,8 +1804,8 @@ function Content6(props) {
               sm: `${desktopHeaderSize}px calc(100% - ${desktopHeaderSize}px)`
             },
             children: [
-              !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes22.Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ClosePanelArrowIcon, {}) }) }),
+              !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_themes22.Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ClosePanelArrowIcon, {}) }) }),
                 HeaderContent
               ] }),
               children
@@ -1756,7 +1817,7 @@ function Content6(props) {
   ] }) });
 }
 function Trigger6(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Dialog2.Trigger, __spreadValues({ asChild: true }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog2.Trigger, __spreadValues({ asChild: true }, props));
 }
 var Drawer = {
   Root: Dialog2.Root,
@@ -1769,13 +1830,13 @@ var Drawer = {
 
 // src/atoms/toast.tsx
 var import_sonner = require("sonner");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var toast = Object.assign(import_sonner.toast, {
   warn: import_sonner.toast.warning
 });
 function ToastContainer(props) {
   const { style } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_sonner.Toaster,
     {
       closeButton: false,
@@ -1789,11 +1850,11 @@ function ToastContainer(props) {
 // src/molecules/form/form.tsx
 var RadixForm = __toESM(require("@radix-ui/react-form"), 1);
 var import_react22 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var Root9 = (0, import_react22.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       RadixForm.Root,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormRoot ${className || ""}`,
@@ -1810,25 +1871,25 @@ var FieldContext = (0, import_react22.createContext)({
 var Field2 = (0, import_react22.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       RadixForm.Field,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormField ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FieldContext.Provider, { value: rest, children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FieldContext.Provider, { value: rest, children })
       })
     );
   }
 );
 Field2.displayName = "FORM_FIELD";
 function HeadingLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
 }
 function CaptionLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption", weight: "bold" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption", weight: "bold" }, props), { children: props.children }));
 }
 function BodyLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, __spreadProps(__spreadValues({ variant: "body", weight: "bold" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Typo, __spreadProps(__spreadValues({ variant: "body", weight: "bold" }, props), { children: props.children }));
 }
 var Label2 = (0, import_react22.forwardRef)(
   (_a, ref) => {
@@ -1845,15 +1906,15 @@ var Label2 = (0, import_react22.forwardRef)(
       }
     }, [variant]);
     const fieldProps = (0, import_react22.useContext)(FieldContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       RadixForm.Label,
       __spreadProps(__spreadValues({}, rest), {
         asChild: true,
         className: `FormLabel ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Comp, { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Comp, { children: [
           children,
-          fieldProps.required ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, { as: "span", color: "tomato", children: ` *` }) : null
+          fieldProps.required ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Typo, { as: "span", color: "tomato", children: ` *` }) : null
         ] })
       })
     );
@@ -1863,13 +1924,13 @@ Label2.displayName = "FORM_Label";
 var Message2 = (0, import_react22.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       RadixForm.Message,
       __spreadProps(__spreadValues({}, rest), {
         asChild: true,
         className: `FormMessage ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typo, { color: "red", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Typo, { color: "red", children })
       })
     );
   }
@@ -1879,7 +1940,7 @@ var Control2 = (0, import_react22.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
     const fieldProps = (0, import_react22.useContext)(FieldContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       RadixForm.Control,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormControl ${className || ""}`,
@@ -1902,10 +1963,10 @@ function FormItem(_a) {
     "children",
     "errorMessage"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Form.Field, __spreadProps(__spreadValues({}, fieldProps), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Form.Label, { variant: labelVariant, children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Form.Field, __spreadProps(__spreadValues({}, fieldProps), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Form.Label, { variant: labelVariant, children: label }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Form.Message, { forceMatch: Boolean(errorMessage), children: errorMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Form.Message, { forceMatch: Boolean(errorMessage), children: errorMessage })
   ] }));
 }
 var Form = {
@@ -1921,7 +1982,7 @@ var Form = {
 // src/atoms/auto-sizing-input.tsx
 var import_themes51 = require("@radix-ui/themes");
 var import_react23 = require("react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var useTextWidth = (text, font) => {
   const [textWidth, setTextWidth] = (0, import_react23.useState)(0);
   (0, import_react23.useEffect)(() => {
@@ -2021,7 +2082,7 @@ var AutoSizingInput = (0, import_react23.forwardRef)(
         (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
       }
     }, [inputRef]);
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       import_themes51.Box,
       {
         className: "auto-sizing-input wrapper",
@@ -2029,7 +2090,7 @@ var AutoSizingInput = (0, import_react23.forwardRef)(
         minWidth,
         onClick,
         style: { width: dynamicWidth },
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("input", __spreadValues({ onChange: handleChange, ref: inputRef, value }, rest))
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("input", __spreadValues({ onChange: handleChange, ref: inputRef, value }, rest))
       }
     );
   }
@@ -2037,23 +2098,23 @@ var AutoSizingInput = (0, import_react23.forwardRef)(
 AutoSizingInput.displayName = "AutoSizingInput";
 
 // src/atoms/bullet-text.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function BulletText(_a) {
   var _b = _a, {
     children
   } = _b, rest = __objRest(_b, [
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_themes22.Flex, { gap: "1", ml: "2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typo, __spreadProps(__spreadValues({}, rest), { children: "\u2022" })),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typo, __spreadProps(__spreadValues({}, rest), { children }))
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_themes22.Flex, { gap: "1", ml: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Typo, __spreadProps(__spreadValues({}, rest), { children: "\u2022" })),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Typo, __spreadProps(__spreadValues({}, rest), { children }))
   ] });
 }
 
 // src/atoms/list.tsx
 var import_react24 = require("react");
 var import_clsx3 = require("clsx");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Root10(props) {
   const _a = props, {
     variant,
@@ -2071,6 +2132,7 @@ function Root10(props) {
   const Comp = variant === "ol" ? "ol" : "ul";
   const className = (0, import_react24.useMemo)(
     () => (0, import_clsx3.clsx)(
+      "tipp-list",
       {
         "pre-space-small": preSpace === "small"
       },
@@ -2078,7 +2140,7 @@ function Root10(props) {
     ),
     [preSpace, propsClassName]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ListContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_themes22.Flex, __spreadProps(__spreadValues({ asChild: true, direction: "column", gap: "1" }, rest), { className, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Comp, { children }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ListContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_themes22.Flex, __spreadProps(__spreadValues({ asChild: true, direction: "column", gap: "1" }, rest), { className, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Comp, { children }) })) });
 }
 function Item(props) {
   const { children } = props;
@@ -2091,7 +2153,7 @@ function Item(props) {
       }
     });
   }, [size]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Typo, { asChild: true, variant, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Typo, { asChild: true, variant, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children }) });
 }
 var ListContext = (0, import_react24.createContext)({
   size: "large"