@tipp/ui 2.3.16 → 2.3.18

package/dist/index.d.cts

@@ -49,6 +49,7 @@ export { DynamicFormField } from './molecules/dynamic-field.cjs';
 export { DynamicFormResponseItem } from './molecules/dynamic-form-response-item.cjs';
 export { OneOnOneGuideData, OneOnOneGuideList, OneOnOneGuideListProps, oneOnOneNoteTextReplacer } from './molecules/one-on-one-guide-list.cjs';
 export { Description, DescriptionBlock, DescriptionBlockType, DescriptionBulletListBlock, DescriptionCalloutBlock, DescriptionJsonRender, DescriptionJsonRenderProps, DescriptionTypoBlock } from './molecules/description-json-render.cjs';
+export { TrainingInfoGuideline, TrainingInfoGuidelineProps } from './molecules/training-info-guideline.cjs';
 export { ThemeProvider, ThemeProviderProps } from './theme/theme-provider.cjs';
 export { default as PortalProvider, usePortalContainer } from './theme/portal-provider.cjs';
 export { DynamicFormContextValue, DynamicFormProvider, useDynamicForm } from './context/dynamic-form-context.cjs';
@@ -69,6 +70,7 @@ export { CircleCheckIcon } from './icons/circle-check.cjs';
 export { CircleSatisfactionIcon } from './icons/circle-satisfaction.cjs';
 export { CircleQuoteIcon } from './icons/circle-quote.cjs';
 export { CircleChatIcon } from './icons/circle-chat.cjs';
+export { CircleFileIcon } from './icons/circle-file.cjs';
 export { HorizontalBarChart, HorizontalBarChartProps } from './charts/horizontal-bar-chart.cjs';
 export { EchartDefaultProps } from './charts/chart-default-props.cjs';
 export { CellAlign, CellDataType, getCellAlign } from './utils/get-cell-align.cjs';
@@ -90,9 +92,10 @@ export { EditServiceType, EditServiceTypeProps } from './app/platform/edit-servi
 export { ReportCard, ReportCardProps } from './app/platform/report-card.cjs';
 export { ContentsCard, ContentsCardProps } from './app/platform/contents-card.cjs';
 export { CurriculumCard, CurriculumCardProps } from './app/platform/curriculum-card.cjs';
-export { ContentBaseType, CurriculumAiTrainingContents, CurriculumContents, CurriculumReviewContents, CurriculumReviewQuestionRadio, CurriculumReviewQuestionSatisfactionOption, CurriculumReviewQuestionSatisfactionText, CurriculumReviewQuestionText, CurriculumSectionTitleContents, CurriculumVideoContents, QuestionBaseType, SatisfactionOptionMeta, SatisfactionTextMeta } from './types/curriculumContents.type.cjs';
+export { ContentBaseType, CurriculumAiTrainingContents, CurriculumContents, CurriculumFileDownloadContents, CurriculumFileDownloadFile, CurriculumReviewContents, CurriculumReviewQuestionRadio, CurriculumReviewQuestionSatisfactionOption, CurriculumReviewQuestionSatisfactionText, CurriculumReviewQuestionText, CurriculumSectionTitleContents, CurriculumVideoContents, QuestionBaseType, SatisfactionOptionMeta, SatisfactionTextMeta } from './types/curriculumContents.type.cjs';
 export { Curriculum, CurriculumListContents, ReviewQuestionElement } from './types/curriculum.type.cjs';
 export { ChoiceField, ChoicesField, DropdownField, DynamicFormFieldSchema, DynamicFormSchema, EmailField, FieldBaseType, FieldOption, LongTextField, NumberField, OptionFieldCommon, OrientationFieldCommon, ShortTextField, TextFieldCommon, ValidationRule, YesNoField } from './types/dynamic-form-schema-generated.cjs';
+export { TrainingInfoGuidelineContents, TrainingInfoGuidelineFileValue, TrainingInfoGuidelineVideoValue } from './types/training-info-guideline-schema-generated.cjs';
 export { Responsive } from '@radix-ui/themes/props';
 export { toast } from 'react-toastify';
 export { ExpandComp, OnRowClick } from './molecules/expand-table/row.cjs';

package/dist/index.d.ts

@@ -49,6 +49,7 @@ export { DynamicFormField } from './molecules/dynamic-field.js';
 export { DynamicFormResponseItem } from './molecules/dynamic-form-response-item.js';
 export { OneOnOneGuideData, OneOnOneGuideList, OneOnOneGuideListProps, oneOnOneNoteTextReplacer } from './molecules/one-on-one-guide-list.js';
 export { Description, DescriptionBlock, DescriptionBlockType, DescriptionBulletListBlock, DescriptionCalloutBlock, DescriptionJsonRender, DescriptionJsonRenderProps, DescriptionTypoBlock } from './molecules/description-json-render.js';
+export { TrainingInfoGuideline, TrainingInfoGuidelineProps } from './molecules/training-info-guideline.js';
 export { ThemeProvider, ThemeProviderProps } from './theme/theme-provider.js';
 export { default as PortalProvider, usePortalContainer } from './theme/portal-provider.js';
 export { DynamicFormContextValue, DynamicFormProvider, useDynamicForm } from './context/dynamic-form-context.js';
@@ -69,6 +70,7 @@ export { CircleCheckIcon } from './icons/circle-check.js';
 export { CircleSatisfactionIcon } from './icons/circle-satisfaction.js';
 export { CircleQuoteIcon } from './icons/circle-quote.js';
 export { CircleChatIcon } from './icons/circle-chat.js';
+export { CircleFileIcon } from './icons/circle-file.js';
 export { HorizontalBarChart, HorizontalBarChartProps } from './charts/horizontal-bar-chart.js';
 export { EchartDefaultProps } from './charts/chart-default-props.js';
 export { CellAlign, CellDataType, getCellAlign } from './utils/get-cell-align.js';
@@ -90,9 +92,10 @@ export { EditServiceType, EditServiceTypeProps } from './app/platform/edit-servi
 export { ReportCard, ReportCardProps } from './app/platform/report-card.js';
 export { ContentsCard, ContentsCardProps } from './app/platform/contents-card.js';
 export { CurriculumCard, CurriculumCardProps } from './app/platform/curriculum-card.js';
-export { ContentBaseType, CurriculumAiTrainingContents, CurriculumContents, CurriculumReviewContents, CurriculumReviewQuestionRadio, CurriculumReviewQuestionSatisfactionOption, CurriculumReviewQuestionSatisfactionText, CurriculumReviewQuestionText, CurriculumSectionTitleContents, CurriculumVideoContents, QuestionBaseType, SatisfactionOptionMeta, SatisfactionTextMeta } from './types/curriculumContents.type.js';
+export { ContentBaseType, CurriculumAiTrainingContents, CurriculumContents, CurriculumFileDownloadContents, CurriculumFileDownloadFile, CurriculumReviewContents, CurriculumReviewQuestionRadio, CurriculumReviewQuestionSatisfactionOption, CurriculumReviewQuestionSatisfactionText, CurriculumReviewQuestionText, CurriculumSectionTitleContents, CurriculumVideoContents, QuestionBaseType, SatisfactionOptionMeta, SatisfactionTextMeta } from './types/curriculumContents.type.js';
 export { Curriculum, CurriculumListContents, ReviewQuestionElement } from './types/curriculum.type.js';
 export { ChoiceField, ChoicesField, DropdownField, DynamicFormFieldSchema, DynamicFormSchema, EmailField, FieldBaseType, FieldOption, LongTextField, NumberField, OptionFieldCommon, OrientationFieldCommon, ShortTextField, TextFieldCommon, ValidationRule, YesNoField } from './types/dynamic-form-schema-generated.js';
+export { TrainingInfoGuidelineContents, TrainingInfoGuidelineFileValue, TrainingInfoGuidelineVideoValue } from './types/training-info-guideline-schema-generated.js';
 export { Responsive } from '@radix-ui/themes/props';
 export { toast } from 'react-toastify';
 export { ExpandComp, OnRowClick } from './molecules/expand-table/row.js';

package/dist/index.js

@@ -1,128 +1,133 @@
-import "./chunk-L5N6ITS7.js";
-import "./chunk-GSMBJMXJ.js";
-import "./chunk-NMLVUAFW.js";
-import "./chunk-6AVVI6B5.js";
-import {
-  uiProps
-} from "./chunk-NVKNDAIN.js";
 import {
   useThemeContext
 } from "./chunk-MMGP4GEQ.js";
-import "./chunk-P5EMTC35.js";
+import {
+  uiProps
+} from "./chunk-NVKNDAIN.js";
+import "./chunk-VLGR5PZX.js";
+import "./chunk-DEAVEZQM.js";
+import "./chunk-GSMBJMXJ.js";
+import "./chunk-NMLVUAFW.js";
+import "./chunk-6AVVI6B5.js";
 import "./chunk-JLAPJ7MX.js";
 import {
   CoachingCustomerInfo
-} from "./chunk-6MQMVYEP.js";
+} from "./chunk-EGT45N6F.js";
 import {
   CoachingCustomerInfoLarge
-} from "./chunk-64XYTE54.js";
+} from "./chunk-QFEZIPWJ.js";
 import {
   CoachingCustomerInfoMedium
-} from "./chunk-62HSZXVT.js";
+} from "./chunk-44VLRAHW.js";
 import {
   CoachingCustomerInfoSmall
-} from "./chunk-YADSNPMG.js";
+} from "./chunk-A7LYIUE7.js";
 import {
   SessionUserInfoDetail
-} from "./chunk-AHXS2MBK.js";
+} from "./chunk-5ZEQ33PC.js";
 import "./chunk-JWAQUXGB.js";
+import {
+  GoalManageCardEdit
+} from "./chunk-Y3JWP7C5.js";
+import {
+  GoalManageCardRead
+} from "./chunk-AZE4QTZI.js";
 import {
   ReportCard
-} from "./chunk-YLFGGCST.js";
+} from "./chunk-YPIM3E25.js";
 import {
   ReservationCard
-} from "./chunk-3ZWQBI3C.js";
+} from "./chunk-SP24KOSH.js";
 import {
   SessionCard
-} from "./chunk-BAS5S6ZI.js";
+} from "./chunk-CC4LSJRN.js";
+import {
+  EditServiceType
+} from "./chunk-T6BKRGZ7.js";
+import {
+  OnOfflineRadioCard
+} from "./chunk-3GQQQBJN.js";
 import {
   SessionReviewSimpleRead
-} from "./chunk-RM5CQ77X.js";
+} from "./chunk-GMNJ7FMU.js";
 import {
   CoachQuestionList
-} from "./chunk-5TZNUXBT.js";
+} from "./chunk-3GGJWSFK.js";
 import {
   ContentsCard
-} from "./chunk-GCDGKRQQ.js";
+} from "./chunk-NIIMYTIK.js";
 import {
   CurriculumCard
-} from "./chunk-G6ZWPY57.js";
+} from "./chunk-HDXQXNCG.js";
 import {
   EditCoachingTime
-} from "./chunk-2HNIO3ZS.js";
-import {
-  EditServiceType
-} from "./chunk-K2ATYWTQ.js";
-import {
-  OnOfflineRadioCard
-} from "./chunk-M2PVHXOE.js";
-import {
-  GoalManageCardEdit
-} from "./chunk-LVPXFDRY.js";
-import {
-  GoalManageCardRead
-} from "./chunk-HPG6F7VM.js";
-import "./chunk-K7NSOSIE.js";
+} from "./chunk-K7ERERDQ.js";
+import "./chunk-Y6BK7ABB.js";
 import "./chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "./chunk-G4DOK5DQ.js";
-import "./chunk-3PE6OFB3.js";
-import "./chunk-ZMXFJ3AZ.js";
-import "./chunk-5VPNBYFV.js";
-import "./chunk-R3VOZZ5O.js";
-import "./chunk-VK6INFSB.js";
-import "./chunk-6IMCKSQD.js";
-import "./chunk-H3X6UQVC.js";
-import "./chunk-66XH3MAB.js";
-import "./chunk-CC5RCOSM.js";
-import "./chunk-ODYLHCQD.js";
-import "./chunk-COKJ53M5.js";
-import "./chunk-PLXD7ZKF.js";
-import "./chunk-SAEPW5JF.js";
-import "./chunk-W747CDDK.js";
-import "./chunk-GNTZY4DG.js";
-import "./chunk-GMKRNFH5.js";
-import "./chunk-QGKQ3IX7.js";
-import {
-  DatePickerButton
-} from "./chunk-5ZIFEE7H.js";
-import {
-  DatePicker
-} from "./chunk-IG2TTPNN.js";
-import {
-  ExpandTable,
-  createColumnHelper
-} from "./chunk-GWJU4LIN.js";
-import "./chunk-JCG2AUFJ.js";
+} from "./chunk-WV4WWBKN.js";
 import {
   CurriculumSidebar
-} from "./chunk-JMYWVT4X.js";
-import "./chunk-3SCBKVQQ.js";
+} from "./chunk-YWTFVF5S.js";
+import "./chunk-VKH2GRVW.js";
 import "./chunk-WS7IOHVK.js";
-import "./chunk-KCC3DAOY.js";
+import "./chunk-LT5C6QT7.js";
+import "./chunk-SDEDXT7A.js";
 import "./chunk-4TST4UK5.js";
-import "./chunk-MJMHPIYX.js";
+import "./chunk-AZ2ZKABM.js";
+import "./chunk-PEFP2QUH.js";
+import "./chunk-ODHH7CFR.js";
+import "./chunk-7XG4CK7Y.js";
+import "./chunk-YE3UDMTZ.js";
+import "./chunk-X7QZ46BZ.js";
+import "./chunk-X67ER3JU.js";
+import "./chunk-NAPAD66S.js";
+import "./chunk-ZE3LSQUW.js";
+import "./chunk-VREM33BW.js";
+import "./chunk-AQVIQODP.js";
+import "./chunk-KMVSJT6Y.js";
+import "./chunk-7I7PZF5L.js";
+import "./chunk-5V6MQUTB.js";
+import "./chunk-R3WM6HV6.js";
+import "./chunk-PYGTM7ML.js";
+import "./chunk-GMKRNFH5.js";
+import "./chunk-QGKQ3IX7.js";
 import {
   CurriculumSubNav
-} from "./chunk-KLIEFXWN.js";
+} from "./chunk-WLWX7BLC.js";
 import {
   CurriculumProvider,
   useCurriculumContext
-} from "./chunk-ZFWZAZPG.js";
+} from "./chunk-Y7SJF3Y3.js";
 import {
   CurriculumV2Layout
-} from "./chunk-K3Q4XLCN.js";
-import "./chunk-JF7JAMOQ.js";
+} from "./chunk-CQSM6JCO.js";
+import {
+  DatePickerButton
+} from "./chunk-I46J2XHG.js";
+import {
+  DatePicker
+} from "./chunk-FVTBDVT4.js";
+import {
+  ExpandTable,
+  createColumnHelper
+} from "./chunk-3RTIQ36S.js";
+import "./chunk-JCG2AUFJ.js";
+import "./chunk-2ISIAPFS.js";
+import {
+  OneOnOneGuideList,
+  oneOnOneNoteTextReplacer
+} from "./chunk-O5MYSBA3.js";
 import {
   RadioButtonCard
 } from "./chunk-CSKNBWPB.js";
 import {
   Stepper
-} from "./chunk-GROWIYD2.js";
+} from "./chunk-IPEAJLS3.js";
 import {
   TagSelector
-} from "./chunk-ZS44RD54.js";
+} from "./chunk-LTGEHFFG.js";
 import {
   TimeSelect
 } from "./chunk-7PF6I4RN.js";
@@ -141,35 +146,37 @@ import {
   getTimeOptions,
   parseTimeOption
 } from "./chunk-NWJSLIQ3.js";
+import {
+  TrainingInfoGuideline
+} from "./chunk-IF4Q5NV4.js";
 import {
   DynamicFormResponseItem
 } from "./chunk-QTQKJ4A2.js";
 import {
   DynamicForm,
   createYupValidation
-} from "./chunk-KPE4JB42.js";
+} from "./chunk-IZDZTVFJ.js";
+import {
+  DynamicFormField
+} from "./chunk-NSDB3FXC.js";
 import {
   ForceRefresh
-} from "./chunk-EWFZXCMV.js";
+} from "./chunk-GGLDVUYU.js";
 import {
   GhostPost
-} from "./chunk-5JQOU3IR.js";
+} from "./chunk-UH6Q3TEK.js";
 import {
   LearningPost
-} from "./chunk-F7JSPN5P.js";
+} from "./chunk-IEYBSZA3.js";
 import {
   ThemeProvider
 } from "./chunk-7FKRQQYK.js";
 import {
   Navigation
-} from "./chunk-JRT6KTBG.js";
-import {
-  OneOnOneGuideList,
-  oneOnOneNoteTextReplacer
-} from "./chunk-FVNXDLRU.js";
+} from "./chunk-WMWXF44S.js";
 import {
   DescriptionJsonRender
-} from "./chunk-YWEWWXKM.js";
+} from "./chunk-ETKTERDA.js";
 import {
   AI_CALLOUT_ICON_OPTIONS,
   getCalloutIconComponent
@@ -179,19 +186,21 @@ import {
 } from "./chunk-IJOOKMKQ.js";
 import {
   DownloadCard
-} from "./chunk-OHNBVT52.js";
+} from "./chunk-G7NEBNHU.js";
+import "./chunk-HBF6IIVZ.js";
 import {
-  DynamicFormField
-} from "./chunk-DXD774YC.js";
+  ToastContainer,
+  toast
+} from "./chunk-EEKOTWBE.js";
 import {
-  DynamicFormProvider,
-  useDynamicForm
-} from "./chunk-NCSMSA3X.js";
-import "./chunk-HBF6IIVZ.js";
+  Skeleton
+} from "./chunk-5H3YPCZK.js";
 import {
-  Form,
-  FormItem
-} from "./chunk-2OMSNCRH.js";
+  Spinner
+} from "./chunk-FR2GDOU2.js";
+import {
+  Strong
+} from "./chunk-74DX4CU7.js";
 import {
   Switch
 } from "./chunk-OYM4XCHQ.js";
@@ -208,9 +217,14 @@ import {
   TextField
 } from "./chunk-6NPTJBFE.js";
 import {
-  ToastContainer,
-  toast
-} from "./chunk-EEKOTWBE.js";
+  RadioCards
+} from "./chunk-6IVCARWS.js";
+import {
+  RadioGroup
+} from "./chunk-6DJOIRMF.js";
+import {
+  Radio
+} from "./chunk-FPD73OHW.js";
 import {
   ScrollArea
 } from "./chunk-MUPK4L3U.js";
@@ -227,21 +241,21 @@ import {
   Separator
 } from "./chunk-HYITAA4J.js";
 import {
-  Skeleton
-} from "./chunk-5H3YPCZK.js";
+  Inset
+} from "./chunk-XQOL7UBI.js";
 import {
-  Spinner
-} from "./chunk-FR2GDOU2.js";
+  Kbd
+} from "./chunk-TULWX7D6.js";
 import {
-  Strong
-} from "./chunk-74DX4CU7.js";
+  Link
+} from "./chunk-DHZVOXFM.js";
 import {
   List,
   useList
-} from "./chunk-JIJLOKVN.js";
+} from "./chunk-WV2HN6H4.js";
 import {
   Pagination
-} from "./chunk-FG3WT6OL.js";
+} from "./chunk-SBJOKO35.js";
 import {
   Popover
 } from "./chunk-5AVBYDPB.js";
@@ -252,14 +266,11 @@ import {
   Quote
 } from "./chunk-YO3BQW6S.js";
 import {
-  RadioCards
-} from "./chunk-6IVCARWS.js";
-import {
-  RadioGroup
-} from "./chunk-6DJOIRMF.js";
+  Em
+} from "./chunk-2DZ2Y3JI.js";
 import {
-  Radio
-} from "./chunk-FPD73OHW.js";
+  FieldErrorWrapper
+} from "./chunk-VRJR534I.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
@@ -267,23 +278,20 @@ import {
   HoverCard
 } from "./chunk-O3T3TM3V.js";
 import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
+  Code
+} from "./chunk-OHMOP5PV.js";
 import {
-  Kbd
-} from "./chunk-TULWX7D6.js";
+  Collapse
+} from "./chunk-NFDQJVFA.js";
 import {
-  Link
-} from "./chunk-DHZVOXFM.js";
+  Container
+} from "./chunk-Q37G2GS6.js";
 import {
   DataList
 } from "./chunk-VTJZMOSP.js";
 import {
   Dialog
-} from "./chunk-AH4A53SZ.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
+} from "./chunk-JQ7VQ5SB.js";
 import {
   Content,
   Drawer,
@@ -309,16 +317,16 @@ import {
   Tooltip
 } from "./chunk-3NUQAVE6.js";
 import {
-  UIStateContext,
-  UIStateProvider,
-  useUIState
-} from "./chunk-PT57HCAI.js";
+  BulletText
+} from "./chunk-QRI6ARS6.js";
 import {
-  Em
-} from "./chunk-2DZ2Y3JI.js";
+  Flex
+} from "./chunk-25HMMI7R.js";
 import {
-  FieldErrorWrapper
-} from "./chunk-ZOPYFDLO.js";
+  Button
+} from "./chunk-ZVDAEY5Q.js";
+import "./chunk-LQY4RKWI.js";
+import "./chunk-ZD7MNMED.js";
 import {
   Callout
 } from "./chunk-B6XJN6EC.js";
@@ -335,14 +343,11 @@ import {
   Checkbox
 } from "./chunk-VYCYVN3L.js";
 import {
-  Code
-} from "./chunk-OHMOP5PV.js";
-import {
-  Collapse
-} from "./chunk-NFDQJVFA.js";
+  AlertDialog
+} from "./chunk-J242TTFH.js";
 import {
-  Container
-} from "./chunk-Q37G2GS6.js";
+  AspectRatio
+} from "./chunk-EAXUQEO5.js";
 import {
   AutoSizingInput
 } from "./chunk-6SYFG6YY.js";
@@ -358,21 +363,6 @@ import {
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
-import {
-  BulletText
-} from "./chunk-Z34HR7RE.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import "./chunk-LDBWASUA.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-ZVDAEY5Q.js";
-import "./chunk-LQY4RKWI.js";
-import "./chunk-ZD7MNMED.js";
 import {
   ArchiveIcon,
   ArrowLeftIcon,
@@ -442,7 +432,7 @@ import {
   UploadIcon,
   VideoIcon
 } from "./chunk-W5TPOFOO.js";
-import "./chunk-WJ34ZHTU.js";
+import "./chunk-VD7AQ7HK.js";
 import {
   MicIcon
 } from "./chunk-ZQE7SP6P.js";
@@ -452,6 +442,9 @@ import {
 import {
   TriangleArrowUpIcon
 } from "./chunk-2O45FRFQ.js";
+import {
+  CircleFileIcon
+} from "./chunk-SI4Y7NUG.js";
 import {
   CirclePencilIcon
 } from "./chunk-J2I3R3OV.js";
@@ -489,12 +482,27 @@ import {
 import {
   HorizontalBarChart
 } from "./chunk-SGMO4KBC.js";
+import "./chunk-P5EMTC35.js";
 import {
-  AlertDialog
-} from "./chunk-J242TTFH.js";
+  UIStateContext,
+  UIStateProvider,
+  useUIState
+} from "./chunk-PT57HCAI.js";
 import {
-  AspectRatio
-} from "./chunk-EAXUQEO5.js";
+  DynamicFormProvider,
+  useDynamicForm
+} from "./chunk-NCSMSA3X.js";
+import {
+  Form,
+  FormItem
+} from "./chunk-2OMSNCRH.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import "./chunk-LDBWASUA.js";
 import "./chunk-CRTRMMJ7.js";
 export {
   AI_CALLOUT_ICON_OPTIONS,
@@ -534,6 +542,7 @@ export {
   ChevronUpIcon,
   CircleChatIcon,
   CircleCheckIcon,
+  CircleFileIcon,
   CirclePencilIcon,
   CirclePlayIcon,
   CircleQuoteIcon,
@@ -676,6 +685,7 @@ export {
   TimerIcon,
   ToastContainer,
   Tooltip,
+  TrainingInfoGuideline,
   TrashIcon,
   TriangleArrowDownIcon,
   TriangleArrowUpIcon,