@tipp/ui 1.0.14 → 1.0.16

package/dist/index.js

@@ -1,172 +1,188 @@
-import {
-  useThemeContext
-} from "./chunk-FVIZVGDG.js";
 import {
   uiProps
-} from "./chunk-PQ226JCJ.js";
+} from "./chunk-NVKNDAIN.js";
 import "./chunk-DF7LG3AO.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "./chunk-GYIOJ6QV.js";
-import "./chunk-QEUFWU46.js";
-import "./chunk-HA3QN63E.js";
-import "./chunk-5X4ROH3C.js";
+} from "./chunk-ANLWB2QF.js";
+import "./chunk-QIR4QA4A.js";
 import {
   Navigation
-} from "./chunk-UMG64UMX.js";
+} from "./chunk-QOY42XM2.js";
 import "./chunk-2ANGYYEV.js";
 import {
   DatePicker
-} from "./chunk-C7NYMRBQ.js";
+} from "./chunk-L4L52UN2.js";
+import {
+  Spinner
+} from "./chunk-FR2GDOU2.js";
+import {
+  Strong
+} from "./chunk-74DX4CU7.js";
 import {
   Switch
-} from "./chunk-QPLT5WWK.js";
+} from "./chunk-OYM4XCHQ.js";
 import {
   TabNav
-} from "./chunk-A3NPI2AS.js";
+} from "./chunk-YJ7ZFOYL.js";
 import {
   Tabs
-} from "./chunk-XYV3MX3B.js";
+} from "./chunk-5ZITU5L7.js";
 import {
   TextArea
-} from "./chunk-55Q7SBWI.js";
+} from "./chunk-ILRUXI2E.js";
 import {
   TextField
-} from "./chunk-Q6ZBWXY6.js";
+} from "./chunk-JPIZP2PZ.js";
 import {
   ToastContainer,
   toast
-} from "./chunk-YPUBDEU6.js";
+} from "./chunk-54NO6UR7.js";
+import {
+  RadioGroup
+} from "./chunk-6DJOIRMF.js";
+import {
+  Radio
+} from "./chunk-FPD73OHW.js";
 import {
   ScrollArea
-} from "./chunk-N3VL7MIF.js";
+} from "./chunk-ZKZDVS7G.js";
 import {
   Section
-} from "./chunk-F6K5NVDQ.js";
+} from "./chunk-MUNMDHRF.js";
 import {
   SegmentedControl
-} from "./chunk-Z7EGOF2M.js";
+} from "./chunk-TVDKGMBI.js";
 import {
   Select
-} from "./chunk-LG4BUHJO.js";
+} from "./chunk-355MU6BH.js";
 import {
   Separator
-} from "./chunk-5YENRC3J.js";
+} from "./chunk-HYITAA4J.js";
 import {
   Skeleton
-} from "./chunk-KHRE6RXB.js";
+} from "./chunk-5H3YPCZK.js";
 import {
-  Spinner
-} from "./chunk-SJCYEFFA.js";
+  Inset
+} from "./chunk-XQOL7UBI.js";
 import {
-  Strong
-} from "./chunk-ZTP3VXDO.js";
+  Kbd
+} from "./chunk-TULWX7D6.js";
 import {
   Link
-} from "./chunk-J3BM3BSX.js";
+} from "./chunk-XQOZWYUA.js";
 import {
   Pagination
-} from "./chunk-ZUIQCMNX.js";
+} from "./chunk-PF27W53W.js";
 import {
   Popover
-} from "./chunk-URTFSQ3P.js";
+} from "./chunk-5AVBYDPB.js";
 import {
   Progress
-} from "./chunk-4YJIR5QZ.js";
+} from "./chunk-365QMK4D.js";
 import {
   Quote
-} from "./chunk-RJNWYPSX.js";
+} from "./chunk-YO3BQW6S.js";
 import {
   RadioCards
-} from "./chunk-6UGIHHRB.js";
+} from "./chunk-6IVCARWS.js";
 import {
-  RadioGroup
-} from "./chunk-QXBQ5KTF.js";
+  Em
+} from "./chunk-2DZ2Y3JI.js";
 import {
-  Radio
-} from "./chunk-FFNJPXSJ.js";
+  FieldErrorWrapper
+} from "./chunk-CHHLIPDN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
 import {
   Grid
-} from "./chunk-MW4GLAVA.js";
+} from "./chunk-EGEQY3KT.js";
 import {
   Heading
-} from "./chunk-K7UD6V6D.js";
+} from "./chunk-HLOY6BIP.js";
 import {
   HoverCard
-} from "./chunk-YB72QLLV.js";
+} from "./chunk-O3T3TM3V.js";
 import {
   IconButton
-} from "./chunk-B6KEM5XZ.js";
+} from "./chunk-O3DNDMV3.js";
 import {
-  Inset
-} from "./chunk-L5C4ECF5.js";
+  Code
+} from "./chunk-OHMOP5PV.js";
 import {
-  Kbd
-} from "./chunk-VWDPQR2A.js";
+  Collapse
+} from "./chunk-OCJNQGHN.js";
 import {
   Container
-} from "./chunk-KP6WI67T.js";
+} from "./chunk-Q37G2GS6.js";
 import {
   DataList
-} from "./chunk-724BMCSR.js";
+} from "./chunk-VTJZMOSP.js";
 import {
   Dialog
-} from "./chunk-RNMIZQSE.js";
+} from "./chunk-P6B2PNYI.js";
 import {
   Content,
   Drawer,
   Root,
   Trigger
-} from "./chunk-X6H7WM66.js";
-import {
-  ThemeProvider
-} from "./chunk-4KDBZ4CL.js";
+} from "./chunk-XD7EVGEL.js";
 import {
   DropdownMenu
-} from "./chunk-D5TD6WCZ.js";
+} from "./chunk-YTZSKMX3.js";
 import {
   EllipsisTooltip
-} from "./chunk-R3XMQ3KD.js";
+} from "./chunk-4IKPNQV5.js";
 import {
   Tooltip
-} from "./chunk-EQ7KE5GE.js";
+} from "./chunk-ACVANQJ4.js";
 import {
-  Em
-} from "./chunk-GNLNX5JP.js";
-import {
-  FieldErrorWrapper
-} from "./chunk-WUXNDTOB.js";
+  Typo
+} from "./chunk-O3XTRD7R.js";
 import {
-  Flex
-} from "./chunk-NYVG77CV.js";
+  Blockquote
+} from "./chunk-YGL6SWKN.js";
 import {
-  Typo
-} from "./chunk-AIB4224Y.js";
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   Button
-} from "./chunk-P7NMHOJG.js";
+} from "./chunk-AQX7DQLI.js";
 import {
   Callout
-} from "./chunk-53F6BMUO.js";
+} from "./chunk-B6XJN6EC.js";
 import {
   Card
-} from "./chunk-6YSZDBTF.js";
+} from "./chunk-FYEASFUU.js";
 import {
   CheckboxCards
-} from "./chunk-WFAMTFSW.js";
+} from "./chunk-MIMJ7LON.js";
 import {
   CheckboxGroup
-} from "./chunk-QQVG2NHO.js";
+} from "./chunk-IQEEPHOY.js";
 import {
   Checkbox
-} from "./chunk-CVJ4XBWE.js";
+} from "./chunk-JEHDCZQU.js";
 import {
-  Code
-} from "./chunk-FZ4UZKDT.js";
+  ThemeProvider
+} from "./chunk-PL3Q4UVY.js";
 import {
-  Collapse
-} from "./chunk-33WKE6IA.js";
+  useThemeContext
+} from "./chunk-MMGP4GEQ.js";
+import {
+  AlertDialog
+} from "./chunk-J242TTFH.js";
+import {
+  AspectRatio
+} from "./chunk-EAXUQEO5.js";
+import {
+  Avatar
+} from "./chunk-CZEGRZBK.js";
+import {
+  Badge
+} from "./chunk-ALOPZ54P.js";
 import {
   BarChartIcon,
   BookmarkFilledIcon,
@@ -187,25 +203,9 @@ import {
   Pencil1Icon,
   PersonIcon,
   PlusIcon
-} from "./chunk-QMGUJEWT.js";
-import {
-  AlertDialog
-} from "./chunk-QW37AGIX.js";
-import {
-  AspectRatio
-} from "./chunk-YOZQBYKE.js";
-import {
-  Avatar
-} from "./chunk-KG5JWHNT.js";
-import {
-  Badge
-} from "./chunk-54UYEE4I.js";
-import {
-  Blockquote
-} from "./chunk-MHRB7KKW.js";
-import {
-  Box
-} from "./chunk-W4XMQNCC.js";
+} from "./chunk-HUBPQ7ZR.js";
+import "./chunk-BSTJBBEX.js";
+import "./chunk-NDUKDKGB.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,

package/dist/molecules/expand-table/index.cjs

@@ -229,48 +229,120 @@ var import_themes14 = require("@radix-ui/themes");
 var import_themes15 = require("@radix-ui/themes");
 
 // src/atoms/date-picker/index.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_react_datepicker = __toESM(require("react-datepicker"), 1);
+
+// src/atoms/icon-button.tsx
+var import_themes16 = require("@radix-ui/themes");
+
+// src/atoms/flex.tsx
+var import_themes17 = require("@radix-ui/themes");
+
+// src/icon.ts
+var import_react_icons = require("@radix-ui/react-icons");
+
+// src/atoms/heading.tsx
+var import_themes18 = require("@radix-ui/themes");
+var import_react6 = require("react");
+var import_themes19 = require("@radix-ui/themes");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var DatePicker = (0, import_react6.forwardRef)(
+function Heading2(props) {
+  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
+  const radixSize = (0, import_react6.useMemo)(() => {
+    switch (variant) {
+      case "subtitle1":
+        return "4";
+      case "heading1":
+        return "7";
+      case "heading2":
+        return "6";
+      case "heading3":
+        return "5";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_themes18.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+// src/atoms/date-picker/index.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var DatePicker = (0, import_react7.forwardRef)(
   (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       import_react_datepicker.default,
-      __spreadProps(__spreadValues({}, props), {
-        open: true,
+      __spreadProps(__spreadValues({
+        placeholderText: "yyyy/mm/dd",
         ref,
-        wrapperClassName: "tipp_datePicker"
+        showPopperArrow: false
+      }, rest), {
+        calendarClassName: `tipp_datePicker_calendar ${rest.calendarClassName || ""}`,
+        dateFormat: "yyyy/MM/dd",
+        nextMonthButtonLabel: "\uB2E4\uC74C \uB2EC",
+        previousMonthButtonLabel: "\uC774\uC804 \uB2EC",
+        renderCustomHeader,
+        wrapperClassName: `tipp_datePicker ${size} ${rest.wrapperClassName || ""}`
       })
     );
   }
 );
+var renderCustomHeader = (props) => {
+  const {
+    date,
+    decreaseMonth,
+    increaseMonth,
+    prevMonthButtonDisabled,
+    nextMonthButtonDisabled
+  } = props;
+  const year = date.getFullYear();
+  const month = date.getMonth();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes17.Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_themes16.IconButton,
+      {
+        disabled: prevMonthButtonDisabled,
+        onClick: decreaseMonth,
+        variant: "ghost",
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_icons.ChevronLeftIcon, {})
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_themes17.Flex, { gap: "3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Heading2, { variant: "subtitle1", weight: "regular", children: [
+        year,
+        "\uB144"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Heading2, { variant: "subtitle1", weight: "regular", children: [
+        month + 1,
+        "\uC6D4"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_themes16.IconButton,
+      {
+        disabled: nextMonthButtonDisabled,
+        onClick: increaseMonth,
+        variant: "ghost",
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_icons.ChevronRightIcon, {})
+      }
+    )
+  ] });
+};
 DatePicker.displayName = "DatePicker";
 
 // src/atoms/dialog.tsx
-var import_themes16 = require("@radix-ui/themes");
+var import_themes20 = require("@radix-ui/themes");
 
 // src/atoms/dropdown-menu.tsx
-var import_themes17 = require("@radix-ui/themes");
+var import_themes21 = require("@radix-ui/themes");
 
 // src/atoms/em.tsx
-var import_themes18 = require("@radix-ui/themes");
-
-// src/atoms/flex.tsx
-var import_themes19 = require("@radix-ui/themes");
-
-// src/atoms/grid.tsx
-var import_themes20 = require("@radix-ui/themes");
-
-// src/atoms/heading.tsx
-var import_themes21 = require("@radix-ui/themes");
-var import_react7 = require("react");
 var import_themes22 = require("@radix-ui/themes");
-var import_jsx_runtime7 = require("react/jsx-runtime");
 
-// src/atoms/hover-card.tsx
+// src/atoms/grid.tsx
 var import_themes23 = require("@radix-ui/themes");
 
-// src/atoms/icon-button.tsx
+// src/atoms/hover-card.tsx
 var import_themes24 = require("@radix-ui/themes");
 
 // src/atoms/inset.tsx
@@ -394,11 +466,6 @@ var import_themes49 = require("@radix-ui/themes");
 
 // src/atoms/pagination.tsx
 var import_react11 = require("react");
-
-// src/icon.ts
-var import_react_icons = require("@radix-ui/react-icons");
-
-// src/atoms/pagination.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 
 // src/atoms/field-error-wrapper.tsx
@@ -587,7 +654,7 @@ function ExpandTable(props) {
                   header.getContext()
                 ) }),
                 sortable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-                  import_themes19.Flex,
+                  import_themes17.Flex,
                   {
                     direction: "column",
                     style: { marginLeft: "var(--space-2)" },
@@ -615,7 +682,7 @@ function ExpandTable(props) {
       headerGroup.id
     )) }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "tbody", children: [
-      rowModels.rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes19.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
+      rowModels.rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes17.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Typo, { color: "gray", mb: "6", mt: "6", variant: "body", children: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4" }) }) }, "expand_placeholder"),
       rowModels.rows.map((row) => {
         return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           Row,