boottent-design 0.1.93 → 0.1.95

package/dist/components.es.js

@@ -1,6 +1,6 @@
 import { jsx as x, jsxs as H, Fragment as pr } from "react/jsx-runtime";
 import { c as Ne } from "./index-BFsbj9HY.js";
-import { a as mr, i as _e, j as hr, P as Se, d as ye, e as cn, u as Nt, q as ka, m as Na, c as K, I as yt, B as je, D as La, l as Da, s as _a } from "./Combination-BlGcaOgO.js";
+import { a as mr, i as _e, j as hr, P as Se, d as ye, e as cn, u as Nt, q as ka, m as Na, c as J, I as yt, B as je, D as La, l as Da, s as _a } from "./Combination-BlGcaOgO.js";
 import * as O from "react";
 import V, { forwardRef as un, useState as Le, useRef as le, useEffect as xt, useLayoutEffect as Fa, createContext as fn } from "react";
 import { l as pn, F as at, T as gr, B as tt, S as xe, m as Ye, e as Fe, f as ge, g as Ve, c as ve, a as mn, L as vr, h as ze, j as Va, d as za, R as Ra, i as Ba, n as hn, I as wr, k as Wa, C as Ga, o as gn, A as $a, p as ja, q as Ha, r as Ya, s as vn, v as qa, w as Ua } from "./index-MtAsMouO.js";
@@ -320,13 +320,13 @@ function Ln(r) {
   return r ? "open" : "closed";
 }
 var us = Sn, fs = Mn, ps = In, Dn = An, _n = Nn;
-const _u = us, ms = O.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ x(fs, { ref: t, className: K("w-full border-b", r), ...e }));
+const _u = us, ms = O.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ x(fs, { ref: t, className: J("w-full border-b", r), ...e }));
 ms.displayName = "AccordionItem";
 const hs = O.forwardRef(({ className: r, children: e, ...t }, n) => /* @__PURE__ */ x(ps, { className: "flex", children: /* @__PURE__ */ H(
   Dn,
   {
     ref: n,
-    className: K(
+    className: J(
       "flex flex-1 items-center justify-between py-4 text-start font-medium transition-all [&[data-state=open]>svg]:rotate-180",
       r
     ),
@@ -344,7 +344,7 @@ const gs = O.forwardRef(({ className: r, children: e, ...t }, n) => /* @__PURE__
     ref: n,
     className: "overflow-hidden pb-4 text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...t,
-    children: /* @__PURE__ */ x("div", { className: K(r), children: e })
+    children: /* @__PURE__ */ x("div", { className: J(r), children: e })
   }
 ));
 gs.displayName = _n.displayName;
@@ -376,7 +376,7 @@ const Fn = ({
       src: r,
       alt: e ? `${e} 이미지` : "이미지",
       loading: n ? "lazy" : "eager",
-      className: K(l[t], c, a),
+      className: J(l[t], c, a),
       style: d,
       ...o
     }
@@ -1777,7 +1777,7 @@ function Ro() {
               background: rt.event.background,
               color: rt.event.color
             },
-            className: K("h-7 w-20 animate-pulse"),
+            className: J("h-7 w-20 animate-pulse"),
             children: ""
           }
         ),
@@ -1835,7 +1835,7 @@ function Vu({
         backgroundColor: l ? void 0 : n
       },
       type: l ? "background" : void 0,
-      className: K(
+      className: J(
         "relative flex h-40 w-full items-start justify-center overflow-hidden pb-6 pt-0 md:h-[200px] md:pb-0 md:pt-10 lg:pt-6",
         !l && "border-y border-y-grey-200"
       ),
@@ -1954,7 +1954,7 @@ Object.defineProperty(I, "__esModule", { value: !0 });
 function qo(r) {
   return r && typeof r == "object" && "default" in r ? r.default : r;
 }
-var J = V, U = qo(J), qn = Yo, Oe = new qn(), ee = Oe.getBrowser(), Uo = Oe.getCPU(), ie = Oe.getDevice(), Pr = Oe.getEngine(), Ie = Oe.getOS(), lt = Oe.getUA(), Un = function(e) {
+var Z = V, U = qo(Z), qn = Yo, Oe = new qn(), ee = Oe.getBrowser(), Uo = Oe.getCPU(), ie = Oe.getDevice(), Pr = Oe.getEngine(), Ie = Oe.getOS(), lt = Oe.getUA(), Un = function(e) {
   return Oe.setUA(e);
 }, dt = function(e) {
   if (!e) {
@@ -2137,7 +2137,7 @@ function ol() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-var Z = {
+var K = {
   Mobile: "mobile",
   Tablet: "tablet",
   SmartTv: "smarttv",
@@ -2174,31 +2174,31 @@ var Z = {
   isWearable: !1
 }, dl = function(e) {
   switch (e) {
-    case Z.Mobile:
+    case K.Mobile:
       return {
         isMobile: !0
       };
-    case Z.Tablet:
+    case K.Tablet:
       return {
         isTablet: !0
       };
-    case Z.SmartTv:
+    case K.SmartTv:
       return {
         isSmartTV: !0
       };
-    case Z.Console:
+    case K.Console:
       return {
         isConsole: !0
       };
-    case Z.Wearable:
+    case K.Wearable:
       return {
         isWearable: !0
       };
-    case Z.Browser:
+    case K.Browser:
       return {
         isBrowser: !0
       };
-    case Z.Embedded:
+    case K.Embedded:
       return {
         isEmbedded: !0
       };
@@ -2291,28 +2291,28 @@ function gl(r) {
 }
 var Qn = function(e) {
   var t = e.type;
-  return t === Z.Mobile;
+  return t === K.Mobile;
 }, Kn = function(e) {
   var t = e.type;
-  return t === Z.Tablet;
+  return t === K.Tablet;
 }, Zn = function(e) {
   var t = e.type;
-  return t === Z.Mobile || t === Z.Tablet;
+  return t === K.Mobile || t === K.Tablet;
 }, Jn = function(e) {
   var t = e.type;
-  return t === Z.SmartTv;
+  return t === K.SmartTv;
 }, Et = function(e) {
   var t = e.type;
-  return t === Z.Browser;
+  return t === K.Browser;
 }, ei = function(e) {
   var t = e.type;
-  return t === Z.Wearable;
+  return t === K.Wearable;
 }, ti = function(e) {
   var t = e.type;
-  return t === Z.Console;
+  return t === K.Console;
 }, ri = function(e) {
   var t = e.type;
-  return t === Z.Embedded;
+  return t === K.Embedded;
 }, ni = function(e) {
   var t = e.vendor;
   return L(t);
@@ -2471,44 +2471,44 @@ var Di = Jn(ie), _i = ti(ie), Fi = ei(ie), vl = ri(ie), wl = wi(ee) || me(), bl
   });
 }, Ql = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return Bi ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return Bi ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, Kl = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return Ri ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return Ri ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, Zl = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return $i ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return $i ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, Jl = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return Gi ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return Gi ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, ed = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return Ft ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return Ft ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, td = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return zi ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return zi ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, rd = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return Wi ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return Wi ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, nd = function(e) {
   var t = e.renderWithFragment, n = e.children;
   e.viewClassName, e.style;
   var i = se(e, ["renderWithFragment", "children", "viewClassName", "style"]);
-  return Vi ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return Vi ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, id = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return Di ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return Di ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, ad = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return _i ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return _i ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, sd = function(e) {
   var t = e.renderWithFragment, n = e.children, i = se(e, ["renderWithFragment", "children"]);
-  return Fi ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", i, n) : null;
+  return Fi ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", i, n) : null;
 }, od = function(e) {
   var t = e.renderWithFragment, n = e.children;
   e.viewClassName, e.style;
   var i = e.condition, a = se(e, ["renderWithFragment", "children", "viewClassName", "style", "condition"]);
-  return i ? t ? U.createElement(J.Fragment, null, n) : U.createElement("div", a, n) : null;
+  return i ? t ? U.createElement(Z.Fragment, null, n) : U.createElement("div", a, n) : null;
 };
 function ld(r) {
   return /* @__PURE__ */ function(e) {
@@ -2562,14 +2562,14 @@ function ld(r) {
   }(U.Component);
 }
 function dd() {
-  var r = J.useState(function() {
+  var r = Z.useState(function() {
     var a = window.innerWidth > window.innerHeight ? 90 : 0;
     return {
       isPortrait: a === 0,
       isLandscape: a === 90,
       orientation: a === 0 ? "portrait" : "landscape"
     };
-  }), e = nl(r, 2), t = e[0], n = e[1], i = J.useCallback(function() {
+  }), e = nl(r, 2), t = e[0], n = e[1], i = Z.useCallback(function() {
     var a = window.innerWidth > window.innerHeight ? 90 : 0, o = {
       isPortrait: a === 0,
       isLandscape: a === 90,
@@ -2577,7 +2577,7 @@ function dd() {
     };
     t.orientation !== o.orientation && n(o);
   }, [t.orientation]);
-  return J.useEffect(function() {
+  return Z.useEffect(function() {
     return (typeof window > "u" ? "undefined" : nt(window)) !== void 0 && Ft && (i(), window.addEventListener("load", i, !1), window.addEventListener("resize", i, !1)), function() {
       window.removeEventListener("resize", i, !1), window.removeEventListener("load", i, !1);
     };
@@ -6055,17 +6055,12 @@ const zu = ({
       autoplay: t === !0 ? { delay: 3e3 } : t,
       spaceBetween: n,
       slidesPerView: i,
-      pagination: a ? {
-        clickable: !0,
-        renderBullet: (p, w) => `<span class="${K(w, "w-3 h-3 rounded-md bg-white opacity-30 transition-all", {
-          "opacity-90 scale-125": w.includes("swiper-pagination-bullet-active")
-        })}"></span>`
-      } : void 0,
-      className: K("relative", l),
+      pagination: a,
+      className: J("relative", l),
       style: d,
       onSlideChange: m,
       children: [
-        r.map((p, w) => /* @__PURE__ */ x(la, { style: { height: "auto" }, className: K(s), children: p }, w)),
+        r.map((p, w) => /* @__PURE__ */ x(la, { style: { height: "auto" }, className: J(s), children: p }, w)),
         o && ud && /* @__PURE__ */ H(pr, { children: [
           /* @__PURE__ */ x(
             je,
@@ -6259,7 +6254,7 @@ const zu = ({
       name: r,
       render: () => /* @__PURE__ */ H(ge, { className: "relative", children: [
         f && /* @__PURE__ */ x(Ve, { required: o, heading: t, label: n, description: i }),
-        /* @__PURE__ */ x(ve, { children: /* @__PURE__ */ H("div", { className: K("flex max-w-screen-sm items-center gap-2", l), children: [
+        /* @__PURE__ */ x(ve, { children: /* @__PURE__ */ H("div", { className: J("flex max-w-screen-sm items-center gap-2", l), children: [
           /* @__PURE__ */ x(
             Ra,
             {
@@ -6267,7 +6262,7 @@ const zu = ({
                 u.onChange(p), d && d();
               },
               value: u.value,
-              className: K(
+              className: J(
                 c === "vertical" && "flex flex-col gap-4",
                 c === "horizontal" && "flex flex-wrap gap-8",
                 c === "grid" && "grid w-full grid-cols-2 gap-x-8 gap-y-4"
@@ -6323,7 +6318,7 @@ const zu = ({
       render: () => /* @__PURE__ */ H(ge, { children: [
         v && /* @__PURE__ */ x(Ve, { required: r, heading: e, label: n, description: i }),
         /* @__PURE__ */ x(ve, { children: /* @__PURE__ */ H("div", { className: "flex flex-col gap-2", children: [
-          u.value && u.value.length > 0 && /* @__PURE__ */ x("ul", { className: K("flex flex-col flex-wrap gap-1", l), children: u.value.map((y, T) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(
+          u.value && u.value.length > 0 && /* @__PURE__ */ x("ul", { className: J("flex flex-col flex-wrap gap-1", l), children: u.value.map((y, T) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(
             gr,
             {
               size: s,
@@ -6401,7 +6396,7 @@ const zu = ({
       name: r,
       render: () => /* @__PURE__ */ H(ge, { children: [
         T && /* @__PURE__ */ x(Ve, { required: o, heading: t, label: n, description: i }),
-        /* @__PURE__ */ x(ve, { children: /* @__PURE__ */ H("div", { className: K("flex w-full max-w-screen-sm items-center gap-2", h), children: [
+        /* @__PURE__ */ x(ve, { children: /* @__PURE__ */ H("div", { className: J("flex w-full max-w-screen-sm items-center gap-2", h), children: [
           c && /* @__PURE__ */ x("div", { className: "whitespace-nowrap", children: c }),
           l ? /* @__PURE__ */ x(
             Wa,
@@ -6929,7 +6924,7 @@ const ln = {
         children: /* @__PURE__ */ H(
           "div",
           {
-            className: K(
+            className: J(
               "relative z-50 rounded",
               s && "m-1",
               e === "white" && "border-border border",
@@ -6942,7 +6937,7 @@ const ln = {
               /* @__PURE__ */ H(
                 "div",
                 {
-                  className: K(
+                  className: J(
                     "relative z-40 flex max-w-sm items-center font-normal",
                     e !== "white" && "bg-opacity-90",
                     ln[e],
@@ -7250,7 +7245,7 @@ const Eu = _a(
   shape: "square"
 });
 Lr.displayName = "ToggleGroupContext";
-const Dr = O.forwardRef(({ className: r, variant: e, theme: t, size: n, shape: i, children: a, ...o }, l) => /* @__PURE__ */ x(Lr.Provider, { value: { theme: t, size: n, shape: i }, children: /* @__PURE__ */ x(Pa, { ref: l, className: K("flex items-center justify-center gap-1", r), ...o, children: a }) }));
+const Dr = O.forwardRef(({ className: r, variant: e, theme: t, size: n, shape: i, children: a, ...o }, l) => /* @__PURE__ */ x(Lr.Provider, { value: { theme: t, size: n, shape: i }, children: /* @__PURE__ */ x(Pa, { ref: l, className: J("flex items-center justify-center gap-1", r), ...o, children: a }) }));
 Dr.displayName = Pa.displayName;
 const ot = O.forwardRef(({ className: r, checked: e = !1, children: t, ...n }, i) => {
   const a = O.useContext(Lr);
@@ -7258,7 +7253,7 @@ const ot = O.forwardRef(({ className: r, checked: e = !1, children: t, ...n }, i
     Ma,
     {
       ref: i,
-      className: K(
+      className: J(
         Eu({
           theme: n.theme || a.theme || "primary",
           size: n.size || a.size || "md",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "boottent-design",
   "private": false,
-  "version": "0.1.93",
+  "version": "0.1.95",
   "description": "부트텐트 디자인시스템 라이브러리",
   "repository": {
     "type": "git",