@moneyforward/mfui-components 3.29.1 → 3.31.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/dist/src/Button/Button.d.ts +4 -4
  2. package/dist/src/CheckboxCard/CheckboxCard.d.ts +2 -2
  3. package/dist/src/CheckboxCard/CheckboxCard.js +1 -1
  4. package/dist/src/DataTable/DataTable.js +2 -2
  5. package/dist/src/DataTable/DataTable.types.d.ts +9 -0
  6. package/dist/src/DataTable/DataTableCell/DataTableCell.js +3 -2
  7. package/dist/src/DataTable/DataTableHeaderCell/DataTableHeaderCell.js +2 -1
  8. package/dist/src/DataTable/DataTableProvider.d.ts +2 -2
  9. package/dist/src/DataTable/DataTableProvider.js +4 -1
  10. package/dist/src/DataTable/DataTableRow/DataTableRow.js +34 -3
  11. package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerProvider/DateRangePickerProvider.d.ts +2 -2
  12. package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/constants.d.ts +4 -4
  13. package/dist/src/DateTimeSelection/DateRangePicker/DateRangePickerTrigger/hooks/useDateRangeTriggerInputClick.d.ts +1 -1
  14. package/dist/src/DateTimeSelection/DateRangePicker/utilities/createDateRangePickerTestUtility.d.ts +1 -1
  15. package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/constants.d.ts +5 -5
  16. package/dist/src/DateTimeSelection/TimePicker/TimePicker.d.ts +9 -9
  17. package/dist/src/DateTimeSelection/shared/BasePicker/basePickerUtilities/useBasePickerValueController.d.ts +1 -1
  18. package/dist/src/DateTimeSelection/shared/BasePicker/constants.d.ts +1 -1
  19. package/dist/src/DateTimeSelection/shared/BasePicker/constants.js +2 -0
  20. package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/constants.d.ts +6 -6
  21. package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerProvider/BaseRangePickerProvider.d.ts +2 -2
  22. package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/BaseRangePickerTrigger.js +1 -1
  23. package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerTrigger/hooks/useDateRangeTriggerInputClick.d.ts +1 -1
  24. package/dist/src/DateTimeSelection/shared/BaseRangePicker/utilities/createBaseRangePickerTestUtility.d.ts +1 -1
  25. package/dist/src/DateTimeSelection/shared/YearSelector/YearSelector.js +7 -1
  26. package/dist/src/DateTimeSelection/shared/accessibility/constants.d.ts +6 -6
  27. package/dist/src/Dialog/Dialog.d.ts +4 -4
  28. package/dist/src/Disclosure/Disclosure.d.ts +21 -10
  29. package/dist/src/DropdownMenu/DropdownMenu.d.ts +3 -3
  30. package/dist/src/DropdownMenu/DropdownMenu.js +26 -2
  31. package/dist/src/DropdownMenu/DropdownMenuButtonTrigger.d.ts +2 -2
  32. package/dist/src/DropdownMenu/DropdownMenuContainer/DropdownMenuContainer.js +28 -3
  33. package/dist/src/DropdownMenu/DropdownMenuContainer/DropdownMenuContainer.types.d.ts +5 -2
  34. package/dist/src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.d.ts +1 -1
  35. package/dist/src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.js +29 -6
  36. package/dist/src/DropdownMenu/DropdownMenuItem/DropdownMenuItem.types.d.ts +6 -0
  37. package/dist/src/EmbeddedSidePane/EmbeddedSidePane.d.ts +1 -1
  38. package/dist/src/FileBox/FileBox.d.ts +4 -4
  39. package/dist/src/FileBox/FileBox.js +1 -1
  40. package/dist/src/FileDropZone/FileDropZone.d.ts +4 -4
  41. package/dist/src/FileDropZone/utils/fileHelpers.d.ts +3 -3
  42. package/dist/src/FilterTrigger/FilterTrigger.d.ts +2 -2
  43. package/dist/src/Heading/Heading.d.ts +2 -2
  44. package/dist/src/HelpMessage/HelpMessage.d.ts +3 -3
  45. package/dist/src/IconButton/IconButton.d.ts +6 -6
  46. package/dist/src/KeyValue/KeyValue.d.ts +2 -2
  47. package/dist/src/MainNavigation/BaseMainNavigation.d.ts +1 -1
  48. package/dist/src/MainNavigation/BaseMainNavigation.js +4 -2
  49. package/dist/src/MainNavigation/MainNavigation.js +3 -3
  50. package/dist/src/MainNavigation/MainNavigation.types.d.ts +18 -0
  51. package/dist/src/MultipleSelectBox/MultipleSelectBox.js +1 -1
  52. package/dist/src/MultipleSelectBox/hooks/useApplyControls.d.ts +1 -1
  53. package/dist/src/MultipleSelectBox/hooks/useSelectedValues.d.ts +1 -1
  54. package/dist/src/NumberBox/NumberBox.d.ts +1 -1
  55. package/dist/src/NumberBox/NumberBox.js +68 -21
  56. package/dist/src/Pagination/ItemsCount/ItemsCount.js +1 -1
  57. package/dist/src/Popover/Popover.js +1 -1
  58. package/dist/src/RadioButton/RadioButton.d.ts +1 -1
  59. package/dist/src/RadioButtonCard/RadioButtonCard.d.ts +2 -2
  60. package/dist/src/RadioButtonCard/RadioButtonCard.js +1 -1
  61. package/dist/src/RadioGroup/RadioGroup.d.ts +1 -1
  62. package/dist/src/SearchBox/SearchBox.js +18 -4
  63. package/dist/src/SectionMessage/SectionMessage.d.ts +5 -5
  64. package/dist/src/SectionMessage/SectionMessage.js +11 -4
  65. package/dist/src/SectionMessage/SectionMessage.types.d.ts +4 -4
  66. package/dist/src/SelectBox/SelectBox.js +1 -1
  67. package/dist/src/SelectBox/SelectBoxOption.js +1 -1
  68. package/dist/src/SelectBox/SelectBoxOptionGroup.js +1 -1
  69. package/dist/src/SidePane/SidePane.d.ts +9 -7
  70. package/dist/src/SidePane/SidePane.js +8 -4
  71. package/dist/src/SidePane/hooks/useSidePaneStateController.d.ts +7 -2
  72. package/dist/src/SidePane/hooks/useSidePaneStateController.js +11 -5
  73. package/dist/src/Sidebar/Sidebar.d.ts +10 -1
  74. package/dist/src/Sidebar/Sidebar.js +40 -10
  75. package/dist/src/Sidebar/Sidebar.types.d.ts +39 -2
  76. package/dist/src/Sidebar/SidebarContext.d.ts +3 -0
  77. package/dist/src/Sidebar/SidebarContext.js +2 -0
  78. package/dist/src/Sidebar/SidebarMenuHeading/SidebarMenuHeading.d.ts +49 -0
  79. package/dist/src/Sidebar/SidebarMenuHeading/SidebarMenuHeading.js +113 -0
  80. package/dist/src/Sidebar/SidebarMenuHeading/SidebarMenuHeading.types.d.ts +36 -0
  81. package/dist/src/Sidebar/SidebarMenuHeading/SidebarMenuHeading.types.js +1 -0
  82. package/dist/src/Sidebar/SidebarMenuHeading/index.d.ts +2 -0
  83. package/dist/src/Sidebar/SidebarMenuHeading/index.js +1 -0
  84. package/dist/src/Sidebar/SidebarNavigationItem.js +6 -3
  85. package/dist/src/Sidebar/hooks/useSidebarResize.d.ts +2 -1
  86. package/dist/src/Sidebar/hooks/useSidebarResize.js +31 -3
  87. package/dist/src/Sidebar/index.d.ts +2 -1
  88. package/dist/src/Stack/Stack.d.ts +5 -5
  89. package/dist/src/StatusLabel/StatusLabel.d.ts +2 -2
  90. package/dist/src/Stepper/Step/Step.js +1 -1
  91. package/dist/src/SubNavigation/SubNavigation.js +1 -1
  92. package/dist/src/Tag/Tag.d.ts +1 -1
  93. package/dist/src/Tag/Tag.js +2 -2
  94. package/dist/src/Tag/Tag.types.d.ts +7 -0
  95. package/dist/src/TextBox/TextBox.d.ts +6 -6
  96. package/dist/src/TextLink/TextLink.d.ts +2 -2
  97. package/dist/src/Textarea/Textarea.d.ts +4 -4
  98. package/dist/src/Toast/Toast.d.ts +3 -3
  99. package/dist/src/Toast/Toast.js +9 -5
  100. package/dist/src/Toast/Toast.types.d.ts +3 -5
  101. package/dist/src/Toast/api/toast.d.ts +18 -2
  102. package/dist/src/Tooltip/Tooltip.d.ts +3 -3
  103. package/dist/src/Tooltip/Tooltip.js +1 -1
  104. package/dist/src/Tooltip/Tooltip.types.d.ts +2 -0
  105. package/dist/src/Tooltip/hooks/useTooltipDisplayController.js +14 -2
  106. package/dist/src/utilities/dom/dispatchNativeInputValueWithEvent.d.ts +1 -1
  107. package/dist/src/utilities/dom/useFocusTrap.d.ts +1 -1
  108. package/dist/src/utilities/react/useIsomorphicLayoutEffect.d.ts +2 -2
  109. package/dist/styled-system/css/conditions.d.ts +3 -3
  110. package/dist/styled-system/helpers.d.ts +36 -35
  111. package/dist/styled-system/jsx/factory-helper.d.ts +4 -4
  112. package/dist/styled-system/recipes/create-recipe.d.ts +2 -2
  113. package/dist/styled-system/recipes/data-table-cell-slot-recipe.d.ts +1 -0
  114. package/dist/styled-system/recipes/data-table-cell-slot-recipe.js +4 -0
  115. package/dist/styled-system/recipes/data-table-header-cell-slot-recipe.d.ts +1 -0
  116. package/dist/styled-system/recipes/data-table-header-cell-slot-recipe.js +4 -0
  117. package/dist/styled-system/recipes/dropdown-menu-item-slot-recipe.d.ts +1 -1
  118. package/dist/styled-system/recipes/dropdown-menu-item-slot-recipe.js +12 -0
  119. package/dist/styled-system/recipes/index.d.ts +2 -1
  120. package/dist/styled-system/recipes/index.js +1 -0
  121. package/dist/styled-system/recipes/section-message-slot-recipe.d.ts +1 -1
  122. package/dist/styled-system/recipes/section-message-slot-recipe.js +3 -1
  123. package/dist/styled-system/recipes/sidebar-menu-heading-slot-recipe.d.ts +33 -0
  124. package/dist/styled-system/recipes/sidebar-menu-heading-slot-recipe.js +44 -0
  125. package/dist/styled-system/recipes/sidebar-slot-recipe.d.ts +1 -1
  126. package/dist/styled-system/recipes/sidebar-slot-recipe.js +4 -0
  127. package/dist/styles.css +158 -14
  128. package/dist/tsconfig.build.tsbuildinfo +1 -1
  129. package/package.json +11 -11
@@ -1,4 +1,4 @@
1
- import { useEffect } from 'react';
1
+ import { useLayoutEffect } from 'react';
2
2
  /**
3
3
  * `useLayoutEffect` that falls back to `useEffect` on the server.
4
4
  *
@@ -8,4 +8,4 @@ import { useEffect } from 'react';
8
8
  *
9
9
  * @see https://react.dev/reference/react/useLayoutEffect#caveats
10
10
  */
11
- export declare const useIsomorphicLayoutEffect: typeof useEffect;
11
+ export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
@@ -1,3 +1,3 @@
1
- export function isCondition(value: any): boolean;
2
- export function finalizeConditions(paths: any): any;
3
- export function sortConditions(paths: any): any;
1
+ export declare function isCondition(value: any): boolean;
2
+ export declare function finalizeConditions(paths: any): any;
3
+ export declare function sortConditions(paths: any): any;
@@ -1,44 +1,45 @@
1
- export function __spreadValues(a: any, b: any): any;
2
- export function __objRest(source: any, exclude: any): {
1
+ declare function isObject(value: any): boolean;
2
+ declare function compact(value: any): {
3
3
  [k: string]: any;
4
4
  };
5
- export function compact(value: any): {
6
- [k: string]: any;
7
- };
8
- export function createCss(context: any): (...args: any[]) => any;
9
- export function createMergeCss(context: any): {
5
+ declare var isBaseCondition: (v: any) => boolean;
6
+ declare function filterBaseConditions(c: any): any;
7
+ declare function toHash(value: any): string;
8
+ declare function withoutSpace(str: any): any;
9
+ declare var memo: (fn: any) => (...args: any[]) => any;
10
+ declare function mergeProps(...sources: any[]): any;
11
+ declare function walkObject(target: any, predicate: any, options?: {}): any;
12
+ declare function mapObject(obj: any, fn: any): any;
13
+ declare function createCss(context: any): (...args: any[]) => any;
14
+ declare function createMergeCss(context: any): {
10
15
  mergeCss: (...args: any[]) => any;
11
16
  assignCss: (...styles: any[]) => any;
12
17
  };
13
- export function filterBaseConditions(c: any): any;
14
- export function getPatternStyles(pattern: any, styles: any): any;
15
- export function getSlotCompoundVariant(compoundVariants: any, slotName: any): any;
16
- export function getSlotRecipes(recipe?: {}): {
18
+ declare var hypenateProperty: (...args: any[]) => any;
19
+ declare var isCssFunction: (v: any) => boolean;
20
+ declare var isCssUnit: (v: any) => boolean;
21
+ declare var isCssVar: (v: any) => boolean;
22
+ declare var patternFns: {
23
+ map: typeof mapObject;
24
+ isCssFunction: typeof isCssFunction;
25
+ isCssVar: typeof isCssVar;
26
+ isCssUnit: typeof isCssUnit;
27
+ };
28
+ declare var getPatternStyles: (pattern: any, styles: any) => any;
29
+ declare var getSlotRecipes: (recipe?: {}) => {
17
30
  [k: string]: any;
18
31
  };
19
- export function hypenateProperty(...args: any[]): any;
20
- export function isBaseCondition(v: any): boolean;
21
- export function isObject(value: any): boolean;
22
- export function mapObject(obj: any, fn: any): any;
23
- export function memo(fn: any): (...args: any[]) => any;
24
- export function mergeProps(...sources: any[]): any;
25
- export namespace patternFns {
26
- export { mapObject as map };
27
- export { isCssFunction };
28
- export { isCssVar };
29
- export { isCssUnit };
30
- }
31
- export function splitProps(props: any, ...keys: any[]): {}[];
32
- export function toHash(value: any): string;
33
- export function uniq(...items: any[]): any[];
34
- export function walkObject(target: any, predicate: any, options?: {}): any;
35
- export function withoutSpace(str: any): any;
36
- export function normalizeHTMLProps(props: any): any;
37
- export namespace normalizeHTMLProps {
32
+ declare var getSlotCompoundVariant: (compoundVariants: any, slotName: any) => any;
33
+ declare function splitProps(props: any, ...keys: any[]): {}[];
34
+ declare var uniq: (...items: any[]) => any[];
35
+ export { compact, createCss, createMergeCss, filterBaseConditions, getPatternStyles, getSlotCompoundVariant, getSlotRecipes, hypenateProperty, isBaseCondition, isObject, mapObject, memo, mergeProps, patternFns, splitProps, toHash, uniq, walkObject, withoutSpace };
36
+ declare var htmlProps: string[];
37
+ declare function normalizeHTMLProps(props: any): any;
38
+ declare namespace normalizeHTMLProps {
38
39
  export { htmlProps as keys };
39
40
  }
40
- declare function isCssFunction(v: any): boolean;
41
- declare function isCssVar(v: any): boolean;
42
- declare function isCssUnit(v: any): boolean;
43
- declare var htmlProps: string[];
44
- export {};
41
+ export { normalizeHTMLProps };
42
+ export declare function __spreadValues(a: any, b: any): any;
43
+ export declare function __objRest(source: any, exclude: any): {
44
+ [k: string]: any;
45
+ };
@@ -1,4 +1,4 @@
1
- export function defaultShouldForwardProp(prop: any, variantKeys: any): boolean;
2
- export function composeShouldForwardProps(tag: any, shouldForwardProp: any): any;
3
- export function composeCvaFn(cvaA: any, cvaB: any): any;
4
- export function getDisplayName(Component: any): any;
1
+ export declare const defaultShouldForwardProp: (prop: any, variantKeys: any) => boolean;
2
+ export declare const composeShouldForwardProps: (tag: any, shouldForwardProp: any) => any;
3
+ export declare const composeCvaFn: (cvaA: any, cvaB: any) => any;
4
+ export declare const getDisplayName: (Component: any) => any;
@@ -1,6 +1,6 @@
1
- export function createRecipe(name: any, defaultVariants: any, compoundVariants: any): {
1
+ export declare const createRecipe: (name: any, defaultVariants: any, compoundVariants: any) => {
2
2
  recipeFn: (variants: any, withCompoundVariants?: boolean) => any;
3
3
  getVariantProps: (variants: any) => any;
4
4
  __getCompoundVariantCss__: (variants: any) => any;
5
5
  };
6
- export function mergeRecipes(recipeA: any, recipeB: any): any;
6
+ export declare const mergeRecipes: (recipeA: any, recipeB: any) => any;
@@ -7,6 +7,7 @@ interface DataTableCellSlotRecipeVariant {
7
7
  isCheckboxCell: boolean
8
8
  rowHighlighted: boolean
9
9
  fixedColumn: boolean
10
+ verticalBorder: boolean
10
11
  edgeFixedColumn: "left" | "right"
11
12
  layout: "default" | "edge-to-edge"
12
13
  type: "text" | "amount"
@@ -52,6 +52,7 @@ const dataTableCellSlotRecipeVariantKeys = [
52
52
  "isCheckboxCell",
53
53
  "rowHighlighted",
54
54
  "fixedColumn",
55
+ "verticalBorder",
55
56
  "edgeFixedColumn",
56
57
  "layout",
57
58
  "type"
@@ -77,6 +78,9 @@ export const dataTableCellSlotRecipe = /* @__PURE__ */ Object.assign(dataTableCe
77
78
  "fixedColumn": [
78
79
  "true"
79
80
  ],
81
+ "verticalBorder": [
82
+ "true"
83
+ ],
80
84
  "edgeFixedColumn": [
81
85
  "left",
82
86
  "right"
@@ -5,6 +5,7 @@ import type { DistributiveOmit, Pretty } from '../types/system-types';
5
5
  interface DataTableHeaderCellSlotRecipeVariant {
6
6
  size: "small" | "medium"
7
7
  fixedColumn: boolean
8
+ verticalBorder: boolean
8
9
  edgeFixedColumn: "left" | "right"
9
10
  isCheckboxCell: boolean
10
11
  type: "text" | "amount"
@@ -35,6 +35,7 @@ const dataTableHeaderCellSlotRecipeFn = memo((props = {}) => {
35
35
  const dataTableHeaderCellSlotRecipeVariantKeys = [
36
36
  "size",
37
37
  "fixedColumn",
38
+ "verticalBorder",
38
39
  "edgeFixedColumn",
39
40
  "isCheckboxCell",
40
41
  "type"
@@ -54,6 +55,9 @@ export const dataTableHeaderCellSlotRecipe = /* @__PURE__ */ Object.assign(dataT
54
55
  "fixedColumn": [
55
56
  "true"
56
57
  ],
58
+ "verticalBorder": [
59
+ "true"
60
+ ],
57
61
  "edgeFixedColumn": [
58
62
  "left",
59
63
  "right"
@@ -10,7 +10,7 @@ type DropdownMenuItemSlotRecipeVariantMap = {
10
10
  [key in keyof DropdownMenuItemSlotRecipeVariant]: Array<DropdownMenuItemSlotRecipeVariant[key]>
11
11
  }
12
12
 
13
- type DropdownMenuItemSlotRecipeSlot = "root"
13
+ type DropdownMenuItemSlotRecipeSlot = "root" | "content" | "disabledMessage" | "disabledMessageIcon"
14
14
 
15
15
  export type DropdownMenuItemSlotRecipeVariantProps = {
16
16
  [key in keyof DropdownMenuItemSlotRecipeVariant]?: ConditionalValue<DropdownMenuItemSlotRecipeVariant[key]> | undefined
@@ -6,6 +6,18 @@ const dropdownMenuItemSlotRecipeSlotNames = [
6
6
  [
7
7
  "root",
8
8
  "DropdownMenuItem__root"
9
+ ],
10
+ [
11
+ "content",
12
+ "DropdownMenuItem__content"
13
+ ],
14
+ [
15
+ "disabledMessage",
16
+ "DropdownMenuItem__disabledMessage"
17
+ ],
18
+ [
19
+ "disabledMessageIcon",
20
+ "DropdownMenuItem__disabledMessageIcon"
9
21
  ]
10
22
  ];
11
23
  const dropdownMenuItemSlotRecipeSlotFns = /* @__PURE__ */ dropdownMenuItemSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dropdownMenuItemSlotRecipeDefaultVariants, getSlotCompoundVariant(dropdownMenuItemSlotRecipeCompoundVariants, slotName))]);
@@ -99,4 +99,5 @@ export * from './toggle-switch-slot-recipe';
99
99
  export * from './navigation-list-slot-recipe';
100
100
  export * from './navigation-list-item-slot-recipe';
101
101
  export * from './form-footer-slot-recipe';
102
- export * from './sidebar-slot-recipe';
102
+ export * from './sidebar-slot-recipe';
103
+ export * from './sidebar-menu-heading-slot-recipe';
@@ -99,3 +99,4 @@ export * from './navigation-list-slot-recipe.js';
99
99
  export * from './navigation-list-item-slot-recipe.js';
100
100
  export * from './form-footer-slot-recipe.js';
101
101
  export * from './sidebar-slot-recipe.js';
102
+ export * from './sidebar-menu-heading-slot-recipe.js';
@@ -3,7 +3,7 @@ import type { ConditionalValue } from '../types/index';
3
3
  import type { DistributiveOmit, Pretty } from '../types/system-types';
4
4
 
5
5
  interface SectionMessageSlotRecipeVariant {
6
- messageType: "neutral" | "success" | "error" | "caution"
6
+ messageType: "neutral" | "success" | "error" | "caution" | "busy" | "progress"
7
7
  region: "inline" | "page"
8
8
  disableResponsive: boolean
9
9
  }
@@ -61,7 +61,9 @@ export const sectionMessageSlotRecipe = /* @__PURE__ */ Object.assign(sectionMes
61
61
  "neutral",
62
62
  "success",
63
63
  "error",
64
- "caution"
64
+ "caution",
65
+ "busy",
66
+ "progress"
65
67
  ],
66
68
  "region": [
67
69
  "inline",
@@ -0,0 +1,33 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface SidebarMenuHeadingSlotRecipeVariant {
6
+
7
+ }
8
+
9
+ type SidebarMenuHeadingSlotRecipeVariantMap = {
10
+ [key in keyof SidebarMenuHeadingSlotRecipeVariant]: Array<SidebarMenuHeadingSlotRecipeVariant[key]>
11
+ }
12
+
13
+ type SidebarMenuHeadingSlotRecipeSlot = "tooltip" | "numberRow" | "numberText" | "numberIcon" | "status"
14
+
15
+ export type SidebarMenuHeadingSlotRecipeVariantProps = {
16
+ [key in keyof SidebarMenuHeadingSlotRecipeVariant]?: ConditionalValue<SidebarMenuHeadingSlotRecipeVariant[key]> | undefined
17
+ }
18
+
19
+ export interface SidebarMenuHeadingSlotRecipeRecipe {
20
+ __slot: SidebarMenuHeadingSlotRecipeSlot
21
+ __type: SidebarMenuHeadingSlotRecipeVariantProps
22
+ (props?: SidebarMenuHeadingSlotRecipeVariantProps): Pretty<Record<SidebarMenuHeadingSlotRecipeSlot, string>>
23
+ raw: (props?: SidebarMenuHeadingSlotRecipeVariantProps) => SidebarMenuHeadingSlotRecipeVariantProps
24
+ variantMap: SidebarMenuHeadingSlotRecipeVariantMap
25
+ variantKeys: Array<keyof SidebarMenuHeadingSlotRecipeVariant>
26
+ splitVariantProps<Props extends SidebarMenuHeadingSlotRecipeVariantProps>(props: Props): [SidebarMenuHeadingSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SidebarMenuHeadingSlotRecipeVariantProps>>]
27
+ getVariantProps: (props?: SidebarMenuHeadingSlotRecipeVariantProps) => SidebarMenuHeadingSlotRecipeVariantProps
28
+ }
29
+
30
+ /**
31
+ * Slot class created for the MFUI Sidebar tenant/user menu heading sub-component.
32
+ */
33
+ export declare const sidebarMenuHeadingSlotRecipe: SidebarMenuHeadingSlotRecipeRecipe
@@ -0,0 +1,44 @@
1
+ import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
2
+ import { createRecipe } from './create-recipe.js';
3
+ const sidebarMenuHeadingSlotRecipeDefaultVariants = {};
4
+ const sidebarMenuHeadingSlotRecipeCompoundVariants = [];
5
+ const sidebarMenuHeadingSlotRecipeSlotNames = [
6
+ [
7
+ "tooltip",
8
+ "SidebarMenuHeading__tooltip"
9
+ ],
10
+ [
11
+ "numberRow",
12
+ "SidebarMenuHeading__numberRow"
13
+ ],
14
+ [
15
+ "numberText",
16
+ "SidebarMenuHeading__numberText"
17
+ ],
18
+ [
19
+ "numberIcon",
20
+ "SidebarMenuHeading__numberIcon"
21
+ ],
22
+ [
23
+ "status",
24
+ "SidebarMenuHeading__status"
25
+ ]
26
+ ];
27
+ const sidebarMenuHeadingSlotRecipeSlotFns = /* @__PURE__ */ sidebarMenuHeadingSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sidebarMenuHeadingSlotRecipeDefaultVariants, getSlotCompoundVariant(sidebarMenuHeadingSlotRecipeCompoundVariants, slotName))]);
28
+ const sidebarMenuHeadingSlotRecipeFn = memo((props = {}) => {
29
+ return Object.fromEntries(sidebarMenuHeadingSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
30
+ });
31
+ const sidebarMenuHeadingSlotRecipeVariantKeys = [];
32
+ const getVariantProps = (variants) => ({ ...sidebarMenuHeadingSlotRecipeDefaultVariants, ...compact(variants) });
33
+ export const sidebarMenuHeadingSlotRecipe = /* @__PURE__ */ Object.assign(sidebarMenuHeadingSlotRecipeFn, {
34
+ __recipe__: false,
35
+ __name__: 'sidebarMenuHeadingSlotRecipe',
36
+ raw: (props) => props,
37
+ classNameMap: {},
38
+ variantKeys: sidebarMenuHeadingSlotRecipeVariantKeys,
39
+ variantMap: {},
40
+ splitVariantProps(props) {
41
+ return splitProps(props, sidebarMenuHeadingSlotRecipeVariantKeys);
42
+ },
43
+ getVariantProps
44
+ });
@@ -10,7 +10,7 @@ type SidebarSlotRecipeVariantMap = {
10
10
  [key in keyof SidebarSlotRecipeVariant]: Array<SidebarSlotRecipeVariant[key]>
11
11
  }
12
12
 
13
- type SidebarSlotRecipeSlot = "root" | "header" | "leftPane" | "logo" | "navigationWrapper" | "mainNavigation" | "extraNavigation" | "navigationList" | "navigationListItem" | "navigationDivider" | "navigationLink" | "navigationLinkInner" | "navigationLinkIcon" | "navigationLinkLabel" | "navigationLinkLabelInner" | "footer" | "footerSlot" | "serviceMenu" | "footerIconMenu" | "footerUserIdMenu" | "footerUserIdMenuItem" | "handle"
13
+ type SidebarSlotRecipeSlot = "root" | "header" | "leftPane" | "logo" | "rightPane" | "navigationWrapper" | "mainNavigation" | "extraNavigation" | "navigationList" | "navigationListItem" | "navigationDivider" | "navigationLink" | "navigationLinkInner" | "navigationLinkIcon" | "navigationLinkLabel" | "navigationLinkLabelInner" | "footer" | "footerSlot" | "serviceMenu" | "footerIconMenu" | "footerUserIdMenu" | "footerUserIdMenuItem" | "handle"
14
14
 
15
15
  export type SidebarSlotRecipeVariantProps = {
16
16
  [key in keyof SidebarSlotRecipeVariant]?: ConditionalValue<SidebarSlotRecipeVariant[key]> | undefined
@@ -19,6 +19,10 @@ const sidebarSlotRecipeSlotNames = [
19
19
  "logo",
20
20
  "Sidebar__logo"
21
21
  ],
22
+ [
23
+ "rightPane",
24
+ "Sidebar__rightPane"
25
+ ],
22
26
  [
23
27
  "navigationWrapper",
24
28
  "Sidebar__navigationWrapper"