@tipp/ui 1.6.35 → 2.0.0

package/dist/icons/phone-ring.js

@@ -1,7 +1,7 @@
 import {
   PhoneRingIcon
-} from "../chunk-UFYNSPJQ.js";
-import "../chunk-N552FDTV.js";
+} from "../chunk-MEKWBVXE.js";
+import "../chunk-2NMEKWO5.js";
 export {
   PhoneRingIcon
 };

package/dist/icons/up.js

@@ -1,7 +1,7 @@
 import {
   TriangleArrowUpIcon
-} from "../chunk-NDUKDKGB.js";
-import "../chunk-N552FDTV.js";
+} from "../chunk-PVL7SJYR.js";
+import "../chunk-2NMEKWO5.js";
 export {
   TriangleArrowUpIcon
 };

package/dist/index.cjs

@@ -57,8 +57,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   AlertDialog: () => import_themes.AlertDialog,
   ArchiveIcon: () => import_react_icons2.ArchiveIcon,
   ArrowLeftIcon: () => import_react_icons2.ArrowLeftIcon,
@@ -225,7 +225,7 @@ __export(src_exports, {
   usePortalContainer: () => usePortalContainer,
   useThemeContext: () => import_themes53.useThemeContext
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/atoms/alert-dialog.tsx
 var import_themes = require("@radix-ui/themes");
@@ -360,8 +360,7 @@ var Button = (0, import_react3.forwardRef)(
       return convertSize(size);
     }, [size]);
     const radixVariant = (0, import_react3.useMemo)(() => {
-      if (variant === "transparent")
-        return "soft";
+      if (variant === "transparent") return "soft";
       return variant;
     }, [variant]);
     const className = (0, import_react3.useMemo)(() => {
@@ -393,8 +392,7 @@ var Card = (0, import_react4.forwardRef)(
   (props, forwardedRef) => {
     const _a = props, { borderDisable, borderRadius, error } = _a, rest = __objRest(_a, ["borderDisable", "borderRadius", "error"]);
     const borderInsetClassName = (0, import_react4.useMemo)(() => {
-      if (!borderDisable)
-        return "";
+      if (!borderDisable) return "";
       const { left, right, top, bottom } = borderDisable;
       return [
         left && "disable-inset-left",
@@ -490,7 +488,9 @@ var import_jsx_runtime7 = require("react/jsx-runtime");
 var PortalContext = (0, import_react7.createContext)(
   null
 );
-function PortalProvider({ children }) {
+function PortalProvider({
+  children
+}) {
   const dialogContainerRef = (0, import_react7.useRef)(null);
   const drawerContainerRef = (0, import_react7.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(PortalContext.Provider, { value: { dialogContainerRef, drawerContainerRef }, children: [
@@ -813,8 +813,7 @@ var TextArea = (0, import_react12.forwardRef)(
   (props, ref) => {
     const _a = props, { error, style, className } = _a, rest = __objRest(_a, ["error", "style", "className"]);
     const fieldStyle = (0, import_react12.useMemo)(() => {
-      if (!error)
-        return style;
+      if (!error) return style;
       const errorStyle = {
         boxShadow: "inset 0 0 0 var(--text-area-border-width) var(--error-11)"
       };
@@ -841,8 +840,7 @@ var Typo = (0, import_react13.forwardRef)(
   (props, ref) => {
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
     const radixSize = (0, import_react13.useMemo)(() => {
-      if (size !== void 0)
-        return size;
+      if (size !== void 0) return size;
       switch (variant) {
         case "caption":
           return "1";
@@ -865,8 +863,7 @@ var import_jsx_runtime15 = require("react/jsx-runtime");
 var Root4 = (0, import_react14.forwardRef)((props, ref) => {
   const _a = props, { error, style, className } = _a, rest = __objRest(_a, ["error", "style", "className"]);
   const fieldStyle = (0, import_react14.useMemo)(() => {
-    if (!error)
-      return style;
+    if (!error) return style;
     const errorStyle = {
       boxShadow: "inset 0 0 0 var(--text-field-border-width) var(--error-11)"
     };
@@ -897,14 +894,12 @@ function Collapse(props) {
     return props.open || props.defaultOpen || false;
   });
   (0, import_react15.useEffect)(() => {
-    if (props.open === void 0)
-      return;
+    if (props.open === void 0) return;
     setOpen(props.open);
   }, [props.open]);
   const ref = (0, import_react15.useRef)(null);
   (0, import_react15.useEffect)(() => {
-    if (!ref.current)
-      return;
+    if (!ref.current) return;
     ref.current.style.maxHeight = open ? `${ref.current.scrollHeight}px` : closedHeight;
   }, [closedHeight, open]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "tipp-collapse", ref, children });
@@ -1197,19 +1192,16 @@ function Pagination(props) {
     next && setPage(next);
   }, [next]);
   const doublePrev = (0, import_react16.useMemo)(() => {
-    if (!visibleItems.length)
-      return;
+    if (!visibleItems.length) return;
     return Math.max(0, visibleItems[0] - 1);
   }, [visibleItems]);
   const onClickDoublePrev = (0, import_react16.useCallback)(() => {
     doublePrev && setPage(doublePrev);
   }, [doublePrev]);
   const doubleNext = (0, import_react16.useMemo)(() => {
-    if (!visibleItems.length)
-      return;
+    if (!visibleItems.length) return;
     const n = visibleItems[visibleItems.length - 1] + 1;
-    if (n > count)
-      return;
+    if (n > count) return;
     return Math.min(count, n);
   }, [count, visibleItems]);
   const onClickDoubleNext = (0, import_react16.useCallback)(() => {
@@ -1434,7 +1426,7 @@ var import_react_icons3 = require("@radix-ui/react-icons");
 var import_react_toastify = require("react-toastify");
 var import_react_toastify2 = require("react-toastify");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-function CloseButton() {
+function CloseButton(props) {
   return null;
 }
 function ToastContainer(props) {
@@ -1778,8 +1770,7 @@ function ExpandTable(props) {
   const gridTemplateColumns = (0, import_react21.useMemo)(() => {
     return columns.map((col) => {
       var _a;
-      if ((_a = col.meta) == null ? void 0 : _a.autoSize)
-        return "1fr";
+      if ((_a = col.meta) == null ? void 0 : _a.autoSize) return "1fr";
       return `${col.size || 150}px`;
     }).join(" ");
   }, [columns]);
@@ -1813,8 +1804,7 @@ function ExpandTable(props) {
     [isLoading, placeholder]
   );
   const pageCount = (0, import_react21.useMemo)(() => {
-    if (!data)
-      return 0;
+    if (!data) return 0;
     return Math.ceil(data.length / pageSize);
   }, [data, pageSize]);
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "expand-table", style: tableStyle, children: [
@@ -2047,8 +2037,7 @@ function DotNavigation(props) {
     onChangeDotIndex == null ? void 0 : onChangeDotIndex(currentDot);
   }, [currentDot, onChangeDotIndex]);
   (0, import_react23.useEffect)(() => {
-    if (typeof dotIndex === "undefined")
-      return;
+    if (typeof dotIndex === "undefined") return;
     setCurrentDot(dotIndex);
   }, [dotIndex]);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes22.Flex, { children: dotCount ? Array.from({ length: dotCount }, (_, i) => i).map((_, index) => {
@@ -2253,9 +2242,11 @@ function TagSelector(props) {
   const [focus, setFocus] = (0, import_react25.useState)(false);
   const fieldRef = (0, import_react25.useRef)(null);
   const scrollRef = (0, import_react25.useRef)(null);
-  const closeRef = (0, import_react25.useRef)();
+  const closeRef = (0, import_react25.useRef)(null);
   const onFocus = (0, import_react25.useCallback)(() => {
-    clearTimeout(closeRef.current);
+    if (closeRef.current) {
+      clearTimeout(closeRef.current);
+    }
     setFocus(true);
     setOpen(true);
   }, []);
@@ -2283,8 +2274,7 @@ function TagSelector(props) {
     const result = [];
     selected.forEach((id) => {
       const maybeItem = options.find((option) => option.id === id);
-      if (maybeItem)
-        result.push(maybeItem);
+      if (maybeItem) result.push(maybeItem);
     });
     return result;
   }, [options, selected]);
@@ -2296,8 +2286,7 @@ function TagSelector(props) {
   );
   const onSelect = (0, import_react25.useCallback)(
     (id) => {
-      if (maxCount && selected.length + 1 > maxCount)
-        return;
+      if (maxCount && selected.length + 1 > maxCount) return;
       setSelected([...selected, id]);
     },
     [maxCount, selected, setSelected]
@@ -2377,12 +2366,9 @@ function TagSelector(props) {
     ]
   );
   const placeholderVisible = (0, import_react25.useMemo)(() => {
-    if (selectedItem.length)
-      return false;
-    if (value)
-      return false;
-    if (focus)
-      return false;
+    if (selectedItem.length) return false;
+    if (value) return false;
+    if (focus) return false;
     return true;
   }, [focus, selectedItem.length, value]);
   (0, import_react25.useEffect)(() => {
@@ -2610,8 +2596,7 @@ function LearningPost(props) {
                           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Typo, { children: metaDescription }),
                           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_themes22.Flex, { gap: "1", wrap: "wrap", children: tags == null ? void 0 : tags.map((el) => {
                             var _a;
-                            if ((_a = el.name) == null ? void 0 : _a.startsWith("filter"))
-                              return;
+                            if ((_a = el.name) == null ? void 0 : _a.startsWith("filter")) return;
                             return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Badge, { size: "large", variant: "solid", children: el.name }, el.id);
                           }) })
                         ]
@@ -2753,8 +2738,7 @@ function DatePickerButton(props) {
     return { size, color, variant, disabled };
   }, [disabled, size]);
   const selectFormat = (0, import_react26.useMemo)(() => {
-    if (formatProps)
-      return formatProps;
+    if (formatProps) return formatProps;
     return (date) => {
       return date ? (0, import_date_fns.format)(date, "yyyy\uB144 MM\uC6D4 dd\uC77C") : placeholder;
     };
@@ -2811,8 +2795,7 @@ function scrollTo(element, targetPosition, duration) {
   const distance = targetPosition - startPosition;
   let startTime = null;
   function animation(currentTime) {
-    if (startTime === null)
-      startTime = currentTime;
+    if (startTime === null) startTime = currentTime;
     const timeElapsed = currentTime - startTime;
     const run = ease(timeElapsed, startPosition, distance, duration);
     element.scrollTop = run;
@@ -2824,8 +2807,7 @@ function scrollTo(element, targetPosition, duration) {
     let [t2] = [t];
     const [b2, c2, d2] = [b, c, d];
     t2 /= d2 / 2;
-    if (t2 < 1)
-      return c2 / 2 * t2 * t2 + b2;
+    if (t2 < 1) return c2 / 2 * t2 * t2 + b2;
     t2--;
     return -c2 / 2 * (t2 * (t2 - 2) - 1) + b2;
   }
@@ -2843,8 +2825,7 @@ var getTimeOptions = () => {
   return timeOptions;
 };
 var parseTimeOption = (time) => {
-  if (!time)
-    return { hour: 0, minute: 0 };
+  if (!time) return { hour: 0, minute: 0 };
   const [hour, minute] = time.split(":").map((t) => parseInt(t, 10));
   return { hour, minute };
 };
@@ -3871,8 +3852,7 @@ function SessionCard(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button, { color: "gray", ml: "2", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_icons2.Pencil1Icon, {}) });
   }, []);
   const sessionTimeStr = (0, import_react33.useMemo)(() => {
-    if (!startAt || !endAt)
-      return "\uC54C \uC218 \uC5C6\uC74C";
+    if (!startAt || !endAt) return "\uC54C \uC218 \uC5C6\uC74C";
     return `${(0, import_date_fns6.format)(startAt, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84")} ~ ${(0, import_date_fns6.format)(endAt, "HH\uC2DC mm\uBD84")}`;
   }, [startAt, endAt]);
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Card, __spreadProps(__spreadValues({ error: Boolean(error) }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes22.Flex, { direction: "column", gap: "3", children: [
@@ -3995,8 +3975,7 @@ function ReservationCard(props) {
   }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
   const onChangeDate = (0, import_react34.useCallback)(
     (newDate) => {
-      if (!newDate)
-        return;
+      if (!newDate) return;
       const { hour = 0, minute = 0 } = time ? parseTimeOption(time) : {};
       setEditValues((prev) => {
         return __spreadProps(__spreadValues({}, prev), {
@@ -4032,8 +4011,7 @@ function ReservationCard(props) {
     [date]
   );
   (0, import_react34.useEffect)(() => {
-    if (!minTime || !editValues.date || readonly)
-      return;
+    if (!minTime || !editValues.date || readonly) return;
     if (editValues.date < minTime) {
       import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
       setEditValues((prev) => {
@@ -4044,8 +4022,7 @@ function ReservationCard(props) {
     }
   }, [editValues, minTime, readonly]);
   (0, import_react34.useEffect)(() => {
-    if (!maxTime || !editValues.date || readonly)
-      return;
+    if (!maxTime || !editValues.date || readonly) return;
     if (editValues.date > maxTime) {
       import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
       setEditValues((prev) => {
@@ -4249,8 +4226,7 @@ var import_jsx_runtime64 = require("react/jsx-runtime");
 function ReportCard(props) {
   const { title, file, status, subtitle } = props;
   const onClickDownload = (0, import_react36.useCallback)(() => {
-    if (!file)
-      return;
+    if (!file) return;
     const { url, fileName } = file;
     const link = document.createElement("a");
     link.href = url;