@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.
- package/dist/index.js +108 -109
- package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts +1 -1
- package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
- package/dist/lib/Components/AmountDisplay/AmountDisplay.js +117 -78
- package/dist/lib/Components/AmountDisplay/index.d.ts +1 -1
- package/dist/lib/Components/AmountDisplay/index.d.ts.map +1 -1
- package/dist/lib/Components/AmountDisplay/types.d.ts +16 -3
- package/dist/lib/Components/AmountDisplay/types.d.ts.map +1 -1
- package/dist/lib/Components/AmountInput/AmountInput.d.ts +1 -1
- package/dist/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/lib/Components/AmountInput/AmountInput.js +127 -77
- package/dist/lib/Components/AmountInput/types.d.ts +12 -0
- package/dist/lib/Components/AmountInput/types.d.ts.map +1 -1
- package/dist/lib/Components/Avatar/Avatar.d.ts +1 -1
- package/dist/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/lib/Components/Avatar/Avatar.js +47 -60
- package/dist/lib/Components/Button/BaseButton.d.ts +2 -2
- package/dist/lib/Components/Button/Button.js +10 -10
- package/dist/lib/Components/Card/Card.js +12 -12
- package/dist/lib/Components/DataTable/DataTable.js +2 -2
- package/dist/lib/Components/Divider/Divider.js +4 -4
- package/dist/lib/Components/DotCount/DotCount.js +4 -4
- package/dist/lib/Components/DotIcon/DotIcon.d.ts +3 -2
- package/dist/lib/Components/DotIcon/DotIcon.d.ts.map +1 -1
- package/dist/lib/Components/DotIcon/DotIcon.js +55 -40
- package/dist/lib/Components/DotIcon/types.d.ts +7 -1
- package/dist/lib/Components/DotIcon/types.d.ts.map +1 -1
- package/dist/lib/Components/DotIndicator/DotIndicator.js +14 -14
- package/dist/lib/Components/DotIndicator/types.d.ts +2 -2
- package/dist/lib/Components/DotSymbol/DotSymbol.d.ts +1 -1
- package/dist/lib/Components/DotSymbol/DotSymbol.d.ts.map +1 -1
- package/dist/lib/Components/DotSymbol/DotSymbol.js +50 -35
- package/dist/lib/Components/DotSymbol/types.d.ts +7 -1
- package/dist/lib/Components/DotSymbol/types.d.ts.map +1 -1
- package/dist/lib/Components/Icon/Icon.js +4 -4
- package/dist/lib/Components/Icon/createIcon.js +4 -4
- package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +4 -4
- package/dist/lib/Components/Link/Link.js +6 -6
- package/dist/lib/Components/ListItem/ListItem.js +3 -3
- package/dist/lib/Components/MediaButton/MediaButton.d.ts +3 -3
- package/dist/lib/Components/MediaButton/MediaButton.d.ts.map +1 -1
- package/dist/lib/Components/MediaButton/MediaButton.js +44 -42
- package/dist/lib/Components/MediaButton/types.d.ts +5 -5
- package/dist/lib/Components/MediaButton/types.d.ts.map +1 -1
- package/dist/lib/Components/MediaImage/MediaImage.d.ts +1 -1
- package/dist/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
- package/dist/lib/Components/MediaImage/MediaImage.js +45 -32
- package/dist/lib/Components/MediaImage/types.d.ts +7 -1
- package/dist/lib/Components/MediaImage/types.d.ts.map +1 -1
- package/dist/lib/Components/Menu/Menu.d.ts +11 -16
- package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
- package/dist/lib/Components/Menu/Menu.js +186 -125
- package/dist/lib/Components/Menu/types.d.ts +50 -145
- package/dist/lib/Components/Menu/types.d.ts.map +1 -1
- package/dist/lib/Components/NavBar/CoinCapsule.d.ts +2 -2
- package/dist/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -1
- package/dist/lib/Components/NavBar/CoinCapsule.js +1 -1
- package/dist/lib/Components/NavBar/NavBar.d.ts +4 -4
- package/dist/lib/Components/NavBar/NavBar.d.ts.map +1 -1
- package/dist/lib/Components/NavBar/NavBar.js +34 -26
- package/dist/lib/Components/NavBar/types.d.ts +2 -2
- package/dist/lib/Components/NavBar/types.d.ts.map +1 -1
- package/dist/lib/Components/Popover/Popover.d.ts +2 -2
- package/dist/lib/Components/Popover/Popover.js +6 -6
- package/dist/lib/Components/Popover/types.d.ts +6 -3
- package/dist/lib/Components/Popover/types.d.ts.map +1 -1
- package/dist/lib/Components/SideBar/SideBar.js +9 -9
- package/dist/lib/Components/Skeleton/Skeleton.js +4 -4
- package/dist/lib/Components/Table/Table.js +1 -1
- package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js +3 -3
- package/dist/lib/Symbols/Icons/Lightbulb.js +3 -3
- package/dist/libs/utils-shared/dist/index.js +107 -107
- package/dist/node_modules/@base-ui/react/esm/composite/item/CompositeItem.js +30 -0
- package/dist/node_modules/@base-ui/react/esm/composite/item/useCompositeItem.js +34 -0
- package/dist/node_modules/@base-ui/react/esm/context-menu/root/ContextMenuRootContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/components/FloatingFocusManager.js +10 -10
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useFocus.js +97 -0
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverFloatingInteraction.js +10 -10
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/hooks/useHoverReferenceInteraction.js +2 -2
- package/dist/node_modules/@base-ui/react/esm/floating-ui-react/utils/element.js +31 -20
- package/dist/node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItem.js +78 -0
- package/dist/node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItemContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItemDataAttributes.js +6 -0
- package/dist/node_modules/@base-ui/react/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js +44 -0
- package/dist/node_modules/@base-ui/react/esm/menu/group/MenuGroup.js +28 -0
- package/dist/node_modules/@base-ui/react/esm/menu/group/MenuGroupContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/menu/group-label/MenuGroupLabel.js +29 -0
- package/dist/node_modules/@base-ui/react/esm/menu/item/MenuItem.js +47 -0
- package/dist/node_modules/@base-ui/react/esm/menu/item/useMenuItem.js +50 -0
- package/dist/node_modules/@base-ui/react/esm/menu/item/useMenuItemCommonProps.js +49 -0
- package/dist/node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js +89 -0
- package/dist/node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js +24 -0
- package/dist/node_modules/@base-ui/react/esm/menu/portal/MenuPortalContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js +174 -0
- package/dist/node_modules/@base-ui/react/esm/menu/positioner/MenuPositionerContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js +45 -0
- package/dist/node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroupContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItem.js +75 -0
- package/dist/node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItemContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js +44 -0
- package/dist/node_modules/@base-ui/react/esm/menu/root/MenuRoot.js +271 -0
- package/dist/node_modules/@base-ui/react/esm/menu/root/MenuRootContext.js +14 -0
- package/dist/node_modules/@base-ui/react/esm/menu/store/MenuStore.js +109 -0
- package/dist/node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.js +21 -0
- package/dist/node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRootContext.js +10 -0
- package/dist/node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.js +101 -0
- package/dist/node_modules/@base-ui/react/esm/menu/trigger/MenuTrigger.js +207 -0
- package/dist/node_modules/@base-ui/react/esm/menu/utils/findRootOwnerId.js +10 -0
- package/dist/node_modules/@base-ui/react/esm/menu/utils/stateAttributesMapping.js +15 -0
- package/dist/node_modules/@base-ui/react/esm/menubar/MenubarContext.js +10 -0
- package/dist/node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js +11 -11
- package/dist/node_modules/@base-ui/react/esm/popover/store/PopoverStore.js +7 -7
- package/dist/node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js +11 -11
- package/dist/node_modules/@base-ui/react/esm/utils/constants.js +11 -10
- package/dist/node_modules/@base-ui/react/esm/utils/reason-parts.js +11 -8
- package/dist/node_modules/@base-ui/react/esm/utils/useMixedToggleClickHandler.js +25 -0
- package/dist/node_modules/@base-ui/utils/esm/detectBrowser.js +7 -8
- package/dist/node_modules/@base-ui/utils/esm/fastHooks.js +43 -0
- package/dist/node_modules/@base-ui/utils/esm/store/useStore.js +54 -13
- package/dist/package.json +4 -5
- package/package.json +4 -5
|
@@ -1,76 +1,78 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useDisabledContext as
|
|
3
|
-
import { Slot as
|
|
4
|
-
import { cva as
|
|
5
|
-
import { baseButtonVariants as
|
|
6
|
-
import { ChevronDown as
|
|
7
|
-
const
|
|
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
|
-
|
|
13
|
+
leadingContentShape: {
|
|
14
14
|
flat: "",
|
|
15
15
|
rounded: "",
|
|
16
16
|
none: ""
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
compoundVariants: [
|
|
20
|
-
{ size: "md",
|
|
21
|
-
{ size: "md",
|
|
22
|
-
{ size: "md",
|
|
23
|
-
{ size: "sm",
|
|
24
|
-
{ size: "sm",
|
|
25
|
-
{ size: "sm",
|
|
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
|
-
|
|
29
|
+
leadingContentShape: "none"
|
|
30
30
|
}
|
|
31
|
-
}),
|
|
31
|
+
}), k = ({
|
|
32
32
|
ref: i,
|
|
33
|
-
className:
|
|
34
|
-
appearance:
|
|
35
|
-
size:
|
|
36
|
-
disabled:
|
|
33
|
+
className: l,
|
|
34
|
+
appearance: p = "gray",
|
|
35
|
+
size: m = "md",
|
|
36
|
+
disabled: r = !1,
|
|
37
37
|
asChild: n = !1,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
hideChevron:
|
|
41
|
-
children:
|
|
38
|
+
leadingContent: a,
|
|
39
|
+
leadingContentShape: d = "flat",
|
|
40
|
+
hideChevron: c = !1,
|
|
41
|
+
children: s,
|
|
42
42
|
...f
|
|
43
43
|
}) => {
|
|
44
|
-
const
|
|
44
|
+
const t = h({
|
|
45
45
|
consumerName: "MediaButton",
|
|
46
|
-
mergeWith: { disabled:
|
|
47
|
-
}),
|
|
48
|
-
return /* @__PURE__ */
|
|
49
|
-
n ?
|
|
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:
|
|
53
|
-
|
|
54
|
-
appearance:
|
|
55
|
-
disabled:
|
|
52
|
+
className: u(
|
|
53
|
+
b({
|
|
54
|
+
appearance: p,
|
|
55
|
+
disabled: t,
|
|
56
56
|
loading: !1
|
|
57
57
|
}),
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
y({
|
|
59
|
+
size: m,
|
|
60
|
+
leadingContentShape: g
|
|
61
|
+
}),
|
|
62
|
+
l
|
|
60
63
|
),
|
|
61
|
-
|
|
62
|
-
disabled: a,
|
|
64
|
+
disabled: t,
|
|
63
65
|
...f,
|
|
64
66
|
children: [
|
|
65
|
-
|
|
66
|
-
/* @__PURE__ */
|
|
67
|
-
n ? /* @__PURE__ */ e(
|
|
68
|
-
!
|
|
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
|
-
|
|
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
|
|
15
|
+
* An optional leading content, usually a pre-rendered icon.
|
|
16
16
|
* Consumer is responsible for sizing the icon (typically 20px).
|
|
17
17
|
*/
|
|
18
|
-
|
|
18
|
+
leadingContent?: ReactNode;
|
|
19
19
|
/**
|
|
20
|
-
* Determines the padding scheme when
|
|
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 `
|
|
24
|
+
* Only relevant when `leadingContent` is provided.
|
|
25
25
|
* @default 'flat'
|
|
26
26
|
*/
|
|
27
|
-
|
|
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,
|
|
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,
|
|
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
|
|
2
|
-
import { cn as
|
|
3
|
-
import { cva as
|
|
4
|
-
import { useState as
|
|
5
|
-
import { Skeleton as
|
|
6
|
-
const
|
|
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
|
-
|
|
17
|
-
|
|
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
|
-
},
|
|
40
|
-
ref:
|
|
41
|
-
className:
|
|
42
|
-
src:
|
|
45
|
+
}, k = ({
|
|
46
|
+
ref: d,
|
|
47
|
+
className: n,
|
|
48
|
+
src: r,
|
|
43
49
|
alt: l,
|
|
44
|
-
size:
|
|
50
|
+
size: a = 48,
|
|
45
51
|
shape: u = "square",
|
|
46
52
|
imgLoading: m = "eager",
|
|
47
53
|
fallback: t,
|
|
48
54
|
loading: e = !1,
|
|
49
|
-
|
|
55
|
+
disabled: c = !1,
|
|
56
|
+
...f
|
|
50
57
|
}) => {
|
|
51
|
-
const [
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
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:
|
|
58
|
-
className:
|
|
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
|
-
...
|
|
74
|
+
...f,
|
|
62
75
|
children: [
|
|
63
|
-
e && /* @__PURE__ */
|
|
64
|
-
!e && o && t && /* @__PURE__ */
|
|
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:
|
|
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__ */
|
|
74
|
-
!e && !o && /* @__PURE__ */
|
|
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:
|
|
90
|
+
src: r,
|
|
78
91
|
alt: "",
|
|
79
92
|
loading: m,
|
|
80
|
-
onError: () =>
|
|
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
|
-
|
|
91
|
-
|
|
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;
|
|
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 {
|
|
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
|
|
8
|
-
declare function
|
|
9
|
-
declare
|
|
10
|
-
declare const
|
|
11
|
-
declare const
|
|
12
|
-
declare const
|
|
13
|
-
declare const
|
|
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,
|
|
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,
|
|
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":"
|
|
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"}
|