@tipp/ui 2.2.1 → 2.2.3

package/dist/index.cjs

@@ -2060,11 +2060,33 @@ function BulletText(_a) {
 
 // src/atoms/list.tsx
 var import_react24 = require("react");
+var import_clsx3 = require("clsx");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function Root10(props) {
-  const { variant, size = "large", children } = props;
+  const _a = props, {
+    variant,
+    size = "large",
+    children,
+    preSpace,
+    className: propsClassName
+  } = _a, rest = __objRest(_a, [
+    "variant",
+    "size",
+    "children",
+    "preSpace",
+    "className"
+  ]);
   const Comp = variant === "ol" ? "ol" : "ul";
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ListContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes22.Flex, { direction: "column", asChild: true, gap: "1", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Comp, { children }) }) });
+  const className = (0, import_react24.useMemo)(
+    () => (0, import_clsx3.clsx)(
+      {
+        "pre-space-small": preSpace === "small"
+      },
+      propsClassName
+    ),
+    [preSpace, propsClassName]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ListContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_themes22.Flex, __spreadProps(__spreadValues({ asChild: true, direction: "column", gap: "1" }, rest), { className, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Comp, { children }) })) });
 }
 function Item(props) {
   const { children } = props;
@@ -2076,12 +2098,12 @@ function Item(props) {
         return sizeValue === "small" ? "caption" : "body";
       }
     });
-  }, [
-    size
-  ]);
+  }, [size]);
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Typo, { asChild: true, variant, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", { children }) });
 }
-var ListContext = (0, import_react24.createContext)({ size: "large" });
+var ListContext = (0, import_react24.createContext)({
+  size: "large"
+});
 function useList() {
   return (0, import_react24.useContext)(ListContext);
 }
@@ -3288,7 +3310,7 @@ function ForceRefresh() {
 // src/molecules/date-picker/date-picker-button.tsx
 var import_react31 = require("react");
 var import_date_fns = require("date-fns");
-var import_clsx3 = require("clsx");
+var import_clsx4 = require("clsx");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function DatePickerButton(props) {
   const _a = props, { size, placeholder, format: formatProps, disabled } = _a, rest = __objRest(_a, ["size", "placeholder", "format", "disabled"]);
@@ -3304,7 +3326,7 @@ function DatePickerButton(props) {
     };
   }, [formatProps, placeholder]);
   const className = (0, import_react31.useMemo)(() => {
-    return (0, import_clsx3.clsx)(
+    return (0, import_clsx4.clsx)(
       "date-picker-button",
       (disabled || props.readOnly) && "disabled"
     );