@tipp/ui 1.2.11 → 1.2.13

package/dist/index.js

@@ -11,39 +11,28 @@ import {
 import "./chunk-O4ZYERRL.js";
 import {
   DatePicker
-} from "./chunk-C3YMRWG2.js";
+} from "./chunk-4AACT3BJ.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "./chunk-WBWP37HC.js";
+} from "./chunk-5T7WTAHK.js";
 import "./chunk-JFKC7O5G.js";
 import {
   DotNavigation
 } from "./chunk-EDTEVEJW.js";
 import {
   Navigation
-} from "./chunk-PPO64OK7.js";
+} from "./chunk-C5NYMJVC.js";
 import {
   Stepper
-} from "./chunk-PF5CPG6R.js";
+} from "./chunk-FZAYTBCB.js";
 import {
   TagSelector
-} from "./chunk-XC4I5B6G.js";
-import {
-  useThemeContext
-} from "./chunk-MMGP4GEQ.js";
-import "./chunk-BSTJBBEX.js";
-import "./chunk-NDUKDKGB.js";
+} from "./chunk-J7XYWBOK.js";
 import "./chunk-76JGDATZ.js";
-import {
-  TextArea
-} from "./chunk-ILRUXI2E.js";
 import {
   TextField
 } from "./chunk-JPIZP2PZ.js";
-import {
-  Select
-} from "./chunk-3JRNKBMN.js";
 import {
   Separator
 } from "./chunk-HYITAA4J.js";
@@ -66,8 +55,8 @@ import {
   Tabs
 } from "./chunk-5ZITU5L7.js";
 import {
-  Progress
-} from "./chunk-365QMK4D.js";
+  TextArea
+} from "./chunk-ILRUXI2E.js";
 import {
   Quote
 } from "./chunk-YO3BQW6S.js";
@@ -90,8 +79,8 @@ import {
   SegmentedControl
 } from "./chunk-TVDKGMBI.js";
 import {
-  HoverCard
-} from "./chunk-O3T3TM3V.js";
+  Select
+} from "./chunk-3JRNKBMN.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
@@ -103,13 +92,13 @@ import {
 } from "./chunk-SIM6HKVI.js";
 import {
   Pagination
-} from "./chunk-EIYPZPFB.js";
+} from "./chunk-RJMSUTBQ.js";
 import {
   Popover
 } from "./chunk-5AVBYDPB.js";
 import {
-  DropdownMenu
-} from "./chunk-4WFMOFN2.js";
+  Progress
+} from "./chunk-365QMK4D.js";
 import {
   EllipsisTooltip
 } from "./chunk-WKFZ5MMN.js";
@@ -122,12 +111,6 @@ import {
 import {
   FieldErrorWrapper
 } from "./chunk-QDZS4B6A.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
 import {
   Form
 } from "./chunk-2CVXGGI5.js";
@@ -138,8 +121,8 @@ import {
   Heading
 } from "./chunk-HK224ADT.js";
 import {
-  CheckboxGroup
-} from "./chunk-IQEEPHOY.js";
+  HoverCard
+} from "./chunk-O3T3TM3V.js";
 import {
   Checkbox
 } from "./chunk-LHCDPZ5E.js";
@@ -157,16 +140,13 @@ import {
 } from "./chunk-VTJZMOSP.js";
 import {
   Dialog
-} from "./chunk-6AJTMXLJ.js";
+} from "./chunk-DKN47ZVZ.js";
 import {
   Content,
   Drawer,
   Root,
   Trigger
-} from "./chunk-ZZXCFJOT.js";
-import {
-  ThemeProvider
-} from "./chunk-BVBX6IJ3.js";
+} from "./chunk-HMP3DMRR.js";
 import {
   ToastContainer,
   toast
@@ -175,8 +155,8 @@ import {
   IconButton
 } from "./chunk-O3DNDMV3.js";
 import {
-  Avatar
-} from "./chunk-3SSSCLJ5.js";
+  DropdownMenu
+} from "./chunk-4WFMOFN2.js";
 import {
   Badge
 } from "./chunk-EFMOJ6IL.js";
@@ -198,6 +178,33 @@ import {
 import {
   CheckboxCards
 } from "./chunk-MIMJ7LON.js";
+import {
+  CheckboxGroup
+} from "./chunk-IQEEPHOY.js";
+import {
+  AlertDialog
+} from "./chunk-J242TTFH.js";
+import {
+  AspectRatio
+} from "./chunk-EAXUQEO5.js";
+import {
+  AutoSizingInput
+} from "./chunk-YJCCE5WP.js";
+import {
+  Typo
+} from "./chunk-52MVZ6AN.js";
+import {
+  Avatar
+} from "./chunk-3SSSCLJ5.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  ThemeProvider
+} from "./chunk-BVBX6IJ3.js";
+import {
+  useThemeContext
+} from "./chunk-MMGP4GEQ.js";
 import {
   ArchiveIcon,
   BackpackIcon,
@@ -241,15 +248,8 @@ import {
 import {
   HorizontalBarChart
 } from "./chunk-SGMO4KBC.js";
-import {
-  AlertDialog
-} from "./chunk-J242TTFH.js";
-import {
-  AspectRatio
-} from "./chunk-EAXUQEO5.js";
-import {
-  AutoSizingInput
-} from "./chunk-YJCCE5WP.js";
+import "./chunk-BSTJBBEX.js";
+import "./chunk-NDUKDKGB.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,

package/dist/molecules/date-picker/index.js

@@ -1,9 +1,9 @@
 import {
   DatePicker
-} from "../../chunk-C3YMRWG2.js";
-import "../../chunk-25HMMI7R.js";
+} from "../../chunk-4AACT3BJ.js";
 import "../../chunk-HK224ADT.js";
 import "../../chunk-O3DNDMV3.js";
+import "../../chunk-25HMMI7R.js";
 import "../../chunk-66C4U3BG.js";
 import "../../chunk-N552FDTV.js";
 export {

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

@@ -1,14 +1,10 @@
 import {
   ExpandTable,
   createColumnHelper
-} from "../../chunk-WBWP37HC.js";
+} from "../../chunk-5T7WTAHK.js";
 import "../../chunk-JFKC7O5G.js";
-import "../../chunk-BSTJBBEX.js";
-import "../../chunk-NDUKDKGB.js";
 import "../../chunk-76JGDATZ.js";
-import "../../chunk-ILRUXI2E.js";
 import "../../chunk-JPIZP2PZ.js";
-import "../../chunk-3JRNKBMN.js";
 import "../../chunk-HYITAA4J.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
@@ -16,7 +12,7 @@ import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-ILRUXI2E.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
@@ -24,34 +20,31 @@ import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-3JRNKBMN.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
-import "../../chunk-EIYPZPFB.js";
+import "../../chunk-RJMSUTBQ.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-4WFMOFN2.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-WKFZ5MMN.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-QDZS4B6A.js";
-import "../../chunk-52MVZ6AN.js";
-import "../../chunk-25HMMI7R.js";
 import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-IQEEPHOY.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-KGLIAFTI.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
-import "../../chunk-6AJTMXLJ.js";
-import "../../chunk-ZZXCFJOT.js";
-import "../../chunk-BVBX6IJ3.js";
+import "../../chunk-DKN47ZVZ.js";
+import "../../chunk-HMP3DMRR.js";
 import "../../chunk-NJ2U2TVS.js";
 import "../../chunk-O3DNDMV3.js";
-import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-4WFMOFN2.js";
 import "../../chunk-EFMOJ6IL.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
@@ -59,10 +52,17 @@ import "../../chunk-P3YCIJUP.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
 import "../../chunk-MIMJ7LON.js";
-import "../../chunk-66C4U3BG.js";
+import "../../chunk-IQEEPHOY.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-YJCCE5WP.js";
+import "../../chunk-52MVZ6AN.js";
+import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-25HMMI7R.js";
+import "../../chunk-BVBX6IJ3.js";
+import "../../chunk-66C4U3BG.js";
+import "../../chunk-BSTJBBEX.js";
+import "../../chunk-NDUKDKGB.js";
 import "../../chunk-N552FDTV.js";
 export {
   ExpandTable,

package/dist/molecules/expand-table/row.js

@@ -2,9 +2,7 @@ import {
   Row
 } from "../../chunk-JFKC7O5G.js";
 import "../../chunk-76JGDATZ.js";
-import "../../chunk-ILRUXI2E.js";
 import "../../chunk-JPIZP2PZ.js";
-import "../../chunk-3JRNKBMN.js";
 import "../../chunk-HYITAA4J.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
@@ -12,7 +10,7 @@ import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-ILRUXI2E.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
@@ -20,34 +18,31 @@ import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-3JRNKBMN.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
-import "../../chunk-EIYPZPFB.js";
+import "../../chunk-RJMSUTBQ.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-4WFMOFN2.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-WKFZ5MMN.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-QDZS4B6A.js";
-import "../../chunk-52MVZ6AN.js";
-import "../../chunk-25HMMI7R.js";
 import "../../chunk-2CVXGGI5.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-IQEEPHOY.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-KGLIAFTI.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
-import "../../chunk-6AJTMXLJ.js";
-import "../../chunk-ZZXCFJOT.js";
-import "../../chunk-BVBX6IJ3.js";
+import "../../chunk-DKN47ZVZ.js";
+import "../../chunk-HMP3DMRR.js";
 import "../../chunk-NJ2U2TVS.js";
 import "../../chunk-O3DNDMV3.js";
-import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-4WFMOFN2.js";
 import "../../chunk-EFMOJ6IL.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
@@ -55,10 +50,15 @@ import "../../chunk-P3YCIJUP.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
 import "../../chunk-MIMJ7LON.js";
-import "../../chunk-66C4U3BG.js";
+import "../../chunk-IQEEPHOY.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-YJCCE5WP.js";
+import "../../chunk-52MVZ6AN.js";
+import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-25HMMI7R.js";
+import "../../chunk-BVBX6IJ3.js";
+import "../../chunk-66C4U3BG.js";
 import "../../chunk-N552FDTV.js";
 export {
   Row

package/dist/molecules/index.cjs

@@ -179,16 +179,19 @@ var Button = (0, import_react3.forwardRef)(
 );
 Button.displayName = "Button";
 
-// src/atoms/flex.tsx
+// src/atoms/icon-button.tsx
 var import_themes4 = require("@radix-ui/themes");
 
-// src/atoms/grid.tsx
+// src/atoms/flex.tsx
 var import_themes5 = require("@radix-ui/themes");
 
-// src/atoms/heading.tsx
+// src/atoms/grid.tsx
 var import_themes6 = require("@radix-ui/themes");
-var import_react4 = require("react");
+
+// src/atoms/heading.tsx
 var import_themes7 = require("@radix-ui/themes");
+var import_react4 = require("react");
+var import_themes8 = require("@radix-ui/themes");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function Heading2(props) {
   const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
@@ -208,12 +211,9 @@ function Heading2(props) {
         return size;
     }
   }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes6.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_themes7.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
 }
 
-// src/atoms/icon-button.tsx
-var import_themes8 = require("@radix-ui/themes");
-
 // src/atoms/popover.tsx
 var import_themes9 = require("@radix-ui/themes");
 
@@ -474,7 +474,7 @@ function ExpandTable(props) {
                   header.getContext()
                 ) }),
                 sortable ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                  import_themes4.Flex,
+                  import_themes5.Flex,
                   {
                     direction: "column",
                     style: { marginLeft: "var(--space-2)" },
@@ -502,7 +502,7 @@ function ExpandTable(props) {
       headerGroup.id
     )) }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "tbody", children: [
-      rowModels.rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes4.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)("div", { className: "tr", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_themes5.Flex, { align: "center", justify: "center", children: placeholder || /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)(
           Row,
@@ -529,7 +529,7 @@ function Navigation({
   activeKey
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_themes4.Flex,
+    import_themes5.Flex,
     {
       direction: "column",
       gap: "4",
@@ -540,8 +540,8 @@ function Navigation({
       },
       children: items == null ? void 0 : items.map((item) => {
         const { key, title, icon, itemRender, onClick, children } = item;
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_themes4.Flex, { direction: "column", onClick, children: [
-          itemRender ? itemRender(item) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_themes4.Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_themes5.Flex, { direction: "column", onClick, children: [
+          itemRender ? itemRender(item) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_themes5.Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
             icon,
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Typo, { variant: "subtitle", children: title })
           ] }),
@@ -611,9 +611,9 @@ var renderCustomHeader = (props) => {
   } = props;
   const year = date.getFullYear();
   const month = date.getMonth();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_themes4.Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_themes5.Flex, { align: "center", justify: "between", pb: "2", pl: "2", pr: "2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_themes8.IconButton,
+      import_themes4.IconButton,
       {
         disabled: prevMonthButtonDisabled,
         onClick: decreaseMonth,
@@ -621,7 +621,7 @@ var renderCustomHeader = (props) => {
         children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_icons.ChevronLeftIcon, {})
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_themes4.Flex, { gap: "3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_themes5.Flex, { gap: "3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
         year,
         "\uB144"
@@ -632,7 +632,7 @@ var renderCustomHeader = (props) => {
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_themes8.IconButton,
+      import_themes4.IconButton,
       {
         disabled: nextMonthButtonDisabled,
         onClick: increaseMonth,
@@ -673,7 +673,7 @@ function DotNavigation(props) {
       return;
     setCurrentDot(dotIndex);
   }, [dotIndex]);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes4.Flex, { children: dotCount ? Array.from({ length: dotCount }, (_, i) => i).map((_, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_themes5.Flex, { children: dotCount ? Array.from({ length: dotCount }, (_, i) => i).map((_, index) => {
     const isSelected = currentDot === index;
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       import_react_icons2.DotFilledIcon,
@@ -712,7 +712,7 @@ function Root(props) {
     direction = "vertical"
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_themes4.Flex,
+    import_themes5.Flex,
     {
       gap: "3",
       style: {
@@ -766,7 +766,7 @@ function Step(props) {
     return IncompleteStep;
   }, [completed, active]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-    import_themes4.Flex,
+    import_themes5.Flex,
     {
       align: "center",
       direction: direction === "horizontal" ? "row" : "column",
@@ -1030,7 +1030,7 @@ function TagSelector(props) {
   }, [size]);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes9.Popover.Root, { open: Boolean(filteredOptions.length) && open, children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes9.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-      import_themes5.Grid,
+      import_themes6.Grid,
       {
         align: "center",
         className: `tag-selector ${focus ? "focused" : ""} ${size}`,
@@ -1042,7 +1042,7 @@ function TagSelector(props) {
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-            import_themes4.Flex,
+            import_themes5.Flex,
             {
               align: "center",
               gap: "1",
@@ -1102,7 +1102,7 @@ function TagSelector(props) {
                 scrollbars: "vertical",
                 style: { height: OPTION_HEIGHT * 8 },
                 type: "auto",
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes4.Flex, { direction: "column", children: filteredOptions.map((item, i) => {
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes5.Flex, { direction: "column", children: filteredOptions.map((item, i) => {
                   const isSelected = Boolean(
                     selected.find((el) => el === item.id)
                   );
@@ -1126,7 +1126,7 @@ function TagSelector(props) {
                         boxShadow: "none"
                       },
                       variant: isSelected ? "soft" : "outline",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes4.Flex, { justify: "between", width: "100%", children: [
+                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_themes5.Flex, { justify: "between", width: "100%", children: [
                         item.name,
                         isSelected ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons.CheckIcon, {}) : null
                       ] })