@tipp/ui 2.0.5 → 2.1.0

package/dist/app/platform/contents-card.cjs

@@ -485,6 +485,203 @@ var EndCallIcon = React9.forwardRef(
 );
 EndCallIcon.displayName = "EndCallIcon";
 
+// src/icons/circle-play.tsx
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var CirclePlayIcon = React10.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "#currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "8", cy: "8", fill: color, r: "8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "path",
+            {
+              d: "M13.25 7.56699C13.5833 7.75944 13.5833 8.24056 13.25 8.43301L5.75 12.7631C5.41667 12.9556 5 12.715 5 12.3301L5 3.66987C5 3.28497 5.41667 3.04441 5.75 3.23686L13.25 7.56699Z",
+              fill: "white"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CirclePlayIcon.displayName = "CirclePlayIcon";
+
+// src/icons/circle-pencil.tsx
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var CirclePencilIcon = React11.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "8", cy: "8", fill: color, r: "8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M11.4829 2.91721C11.3266 2.761 11.0733 2.761 10.9172 2.91721L4.97162 8.86274C4.89965 8.9347 4.84208 9.01974 4.80199 9.11329L3.63233 11.8424C3.5679 11.9928 3.60149 12.1672 3.71715 12.2829C3.8328 12.3985 4.00722 12.4321 4.15755 12.3677L6.88675 11.198C6.9803 11.158 7.06534 11.1004 7.13731 11.0284L13.0829 5.08289C13.239 4.92668 13.239 4.67342 13.0829 4.51721L11.4829 2.91721ZM5.53731 9.42842L11.2 3.76574L12.2343 4.80005L6.57162 10.4628L5.37537 10.9754L5.02463 10.6247L5.53731 9.42842Z",
+              fill: "white",
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CirclePencilIcon.displayName = "CirclePencilIcon";
+
+// src/icons/circle-check.tsx
+var React12 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var CircleCheckIcon = React12.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "8", cy: "8", fill: "white", r: "7.5", stroke: color }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { fill: "white", fillOpacity: "0.01", height: "16", width: "16" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M12.2314 3.97533C12.5395 4.17683 12.626 4.58999 12.4245 4.89815L7.8912 11.8315C7.78436 11.9949 7.61128 12.1032 7.41763 12.1279C7.22398 12.1527 7.02923 12.0912 6.88477 11.9599L3.95144 9.29328C3.679 9.04561 3.65892 8.62397 3.90659 8.35154C4.15426 8.0791 4.57589 8.05901 4.84833 8.30669L7.20313 10.4474L11.3086 4.16849C11.5101 3.86033 11.9232 3.77385 12.2314 3.97533Z",
+              fill: color,
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CircleCheckIcon.displayName = "CircleCheckIcon";
+
+// src/icons/circle-satisfaction.tsx
+var React13 = __toESM(require("react"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var CircleSatisfactionIcon = React13.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { cx: "8", cy: "8", fill: "white", r: "7.5", stroke: color }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "path",
+            {
+              d: "M7.77842 2.53284C7.86041 2.33573 8.13963 2.33573 8.22162 2.53284L9.53074 5.68036C9.5653 5.76346 9.64346 5.82023 9.73316 5.82742L13.1312 6.09985C13.344 6.1169 13.4302 6.38246 13.2682 6.52134L10.6792 8.73904C10.6109 8.79758 10.581 8.88946 10.6019 8.97699L11.3929 12.2928C11.4424 12.5005 11.2165 12.6647 11.0343 12.5534L8.12512 10.7764C8.04832 10.7296 7.95172 10.7296 7.87492 10.7764L4.96574 12.5534C4.78356 12.6647 4.55766 12.5005 4.60719 12.2928L5.39815 8.97699C5.41904 8.88946 5.38918 8.79758 5.32084 8.73904L2.73191 6.52134C2.56978 6.38246 2.65607 6.1169 2.86886 6.09985L6.26688 5.82742C6.35658 5.82023 6.43474 5.76346 6.4693 5.68036L7.77842 2.53284Z",
+              fill: color
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CircleSatisfactionIcon.displayName = "CircleSatisfactionIcon";
+
+// src/icons/circle-quote.tsx
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var CircleQuoteIcon = React14.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "8", cy: "8", fill: "white", r: "7.5", stroke: color }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M9.54 4.75306C10.0449 4.58921 10.6269 4.59213 11.1033 4.83696C12.2025 5.40177 12.6781 6.8575 12.2357 8.39997C12.0372 9.09189 11.6881 9.76375 10.9489 10.4419C10.2096 11.12 9.18425 11.52 8.70854 11.52C8.53813 11.52 8.39998 11.3857 8.39998 11.22C8.39998 11.0543 8.54113 10.92 8.70854 10.92C9.25195 10.92 9.73749 10.6243 10.3125 10.1888C10.7525 9.85541 11.0961 9.42904 11.2864 9.0575C11.6502 8.34691 11.6625 7.34537 11.0746 7.07918C10.7923 7.38761 10.4236 7.56754 9.98178 7.56754C9.02182 7.56754 8.45606 6.79527 8.48038 6.09605C8.50363 5.42777 8.92823 4.95161 9.54 4.75306ZM4.74 4.75306C5.24489 4.58921 5.8269 4.59213 6.30336 4.83696C7.40254 5.40177 7.8781 6.8575 7.43567 8.39997C7.23721 9.09189 6.88813 9.76375 6.14886 10.4419C5.40958 11.12 4.38425 11.52 3.90854 11.52C3.73813 11.52 3.59998 11.3857 3.59998 11.22C3.59998 11.0543 3.74113 10.92 3.90854 10.92C4.45195 10.92 4.93749 10.6243 5.51244 10.1888C5.9525 9.85541 6.29609 9.42904 6.48635 9.0575C6.85023 8.34691 6.86254 7.34537 6.27462 7.07918C5.99227 7.38761 5.62356 7.56754 5.18178 7.56754C4.22182 7.56754 3.65606 6.79527 3.68038 6.09605C3.70363 5.42777 4.12823 4.95161 4.74 4.75306Z",
+              fill: color,
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CircleQuoteIcon.displayName = "CircleQuoteIcon";
+
 // src/atoms/alert-dialog.tsx
 var import_themes10 = require("@radix-ui/themes");
 
@@ -494,7 +691,7 @@ var import_themes11 = require("@radix-ui/themes");
 // src/atoms/avatar.tsx
 var import_themes12 = require("@radix-ui/themes");
 var import_react5 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var Avatar = (0, import_react5.forwardRef)(
   (props, ref) => {
     const _a = props, { children, size, variant = "soft" } = _a, rest = __objRest(_a, ["children", "size", "variant"]);
@@ -525,7 +722,7 @@ var Avatar = (0, import_react5.forwardRef)(
         return map;
       }
     }, [getOriginalSize, size]);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_themes12.Avatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_themes12.Avatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
   }
 );
 Avatar.displayName = "Avatar";
@@ -533,7 +730,7 @@ Avatar.displayName = "Avatar";
 // src/atoms/badge.tsx
 var import_themes13 = require("@radix-ui/themes");
 var import_react6 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Badge = (0, import_react6.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -562,7 +759,7 @@ var Badge = (0, import_react6.forwardRef)(
           return void 0;
       }
     }, [color]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_themes13.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes13.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }
 );
 Badge.displayName = "Badge";
@@ -576,7 +773,7 @@ var import_themes15 = require("@radix-ui/themes");
 // src/atoms/card.tsx
 var import_react7 = require("react");
 var import_themes16 = require("@radix-ui/themes");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var Card = (0, import_react7.forwardRef)(
   (props, forwardedRef) => {
     const _a = props, { borderDisable, borderRadius, error } = _a, rest = __objRest(_a, ["borderDisable", "borderRadius", "error"]);
@@ -593,7 +790,7 @@ var Card = (0, import_react7.forwardRef)(
     const errorClsName = (0, import_react7.useMemo)(() => {
       return error ? " error" : "";
     }, [error]);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_themes16.Card,
       __spreadProps(__spreadValues({
         variant: "surface"
@@ -610,7 +807,7 @@ Card.displayName = "Card";
 // src/atoms/check-box.tsx
 var import_themes17 = require("@radix-ui/themes");
 var import_react8 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var Checkbox = (0, import_react8.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
@@ -624,7 +821,7 @@ var Checkbox = (0, import_react8.forwardRef)(
           return "3";
       }
     }, [size]);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes17.Checkbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes17.Checkbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
   }
 );
 Checkbox.displayName = "Checkbox";
@@ -635,7 +832,7 @@ var import_themes18 = require("@radix-ui/themes");
 // src/atoms/check-box-group.tsx
 var import_themes19 = require("@radix-ui/themes");
 var import_react9 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Root = (0, import_react9.forwardRef)((props, ref) => {
   const _a = props, { children, size = "medium" } = _a, rest = __objRest(_a, ["children", "size"]);
   const groupSize = (0, import_react9.useMemo)(() => {
@@ -649,7 +846,7 @@ var Root = (0, import_react9.forwardRef)((props, ref) => {
         return "2";
     }
   }, [size]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes19.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes19.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
 });
 Root.displayName = "CheckboxGroup.Root";
 var CheckboxGroup = {
@@ -673,7 +870,7 @@ var import_themes24 = require("@radix-ui/themes");
 
 // src/theme/portal-provider.tsx
 var import_react10 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var PortalContext = (0, import_react10.createContext)(
   null
 );
@@ -682,7 +879,7 @@ var PortalContext = (0, import_react10.createContext)(
 var import_themes23 = require("@radix-ui/themes");
 
 // src/atoms/dialog.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 
 // src/atoms/em.tsx
 var import_themes25 = require("@radix-ui/themes");
@@ -700,7 +897,7 @@ var import_themes28 = require("@radix-ui/themes");
 var import_themes29 = require("@radix-ui/themes");
 var import_react11 = require("react");
 var import_themes30 = require("@radix-ui/themes");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 
 // src/atoms/popover.tsx
 var import_themes31 = require("@radix-ui/themes");
@@ -732,7 +929,7 @@ var import_themes39 = require("@radix-ui/themes");
 // src/atoms/select.tsx
 var import_themes40 = require("@radix-ui/themes");
 var import_react12 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var SelectContext = (0, import_react12.createContext)({
   error: false
 });
@@ -744,7 +941,7 @@ var Content3 = (0, import_react12.forwardRef)((props, ref) => {
     const errorCls = error ? "tipp-error" : "";
     return [etc, errorCls, className].join(" ");
   }, [className, error, isNavigation]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_themes40.Select.Content,
     __spreadProps(__spreadValues({
       position: "popper"
@@ -763,13 +960,13 @@ var Trigger2 = (0, import_react12.forwardRef)(
       const errorCls = error ? "error" : "";
       return [errorCls, className].join(" ");
     }, [className, error]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes40.Select.Trigger, __spreadProps(__spreadValues({}, rest), { className: cls, ref }));
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes40.Select.Trigger, __spreadProps(__spreadValues({}, rest), { className: cls, ref }));
   }
 );
 Trigger2.displayName = "Select.Trigger";
 function Root3(props) {
   const _a = props, { error } = _a, rest = __objRest(_a, ["error"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectContext.Provider, { value: { error }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes40.Select.Root, __spreadValues({}, rest)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectContext.Provider, { value: { error }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes40.Select.Root, __spreadValues({}, rest)) });
 }
 Root3.displayName = "Select.Root";
 var Select = __spreadProps(__spreadValues({}, import_themes40.Select), {
@@ -796,7 +993,7 @@ var import_themes45 = require("@radix-ui/themes");
 // src/atoms/text-area.tsx
 var import_themes46 = require("@radix-ui/themes");
 var import_react13 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var TextArea = (0, import_react13.forwardRef)(
   (props, ref) => {
     const _a = props, { error, style, className } = _a, rest = __objRest(_a, ["error", "style", "className"]);
@@ -808,7 +1005,7 @@ var TextArea = (0, import_react13.forwardRef)(
       return __spreadValues(__spreadValues({}, style || {}), errorStyle);
     }, [error, style]);
     const classNameStr = error ? `error ${className}` : className;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       import_themes46.TextArea,
       __spreadProps(__spreadValues({}, rest), {
         className: classNameStr,
@@ -823,7 +1020,7 @@ TextArea.displayName = "TextArea";
 // src/atoms/text-field.tsx
 var import_themes47 = require("@radix-ui/themes");
 var import_react14 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime27 = 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)(() => {
@@ -834,7 +1031,7 @@ var Root4 = (0, import_react14.forwardRef)((props, ref) => {
     return __spreadValues(__spreadValues({}, style || {}), errorStyle);
   }, [error, style]);
   const classNameStr = error ? `error ${className}` : className;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_themes47.TextField.Root,
     __spreadValues({
       className: classNameStr,
@@ -851,33 +1048,33 @@ var import_themes48 = require("@radix-ui/themes");
 
 // src/atoms/collapse.tsx
 var import_react15 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 
 // src/atoms/spinner.tsx
 var import_themes49 = require("@radix-ui/themes");
 
 // src/atoms/pagination.tsx
 var import_react16 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 
 // src/atoms/field-error-wrapper.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 
 // src/atoms/ellipsis-tooltip.tsx
 var import_react17 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 
 // src/atoms/drawer.tsx
 var Dialog = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_themes50 = require("@radix-ui/themes");
 
 // src/icons/close-panel-arrow.tsx
-var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var ClosePanelArrowIcon = React15.forwardRef(
+var React20 = __toESM(require("react"), 1);
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var ClosePanelArrowIcon = React20.forwardRef(
   (_a, forwardedRef) => {
     var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         fill: "none",
@@ -888,7 +1085,7 @@ var ClosePanelArrowIcon = React15.forwardRef(
       }, props), {
         ref: forwardedRef,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             "path",
             {
               clipRule: "evenodd",
@@ -897,7 +1094,7 @@ var ClosePanelArrowIcon = React15.forwardRef(
               fillRule: "evenodd"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             "path",
             {
               clipRule: "evenodd",
@@ -914,22 +1111,22 @@ var ClosePanelArrowIcon = React15.forwardRef(
 ClosePanelArrowIcon.displayName = "ArrowDownIcon";
 
 // src/atoms/drawer.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 
 // src/atoms/toast.tsx
 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");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 
 // src/molecules/form/form.tsx
 var RadixForm = __toESM(require("@radix-ui/react-form"), 1);
 var import_react18 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var Root7 = (0, import_react18.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       RadixForm.Root,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormRoot ${className || ""}`,
@@ -946,22 +1143,22 @@ var FieldContext = (0, import_react18.createContext)({
 var Field2 = (0, import_react18.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       RadixForm.Field,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormField ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FieldContext.Provider, { value: rest, children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(FieldContext.Provider, { value: rest, children })
       })
     );
   }
 );
 Field2.displayName = "FORM_FIELD";
 function HeadingLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
 }
 function CaptionLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption" }, props), { children: props.children }));
 }
 var Label2 = (0, import_react18.forwardRef)(
   (_a, ref) => {
@@ -978,15 +1175,15 @@ var Label2 = (0, import_react18.forwardRef)(
       }
     }, [variant]);
     const fieldProps = (0, import_react18.useContext)(FieldContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       RadixForm.Label,
       __spreadProps(__spreadValues({}, rest), {
         asChild: true,
         className: `FormLabel ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Comp, { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Comp, { children: [
           children,
-          fieldProps.required ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typo, { as: "span", color: "tomato", children: ` *` }) : null
+          fieldProps.required ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typo, { as: "span", color: "tomato", children: ` *` }) : null
         ] })
       })
     );
@@ -996,13 +1193,13 @@ Label2.displayName = "FORM_Label";
 var Message2 = (0, import_react18.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       RadixForm.Message,
       __spreadProps(__spreadValues({}, rest), {
         asChild: true,
         className: `FormMessage ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Typo, { color: "red", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typo, { color: "red", children })
       })
     );
   }
@@ -1012,7 +1209,7 @@ var Control2 = (0, import_react18.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
     const fieldProps = (0, import_react18.useContext)(FieldContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       RadixForm.Control,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormControl ${className || ""}`,
@@ -1026,7 +1223,7 @@ Control2.displayName = "FORM_Control";
 
 // src/atoms/auto-sizing-input.tsx
 var import_react19 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var AutoSizingInput = (0, import_react19.forwardRef)(
   (_a, ref) => {
     var _b = _a, { value: _value, onChangeValue, onChange } = _b, rest = __objRest(_b, ["value", "onChangeValue", "onChange"]);
@@ -1065,7 +1262,7 @@ var AutoSizingInput = (0, import_react19.forwardRef)(
       },
       [onClick]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       "div",
       {
         className: "auto-sizing-input wrapper",
@@ -1075,8 +1272,8 @@ var AutoSizingInput = (0, import_react19.forwardRef)(
         style: { width: `${width + 24}px` },
         tabIndex: 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { "aria-hidden": "true", ref: span, style: rest.style, children: value || rest.placeholder || "" }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { "aria-hidden": "true", ref: span, style: rest.style, children: value || rest.placeholder || "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             "input",
             __spreadValues({
               onChange: changeHandler,
@@ -1092,10 +1289,10 @@ var AutoSizingInput = (0, import_react19.forwardRef)(
 AutoSizingInput.displayName = "AutoSizingInput";
 
 // src/atoms/bullet-text.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 
 // src/app/platform/contents-card.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var ContentsCard = (0, import_react20.forwardRef)(
   ({
     title,
@@ -1106,7 +1303,7 @@ var ContentsCard = (0, import_react20.forwardRef)(
     onClickCard,
     isLoading = false
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       Card,
       {
         onClick: onClickCard,
@@ -1119,7 +1316,7 @@ var ContentsCard = (0, import_react20.forwardRef)(
           maxHeight: "450px"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes27.Inset, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes8.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes27.Inset, { clip: "padding-box", pb: "0", side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes8.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             import_themes5.Box,
             {
               height: "210px",
@@ -1131,12 +1328,12 @@ var ContentsCard = (0, import_react20.forwardRef)(
               width: "100%"
             }
           ) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes6.Flex, { direction: "column", p: "4", pb: "3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_themes5.Box, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes8.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Heading2, { mb: "3", variant: "heading5", children: title }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes8.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Typo, { as: "p", variant: "caption", children: description }) })
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes6.Flex, { direction: "column", p: "4", pb: "3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes5.Box, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes8.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Heading2, { mb: "3", variant: "heading5", children: title }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes8.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Typo, { as: "p", variant: "caption", children: description }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
               import_themes7.Grid,
               {
                 align: "center",
@@ -1146,10 +1343,10 @@ var ContentsCard = (0, import_react20.forwardRef)(
                 style: { marginTop: "auto" },
                 width: "100%",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes8.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_themes6.Flex, { gap: "3", overflow: "hidden", children: footer }) }),
-                  Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DropdownMenu.Root, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_icons.DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes8.Skeleton, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes6.Flex, { gap: "3", overflow: "hidden", children: footer }) }),
+                  Boolean(dropdownItems == null ? void 0 : dropdownItems.length) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(DropdownMenu.Root, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DropdownMenu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { size: "large", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_icons.DotsVerticalIcon, { color: "gray", height: "20px", width: "20px" }) }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DropdownMenu.Content, { children: dropdownItems == null ? void 0 : dropdownItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                       DropdownMenu.Item,
                       {
                         onClick: (e) => {