@tipp/ui 2.10.3 → 2.10.4

package/dist/atoms/index.js

@@ -3,15 +3,6 @@ import {
   Form,
   FormItem
 } from "../chunk-AELKCD6B.js";
-import {
-  Switch
-} from "../chunk-KNIIDDYM.js";
-import {
-  TabNav
-} from "../chunk-6TU647KJ.js";
-import {
-  Tabs
-} from "../chunk-CGDBUDY3.js";
 import {
   TextArea
 } from "../chunk-5XYPLDI5.js";
@@ -22,15 +13,6 @@ import {
   ToastContainer,
   toast
 } from "../chunk-LNPFV5BJ.js";
-import {
-  ScrollArea
-} from "../chunk-MUPK4L3U.js";
-import {
-  Section
-} from "../chunk-MUNMDHRF.js";
-import {
-  SegmentedControl
-} from "../chunk-IT7ZTP7F.js";
 import {
   Select
 } from "../chunk-YXMB4MCM.js";
@@ -47,15 +29,14 @@ import {
   Strong
 } from "../chunk-74DX4CU7.js";
 import {
-  List,
-  useList
-} from "../chunk-USL6PICI.js";
+  Switch
+} from "../chunk-KNIIDDYM.js";
 import {
-  Pagination
-} from "../chunk-RWJUXAFY.js";
+  TabNav
+} from "../chunk-6TU647KJ.js";
 import {
-  Popover
-} from "../chunk-RMW3MQF5.js";
+  Tabs
+} from "../chunk-CGDBUDY3.js";
 import {
   Progress
 } from "../chunk-TNNF5Q62.js";
@@ -72,11 +53,14 @@ import {
   Radio
 } from "../chunk-3TOUVBIB.js";
 import {
-  Grid
-} from "../chunk-EGEQY3KT.js";
+  ScrollArea
+} from "../chunk-MUPK4L3U.js";
 import {
-  HoverCard
-} from "../chunk-24PX34TH.js";
+  Section
+} from "../chunk-MUNMDHRF.js";
+import {
+  SegmentedControl
+} from "../chunk-IT7ZTP7F.js";
 import {
   Inset
 } from "../chunk-XQOL7UBI.js";
@@ -87,26 +71,15 @@ import {
   Link
 } from "../chunk-BI6TW3ZO.js";
 import {
-  DataList
-} from "../chunk-ZPUNTAVI.js";
-import {
-  Dialog
-} from "../chunk-KDS7OQOY.js";
-import {
-  Heading
-} from "../chunk-USGOLLYO.js";
+  List,
+  useList
+} from "../chunk-USL6PICI.js";
 import {
-  Content,
-  Drawer,
-  Root,
-  Trigger
-} from "../chunk-JCUG2XKB.js";
-import "../chunk-645GPOW2.js";
-import "../chunk-U7N2PWMO.js";
+  Pagination
+} from "../chunk-RWJUXAFY.js";
 import {
-  IconButton
-} from "../chunk-7RJYF5L3.js";
-import "../chunk-HF6GNDPV.js";
+  Popover
+} from "../chunk-RMW3MQF5.js";
 import {
   DropdownMenu
 } from "../chunk-T73HHR3I.js";
@@ -124,14 +97,11 @@ import {
   FieldErrorWrapper
 } from "../chunk-GNB4A34H.js";
 import {
-  Callout
-} from "../chunk-EIKFXUNC.js";
-import {
-  Card
-} from "../chunk-RP2RGCAW.js";
+  Grid
+} from "../chunk-EGEQY3KT.js";
 import {
-  CheckboxCards
-} from "../chunk-JETG3WEI.js";
+  HoverCard
+} from "../chunk-24PX34TH.js";
 import {
   CheckboxGroup
 } from "../chunk-WG5OK3YN.js";
@@ -148,14 +118,26 @@ import {
   Container
 } from "../chunk-Q37G2GS6.js";
 import {
-  AutoSizingInput
-} from "../chunk-6SYFG6YY.js";
+  DataList
+} from "../chunk-ZPUNTAVI.js";
 import {
-  Avatar
-} from "../chunk-GPZXD762.js";
+  Dialog
+} from "../chunk-KDS7OQOY.js";
 import {
-  Badge
-} from "../chunk-BK74U562.js";
+  Heading
+} from "../chunk-USGOLLYO.js";
+import {
+  Content,
+  Drawer,
+  Root,
+  Trigger
+} from "../chunk-JCUG2XKB.js";
+import "../chunk-645GPOW2.js";
+import "../chunk-U7N2PWMO.js";
+import {
+  IconButton
+} from "../chunk-7RJYF5L3.js";
+import "../chunk-HF6GNDPV.js";
 import {
   Blockquote
 } from "../chunk-UFRB2BVD.js";
@@ -179,8 +161,18 @@ import {
 } from "../chunk-2LCH3PDF.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-ZD7MNMED.js";
+import {
+  Callout
+} from "../chunk-EIKFXUNC.js";
+import {
+  Card
+} from "../chunk-RP2RGCAW.js";
+import {
+  CheckboxCards
+} from "../chunk-JETG3WEI.js";
 import "../chunk-VOME2TE7.js";
-import "../chunk-JVXATVAC.js";
+import "../chunk-2PPLSZ4P.js";
+import "../chunk-2FJ4LW7E.js";
 import "../chunk-B3VSXNTH.js";
 import "../chunk-ZQE7SP6P.js";
 import "../chunk-R6ARPREO.js";
@@ -191,7 +183,7 @@ import "../chunk-QO6KO6MN.js";
 import "../chunk-5KNRHIIF.js";
 import "../chunk-6JRAI4G5.js";
 import "../chunk-776WBOKL.js";
-import "../chunk-2FJ4LW7E.js";
+import "../chunk-IAKMJR72.js";
 import "../chunk-YSYJCYHY.js";
 import "../chunk-5OM2H6RI.js";
 import "../chunk-ZUYCXCPW.js";
@@ -200,10 +192,19 @@ import {
   AlertDialog
 } from "../chunk-GI4AN2IZ.js";
 import "../chunk-WYWM2HSZ.js";
-import "../chunk-VFQD57ZY.js";
 import {
   AspectRatio
 } from "../chunk-EAXUQEO5.js";
+import {
+  AutoSizingInput
+} from "../chunk-6SYFG6YY.js";
+import {
+  Avatar
+} from "../chunk-GPZXD762.js";
+import {
+  Badge
+} from "../chunk-BK74U562.js";
+import "../chunk-VFQD57ZY.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   AlertDialog,

package/dist/atoms/pagination.cjs

@@ -653,6 +653,29 @@ var HeadsetIcon = React15.forwardRef(
 );
 HeadsetIcon.displayName = "HeadsetIcon";
 
+// src/icons/empty-box.tsx
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var EmptyBoxIcon = React16.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor", width = 120, height = 120 } = _b, props = __objRest(_b, ["color", "width", "height"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: color,
+        height,
+        viewBox: "0 0 462.035 462.035",
+        width,
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M457.83,158.441c-0.021-0.028-0.033-0.058-0.057-0.087l-50.184-62.48c-0.564-0.701-1.201-1.305-1.879-1.845c-2.16-2.562-5.355-4.225-8.967-4.225H65.292c-3.615,0-6.804,1.661-8.965,4.225c-0.678,0.54-1.316,1.138-1.885,1.845l-50.178,62.48c-0.023,0.029-0.034,0.059-0.057,0.087C1.655,160.602,0,163.787,0,167.39v193.07c0,6.5,5.27,11.771,11.77,11.771h438.496c6.5,0,11.77-5.271,11.77-11.771V167.39C462.037,163.787,460.381,160.602,457.83,158.441z M408.516,134.615l16.873,21.005h-16.873V134.615z M384.975,113.345v42.274H296.84c-2.514,0-4.955,0.805-6.979,2.293l-58.837,43.299l-58.849-43.305c-2.023-1.482-4.466-2.287-6.978-2.287H77.061v-42.274H384.975z M53.523,155.62H36.65l16.873-21.005V155.62z M438.498,348.69H23.54V179.16h137.796l62.711,46.148c4.15,3.046,9.805,3.052,13.954-0.005l62.698-46.144h137.799V348.69L438.498,348.69z" })
+      })
+    );
+  }
+);
+EmptyBoxIcon.displayName = "EmptyBoxIcon";
+
 // src/atoms/icon-button.tsx
 var import_react = require("react");
 var import_clsx = require("clsx");
@@ -713,7 +736,7 @@ var resolveColor = (color) => {
 };
 
 // src/atoms/icon-button.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var IconButton = (0, import_react.forwardRef)(
   (props, ref) => {
     const _a = props, { size, style, variant, color } = _a, restProps = __objRest(_a, ["size", "style", "variant", "color"]);
@@ -733,7 +756,7 @@ var IconButton = (0, import_react.forwardRef)(
         transparent: variant === "transparent"
       });
     }, [props.className, colorClassName, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_themes.IconButton,
       __spreadProps(__spreadValues({
         style,
@@ -792,7 +815,7 @@ var MONO_STYLE = {
 };
 
 // src/atoms/typo.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Typo = (0, import_react2.forwardRef)(
   (props, ref) => {
     const _a = props, {
@@ -836,7 +859,7 @@ var Typo = (0, import_react2.forwardRef)(
         }
       });
     }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_themes3.Text,
       __spreadProps(__spreadValues({}, rest), {
         className: (0, import_clsx2.clsx)(colorClassName, className),
@@ -852,7 +875,7 @@ var Typo = (0, import_react2.forwardRef)(
 Typo.displayName = "Typo";
 
 // src/atoms/pagination.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Pagination(props) {
   const { onChange, count = 0, siblingCount = 2 } = props;
   const isControlled = props.page !== void 0;
@@ -921,7 +944,7 @@ function Pagination(props) {
   const { color: resolvedColor, className: colorClassName } = resolveColor(
     props.color
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     import_themes2.Flex,
     {
       align: "center",
@@ -929,18 +952,18 @@ function Pagination(props) {
       className: colorClassName ? `tipp-pagination ${colorClassName}` : "tipp-pagination",
       "data-accent-color": resolvedColor,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           IconButton,
           __spreadProps(__spreadValues({
             disabled: !doublePrev,
             onClick: onClickDoublePrev
           }, moveButtonProps), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_icons.DoubleArrowLeftIcon, __spreadValues({}, iconSize))
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons.DoubleArrowLeftIcon, __spreadValues({}, iconSize))
           })
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !prev, onClick: onClickPrev }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_icons.ChevronLeftIcon, __spreadValues({}, iconSize)) })),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_themes2.Flex, { gap: "1", children: visibleItems.map((item) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !prev, onClick: onClickPrev }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons.ChevronLeftIcon, __spreadValues({}, iconSize)) })),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_themes2.Flex, { gap: "1", children: visibleItems.map((item) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "button",
             {
               className: `page-button ${item === page ? "active" : ""}`,
@@ -948,19 +971,19 @@ function Pagination(props) {
                 goToPage(item);
               },
               type: "button",
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { variant: "body", children: item })
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { variant: "body", children: item })
             },
             item
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !next, onClick: onClickNext }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_icons.ChevronRightIcon, __spreadValues({}, iconSize)) })),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconButton, __spreadProps(__spreadValues({ disabled: !next, onClick: onClickNext }, moveButtonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons.ChevronRightIcon, __spreadValues({}, iconSize)) })),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           IconButton,
           __spreadProps(__spreadValues({
             disabled: !doubleNext,
             onClick: onClickDoubleNext
           }, moveButtonProps), {
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_icons.DoubleArrowRightIcon, __spreadValues({}, iconSize))
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons.DoubleArrowRightIcon, __spreadValues({}, iconSize))
           })
         )
       ]