@tipp/ui 2.10.3 → 2.10.4

package/dist/molecules/index.d.cts

@@ -1,4 +1,5 @@
 export { ExpandTable, ExpandTableProps } from './expand-table/index.cjs';
+export { EmptyState, EmptyStateProps, EmptyStateSize } from './empty-state.cjs';
 export { Navigation, NavigationProps } from './navigation.cjs';
 export { DatePicker, DatePickerProps } from './date-picker/index.cjs';
 export { DotNavigation, DotNavigationProps } from './dot-navigation.cjs';
@@ -27,9 +28,9 @@ export { AutocompleteOption, AutocompleteTextfield, AutocompleteTextfieldProps }
 export { ExpandComp, OnRowClick } from './expand-table/row.cjs';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
 import 'react';
+import '@radix-ui/themes';
 import 'react-datepicker';
 import '../theme/theme-provider.cjs';
-import '@radix-ui/themes';
 import '../utils/resolve-color.cjs';
 import '../atoms/button.type.cjs';
 import '@radix-ui/themes/props';

package/dist/molecules/index.d.ts

@@ -1,4 +1,5 @@
 export { ExpandTable, ExpandTableProps } from './expand-table/index.js';
+export { EmptyState, EmptyStateProps, EmptyStateSize } from './empty-state.js';
 export { Navigation, NavigationProps } from './navigation.js';
 export { DatePicker, DatePickerProps } from './date-picker/index.js';
 export { DotNavigation, DotNavigationProps } from './dot-navigation.js';
@@ -27,9 +28,9 @@ export { AutocompleteOption, AutocompleteTextfield, AutocompleteTextfieldProps }
 export { ExpandComp, OnRowClick } from './expand-table/row.js';
 export { ColumnDef, Row, createColumnHelper } from '@tanstack/react-table';
 import 'react';
+import '@radix-ui/themes';
 import 'react-datepicker';
 import '../theme/theme-provider.js';
-import '@radix-ui/themes';
 import '../utils/resolve-color.js';
 import '../atoms/button.type.js';
 import '@radix-ui/themes/props';

package/dist/molecules/index.js

@@ -1,34 +1,39 @@
-import "../chunk-SYMOHU2B.js";
+import "../chunk-5DRITHNR.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "../chunk-73PHGHPI.js";
+import "../chunk-JCG2AUFJ.js";
 import "../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../chunk-RPQWRKBW.js";
-import "../chunk-KFUBWOCN.js";
-import {
-  CurriculumSidebar
-} from "../chunk-RRC4WFG3.js";
-import "../chunk-P2H3VCIB.js";
-import "../chunk-WS7IOHVK.js";
-import "../chunk-47QYYEMG.js";
-import "../chunk-QLOYGKKM.js";
-import "../chunk-S4MEMFKG.js";
-import "../chunk-K4RZTENM.js";
+} from "../chunk-AYWCLLQ2.js";
 import "../chunk-UXH2XIB2.js";
-import "../chunk-2H635UNE.js";
-import "../chunk-PS525SZS.js";
-import "../chunk-6UWQKH6U.js";
-import "../chunk-3ZJVSSAA.js";
+import "../chunk-TYM6T7JT.js";
+import "../chunk-RJ62VZ6O.js";
+import "../chunk-IHLFOJD5.js";
+import "../chunk-KQ3ME6XY.js";
+import "../chunk-CGLDFUOY.js";
+import "../chunk-OUDDTPEN.js";
 import "../chunk-ZGTGEBQX.js";
-import "../chunk-RJN4QT5J.js";
+import "../chunk-WLKK5L3P.js";
+import "../chunk-SINRU2A6.js";
 import "../chunk-GE4M5GOQ.js";
 import "../chunk-G3KQN32M.js";
 import "../chunk-VK6INFSB.js";
-import "../chunk-JTVBWQJW.js";
-import "../chunk-NVBAOOAT.js";
-import "../chunk-SINRU2A6.js";
 import "../chunk-NVRVOTWZ.js";
-import "../chunk-YYVSUTXO.js";
+import "../chunk-LK2H4QTJ.js";
 import "../chunk-GMKRNFH5.js";
+import "../chunk-KFUBWOCN.js";
+import {
+  CurriculumSidebar
+} from "../chunk-DIFGHMGI.js";
+import "../chunk-HL3MGRAC.js";
+import "../chunk-47QYYEMG.js";
+import "../chunk-S4MEMFKG.js";
+import "../chunk-QLOYGKKM.js";
+import "../chunk-WS7IOHVK.js";
+import "../chunk-K4RZTENM.js";
 import {
   CurriculumSubNav
 } from "../chunk-XWHBJY5V.js";
@@ -45,12 +50,13 @@ import {
 import {
   DatePicker
 } from "../chunk-VVWQZK5L.js";
-import {
-  ExpandTable,
-  createColumnHelper
-} from "../chunk-5RIAIE2J.js";
-import "../chunk-JCG2AUFJ.js";
 import "../chunk-2ISIAPFS.js";
+import {
+  LearningPost
+} from "../chunk-CUS3ORMD.js";
+import {
+  Navigation
+} from "../chunk-6OT5OYGM.js";
 import {
   OneOnOneGuideList,
   oneOnOneNoteTextReplacer
@@ -60,10 +66,10 @@ import {
 } from "../chunk-EZN5PMTC.js";
 import {
   Stepper
-} from "../chunk-PVDHXFLT.js";
+} from "../chunk-VBXZIIUA.js";
 import {
   TagSelector
-} from "../chunk-V4QYGHOJ.js";
+} from "../chunk-Q2FDF2AB.js";
 import {
   TimeSelect
 } from "../chunk-GRDRXD53.js";
@@ -77,11 +83,14 @@ import {
 } from "../chunk-AHYOAFOU.js";
 import {
   DynamicFormEditor
-} from "../chunk-66SUBB2N.js";
+} from "../chunk-NEJCZABQ.js";
 import {
   DynamicFormResponseItem
 } from "../chunk-77H5BUYO.js";
 import "../chunk-K7LTEKQS.js";
+import {
+  EmptyState
+} from "../chunk-2EPKY2VT.js";
 import {
   ForceRefresh
 } from "../chunk-QLNAAZJX.js";
@@ -89,71 +98,60 @@ import {
   GhostPost
 } from "../chunk-PAUEQXYG.js";
 import {
-  LearningPost
-} from "../chunk-K4QH4R3O.js";
-import {
-  Navigation
-} from "../chunk-6OT5OYGM.js";
+  DescriptionJsonRender
+} from "../chunk-N3FMP27I.js";
+import "../chunk-BEKSO5JG.js";
 import {
   DotNavigation
 } from "../chunk-IJOOKMKQ.js";
 import {
   DownloadCard
 } from "../chunk-C6HO3IGE.js";
-import "../chunk-AHAGCAQR.js";
-import "../chunk-RBWD6IKY.js";
-import "../chunk-H533TE6M.js";
-import "../chunk-HNAZV4MI.js";
+import "../chunk-3DZIX4CE.js";
+import "../chunk-CBYIPRND.js";
+import "../chunk-Z7WNKARH.js";
+import "../chunk-D4U2ZV2A.js";
+import "../chunk-V7KAHLW2.js";
 import {
   DynamicForm,
   createYupValidation
-} from "../chunk-WJ35Y2IU.js";
+} from "../chunk-SQ3FYBJT.js";
 import {
   DynamicFormField
-} from "../chunk-UMLYWHB2.js";
-import "../chunk-Z7WNKARH.js";
+} from "../chunk-NK6S7ZMB.js";
 import {
   AutocompleteTextfield
 } from "../chunk-OOM522XP.js";
-import {
-  DescriptionJsonRender
-} from "../chunk-XMZYZJTH.js";
-import "../chunk-BEKSO5JG.js";
 import "../chunk-FAL6S2XK.js";
 import "../chunk-AELKCD6B.js";
-import "../chunk-CGDBUDY3.js";
 import "../chunk-5XYPLDI5.js";
 import "../chunk-6NPTJBFE.js";
-import "../chunk-MUPK4L3U.js";
 import "../chunk-YXMB4MCM.js";
 import "../chunk-HYITAA4J.js";
 import "../chunk-FR2GDOU2.js";
-import "../chunk-USL6PICI.js";
-import "../chunk-RWJUXAFY.js";
-import "../chunk-RMW3MQF5.js";
+import "../chunk-CGDBUDY3.js";
 import "../chunk-TNNF5Q62.js";
 import "../chunk-DX3DLP5Z.js";
 import "../chunk-SA7AYYQS.js";
 import "../chunk-3TOUVBIB.js";
-import "../chunk-EGEQY3KT.js";
+import "../chunk-MUPK4L3U.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-BI6TW3ZO.js";
-import "../chunk-KDS7OQOY.js";
-import "../chunk-USGOLLYO.js";
-import "../chunk-U7N2PWMO.js";
-import "../chunk-7RJYF5L3.js";
-import "../chunk-HF6GNDPV.js";
+import "../chunk-USL6PICI.js";
+import "../chunk-RWJUXAFY.js";
+import "../chunk-RMW3MQF5.js";
 import "../chunk-T73HHR3I.js";
-import "../chunk-EIKFXUNC.js";
-import "../chunk-RP2RGCAW.js";
+import "../chunk-EGEQY3KT.js";
 import "../chunk-WG5OK3YN.js";
 import "../chunk-ZCGH6TJ3.js";
 import "../chunk-UFWDQGOK.js";
 import "../chunk-NFDQJVFA.js";
-import "../chunk-6SYFG6YY.js";
-import "../chunk-GPZXD762.js";
-import "../chunk-BK74U562.js";
+import "../chunk-KDS7OQOY.js";
+import "../chunk-USGOLLYO.js";
+import "../chunk-U7N2PWMO.js";
+import "../chunk-7RJYF5L3.js";
+import "../chunk-HF6GNDPV.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-L4QQGIYQ.js";
 import "../chunk-LDBWASUA.js";
@@ -162,8 +160,11 @@ import "../chunk-36W7VD2Z.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-2LCH3PDF.js";
 import "../chunk-LQY4RKWI.js";
+import "../chunk-EIKFXUNC.js";
+import "../chunk-RP2RGCAW.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";
@@ -174,14 +175,17 @@ 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";
 import "../chunk-YVFNJE4E.js";
 import "../chunk-WYWM2HSZ.js";
-import "../chunk-VFQD57ZY.js";
 import "../chunk-EAXUQEO5.js";
+import "../chunk-6SYFG6YY.js";
+import "../chunk-GPZXD762.js";
+import "../chunk-BK74U562.js";
+import "../chunk-VFQD57ZY.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   AutocompleteTextfield,
@@ -199,6 +203,7 @@ export {
   DynamicFormEditor,
   DynamicFormField,
   DynamicFormResponseItem,
+  EmptyState,
   ExpandTable,
   ForceRefresh,
   GhostPost,

package/dist/molecules/learning-post.js

@@ -1,9 +1,8 @@
 import {
   LearningPost
-} from "../chunk-K4QH4R3O.js";
+} from "../chunk-CUS3ORMD.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-USGOLLYO.js";
-import "../chunk-BK74U562.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-L4QQGIYQ.js";
 import "../chunk-LDBWASUA.js";
@@ -13,8 +12,9 @@ import "../chunk-25HMMI7R.js";
 import "../chunk-2LCH3PDF.js";
 import "../chunk-LQY4RKWI.js";
 import "../chunk-WYWM2HSZ.js";
-import "../chunk-VFQD57ZY.js";
 import "../chunk-EAXUQEO5.js";
+import "../chunk-BK74U562.js";
+import "../chunk-VFQD57ZY.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   LearningPost

package/dist/molecules/stepper.cjs

@@ -733,6 +733,29 @@ var HeadsetIcon = React15.forwardRef(
 );
 HeadsetIcon.displayName = "HeadsetIcon";
 
+// src/icons/empty-box.tsx
+var React16 = __toESM(require("react"), 1);
+var import_jsx_runtime17 = 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_runtime17.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_runtime17.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/typo.tsx
 var import_themes3 = require("@radix-ui/themes");
 var import_clsx2 = require("clsx");
@@ -772,7 +795,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, {
@@ -816,7 +839,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),
@@ -832,7 +855,7 @@ var Typo = (0, import_react2.forwardRef)(
 Typo.displayName = "Typo";
 
 // src/molecules/stepper.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var StepContext = (0, import_react3.createContext)({
   active: false,
   completed: false,
@@ -847,7 +870,7 @@ function Root(props) {
     maxWidth,
     direction = "vertical"
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_themes.Flex,
     {
       gap: "3",
@@ -857,7 +880,7 @@ function Root(props) {
         maxWidth
       },
       children: import_react3.Children.map(children, (child, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           StepContext.Provider,
           {
             value: {
@@ -881,7 +904,7 @@ function Step(props) {
     index,
     direction = "vertical"
   } = (0, import_react3.useContext)(StepContext);
-  const connector = index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  const connector = index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_themes4.Separator,
     {
       style: {
@@ -901,7 +924,7 @@ function Step(props) {
     }
     return IncompleteStep;
   }, [completed, active]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     import_themes.Flex,
     {
       align: "center",
@@ -911,7 +934,7 @@ function Step(props) {
       style: { flex: 1 },
       children: [
         connector,
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InnerStep, { Icon, children })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InnerStep, { Icon, children })
       ]
     }
   );
@@ -922,11 +945,11 @@ function CompleteStep(props) {
   const background = "var(--accent-a4)";
   const border = "1px solid var(--accent-7)";
   const color = "var(--accent-contrast)";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    Icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Avatar,
       {
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_icons.CheckIcon, { fill: color, height: 16, width: 16 }),
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons.CheckIcon, { fill: color, height: 16, width: 16 }),
         radius: "full",
         size: "medium",
         style: {
@@ -935,7 +958,7 @@ function CompleteStep(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { align: "center", variant: "caption", children })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { align: "center", variant: "caption", children })
   ] });
 }
 function IncompleteStep(props) {
@@ -943,11 +966,11 @@ function IncompleteStep(props) {
   const { completed, active, index } = (0, import_react3.useContext)(StepContext);
   const background = "var(--gray-5)";
   const color = "var(--gray-a11)";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    Icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Avatar,
       {
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { style: { color }, children: index + 1 }),
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { style: { color }, children: index + 1 }),
         radius: "full",
         size: "medium",
         style: {
@@ -955,7 +978,7 @@ function IncompleteStep(props) {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { align: "center", style: { color }, variant: "caption", children })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { align: "center", style: { color }, variant: "caption", children })
   ] });
 }
 function ActiveStep(props) {
@@ -963,17 +986,17 @@ function ActiveStep(props) {
   const { completed, active, index } = (0, import_react3.useContext)(StepContext);
   const background = "var(--accent-10)";
   const color = "var(--accent-contrast)";
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    Icon ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    Icon ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { active, completed }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Avatar,
       {
-        fallback: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { style: { color }, weight: "bold", children: index + 1 }),
+        fallback: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { style: { color }, weight: "bold", children: index + 1 }),
         radius: "full",
         size: "medium",
         style: { background }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Typo, { align: "center", variant: "caption", weight: "bold", children })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Typo, { align: "center", variant: "caption", weight: "bold", children })
   ] });
 }
 var Stepper = {