@ledgerhq/lumen-ui-react 0.1.35 → 0.1.37

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 (121) hide show
  1. package/dist/index.js +108 -109
  2. package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts +1 -1
  3. package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
  4. package/dist/lib/Components/AmountDisplay/AmountDisplay.js +117 -78
  5. package/dist/lib/Components/AmountDisplay/index.d.ts +1 -1
  6. package/dist/lib/Components/AmountDisplay/index.d.ts.map +1 -1
  7. package/dist/lib/Components/AmountDisplay/types.d.ts +16 -3
  8. package/dist/lib/Components/AmountDisplay/types.d.ts.map +1 -1
  9. package/dist/lib/Components/AmountInput/AmountInput.d.ts +1 -1
  10. package/dist/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
  11. package/dist/lib/Components/AmountInput/AmountInput.js +127 -77
  12. package/dist/lib/Components/AmountInput/types.d.ts +12 -0
  13. package/dist/lib/Components/AmountInput/types.d.ts.map +1 -1
  14. package/dist/lib/Components/Avatar/Avatar.d.ts +1 -1
  15. package/dist/lib/Components/Avatar/Avatar.d.ts.map +1 -1
  16. package/dist/lib/Components/Avatar/Avatar.js +47 -60
  17. package/dist/lib/Components/Button/BaseButton.d.ts +2 -2
  18. package/dist/lib/Components/Button/Button.js +10 -10
  19. package/dist/lib/Components/Card/Card.js +12 -12
  20. package/dist/lib/Components/DataTable/DataTable.js +2 -2
  21. package/dist/lib/Components/Divider/Divider.js +4 -4
  22. package/dist/lib/Components/DotCount/DotCount.js +4 -4
  23. package/dist/lib/Components/DotIcon/DotIcon.d.ts +3 -2
  24. package/dist/lib/Components/DotIcon/DotIcon.d.ts.map +1 -1
  25. package/dist/lib/Components/DotIcon/DotIcon.js +55 -40
  26. package/dist/lib/Components/DotIcon/types.d.ts +7 -1
  27. package/dist/lib/Components/DotIcon/types.d.ts.map +1 -1
  28. package/dist/lib/Components/DotIndicator/DotIndicator.js +14 -14
  29. package/dist/lib/Components/DotIndicator/types.d.ts +2 -2
  30. package/dist/lib/Components/DotSymbol/DotSymbol.d.ts +1 -1
  31. package/dist/lib/Components/DotSymbol/DotSymbol.d.ts.map +1 -1
  32. package/dist/lib/Components/DotSymbol/DotSymbol.js +50 -35
  33. package/dist/lib/Components/DotSymbol/types.d.ts +7 -1
  34. package/dist/lib/Components/DotSymbol/types.d.ts.map +1 -1
  35. package/dist/lib/Components/Icon/Icon.js +4 -4
  36. package/dist/lib/Components/Icon/createIcon.js +4 -4
  37. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +4 -4
  38. package/dist/lib/Components/Link/Link.js +6 -6
  39. package/dist/lib/Components/ListItem/ListItem.js +3 -3
  40. package/dist/lib/Components/MediaButton/MediaButton.d.ts +3 -3
  41. package/dist/lib/Components/MediaButton/MediaButton.d.ts.map +1 -1
  42. package/dist/lib/Components/MediaButton/MediaButton.js +44 -42
  43. package/dist/lib/Components/MediaButton/types.d.ts +5 -5
  44. package/dist/lib/Components/MediaButton/types.d.ts.map +1 -1
  45. package/dist/lib/Components/MediaImage/MediaImage.d.ts +1 -1
  46. package/dist/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
  47. package/dist/lib/Components/MediaImage/MediaImage.js +45 -32
  48. package/dist/lib/Components/MediaImage/types.d.ts +7 -1
  49. package/dist/lib/Components/MediaImage/types.d.ts.map +1 -1
  50. package/dist/lib/Components/Menu/Menu.d.ts +11 -16
  51. package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
  52. package/dist/lib/Components/Menu/Menu.js +186 -125
  53. package/dist/lib/Components/Menu/types.d.ts +50 -145
  54. package/dist/lib/Components/Menu/types.d.ts.map +1 -1
  55. package/dist/lib/Components/NavBar/CoinCapsule.d.ts +2 -2
  56. package/dist/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -1
  57. package/dist/lib/Components/NavBar/CoinCapsule.js +1 -1
  58. package/dist/lib/Components/NavBar/NavBar.d.ts +4 -4
  59. package/dist/lib/Components/NavBar/NavBar.d.ts.map +1 -1
  60. package/dist/lib/Components/NavBar/NavBar.js +34 -26
  61. package/dist/lib/Components/NavBar/types.d.ts +2 -2
  62. package/dist/lib/Components/NavBar/types.d.ts.map +1 -1
  63. package/dist/lib/Components/Popover/Popover.d.ts +2 -2
  64. package/dist/lib/Components/Popover/Popover.js +6 -6
  65. package/dist/lib/Components/Popover/types.d.ts +6 -3
  66. package/dist/lib/Components/Popover/types.d.ts.map +1 -1
  67. package/dist/lib/Components/SideBar/SideBar.js +9 -9
  68. package/dist/lib/Components/Skeleton/Skeleton.js +4 -4
  69. package/dist/lib/Components/Table/Table.js +1 -1
  70. package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js +3 -3
  71. package/dist/lib/Symbols/Icons/Lightbulb.js +3 -3
  72. package/dist/libs/utils-shared/dist/index.js +107 -107
  73. package/dist/node_modules/@base-ui/react/esm/composite/item/CompositeItem.js +30 -0
  74. package/dist/node_modules/@base-ui/react/esm/composite/item/useCompositeItem.js +34 -0
  75. package/dist/node_modules/@base-ui/react/esm/context-menu/root/ContextMenuRootContext.js +14 -0
  76. package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingFocusManager.js +10 -10
  77. package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useFocus.js +97 -0
  78. package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverFloatingInteraction.js +10 -10
  79. package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverReferenceInteraction.js +2 -2
  80. package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/element.js +31 -20
  81. package/dist/node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItem.js +78 -0
  82. package/dist/node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItemContext.js +14 -0
  83. package/dist/node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItemDataAttributes.js +6 -0
  84. package/dist/node_modules/@base-ui/react/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js +44 -0
  85. package/dist/node_modules/@base-ui/react/esm/menu/group/MenuGroup.js +28 -0
  86. package/dist/node_modules/@base-ui/react/esm/menu/group/MenuGroupContext.js +14 -0
  87. package/dist/node_modules/@base-ui/react/esm/menu/group-label/MenuGroupLabel.js +29 -0
  88. package/dist/node_modules/@base-ui/react/esm/menu/item/MenuItem.js +47 -0
  89. package/dist/node_modules/@base-ui/react/esm/menu/item/useMenuItem.js +50 -0
  90. package/dist/node_modules/@base-ui/react/esm/menu/item/useMenuItemCommonProps.js +49 -0
  91. package/dist/node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js +89 -0
  92. package/dist/node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js +24 -0
  93. package/dist/node_modules/@base-ui/react/esm/menu/portal/MenuPortalContext.js +14 -0
  94. package/dist/node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js +174 -0
  95. package/dist/node_modules/@base-ui/react/esm/menu/positioner/MenuPositionerContext.js +14 -0
  96. package/dist/node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js +45 -0
  97. package/dist/node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroupContext.js +14 -0
  98. package/dist/node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItem.js +75 -0
  99. package/dist/node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItemContext.js +14 -0
  100. package/dist/node_modules/@base-ui/react/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js +44 -0
  101. package/dist/node_modules/@base-ui/react/esm/menu/root/MenuRoot.js +271 -0
  102. package/dist/node_modules/@base-ui/react/esm/menu/root/MenuRootContext.js +14 -0
  103. package/dist/node_modules/@base-ui/react/esm/menu/store/MenuStore.js +109 -0
  104. package/dist/node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.js +21 -0
  105. package/dist/node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRootContext.js +10 -0
  106. package/dist/node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.js +101 -0
  107. package/dist/node_modules/@base-ui/react/esm/menu/trigger/MenuTrigger.js +207 -0
  108. package/dist/node_modules/@base-ui/react/esm/menu/utils/findRootOwnerId.js +10 -0
  109. package/dist/node_modules/@base-ui/react/esm/menu/utils/stateAttributesMapping.js +15 -0
  110. package/dist/node_modules/@base-ui/react/esm/menubar/MenubarContext.js +10 -0
  111. package/dist/node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js +11 -11
  112. package/dist/node_modules/@base-ui/react/esm/popover/store/PopoverStore.js +7 -7
  113. package/dist/node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js +11 -11
  114. package/dist/node_modules/@base-ui/react/esm/utils/constants.js +11 -10
  115. package/dist/node_modules/@base-ui/react/esm/utils/reason-parts.js +11 -8
  116. package/dist/node_modules/@base-ui/react/esm/utils/useMixedToggleClickHandler.js +25 -0
  117. package/dist/node_modules/@base-ui/utils/esm/detectBrowser.js +7 -8
  118. package/dist/node_modules/@base-ui/utils/esm/fastHooks.js +43 -0
  119. package/dist/node_modules/@base-ui/utils/esm/store/useStore.js +54 -13
  120. package/dist/package.json +4 -5
  121. package/package.json +4 -5
@@ -1,76 +1,78 @@
1
- import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
- import { useDisabledContext as u, cn as x } from "../../../libs/utils-shared/dist/index.js";
3
- import { Slot as b, Slottable as T } from "@radix-ui/react-slot";
4
- import { cva as z } from "class-variance-authority";
5
- import { baseButtonVariants as g } from "../Button/BaseButton.js";
6
- import { ChevronDown as v } from "../../Symbols/Icons/ChevronDown.js";
7
- const N = z("gap-8 body-2-semi-bold", {
1
+ import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
+ import { useDisabledContext as h, cn as u } from "../../../libs/utils-shared/dist/index.js";
3
+ import { Slot as S, Slottable as x } from "@radix-ui/react-slot";
4
+ import { cva as C } from "class-variance-authority";
5
+ import { baseButtonVariants as b } from "../Button/BaseButton.js";
6
+ import { ChevronDown as z } from "../../Symbols/Icons/ChevronDown.js";
7
+ const y = C("gap-8 body-2-semi-bold", {
8
8
  variants: {
9
9
  size: {
10
10
  sm: "",
11
11
  md: ""
12
12
  },
13
- iconType: {
13
+ leadingContentShape: {
14
14
  flat: "",
15
15
  rounded: "",
16
16
  none: ""
17
17
  }
18
18
  },
19
19
  compoundVariants: [
20
- { size: "md", iconType: "flat", class: "px-16 py-12" },
21
- { size: "md", iconType: "rounded", class: "py-8 pr-16 pl-8" },
22
- { size: "md", iconType: "none", class: "px-16 py-14" },
23
- { size: "sm", iconType: "flat", class: "px-12 py-10" },
24
- { size: "sm", iconType: "rounded", class: "py-8 pr-10 pl-8" },
25
- { size: "sm", iconType: "none", class: "px-12 py-10" }
20
+ { size: "md", leadingContentShape: "flat", class: "px-16 py-12" },
21
+ { size: "md", leadingContentShape: "rounded", class: "py-8 pr-16 pl-8" },
22
+ { size: "md", leadingContentShape: "none", class: "px-16 py-14" },
23
+ { size: "sm", leadingContentShape: "flat", class: "px-12 py-10" },
24
+ { size: "sm", leadingContentShape: "rounded", class: "py-8 pr-10 pl-8" },
25
+ { size: "sm", leadingContentShape: "none", class: "px-12 py-10" }
26
26
  ],
27
27
  defaultVariants: {
28
28
  size: "md",
29
- iconType: "none"
29
+ leadingContentShape: "none"
30
30
  }
31
- }), S = ({
31
+ }), k = ({
32
32
  ref: i,
33
- className: p,
34
- appearance: l = "gray",
35
- size: r = "md",
36
- disabled: m = !1,
33
+ className: l,
34
+ appearance: p = "gray",
35
+ size: m = "md",
36
+ disabled: r = !1,
37
37
  asChild: n = !1,
38
- icon: s,
39
- iconType: c = "flat",
40
- hideChevron: d = !1,
41
- children: o,
38
+ leadingContent: a,
39
+ leadingContentShape: d = "flat",
40
+ hideChevron: c = !1,
41
+ children: s,
42
42
  ...f
43
43
  }) => {
44
- const a = u({
44
+ const t = h({
45
45
  consumerName: "MediaButton",
46
- mergeWith: { disabled: m }
47
- }), y = s ? c : "none";
48
- return /* @__PURE__ */ t(
49
- n ? b : "button",
46
+ mergeWith: { disabled: r }
47
+ }), g = a ? d : "none";
48
+ return /* @__PURE__ */ o(
49
+ n ? S : "button",
50
50
  {
51
51
  ref: i,
52
- className: x(
53
- g({
54
- appearance: l,
55
- disabled: a,
52
+ className: u(
53
+ b({
54
+ appearance: p,
55
+ disabled: t,
56
56
  loading: !1
57
57
  }),
58
- N({ size: r, iconType: y }),
59
- p
58
+ y({
59
+ size: m,
60
+ leadingContentShape: g
61
+ }),
62
+ l
60
63
  ),
61
- "data-disabled": a || void 0,
62
- disabled: a,
64
+ disabled: t,
63
65
  ...f,
64
66
  children: [
65
- s && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center", children: s }),
66
- /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
67
- n ? /* @__PURE__ */ e(T, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
68
- !d && /* @__PURE__ */ e(v, { size: 20 })
67
+ a && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center", children: a }),
68
+ /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
69
+ n ? /* @__PURE__ */ e(x, { children: s }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: s }),
70
+ !c && /* @__PURE__ */ e(z, { size: 20 })
69
71
  ] })
70
72
  ]
71
73
  }
72
74
  );
73
75
  };
74
76
  export {
75
- S as MediaButton
77
+ k as MediaButton
76
78
  };
@@ -12,19 +12,19 @@ export type MediaButtonProps = {
12
12
  */
13
13
  size?: 'sm' | 'md';
14
14
  /**
15
- * An optional pre-rendered icon to display as leading content.
15
+ * An optional leading content, usually a pre-rendered icon.
16
16
  * Consumer is responsible for sizing the icon (typically 20px).
17
17
  */
18
- icon?: ReactNode;
18
+ leadingContent?: ReactNode;
19
19
  /**
20
- * Determines the padding scheme when an icon is present.
20
+ * Determines the padding scheme when `leadingContent` is present.
21
21
  * - `'flat'`: Standard padding for line/interface icons.
22
22
  * - `'rounded'`: Tighter left padding for circular icons with their own background (e.g., crypto icons).
23
23
  *
24
- * Only relevant when `icon` is provided.
24
+ * Only relevant when `leadingContent` is provided.
25
25
  * @default 'flat'
26
26
  */
27
- iconType?: 'flat' | 'rounded';
27
+ leadingContentShape?: 'flat' | 'rounded';
28
28
  /**
29
29
  * When true, hides the trailing chevron indicator.
30
30
  * @default false
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,eAAe,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC,GAC7D,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,eAAe,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC,GAC7D,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}
@@ -16,5 +16,5 @@ export declare const fontSizeMap: Record<MediaImageSize, number>;
16
16
  * <MediaImage fallback="Bitcoin" size={32} />
17
17
  * <MediaImage loading size={32} />
18
18
  */
19
- export declare const MediaImage: ({ ref, className, src, alt, size, shape, imgLoading, fallback, loading, ...props }: MediaImageProps) => import("react/jsx-runtime").JSX.Element;
19
+ export declare const MediaImage: ({ ref, className, src, alt, size, shape, imgLoading, fallback, loading, disabled: disabledProp, ...props }: MediaImageProps) => import("react/jsx-runtime").JSX.Element;
20
20
  //# sourceMappingURL=MediaImage.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAUtD,CAAC;AA2BF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,oFAWxB,eAAe,4CAyCjB,CAAC"}
1
+ {"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAWtD,CAAC;AAgCF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,4GAYxB,eAAe,4CAgDjB,CAAC"}
@@ -1,9 +1,9 @@
1
- import { jsxs as p, jsx as r } from "react/jsx-runtime";
2
- import { cn as z } from "../../../libs/utils-shared/dist/index.js";
3
- import { cva as h } from "class-variance-authority";
4
- import { useState as x, useEffect as g } from "react";
5
- import { Skeleton as v } from "../Skeleton/Skeleton.js";
6
- const N = {
1
+ import { jsxs as h, jsx as s } from "react/jsx-runtime";
2
+ import { useDisabledContext as x, cn as b } from "../../../libs/utils-shared/dist/index.js";
3
+ import { cva as g } from "class-variance-authority";
4
+ import { useState as v, useEffect as N } from "react";
5
+ import { Skeleton as j } from "../Skeleton/Skeleton.js";
6
+ const S = {
7
7
  12: 10,
8
8
  16: 10,
9
9
  20: 12,
@@ -12,9 +12,10 @@ const N = {
12
12
  40: 18,
13
13
  48: 24,
14
14
  56: 24,
15
- 64: 24
16
- }, b = {
17
- root: h(
15
+ 64: 24,
16
+ 72: 32
17
+ }, y = {
18
+ root: g(
18
19
  "relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-muted outline-1 -outline-offset-1 outline-icon",
19
20
  {
20
21
  variants: {
@@ -27,57 +28,69 @@ const N = {
27
28
  40: "size-40 rounded-md",
28
29
  48: "size-48 rounded-md",
29
30
  56: "size-56 rounded-lg",
30
- 64: "size-64 rounded-lg"
31
+ 64: "size-64 rounded-lg",
32
+ 72: "size-72 rounded-lg"
31
33
  },
32
34
  shape: {
33
35
  square: "",
34
36
  circle: "rounded-full"
37
+ },
38
+ disabled: {
39
+ true: "opacity-30",
40
+ false: ""
35
41
  }
36
42
  }
37
43
  }
38
44
  )
39
- }, I = ({
40
- ref: a,
41
- className: d,
42
- src: s,
45
+ }, k = ({
46
+ ref: d,
47
+ className: n,
48
+ src: r,
43
49
  alt: l,
44
- size: i = 48,
50
+ size: a = 48,
45
51
  shape: u = "square",
46
52
  imgLoading: m = "eager",
47
53
  fallback: t,
48
54
  loading: e = !1,
49
- ...c
55
+ disabled: c = !1,
56
+ ...f
50
57
  }) => {
51
- const [f, n] = x(!1), o = !s || f;
52
- return g(() => {
53
- n(!1);
54
- }, [s]), /* @__PURE__ */ p(
58
+ const [p, i] = v(!1), o = !r || p, z = x({
59
+ consumerName: "MediaImage",
60
+ mergeWith: { disabled: c }
61
+ });
62
+ return N(() => {
63
+ i(!1);
64
+ }, [r]), /* @__PURE__ */ h(
55
65
  "div",
56
66
  {
57
- ref: a,
58
- className: z(b.root({ size: i, shape: u }), d),
67
+ ref: d,
68
+ className: b(
69
+ y.root({ size: a, shape: u, disabled: z }),
70
+ n
71
+ ),
59
72
  role: "img",
60
73
  "aria-label": l,
61
- ...c,
74
+ ...f,
62
75
  children: [
63
- e && /* @__PURE__ */ r(v, { className: "absolute inset-0" }),
64
- !e && o && t && /* @__PURE__ */ r(
76
+ e && /* @__PURE__ */ s(j, { className: "absolute inset-0" }),
77
+ !e && o && t && /* @__PURE__ */ s(
65
78
  "span",
66
79
  {
67
80
  className: "text-base select-none",
68
- style: { fontSize: N[i] },
81
+ style: { fontSize: S[a] },
69
82
  "aria-hidden": "true",
70
83
  children: t[0]?.toUpperCase()
71
84
  }
72
85
  ),
73
- !e && o && !t && /* @__PURE__ */ r("span", { className: "text-muted select-none", "aria-hidden": "true" }),
74
- !e && !o && /* @__PURE__ */ r(
86
+ !e && o && !t && /* @__PURE__ */ s("span", { className: "text-muted select-none", "aria-hidden": "true" }),
87
+ !e && !o && /* @__PURE__ */ s(
75
88
  "img",
76
89
  {
77
- src: s,
90
+ src: r,
78
91
  alt: "",
79
92
  loading: m,
80
- onError: () => n(!0),
93
+ onError: () => i(!0),
81
94
  className: "size-full object-cover",
82
95
  "aria-hidden": "true"
83
96
  }
@@ -87,6 +100,6 @@ const N = {
87
100
  );
88
101
  };
89
102
  export {
90
- I as MediaImage,
91
- N as fontSizeMap
103
+ k as MediaImage,
104
+ S as fontSizeMap
92
105
  };
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithRef } from 'react';
2
- export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64;
2
+ export type MediaImageSize = 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72;
3
3
  export type MediaImageShape = 'square' | 'circle';
4
4
  export type MediaImageProps = {
5
5
  /**
@@ -41,6 +41,12 @@ export type MediaImageProps = {
41
41
  * @default false
42
42
  */
43
43
  loading?: boolean;
44
+ /**
45
+ * Shows a disabled appearance.
46
+ * @optional
47
+ * @default false
48
+ */
49
+ disabled?: boolean;
44
50
  /**
45
51
  * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
46
52
  * @optional
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE7E,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
@@ -1,21 +1,16 @@
1
- import { ComponentProps, ComponentRef, Ref } from 'react';
2
- import { MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuLabelProps, MenuSeparatorProps, MenuSubTriggerProps, MenuSubContentProps, MenuGroupProps, MenuRadioGroupProps } from './types';
3
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
1
+ import { MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuLabelProps, MenuSeparatorProps, MenuSubTriggerProps, MenuSubContentProps, MenuGroupProps, MenuRadioGroupProps, MenuSubProps } from './types';
4
2
  declare function Menu({ ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
5
- declare const MenuTrigger: ({ ref, ...props }: MenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const MenuTrigger: ({ ref, render, className, ...props }: MenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
6
4
  declare function MenuGroup({ ...props }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
7
- declare function MenuPortal({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
8
- declare function MenuSub({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
9
- declare function MenuRadioGroup({ ...props }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
10
- declare const MenuSubTrigger: ({ ref, className, inset, children, ...props }: MenuSubTriggerProps) => import("react/jsx-runtime").JSX.Element;
11
- declare const MenuSubContent: ({ ref, className, ...props }: MenuSubContentProps) => import("react/jsx-runtime").JSX.Element;
12
- declare const MenuContent: ({ ref, className, sideOffset, align, ...props }: MenuContentProps) => import("react/jsx-runtime").JSX.Element;
13
- declare const MenuItem: ({ ref, className, inset, disabled: disabledProp, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
14
- declare const MenuCheckboxItem: ({ ref, className, children, checked, disabled: disabledProp, ...props }: MenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
5
+ declare function MenuSub({ ...props }: MenuSubProps): import("react/jsx-runtime").JSX.Element;
6
+ declare function MenuRadioGroup({ onValueChange, ...props }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
7
+ declare const MenuSubTrigger: ({ ref, className, children, ...props }: MenuSubTriggerProps) => import("react/jsx-runtime").JSX.Element;
8
+ declare const MenuSubContent: ({ className, children }: MenuSubContentProps) => import("react/jsx-runtime").JSX.Element;
9
+ declare const MenuContent: ({ side, sideOffset, align, alignOffset, sticky, className, children, }: MenuContentProps) => import("react/jsx-runtime").JSX.Element;
10
+ declare const MenuItem: ({ ref, className, disabled: disabledProp, onClick, label, closeOnClick, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
11
+ declare const MenuCheckboxItem: ({ ref, className, children, checked, defaultChecked, onCheckedChange, disabled: disabledProp, label, closeOnClick, ...props }: MenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
15
12
  declare const MenuRadioItem: ({ ref, className, children, disabled: disabledProp, ...props }: MenuRadioItemProps) => import("react/jsx-runtime").JSX.Element;
16
- declare const MenuLabel: ({ ref, className, inset, ...props }: MenuLabelProps & {
17
- ref?: Ref<ComponentRef<typeof DropdownMenuPrimitive.Label>>;
18
- }) => import("react/jsx-runtime").JSX.Element;
13
+ declare const MenuLabel: ({ ref, className, ...props }: MenuLabelProps) => import("react/jsx-runtime").JSX.Element;
19
14
  declare const MenuSeparator: ({ ref, className, ...props }: MenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
20
- export { Menu, MenuTrigger, MenuContent, MenuItem, MenuCheckboxItem, MenuRadioItem, MenuLabel, MenuSeparator, MenuGroup, MenuPortal, MenuSub, MenuSubContent, MenuSubTrigger, MenuRadioGroup, };
15
+ export { Menu, MenuTrigger, MenuContent, MenuItem, MenuCheckboxItem, MenuRadioItem, MenuLabel, MenuSeparator, MenuGroup, MenuSub, MenuSubContent, MenuSubTrigger, MenuRadioGroup, };
21
16
  //# sourceMappingURL=Menu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG/D,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,mBAAmB,gBAAgB,4CAMvD,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAElD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc,GAAI,+CAMrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,8BAA8B,mBAAmB,4CAOxE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,iDAMlB,gBAAgB,4CAkBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,6DAMf,aAAa,4CAiBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,yEAOvB,qBAAqB,4CAyBvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,gEAMpB,kBAAkB,4CAwBpB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,qCAKhB,cAAc,GAAG;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;CAC7D,4CAOA,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,8BAA8B,kBAAkB,4CAEtE,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}
1
+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACb,MAAM,SAAS,CAAC;AAmDjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,sCAKlB,gBAAgB,4CAQlB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAE1C;AAED,iBAAS,cAAc,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAQvE;AAED,QAAA,MAAM,cAAc,GAAI,wCAKrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAYnE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,wEAQlB,gBAAgB,4CAmBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,oFAQf,aAAa,4CAoBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,+HAWvB,qBAAqB,4CA6BvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,gEAMpB,kBAAkB,4CAwBpB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CAO9D,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,8BAA8B,kBAAkB,4CAEtE,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}