@idbrnd/design-system 2.1.0 → 2.1.2

package/README.md

@@ -1,6 +1,6 @@
 # @idbrnd/design-system
 
-![Version](https://img.shields.io/badge/version-2.1.0-4B5FE1?style=flat-square)
+![Version](https://img.shields.io/badge/version-2.1.2-4B5FE1?style=flat-square)
 ![React](https://img.shields.io/badge/React-18.3.1-61DAFB?style=flat-square&logo=react&logoColor=white)
 ![Vite](https://img.shields.io/badge/Vite-7.3.0-646CFF?style=flat-square&logo=vite&logoColor=white)
 ![TypeScript](https://img.shields.io/badge/TypeScript-5.9.3-3178C6?style=flat-square&logo=typescript&logoColor=white)

package/dist/index.js

@@ -446,7 +446,7 @@ function kr({
     }
   );
 }
-const w4 = "_root_hoo4h_1", v4 = "_label_hoo4h_8", L4 = "_labelDisabled_hoo4h_16", _4 = "_requiredMark_hoo4h_20", b4 = "_controlRow_hoo4h_24", x4 = "_control_hoo4h_24", M4 = "_small_hoo4h_48", y4 = "_outline_hoo4h_53", H4 = "_fill_hoo4h_57", Z4 = "_basic_hoo4h_61", V4 = "_success_hoo4h_65", I4 = "_error_hoo4h_70", B4 = "_focused_hoo4h_82", R4 = "_disabled_hoo4h_87", k4 = "_leadingIcon_hoo4h_101", S4 = "_trailingIcon_hoo4h_102", A4 = "_trailingText_hoo4h_103", N4 = "_inputField_hoo4h_125", E4 = "_trailingButton_hoo4h_172", T4 = "_trailingIconButton_hoo4h_173", $4 = "_trailingSlot_hoo4h_177", D4 = "_trailingSlotDisabled_hoo4h_184", F4 = "_trailingBasicIconButton_hoo4h_188", O4 = "_helper_hoo4h_269", P4 = "_helperFixed_hoo4h_278", j4 = "_helperPlaceholder_hoo4h_282", W4 = "_errorHelper_hoo4h_286", q4 = "_errorHelperBounce_hoo4h_290", G4 = "_errorMessageBounceY_hoo4h_1", U4 = "_helperDisabled_hoo4h_294", U = {
+const w4 = "_root_hoo4h_1", v4 = "_label_hoo4h_8", L4 = "_labelDisabled_hoo4h_16", _4 = "_requiredMark_hoo4h_20", b4 = "_controlRow_hoo4h_24", x4 = "_control_hoo4h_24", M4 = "_small_hoo4h_48", y4 = "_outline_hoo4h_53", H4 = "_fill_hoo4h_57", Z4 = "_basic_hoo4h_61", V4 = "_success_hoo4h_65", I4 = "_error_hoo4h_70", B4 = "_focused_hoo4h_82", R4 = "_disabled_hoo4h_87", k4 = "_leadingIcon_hoo4h_101", S4 = "_trailingIcon_hoo4h_102", A4 = "_trailingText_hoo4h_103", N4 = "_inputField_hoo4h_125", E4 = "_trailingButton_hoo4h_172", T4 = "_trailingIconButton_hoo4h_173", $4 = "_trailingSlot_hoo4h_177", D4 = "_trailingSlotDisabled_hoo4h_184", F4 = "_trailingBasicIconButton_hoo4h_188", O4 = "_helper_hoo4h_269", P4 = "_helperFixed_hoo4h_278", j4 = "_helperPlaceholder_hoo4h_282", W4 = "_errorHelper_hoo4h_286", q4 = "_errorHelperBounce_hoo4h_290", G4 = "_errorMessageBounceY_hoo4h_1", U4 = "_helperDisabled_hoo4h_294", Q = {
   root: w4,
   label: v4,
   labelDisabled: L4,
@@ -493,7 +493,7 @@ function Q4({
   return /* @__PURE__ */ n(
     "span",
     {
-      className: [U.trailingSlot, t ? U.trailingSlotDisabled : ""].filter(Boolean).join(" "),
+      className: [Q.trailingSlot, t ? Q.trailingSlotDisabled : ""].filter(Boolean).join(" "),
       onMouseDownCapture: o,
       children: e
     }
@@ -583,20 +583,20 @@ function K4({
     onFocus: m,
     onBlur: _,
     onChange: g
-  }), y = Z1(() => R == null ? !1 : Array.isArray(R) ? R.length > 0 : typeof R == "number" ? !0 : String(R).length > 0, [R]), H = Z1(() => g9(f), [f]), T = Z1(() => g9(C), [C]), A = H !== void 0, D = Z1(() => A ? "error" : l !== void 0 ? l : y ? "typed" : "basic", [A, l, y]), O = D === "error", Q = D === "success", a1 = D === "onFocus" || D === "onTyping", h1 = [
-    U.control,
-    U[t],
-    O ? U.error : Q ? U.success : U.basic,
-    U[o],
-    !L && a1 ? U.focused : "",
-    L ? U.disabled : ""
-  ].filter(Boolean).join(" "), l1 = [U.inputField, U[`input-${o}`]].join(" "), K = U.root, B1 = [U.label, L ? U.labelDisabled : ""].filter(Boolean).join(" "), g1 = Z1(() => O ? A ? H : "에러 메시지가 표시됩니다." : C === !1 || C === void 0 || C === null ? null : C === !0 ? "2~19자 이내로 입력해 주세요." : T ?? null, [C, O, A, T, H]), r1 = [
-    U.helper,
-    a ? U.helperFixed : "",
-    O ? U.errorHelper : "",
-    O && g1 !== null ? U.errorHelperBounce : "",
-    L ? U.helperDisabled : "",
-    a && g1 === null ? U.helperPlaceholder : ""
+  }), y = Z1(() => R == null ? !1 : Array.isArray(R) ? R.length > 0 : typeof R == "number" ? !0 : String(R).length > 0, [R]), H = Z1(() => g9(f), [f]), T = Z1(() => g9(C), [C]), A = H !== void 0, D = Z1(() => A ? "error" : l !== void 0 ? l : y ? "typed" : "basic", [A, l, y]), O = D === "error", U = D === "success", a1 = D === "onFocus" || D === "onTyping", h1 = [
+    Q.control,
+    Q[t],
+    O ? Q.error : U ? Q.success : Q.basic,
+    Q[o],
+    !L && a1 ? Q.focused : "",
+    L ? Q.disabled : ""
+  ].filter(Boolean).join(" "), l1 = [Q.inputField, Q[`input-${o}`]].join(" "), K = Q.root, B1 = [Q.label, L ? Q.labelDisabled : ""].filter(Boolean).join(" "), g1 = Z1(() => O ? A ? H : "에러 메시지가 표시됩니다." : C === !1 || C === void 0 || C === null ? null : C === !0 ? "2~19자 이내로 입력해 주세요." : T ?? null, [C, O, A, T, H]), r1 = [
+    Q.helper,
+    a ? Q.helperFixed : "",
+    O ? Q.errorHelper : "",
+    O && g1 !== null ? Q.errorHelperBounce : "",
+    L ? Q.helperDisabled : "",
+    a && g1 === null ? Q.helperPlaceholder : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ p(
     "div",
@@ -610,10 +610,10 @@ function K4({
       children: [
         b ? /* @__PURE__ */ p("label", { htmlFor: I, className: B1, children: [
           /* @__PURE__ */ n("span", { children: V }),
-          c ? /* @__PURE__ */ n("span", { className: U.requiredMark, children: "*" }) : null
+          c ? /* @__PURE__ */ n("span", { className: Q.requiredMark, children: "*" }) : null
         ] }) : null,
-        /* @__PURE__ */ n("div", { className: U.controlRow, children: /* @__PURE__ */ p("div", { className: h1, children: [
-          d ? /* @__PURE__ */ n("span", { className: U.leadingIcon, children: d }) : null,
+        /* @__PURE__ */ n("div", { className: Q.controlRow, children: /* @__PURE__ */ p("div", { className: h1, children: [
+          d ? /* @__PURE__ */ n("span", { className: Q.leadingIcon, children: d }) : null,
           /* @__PURE__ */ n(
             "input",
             {
@@ -1875,12 +1875,12 @@ function jr({
   customStyle: _,
   textColor: g
 }) {
-  const w = _9(), L = `${w}-listbox`, [Z, S] = q(!1), [x, I] = q(!1), [b, V] = q(null), [R, M] = q("bottom"), { tooltip: k, showTooltip: N, hideTooltip: y } = L2(), H = F(null), T = F(null), A = F(null), D = F(null), O = F(), Q = 4, a1 = 204, h1 = 16, l1 = G(() => {
+  const w = _9(), L = `${w}-listbox`, [Z, S] = q(!1), [x, I] = q(!1), [b, V] = q(null), [R, M] = q("bottom"), { tooltip: k, showTooltip: N, hideTooltip: y } = L2(), H = F(null), T = F(null), A = F(null), D = F(null), O = F(), U = 4, a1 = 204, h1 = 16, l1 = G(() => {
     const $ = T.current ?? H.current;
     if ($) {
-      const W = $.getBoundingClientRect(), C1 = window.innerHeight - W.bottom, f1 = W.top, R1 = a1 + h1 + Q, L1 = C1 < R1 && f1 > C1;
+      const W = $.getBoundingClientRect(), C1 = window.innerHeight - W.bottom, f1 = W.top, R1 = a1 + h1 + U, L1 = C1 < R1 && f1 > C1;
       M(L1 ? "top" : "bottom"), V({
-        top: L1 ? W.top + window.scrollY - Q : W.bottom + window.scrollY + Q,
+        top: L1 ? W.top + window.scrollY - U : W.bottom + window.scrollY + U,
         left: W.left + window.scrollX,
         width: W.width
       });
@@ -2430,7 +2430,7 @@ function X7(e, t, o, l, r, s, i, c, C, a, f, d, u, v, h, m, _, g, w) {
     touch: 600
   }, k = h ? 43 : 25;
   let N = !1, y = 0, H = 0, T = !1, A = !1, D = !1, O = !1;
-  function Q(B) {
+  function U(B) {
     if (!w) return;
     function P(W) {
       (x9(w) || w(B, W)) && g1(W);
@@ -2481,7 +2481,7 @@ function X7(e, t, o, l, r, s, i, c, C, a, f, d, u, v, h, m, _, g, w) {
     return T;
   }
   return {
-    init: Q,
+    init: U,
     destroy: a1,
     pointerDown: s1
   };
@@ -3108,8 +3108,8 @@ function g8(e, t, o, l, r, s, i) {
     slideSizes: A,
     slideSizesWithGaps: D,
     startGap: O,
-    endGap: Q
-  } = f8(M, V, R, o, T, r), a1 = p8(M, k, _, d, V, R, O, Q, I), {
+    endGap: U
+  } = f8(M, V, R, o, T, r), a1 = p8(M, k, _, d, V, R, O, U, I), {
     snaps: h1,
     snapsAligned: l1
   } = i8(M, y, V, R, a1), K = -V1(h1) + V1(D), {
@@ -3339,7 +3339,7 @@ function v9(e, t, o) {
   function O() {
     return g.scrollSnapList;
   }
-  function Q() {
+  function U() {
     return g.scrollProgress.get(g.offsetLocation.get());
   }
   function a1() {
@@ -3384,7 +3384,7 @@ function v9(e, t, o) {
     rootNode: r1,
     scrollNext: H,
     scrollPrev: T,
-    scrollProgress: Q,
+    scrollProgress: U,
     scrollSnapList: O,
     scrollTo: y,
     selectedScrollSnap: a1,
@@ -3689,8 +3689,8 @@ function Ur({
     let T;
     if (_.current === "fill") {
       const A = parseFloat(getComputedStyle(y).columnGap) || 0;
-      T = d.current.reduce((O, Q) => {
-        const h1 = f.current.get(Q.value)?.firstElementChild, l1 = h1?.firstElementChild;
+      T = d.current.reduce((O, U) => {
+        const h1 = f.current.get(U.value)?.firstElementChild, l1 = h1?.firstElementChild;
         return O + (l1 ? l1.scrollWidth : h1 ? h1.scrollWidth : 0);
       }, 0) + A * Math.max(0, d.current.length - 1) > H.clientWidth;
     } else
@@ -4067,7 +4067,6 @@ function Xr({
       o && /* @__PURE__ */ n("th", { className: `${E.th} ${E.checkboxCell}`, children: /* @__PURE__ */ n(
         n2,
         {
-          variant: "assistive",
           size: "small",
           checked: e.getIsAllRowsSelected() || e.getIsSomeRowsSelected(),
           indeterminate: e.getIsSomeRowsSelected() && !e.getIsAllRowsSelected(),
@@ -4122,8 +4121,8 @@ function Xr({
                     E.accordionToggle,
                     H ? E.accordionToggleExpanded : ""
                   ].filter(Boolean).join(" "),
-                  onClick: (Q) => {
-                    Q.stopPropagation(), S(M.id);
+                  onClick: (U) => {
+                    U.stopPropagation(), S(M.id);
                   },
                   dangerouslySetInnerHTML: { __html: ht }
                 }
@@ -4132,23 +4131,24 @@ function Xr({
                 "td",
                 {
                   className: `${E.td} ${E.checkboxCell}`,
-                  onClick: (Q) => Q.stopPropagation(),
+                  onClick: (U) => {
+                    U.stopPropagation(), !U.target.closest("label") && N && M.toggleSelected();
+                  },
                   children: /* @__PURE__ */ n(
                     n2,
                     {
-                      variant: "assistive",
                       size: "small",
                       checked: k,
                       disabled: !N,
-                      onChange: (Q) => M.toggleSelected(Q)
+                      onChange: (U) => M.toggleSelected(U)
                     }
                   )
                 }
               ),
-              M.getVisibleCells().map((Q) => /* @__PURE__ */ n("td", { className: E.td, children: u2(
-                Q.column.columnDef.cell,
-                Q.getContext()
-              ) }, Q.id))
+              M.getVisibleCells().map((U) => /* @__PURE__ */ n("td", { className: E.td, children: u2(
+                U.column.columnDef.cell,
+                U.getContext()
+              ) }, U.id))
             ]
           }
         ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idbrnd/design-system",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",