@tipp/ui 2.7.0 → 2.8.0

package/dist/context/index.js

@@ -2,16 +2,17 @@ import "../chunk-P5EMTC35.js";
 import {
   DynamicFormProvider,
   useDynamicForm
-} from "../chunk-E6GCU5IQ.js";
-import "../chunk-MMLVZWMD.js";
+} from "../chunk-QFSMOKC6.js";
+import "../chunk-77YN5S26.js";
+import "../chunk-YIVIBIK2.js";
 import {
   UIStateContext,
   UIStateProvider,
   useUIState
 } from "../chunk-PT57HCAI.js";
-import "../chunk-NLHVQJQ2.js";
-import "../chunk-GR4PG6HY.js";
+import "../chunk-YXFHD2PY.js";
 import "../chunk-LDBWASUA.js";
+import "../chunk-PO2PBAHW.js";
 import "../chunk-VFQD57ZY.js";
 import "../chunk-CRTRMMJ7.js";
 export {

package/dist/index.cjs

@@ -353,6 +353,7 @@ __export(index_exports, {
   LockOpen1Icon: () => import_react_icons2.LockOpen1Icon,
   LockOpen2Icon: () => import_react_icons2.LockOpen2Icon,
   LoopIcon: () => import_react_icons2.LoopIcon,
+  MONO_STYLE: () => MONO_STYLE,
   MagicWandIcon: () => import_react_icons2.MagicWandIcon,
   MagnifyingGlassIcon: () => import_react_icons2.MagnifyingGlassIcon,
   MarginIcon: () => import_react_icons2.MarginIcon,
@@ -1065,6 +1066,12 @@ var mapWithResponsive = (args) => {
   return value;
 };
 
+// src/utils/mono-style.ts
+var MONO_STYLE = {
+  fontFamily: 'var(--code-font-family, ui-monospace, "SF Mono", monospace)',
+  fontVariantNumeric: "tabular-nums"
+};
+
 // src/atoms/heading.tsx
 var import_themes18 = require("@radix-ui/themes");
 var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -1085,7 +1092,7 @@ var mapVariant = (variant) => {
   }
 };
 function Heading2(props) {
-  const _a = props, { size, children, variant, color, className } = _a, rest = __objRest(_a, ["size", "children", "variant", "color", "className"]);
+  const _a = props, { size, children, variant, color, className, mono, style } = _a, rest = __objRest(_a, ["size", "children", "variant", "color", "className", "mono", "style"]);
   const { color: radixColor, className: colorClassName } = (0, import_react15.useMemo)(
     () => resolveColor(color),
     [color]
@@ -1102,6 +1109,7 @@ function Heading2(props) {
       className: (0, import_clsx13.clsx)(colorClassName, className),
       color: radixColor,
       size: radixSize,
+      style: mono ? __spreadValues(__spreadValues({}, MONO_STYLE), style) : style,
       children
     })
   );
@@ -1738,7 +1746,7 @@ var import_react31 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var Typo = (0, import_react31.forwardRef)(
   (props, ref) => {
-    const _a = props, { size, variant, children, color, className } = _a, rest = __objRest(_a, ["size", "variant", "children", "color", "className"]);
+    const _a = props, { size, variant, children, color, className, mono, style } = _a, rest = __objRest(_a, ["size", "variant", "children", "color", "className", "mono", "style"]);
     const { color: radixColor, className: colorClassName } = (0, import_react31.useMemo)(
       () => resolveColor(color),
       [color]
@@ -1768,6 +1776,7 @@ var Typo = (0, import_react31.forwardRef)(
         color: radixColor,
         ref,
         size: radixSize,
+        style: mono ? __spreadValues(__spreadValues({}, MONO_STYLE), style) : style,
         children
       })
     );
@@ -10456,6 +10465,7 @@ function CurriculumCard(props) {
   LockOpen1Icon,
   LockOpen2Icon,
   LoopIcon,
+  MONO_STYLE,
   MagicWandIcon,
   MagnifyingGlassIcon,
   MarginIcon,