@tipp/ui 2.8.0 → 2.10.0

package/dist/index.css

@@ -30940,6 +30940,82 @@ ol.tipp-list > li{
   height: var(--base-button-height);
   width: var(--base-button-height);
 }
+.rp-section-nav{
+  display: none;
+}
+@media (min-width: 1024px) {
+  .rp-section-nav{
+    display: block;
+    position: sticky;
+    top: var(--space-4);
+    width: 224px;
+    height: -moz-fit-content;
+    height: fit-content;
+    flex-shrink: 0;
+  }
+}
+.rp-nav-btn{
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-2);
+  border: 0;
+  border-left: 2px solid transparent;
+  padding: 6px var(--space-3);
+  text-align: left;
+  cursor: pointer;
+  background: transparent;
+  color: var(--gray-10);
+  transition: background 150ms ease, color 150ms ease;
+}
+.rp-nav-btn:hover{
+  background: var(--gray-a2);
+  color: var(--gray-12);
+}
+.rp-nav-btn:focus-visible{
+  outline: 2px solid var(--accent-8);
+  outline-offset: -2px;
+}
+.rp-jump-btn{
+  display: block;
+  width: 100%;
+  border: 0;
+  padding: 6px var(--space-3);
+  text-align: left;
+  cursor: pointer;
+  background: transparent;
+  transition: background 150ms ease;
+}
+.rp-jump-btn:hover{
+  background: var(--gray-a3);
+}
+.rp-jump-btn:focus-visible{
+  outline: 2px solid var(--accent-8);
+  outline-offset: -2px;
+}
+.rp-rubric-scroll-btn{
+  display: block;
+  width: 100%;
+  border: 0;
+  text-align: left;
+  cursor: pointer;
+  background: transparent;
+  transition: background 150ms ease;
+}
+.rp-rubric-scroll-btn:hover{
+  background: var(--gray-a2);
+}
+.rp-rubric-scroll-btn:focus-visible{
+  outline: 2px solid var(--accent-8);
+  outline-offset: 1px;
+}
+.rp-expand-table .expand-table-wrapper,
+  .rp-expand-table .expand-table,
+  .rp-expand-table .expand-table .tbody,
+  .rp-expand-table [data-radix-scroll-area-viewport]{
+  height: auto;
+}
 *{
   box-sizing: border-box;
 }

package/dist/index.d.cts

@@ -99,6 +99,7 @@ export { AI_CALLOUT_ICON_OPTIONS, getCalloutIconComponent } from './utils/get-ca
 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

@@ -99,6 +99,7 @@ export { AI_CALLOUT_ICON_OPTIONS, getCalloutIconComponent } from './utils/get-ca
 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

@@ -10,104 +10,100 @@ 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-PZDN6K6R.js";
+} from "./chunk-JCZXPONS.js";
 import {
   CoachingCustomerInfoLarge
-} from "./chunk-FIQJUO66.js";
+} from "./chunk-OPIVSYLN.js";
 import {
   CoachingCustomerInfoMedium
-} from "./chunk-5BIICWFT.js";
+} from "./chunk-ISSUGCCY.js";
 import {
   CoachingCustomerInfoSmall
-} from "./chunk-URSBI6BQ.js";
+} from "./chunk-OW2QNTK3.js";
 import {
   SessionUserInfoDetail
-} from "./chunk-R43F6ZWT.js";
+} from "./chunk-64DSUMXA.js";
 import "./chunk-BZ3EXV6A.js";
 import {
   ReportCard
-} from "./chunk-RVHE3UVN.js";
+} from "./chunk-X3TBEGPA.js";
 import {
   ReservationCard
-} from "./chunk-6XASFDTI.js";
+} from "./chunk-EJXZXUD2.js";
 import {
   SessionCard
-} from "./chunk-P6YCD2AV.js";
+} from "./chunk-C4INJWFV.js";
 import {
   SessionReviewSimpleRead
-} from "./chunk-ANFQJ6YW.js";
+} from "./chunk-WYHDQK2S.js";
 import {
   CoachQuestionList
-} from "./chunk-6Q26H64H.js";
+} from "./chunk-74PR3ZWJ.js";
 import {
   ContentsCard
-} from "./chunk-DDYPJWZV.js";
+} from "./chunk-RBU2TRYY.js";
 import {
   CurriculumCard
-} from "./chunk-PRLNOTMV.js";
+} from "./chunk-DPMDQA3O.js";
 import {
   EditCoachingTime
-} from "./chunk-B7SKF5RD.js";
+} from "./chunk-U7HF53KK.js";
 import {
   EditServiceType
-} from "./chunk-KEFAYPBO.js";
+} from "./chunk-IRFNKOKQ.js";
+import {
+  OnOfflineRadioCard
+} from "./chunk-LAGJDIVU.js";
 import {
   GoalManageCardEdit
-} from "./chunk-VVJEXKCB.js";
+} from "./chunk-4GH4R4VJ.js";
 import {
   GoalManageCardRead
-} from "./chunk-MTESLX7K.js";
-import {
-  OnOfflineRadioCard
-} from "./chunk-YCV3HR4J.js";
+} from "./chunk-5IGBFB67.js";
 import "./chunk-SYMOHU2B.js";
-import {
-  DatePickerButton
-} from "./chunk-6JPGF4MB.js";
-import {
-  DatePicker
-} from "./chunk-IYAN33WP.js";
-import {
-  ExpandTable,
-  createColumnHelper
-} from "./chunk-LXL7GJUM.js";
-import "./chunk-JCG2AUFJ.js";
 import "./chunk-AS7ID74X.js";
+import {
+  CurriculumBody
+} from "./chunk-N242VJOP.js";
 import {
   CurriculumSidebar
-} from "./chunk-FFGGO6E4.js";
-import "./chunk-GBT2BBZS.js";
+} from "./chunk-RRC4WFG3.js";
+import "./chunk-P2H3VCIB.js";
 import "./chunk-WS7IOHVK.js";
-import "./chunk-XFFVIWAD.js";
-import "./chunk-C5CEDLV6.js";
-import "./chunk-BZVA4RGI.js";
-import {
-  CurriculumBody
-} from "./chunk-6YPAN4D3.js";
-import "./chunk-7TRT4QTP.js";
-import "./chunk-DHP7LYK7.js";
-import "./chunk-GTTZJ2Y7.js";
-import "./chunk-UHAMISMF.js";
-import "./chunk-3UJEOHQT.js";
-import "./chunk-UA2HDDD4.js";
-import "./chunk-VK6INFSB.js";
-import "./chunk-5FXPD4NE.js";
-import "./chunk-UIMDXYPP.js";
-import "./chunk-SQZVLRUH.js";
-import "./chunk-SHFN2BOB.js";
-import "./chunk-DBXQFZBB.js";
-import "./chunk-PTUL6MDB.js";
+import "./chunk-47QYYEMG.js";
+import "./chunk-QLOYGKKM.js";
+import "./chunk-S4MEMFKG.js";
+import "./chunk-K4RZTENM.js";
+import "./chunk-UXH2XIB2.js";
+import "./chunk-O332K3SW.js";
+import "./chunk-LRNO4W2P.js";
+import "./chunk-LK2H4QTJ.js";
+import "./chunk-SOKGYD5B.js";
+import "./chunk-U2EAXN3Y.js";
+import "./chunk-WLKK5L3P.js";
 import "./chunk-GE4M5GOQ.js";
-import "./chunk-WLG6GG26.js";
-import "./chunk-IIA2BVJI.js";
+import "./chunk-G3KQN32M.js";
+import "./chunk-VK6INFSB.js";
+import "./chunk-CGLDFUOY.js";
+import "./chunk-OUDDTPEN.js";
+import "./chunk-ZGTGEBQX.js";
+import "./chunk-SINRU2A6.js";
+import "./chunk-NVRVOTWZ.js";
 import "./chunk-GMKRNFH5.js";
 import "./chunk-KFUBWOCN.js";
 import {
   CurriculumSubNav
-} from "./chunk-AEDSRBBB.js";
+} from "./chunk-XWHBJY5V.js";
 import {
   CurriculumProvider,
   useCurriculumContext
@@ -115,44 +111,55 @@ import {
 import {
   CurriculumV2Layout
 } from "./chunk-K3Q4XLCN.js";
+import {
+  DatePickerButton
+} from "./chunk-AT5PAJLW.js";
+import {
+  DatePicker
+} from "./chunk-VVWQZK5L.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "./chunk-5RIAIE2J.js";
+import "./chunk-JCG2AUFJ.js";
 import "./chunk-2ISIAPFS.js";
 import {
   OneOnOneGuideList,
   oneOnOneNoteTextReplacer
-} from "./chunk-TF3RLGKA.js";
+} from "./chunk-P4DJ5F6Z.js";
 import {
   RadioButtonCard
 } from "./chunk-EZN5PMTC.js";
 import {
   Stepper
-} from "./chunk-VYUQXEXS.js";
+} from "./chunk-VBXZIIUA.js";
 import {
   TagSelector
-} from "./chunk-XOCVP6IW.js";
+} from "./chunk-Q2FDF2AB.js";
 import {
   TimeSelect
 } from "./chunk-GRDRXD53.js";
-import "./chunk-U7PMCTVQ.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-L5WSNVSD.js";
+} from "./chunk-AHYOAFOU.js";
 import {
   DynamicFormEditor
-} from "./chunk-GMEGTXIV.js";
+} from "./chunk-FJEDSUGU.js";
 import {
   DynamicFormResponseItem
 } from "./chunk-77H5BUYO.js";
@@ -161,40 +168,40 @@ import {
 } from "./chunk-K7LTEKQS.js";
 import {
   ForceRefresh
-} from "./chunk-VFWRW7TA.js";
+} from "./chunk-QLNAAZJX.js";
 import {
   GhostPost
-} from "./chunk-YWLFDIBP.js";
+} from "./chunk-PAUEQXYG.js";
 import {
   LearningPost
-} from "./chunk-DUXYDGHX.js";
+} from "./chunk-CUS3ORMD.js";
 import {
   Navigation
-} from "./chunk-C2FRAZT2.js";
+} from "./chunk-6OT5OYGM.js";
 import {
   DotNavigation
 } from "./chunk-IJOOKMKQ.js";
 import {
   DownloadCard
-} from "./chunk-SGJBQKUD.js";
-import "./chunk-7XMPNH2X.js";
-import "./chunk-7NBGSPZU.js";
-import "./chunk-UILGIMXL.js";
-import "./chunk-U5LZO2EI.js";
+} from "./chunk-C6HO3IGE.js";
+import "./chunk-3DZIX4CE.js";
+import "./chunk-CBYIPRND.js";
+import "./chunk-D4U2ZV2A.js";
+import "./chunk-V7KAHLW2.js";
 import {
   DynamicForm,
   createYupValidation
-} from "./chunk-BZCUF5K6.js";
+} from "./chunk-SQ3FYBJT.js";
 import {
   DynamicFormField
-} from "./chunk-NIMF5FJI.js";
+} from "./chunk-NK6S7ZMB.js";
 import "./chunk-Z7WNKARH.js";
 import {
   AutocompleteTextfield
-} from "./chunk-LCR5R743.js";
+} from "./chunk-OOM522XP.js";
 import {
   DescriptionJsonRender
-} from "./chunk-PWUCBBQP.js";
+} from "./chunk-N3FMP27I.js";
 import {
   AI_CALLOUT_ICON_OPTIONS,
   getCalloutIconComponent
@@ -202,21 +209,12 @@ import {
 import {
   DynamicFormProvider,
   useDynamicForm
-} from "./chunk-QFSMOKC6.js";
+} from "./chunk-FAL6S2XK.js";
 import "./chunk-HBF6IIVZ.js";
 import {
   Form,
   FormItem
-} from "./chunk-77YN5S26.js";
-import {
-  Switch
-} from "./chunk-KNIIDDYM.js";
-import {
-  TabNav
-} from "./chunk-6TU647KJ.js";
-import {
-  Tabs
-} from "./chunk-CGDBUDY3.js";
+} from "./chunk-AELKCD6B.js";
 import {
   TextArea
 } from "./chunk-5XYPLDI5.js";
@@ -227,15 +225,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";
@@ -252,15 +241,14 @@ import {
   Strong
 } from "./chunk-74DX4CU7.js";
 import {
-  List,
-  useList
-} from "./chunk-Z2U2YQOG.js";
+  Switch
+} from "./chunk-KNIIDDYM.js";
 import {
-  Pagination
-} from "./chunk-5SXTL6NO.js";
+  TabNav
+} from "./chunk-6TU647KJ.js";
 import {
-  Popover
-} from "./chunk-RMW3MQF5.js";
+  Tabs
+} from "./chunk-CGDBUDY3.js";
 import {
   Progress
 } from "./chunk-TNNF5Q62.js";
@@ -277,11 +265,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";
@@ -292,35 +283,21 @@ import {
   Link
 } from "./chunk-BI6TW3ZO.js";
 import {
-  DataList
-} from "./chunk-ZPUNTAVI.js";
-import {
-  Dialog
-} from "./chunk-Z54XTEAF.js";
-import {
-  Heading
-} from "./chunk-YIVIBIK2.js";
-import {
-  Content,
-  Drawer,
-  Root,
-  Trigger
-} from "./chunk-JCUG2XKB.js";
-import "./chunk-645GPOW2.js";
+  List,
+  useList
+} from "./chunk-USL6PICI.js";
 import {
-  PortalProvider,
-  usePortalContainer
-} from "./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";
 import {
   EllipsisTooltip
-} from "./chunk-5FLPPHUZ.js";
+} from "./chunk-MQKIIIBW.js";
 import {
   Tooltip
 } from "./chunk-2M3UFZUD.js";
@@ -334,16 +311,13 @@ import {
 } from "./chunk-2DZ2Y3JI.js";
 import {
   FieldErrorWrapper
-} from "./chunk-72ZC7DBY.js";
-import {
-  Callout
-} from "./chunk-EIKFXUNC.js";
+} from "./chunk-GNB4A34H.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";
@@ -360,14 +334,29 @@ 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 {
+  PortalProvider,
+  usePortalContainer
+} from "./chunk-U7N2PWMO.js";
+import {
+  IconButton
+} from "./chunk-7RJYF5L3.js";
+import "./chunk-HF6GNDPV.js";
 import {
   Blockquote
 } from "./chunk-UFRB2BVD.js";
@@ -376,14 +365,17 @@ import {
 } from "./chunk-4Y5BEXVN.js";
 import {
   BulletText
-} from "./chunk-IA4WXGVH.js";
+} from "./chunk-75EY7LBP.js";
 import {
   Typo
-} from "./chunk-YXFHD2PY.js";
+} 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";
@@ -392,6 +384,15 @@ 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 {
   AccessibilityIcon,
   ActivityLogIcon,
@@ -757,13 +758,6 @@ import {
 import {
   CircleCheckIcon
 } from "./chunk-YVFNJE4E.js";
-import "./chunk-PSINRHYW.js";
-import {
-  EchartDefaultProps
-} from "./chunk-WSWSAPSS.js";
-import {
-  HorizontalBarChart
-} from "./chunk-RXK3JM34.js";
 import {
   AlertDialog
 } from "./chunk-GI4AN2IZ.js";
@@ -771,12 +765,21 @@ import {
   ThemeAccentContext,
   ThemeProvider
 } from "./chunk-WYWM2HSZ.js";
-import {
-  resolveColor
-} from "./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 {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
 import "./chunk-CRTRMMJ7.js";
 export {
   AI_CALLOUT_ICON_OPTIONS,
@@ -1225,6 +1228,7 @@ export {
   WidthIcon,
   ZoomInIcon,
   ZoomOutIcon,
+  clampStyle,
   createColumnHelper,
   createYupValidation,
   getCalloutIconComponent,

package/dist/molecules/autocomplete-textfield.cjs

@@ -187,6 +187,15 @@ 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)',
@@ -197,7 +206,25 @@ var MONO_STYLE = {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Typo = (0, import_react4.forwardRef)(
   (props, ref) => {
-    const _a = props, { size, variant, children, color, className, mono, style } = _a, rest = __objRest(_a, ["size", "variant", "children", "color", "className", "mono", "style"]);
+    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]
@@ -227,7 +254,7 @@ var Typo = (0, import_react4.forwardRef)(
         color: radixColor,
         ref,
         size: radixSize,
-        style: mono ? __spreadValues(__spreadValues({}, MONO_STYLE), style) : style,
+        style: __spreadValues(__spreadValues(__spreadValues({}, mono ? MONO_STYLE : null), clamp ? clampStyle(clamp) : null), style),
         children
       })
     );