@tipp/ui 1.4.18 → 1.4.19

package/dist/index.js

@@ -17,43 +17,55 @@ import {
 import "./chunk-6ZAP2Q6K.js";
 import {
   DatePicker
-} from "./chunk-MR7N42HJ.js";
+} from "./chunk-MJ3D2VRP.js";
 import {
   ExpandTable,
   createColumnHelper
-} from "./chunk-OAG6DLXW.js";
+} from "./chunk-E6DAU6RB.js";
 import "./chunk-PCWEW2UL.js";
 import {
   DotNavigation
 } from "./chunk-EDTEVEJW.js";
 import {
   LearningPost
-} from "./chunk-CLBSZCMO.js";
+} from "./chunk-YNIACSWN.js";
 import {
   ThemeProvider
 } from "./chunk-BVNXAZ4W.js";
 import {
   Navigation
-} from "./chunk-F44BXTHN.js";
+} from "./chunk-OCINOC2X.js";
 import {
   Stepper
-} from "./chunk-KVNTQ4LE.js";
+} from "./chunk-I7R4T7IL.js";
 import {
   TagSelector
-} from "./chunk-VPUWVGC2.js";
+} from "./chunk-HBAMB3GV.js";
 import "./chunk-BSTJBBEX.js";
 import "./chunk-NDUKDKGB.js";
-import "./chunk-PSINRHYW.js";
-import {
-  EchartDefaultProps
-} from "./chunk-2QFSCWES.js";
-import {
-  HorizontalBarChart
-} from "./chunk-SGMO4KBC.js";
 import "./chunk-KTVZ4KLX.js";
 import {
   Form
-} from "./chunk-OHBL3CTQ.js";
+} from "./chunk-DWCPI2UN.js";
+import {
+  TextArea
+} from "./chunk-TTYPIX4R.js";
+import {
+  TextField
+} from "./chunk-YY45YYJE.js";
+import {
+  ToastContainer,
+  toast
+} from "./chunk-CYYWMYE7.js";
+import {
+  Select
+} from "./chunk-3JRNKBMN.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
+import {
+  Skeleton
+} from "./chunk-5H3YPCZK.js";
 import {
   Spinner
 } from "./chunk-FR2GDOU2.js";
@@ -70,15 +82,14 @@ import {
   Tabs
 } from "./chunk-5ZITU5L7.js";
 import {
-  TextArea
-} from "./chunk-TTYPIX4R.js";
+  Progress
+} from "./chunk-365QMK4D.js";
 import {
-  TextField
-} from "./chunk-YY45YYJE.js";
+  Quote
+} from "./chunk-YO3BQW6S.js";
 import {
-  ToastContainer,
-  toast
-} from "./chunk-CYYWMYE7.js";
+  RadioCards
+} from "./chunk-6IVCARWS.js";
 import {
   RadioGroup
 } from "./chunk-6DJOIRMF.js";
@@ -95,14 +106,8 @@ import {
   SegmentedControl
 } from "./chunk-TVDKGMBI.js";
 import {
-  Select
-} from "./chunk-3JRNKBMN.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
+  HoverCard
+} from "./chunk-O3T3TM3V.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
@@ -114,25 +119,37 @@ import {
 } from "./chunk-SIM6HKVI.js";
 import {
   Pagination
-} from "./chunk-3GR5ZATM.js";
+} from "./chunk-RWJ7HBJY.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
 import {
   Popover
 } from "./chunk-5AVBYDPB.js";
 import {
-  Progress
-} from "./chunk-365QMK4D.js";
+  Content,
+  Drawer,
+  Root,
+  Trigger
+} from "./chunk-UC627KGO.js";
 import {
-  Quote
-} from "./chunk-YO3BQW6S.js";
+  DropdownMenu
+} from "./chunk-4WFMOFN2.js";
 import {
-  RadioCards
-} from "./chunk-6IVCARWS.js";
+  EllipsisTooltip
+} from "./chunk-WKFZ5MMN.js";
+import {
+  Tooltip
+} from "./chunk-ACVANQJ4.js";
 import {
   Em
 } from "./chunk-2DZ2Y3JI.js";
 import {
   FieldErrorWrapper
-} from "./chunk-DJN2IEY6.js";
+} from "./chunk-QDZS4B6A.js";
+import {
+  Typo
+} from "./chunk-52MVZ6AN.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -143,11 +160,14 @@ import {
   Heading
 } from "./chunk-HK224ADT.js";
 import {
-  HoverCard
-} from "./chunk-O3T3TM3V.js";
+  CheckboxCards
+} from "./chunk-MIMJ7LON.js";
 import {
-  IconButton
-} from "./chunk-O3DNDMV3.js";
+  CheckboxGroup
+} from "./chunk-IQEEPHOY.js";
+import {
+  Checkbox
+} from "./chunk-LHCDPZ5E.js";
 import {
   Code
 } from "./chunk-OHMOP5PV.js";
@@ -164,23 +184,14 @@ import {
   Dialog
 } from "./chunk-2VD5Y72N.js";
 import {
-  Content,
-  Drawer,
-  Root,
-  Trigger
-} from "./chunk-UC627KGO.js";
-import {
-  DropdownMenu
-} from "./chunk-4WFMOFN2.js";
-import {
-  EllipsisTooltip
-} from "./chunk-WKFZ5MMN.js";
+  Avatar
+} from "./chunk-3SSSCLJ5.js";
 import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
+  Badge
+} from "./chunk-EWD4AO5N.js";
 import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
+  Blockquote
+} from "./chunk-YGL6SWKN.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -195,15 +206,6 @@ import {
 import {
   Card
 } from "./chunk-UVKNLJDZ.js";
-import {
-  CheckboxCards
-} from "./chunk-MIMJ7LON.js";
-import {
-  CheckboxGroup
-} from "./chunk-IQEEPHOY.js";
-import {
-  Checkbox
-} from "./chunk-LHCDPZ5E.js";
 import {
   ArchiveIcon,
   ArrowLeftIcon,
@@ -242,6 +244,13 @@ import {
   Share1Icon,
   TrashIcon
 } from "./chunk-F77ES5Y3.js";
+import "./chunk-PSINRHYW.js";
+import {
+  EchartDefaultProps
+} from "./chunk-2QFSCWES.js";
+import {
+  HorizontalBarChart
+} from "./chunk-SGMO4KBC.js";
 import {
   AlertDialog
 } from "./chunk-J242TTFH.js";
@@ -251,15 +260,6 @@ import {
 import {
   AutoSizingInput
 } from "./chunk-YJCCE5WP.js";
-import {
-  Avatar
-} from "./chunk-3SSSCLJ5.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.js";
-import {
-  Blockquote
-} from "./chunk-YGL6SWKN.js";
 import "./chunk-N552FDTV.js";
 export {
   AlertDialog,

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

@@ -1,9 +1,9 @@
 import {
   DatePicker
-} from "../../chunk-MR7N42HJ.js";
+} from "../../chunk-MJ3D2VRP.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-25HMMI7R.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-O3DNDMV3.js";
 import "../../chunk-F77ES5Y3.js";
 import "../../chunk-N552FDTV.js";
 export {

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

@@ -1,69 +1,69 @@
 import {
   ExpandTable,
   createColumnHelper
-} from "../../chunk-OAG6DLXW.js";
+} from "../../chunk-E6DAU6RB.js";
 import "../../chunk-PCWEW2UL.js";
 import "../../chunk-BSTJBBEX.js";
 import "../../chunk-NDUKDKGB.js";
 import "../../chunk-KTVZ4KLX.js";
-import "../../chunk-OHBL3CTQ.js";
+import "../../chunk-DWCPI2UN.js";
+import "../../chunk-TTYPIX4R.js";
+import "../../chunk-YY45YYJE.js";
+import "../../chunk-CYYWMYE7.js";
+import "../../chunk-3JRNKBMN.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-TTYPIX4R.js";
-import "../../chunk-YY45YYJE.js";
-import "../../chunk-CYYWMYE7.js";
+import "../../chunk-365QMK4D.js";
+import "../../chunk-YO3BQW6S.js";
+import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-3JRNKBMN.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-5H3YPCZK.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
-import "../../chunk-3GR5ZATM.js";
+import "../../chunk-RWJ7HBJY.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
+import "../../chunk-UC627KGO.js";
+import "../../chunk-4WFMOFN2.js";
+import "../../chunk-WKFZ5MMN.js";
+import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-DJN2IEY6.js";
+import "../../chunk-QDZS4B6A.js";
+import "../../chunk-52MVZ6AN.js";
 import "../../chunk-25HMMI7R.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-O3T3TM3V.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-MIMJ7LON.js";
+import "../../chunk-IQEEPHOY.js";
+import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-LZJR77Q2.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
 import "../../chunk-2VD5Y72N.js";
-import "../../chunk-UC627KGO.js";
-import "../../chunk-4WFMOFN2.js";
-import "../../chunk-WKFZ5MMN.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-52MVZ6AN.js";
+import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-EWD4AO5N.js";
+import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-U7JPP7WJ.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
-import "../../chunk-MIMJ7LON.js";
-import "../../chunk-IQEEPHOY.js";
-import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-F77ES5Y3.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-YJCCE5WP.js";
-import "../../chunk-3SSSCLJ5.js";
-import "../../chunk-EWD4AO5N.js";
-import "../../chunk-YGL6SWKN.js";
 import "../../chunk-N552FDTV.js";
 export {
   ExpandTable,

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

@@ -2,64 +2,64 @@ import {
   Row
 } from "../../chunk-PCWEW2UL.js";
 import "../../chunk-KTVZ4KLX.js";
-import "../../chunk-OHBL3CTQ.js";
+import "../../chunk-DWCPI2UN.js";
+import "../../chunk-TTYPIX4R.js";
+import "../../chunk-YY45YYJE.js";
+import "../../chunk-CYYWMYE7.js";
+import "../../chunk-3JRNKBMN.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-TTYPIX4R.js";
-import "../../chunk-YY45YYJE.js";
-import "../../chunk-CYYWMYE7.js";
+import "../../chunk-365QMK4D.js";
+import "../../chunk-YO3BQW6S.js";
+import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-ZKZDVS7G.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-3JRNKBMN.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-5H3YPCZK.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-SIM6HKVI.js";
-import "../../chunk-3GR5ZATM.js";
+import "../../chunk-RWJ7HBJY.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
+import "../../chunk-UC627KGO.js";
+import "../../chunk-4WFMOFN2.js";
+import "../../chunk-WKFZ5MMN.js";
+import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-DJN2IEY6.js";
+import "../../chunk-QDZS4B6A.js";
+import "../../chunk-52MVZ6AN.js";
 import "../../chunk-25HMMI7R.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-HK224ADT.js";
-import "../../chunk-O3T3TM3V.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-MIMJ7LON.js";
+import "../../chunk-IQEEPHOY.js";
+import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-LZJR77Q2.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
 import "../../chunk-2VD5Y72N.js";
-import "../../chunk-UC627KGO.js";
-import "../../chunk-4WFMOFN2.js";
-import "../../chunk-WKFZ5MMN.js";
-import "../../chunk-ACVANQJ4.js";
-import "../../chunk-52MVZ6AN.js";
+import "../../chunk-3SSSCLJ5.js";
+import "../../chunk-EWD4AO5N.js";
+import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-U7JPP7WJ.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
 import "../../chunk-B6XJN6EC.js";
 import "../../chunk-UVKNLJDZ.js";
-import "../../chunk-MIMJ7LON.js";
-import "../../chunk-IQEEPHOY.js";
-import "../../chunk-LHCDPZ5E.js";
 import "../../chunk-F77ES5Y3.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
 import "../../chunk-YJCCE5WP.js";
-import "../../chunk-3SSSCLJ5.js";
-import "../../chunk-EWD4AO5N.js";
-import "../../chunk-YGL6SWKN.js";
 import "../../chunk-N552FDTV.js";
 export {
   Row

package/dist/molecules/form.d.cts

@@ -8,7 +8,7 @@ declare const Form: {
     } & react.RefAttributes<HTMLDivElement>>;
     Label: react.ForwardRefExoticComponent<RadixForm.FormLabelProps & {
         /** label의 타입을 지정  */
-        variant?: "title" | "body" | undefined;
+        variant?: "body" | "title" | undefined;
     } & react.RefAttributes<HTMLLabelElement>>;
     Message: react.ForwardRefExoticComponent<RadixForm.FormMessageProps & react.RefAttributes<HTMLSpanElement>>;
     Control: react.ForwardRefExoticComponent<RadixForm.FormControlProps & react.RefAttributes<HTMLInputElement>>;

package/dist/molecules/form.d.ts

@@ -8,7 +8,7 @@ declare const Form: {
     } & react.RefAttributes<HTMLDivElement>>;
     Label: react.ForwardRefExoticComponent<RadixForm.FormLabelProps & {
         /** label의 타입을 지정  */
-        variant?: "title" | "body" | undefined;
+        variant?: "body" | "title" | undefined;
     } & react.RefAttributes<HTMLLabelElement>>;
     Message: react.ForwardRefExoticComponent<RadixForm.FormMessageProps & react.RefAttributes<HTMLSpanElement>>;
     Control: react.ForwardRefExoticComponent<RadixForm.FormControlProps & react.RefAttributes<HTMLInputElement>>;

package/dist/molecules/form.js

@@ -1,8 +1,8 @@
 import {
   Form
-} from "../chunk-OHBL3CTQ.js";
-import "../chunk-HK224ADT.js";
+} from "../chunk-DWCPI2UN.js";
 import "../chunk-52MVZ6AN.js";
+import "../chunk-HK224ADT.js";
 import "../chunk-N552FDTV.js";
 export {
   Form

package/dist/molecules/index.cjs

@@ -1067,7 +1067,8 @@ function TagSelector(props) {
     maxCount = 0,
     DropdownContainer = DefaultDropdownContainer,
     onChange,
-    size = "medium"
+    size = "medium",
+    readOnly
   } = props;
   const [selected, setSelected] = (0, import_react14.useState)(props.selected || []);
   const [value, setValue] = (0, import_react14.useState)("");
@@ -1234,60 +1235,66 @@ function TagSelector(props) {
         return "body";
     }
   }, [size]);
+  const focusClassName = focus ? " focused" : "";
+  const readOnlyClassName = readOnly ? " read-only" : "";
+  const readonlyContent = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes6.Flex, { gap: "1", children: selectedItem.map((item) => {
+    return tagRender ? tagRender(item) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Badge, { size: badgeSize, children: item.name }, item.id);
+  }) });
+  const editContent = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      import_themes6.Flex,
+      {
+        align: "center",
+        gap: "1",
+        maxWidth: "100%",
+        overflow: "hidden",
+        wrap: "wrap",
+        children: [
+          selectedItem.map((item) => {
+            return tagRender ? tagRender(item) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Badge, { size: badgeSize, children: [
+              item.name,
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                Button,
+                {
+                  onClick: () => {
+                    onDelete(item.id);
+                  },
+                  variant: "transparent",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons3.Cross1Icon, {})
+                }
+              )
+            ] }, item.id);
+          }),
+          placeholderVisible ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { color: "gray", variant: placeholderVariant, children: placeholder }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            AutoSizingInput,
+            {
+              onBlur,
+              onChange: onChangeValue,
+              onFocus,
+              onKeyDown: handleKeyDown,
+              ref: fieldRef,
+              value
+            }
+          )
+        ]
+      }
+    ),
+    focus ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons3.MagnifyingGlassIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons3.ChevronRightIcon, {})
+  ] });
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_themes11.Popover.Root, { open: Boolean(filteredOptions.length) && open, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes11.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes11.Popover.Trigger, { style: { position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_themes7.Grid,
       {
         align: "center",
-        className: `tag-selector ${focus ? "focused" : ""} ${size}`,
+        className: `tag-selector ${size} ${focusClassName}${readOnlyClassName}`,
         columns: "1fr auto",
         gap: "1",
         onClick: () => {
           var _a;
-          return (_a = fieldRef.current) == null ? void 0 : _a.focus();
+          return !readOnly && ((_a = fieldRef.current) == null ? void 0 : _a.focus());
         },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-            import_themes6.Flex,
-            {
-              align: "center",
-              gap: "1",
-              maxWidth: "100%",
-              overflow: "hidden",
-              wrap: "wrap",
-              children: [
-                selectedItem.map((item) => {
-                  return tagRender ? tagRender(item) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Badge, { size: badgeSize, children: [
-                    item.name,
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                      Button,
-                      {
-                        onClick: () => {
-                          onDelete(item.id);
-                        },
-                        variant: "transparent",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons3.Cross1Icon, {})
-                      }
-                    )
-                  ] }, item.id);
-                }),
-                placeholderVisible ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Typo, { color: "gray", variant: placeholderVariant, children: placeholder }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                  AutoSizingInput,
-                  {
-                    onBlur,
-                    onChange: onChangeValue,
-                    onFocus,
-                    onKeyDown: handleKeyDown,
-                    ref: fieldRef,
-                    value
-                  }
-                )
-              ]
-            }
-          ),
-          focus ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons3.MagnifyingGlassIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_icons3.ChevronRightIcon, {})
-        ]
+        children: readOnly ? readonlyContent : editContent
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(