@raystack/apsara 0.46.0-rc.2 → 0.46.0-rc.4

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 (139) hide show
  1. package/dist/_virtual/index.cjs +2 -2
  2. package/dist/_virtual/index.js +2 -2
  3. package/dist/_virtual/index2.cjs +2 -2
  4. package/dist/_virtual/index2.js +2 -2
  5. package/dist/box/box.cjs +3 -0
  6. package/dist/box/box.cjs.map +1 -1
  7. package/dist/box/box.d.ts +3 -0
  8. package/dist/box/box.d.ts.map +1 -1
  9. package/dist/box/box.js +3 -0
  10. package/dist/box/box.js.map +1 -1
  11. package/dist/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs +2 -0
  12. package/dist/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs.map +1 -1
  13. package/dist/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js +2 -1
  14. package/dist/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js.map +1 -1
  15. package/dist/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/index.cjs +1 -1
  16. package/dist/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/index.js +1 -1
  17. package/dist/node_modules/.pnpm/use-sync-external-store@1.5.0_react@18.2.0/node_modules/use-sync-external-store/shim/index.cjs +1 -1
  18. package/dist/node_modules/.pnpm/use-sync-external-store@1.5.0_react@18.2.0/node_modules/use-sync-external-store/shim/index.js +1 -1
  19. package/dist/style.css +1 -1
  20. package/dist/v1/components/avatar/avatar.cjs +84 -49
  21. package/dist/v1/components/avatar/avatar.cjs.map +1 -1
  22. package/dist/v1/components/avatar/avatar.d.ts +4 -4
  23. package/dist/v1/components/avatar/avatar.d.ts.map +1 -1
  24. package/dist/v1/components/avatar/avatar.js +84 -49
  25. package/dist/v1/components/avatar/avatar.js.map +1 -1
  26. package/dist/v1/components/breadcrumb/breadcrumb.cjs +12 -11
  27. package/dist/v1/components/breadcrumb/breadcrumb.cjs.map +1 -1
  28. package/dist/v1/components/breadcrumb/breadcrumb.d.ts +2 -2
  29. package/dist/v1/components/breadcrumb/breadcrumb.d.ts.map +1 -1
  30. package/dist/v1/components/breadcrumb/breadcrumb.js +12 -11
  31. package/dist/v1/components/breadcrumb/breadcrumb.js.map +1 -1
  32. package/dist/v1/components/calendar/calendar.cjs +11 -11
  33. package/dist/v1/components/calendar/calendar.cjs.map +1 -1
  34. package/dist/v1/components/calendar/calendar.d.ts.map +1 -1
  35. package/dist/v1/components/calendar/calendar.js +9 -9
  36. package/dist/v1/components/calendar/calendar.js.map +1 -1
  37. package/dist/v1/components/calendar/date-picker.cjs +1 -1
  38. package/dist/v1/components/calendar/date-picker.cjs.map +1 -1
  39. package/dist/v1/components/calendar/date-picker.js +1 -1
  40. package/dist/v1/components/calendar/date-picker.js.map +1 -1
  41. package/dist/v1/components/calendar/range-picker.cjs +2 -2
  42. package/dist/v1/components/calendar/range-picker.cjs.map +1 -1
  43. package/dist/v1/components/calendar/range-picker.js +2 -2
  44. package/dist/v1/components/calendar/range-picker.js.map +1 -1
  45. package/dist/v1/components/data-table/components/filters.cjs +14 -14
  46. package/dist/v1/components/data-table/components/filters.cjs.map +1 -1
  47. package/dist/v1/components/data-table/components/filters.d.ts.map +1 -1
  48. package/dist/v1/components/data-table/components/filters.js +14 -14
  49. package/dist/v1/components/data-table/components/filters.js.map +1 -1
  50. package/dist/v1/components/filter-chip/filter-chip.cjs +3 -1
  51. package/dist/v1/components/filter-chip/filter-chip.cjs.map +1 -1
  52. package/dist/v1/components/filter-chip/filter-chip.js +3 -1
  53. package/dist/v1/components/filter-chip/filter-chip.js.map +1 -1
  54. package/dist/v1/components/grid/grid-item.cjs +25 -0
  55. package/dist/v1/components/grid/grid-item.cjs.map +1 -0
  56. package/dist/v1/components/grid/grid-item.d.ts +15 -0
  57. package/dist/v1/components/grid/grid-item.d.ts.map +1 -0
  58. package/dist/v1/components/grid/grid-item.js +23 -0
  59. package/dist/v1/components/grid/grid-item.js.map +1 -0
  60. package/dist/v1/components/grid/grid.cjs +48 -0
  61. package/dist/v1/components/grid/grid.cjs.map +1 -0
  62. package/dist/v1/components/grid/grid.d.ts +45 -0
  63. package/dist/v1/components/grid/grid.d.ts.map +1 -0
  64. package/dist/v1/components/grid/grid.js +46 -0
  65. package/dist/v1/components/grid/grid.js.map +1 -0
  66. package/dist/v1/components/grid/index.cjs +11 -0
  67. package/dist/v1/components/grid/index.cjs.map +1 -0
  68. package/dist/v1/components/grid/index.d.ts +31 -0
  69. package/dist/v1/components/grid/index.d.ts.map +1 -0
  70. package/dist/v1/components/grid/index.js +9 -0
  71. package/dist/v1/components/grid/index.js.map +1 -0
  72. package/dist/v1/components/grid/types.d.ts +3 -0
  73. package/dist/v1/components/grid/types.d.ts.map +1 -0
  74. package/dist/v1/components/select/select-content.cjs +10 -3
  75. package/dist/v1/components/select/select-content.cjs.map +1 -1
  76. package/dist/v1/components/select/select-content.d.ts +4 -1
  77. package/dist/v1/components/select/select-content.d.ts.map +1 -1
  78. package/dist/v1/components/select/select-content.js +10 -3
  79. package/dist/v1/components/select/select-content.js.map +1 -1
  80. package/dist/v1/components/select/select-item.cjs +15 -3
  81. package/dist/v1/components/select/select-item.cjs.map +1 -1
  82. package/dist/v1/components/select/select-item.d.ts +1 -1
  83. package/dist/v1/components/select/select-item.d.ts.map +1 -1
  84. package/dist/v1/components/select/select-item.js +16 -4
  85. package/dist/v1/components/select/select-item.js.map +1 -1
  86. package/dist/v1/components/select/select-misc.cjs +35 -0
  87. package/dist/v1/components/select/select-misc.cjs.map +1 -0
  88. package/dist/v1/components/select/select-misc.d.ts +5 -0
  89. package/dist/v1/components/select/select-misc.d.ts.map +1 -0
  90. package/dist/v1/components/select/select-misc.js +31 -0
  91. package/dist/v1/components/select/select-misc.js.map +1 -0
  92. package/dist/v1/components/select/select-root.cjs +28 -5
  93. package/dist/v1/components/select/select-root.cjs.map +1 -1
  94. package/dist/v1/components/select/select-root.d.ts +40 -3
  95. package/dist/v1/components/select/select-root.d.ts.map +1 -1
  96. package/dist/v1/components/select/select-root.js +28 -5
  97. package/dist/v1/components/select/select-root.js.map +1 -1
  98. package/dist/v1/components/select/select-trigger.cjs.map +1 -1
  99. package/dist/v1/components/select/select-trigger.d.ts +3 -4
  100. package/dist/v1/components/select/select-trigger.d.ts.map +1 -1
  101. package/dist/v1/components/select/select-trigger.js.map +1 -1
  102. package/dist/v1/components/select/select.cjs +4 -2
  103. package/dist/v1/components/select/select.cjs.map +1 -1
  104. package/dist/v1/components/select/select.d.ts +5 -6
  105. package/dist/v1/components/select/select.d.ts.map +1 -1
  106. package/dist/v1/components/select/select.js +5 -3
  107. package/dist/v1/components/select/select.js.map +1 -1
  108. package/dist/v1/components/select/select.module.css.cjs +1 -1
  109. package/dist/v1/components/select/select.module.css.js +1 -1
  110. package/dist/v1/components/sidebar/sidebar.cjs +20 -6
  111. package/dist/v1/components/sidebar/sidebar.cjs.map +1 -1
  112. package/dist/v1/components/sidebar/sidebar.d.ts +2 -1
  113. package/dist/v1/components/sidebar/sidebar.d.ts.map +1 -1
  114. package/dist/v1/components/sidebar/sidebar.js +21 -7
  115. package/dist/v1/components/sidebar/sidebar.js.map +1 -1
  116. package/dist/v1/components/skeleton/index.d.ts +2 -0
  117. package/dist/v1/components/skeleton/index.d.ts.map +1 -0
  118. package/dist/v1/components/skeleton/skeleton.cjs +36 -0
  119. package/dist/v1/components/skeleton/skeleton.cjs.map +1 -0
  120. package/dist/v1/components/skeleton/skeleton.d.ts +24 -0
  121. package/dist/v1/components/skeleton/skeleton.d.ts.map +1 -0
  122. package/dist/v1/components/skeleton/skeleton.js +34 -0
  123. package/dist/v1/components/skeleton/skeleton.js.map +1 -0
  124. package/dist/v1/components/skeleton/skeleton.module.css.cjs +8 -0
  125. package/dist/v1/components/skeleton/skeleton.module.css.cjs.map +1 -0
  126. package/dist/v1/components/skeleton/skeleton.module.css.js +4 -0
  127. package/dist/v1/components/skeleton/skeleton.module.css.js.map +1 -0
  128. package/dist/v1/index.cjs +4 -0
  129. package/dist/v1/index.cjs.map +1 -1
  130. package/dist/v1/index.d.ts +2 -0
  131. package/dist/v1/index.d.ts.map +1 -1
  132. package/dist/v1/index.js +2 -0
  133. package/dist/v1/index.js.map +1 -1
  134. package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs +2 -0
  135. package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs.map +1 -1
  136. package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js +2 -1
  137. package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js.map +1 -1
  138. package/dist/v1/style.css +1 -1
  139. package/package.json +1 -1
@@ -1,90 +1,126 @@
1
1
  'use strict';
2
2
 
3
3
  var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
4
- var React = require('react');
5
4
  var index = require('../../node_modules/.pnpm/@radix-ui_react-avatar@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-avatar/dist/index.cjs');
6
5
  var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
7
6
  var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
8
- var utils = require('./utils.cjs');
7
+ var React = require('react');
9
8
  var box = require('../box/box.cjs');
10
9
  var avatar_module = require('./avatar.module.css.cjs');
10
+ var utils = require('./utils.cjs');
11
11
 
12
12
  const avatar = index$1.cva(avatar_module.default.avatar, {
13
13
  variants: {
14
14
  radius: {
15
- small: avatar_module.default["avatar-small"],
16
- full: avatar_module.default["avatar-full"],
15
+ small: avatar_module.default['avatar-small'],
16
+ full: avatar_module.default['avatar-full']
17
17
  },
18
18
  size: {
19
- 1: avatar_module.default["avatar-size-1"],
20
- 2: avatar_module.default["avatar-size-2"],
21
- 3: avatar_module.default["avatar-size-3"],
22
- 4: avatar_module.default["avatar-size-4"],
23
- 5: avatar_module.default["avatar-size-5"],
24
- 6: avatar_module.default["avatar-size-6"],
25
- 7: avatar_module.default["avatar-size-7"],
26
- 8: avatar_module.default["avatar-size-8"],
27
- 9: avatar_module.default["avatar-size-9"],
28
- 10: avatar_module.default["avatar-size-10"],
29
- 11: avatar_module.default["avatar-size-11"],
30
- 12: avatar_module.default["avatar-size-12"],
31
- 13: avatar_module.default["avatar-size-13"],
19
+ 1: avatar_module.default['avatar-size-1'],
20
+ 2: avatar_module.default['avatar-size-2'],
21
+ 3: avatar_module.default['avatar-size-3'],
22
+ 4: avatar_module.default['avatar-size-4'],
23
+ 5: avatar_module.default['avatar-size-5'],
24
+ 6: avatar_module.default['avatar-size-6'],
25
+ 7: avatar_module.default['avatar-size-7'],
26
+ 8: avatar_module.default['avatar-size-8'],
27
+ 9: avatar_module.default['avatar-size-9'],
28
+ 10: avatar_module.default['avatar-size-10'],
29
+ 11: avatar_module.default['avatar-size-11'],
30
+ 12: avatar_module.default['avatar-size-12'],
31
+ 13: avatar_module.default['avatar-size-13']
32
32
  },
33
33
  variant: {
34
- solid: avatar_module.default["avatar-solid"],
35
- soft: avatar_module.default["avatar-soft"],
34
+ solid: avatar_module.default['avatar-solid'],
35
+ soft: avatar_module.default['avatar-soft']
36
36
  },
37
37
  disabled: {
38
- true: avatar_module.default["avatar-disabled"],
38
+ true: avatar_module.default['avatar-disabled']
39
39
  },
40
40
  color: {
41
- indigo: avatar_module.default["avatar-color-indigo"],
42
- orange: avatar_module.default["avatar-color-orange"],
43
- mint: avatar_module.default["avatar-color-mint"],
44
- neutral: avatar_module.default["avatar-color-neutral"],
45
- sky: avatar_module.default["avatar-color-sky"],
46
- lime: avatar_module.default["avatar-color-lime"],
47
- grass: avatar_module.default["avatar-color-grass"],
48
- cyan: avatar_module.default["avatar-color-cyan"],
49
- iris: avatar_module.default["avatar-color-iris"],
50
- purple: avatar_module.default["avatar-color-purple"],
51
- pink: avatar_module.default["avatar-color-pink"],
52
- crimson: avatar_module.default["avatar-color-crimson"],
53
- gold: avatar_module.default["avatar-color-gold"],
54
- },
41
+ indigo: avatar_module.default['avatar-color-indigo'],
42
+ orange: avatar_module.default['avatar-color-orange'],
43
+ mint: avatar_module.default['avatar-color-mint'],
44
+ neutral: avatar_module.default['avatar-color-neutral'],
45
+ sky: avatar_module.default['avatar-color-sky'],
46
+ lime: avatar_module.default['avatar-color-lime'],
47
+ grass: avatar_module.default['avatar-color-grass'],
48
+ cyan: avatar_module.default['avatar-color-cyan'],
49
+ iris: avatar_module.default['avatar-color-iris'],
50
+ purple: avatar_module.default['avatar-color-purple'],
51
+ pink: avatar_module.default['avatar-color-pink'],
52
+ crimson: avatar_module.default['avatar-color-crimson'],
53
+ gold: avatar_module.default['avatar-color-gold']
54
+ }
55
55
  },
56
56
  compoundVariants: [
57
- { variant: 'solid', color: 'indigo', className: avatar_module.default['avatar-solid-indigo'] },
58
- { variant: 'solid', color: 'orange', className: avatar_module.default['avatar-solid-orange'] },
57
+ {
58
+ variant: 'solid',
59
+ color: 'indigo',
60
+ className: avatar_module.default['avatar-solid-indigo']
61
+ },
62
+ {
63
+ variant: 'solid',
64
+ color: 'orange',
65
+ className: avatar_module.default['avatar-solid-orange']
66
+ },
59
67
  { variant: 'solid', color: 'mint', className: avatar_module.default['avatar-solid-mint'] },
60
68
  { variant: 'solid', color: 'sky', className: avatar_module.default['avatar-solid-sky'] },
61
69
  { variant: 'solid', color: 'lime', className: avatar_module.default['avatar-solid-lime'] },
62
- { variant: 'solid', color: 'grass', className: avatar_module.default['avatar-solid-grass'] },
70
+ {
71
+ variant: 'solid',
72
+ color: 'grass',
73
+ className: avatar_module.default['avatar-solid-grass']
74
+ },
63
75
  { variant: 'solid', color: 'cyan', className: avatar_module.default['avatar-solid-cyan'] },
64
76
  { variant: 'solid', color: 'iris', className: avatar_module.default['avatar-solid-iris'] },
65
- { variant: 'solid', color: 'purple', className: avatar_module.default['avatar-solid-purple'] },
77
+ {
78
+ variant: 'solid',
79
+ color: 'purple',
80
+ className: avatar_module.default['avatar-solid-purple']
81
+ },
66
82
  { variant: 'solid', color: 'pink', className: avatar_module.default['avatar-solid-pink'] },
67
- { variant: 'solid', color: 'crimson', className: avatar_module.default['avatar-solid-crimson'] },
83
+ {
84
+ variant: 'solid',
85
+ color: 'crimson',
86
+ className: avatar_module.default['avatar-solid-crimson']
87
+ },
68
88
  { variant: 'solid', color: 'gold', className: avatar_module.default['avatar-solid-gold'] },
69
- { variant: 'soft', color: 'indigo', className: avatar_module.default['avatar-soft-indigo'] },
70
- { variant: 'soft', color: 'orange', className: avatar_module.default['avatar-soft-orange'] },
89
+ {
90
+ variant: 'soft',
91
+ color: 'indigo',
92
+ className: avatar_module.default['avatar-soft-indigo']
93
+ },
94
+ {
95
+ variant: 'soft',
96
+ color: 'orange',
97
+ className: avatar_module.default['avatar-soft-orange']
98
+ },
71
99
  { variant: 'soft', color: 'mint', className: avatar_module.default['avatar-soft-mint'] },
72
100
  { variant: 'soft', color: 'sky', className: avatar_module.default['avatar-soft-sky'] },
73
101
  { variant: 'soft', color: 'lime', className: avatar_module.default['avatar-soft-lime'] },
74
102
  { variant: 'soft', color: 'grass', className: avatar_module.default['avatar-soft-grass'] },
75
103
  { variant: 'soft', color: 'cyan', className: avatar_module.default['avatar-soft-cyan'] },
76
104
  { variant: 'soft', color: 'iris', className: avatar_module.default['avatar-soft-iris'] },
77
- { variant: 'soft', color: 'purple', className: avatar_module.default['avatar-soft-purple'] },
105
+ {
106
+ variant: 'soft',
107
+ color: 'purple',
108
+ className: avatar_module.default['avatar-soft-purple']
109
+ },
78
110
  { variant: 'soft', color: 'pink', className: avatar_module.default['avatar-soft-pink'] },
79
- { variant: 'soft', color: 'crimson', className: avatar_module.default['avatar-soft-crimson'] },
80
- { variant: 'soft', color: 'gold', className: avatar_module.default['avatar-soft-gold'] },
111
+ {
112
+ variant: 'soft',
113
+ color: 'crimson',
114
+ className: avatar_module.default['avatar-soft-crimson']
115
+ },
116
+ { variant: 'soft', color: 'gold', className: avatar_module.default['avatar-soft-gold'] }
81
117
  ],
82
118
  defaultVariants: {
83
119
  size: 3,
84
- radius: "small",
85
- variant: "soft",
86
- color: "indigo",
87
- },
120
+ radius: 'small',
121
+ variant: 'soft',
122
+ color: 'indigo'
123
+ }
88
124
  });
89
125
  const image = index$1.cva(avatar_module.default.image);
90
126
  const AvatarRoot = React.forwardRef(({ className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(box.Box, { className: avatar_module.default.imageWrapper, style: style, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { ref: ref, className: clsx.clsx(avatar({ size, radius, variant, color }), className), asChild: asChild, ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(index.Image, { className: image(), src: src, alt: alt }), jsxRuntime.jsxRuntimeExports.jsx(index.Fallback, { className: avatar_module.default.fallback, children: fallback })] }) })));
@@ -97,7 +133,6 @@ const AvatarGroup = React.forwardRef(({ children, max, className, ...props }, re
97
133
  const firstAvatarProps = utils.getAvatarProps(avatars[0]);
98
134
  return (jsxRuntime.jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx.clsx(avatar_module.default.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: avatar_module.default.avatarWrapper, children: jsxRuntime.jsxRuntimeExports.jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
99
135
  });
100
- AvatarGroup.displayName = 'AvatarGroup';
101
136
 
102
137
  exports.Avatar = Avatar;
103
138
  exports.AvatarGroup = AvatarGroup;
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.cjs","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import {\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n ReactNode\n} from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from 'clsx';\n\nimport {AVATAR_COLORS, getAvatarProps} from './utils'\nimport { Box } from \"../box\";\nimport styles from \"./avatar.module.css\";\n\nconst avatar = cva(styles.avatar, {\n variants: {\n radius: {\n small: styles[\"avatar-small\"],\n full: styles[\"avatar-full\"],\n },\n size: {\n 1: styles[\"avatar-size-1\"],\n 2: styles[\"avatar-size-2\"],\n 3: styles[\"avatar-size-3\"],\n 4: styles[\"avatar-size-4\"],\n 5: styles[\"avatar-size-5\"],\n 6: styles[\"avatar-size-6\"],\n 7: styles[\"avatar-size-7\"],\n 8: styles[\"avatar-size-8\"],\n 9: styles[\"avatar-size-9\"],\n 10: styles[\"avatar-size-10\"],\n 11: styles[\"avatar-size-11\"],\n 12: styles[\"avatar-size-12\"],\n 13: styles[\"avatar-size-13\"],\n },\n variant: {\n solid: styles[\"avatar-solid\"],\n soft: styles[\"avatar-soft\"],\n },\n disabled: {\n true: styles[\"avatar-disabled\"],\n },\n color: {\n indigo: styles[\"avatar-color-indigo\"],\n orange: styles[\"avatar-color-orange\"],\n mint: styles[\"avatar-color-mint\"],\n neutral: styles[\"avatar-color-neutral\"],\n sky: styles[\"avatar-color-sky\"],\n lime: styles[\"avatar-color-lime\"],\n grass: styles[\"avatar-color-grass\"],\n cyan: styles[\"avatar-color-cyan\"],\n iris: styles[\"avatar-color-iris\"],\n purple: styles[\"avatar-color-purple\"],\n pink: styles[\"avatar-color-pink\"],\n crimson: styles[\"avatar-color-crimson\"],\n gold: styles[\"avatar-color-gold\"],\n },\n },\n compoundVariants: [\n { variant: 'solid', color: 'indigo', className: styles['avatar-solid-indigo'] },\n { variant: 'solid', color: 'orange', className: styles['avatar-solid-orange'] },\n { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n { variant: 'solid', color: 'grass', className: styles['avatar-solid-grass'] },\n { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n { variant: 'solid', color: 'purple', className: styles['avatar-solid-purple'] },\n { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n { variant: 'solid', color: 'crimson', className: styles['avatar-solid-crimson'] },\n { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n { variant: 'soft', color: 'indigo', className: styles['avatar-soft-indigo'] },\n { variant: 'soft', color: 'orange', className: styles['avatar-soft-orange'] },\n { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n { variant: 'soft', color: 'purple', className: styles['avatar-soft-purple'] },\n { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n { variant: 'soft', color: 'crimson', className: styles['avatar-soft-crimson'] },\n { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] },\n ],\n defaultVariants: {\n size: 3,\n radius: \"small\",\n variant: \"soft\",\n color: \"indigo\",\n },\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n VariantProps<typeof avatar> {\n size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n src?: string;\n alt?: string;\n fallback?: ReactNode;\n variant?: \"solid\" | \"soft\";\n color?: AVATAR_COLORS;\n asChild?: boolean;\n className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n ElementRef<typeof AvatarPrimitive.Root>,\n AvatarProps\n>(\n (\n { className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props },\n ref\n ) => (\n <Box className={styles.imageWrapper} style={style}>\n <AvatarPrimitive.Root\n ref={ref}\n className={clsx(avatar({ size, radius, variant, color }), className)}\n asChild={asChild}\n {...props}\n >\n <AvatarPrimitive.Image\n className={image()}\n src={src}\n alt={alt}\n />\n <AvatarPrimitive.Fallback className={styles.fallback}>\n {fallback}\n </AvatarPrimitive.Fallback>\n </AvatarPrimitive.Root>\n </Box>\n )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n children: React.ReactElement<AvatarProps>[];\n max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ children, max, className, ...props }, ref) => {\n const avatars = max ? children.slice(0, max) : children;\n const count = max && children.length > max ? children.length - max : 0;\n\n // Overflow avatar matches the first avatar styling\n const firstAvatarProps = getAvatarProps(avatars[0]);\n\n return (\n <div\n ref={ref}\n className={clsx(styles.avatarGroup, className)}\n {...props}\n >\n {avatars.map((avatar, index) => (\n <div key={index} className={styles.avatarWrapper}>\n {avatar}\n </div>\n ))}\n {count > 0 && (\n <div className={styles.avatarWrapper}>\n <Avatar\n size={firstAvatarProps.size}\n radius={firstAvatarProps.radius}\n variant={firstAvatarProps.variant}\n color='neutral'\n fallback={`+${count}`}\n />\n </div>\n )}\n </div>\n );\n }\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["cva","styles","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","clsx","AvatarPrimitive.Image","AvatarPrimitive.Fallback","getAvatarProps"],"mappings":"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"}
1
+ {"version":3,"file":"avatar.cjs","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { clsx } from 'clsx';\nimport {\n ComponentPropsWithoutRef,\n ElementRef,\n ReactNode,\n forwardRef\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS, getAvatarProps } from './utils';\n\nconst avatar = cva(styles.avatar, {\n variants: {\n radius: {\n small: styles['avatar-small'],\n full: styles['avatar-full']\n },\n size: {\n 1: styles['avatar-size-1'],\n 2: styles['avatar-size-2'],\n 3: styles['avatar-size-3'],\n 4: styles['avatar-size-4'],\n 5: styles['avatar-size-5'],\n 6: styles['avatar-size-6'],\n 7: styles['avatar-size-7'],\n 8: styles['avatar-size-8'],\n 9: styles['avatar-size-9'],\n 10: styles['avatar-size-10'],\n 11: styles['avatar-size-11'],\n 12: styles['avatar-size-12'],\n 13: styles['avatar-size-13']\n },\n variant: {\n solid: styles['avatar-solid'],\n soft: styles['avatar-soft']\n },\n disabled: {\n true: styles['avatar-disabled']\n },\n color: {\n indigo: styles['avatar-color-indigo'],\n orange: styles['avatar-color-orange'],\n mint: styles['avatar-color-mint'],\n neutral: styles['avatar-color-neutral'],\n sky: styles['avatar-color-sky'],\n lime: styles['avatar-color-lime'],\n grass: styles['avatar-color-grass'],\n cyan: styles['avatar-color-cyan'],\n iris: styles['avatar-color-iris'],\n purple: styles['avatar-color-purple'],\n pink: styles['avatar-color-pink'],\n crimson: styles['avatar-color-crimson'],\n gold: styles['avatar-color-gold']\n }\n },\n compoundVariants: [\n {\n variant: 'solid',\n color: 'indigo',\n className: styles['avatar-solid-indigo']\n },\n {\n variant: 'solid',\n color: 'orange',\n className: styles['avatar-solid-orange']\n },\n { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n {\n variant: 'solid',\n color: 'grass',\n className: styles['avatar-solid-grass']\n },\n { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n {\n variant: 'solid',\n color: 'purple',\n className: styles['avatar-solid-purple']\n },\n { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n {\n variant: 'solid',\n color: 'crimson',\n className: styles['avatar-solid-crimson']\n },\n { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n {\n variant: 'soft',\n color: 'indigo',\n className: styles['avatar-soft-indigo']\n },\n\n {\n variant: 'soft',\n color: 'orange',\n className: styles['avatar-soft-orange']\n },\n { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n {\n variant: 'soft',\n color: 'purple',\n className: styles['avatar-soft-purple']\n },\n { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n {\n variant: 'soft',\n color: 'crimson',\n className: styles['avatar-soft-crimson']\n },\n { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n ],\n defaultVariants: {\n size: 3,\n radius: 'small',\n variant: 'soft',\n color: 'indigo'\n }\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n VariantProps<typeof avatar> {\n size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n src?: string;\n alt?: string;\n fallback?: ReactNode;\n variant?: 'solid' | 'soft';\n color?: AVATAR_COLORS;\n asChild?: boolean;\n className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n ElementRef<typeof AvatarPrimitive.Root>,\n AvatarProps\n>(\n (\n {\n className,\n alt,\n src,\n fallback,\n size,\n radius,\n variant,\n color,\n style,\n asChild,\n ...props\n },\n ref\n ) => (\n <Box className={styles.imageWrapper} style={style}>\n <AvatarPrimitive.Root\n ref={ref}\n className={clsx(avatar({ size, radius, variant, color }), className)}\n asChild={asChild}\n {...props}\n >\n <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n <AvatarPrimitive.Fallback className={styles.fallback}>\n {fallback}\n </AvatarPrimitive.Fallback>\n </AvatarPrimitive.Root>\n </Box>\n )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n children: React.ReactElement<AvatarProps>[];\n max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ children, max, className, ...props }, ref) => {\n const avatars = max ? children.slice(0, max) : children;\n const count = max && children.length > max ? children.length - max : 0;\n\n // Overflow avatar matches the first avatar styling\n const firstAvatarProps = getAvatarProps(avatars[0]);\n\n return (\n <div ref={ref} className={clsx(styles.avatarGroup, className)} {...props}>\n {avatars.map((avatar, index) => (\n <div key={index} className={styles.avatarWrapper}>\n {avatar}\n </div>\n ))}\n {count > 0 && (\n <div className={styles.avatarWrapper}>\n <Avatar\n size={firstAvatarProps.size}\n radius={firstAvatarProps.radius}\n variant={firstAvatarProps.variant}\n color='neutral'\n fallback={`+${count}`}\n />\n </div>\n )}\n </div>\n );\n }\n);\n"],"names":["cva","styles","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","clsx","AvatarPrimitive.Image","AvatarPrimitive.Fallback","getAvatarProps"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
- import { ComponentPropsWithoutRef, ReactNode } from "react";
2
- import * as AvatarPrimitive from "@radix-ui/react-avatar";
3
- import { VariantProps } from "class-variance-authority";
1
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
4
4
  import { AVATAR_COLORS } from './utils';
5
5
  declare const avatar: (props?: ({
6
6
  radius?: "small" | "full" | null | undefined;
@@ -14,7 +14,7 @@ export interface AvatarProps extends ComponentPropsWithoutRef<typeof AvatarPrimi
14
14
  src?: string;
15
15
  alt?: string;
16
16
  fallback?: ReactNode;
17
- variant?: "solid" | "soft";
17
+ variant?: 'solid' | 'soft';
18
18
  color?: AVATAR_COLORS;
19
19
  asChild?: boolean;
20
20
  className?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../v1/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EAGxB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAC,aAAa,EAAiB,MAAM,SAAS,CAAA;AAIrD,QAAA,MAAM,MAAM;;;;;;8EA4EV,CAAC;AAIH,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgCD,eAAO,MAAM,MAAM,yGAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GAiCvB,CAAC"}
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../v1/components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACL,wBAAwB,EAExB,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAC;AAExD,QAAA,MAAM,MAAM;;;;;;8EAiHV,CAAC;AAIH,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwCD,eAAO,MAAM,MAAM,yGAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GA6BvB,CAAC"}
@@ -1,88 +1,124 @@
1
1
  import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
- import { forwardRef } from 'react';
3
2
  import { Root as $cddcb0b647441e34$export$be92b6f5f03c0fe9, Image as $cddcb0b647441e34$export$3e431a229df88919, Fallback as $cddcb0b647441e34$export$fb8d7f40caaeea67 } from '../../node_modules/.pnpm/@radix-ui_react-avatar@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-avatar/dist/index.js';
4
3
  import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
5
4
  import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
6
- import { getAvatarProps } from './utils.js';
5
+ import { forwardRef } from 'react';
7
6
  import { Box } from '../box/box.js';
8
7
  import styles from './avatar.module.css.js';
8
+ import { getAvatarProps } from './utils.js';
9
9
 
10
10
  const avatar = cva(styles.avatar, {
11
11
  variants: {
12
12
  radius: {
13
- small: styles["avatar-small"],
14
- full: styles["avatar-full"],
13
+ small: styles['avatar-small'],
14
+ full: styles['avatar-full']
15
15
  },
16
16
  size: {
17
- 1: styles["avatar-size-1"],
18
- 2: styles["avatar-size-2"],
19
- 3: styles["avatar-size-3"],
20
- 4: styles["avatar-size-4"],
21
- 5: styles["avatar-size-5"],
22
- 6: styles["avatar-size-6"],
23
- 7: styles["avatar-size-7"],
24
- 8: styles["avatar-size-8"],
25
- 9: styles["avatar-size-9"],
26
- 10: styles["avatar-size-10"],
27
- 11: styles["avatar-size-11"],
28
- 12: styles["avatar-size-12"],
29
- 13: styles["avatar-size-13"],
17
+ 1: styles['avatar-size-1'],
18
+ 2: styles['avatar-size-2'],
19
+ 3: styles['avatar-size-3'],
20
+ 4: styles['avatar-size-4'],
21
+ 5: styles['avatar-size-5'],
22
+ 6: styles['avatar-size-6'],
23
+ 7: styles['avatar-size-7'],
24
+ 8: styles['avatar-size-8'],
25
+ 9: styles['avatar-size-9'],
26
+ 10: styles['avatar-size-10'],
27
+ 11: styles['avatar-size-11'],
28
+ 12: styles['avatar-size-12'],
29
+ 13: styles['avatar-size-13']
30
30
  },
31
31
  variant: {
32
- solid: styles["avatar-solid"],
33
- soft: styles["avatar-soft"],
32
+ solid: styles['avatar-solid'],
33
+ soft: styles['avatar-soft']
34
34
  },
35
35
  disabled: {
36
- true: styles["avatar-disabled"],
36
+ true: styles['avatar-disabled']
37
37
  },
38
38
  color: {
39
- indigo: styles["avatar-color-indigo"],
40
- orange: styles["avatar-color-orange"],
41
- mint: styles["avatar-color-mint"],
42
- neutral: styles["avatar-color-neutral"],
43
- sky: styles["avatar-color-sky"],
44
- lime: styles["avatar-color-lime"],
45
- grass: styles["avatar-color-grass"],
46
- cyan: styles["avatar-color-cyan"],
47
- iris: styles["avatar-color-iris"],
48
- purple: styles["avatar-color-purple"],
49
- pink: styles["avatar-color-pink"],
50
- crimson: styles["avatar-color-crimson"],
51
- gold: styles["avatar-color-gold"],
52
- },
39
+ indigo: styles['avatar-color-indigo'],
40
+ orange: styles['avatar-color-orange'],
41
+ mint: styles['avatar-color-mint'],
42
+ neutral: styles['avatar-color-neutral'],
43
+ sky: styles['avatar-color-sky'],
44
+ lime: styles['avatar-color-lime'],
45
+ grass: styles['avatar-color-grass'],
46
+ cyan: styles['avatar-color-cyan'],
47
+ iris: styles['avatar-color-iris'],
48
+ purple: styles['avatar-color-purple'],
49
+ pink: styles['avatar-color-pink'],
50
+ crimson: styles['avatar-color-crimson'],
51
+ gold: styles['avatar-color-gold']
52
+ }
53
53
  },
54
54
  compoundVariants: [
55
- { variant: 'solid', color: 'indigo', className: styles['avatar-solid-indigo'] },
56
- { variant: 'solid', color: 'orange', className: styles['avatar-solid-orange'] },
55
+ {
56
+ variant: 'solid',
57
+ color: 'indigo',
58
+ className: styles['avatar-solid-indigo']
59
+ },
60
+ {
61
+ variant: 'solid',
62
+ color: 'orange',
63
+ className: styles['avatar-solid-orange']
64
+ },
57
65
  { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },
58
66
  { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },
59
67
  { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },
60
- { variant: 'solid', color: 'grass', className: styles['avatar-solid-grass'] },
68
+ {
69
+ variant: 'solid',
70
+ color: 'grass',
71
+ className: styles['avatar-solid-grass']
72
+ },
61
73
  { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },
62
74
  { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },
63
- { variant: 'solid', color: 'purple', className: styles['avatar-solid-purple'] },
75
+ {
76
+ variant: 'solid',
77
+ color: 'purple',
78
+ className: styles['avatar-solid-purple']
79
+ },
64
80
  { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },
65
- { variant: 'solid', color: 'crimson', className: styles['avatar-solid-crimson'] },
81
+ {
82
+ variant: 'solid',
83
+ color: 'crimson',
84
+ className: styles['avatar-solid-crimson']
85
+ },
66
86
  { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },
67
- { variant: 'soft', color: 'indigo', className: styles['avatar-soft-indigo'] },
68
- { variant: 'soft', color: 'orange', className: styles['avatar-soft-orange'] },
87
+ {
88
+ variant: 'soft',
89
+ color: 'indigo',
90
+ className: styles['avatar-soft-indigo']
91
+ },
92
+ {
93
+ variant: 'soft',
94
+ color: 'orange',
95
+ className: styles['avatar-soft-orange']
96
+ },
69
97
  { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },
70
98
  { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },
71
99
  { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },
72
100
  { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },
73
101
  { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },
74
102
  { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },
75
- { variant: 'soft', color: 'purple', className: styles['avatar-soft-purple'] },
103
+ {
104
+ variant: 'soft',
105
+ color: 'purple',
106
+ className: styles['avatar-soft-purple']
107
+ },
76
108
  { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },
77
- { variant: 'soft', color: 'crimson', className: styles['avatar-soft-crimson'] },
78
- { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] },
109
+ {
110
+ variant: 'soft',
111
+ color: 'crimson',
112
+ className: styles['avatar-soft-crimson']
113
+ },
114
+ { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }
79
115
  ],
80
116
  defaultVariants: {
81
117
  size: 3,
82
- radius: "small",
83
- variant: "soft",
84
- color: "indigo",
85
- },
118
+ radius: 'small',
119
+ variant: 'soft',
120
+ color: 'indigo'
121
+ }
86
122
  });
87
123
  const image = cva(styles.image);
88
124
  const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props }, ref) => (jsxRuntimeExports.jsx(Box, { className: styles.imageWrapper, style: style, children: jsxRuntimeExports.jsxs($cddcb0b647441e34$export$be92b6f5f03c0fe9, { ref: ref, className: clsx(avatar({ size, radius, variant, color }), className), asChild: asChild, ...props, children: [jsxRuntimeExports.jsx($cddcb0b647441e34$export$3e431a229df88919, { className: image(), src: src, alt: alt }), jsxRuntimeExports.jsx($cddcb0b647441e34$export$fb8d7f40caaeea67, { className: styles.fallback, children: fallback })] }) })));
@@ -95,7 +131,6 @@ const AvatarGroup = forwardRef(({ children, max, className, ...props }, ref) =>
95
131
  const firstAvatarProps = getAvatarProps(avatars[0]);
96
132
  return (jsxRuntimeExports.jsxs("div", { ref: ref, className: clsx(styles.avatarGroup, className), ...props, children: [avatars.map((avatar, index) => (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: avatar }, index))), count > 0 && (jsxRuntimeExports.jsx("div", { className: styles.avatarWrapper, children: jsxRuntimeExports.jsx(Avatar, { size: firstAvatarProps.size, radius: firstAvatarProps.radius, variant: firstAvatarProps.variant, color: 'neutral', fallback: `+${count}` }) }))] }));
97
133
  });
98
- AvatarGroup.displayName = 'AvatarGroup';
99
134
 
100
135
  export { Avatar, AvatarGroup };
101
136
  //# sourceMappingURL=avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.js","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import {\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef,\n ReactNode\n} from \"react\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { clsx } from 'clsx';\n\nimport {AVATAR_COLORS, getAvatarProps} from './utils'\nimport { Box } from \"../box\";\nimport styles from \"./avatar.module.css\";\n\nconst avatar = cva(styles.avatar, {\n variants: {\n radius: {\n small: styles[\"avatar-small\"],\n full: styles[\"avatar-full\"],\n },\n size: {\n 1: styles[\"avatar-size-1\"],\n 2: styles[\"avatar-size-2\"],\n 3: styles[\"avatar-size-3\"],\n 4: styles[\"avatar-size-4\"],\n 5: styles[\"avatar-size-5\"],\n 6: styles[\"avatar-size-6\"],\n 7: styles[\"avatar-size-7\"],\n 8: styles[\"avatar-size-8\"],\n 9: styles[\"avatar-size-9\"],\n 10: styles[\"avatar-size-10\"],\n 11: styles[\"avatar-size-11\"],\n 12: styles[\"avatar-size-12\"],\n 13: styles[\"avatar-size-13\"],\n },\n variant: {\n solid: styles[\"avatar-solid\"],\n soft: styles[\"avatar-soft\"],\n },\n disabled: {\n true: styles[\"avatar-disabled\"],\n },\n color: {\n indigo: styles[\"avatar-color-indigo\"],\n orange: styles[\"avatar-color-orange\"],\n mint: styles[\"avatar-color-mint\"],\n neutral: styles[\"avatar-color-neutral\"],\n sky: styles[\"avatar-color-sky\"],\n lime: styles[\"avatar-color-lime\"],\n grass: styles[\"avatar-color-grass\"],\n cyan: styles[\"avatar-color-cyan\"],\n iris: styles[\"avatar-color-iris\"],\n purple: styles[\"avatar-color-purple\"],\n pink: styles[\"avatar-color-pink\"],\n crimson: styles[\"avatar-color-crimson\"],\n gold: styles[\"avatar-color-gold\"],\n },\n },\n compoundVariants: [\n { variant: 'solid', color: 'indigo', className: styles['avatar-solid-indigo'] },\n { variant: 'solid', color: 'orange', className: styles['avatar-solid-orange'] },\n { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n { variant: 'solid', color: 'grass', className: styles['avatar-solid-grass'] },\n { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n { variant: 'solid', color: 'purple', className: styles['avatar-solid-purple'] },\n { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n { variant: 'solid', color: 'crimson', className: styles['avatar-solid-crimson'] },\n { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n { variant: 'soft', color: 'indigo', className: styles['avatar-soft-indigo'] },\n { variant: 'soft', color: 'orange', className: styles['avatar-soft-orange'] },\n { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n { variant: 'soft', color: 'purple', className: styles['avatar-soft-purple'] },\n { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n { variant: 'soft', color: 'crimson', className: styles['avatar-soft-crimson'] },\n { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] },\n ],\n defaultVariants: {\n size: 3,\n radius: \"small\",\n variant: \"soft\",\n color: \"indigo\",\n },\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n VariantProps<typeof avatar> {\n size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n src?: string;\n alt?: string;\n fallback?: ReactNode;\n variant?: \"solid\" | \"soft\";\n color?: AVATAR_COLORS;\n asChild?: boolean;\n className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n ElementRef<typeof AvatarPrimitive.Root>,\n AvatarProps\n>(\n (\n { className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props },\n ref\n ) => (\n <Box className={styles.imageWrapper} style={style}>\n <AvatarPrimitive.Root\n ref={ref}\n className={clsx(avatar({ size, radius, variant, color }), className)}\n asChild={asChild}\n {...props}\n >\n <AvatarPrimitive.Image\n className={image()}\n src={src}\n alt={alt}\n />\n <AvatarPrimitive.Fallback className={styles.fallback}>\n {fallback}\n </AvatarPrimitive.Fallback>\n </AvatarPrimitive.Root>\n </Box>\n )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n children: React.ReactElement<AvatarProps>[];\n max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ children, max, className, ...props }, ref) => {\n const avatars = max ? children.slice(0, max) : children;\n const count = max && children.length > max ? children.length - max : 0;\n\n // Overflow avatar matches the first avatar styling\n const firstAvatarProps = getAvatarProps(avatars[0]);\n\n return (\n <div\n ref={ref}\n className={clsx(styles.avatarGroup, className)}\n {...props}\n >\n {avatars.map((avatar, index) => (\n <div key={index} className={styles.avatarWrapper}>\n {avatar}\n </div>\n ))}\n {count > 0 && (\n <div className={styles.avatarWrapper}>\n <Avatar\n size={firstAvatarProps.size}\n radius={firstAvatarProps.radius}\n variant={firstAvatarProps.variant}\n color='neutral'\n fallback={`+${count}`}\n />\n </div>\n )}\n </div>\n );\n }\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n"],"names":["_jsx","_jsxs","AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}
1
+ {"version":3,"file":"avatar.js","sources":["../../../../v1/components/avatar/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { clsx } from 'clsx';\nimport {\n ComponentPropsWithoutRef,\n ElementRef,\n ReactNode,\n forwardRef\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS, getAvatarProps } from './utils';\n\nconst avatar = cva(styles.avatar, {\n variants: {\n radius: {\n small: styles['avatar-small'],\n full: styles['avatar-full']\n },\n size: {\n 1: styles['avatar-size-1'],\n 2: styles['avatar-size-2'],\n 3: styles['avatar-size-3'],\n 4: styles['avatar-size-4'],\n 5: styles['avatar-size-5'],\n 6: styles['avatar-size-6'],\n 7: styles['avatar-size-7'],\n 8: styles['avatar-size-8'],\n 9: styles['avatar-size-9'],\n 10: styles['avatar-size-10'],\n 11: styles['avatar-size-11'],\n 12: styles['avatar-size-12'],\n 13: styles['avatar-size-13']\n },\n variant: {\n solid: styles['avatar-solid'],\n soft: styles['avatar-soft']\n },\n disabled: {\n true: styles['avatar-disabled']\n },\n color: {\n indigo: styles['avatar-color-indigo'],\n orange: styles['avatar-color-orange'],\n mint: styles['avatar-color-mint'],\n neutral: styles['avatar-color-neutral'],\n sky: styles['avatar-color-sky'],\n lime: styles['avatar-color-lime'],\n grass: styles['avatar-color-grass'],\n cyan: styles['avatar-color-cyan'],\n iris: styles['avatar-color-iris'],\n purple: styles['avatar-color-purple'],\n pink: styles['avatar-color-pink'],\n crimson: styles['avatar-color-crimson'],\n gold: styles['avatar-color-gold']\n }\n },\n compoundVariants: [\n {\n variant: 'solid',\n color: 'indigo',\n className: styles['avatar-solid-indigo']\n },\n {\n variant: 'solid',\n color: 'orange',\n className: styles['avatar-solid-orange']\n },\n { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n {\n variant: 'solid',\n color: 'grass',\n className: styles['avatar-solid-grass']\n },\n { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n {\n variant: 'solid',\n color: 'purple',\n className: styles['avatar-solid-purple']\n },\n { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n {\n variant: 'solid',\n color: 'crimson',\n className: styles['avatar-solid-crimson']\n },\n { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n {\n variant: 'soft',\n color: 'indigo',\n className: styles['avatar-soft-indigo']\n },\n\n {\n variant: 'soft',\n color: 'orange',\n className: styles['avatar-soft-orange']\n },\n { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n {\n variant: 'soft',\n color: 'purple',\n className: styles['avatar-soft-purple']\n },\n { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n {\n variant: 'soft',\n color: 'crimson',\n className: styles['avatar-soft-crimson']\n },\n { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n ],\n defaultVariants: {\n size: 3,\n radius: 'small',\n variant: 'soft',\n color: 'indigo'\n }\n});\n\nconst image = cva(styles.image);\n\nexport interface AvatarProps\n extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n VariantProps<typeof avatar> {\n size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n src?: string;\n alt?: string;\n fallback?: ReactNode;\n variant?: 'solid' | 'soft';\n color?: AVATAR_COLORS;\n asChild?: boolean;\n className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n ElementRef<typeof AvatarPrimitive.Root>,\n AvatarProps\n>(\n (\n {\n className,\n alt,\n src,\n fallback,\n size,\n radius,\n variant,\n color,\n style,\n asChild,\n ...props\n },\n ref\n ) => (\n <Box className={styles.imageWrapper} style={style}>\n <AvatarPrimitive.Root\n ref={ref}\n className={clsx(avatar({ size, radius, variant, color }), className)}\n asChild={asChild}\n {...props}\n >\n <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n <AvatarPrimitive.Fallback className={styles.fallback}>\n {fallback}\n </AvatarPrimitive.Fallback>\n </AvatarPrimitive.Root>\n </Box>\n )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n children: React.ReactElement<AvatarProps>[];\n max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ children, max, className, ...props }, ref) => {\n const avatars = max ? children.slice(0, max) : children;\n const count = max && children.length > max ? children.length - max : 0;\n\n // Overflow avatar matches the first avatar styling\n const firstAvatarProps = getAvatarProps(avatars[0]);\n\n return (\n <div ref={ref} className={clsx(styles.avatarGroup, className)} {...props}>\n {avatars.map((avatar, index) => (\n <div key={index} className={styles.avatarWrapper}>\n {avatar}\n </div>\n ))}\n {count > 0 && (\n <div className={styles.avatarWrapper}>\n <Avatar\n size={firstAvatarProps.size}\n radius={firstAvatarProps.radius}\n variant={firstAvatarProps.variant}\n color='neutral'\n fallback={`+${count}`}\n />\n </div>\n )}\n </div>\n );\n }\n);\n"],"names":["_jsx","_jsxs","AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}
@@ -10,13 +10,13 @@ var breadcrumb_module = require('./breadcrumb.module.css.cjs');
10
10
  const breadcrumb = index.cva(breadcrumb_module.default['breadcrumb'], {
11
11
  variants: {
12
12
  size: {
13
- small: breadcrumb_module.default["breadcrumb-small"],
14
- medium: breadcrumb_module.default["breadcrumb-medium"],
15
- },
13
+ small: breadcrumb_module.default['breadcrumb-small'],
14
+ medium: breadcrumb_module.default['breadcrumb-medium']
15
+ }
16
16
  },
17
17
  defaultVariants: {
18
- size: "medium",
19
- },
18
+ size: 'medium'
19
+ }
20
20
  });
21
21
  const Breadcrumb = React.forwardRef(({ className, size = 'medium', items, maxVisibleItems, separator = '/', onItemClick, ...props }, ref) => {
22
22
  const visibleItems = maxVisibleItems && items.length > maxVisibleItems
@@ -26,18 +26,19 @@ const Breadcrumb = React.forwardRef(({ className, size = 'medium', items, maxVis
26
26
  ...items.slice(-Math.min(maxVisibleItems - 1, items.length - 1))
27
27
  ]
28
28
  : items;
29
- const renderItem = (item, index, isLast) => (jsxRuntime.jsxRuntimeExports.jsxs("li", { className: breadcrumb_module.default['breadcrumb-item'], children: [item.label === 'ellipsis' ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-ellipsis'], children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.DotsHorizontalIcon, {}) })) : item?.dropdownItems ? (jsxRuntime.jsxRuntimeExports.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsxRuntimeExports.jsxs(dropdownMenu.DropdownMenu.Trigger, { className: breadcrumb_module.default['breadcrumb-dropdown-trigger'], children: [item.icon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-icon'], children: item.icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { children: item.label }), jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, { className: breadcrumb_module.default['breadcrumb-dropdown-icon'] })] }), jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenu.Content, { className: breadcrumb_module.default['breadcrumb-dropdown-content'], children: item.dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenu.Item, { className: breadcrumb_module.default['breadcrumb-dropdown-item'], onSelect: () => onItemClick && onItemClick({
30
- label: dropdownItem.label,
31
- href: dropdownItem.href
32
- }), children: dropdownItem.label }, dropdownIndex))) })] })) : (jsxRuntime.jsxRuntimeExports.jsxs("a", { href: item.href, className: `${breadcrumb_module.default['breadcrumb-link']} ${isLast ? breadcrumb_module.default['breadcrumb-link-active'] : ''}`, onClick: (e) => {
29
+ const renderItem = (item, index, isLast) => (jsxRuntime.jsxRuntimeExports.jsxs("li", { className: breadcrumb_module.default['breadcrumb-item'], children: [item.label === 'ellipsis' ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-ellipsis'], children: jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.DotsHorizontalIcon, {}) })) : item?.dropdownItems ? (jsxRuntime.jsxRuntimeExports.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsxRuntimeExports.jsxs(dropdownMenu.DropdownMenu.Trigger, { className: breadcrumb_module.default['breadcrumb-dropdown-trigger'], children: [item.icon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-icon'], children: item.icon })), jsxRuntime.jsxRuntimeExports.jsx("span", { children: item.label }), jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.ChevronDownIcon, { className: breadcrumb_module.default['breadcrumb-dropdown-icon'] })] }), jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenu.Content, { className: breadcrumb_module.default['breadcrumb-dropdown-content'], children: item.dropdownItems.map((dropdownItem, dropdownIndex) => (jsxRuntime.jsxRuntimeExports.jsx(dropdownMenu.DropdownMenu.Item, { className: breadcrumb_module.default['breadcrumb-dropdown-item'], onClick: () => onItemClick &&
30
+ onItemClick({
31
+ label: dropdownItem.label,
32
+ href: dropdownItem.href
33
+ }), children: dropdownItem.label }, dropdownIndex))) })] })) : (jsxRuntime.jsxRuntimeExports.jsxs("a", { href: item.href, className: `${breadcrumb_module.default['breadcrumb-link']} ${isLast ? breadcrumb_module.default['breadcrumb-link-active'] : ''}`, onClick: e => {
33
34
  if (onItemClick && item.href !== '#') {
34
35
  e.preventDefault();
35
36
  onItemClick(item);
36
37
  }
37
- }, children: [item.icon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-icon'], children: item.icon }), jsxRuntime.jsxRuntimeExports.jsx("span", { children: item.label })] })), !isLast && jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-separator'], children: separator })] }, index));
38
+ }, children: [item.icon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-icon'], children: item.icon })), jsxRuntime.jsxRuntimeExports.jsx("span", { children: item.label })] })), !isLast && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: breadcrumb_module.default['breadcrumb-separator'], children: separator }))] }, index));
38
39
  return (jsxRuntime.jsxRuntimeExports.jsx("nav", { className: breadcrumb({ size: size, className }), ref: ref, ...props, children: jsxRuntime.jsxRuntimeExports.jsx("ol", { className: breadcrumb_module.default['breadcrumb-list'], children: visibleItems.map((item, index) => renderItem(item, index, index === visibleItems.length - 1)) }) }));
39
40
  });
40
- Breadcrumb.displayName = "Breadcrumb";
41
+ Breadcrumb.displayName = 'Breadcrumb';
41
42
 
42
43
  exports.Breadcrumb = Breadcrumb;
43
44
  //# sourceMappingURL=breadcrumb.cjs.map