@tipp/ui 2.7.1 → 2.9.0

package/dist/index.d.cts

@@ -98,6 +98,8 @@ export { getTimeOption, getTimeOptions, parseTimeOption } from './utils/get-time
 export { AI_CALLOUT_ICON_OPTIONS, getCalloutIconComponent } from './utils/get-callout-icon-component.cjs';
 export { getDynamicFormDisplayValue } from './utils/get-dynamic-form-display-value.cjs';
 export { CustomColor, DistributiveOmit, RadixColor, ResolvedColor, SemanticColor, UiColor, resolveColor } from './utils/resolve-color.cjs';
+export { MONO_STYLE } from './utils/mono-style.cjs';
+export { clampStyle } from './utils/clamp-style.cjs';
 export { CoachingCustomerInfo } from './app/platform/userInfos/coaching-customer-info/index.cjs';
 export { GoalManageCardProps, GoalManageCardRead } from './app/platform/goal-manage-card-read.cjs';
 export { GoalManageCardEdit } from './app/platform/goal-manage-card-edit.cjs';

package/dist/index.d.ts

@@ -98,6 +98,8 @@ export { getTimeOption, getTimeOptions, parseTimeOption } from './utils/get-time
 export { AI_CALLOUT_ICON_OPTIONS, getCalloutIconComponent } from './utils/get-callout-icon-component.js';
 export { getDynamicFormDisplayValue } from './utils/get-dynamic-form-display-value.js';
 export { CustomColor, DistributiveOmit, RadixColor, ResolvedColor, SemanticColor, UiColor, resolveColor } from './utils/resolve-color.js';
+export { MONO_STYLE } from './utils/mono-style.js';
+export { clampStyle } from './utils/clamp-style.js';
 export { CoachingCustomerInfo } from './app/platform/userInfos/coaching-customer-info/index.js';
 export { GoalManageCardProps, GoalManageCardRead } from './app/platform/goal-manage-card-read.js';
 export { GoalManageCardEdit } from './app/platform/goal-manage-card-edit.js';

package/dist/index.js

@@ -9,149 +9,160 @@ import "./chunk-DEAVEZQM.js";
 import "./chunk-GSMBJMXJ.js";
 import "./chunk-NMLVUAFW.js";
 import "./chunk-6AVVI6B5.js";
+import "./chunk-P5EMTC35.js";
+import "./chunk-PSINRHYW.js";
+import {
+  EchartDefaultProps
+} from "./chunk-WSWSAPSS.js";
+import {
+  HorizontalBarChart
+} from "./chunk-RXK3JM34.js";
 import "./chunk-JLAPJ7MX.js";
 import {
   CoachingCustomerInfo
-} from "./chunk-UK73NZQI.js";
+} from "./chunk-JCZXPONS.js";
+import {
+  CoachingCustomerInfoLarge
+} from "./chunk-OPIVSYLN.js";
 import {
   CoachingCustomerInfoMedium
-} from "./chunk-QRYLRCA6.js";
+} from "./chunk-ISSUGCCY.js";
 import {
   CoachingCustomerInfoSmall
-} from "./chunk-NPBQ4C7M.js";
-import {
-  CoachingCustomerInfoLarge
-} from "./chunk-2OPXQ3HE.js";
+} from "./chunk-OW2QNTK3.js";
 import {
   SessionUserInfoDetail
-} from "./chunk-VITMX6BM.js";
+} from "./chunk-64DSUMXA.js";
 import "./chunk-BZ3EXV6A.js";
+import {
+  ReportCard
+} from "./chunk-X3TBEGPA.js";
 import {
   ReservationCard
-} from "./chunk-EYDTE4R3.js";
+} from "./chunk-EJXZXUD2.js";
 import {
   SessionCard
-} from "./chunk-CNQFW2WR.js";
+} from "./chunk-C4INJWFV.js";
 import {
   SessionReviewSimpleRead
-} from "./chunk-FTVHVY7L.js";
+} from "./chunk-WYHDQK2S.js";
+import {
+  CoachQuestionList
+} from "./chunk-74PR3ZWJ.js";
 import {
   ContentsCard
-} from "./chunk-ADYJTATU.js";
+} from "./chunk-RBU2TRYY.js";
 import {
   CurriculumCard
-} from "./chunk-XKG5IOSO.js";
+} from "./chunk-DPMDQA3O.js";
 import {
   EditCoachingTime
-} from "./chunk-5YFN6IV4.js";
+} from "./chunk-U7HF53KK.js";
 import {
   EditServiceType
-} from "./chunk-2ME5TSVO.js";
-import {
-  GoalManageCardEdit
-} from "./chunk-P7YWDJNW.js";
-import {
-  GoalManageCardRead
-} from "./chunk-AV4A2DYD.js";
+} from "./chunk-IRFNKOKQ.js";
 import {
   OnOfflineRadioCard
-} from "./chunk-CFZM5JE4.js";
+} from "./chunk-LAGJDIVU.js";
 import {
-  ReportCard
-} from "./chunk-IUULKM4U.js";
+  GoalManageCardEdit
+} from "./chunk-4GH4R4VJ.js";
 import {
-  CoachQuestionList
-} from "./chunk-7SX3S6P3.js";
+  GoalManageCardRead
+} from "./chunk-5IGBFB67.js";
 import "./chunk-SYMOHU2B.js";
-import {
-  ExpandTable,
-  createColumnHelper
-} from "./chunk-3M2R4R2V.js";
-import "./chunk-JCG2AUFJ.js";
 import "./chunk-AS7ID74X.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 {
   CurriculumBody
-} from "./chunk-RFNUDAXX.js";
-import "./chunk-UHDZOX4S.js";
-import "./chunk-EA2OSGFZ.js";
-import "./chunk-QAFGOQTR.js";
-import "./chunk-DD3FPRHB.js";
-import "./chunk-GD7NQAMP.js";
-import "./chunk-GVOZ4OL4.js";
-import "./chunk-R4YNFO4T.js";
-import "./chunk-PWORNPPB.js";
-import "./chunk-SM4SJYFT.js";
-import "./chunk-D4US4T4T.js";
-import "./chunk-BRRMEZNQ.js";
-import "./chunk-HOFWTFCW.js";
-import "./chunk-AQVIQODP.js";
-import "./chunk-BZFQBI2R.js";
-import "./chunk-FBYJMCIN.js";
+} from "./chunk-6DWUGXSY.js";
+import "./chunk-K4RZTENM.js";
+import "./chunk-UXH2XIB2.js";
+import "./chunk-R5UDNKV2.js";
+import "./chunk-TQTCT7DC.js";
+import "./chunk-NVRVOTWZ.js";
+import "./chunk-LK2H4QTJ.js";
+import "./chunk-KLJVIEFW.js";
+import "./chunk-G3KQN32M.js";
+import "./chunk-VK6INFSB.js";
 import "./chunk-GMKRNFH5.js";
+import "./chunk-KQ3ME6XY.js";
+import "./chunk-CGLDFUOY.js";
+import "./chunk-OUDDTPEN.js";
+import "./chunk-ZGTGEBQX.js";
+import "./chunk-WLKK5L3P.js";
+import "./chunk-SINRU2A6.js";
+import "./chunk-GE4M5GOQ.js";
 import "./chunk-KFUBWOCN.js";
 import {
-  CurriculumSidebar
-} from "./chunk-M2OFGXKX.js";
-import "./chunk-B4HDNKVU.js";
-import "./chunk-KJZIKOZN.js";
-import "./chunk-KO3V7KB6.js";
-import "./chunk-BXHOQTLL.js";
-import "./chunk-WS7IOHVK.js";
-import "./chunk-FAZ6MJW2.js";
+  DatePickerButton
+} from "./chunk-AT5PAJLW.js";
+import {
+  DatePicker
+} from "./chunk-VVWQZK5L.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "./chunk-5RIAIE2J.js";
+import "./chunk-JCG2AUFJ.js";
 import {
   CurriculumSubNav
-} from "./chunk-PILMEQHD.js";
+} from "./chunk-XWHBJY5V.js";
 import {
   CurriculumProvider,
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
 import {
   CurriculumV2Layout
-} from "./chunk-CQSM6JCO.js";
-import {
-  DatePickerButton
-} from "./chunk-4BP63QT6.js";
-import {
-  DatePicker
-} from "./chunk-DPX24TVC.js";
+} from "./chunk-K3Q4XLCN.js";
 import "./chunk-2ISIAPFS.js";
+import {
+  Navigation
+} from "./chunk-6OT5OYGM.js";
 import {
   OneOnOneGuideList,
   oneOnOneNoteTextReplacer
-} from "./chunk-J5NSJGZH.js";
+} from "./chunk-P4DJ5F6Z.js";
 import {
   RadioButtonCard
 } from "./chunk-EZN5PMTC.js";
 import {
   Stepper
-} from "./chunk-JEGY3OLE.js";
+} from "./chunk-VBXZIIUA.js";
 import {
   TagSelector
-} from "./chunk-74CWHYZA.js";
+} from "./chunk-Q2FDF2AB.js";
 import {
   TimeSelect
 } from "./chunk-GRDRXD53.js";
-import "./chunk-OLJN3WXR.js";
-import {
-  getTimeOption,
-  getTimeOptions,
-  parseTimeOption
-} from "./chunk-NWJSLIQ3.js";
+import "./chunk-WTS75RUC.js";
 import {
   scrollTo
 } from "./chunk-BXX3B3E4.js";
 import {
   getColumnMeta
 } from "./chunk-NRPDVI76.js";
+import {
+  getTimeOption,
+  getTimeOptions,
+  parseTimeOption
+} from "./chunk-NWJSLIQ3.js";
 import {
   getCellAlign
 } from "./chunk-2BPFXK4L.js";
 import {
   TrainingInfoGuideline
-} from "./chunk-EVERKQW4.js";
+} from "./chunk-AHYOAFOU.js";
 import {
   DynamicFormEditor
-} from "./chunk-CE7HOORS.js";
+} from "./chunk-NEJCZABQ.js";
 import {
   DynamicFormResponseItem
 } from "./chunk-77H5BUYO.js";
@@ -160,49 +171,66 @@ import {
 } from "./chunk-K7LTEKQS.js";
 import {
   ForceRefresh
-} from "./chunk-UIWGBVJI.js";
+} from "./chunk-QLNAAZJX.js";
 import {
   GhostPost
-} from "./chunk-2N3DY4VJ.js";
+} from "./chunk-PAUEQXYG.js";
 import {
   LearningPost
-} from "./chunk-466DYMJ3.js";
+} from "./chunk-CUS3ORMD.js";
 import {
-  Navigation
-} from "./chunk-AVFFTSKQ.js";
+  DescriptionJsonRender
+} from "./chunk-N3FMP27I.js";
+import {
+  AI_CALLOUT_ICON_OPTIONS,
+  getCalloutIconComponent
+} from "./chunk-BEKSO5JG.js";
 import {
   DotNavigation
 } from "./chunk-IJOOKMKQ.js";
 import {
   DownloadCard
-} from "./chunk-HGRKKNGU.js";
-import "./chunk-YSZIV3CU.js";
-import "./chunk-SEUOHWYL.js";
-import "./chunk-FW2QU4JO.js";
-import "./chunk-YLDG4Y52.js";
+} from "./chunk-C6HO3IGE.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-HO3ZU6U5.js";
+} from "./chunk-SQ3FYBJT.js";
 import {
   DynamicFormField
-} from "./chunk-4FZUZ453.js";
-import "./chunk-Z7WNKARH.js";
+} from "./chunk-NK6S7ZMB.js";
 import {
   AutocompleteTextfield
-} from "./chunk-AJTGTGOC.js";
-import {
-  DescriptionJsonRender
-} from "./chunk-WVMXH4DX.js";
+} from "./chunk-OOM522XP.js";
 import {
-  AI_CALLOUT_ICON_OPTIONS,
-  getCalloutIconComponent
-} from "./chunk-BEKSO5JG.js";
+  DynamicFormProvider,
+  useDynamicForm
+} from "./chunk-FAL6S2XK.js";
 import "./chunk-HBF6IIVZ.js";
+import {
+  Form,
+  FormItem
+} from "./chunk-AELKCD6B.js";
+import {
+  TextArea
+} from "./chunk-5XYPLDI5.js";
+import {
+  TextField
+} from "./chunk-6NPTJBFE.js";
 import {
   ToastContainer,
   toast
 } from "./chunk-LNPFV5BJ.js";
+import {
+  Select
+} from "./chunk-YXMB4MCM.js";
+import {
+  Separator
+} from "./chunk-HYITAA4J.js";
 import {
   Skeleton
 } from "./chunk-5H3YPCZK.js";
@@ -222,11 +250,11 @@ import {
   Tabs
 } from "./chunk-CGDBUDY3.js";
 import {
-  TextArea
-} from "./chunk-5XYPLDI5.js";
+  Progress
+} from "./chunk-TNNF5Q62.js";
 import {
-  TextField
-} from "./chunk-6NPTJBFE.js";
+  Quote
+} from "./chunk-YO3BQW6S.js";
 import {
   RadioCards
 } from "./chunk-DX3DLP5Z.js";
@@ -245,12 +273,6 @@ import {
 import {
   SegmentedControl
 } from "./chunk-IT7ZTP7F.js";
-import {
-  Select
-} from "./chunk-YXMB4MCM.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
@@ -263,31 +285,45 @@ import {
 import {
   List,
   useList
-} from "./chunk-35E2WUIX.js";
+} from "./chunk-USL6PICI.js";
 import {
   Pagination
-} from "./chunk-UL6JYNEG.js";
+} from "./chunk-RWJUXAFY.js";
 import {
   Popover
 } from "./chunk-RMW3MQF5.js";
 import {
-  Progress
-} from "./chunk-TNNF5Q62.js";
+  DropdownMenu
+} from "./chunk-T73HHR3I.js";
 import {
-  Quote
-} from "./chunk-YO3BQW6S.js";
+  EllipsisTooltip
+} from "./chunk-MQKIIIBW.js";
+import {
+  Tooltip
+} from "./chunk-2M3UFZUD.js";
+import {
+  UIStateContext,
+  UIStateProvider,
+  useUIState
+} from "./chunk-PT57HCAI.js";
 import {
   Em
 } from "./chunk-2DZ2Y3JI.js";
 import {
   FieldErrorWrapper
-} from "./chunk-XLJQHI62.js";
+} from "./chunk-GNB4A34H.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
 import {
   HoverCard
 } from "./chunk-24PX34TH.js";
+import {
+  CheckboxGroup
+} from "./chunk-WG5OK3YN.js";
+import {
+  Checkbox
+} from "./chunk-ZCGH6TJ3.js";
 import {
   Code
 } from "./chunk-UFWDQGOK.js";
@@ -302,7 +338,10 @@ import {
 } from "./chunk-ZPUNTAVI.js";
 import {
   Dialog
-} from "./chunk-SYX35B5E.js";
+} from "./chunk-KDS7OQOY.js";
+import {
+  Heading
+} from "./chunk-USGOLLYO.js";
 import {
   Content,
   Drawer,
@@ -319,17 +358,24 @@ import {
 } from "./chunk-7RJYF5L3.js";
 import "./chunk-HF6GNDPV.js";
 import {
-  DropdownMenu
-} from "./chunk-T73HHR3I.js";
-import {
-  EllipsisTooltip
-} from "./chunk-5W6GSZGX.js";
+  Blockquote
+} from "./chunk-UFRB2BVD.js";
 import {
-  Tooltip
-} from "./chunk-W5EYMVXS.js";
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   BulletText
-} from "./chunk-M3AG4NSZ.js";
+} from "./chunk-75EY7LBP.js";
+import {
+  Typo
+} from "./chunk-L4QQGIYQ.js";
+import "./chunk-LDBWASUA.js";
+import {
+  MONO_STYLE
+} from "./chunk-PO2PBAHW.js";
+import {
+  clampStyle
+} from "./chunk-36W7VD2Z.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -347,37 +393,6 @@ import {
 import {
   CheckboxCards
 } from "./chunk-JETG3WEI.js";
-import {
-  CheckboxGroup
-} from "./chunk-WG5OK3YN.js";
-import {
-  Checkbox
-} from "./chunk-ZCGH6TJ3.js";
-import {
-  AlertDialog
-} from "./chunk-GI4AN2IZ.js";
-import {
-  ThemeAccentContext,
-  ThemeProvider
-} from "./chunk-WYWM2HSZ.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 {
-  Blockquote
-} from "./chunk-UFRB2BVD.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
 import {
   AccessibilityIcon,
   ActivityLogIcon,
@@ -743,34 +758,25 @@ import {
 import {
   CircleCheckIcon
 } from "./chunk-YVFNJE4E.js";
-import "./chunk-PSINRHYW.js";
 import {
-  EchartDefaultProps
-} from "./chunk-WSWSAPSS.js";
-import {
-  HorizontalBarChart
-} from "./chunk-RXK3JM34.js";
-import "./chunk-P5EMTC35.js";
+  AlertDialog
+} from "./chunk-GI4AN2IZ.js";
 import {
-  UIStateContext,
-  UIStateProvider,
-  useUIState
-} from "./chunk-PT57HCAI.js";
+  ThemeAccentContext,
+  ThemeProvider
+} from "./chunk-WYWM2HSZ.js";
 import {
-  DynamicFormProvider,
-  useDynamicForm
-} from "./chunk-E6GCU5IQ.js";
+  AspectRatio
+} from "./chunk-EAXUQEO5.js";
 import {
-  Form,
-  FormItem
-} from "./chunk-MMLVZWMD.js";
+  AutoSizingInput
+} from "./chunk-6SYFG6YY.js";
 import {
-  Heading
-} from "./chunk-NLHVQJQ2.js";
+  Avatar
+} from "./chunk-GPZXD762.js";
 import {
-  Typo
-} from "./chunk-GR4PG6HY.js";
-import "./chunk-LDBWASUA.js";
+  Badge
+} from "./chunk-BK74U562.js";
 import {
   resolveColor
 } from "./chunk-VFQD57ZY.js";
@@ -1050,6 +1056,7 @@ export {
   LockOpen1Icon,
   LockOpen2Icon,
   LoopIcon,
+  MONO_STYLE,
   MagicWandIcon,
   MagnifyingGlassIcon,
   MarginIcon,
@@ -1221,6 +1228,7 @@ export {
   WidthIcon,
   ZoomInIcon,
   ZoomOutIcon,
+  clampStyle,
   createColumnHelper,
   createYupValidation,
   getCalloutIconComponent,

package/dist/molecules/autocomplete-textfield.cjs

@@ -187,11 +187,44 @@ var mapWithResponsive = (args) => {
   return value;
 };
 
+// src/utils/clamp-style.ts
+var clampStyle = (lines) => ({
+  display: "-webkit-box",
+  WebkitBoxOrient: "vertical",
+  WebkitLineClamp: lines,
+  lineClamp: lines,
+  overflow: "hidden"
+});
+
+// src/utils/mono-style.ts
+var MONO_STYLE = {
+  fontFamily: 'var(--code-font-family, ui-monospace, "SF Mono", monospace)',
+  fontVariantNumeric: "tabular-nums"
+};
+
 // src/atoms/typo.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Typo = (0, import_react4.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,
+      clamp,
+      style
+    } = _a, rest = __objRest(_a, [
+      "size",
+      "variant",
+      "children",
+      "color",
+      "className",
+      "mono",
+      "clamp",
+      "style"
+    ]);
     const { color: radixColor, className: colorClassName } = (0, import_react4.useMemo)(
       () => resolveColor(color),
       [color]
@@ -221,6 +254,7 @@ var Typo = (0, import_react4.forwardRef)(
         color: radixColor,
         ref,
         size: radixSize,
+        style: __spreadValues(__spreadValues(__spreadValues({}, mono ? MONO_STYLE : null), clamp ? clampStyle(clamp) : null), style),
         children
       })
     );