@ledgerhq/lumen-ui-react 0.1.57 → 0.1.59

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 (98) hide show
  1. package/dist/index.js +34 -34
  2. package/dist/lib/Components/core/AmountInput/useAmountInputValue/useAmountInputValue.js +6 -6
  3. package/dist/lib/Components/core/Avatar/Avatar.d.ts.map +1 -1
  4. package/dist/lib/Components/core/Avatar/Avatar.js +31 -35
  5. package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts +9 -0
  6. package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts.map +1 -1
  7. package/dist/lib/Components/core/Avatar/resolveAvatarColor.js +23 -5
  8. package/dist/lib/Components/core/Banner/Banner.js +25 -25
  9. package/dist/lib/Components/core/Button/Button.js +4 -4
  10. package/dist/lib/Components/core/Card/Card.js +16 -16
  11. package/dist/lib/Components/core/CardButton/CardButton.js +8 -8
  12. package/dist/lib/Components/core/CardButton/types.d.ts +1 -1
  13. package/dist/lib/Components/core/CardButton/types.d.ts.map +1 -1
  14. package/dist/lib/Components/core/Dialog/Dialog.js +4 -4
  15. package/dist/lib/Components/core/Divider/Divider.js +4 -4
  16. package/dist/lib/Components/core/DotIcon/DotIcon.d.ts +0 -13
  17. package/dist/lib/Components/core/DotIcon/DotIcon.d.ts.map +1 -1
  18. package/dist/lib/Components/core/DotIcon/DotIcon.js +20 -33
  19. package/dist/lib/Components/core/DotIcon/getDotIconProps.d.ts +66 -0
  20. package/dist/lib/Components/core/DotIcon/getDotIconProps.d.ts.map +1 -0
  21. package/dist/lib/Components/core/DotIcon/getDotIconProps.js +19 -0
  22. package/dist/lib/Components/core/DotIcon/index.d.ts +2 -1
  23. package/dist/lib/Components/core/DotIcon/index.d.ts.map +1 -1
  24. package/dist/lib/Components/core/DotSymbol/DotSymbol.d.ts +1 -5
  25. package/dist/lib/Components/core/DotSymbol/DotSymbol.d.ts.map +1 -1
  26. package/dist/lib/Components/core/DotSymbol/DotSymbol.js +18 -37
  27. package/dist/lib/Components/core/DotSymbol/getDotSymbolProps.d.ts +102 -0
  28. package/dist/lib/Components/core/DotSymbol/getDotSymbolProps.d.ts.map +1 -0
  29. package/dist/lib/Components/core/DotSymbol/getDotSymbolProps.js +25 -0
  30. package/dist/lib/Components/core/DotSymbol/index.d.ts +2 -1
  31. package/dist/lib/Components/core/DotSymbol/index.d.ts.map +1 -1
  32. package/dist/lib/Components/core/IconButton/IconButton.js +5 -5
  33. package/dist/lib/Components/core/Link/Link.js +6 -6
  34. package/dist/lib/Components/core/Link/types.d.ts +1 -1
  35. package/dist/lib/Components/core/Link/types.d.ts.map +1 -1
  36. package/dist/lib/Components/core/ListItem/ListItem.js +8 -8
  37. package/dist/lib/Components/core/MediaBanner/MediaBanner.js +4 -4
  38. package/dist/lib/Components/core/NavBar/CoinCapsule.js +4 -4
  39. package/dist/lib/Components/core/Popover/Popover.js +4 -4
  40. package/dist/lib/Components/core/SearchInput/SearchInput.js +2 -2
  41. package/dist/lib/Components/core/SectionHeader/SectionHeader.js +4 -4
  42. package/dist/lib/Components/core/SegmentedControl/types.d.ts +1 -1
  43. package/dist/lib/Components/core/SegmentedControl/types.d.ts.map +1 -1
  44. package/dist/lib/Components/core/SideBar/types.d.ts +1 -1
  45. package/dist/lib/Components/core/SideBar/types.d.ts.map +1 -1
  46. package/dist/lib/Components/core/Spinner/types.d.ts +1 -1
  47. package/dist/lib/Components/core/Spinner/types.d.ts.map +1 -1
  48. package/dist/lib/Components/core/Spot/Spot.d.ts.map +1 -1
  49. package/dist/lib/Components/core/Spot/Spot.js +65 -54
  50. package/dist/lib/Components/core/Spot/types.d.ts +1 -1
  51. package/dist/lib/Components/core/Spot/types.d.ts.map +1 -1
  52. package/dist/lib/Components/core/Stepper/Stepper.js +10 -10
  53. package/dist/lib/Components/core/Switch/Switch.js +4 -4
  54. package/dist/lib/Components/core/Tag/types.d.ts +1 -1
  55. package/dist/lib/Components/core/Tag/types.d.ts.map +1 -1
  56. package/dist/lib/Components/core/TileButton/types.d.ts +1 -1
  57. package/dist/lib/Components/core/TileButton/types.d.ts.map +1 -1
  58. package/dist/lib/Components/core/Tooltip/Tooltip.d.ts +0 -8
  59. package/dist/lib/Components/core/Tooltip/Tooltip.d.ts.map +1 -1
  60. package/dist/lib/Components/core/Tooltip/Tooltip.js +4 -4
  61. package/dist/lib/Components/internal/BaseButton/BaseButton.d.ts +1 -1
  62. package/dist/lib/Components/internal/BaseButton/BaseButton.js +12 -12
  63. package/dist/lib/Components/internal/BaseButton/types.d.ts +1 -1
  64. package/dist/lib/Components/internal/BaseButton/types.d.ts.map +1 -1
  65. package/dist/lib/Components/internal/BaseInput/BaseInput.js +12 -12
  66. package/dist/lib/Components/internal/BaseInput/BaseInputMultiline.js +10 -10
  67. package/dist/lib/Components/internal/BaseTag/BaseTag.js +19 -19
  68. package/dist/lib/Components/symbols/Icon/createIcon.js +3 -3
  69. package/dist/lib/Components/symbols/icons/CloudSync.d.ts +29 -0
  70. package/dist/lib/Components/symbols/icons/CloudSync.d.ts.map +1 -0
  71. package/dist/lib/Components/symbols/icons/CloudSync.js +28 -0
  72. package/dist/lib/Components/symbols/icons/Dollar.d.ts.map +1 -1
  73. package/dist/lib/Components/symbols/icons/Dollar.js +26 -14
  74. package/dist/lib/Components/symbols/icons/DollarConvert.js +3 -3
  75. package/dist/lib/Components/symbols/icons/DollarFill.d.ts +29 -0
  76. package/dist/lib/Components/symbols/icons/DollarFill.d.ts.map +1 -0
  77. package/dist/lib/Components/symbols/icons/DollarFill.js +25 -0
  78. package/dist/lib/Components/symbols/icons/FaceId.d.ts +29 -0
  79. package/dist/lib/Components/symbols/icons/FaceId.d.ts.map +1 -0
  80. package/dist/lib/Components/symbols/icons/FaceId.js +28 -0
  81. package/dist/lib/Components/symbols/icons/Fingerprint.d.ts +29 -0
  82. package/dist/lib/Components/symbols/icons/Fingerprint.d.ts.map +1 -0
  83. package/dist/lib/Components/symbols/icons/Fingerprint.js +28 -0
  84. package/dist/lib/Components/symbols/icons/Pause.d.ts.map +1 -1
  85. package/dist/lib/Components/symbols/icons/Pause.js +8 -7
  86. package/dist/lib/Components/symbols/icons/Range.d.ts.map +1 -1
  87. package/dist/lib/Components/symbols/icons/Range.js +8 -11
  88. package/dist/lib/Components/symbols/icons/Telegram.d.ts.map +1 -1
  89. package/dist/lib/Components/symbols/icons/Telegram.js +15 -12
  90. package/dist/lib/Components/symbols/icons/Usb.js +1 -1
  91. package/dist/lib/Components/symbols/index.d.ts +4 -0
  92. package/dist/lib/Components/symbols/index.d.ts.map +1 -1
  93. package/dist/lib/Components/symbols/index.js +482 -474
  94. package/dist/lib/Components/visualization/DonutChart/DonutChartCenter.js +2 -2
  95. package/dist/lib/Components/visualization/Legend/Legend.js +4 -4
  96. package/dist/lib/Components/visualization/config.d.ts +22 -22
  97. package/dist/package.json +3 -3
  98. package/package.json +3 -3
@@ -1,8 +1,8 @@
1
1
  import { jsx as o, jsxs as g } from "react/jsx-runtime";
2
- import { createSafeContext as f, cn as n } from "../../../../libs/utils-shared/dist/index.js";
2
+ import { createSafeContext as u, cn as n } from "../../../../libs/utils-shared/dist/index.js";
3
3
  import * as l from "@radix-ui/react-dialog";
4
- import { cva as m } from "class-variance-authority";
5
- const [u, r] = f("Dialog"), x = m(
4
+ import { cva as f } from "class-variance-authority";
5
+ const [m, r] = u("Dialog"), x = f(
6
6
  [
7
7
  "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
8
8
  "fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
@@ -21,7 +21,7 @@ const [u, r] = f("Dialog"), x = m(
21
21
  }
22
22
  );
23
23
  function D({ height: t = "fit", ...a }) {
24
- return /* @__PURE__ */ o(u, { value: { height: t }, children: /* @__PURE__ */ o(l.Root, { "data-slot": "dialog", ...a }) });
24
+ return /* @__PURE__ */ o(m, { value: { height: t }, children: /* @__PURE__ */ o(l.Root, { "data-slot": "dialog", ...a }) });
25
25
  }
26
26
  function C({ ...t }) {
27
27
  return /* @__PURE__ */ o(l.Trigger, { "data-slot": "dialog-trigger", ...t });
@@ -1,17 +1,17 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { cn as l } from "../../../../libs/utils-shared/dist/index.js";
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import { cn as a } from "../../../../libs/utils-shared/dist/index.js";
3
3
  const d = ({
4
4
  ref: o,
5
5
  className: t,
6
6
  orientation: r = "horizontal",
7
7
  ...e
8
- }) => /* @__PURE__ */ a(
8
+ }) => /* @__PURE__ */ l(
9
9
  "div",
10
10
  {
11
11
  ref: o,
12
12
  role: "separator",
13
13
  "aria-orientation": r,
14
- className: l(
14
+ className: a(
15
15
  "border-muted-subtle",
16
16
  r === "horizontal" ? "w-full border-t" : "h-full border-l",
17
17
  t
@@ -1,18 +1,5 @@
1
1
  import { IconSize } from '../../symbols/Icon';
2
2
  import { DotIconProps, DotIconSize } from './types';
3
- export declare const mediaImageDotIconSizeMap: {
4
- readonly 40: 16;
5
- readonly 48: 20;
6
- readonly 56: 24;
7
- readonly 64: 24;
8
- readonly 72: 32;
9
- };
10
- export declare const spotDotIconSizeMap: {
11
- readonly 40: 16;
12
- readonly 48: 20;
13
- readonly 56: 24;
14
- readonly 72: 32;
15
- };
16
3
  export declare const dotIconSizeMap: Record<DotIconSize, IconSize>;
17
4
  /**
18
5
  * A wrapper component that positions a small icon indicator at a configurable
@@ -1 +1 @@
1
- {"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+CrE,eAAO,MAAM,wBAAwB;;;;;;CAMW,CAAC;AAEjD,eAAO,MAAM,kBAAkB;;;;;CAKiB,CAAC;AAEjD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAKxD,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAWjB,YAAY;;CAwBd,CAAC"}
1
+ {"version":3,"file":"DotIcon.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/DotIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+CrE,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAKxD,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;8GAWjB,YAAY;;CAwBd,CAAC"}
@@ -1,15 +1,15 @@
1
1
  import { jsx as e, jsxs as h } from "react/jsx-runtime";
2
- import { useDisabledContext as x, DisabledProvider as v, cn as n } from "../../../../libs/utils-shared/dist/index.js";
3
- import { cva as c } from "class-variance-authority";
2
+ import { useDisabledContext as x, DisabledProvider as v, cn as i } from "../../../../libs/utils-shared/dist/index.js";
3
+ import { cva as d } from "class-variance-authority";
4
4
  import { useMemo as z } from "react";
5
- const g = c("relative inline-flex w-fit", {
5
+ const N = d("relative inline-flex w-fit", {
6
6
  variants: {
7
7
  disabled: {
8
8
  true: "opacity-30",
9
9
  false: ""
10
10
  }
11
11
  }
12
- }), N = c(
12
+ }), g = d(
13
13
  "absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
14
14
  {
15
15
  variants: {
@@ -43,43 +43,32 @@ const g = c("relative inline-flex w-fit", {
43
43
  { shape: "circle", className: "rounded-full" }
44
44
  ]
45
45
  }
46
- ), V = {
47
- 40: 16,
48
- 48: 20,
49
- 56: 24,
50
- 64: 24,
51
- 72: 32
52
- }, w = {
53
- 40: 16,
54
- 48: 20,
55
- 56: 24,
56
- 72: 32
57
- }, D = {
46
+ ), D = {
58
47
  16: 12,
59
48
  20: 16,
60
49
  24: 16,
61
50
  32: 20
62
- }, I = {
51
+ }, q = {
63
52
  "top-start": ["top", "left"],
64
53
  "top-end": ["top", "right"],
65
54
  "bottom-start": ["bottom", "left"],
66
55
  "bottom-end": ["bottom", "right"]
67
- }, i = -3, q = (s) => {
68
- const [t, o] = I[s];
69
- return { [t]: i, [o]: i };
70
- }, M = ({
56
+ }, n = -3, y = (s) => {
57
+ const [t, o] = q[s];
58
+ return { [t]: n, [o]: n };
59
+ }, I = ({
71
60
  children: s,
72
61
  icon: t,
73
62
  appearance: o,
74
63
  pin: a = "bottom-end",
75
64
  size: r = 20,
76
- shape: d = "circle",
65
+ shape: c = "circle",
77
66
  className: l,
78
67
  disabled: m = !1,
79
68
  ref: p,
80
- ...b
69
+ ...u
81
70
  }) => {
82
- const u = z(() => q(a), [a]), f = x({
71
+ const b = z(() => y(a), [a]), f = x({
83
72
  consumerName: "DotIcon",
84
73
  mergeWith: { disabled: m }
85
74
  });
@@ -87,15 +76,15 @@ const g = c("relative inline-flex w-fit", {
87
76
  "div",
88
77
  {
89
78
  ref: p,
90
- className: n(g({ disabled: f, className: l })),
91
- ...b,
79
+ className: i(N({ disabled: f, className: l })),
80
+ ...u,
92
81
  children: [
93
82
  /* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
94
83
  /* @__PURE__ */ e(
95
84
  "div",
96
85
  {
97
- className: n(N({ size: r, shape: d, pin: a, appearance: o })),
98
- style: u,
86
+ className: i(g({ size: r, shape: c, pin: a, appearance: o })),
87
+ style: b,
99
88
  children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
100
89
  }
101
90
  )
@@ -103,10 +92,8 @@ const g = c("relative inline-flex w-fit", {
103
92
  }
104
93
  ) });
105
94
  };
106
- M.displayName = "DotIcon";
95
+ I.displayName = "DotIcon";
107
96
  export {
108
- M as DotIcon,
109
- D as dotIconSizeMap,
110
- V as mediaImageDotIconSizeMap,
111
- w as spotDotIconSizeMap
97
+ I as DotIcon,
98
+ D as dotIconSizeMap
112
99
  };
@@ -0,0 +1,66 @@
1
+ export declare const getDotIconProps: <Context extends "mediaImage" | "spot", Variant extends keyof {
2
+ mediaImage: {
3
+ 40: {
4
+ size: 16;
5
+ };
6
+ 48: {
7
+ size: 20;
8
+ };
9
+ 56: {
10
+ size: 24;
11
+ };
12
+ 64: {
13
+ size: 24;
14
+ };
15
+ 72: {
16
+ size: 32;
17
+ };
18
+ };
19
+ spot: {
20
+ 40: {
21
+ size: 16;
22
+ };
23
+ 48: {
24
+ size: 20;
25
+ };
26
+ 56: {
27
+ size: 24;
28
+ };
29
+ 72: {
30
+ size: 32;
31
+ };
32
+ };
33
+ }[Context]>(context: Context, variant: Variant) => {
34
+ mediaImage: {
35
+ 40: {
36
+ size: 16;
37
+ };
38
+ 48: {
39
+ size: 20;
40
+ };
41
+ 56: {
42
+ size: 24;
43
+ };
44
+ 64: {
45
+ size: 24;
46
+ };
47
+ 72: {
48
+ size: 32;
49
+ };
50
+ };
51
+ spot: {
52
+ 40: {
53
+ size: 16;
54
+ };
55
+ 48: {
56
+ size: 20;
57
+ };
58
+ 56: {
59
+ size: 24;
60
+ };
61
+ 72: {
62
+ size: 32;
63
+ };
64
+ };
65
+ }[Context][Variant];
66
+ //# sourceMappingURL=getDotIconProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getDotIconProps.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/getDotIconProps.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAc1B,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { createPropsResolver as e } from "../../../../libs/utils-shared/dist/index.js";
2
+ const i = e({
3
+ mediaImage: {
4
+ 40: { size: 16 },
5
+ 48: { size: 20 },
6
+ 56: { size: 24 },
7
+ 64: { size: 24 },
8
+ 72: { size: 32 }
9
+ },
10
+ spot: {
11
+ 40: { size: 16 },
12
+ 48: { size: 20 },
13
+ 56: { size: 24 },
14
+ 72: { size: 32 }
15
+ }
16
+ });
17
+ export {
18
+ i as getDotIconProps
19
+ };
@@ -1,3 +1,4 @@
1
- export { DotIcon, dotIconSizeMap, mediaImageDotIconSizeMap, spotDotIconSizeMap, } from './DotIcon';
1
+ export { DotIcon, dotIconSizeMap } from './DotIcon';
2
+ export * from './getDotIconProps';
2
3
  export * from './types';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,WAAW,CAAC;AACnB,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
@@ -1,8 +1,4 @@
1
- import { MediaImageSize } from '../MediaImage';
2
- import { SpotSize } from '../Spot';
3
- import { DotSymbolProps, DotSymbolSize } from './types';
4
- export declare const mediaImageDotSizeMap: Record<MediaImageSize, DotSymbolSize>;
5
- export declare const spotDotSizeMap: Record<SpotSize, DotSymbolSize>;
1
+ import { DotSymbolProps } from './types';
6
2
  /**
7
3
  * A wrapper component that positions a small image indicator at a configurable
8
4
  * corner of a child element like MediaImage or Spot.
@@ -1 +1 @@
1
- {"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,EAAgB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA6D3E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CAW7D,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAMjD,CAAC;AAmBX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;4GAYnB,cAAc;;CAkChB,CAAC"}
1
+ {"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAgB,cAAc,EAAiB,MAAM,SAAS,CAAC;AA8E3E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;4GAYnB,cAAc;;CAkChB,CAAC"}
@@ -1,5 +1,5 @@
1
- import { jsx as o, jsxs as z } from "react/jsx-runtime";
2
- import { useDisabledContext as x, DisabledProvider as N, cn as v } from "../../../../libs/utils-shared/dist/index.js";
1
+ import { jsx as a, jsxs as x } from "react/jsx-runtime";
2
+ import { useDisabledContext as z, DisabledProvider as N, cn as v } from "../../../../libs/utils-shared/dist/index.js";
3
3
  import { cva as d } from "class-variance-authority";
4
4
  import { useMemo as g, useState as q, useEffect as y } from "react";
5
5
  const D = d("relative inline-flex w-fit", {
@@ -47,7 +47,7 @@ const D = d("relative inline-flex w-fit", {
47
47
  { shape: "circle", className: "rounded-full" }
48
48
  ]
49
49
  }
50
- ), M = {
50
+ ), E = {
51
51
  8: -2,
52
52
  10: -2,
53
53
  12: -2,
@@ -55,33 +55,16 @@ const D = d("relative inline-flex w-fit", {
55
55
  20: -3,
56
56
  24: -3,
57
57
  32: -3
58
- }, C = {
59
- 12: 8,
60
- 16: 8,
61
- 20: 8,
62
- 24: 10,
63
- 32: 12,
64
- 40: 16,
65
- 48: 20,
66
- 56: 24,
67
- 64: 24,
68
- 72: 32
69
- }, I = {
70
- 32: 12,
71
- 40: 16,
72
- 48: 20,
73
- 56: 24,
74
- 72: 32
75
- }, E = {
58
+ }, V = {
76
59
  "top-start": ["top", "left"],
77
60
  "top-end": ["top", "right"],
78
61
  "bottom-start": ["bottom", "left"],
79
62
  "bottom-end": ["bottom", "right"]
80
- }, V = (a, t) => {
81
- const [r, s] = E[a], e = M[t];
63
+ }, j = (o, t) => {
64
+ const [r, s] = V[o], e = E[t];
82
65
  return { [r]: e, [s]: e };
83
- }, j = ({
84
- children: a,
66
+ }, w = ({
67
+ children: o,
85
68
  src: t,
86
69
  alt: r,
87
70
  pin: s = "bottom-end",
@@ -90,24 +73,24 @@ const D = d("relative inline-flex w-fit", {
90
73
  imgLoading: l = "eager",
91
74
  className: c,
92
75
  disabled: m = !1,
93
- ref: p,
94
- ...u
76
+ ref: u,
77
+ ...p
95
78
  }) => {
96
- const b = g(() => V(s, e), [s, e]), [f, i] = q(!1), h = x({
79
+ const b = g(() => j(s, e), [s, e]), [f, i] = q(!1), h = z({
97
80
  consumerName: "DotSymbol",
98
81
  mergeWith: { disabled: m }
99
82
  });
100
83
  return y(() => {
101
84
  i(!1);
102
- }, [t]), /* @__PURE__ */ o(N, { value: { disabled: !1 }, children: /* @__PURE__ */ z(
85
+ }, [t]), /* @__PURE__ */ a(N, { value: { disabled: !1 }, children: /* @__PURE__ */ x(
103
86
  "div",
104
87
  {
105
- ref: p,
88
+ ref: u,
106
89
  className: v(D({ disabled: h, className: c })),
107
- ...u,
90
+ ...p,
108
91
  children: [
109
- /* @__PURE__ */ o("div", { className: "inline-flex", children: a }),
110
- /* @__PURE__ */ o("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ o(
92
+ /* @__PURE__ */ a("div", { className: "inline-flex", children: o }),
93
+ /* @__PURE__ */ a("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ a(
111
94
  "img",
112
95
  {
113
96
  alt: r,
@@ -121,9 +104,7 @@ const D = d("relative inline-flex w-fit", {
121
104
  }
122
105
  ) });
123
106
  };
124
- j.displayName = "DotSymbol";
107
+ w.displayName = "DotSymbol";
125
108
  export {
126
- j as DotSymbol,
127
- C as mediaImageDotSizeMap,
128
- I as spotDotSizeMap
109
+ w as DotSymbol
129
110
  };
@@ -0,0 +1,102 @@
1
+ export declare const getDotSymbolProps: <Context extends "mediaImage" | "spot", Variant extends keyof {
2
+ mediaImage: {
3
+ 12: {
4
+ size: 8;
5
+ };
6
+ 16: {
7
+ size: 8;
8
+ };
9
+ 20: {
10
+ size: 8;
11
+ };
12
+ 24: {
13
+ size: 10;
14
+ };
15
+ 32: {
16
+ size: 12;
17
+ };
18
+ 40: {
19
+ size: 16;
20
+ };
21
+ 48: {
22
+ size: 20;
23
+ };
24
+ 56: {
25
+ size: 24;
26
+ };
27
+ 64: {
28
+ size: 24;
29
+ };
30
+ 72: {
31
+ size: 32;
32
+ };
33
+ };
34
+ spot: {
35
+ 32: {
36
+ size: 12;
37
+ };
38
+ 40: {
39
+ size: 16;
40
+ };
41
+ 48: {
42
+ size: 20;
43
+ };
44
+ 56: {
45
+ size: 24;
46
+ };
47
+ 72: {
48
+ size: 32;
49
+ };
50
+ };
51
+ }[Context]>(context: Context, variant: Variant) => {
52
+ mediaImage: {
53
+ 12: {
54
+ size: 8;
55
+ };
56
+ 16: {
57
+ size: 8;
58
+ };
59
+ 20: {
60
+ size: 8;
61
+ };
62
+ 24: {
63
+ size: 10;
64
+ };
65
+ 32: {
66
+ size: 12;
67
+ };
68
+ 40: {
69
+ size: 16;
70
+ };
71
+ 48: {
72
+ size: 20;
73
+ };
74
+ 56: {
75
+ size: 24;
76
+ };
77
+ 64: {
78
+ size: 24;
79
+ };
80
+ 72: {
81
+ size: 32;
82
+ };
83
+ };
84
+ spot: {
85
+ 32: {
86
+ size: 12;
87
+ };
88
+ 40: {
89
+ size: 16;
90
+ };
91
+ 48: {
92
+ size: 20;
93
+ };
94
+ 56: {
95
+ size: 24;
96
+ };
97
+ 72: {
98
+ size: 32;
99
+ };
100
+ };
101
+ }[Context][Variant];
102
+ //# sourceMappingURL=getDotSymbolProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getDotSymbolProps.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/getDotSymbolProps.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAoB5B,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { createPropsResolver as e } from "../../../../libs/utils-shared/dist/index.js";
2
+ const i = e({
3
+ mediaImage: {
4
+ 12: { size: 8 },
5
+ 16: { size: 8 },
6
+ 20: { size: 8 },
7
+ 24: { size: 10 },
8
+ 32: { size: 12 },
9
+ 40: { size: 16 },
10
+ 48: { size: 20 },
11
+ 56: { size: 24 },
12
+ 64: { size: 24 },
13
+ 72: { size: 32 }
14
+ },
15
+ spot: {
16
+ 32: { size: 12 },
17
+ 40: { size: 16 },
18
+ 48: { size: 20 },
19
+ 56: { size: 24 },
20
+ 72: { size: 32 }
21
+ }
22
+ });
23
+ export {
24
+ i as getDotSymbolProps
25
+ };
@@ -1,3 +1,4 @@
1
- export { DotSymbol, mediaImageDotSizeMap, spotDotSizeMap } from './DotSymbol';
1
+ export { DotSymbol } from './DotSymbol';
2
+ export * from './getDotSymbolProps';
2
3
  export * from './types';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9E,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
- import { cn as f } from "../../../../libs/utils-shared/dist/index.js";
3
- import { Tooltip as h, TooltipTrigger as u, TooltipContent as d } from "../Tooltip/Tooltip.js";
2
+ import { cn as u } from "../../../../libs/utils-shared/dist/index.js";
3
+ import { Tooltip as f, TooltipTrigger as h, TooltipContent as d } from "../Tooltip/Tooltip.js";
4
4
  import { BaseButton as T } from "../../internal/BaseButton/BaseButton.js";
5
5
  const b = ({
6
6
  ref: n,
@@ -18,13 +18,13 @@ const b = ({
18
18
  {
19
19
  ref: n,
20
20
  icon: i,
21
- className: f("shrink-0", e),
21
+ className: u("shrink-0", e),
22
22
  "aria-label": t,
23
23
  ...m
24
24
  }
25
25
  );
26
- return s ? /* @__PURE__ */ c(h, { onOpenChange: p, children: [
27
- /* @__PURE__ */ o(u, { asChild: !0, children: r }),
26
+ return s ? /* @__PURE__ */ c(f, { onOpenChange: p, children: [
27
+ /* @__PURE__ */ o(h, { asChild: !0, children: r }),
28
28
  /* @__PURE__ */ o(d, { side: l, children: a || t })
29
29
  ] }) : r;
30
30
  };
@@ -37,10 +37,10 @@ const w = k(
37
37
  ref: d,
38
38
  className: m,
39
39
  children: a,
40
- appearance: f,
40
+ appearance: u,
41
41
  size: i = "inherit",
42
- underline: p = !0,
43
- icon: u,
42
+ underline: f = !0,
43
+ icon: p,
44
44
  isExternal: n = !1,
45
45
  asChild: t = !1,
46
46
  disabled: b,
@@ -52,16 +52,16 @@ const w = k(
52
52
  }), r = i ? {
53
53
  sm: 16,
54
54
  md: 20
55
- }[i] : 20, o = u;
55
+ }[i] : 20, o = p;
56
56
  return /* @__PURE__ */ e(
57
57
  t ? g : "a",
58
58
  {
59
59
  ref: d,
60
60
  className: h(
61
61
  w({
62
- appearance: f,
62
+ appearance: u,
63
63
  size: i,
64
- underline: p,
64
+ underline: f,
65
65
  disabled: s
66
66
  }),
67
67
  m
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
2
- import { IconSize } from '../../symbols/Icon/types';
2
+ import { IconSize } from '../../symbols/Icon';
3
3
  export type LinkProps = {
4
4
  /**
5
5
  * The visual style of the link.
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}
@@ -59,14 +59,14 @@ const [L, l] = b("ListItemTrailing", {
59
59
  className: r,
60
60
  disabled: n = !1,
61
61
  density: f = "expanded",
62
- priority: x = "end",
62
+ priority: v = "end",
63
63
  active: u = !1,
64
- ...v
64
+ ...x
65
65
  } = s, c = d({
66
66
  consumerName: "ListItem",
67
67
  mergeWith: { disabled: n }
68
68
  });
69
- return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: x }, children: /* @__PURE__ */ a(
69
+ return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: v }, children: /* @__PURE__ */ a(
70
70
  "div",
71
71
  {
72
72
  ref: t,
@@ -81,11 +81,11 @@ const [L, l] = b("ListItemTrailing", {
81
81
  }),
82
82
  r
83
83
  ),
84
- ...v,
84
+ ...x,
85
85
  children: i
86
86
  }
87
87
  ) }) });
88
- }, q = ({
88
+ }, P = ({
89
89
  ref: e,
90
90
  children: t,
91
91
  className: s,
@@ -108,7 +108,7 @@ const [L, l] = b("ListItemTrailing", {
108
108
  children: t
109
109
  }
110
110
  );
111
- }, P = ({
111
+ }, q = ({
112
112
  ref: e,
113
113
  children: t,
114
114
  className: s,
@@ -238,10 +238,10 @@ const [L, l] = b("ListItemTrailing", {
238
238
  };
239
239
  export {
240
240
  R as ListItem,
241
- P as ListItemContent,
241
+ q as ListItemContent,
242
242
  C as ListItemContentRow,
243
243
  D as ListItemDescription,
244
- q as ListItemLeading,
244
+ P as ListItemLeading,
245
245
  j as ListItemTitle,
246
246
  k as ListItemTrailing
247
247
  };