@lanaco/lnc-react-ui 4.0.30 → 4.0.32

package/dist/ShopCardsSection.js

@@ -0,0 +1,359 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as h, Fragment as y } from "react";
+import u from "./Button.js";
+import N from "./Icon.js";
+import { t as x, m as v, l as b } from "./utils-DtEdJZWa.js";
+import { n as c } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { M as k } from "./consts-DNVz1x1I.js";
+const $ = c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border-radius: 1.25rem;
+  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
+  background: var(--Lanaco-Gray-white, #fff);
+
+  /* drop-shadow-sm */
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+
+  & .wrapper__content {
+    display: flex;
+    padding: 1.25rem;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.75rem;
+    align-self: strech;
+
+    & .wrapper__image {
+      object-fit: cover;
+      aspect-ratio: 1 / 1;
+      max-height: 4rem;
+      border-radius: 999px;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  & .wrapper__info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.375rem;
+
+    & .wrapper__title {
+      color: var(--gray-950, #14161a);
+      font-size: 1rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 1.5rem;
+      letter-spacing: -0.0112rem;
+      ${x(2)}
+    }
+
+    & .wrapper__subtitle {
+      color: var(--gray-600, #676e79);
+      text-align: center;
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: -0.0056rem;
+      ${x(2)}
+    }
+
+    & .wrapper__badges {
+    }
+
+    & .wrapper__rating {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+
+      & .wrapper__star {
+        color: var(--gray-950, #14161a);
+      }
+
+      & .wrapper__review-count {
+        color: var(--gray-600, #676e79);
+        font-size: 0.75rem;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 1rem;
+        letter-spacing: 0.01px;
+      }
+    }
+  }
+
+  & .wrapper__products {
+    display: flex;
+    align-items: flex-start;
+    column-gap: 1px;
+    width: 100%;
+
+    & .wrapper__product {
+      overflow: hidden;
+      cursor: pointer;
+      width: 100%;
+      max-height: 5.75rem;
+
+      &:first-child {
+        border-radius: 0 0 0 1.25rem;
+      }
+
+      &:last-child {
+        border-radius: 0 0 1.25rem 0;
+      }
+
+      & .product__image {
+        width: 100%;
+        aspect-ratio: 1 / 1;
+        height: calc(100% / 3);
+        max-height: 5.75rem;
+        object-fit: cover;
+      }
+    }
+  }
+`, j = c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1 0 0;
+  border-radius: 1.25rem;
+  border: 1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08));
+  background: var(--Lanaco-Gray-white, #fff);
+  width: 100%;
+
+  /* drop-shadow-sm */
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+
+  & .wrapper__content {
+    display: flex;
+    padding: 1.25rem;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.75rem;
+    align-self: strech;
+    width: 100%;
+
+    & .wrapper__image {
+      width: 4rem;
+      height: 4rem;
+      border-radius: 999px;
+      background-color: ${v("-90deg")};
+    }
+  }
+
+  & .wrapper__info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.375rem;
+    width: 100%;
+
+    & .wrapper__info-item {
+      background-color: ${v("-90deg")};
+      height: 1rem;
+      width: 100%;
+    }
+  }
+`, z = h(
+  ({
+    image: a,
+    imageComponent: p,
+    title: n,
+    subtitle: _,
+    badges: g,
+    rating: o,
+    reviewCount: s,
+    products: l,
+    onSelectCard: d = () => {
+    }
+  }, w) => /* @__PURE__ */ t($, { onClick: d, children: [
+    /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
+      b(p) ? p : /* @__PURE__ */ r("img", { src: a, className: "wrapper__image" }),
+      /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
+        /* @__PURE__ */ r("div", { className: "wrapper__title", children: n }),
+        /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: _ }),
+        g && /* @__PURE__ */ r("div", { className: "wrapper__badges" }),
+        o && s && /* @__PURE__ */ t("div", { className: "wrapper__rating", children: [
+          /* @__PURE__ */ r("div", { className: "wrapper_stars", children: [...Array(5).keys()].map((i, m) => /* @__PURE__ */ r(
+            N,
+            {
+              icon: i < o ? " mng-lnc-star--filled" : " mng-lnc-star",
+              className: "wrapper__star"
+            },
+            `shop-card-rating-star__${m + 1}`
+          )) }),
+          /* @__PURE__ */ t("div", { className: "wrapper__review-count", children: [
+            "(",
+            s == null ? void 0 : s.toLocaleString(),
+            ")"
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "wrapper__products", children: l && (l == null ? void 0 : l.map((i, m) => /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+      "div",
+      {
+        className: "wrapper__product",
+        onClick: () => {
+          var e;
+          return (e = i == null ? void 0 : i.onSelectProduct) == null ? void 0 : e.call(i, i == null ? void 0 : i.uuid);
+        },
+        children: b(i == null ? void 0 : i.imageComponent) ? i == null ? void 0 : i.imageComponent : /* @__PURE__ */ r("img", { src: i == null ? void 0 : i.image, className: "product__image" })
+      }
+    ) }, m))) })
+  ] })
+), C = h(({}, a) => /* @__PURE__ */ r(j, { children: /* @__PURE__ */ t("div", { className: "wrapper__content", children: [
+  /* @__PURE__ */ r("div", { className: "wrapper__image" }),
+  /* @__PURE__ */ t("div", { className: "wrapper__info", children: [
+    /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
+    /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
+    /* @__PURE__ */ r("div", { className: "wrapper__info-item" }),
+    /* @__PURE__ */ r("div", { className: "wrapper__info-item" })
+  ] })
+] }) })), I = c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1.5rem;
+
+  & .wrapper__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    width: 100%;
+
+    & .wrapper__title {
+      display: flex;
+      justify-content: space-between;
+
+      & .title__text {
+        color: var(--gray-950, #14161a);
+        text-align: center;
+        font-size: 1.5rem;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 2rem;
+        letter-spacing: -0.47px;
+      }
+
+      & .title__action {
+        color: var(--gray-950, #14161a);
+        background: var(--neutral-9504, rgba(20, 22, 26, 0.04));
+
+        &:hover {
+          background: var(--neutral-9504, rgba(20, 22, 26, 0.12));
+        }
+
+        &:focus {
+          outline: none;
+        }
+      }
+    }
+
+    & .wrapper__subtitle {
+      color: var(---gray-600, #676e79);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.25px;
+    }
+  }
+
+  & .wrapper__cards {
+    display: grid;
+    grid-template-columns: ${(a) => `repeat(${a == null ? void 0 : a.limitCards}, minmax(0, 1fr))`};
+    gap: 1.25rem;
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+  }
+
+  @media (max-width: ${k + "px"}) {
+    & .wrapper__heading {
+      & .wrapper__title {
+        & .title__action {
+          display: none;
+        }
+      }
+    }
+
+    & .wrapper__cards {
+      grid-template-columns: ${(a) => `repeat(${a == null ? void 0 : a.limitCardsForMobile}, minmax(0, 1fr))`};
+      gap: 1rem;
+    }
+  }
+
+  @media (max-width: 400px) {
+    & .wrapper__cards {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+      gap: 1rem;
+    }
+  }
+`, F = h(
+  ({
+    title: a,
+    subtitle: p,
+    cards: n,
+    limitCards: _ = 4,
+    limitCardsForMobile: g = 2,
+    actionText: o,
+    onSelectCard: s = () => {
+    },
+    onShowMore: l
+  }, d) => {
+    var m;
+    const w = () => {
+      l == null || l();
+    }, i = (e) => {
+      s == null || s(e == null ? void 0 : e.uuid);
+    };
+    return /* @__PURE__ */ t(
+      I,
+      {
+        limitCards: _,
+        limitCardsForMobile: g,
+        children: [
+          /* @__PURE__ */ t("div", { className: "wrapper__heading", children: [
+            /* @__PURE__ */ t("div", { className: "wrapper__title", children: [
+              a && /* @__PURE__ */ r("div", { className: "title__text", children: a }),
+              o && l && /* @__PURE__ */ r(
+                u,
+                {
+                  text: o,
+                  borderRadius: "curved",
+                  btnType: "tinted",
+                  className: "title__action",
+                  onClick: w
+                }
+              )
+            ] }),
+            p && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: p })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "wrapper__cards", children: n && (n == null ? void 0 : n.length) > 0 ? n == null ? void 0 : n.map((e, f) => /* @__PURE__ */ r(
+            z,
+            {
+              uuid: e == null ? void 0 : e.uuid,
+              title: e == null ? void 0 : e.title,
+              subtitle: e == null ? void 0 : e.subtitle,
+              image: e == null ? void 0 : e.image,
+              rating: e == null ? void 0 : e.rating,
+              reviewCount: e == null ? void 0 : e.reviewCount,
+              products: e == null ? void 0 : e.products,
+              imageComponent: e == null ? void 0 : e.imageComponent,
+              onSelectCard: () => i == null ? void 0 : i(e)
+            },
+            `shop-card__${f + 1}`
+          )) : (m = Array.from("1234")) == null ? void 0 : m.map((e, f) => /* @__PURE__ */ r(C, {}, `shop-card-skeleton__${f + 1}`)) })
+        ]
+      }
+    );
+  }
+);
+export {
+  F as default
+};

package/dist/Sidebar.js

@@ -1,10 +1,10 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
 import { forwardRef as S, useState as x, useEffect as C } from "react";
 import { P as s } from "./index-S5Cd7WrG.js";
-import { n as l } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as l } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import y from "./Icon.js";
-import { u as $ } from "./utils-ROK9-zue.js";
-import { u as _ } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as $ } from "./utils-DtEdJZWa.js";
+import { u as _ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const v = l.aside`
   direction: ${(e) => e.placement == "right" ? "rtl" : "ltr"};
   position: relative;

package/dist/SimpleProductsSection.js

@@ -1,10 +1,10 @@
 import { jsxs as w, jsx as u } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
-import { n as h } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as h } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { M as y } from "./consts-DNVz1x1I.js";
 import { u as k } from "./useDetectMobile-BookNOsk.js";
-import { S as m } from "./index--F2p-wtI.js";
-import { T as S } from "./index-BqgD1XIq.js";
+import { S as m } from "./index-DGl-lSfF.js";
+import { T as S } from "./index-DcYg32le.js";
 const v = h.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);

package/dist/Spinner.js

@@ -1,9 +1,9 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { P as n } from "./index-S5Cd7WrG.js";
-import { n as s } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { k as p } from "./emotion-react.browser.esm-DAprMzO3.js";
-import { g, a as i } from "./utils-ROK9-zue.js";
-import { u as h } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as s } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { k as p } from "./emotion-react.browser.esm-CN-s34fZ.js";
+import { g, a as i } from "./utils-DtEdJZWa.js";
+import { u as h } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const u = {
   small: "0.6rem",
   medium: "0.7rem",

package/dist/Surface.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
-import { n as x } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as r } from "./index-S5Cd7WrG.js";
-import { m as u, b as f } from "./utils-ROK9-zue.js";
-import { u as p } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { j as u, b as f } from "./utils-DtEdJZWa.js";
+import { u as p } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const g = x.div`
   padding: ${(e) => e.padding};
   box-shadow: ${(e) => u(e.theme, e.boxShadow)};

package/dist/SwipeableDrawer.js

@@ -1,9 +1,9 @@
 import { jsx as g, Fragment as Y } from "react/jsx-runtime";
 import { forwardRef as V, useRef as q, useState as A, useImperativeHandle as B, useEffect as G } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { n as y } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { a as $, g as J } from "./utils-ROK9-zue.js";
-import { u as K } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { a as $, g as J } from "./utils-DtEdJZWa.js";
+import { u as K } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const Q = (e, r, o, u, s) => {
   if (e === "right" || e === "left" || r && o) return "height: 100%;";
   if (!(r && s === !0))

package/dist/TabItem.js

@@ -1,9 +1,9 @@
 import { jsx as j } from "react/jsx-runtime";
 import { forwardRef as D, useState as H } from "react";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { n as I } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { h as S, g as A, a as i, b as o } from "./utils-ROK9-zue.js";
-import { u as F } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { h as S, g as A, a as i, b as o } from "./utils-DtEdJZWa.js";
+import { u as F } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { u as h } from "./useUpdateEffect-CuYWz7EA.js";
 const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625rem", V = I.div`
   box-sizing: border-box;

package/dist/Table.js

@@ -1,10 +1,10 @@
 import { jsx as m, jsxs as de, Fragment as x } from "react/jsx-runtime";
 import { useLayoutEffect as Kr, useEffect as je, useState as Ht, useMemo as Xr, createElement as z, isValidElement as qr, forwardRef as Jr, useImperativeHandle as Zr } from "react";
-import { n as v } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as v } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import { P as o } from "./index-S5Cd7WrG.js";
-import { k as jt, n as Qr, a as S, g as Ne, s as xt, u as en, l as U, r as P, d as B } from "./utils-ROK9-zue.js";
+import { v as jt, w as Qr, a as S, g as Ne, x as xt, u as en, y as U, r as P, i as B } from "./utils-DtEdJZWa.js";
 import { c as F, g as De } from "./_commonjsHelpers-DaMA6jEr.js";
-import { u as M } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { u as M } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { i as tn } from "./index-CvebWhtp.js";
 import $t from "./CheckBoxInput.js";
 import rn from "./Icon.js";

package/dist/TableView.js

@@ -1,10 +1,10 @@
 import { jsxs as oe, jsx as C } from "react/jsx-runtime";
 import { forwardRef as le, useState as te, useRef as ce } from "react";
 import { P as e } from "./index-S5Cd7WrG.js";
-import { n as re } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { n as re } from "./emotion-styled.browser.esm-BiK8DcgW.js";
 import ae from "./ActionsToolbar.js";
 import ie from "./Pagination.js";
-import { r as g, d as w } from "./utils-ROK9-zue.js";
+import { r as g, i as w } from "./utils-DtEdJZWa.js";
 import se from "./Table.js";
 const me = re.div`
   & .table-view-pagination-lnc {

package/dist/Tabs.js

@@ -1,8 +1,8 @@
 import { jsx as T } from "react/jsx-runtime";
 import { forwardRef as j, useState as v, Children as c, cloneElement as P } from "react";
 import { P as e } from "./index-S5Cd7WrG.js";
-import { n as W } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { u as k } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as W } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const w = W.div`
   background: transparent;
   display: flex;

package/dist/TextAreaInput.js

@@ -3,9 +3,9 @@ import { P as o } from "./index-S5Cd7WrG.js";
 import * as v from "react";
 import { useRef as Y, useCallback as A, forwardRef as D, useState as H, useEffect as $ } from "react";
 import { d as X } from "./index-CNBqQrtK.js";
-import { n as Z } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { g as q, e as J, a as z, b as K, f as Q, h as ee } from "./utils-ROK9-zue.js";
-import { _ as te, u as re } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { g as q, d as J, a as z, b as K, e as Q, h as ee } from "./utils-DtEdJZWa.js";
+import { _ as te, u as re } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 import { _ as ne } from "./objectWithoutPropertiesLoose-DwEN6RBQ.js";
 import { i as ae } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
 const oe = Z.div`
@@ -102,7 +102,7 @@ var ie = function(t) {
 };
 function se(e, t, r, n) {
   r === void 0 && (r = 1), n === void 0 && (n = 1 / 0), d || (d = document.createElement("textarea"), d.setAttribute("tabindex", "-1"), d.setAttribute("aria-hidden", "true"), k(d)), d.parentNode === null && document.body.appendChild(d);
-  var a = e.paddingSize, h = e.borderSize, s = e.sizingStyle, S = s.boxSizing;
+  var a = e.paddingSize, f = e.borderSize, s = e.sizingStyle, S = s.boxSizing;
   Object.keys(s).forEach(function(g) {
     var m = g;
     d.style[m] = s[m];
@@ -110,9 +110,9 @@ function se(e, t, r, n) {
   var i = M(d, e);
   d.value = t, i = M(d, e), d.value = "x";
   var u = d.scrollHeight - a, l = u * r;
-  S === "border-box" && (l = l + a + h), i = Math.max(l, i);
+  S === "border-box" && (l = l + a + f), i = Math.max(l, i);
   var c = u * n;
-  return S === "border-box" && (c = c + a + h), i = Math.min(c, i), [i, u];
+  return S === "border-box" && (c = c + a + f), i = Math.min(c, i), [i, u];
 }
 var V = function() {
 }, le = function(t, r) {
@@ -145,21 +145,21 @@ var V = function() {
   "wordBreak",
   "wordSpacing",
   "scrollbarGutter"
-], fe = !!document.documentElement.currentStyle, he = function(t) {
+], he = !!document.documentElement.currentStyle, fe = function(t) {
   var r = window.getComputedStyle(t);
   if (r === null)
     return null;
   var n = le(ce, r), a = n.boxSizing;
   if (a === "")
     return null;
-  fe && a === "border-box" && (n.width = parseFloat(n.width) + parseFloat(n.borderRightWidth) + parseFloat(n.borderLeftWidth) + parseFloat(n.paddingRight) + parseFloat(n.paddingLeft) + "px");
-  var h = parseFloat(n.paddingBottom) + parseFloat(n.paddingTop), s = parseFloat(n.borderBottomWidth) + parseFloat(n.borderTopWidth);
+  he && a === "border-box" && (n.width = parseFloat(n.width) + parseFloat(n.borderRightWidth) + parseFloat(n.borderLeftWidth) + parseFloat(n.paddingRight) + parseFloat(n.paddingLeft) + "px");
+  var f = parseFloat(n.paddingBottom) + parseFloat(n.paddingTop), s = parseFloat(n.borderBottomWidth) + parseFloat(n.borderTopWidth);
   return {
     sizingStyle: n,
-    paddingSize: h,
+    paddingSize: f,
     borderSize: s
   };
-}, ge = he;
+}, ge = fe;
 function N(e, t, r) {
   var n = ie(r);
   v.useLayoutEffect(function() {
@@ -177,11 +177,11 @@ var me = function(t) {
 }, be = function(t) {
   N(document.fonts, "loadingdone", t);
 }, pe = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], ve = function(t, r) {
-  var n = t.cacheMeasurements, a = t.maxRows, h = t.minRows, s = t.onChange, S = s === void 0 ? V : s, i = t.onHeightChange, u = i === void 0 ? V : i, l = ne(t, pe), c = l.value !== void 0, g = v.useRef(null), m = de(g, r), C = v.useRef(0), R = v.useRef(), x = function() {
+  var n = t.cacheMeasurements, a = t.maxRows, f = t.minRows, s = t.onChange, S = s === void 0 ? V : s, i = t.onHeightChange, u = i === void 0 ? V : i, l = ne(t, pe), c = l.value !== void 0, g = v.useRef(null), m = de(g, r), C = v.useRef(0), R = v.useRef(), x = function() {
     var b = g.current, y = n && R.current ? R.current : ge(b);
     if (y) {
       R.current = y;
-      var T = se(y, b.value || b.placeholder || "x", h, a), p = T[0], L = T[1];
+      var T = se(y, b.value || b.placeholder || "x", f, a), p = T[0], L = T[1];
       C.current !== p && (C.current = p, b.style.setProperty("height", p + "px", "important"), u(p, {
         rowHeight: L
       }));
@@ -199,7 +199,7 @@ const ye = D((e, t) => {
     disabled: r,
     readOnly: n,
     value: a,
-    defaultValue: h,
+    defaultValue: f,
     debounceTime: s = 0,
     type: S = "textarea",
     collapseOnBlur: i = !1,
@@ -215,7 +215,7 @@ const ye = D((e, t) => {
     size: x = "small",
     color: I = "primary",
     ...E
-  } = e, [b, y] = H(a || h || ""), T = re(), [p, L] = H(!1), [_, j] = H(u), [P, w] = H(
+  } = e, [b, y] = H(a || f || ""), T = re(), [p, L] = H(!1), [_, j] = H(u), [P, w] = H(
     i ? u : l
   );
   $(() => {
@@ -226,10 +226,10 @@ const ye = D((e, t) => {
     w(i ? p === !0 ? l : u : l);
   }, [i]);
   const U = A(
-    X((f, F) => G(f, F), s),
+    X((h, F) => G(h, F), s),
     [c]
-  ), G = (f, F) => {
-    c && (c == null || c(f, F));
+  ), G = (h, F) => {
+    c && (c == null || c(h, F));
   };
   return /* @__PURE__ */ W(
     oe,
@@ -252,14 +252,14 @@ const ye = D((e, t) => {
           readOnly: n,
           minRows: _,
           maxRows: P,
-          onChange: (f) => {
-            y(f.target.value), U(f, f.target.value);
+          onChange: (h) => {
+            y(h.target.value), U(h, h.target.value);
           },
-          onFocus: (f) => {
-            L(!0), i && w(l), m == null || m(f);
+          onFocus: (h) => {
+            L(!0), i && w(l), m == null || m(h);
           },
-          onBlur: (f) => {
-            L(!1), i && w(u), g == null || g(f);
+          onBlur: (h) => {
+            L(!1), i && w(u), g == null || g(h);
           },
           ...E
         }

package/dist/TextInput.js

@@ -2,9 +2,9 @@ import { jsxs as W, jsx as b } from "react/jsx-runtime";
 import { P as t } from "./index-S5Cd7WrG.js";
 import { forwardRef as U, useState as C, useEffect as D, useCallback as E } from "react";
 import { d as q } from "./index-CNBqQrtK.js";
-import { n as u } from "./emotion-styled.browser.esm-BZSYYThs.js";
-import { e as s, a, b as A, f as G, h as O, g as H } from "./utils-ROK9-zue.js";
-import { u as J } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { n as u } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { d as s, a, b as A, e as G, h as O, g as H } from "./utils-DtEdJZWa.js";
+import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
 const K = u.div`
   display: flex;
   align-items: center;