@passui/react 0.1.45 → 0.1.47

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 (141) hide show
  1. package/README.md +57 -46
  2. package/dist/types/src/components/accordion/accordion.d.ts +1 -1
  3. package/dist/types/src/components/breadcrumb/breadcrumb.d.ts +1 -1
  4. package/dist/types/src/components/inline-disclosure/inline-disclosure.d.ts +1 -1
  5. package/dist/types/src/components/popover/anchored-surface.d.ts +5 -1
  6. package/dist/types/src/components/popover/index.d.ts +41 -0
  7. package/dist/types/src/components/popover/popover-content.d.ts +38 -0
  8. package/dist/types/src/components/popover/popover-root.d.ts +22 -0
  9. package/dist/types/src/components/popover/popover-trigger.d.ts +23 -0
  10. package/dist/types/src/components/stepper/rolling-digit.d.ts +1 -1
  11. package/dist/types/src/components/table/table.d.ts +1 -1
  12. package/dist/types/src/components/view-controller/view-controller.d.ts +2 -2
  13. package/dist/types/src/index.d.ts +1 -1
  14. package/dist/types/src/machines/popover.machine.d.ts +30 -0
  15. package/package.json +307 -307
  16. package/src/appearance/index.ts +2 -2
  17. package/src/appearance/platform.tsx +76 -60
  18. package/src/appearance/theme.tsx +409 -377
  19. package/src/components/accordion/accordion.tsx +58 -49
  20. package/src/components/ambient/ambient.tsx +25 -25
  21. package/src/components/ambient/index.ts +1 -1
  22. package/src/components/aspect-ratio/aspect-ratio.tsx +21 -16
  23. package/src/components/breadcrumb/breadcrumb.tsx +63 -57
  24. package/src/components/button/button-styles.ts +39 -32
  25. package/src/components/button/button.tsx +91 -84
  26. package/src/components/button/icon-button.tsx +27 -25
  27. package/src/components/button/pending-spinner.tsx +8 -8
  28. package/src/components/button/use-pending-indicator.ts +11 -11
  29. package/src/components/chip/chip.tsx +35 -30
  30. package/src/components/code-block/code-block.tsx +40 -39
  31. package/src/components/combo-box/combo-box.tsx +5 -5
  32. package/src/components/command/command.tsx +124 -94
  33. package/src/components/compact-date-picker/calendar-month.ts +75 -53
  34. package/src/components/compact-date-picker/compact-date-picker.tsx +308 -289
  35. package/src/components/compact-time-picker/compact-time-picker.tsx +288 -281
  36. package/src/components/compact-time-picker/time-value.ts +32 -29
  37. package/src/components/content-unavailable-view/content-unavailable-view.tsx +64 -48
  38. package/src/components/content-view/content-view.tsx +168 -159
  39. package/src/components/content-view/index.ts +1 -1
  40. package/src/components/context-menu/conceal-menu-source.ts +25 -25
  41. package/src/components/context-menu/context-menu-host.tsx +439 -402
  42. package/src/components/context-menu/context-menu-store.ts +125 -123
  43. package/src/components/context-menu/menu-navigation.ts +25 -18
  44. package/src/components/context-menu/menu-position.ts +33 -29
  45. package/src/components/context-menu/menu-reveal.ts +32 -32
  46. package/src/components/context-menu/use-context-menu.ts +63 -56
  47. package/src/components/conversation/conversation.tsx +265 -263
  48. package/src/components/conversation/index.ts +1 -1
  49. package/src/components/date-picker/date-picker.tsx +95 -94
  50. package/src/components/date-picker/date-value.ts +20 -10
  51. package/src/components/dialog/dialog-host.tsx +105 -103
  52. package/src/components/dialog/dialog-store.ts +37 -36
  53. package/src/components/dialog/dialog.tsx +192 -179
  54. package/src/components/dialog/index.ts +1 -1
  55. package/src/components/disclosure-group/disclosure-group.tsx +93 -86
  56. package/src/components/divider/divider.tsx +24 -22
  57. package/src/components/inline-disclosure/inline-disclosure.tsx +40 -36
  58. package/src/components/keyboard-shortcut/keyboard-shortcut.tsx +23 -19
  59. package/src/components/labeled-content/labeled-content.tsx +68 -68
  60. package/src/components/locale-switcher/index.ts +1 -1
  61. package/src/components/locale-switcher/locale-switcher.tsx +278 -251
  62. package/src/components/menu/menu.tsx +75 -58
  63. package/src/components/morph/index.ts +2 -2
  64. package/src/components/morph/morph.tsx +227 -201
  65. package/src/components/morph/use-morph-disclosure.ts +19 -19
  66. package/src/components/one-time-code/one-time-code.tsx +216 -200
  67. package/src/components/picker/picker-trigger.ts +16 -13
  68. package/src/components/picker/picker.tsx +371 -345
  69. package/src/components/popover/anchored-surface.tsx +253 -229
  70. package/src/components/popover/index.ts +50 -0
  71. package/src/components/popover/popover-content.tsx +374 -0
  72. package/src/components/popover/popover-root.tsx +97 -0
  73. package/src/components/popover/popover-trigger.tsx +71 -0
  74. package/src/components/profile-image/profile-image.tsx +80 -64
  75. package/src/components/progress-view/progress-view.tsx +61 -59
  76. package/src/components/progress-view/use-liquid-progress.ts +38 -38
  77. package/src/components/radio-group/radio-group.tsx +71 -68
  78. package/src/components/search-field/expanding-search-field.tsx +191 -177
  79. package/src/components/search-field/search-field.tsx +59 -50
  80. package/src/components/search-list/search-list.tsx +246 -236
  81. package/src/components/section/section.tsx +58 -58
  82. package/src/components/secure-field/secure-field.tsx +3 -3
  83. package/src/components/segmented-control/segmented-control.tsx +136 -136
  84. package/src/components/sheet/modal-environment.ts +71 -64
  85. package/src/components/sheet/sheet-portal.tsx +58 -53
  86. package/src/components/sheet/sheet.tsx +146 -141
  87. package/src/components/sheet/use-sheet-focus.ts +97 -82
  88. package/src/components/sidebar/sidebar.tsx +78 -78
  89. package/src/components/skeleton/skeleton.tsx +30 -21
  90. package/src/components/slider/slider.tsx +113 -104
  91. package/src/components/slosh-slider/liquid-step.ts +32 -31
  92. package/src/components/slosh-slider/slosh-slider.tsx +265 -228
  93. package/src/components/stat-tile/index.ts +1 -1
  94. package/src/components/stat-tile/stat-tile.tsx +79 -68
  95. package/src/components/status-indicator/status-indicator.tsx +40 -37
  96. package/src/components/stepper/rolling-digit.tsx +82 -68
  97. package/src/components/stepper/stepper.tsx +122 -113
  98. package/src/components/swatch-picker/swatch-picker.tsx +120 -120
  99. package/src/components/tab-bar/tab-bar.tsx +149 -148
  100. package/src/components/tab-view/tab-view.tsx +140 -137
  101. package/src/components/table/table.tsx +117 -98
  102. package/src/components/text-editor/text-editor.tsx +34 -29
  103. package/src/components/text-field/text-field.tsx +182 -180
  104. package/src/components/toast/toast-store.ts +127 -115
  105. package/src/components/toast/toaster.tsx +361 -347
  106. package/src/components/toggle/toggle.tsx +297 -282
  107. package/src/components/tooltip/tooltip-host.tsx +157 -150
  108. package/src/components/view-controller/index.ts +1 -1
  109. package/src/components/view-controller/view-controller.tsx +64 -53
  110. package/src/components/wake-slider/wake-slider.tsx +220 -205
  111. package/src/hooks/scroll/minimize-decision.ts +11 -7
  112. package/src/hooks/use-anchored-disclosure.ts +19 -19
  113. package/src/hooks/use-anchored-placement.ts +29 -25
  114. package/src/hooks/use-dismiss.ts +33 -29
  115. package/src/hooks/use-floating-dismiss.ts +24 -22
  116. package/src/hooks/use-media-query.ts +67 -60
  117. package/src/hooks/use-minimize-on-scroll.ts +69 -60
  118. package/src/hooks/use-visual-viewport.ts +63 -63
  119. package/src/hooks/viewport/types.ts +16 -16
  120. package/src/hooks/viewport/viewport-metrics.ts +16 -10
  121. package/src/icons/icons.tsx +440 -328
  122. package/src/index.ts +91 -91
  123. package/src/lib/anchored-placement.ts +70 -65
  124. package/src/lib/class-names.ts +14 -13
  125. package/src/lib/clipboard.ts +8 -7
  126. package/src/lib/date.ts +61 -60
  127. package/src/lib/floating-layers.ts +39 -24
  128. package/src/lib/haptics.ts +10 -10
  129. package/src/lib/language.ts +9 -9
  130. package/src/lib/range-value.ts +27 -21
  131. package/src/lib/screen-edges.ts +33 -30
  132. package/src/lib/shapes.ts +38 -34
  133. package/src/machines/popover.machine.ts +51 -0
  134. package/src/motion/transitions.ts +46 -43
  135. package/src/styles/code-block.css +69 -43
  136. package/src/styles/motion-controls.css +393 -191
  137. package/src/tokens.ts +1 -1
  138. package/dist/types/src/components/popover/popover-fit.d.ts +0 -21
  139. package/dist/types/src/components/popover/popover.d.ts +0 -21
  140. package/src/components/popover/popover-fit.ts +0 -69
  141. package/src/components/popover/popover.tsx +0 -334
@@ -1,346 +1,458 @@
1
1
  import {
2
- LanguagesIcon,
3
- Loading03Icon,
4
- Logout01Icon,
5
- MoreVertical,
6
- SentIcon,
7
- InboxIcon as InboxGlyph,
8
- LaptopIcon as LaptopGlyph,
9
- SmartPhone01Icon,
10
- Tablet01Icon,
11
- Home01Icon,
12
- LibraryIcon as LibraryGlyph,
13
- UserIcon,
14
- Analytics01Icon,
15
- CustomerSupportIcon,
16
- Key01Icon,
17
- LockPasswordIcon,
18
- Add01Icon,
19
- AiMagicIcon,
20
- AlarmClockIcon,
21
- Alert02Icon,
22
- Archive01Icon,
23
- ArrowDown01Icon,
24
- ArrowLeft01Icon,
25
- ArrowRight01Icon,
26
- ArrowUp01Icon,
27
- BirthdayCakeIcon,
28
- Bookmark02Icon,
29
- Book02Icon,
30
- BookOpen01Icon,
31
- BubbleChatIcon,
32
- Calendar03Icon,
33
- Camera01Icon,
34
- Cancel01Icon,
35
- CheckListIcon,
36
- CheckmarkBadge01Icon,
37
- CheckmarkCircle02Icon,
38
- Clock01Icon,
39
- Comment01Icon,
40
- Copy01Icon,
41
- Cursor01Icon,
42
- Delete02Icon,
43
- Download01Icon,
44
- DragDropVerticalIcon,
45
- Eraser01Icon,
46
- FavouriteIcon,
47
- Folder01Icon,
48
- FileImportIcon,
49
- FullScreenIcon,
50
- Globe02Icon,
51
- GoBackward15SecIcon,
52
- GoForward30SecIcon,
53
- CanvasIcon as HugeCanvasIcon,
54
- HeadphonesIcon as HugeHeadphonesIcon,
55
- HighlighterIcon as HugeHighlighterIcon,
56
- PauseIcon as HugePauseIcon,
57
- PlayIcon as HugePlayIcon,
58
- RedoIcon as HugeRedoIcon,
59
- RepeatIcon as HugeRepeatIcon,
60
- StarIcon as HugeStarIcon,
61
- ThumbsUpIcon as HugeThumbsUpIcon,
62
- UndoIcon as HugeUndoIcon,
63
- Image01Icon,
64
- InformationCircleIcon,
65
- Invoice03Icon,
66
- LayoutGridIcon,
67
- LeftToRightListBulletIcon,
68
- Link01Icon,
69
- Location01Icon,
70
- LockIcon as LockIconSvg,
71
- Mic01Icon,
72
- Menu01Icon,
73
- Mail01Icon,
74
- MailReply01Icon,
75
- Moon02Icon,
76
- MoreHorizontalIcon,
77
- Mortarboard01Icon,
78
- NextIcon,
79
- NfcIcon,
80
- Note01Icon,
81
- NotebookIcon,
82
- Notification03Icon,
83
- PaintBrush02Icon,
84
- PanelLeftIcon,
85
- PencilEdit02Icon,
86
- PencilIcon,
87
- Pin02Icon,
88
- PreviousIcon,
89
- PrinterIcon,
90
- QrCodeIcon,
91
- QuillWrite02Icon,
92
- ScanIcon,
93
- Search01Icon,
94
- SearchAddIcon,
95
- Settings02Icon,
96
- Share08Icon,
97
- Store01Icon,
98
- Task01Icon,
99
- TextAlignCenterIcon,
100
- TextAlignLeftIcon,
101
- TextBoldIcon,
102
- TextItalicIcon,
103
- TextUnderlineIcon,
104
- Tick02Icon,
105
- Time04Icon,
106
- Touch01Icon,
107
- UnfoldMoreIcon,
108
- UserAdd01Icon,
109
- UserMultipleIcon,
110
- ViewIcon,
111
- ViewOffSlashIcon,
112
- Wallet01Icon,
113
- } from "@hugeicons/core-free-icons"
114
- import { HugeiconsIcon, type IconSvgElement } from "@hugeicons/react"
2
+ LanguagesIcon,
3
+ Loading03Icon,
4
+ Logout01Icon,
5
+ MoreVertical,
6
+ SentIcon,
7
+ InboxIcon as InboxGlyph,
8
+ LaptopIcon as LaptopGlyph,
9
+ SmartPhone01Icon,
10
+ Tablet01Icon,
11
+ Home01Icon,
12
+ LibraryIcon as LibraryGlyph,
13
+ UserIcon,
14
+ Analytics01Icon,
15
+ CustomerSupportIcon,
16
+ Key01Icon,
17
+ LockPasswordIcon,
18
+ Add01Icon,
19
+ AiMagicIcon,
20
+ AlarmClockIcon,
21
+ Alert02Icon,
22
+ Archive01Icon,
23
+ ArrowDown01Icon,
24
+ ArrowLeft01Icon,
25
+ ArrowRight01Icon,
26
+ ArrowUp01Icon,
27
+ BirthdayCakeIcon,
28
+ Bookmark02Icon,
29
+ Book02Icon,
30
+ BookOpen01Icon,
31
+ BubbleChatIcon,
32
+ Calendar03Icon,
33
+ Camera01Icon,
34
+ Cancel01Icon,
35
+ CheckListIcon,
36
+ CheckmarkBadge01Icon,
37
+ CheckmarkCircle02Icon,
38
+ Clock01Icon,
39
+ Comment01Icon,
40
+ Copy01Icon,
41
+ Cursor01Icon,
42
+ Delete02Icon,
43
+ Download01Icon,
44
+ DragDropVerticalIcon,
45
+ Eraser01Icon,
46
+ FavouriteIcon,
47
+ Folder01Icon,
48
+ FileImportIcon,
49
+ FullScreenIcon,
50
+ Globe02Icon,
51
+ GoBackward15SecIcon,
52
+ GoForward30SecIcon,
53
+ CanvasIcon as HugeCanvasIcon,
54
+ HeadphonesIcon as HugeHeadphonesIcon,
55
+ HighlighterIcon as HugeHighlighterIcon,
56
+ PauseIcon as HugePauseIcon,
57
+ PlayIcon as HugePlayIcon,
58
+ RedoIcon as HugeRedoIcon,
59
+ RepeatIcon as HugeRepeatIcon,
60
+ StarIcon as HugeStarIcon,
61
+ ThumbsUpIcon as HugeThumbsUpIcon,
62
+ UndoIcon as HugeUndoIcon,
63
+ Image01Icon,
64
+ InformationCircleIcon,
65
+ Invoice03Icon,
66
+ LayoutGridIcon,
67
+ LeftToRightListBulletIcon,
68
+ Link01Icon,
69
+ Location01Icon,
70
+ LockIcon as LockIconSvg,
71
+ Mic01Icon,
72
+ Menu01Icon,
73
+ Mail01Icon,
74
+ MailReply01Icon,
75
+ Moon02Icon,
76
+ MoreHorizontalIcon,
77
+ Mortarboard01Icon,
78
+ NextIcon,
79
+ NfcIcon,
80
+ Note01Icon,
81
+ NotebookIcon,
82
+ Notification03Icon,
83
+ PaintBrush02Icon,
84
+ PanelLeftIcon,
85
+ PencilEdit02Icon,
86
+ PencilIcon,
87
+ Pin02Icon,
88
+ PreviousIcon,
89
+ PrinterIcon,
90
+ QrCodeIcon,
91
+ QuillWrite02Icon,
92
+ ScanIcon,
93
+ Search01Icon,
94
+ SearchAddIcon,
95
+ Settings02Icon,
96
+ Share08Icon,
97
+ Store01Icon,
98
+ Task01Icon,
99
+ TextAlignCenterIcon,
100
+ TextAlignLeftIcon,
101
+ TextBoldIcon,
102
+ TextItalicIcon,
103
+ TextUnderlineIcon,
104
+ Tick02Icon,
105
+ Time04Icon,
106
+ Touch01Icon,
107
+ UnfoldMoreIcon,
108
+ UserAdd01Icon,
109
+ UserMultipleIcon,
110
+ ViewIcon,
111
+ ViewOffSlashIcon,
112
+ Wallet01Icon,
113
+ } from "@hugeicons/core-free-icons";
114
+ import { HugeiconsIcon, type IconSvgElement } from "@hugeicons/react";
115
115
  import {
116
- Analytics01Icon as CatalogAnalyticsGlyph,
117
- Calendar03Icon as CatalogCalendarGlyph,
118
- Clock01Icon as CatalogClockGlyph,
119
- ColorsIcon as CatalogColorsGlyph,
120
- InputTextIcon as CatalogInputTextGlyph,
121
- LabelIcon as CatalogLabelGlyph,
122
- LayoutTwoColumnIcon as CatalogColumnsGlyph,
123
- ListViewIcon as CatalogListGlyph,
124
- LockPasswordIcon as CatalogPasswordGlyph,
125
- Search01Icon as CatalogSearchGlyph,
126
- SearchList01Icon as CatalogSearchListGlyph,
127
- Settings02Icon as CatalogSettingsGlyph,
128
- StatusIcon as CatalogStatusGlyph,
129
- Tag01Icon as CatalogTagGlyph,
130
- Tap01Icon as CatalogTapGlyph,
131
- TextAlignLeftIcon as CatalogTextGlyph,
132
- ToggleOnIcon as CatalogToggleGlyph,
133
- UnfoldMoreIcon as CatalogUnfoldGlyph,
134
- UserCircleIcon as CatalogUserGlyph,
135
- LayoutTopIcon as CatalogLayoutTopGlyph,
136
- LayoutBottomIcon as CatalogLayoutBottomGlyph,
137
- SidebarLeftIcon as CatalogSidebarGlyph,
138
- BrowserIcon as CatalogBrowserGlyph,
139
- Table01Icon as CatalogTableGlyph,
140
- CardsIcon as CatalogCardsGlyph,
141
- Message01Icon as CatalogMessageGlyph,
142
- Sun03Icon as CatalogSunGlyph,
143
- AlertSquareIcon as CatalogAlertGlyph,
144
- PanelBottomIcon as CatalogPanelGlyph,
145
- BubbleChatIcon as CatalogBubbleGlyph,
146
- Notification03Icon as CatalogNotificationGlyph,
147
- MenuSquareIcon as CatalogMenuGlyph,
148
- HelpCircleIcon as CatalogHelpGlyph,
149
- TranslateIcon as CatalogTranslateGlyph,
150
- PaintBoardIcon as GuidePaintGlyph,
151
- TextIcon as GuideTextGlyph,
152
- Layers01Icon as GuideLayersGlyph,
153
- ArrowUp02Icon as UploadGlyph,
154
- PlusSignIcon as AttachGlyph,
155
- } from "@hugeicons/core-free-icons"
156
- import type { SVGProps } from "react"
157
- import { cn } from "../lib/class-names"
116
+ Analytics01Icon as CatalogAnalyticsGlyph,
117
+ Calendar03Icon as CatalogCalendarGlyph,
118
+ Clock01Icon as CatalogClockGlyph,
119
+ ColorsIcon as CatalogColorsGlyph,
120
+ InputTextIcon as CatalogInputTextGlyph,
121
+ LabelIcon as CatalogLabelGlyph,
122
+ LayoutTwoColumnIcon as CatalogColumnsGlyph,
123
+ ListViewIcon as CatalogListGlyph,
124
+ LockPasswordIcon as CatalogPasswordGlyph,
125
+ Search01Icon as CatalogSearchGlyph,
126
+ SearchList01Icon as CatalogSearchListGlyph,
127
+ Settings02Icon as CatalogSettingsGlyph,
128
+ StatusIcon as CatalogStatusGlyph,
129
+ Tag01Icon as CatalogTagGlyph,
130
+ Tap01Icon as CatalogTapGlyph,
131
+ TextAlignLeftIcon as CatalogTextGlyph,
132
+ ToggleOnIcon as CatalogToggleGlyph,
133
+ UnfoldMoreIcon as CatalogUnfoldGlyph,
134
+ UserCircleIcon as CatalogUserGlyph,
135
+ LayoutTopIcon as CatalogLayoutTopGlyph,
136
+ LayoutBottomIcon as CatalogLayoutBottomGlyph,
137
+ SidebarLeftIcon as CatalogSidebarGlyph,
138
+ BrowserIcon as CatalogBrowserGlyph,
139
+ Table01Icon as CatalogTableGlyph,
140
+ CardsIcon as CatalogCardsGlyph,
141
+ Message01Icon as CatalogMessageGlyph,
142
+ Sun03Icon as CatalogSunGlyph,
143
+ AlertSquareIcon as CatalogAlertGlyph,
144
+ PanelBottomIcon as CatalogPanelGlyph,
145
+ BubbleChatIcon as CatalogBubbleGlyph,
146
+ Notification03Icon as CatalogNotificationGlyph,
147
+ MenuSquareIcon as CatalogMenuGlyph,
148
+ HelpCircleIcon as CatalogHelpGlyph,
149
+ TranslateIcon as CatalogTranslateGlyph,
150
+ PaintBoardIcon as GuidePaintGlyph,
151
+ TextIcon as GuideTextGlyph,
152
+ Layers01Icon as GuideLayersGlyph,
153
+ ArrowUp02Icon as UploadGlyph,
154
+ PlusSignIcon as AttachGlyph,
155
+ } from "@hugeicons/core-free-icons";
156
+ import type { SVGProps } from "react";
157
+ import { cn } from "../lib/class-names";
158
158
 
159
159
  export type IconProps = Omit<SVGProps<SVGSVGElement>, "ref"> & {
160
- /** Width and height in CSS pixels. @default 20 */
161
- size?: number
162
- /** Stroke weight shared across Passui icons. @default 1.6 */
163
- strokeWidth?: number
164
- }
160
+ /** Width and height in CSS pixels. @default 20 */
161
+ size?: number;
162
+ /** Stroke weight shared across Passui icons. @default 1.6 */
163
+ strokeWidth?: number;
164
+ };
165
165
 
166
166
  /** Rounded stroke icons with Passui's default size, weight, and decorative semantics. */
167
167
  function icon(svg: IconSvgElement, displayName: string) {
168
- const Icon = ({ size = 20, strokeWidth = 1.6, ...props }: IconProps) => (
169
- <HugeiconsIcon
170
- icon={svg}
171
- size={size}
172
- strokeWidth={strokeWidth}
173
- aria-hidden="true"
174
- {...props}
175
- />
176
- )
177
- Icon.displayName = displayName
178
- return Icon
168
+ const Icon = ({ size = 20, strokeWidth = 1.6, ...props }: IconProps) => (
169
+ <HugeiconsIcon
170
+ icon={svg}
171
+ size={size}
172
+ strokeWidth={strokeWidth}
173
+ aria-hidden="true"
174
+ {...props}
175
+ />
176
+ );
177
+ Icon.displayName = displayName;
178
+ return Icon;
179
179
  }
180
180
 
181
181
  /** A filled variant for toggled states (hearted, starred). */
182
182
  function toggleIcon(svg: IconSvgElement, displayName: string) {
183
- const Base = /* @__PURE__ */ icon(svg, displayName)
184
- const Icon = ({ filled = false, className, ...props }: IconProps & { filled?: boolean }) => (
185
- <Base className={cn(filled && "[&_path]:fill-current", className)} {...props} />
186
- )
187
- Icon.displayName = displayName
188
- return Icon
183
+ const Base = /* @__PURE__ */ icon(svg, displayName);
184
+ const Icon = ({
185
+ filled = false,
186
+ className,
187
+ ...props
188
+ }: IconProps & { filled?: boolean }) => (
189
+ <Base
190
+ className={cn(filled && "[&_path]:fill-current", className)}
191
+ {...props}
192
+ />
193
+ );
194
+ Icon.displayName = displayName;
195
+ return Icon;
189
196
  }
190
197
 
191
198
  /** Existing catalog glyphs rendered through PassUI's common icon contract. */
192
199
  export const catalogIcons = {
193
- tap: /* @__PURE__ */ icon(CatalogTapGlyph, "CatalogTapIcon"),
194
- settings: /* @__PURE__ */ icon(CatalogSettingsGlyph, "CatalogSettingsIcon"),
195
- tag: /* @__PURE__ */ icon(CatalogTagGlyph, "CatalogTagIcon"),
196
- input: /* @__PURE__ */ icon(CatalogInputTextGlyph, "CatalogInputIcon"),
197
- password: /* @__PURE__ */ icon(CatalogPasswordGlyph, "CatalogPasswordIcon"),
198
- search: /* @__PURE__ */ icon(CatalogSearchGlyph, "CatalogSearchIcon"),
199
- toggle: /* @__PURE__ */ icon(CatalogToggleGlyph, "CatalogToggleIcon"),
200
- columns: /* @__PURE__ */ icon(CatalogColumnsGlyph, "CatalogColumnsIcon"),
201
- unfold: /* @__PURE__ */ icon(CatalogUnfoldGlyph, "CatalogUnfoldIcon"),
202
- colors: /* @__PURE__ */ icon(CatalogColorsGlyph, "CatalogColorsIcon"),
203
- calendar: /* @__PURE__ */ icon(CatalogCalendarGlyph, "CatalogCalendarIcon"),
204
- clock: /* @__PURE__ */ icon(CatalogClockGlyph, "CatalogClockIcon"),
205
- text: /* @__PURE__ */ icon(CatalogTextGlyph, "CatalogTextIcon"),
206
- searchList: /* @__PURE__ */ icon(CatalogSearchListGlyph, "CatalogSearchListIcon"),
207
- list: /* @__PURE__ */ icon(CatalogListGlyph, "CatalogListIcon"),
208
- label: /* @__PURE__ */ icon(CatalogLabelGlyph, "CatalogLabelIcon"),
209
- table: /* @__PURE__ */ icon(CatalogTableGlyph, "CatalogTableIcon"),
210
- cards: /* @__PURE__ */ icon(CatalogCardsGlyph, "CatalogCardsIcon"),
211
- message: /* @__PURE__ */ icon(CatalogMessageGlyph, "CatalogMessageIcon"),
212
- sun: /* @__PURE__ */ icon(CatalogSunGlyph, "CatalogSunIcon"),
213
- status: /* @__PURE__ */ icon(CatalogStatusGlyph, "CatalogStatusIcon"),
214
- analytics: /* @__PURE__ */ icon(CatalogAnalyticsGlyph, "CatalogAnalyticsIcon"),
215
- alert: /* @__PURE__ */ icon(CatalogAlertGlyph, "CatalogAlertIcon"),
216
- panel: /* @__PURE__ */ icon(CatalogPanelGlyph, "CatalogPanelIcon"),
217
- bubble: /* @__PURE__ */ icon(CatalogBubbleGlyph, "CatalogBubbleIcon"),
218
- notification: /* @__PURE__ */ icon(CatalogNotificationGlyph, "CatalogNotificationIcon"),
219
- menu: /* @__PURE__ */ icon(CatalogMenuGlyph, "CatalogMenuIcon"),
220
- help: /* @__PURE__ */ icon(CatalogHelpGlyph, "CatalogHelpIcon"),
221
- translate: /* @__PURE__ */ icon(CatalogTranslateGlyph, "CatalogTranslateIcon"),
222
- layoutTop: /* @__PURE__ */ icon(CatalogLayoutTopGlyph, "CatalogLayoutTopIcon"),
223
- layoutBottom: /* @__PURE__ */ icon(CatalogLayoutBottomGlyph, "CatalogLayoutBottomIcon"),
224
- sidebar: /* @__PURE__ */ icon(CatalogSidebarGlyph, "CatalogSidebarIcon"),
225
- browser: /* @__PURE__ */ icon(CatalogBrowserGlyph, "CatalogBrowserIcon"),
226
- user: /* @__PURE__ */ icon(CatalogUserGlyph, "CatalogUserIcon"),
227
- } as const
200
+ tap: /* @__PURE__ */ icon(CatalogTapGlyph, "CatalogTapIcon"),
201
+ settings: /* @__PURE__ */ icon(CatalogSettingsGlyph, "CatalogSettingsIcon"),
202
+ tag: /* @__PURE__ */ icon(CatalogTagGlyph, "CatalogTagIcon"),
203
+ input: /* @__PURE__ */ icon(CatalogInputTextGlyph, "CatalogInputIcon"),
204
+ password: /* @__PURE__ */ icon(CatalogPasswordGlyph, "CatalogPasswordIcon"),
205
+ search: /* @__PURE__ */ icon(CatalogSearchGlyph, "CatalogSearchIcon"),
206
+ toggle: /* @__PURE__ */ icon(CatalogToggleGlyph, "CatalogToggleIcon"),
207
+ columns: /* @__PURE__ */ icon(CatalogColumnsGlyph, "CatalogColumnsIcon"),
208
+ unfold: /* @__PURE__ */ icon(CatalogUnfoldGlyph, "CatalogUnfoldIcon"),
209
+ colors: /* @__PURE__ */ icon(CatalogColorsGlyph, "CatalogColorsIcon"),
210
+ calendar: /* @__PURE__ */ icon(CatalogCalendarGlyph, "CatalogCalendarIcon"),
211
+ clock: /* @__PURE__ */ icon(CatalogClockGlyph, "CatalogClockIcon"),
212
+ text: /* @__PURE__ */ icon(CatalogTextGlyph, "CatalogTextIcon"),
213
+ searchList: /* @__PURE__ */ icon(
214
+ CatalogSearchListGlyph,
215
+ "CatalogSearchListIcon",
216
+ ),
217
+ list: /* @__PURE__ */ icon(CatalogListGlyph, "CatalogListIcon"),
218
+ label: /* @__PURE__ */ icon(CatalogLabelGlyph, "CatalogLabelIcon"),
219
+ table: /* @__PURE__ */ icon(CatalogTableGlyph, "CatalogTableIcon"),
220
+ cards: /* @__PURE__ */ icon(CatalogCardsGlyph, "CatalogCardsIcon"),
221
+ message: /* @__PURE__ */ icon(CatalogMessageGlyph, "CatalogMessageIcon"),
222
+ sun: /* @__PURE__ */ icon(CatalogSunGlyph, "CatalogSunIcon"),
223
+ status: /* @__PURE__ */ icon(CatalogStatusGlyph, "CatalogStatusIcon"),
224
+ analytics: /* @__PURE__ */ icon(
225
+ CatalogAnalyticsGlyph,
226
+ "CatalogAnalyticsIcon",
227
+ ),
228
+ alert: /* @__PURE__ */ icon(CatalogAlertGlyph, "CatalogAlertIcon"),
229
+ panel: /* @__PURE__ */ icon(CatalogPanelGlyph, "CatalogPanelIcon"),
230
+ bubble: /* @__PURE__ */ icon(CatalogBubbleGlyph, "CatalogBubbleIcon"),
231
+ notification: /* @__PURE__ */ icon(
232
+ CatalogNotificationGlyph,
233
+ "CatalogNotificationIcon",
234
+ ),
235
+ menu: /* @__PURE__ */ icon(CatalogMenuGlyph, "CatalogMenuIcon"),
236
+ help: /* @__PURE__ */ icon(CatalogHelpGlyph, "CatalogHelpIcon"),
237
+ translate: /* @__PURE__ */ icon(
238
+ CatalogTranslateGlyph,
239
+ "CatalogTranslateIcon",
240
+ ),
241
+ layoutTop: /* @__PURE__ */ icon(
242
+ CatalogLayoutTopGlyph,
243
+ "CatalogLayoutTopIcon",
244
+ ),
245
+ layoutBottom: /* @__PURE__ */ icon(
246
+ CatalogLayoutBottomGlyph,
247
+ "CatalogLayoutBottomIcon",
248
+ ),
249
+ sidebar: /* @__PURE__ */ icon(CatalogSidebarGlyph, "CatalogSidebarIcon"),
250
+ browser: /* @__PURE__ */ icon(CatalogBrowserGlyph, "CatalogBrowserIcon"),
251
+ user: /* @__PURE__ */ icon(CatalogUserGlyph, "CatalogUserIcon"),
252
+ } as const;
228
253
 
229
- export const NoteIcon = /* @__PURE__ */ icon(Note01Icon, "NoteIcon")
230
- export const LanguageIcon = /* @__PURE__ */ icon(LanguagesIcon, "LanguageIcon")
231
- export const LoadingIcon = /* @__PURE__ */ icon(Loading03Icon, "LoadingIcon")
232
- export const SignOutIcon = /* @__PURE__ */ icon(Logout01Icon, "SignOutIcon")
233
- export const MoreVerticalIcon = /* @__PURE__ */ icon(MoreVertical, "MoreVerticalIcon")
234
- export const SendIcon = /* @__PURE__ */ icon(SentIcon, "SendIcon")
235
- export const InboxIcon = /* @__PURE__ */ icon(InboxGlyph, "InboxIcon")
236
- export const LaptopIcon = /* @__PURE__ */ icon(LaptopGlyph, "LaptopIcon")
237
- export const SmartphoneIcon = /* @__PURE__ */ icon(SmartPhone01Icon, "SmartphoneIcon")
238
- export const TabletIcon = /* @__PURE__ */ icon(Tablet01Icon, "TabletIcon")
239
- export const HomeIcon = /* @__PURE__ */ icon(Home01Icon, "HomeIcon")
240
- export const LibraryIcon = /* @__PURE__ */ icon(LibraryGlyph, "LibraryIcon")
241
- export const PersonIcon = /* @__PURE__ */ icon(UserIcon, "PersonIcon")
242
- export const ChartIcon = /* @__PURE__ */ icon(Analytics01Icon, "ChartIcon")
243
- export const SupportIcon = /* @__PURE__ */ icon(CustomerSupportIcon, "SupportIcon")
244
- export const KeyIcon = /* @__PURE__ */ icon(Key01Icon, "KeyIcon")
245
- export const PasswordIcon = /* @__PURE__ */ icon(LockPasswordIcon, "PasswordIcon")
246
- export const JournalIcon = /* @__PURE__ */ icon(NotebookIcon, "JournalIcon")
247
- export const PenIcon = /* @__PURE__ */ icon(PencilEdit02Icon, "PenIcon")
248
- export const StoryIcon = /* @__PURE__ */ icon(QuillWrite02Icon, "StoryIcon")
249
- export const BookIcon = /* @__PURE__ */ icon(BookOpen01Icon, "BookIcon")
250
- export const ArticleIcon = /* @__PURE__ */ icon(Book02Icon, "ArticleIcon")
251
- export const CanvasIcon = /* @__PURE__ */ icon(HugeCanvasIcon, "CanvasIcon")
252
- export const LessonIcon = /* @__PURE__ */ icon(Mortarboard01Icon, "LessonIcon")
253
- export const PlanIcon = /* @__PURE__ */ icon(CheckListIcon, "PlanIcon")
254
- export const MicIcon = /* @__PURE__ */ icon(Mic01Icon, "MicIcon")
255
- export const GlobeIcon = /* @__PURE__ */ icon(Globe02Icon, "GlobeIcon")
256
- export const ChecklistIcon = /* @__PURE__ */ icon(CheckmarkCircle02Icon, "ChecklistIcon")
257
- export const DrawIcon = /* @__PURE__ */ icon(PencilIcon, "DrawIcon")
258
- export const ShareIcon = /* @__PURE__ */ icon(Share08Icon, "ShareIcon")
259
- export const SearchIcon = /* @__PURE__ */ icon(Search01Icon, "SearchIcon")
260
- export const ChevronLeftIcon = /* @__PURE__ */ icon(ArrowLeft01Icon, "ChevronLeftIcon")
261
- export const ChevronRightIcon = /* @__PURE__ */ icon(ArrowRight01Icon, "ChevronRightIcon")
262
- export const ChevronUpIcon = /* @__PURE__ */ icon(ArrowUp01Icon, "ChevronUpIcon")
263
- export const ChevronDownIcon = /* @__PURE__ */ icon(ArrowDown01Icon, "ChevronDownIcon")
264
- export const CloseIcon = /* @__PURE__ */ icon(Cancel01Icon, "CloseIcon")
265
- export const MenuIcon = /* @__PURE__ */ icon(Menu01Icon, "MenuIcon")
266
- export const ThemingIcon = /* @__PURE__ */ icon(GuidePaintGlyph, "ThemingIcon")
267
- export const TypesetIcon = /* @__PURE__ */ icon(GuideTextGlyph, "TypesetIcon")
268
- export const LayersIcon = /* @__PURE__ */ icon(GuideLayersGlyph, "LayersIcon")
269
- export const UploadIcon = /* @__PURE__ */ icon(UploadGlyph, "UploadIcon")
270
- export const AttachIcon = /* @__PURE__ */ icon(AttachGlyph, "AttachIcon")
271
- export const PlusIcon = /* @__PURE__ */ icon(Add01Icon, "PlusIcon")
272
- export const LinkIcon = /* @__PURE__ */ icon(Link01Icon, "LinkIcon")
273
- export const CommentIcon = /* @__PURE__ */ icon(Comment01Icon, "CommentIcon")
274
- export const TrashIcon = /* @__PURE__ */ icon(Delete02Icon, "TrashIcon")
275
- export const PinIcon = /* @__PURE__ */ icon(Pin02Icon, "PinIcon")
276
- export const SidebarIcon = /* @__PURE__ */ icon(PanelLeftIcon, "SidebarIcon")
277
- export const SettingsIcon = /* @__PURE__ */ icon(Settings02Icon, "SettingsIcon")
278
- export const DragHandleIcon = /* @__PURE__ */ icon(DragDropVerticalIcon, "DragHandleIcon")
279
- export const VisibleIcon = /* @__PURE__ */ icon(ViewIcon, "VisibleIcon")
280
- export const HiddenIcon = /* @__PURE__ */ icon(ViewOffSlashIcon, "HiddenIcon")
281
- export const CheckIcon = /* @__PURE__ */ icon(Tick02Icon, "CheckIcon")
282
- export const InvoiceIcon = /* @__PURE__ */ icon(Invoice03Icon, "InvoiceIcon")
283
- export const QrCodeGlyph = /* @__PURE__ */ icon(QrCodeIcon, "QrCodeGlyph")
284
- export const WalletIcon = /* @__PURE__ */ icon(Wallet01Icon, "WalletIcon")
285
- export const ScanCodeIcon = /* @__PURE__ */ icon(ScanIcon, "ScanCodeIcon")
286
- export const VerifiedIcon = /* @__PURE__ */ icon(CheckmarkBadge01Icon, "VerifiedIcon")
287
- export const WarningIcon = /* @__PURE__ */ icon(Alert02Icon, "WarningIcon")
288
- export const PrintIcon = /* @__PURE__ */ icon(PrinterIcon, "PrintIcon")
289
- export const ImportIcon = /* @__PURE__ */ icon(FileImportIcon, "ImportIcon")
290
- export const DownloadIcon = /* @__PURE__ */ icon(Download01Icon, "DownloadIcon")
291
- export const PlayIcon = /* @__PURE__ */ icon(HugePlayIcon, "PlayIcon")
292
- export const PauseIcon = /* @__PURE__ */ icon(HugePauseIcon, "PauseIcon")
293
- export const SkipBackIcon = /* @__PURE__ */ icon(GoBackward15SecIcon, "SkipBackIcon")
294
- export const SkipForwardIcon = /* @__PURE__ */ icon(GoForward30SecIcon, "SkipForwardIcon")
295
- export const PreviousTrackIcon = /* @__PURE__ */ icon(PreviousIcon, "PreviousTrackIcon")
296
- export const NextTrackIcon = /* @__PURE__ */ icon(NextIcon, "NextTrackIcon")
297
- export const HeadphonesIcon = /* @__PURE__ */ icon(HugeHeadphonesIcon, "HeadphonesIcon")
298
- export const HighlighterIcon = /* @__PURE__ */ icon(HugeHighlighterIcon, "HighlighterIcon")
299
- export const ChaptersIcon = /* @__PURE__ */ icon(LeftToRightListBulletIcon, "ChaptersIcon")
300
- export const SleepIcon = /* @__PURE__ */ icon(Moon02Icon, "SleepIcon")
301
- export const ExpandIcon = /* @__PURE__ */ icon(FullScreenIcon, "ExpandIcon")
302
- export const SparkleIcon = /* @__PURE__ */ icon(AiMagicIcon, "SparkleIcon")
303
- export const BellIcon = /* @__PURE__ */ icon(Notification03Icon, "BellIcon")
304
- export const BusinessIcon = /* @__PURE__ */ icon(Store01Icon, "BusinessIcon")
305
- export const CalendarIcon = /* @__PURE__ */ icon(Calendar03Icon, "CalendarIcon")
306
- export const BirthdayIcon = /* @__PURE__ */ icon(BirthdayCakeIcon, "BirthdayIcon")
307
- export const AlarmIcon = /* @__PURE__ */ icon(AlarmClockIcon, "AlarmIcon")
308
- export const RepeatIcon = /* @__PURE__ */ icon(HugeRepeatIcon, "RepeatIcon")
309
- export const UndoIcon = /* @__PURE__ */ icon(HugeUndoIcon, "UndoIcon")
310
- export const RedoIcon = /* @__PURE__ */ icon(HugeRedoIcon, "RedoIcon")
311
- export const PointerIcon = /* @__PURE__ */ icon(Cursor01Icon, "PointerIcon")
312
- export const EraserIcon = /* @__PURE__ */ icon(Eraser01Icon, "EraserIcon")
313
- export const TouchIcon = /* @__PURE__ */ icon(Touch01Icon, "TouchIcon")
314
- export const BubbleIcon = /* @__PURE__ */ icon(BubbleChatIcon, "BubbleIcon")
315
- export const BrushIcon = /* @__PURE__ */ icon(PaintBrush02Icon, "BrushIcon")
316
- export const LayoutIcon = /* @__PURE__ */ icon(LayoutGridIcon, "LayoutIcon")
317
- export const ZoomIcon = /* @__PURE__ */ icon(SearchAddIcon, "ZoomIcon")
318
- export const SelectorIcon = /* @__PURE__ */ icon(UnfoldMoreIcon, "SelectorIcon")
319
- export const MoreIcon = /* @__PURE__ */ icon(MoreHorizontalIcon, "MoreIcon")
320
- export const PeopleIcon = /* @__PURE__ */ icon(UserMultipleIcon, "PeopleIcon")
321
- export const AddPersonIcon = /* @__PURE__ */ icon(UserAdd01Icon, "AddPersonIcon")
322
- export const ClockIcon = /* @__PURE__ */ icon(Clock01Icon, "ClockIcon")
323
- export const LocationIcon = /* @__PURE__ */ icon(Location01Icon, "LocationIcon")
324
- export const TaskIcon = /* @__PURE__ */ icon(Task01Icon, "TaskIcon")
325
- export const FolderIcon = /* @__PURE__ */ icon(Folder01Icon, "FolderIcon")
326
- export const RecentIcon = /* @__PURE__ */ icon(Time04Icon, "RecentIcon")
327
- export const ThumbsUpIcon = /* @__PURE__ */ toggleIcon(HugeThumbsUpIcon, "ThumbsUpIcon")
328
- export const HeartIcon = /* @__PURE__ */ toggleIcon(FavouriteIcon, "HeartIcon")
329
- export const StarIcon = /* @__PURE__ */ toggleIcon(HugeStarIcon, "StarIcon")
254
+ export const NoteIcon = /* @__PURE__ */ icon(Note01Icon, "NoteIcon");
255
+ export const LanguageIcon = /* @__PURE__ */ icon(LanguagesIcon, "LanguageIcon");
256
+ export const LoadingIcon = /* @__PURE__ */ icon(Loading03Icon, "LoadingIcon");
257
+ export const SignOutIcon = /* @__PURE__ */ icon(Logout01Icon, "SignOutIcon");
258
+ export const MoreVerticalIcon = /* @__PURE__ */ icon(
259
+ MoreVertical,
260
+ "MoreVerticalIcon",
261
+ );
262
+ export const SendIcon = /* @__PURE__ */ icon(SentIcon, "SendIcon");
263
+ export const InboxIcon = /* @__PURE__ */ icon(InboxGlyph, "InboxIcon");
264
+ export const LaptopIcon = /* @__PURE__ */ icon(LaptopGlyph, "LaptopIcon");
265
+ export const SmartphoneIcon = /* @__PURE__ */ icon(
266
+ SmartPhone01Icon,
267
+ "SmartphoneIcon",
268
+ );
269
+ export const TabletIcon = /* @__PURE__ */ icon(Tablet01Icon, "TabletIcon");
270
+ export const HomeIcon = /* @__PURE__ */ icon(Home01Icon, "HomeIcon");
271
+ export const LibraryIcon = /* @__PURE__ */ icon(LibraryGlyph, "LibraryIcon");
272
+ export const PersonIcon = /* @__PURE__ */ icon(UserIcon, "PersonIcon");
273
+ export const ChartIcon = /* @__PURE__ */ icon(Analytics01Icon, "ChartIcon");
274
+ export const SupportIcon = /* @__PURE__ */ icon(
275
+ CustomerSupportIcon,
276
+ "SupportIcon",
277
+ );
278
+ export const KeyIcon = /* @__PURE__ */ icon(Key01Icon, "KeyIcon");
279
+ export const PasswordIcon = /* @__PURE__ */ icon(
280
+ LockPasswordIcon,
281
+ "PasswordIcon",
282
+ );
283
+ export const JournalIcon = /* @__PURE__ */ icon(NotebookIcon, "JournalIcon");
284
+ export const PenIcon = /* @__PURE__ */ icon(PencilEdit02Icon, "PenIcon");
285
+ export const StoryIcon = /* @__PURE__ */ icon(QuillWrite02Icon, "StoryIcon");
286
+ export const BookIcon = /* @__PURE__ */ icon(BookOpen01Icon, "BookIcon");
287
+ export const ArticleIcon = /* @__PURE__ */ icon(Book02Icon, "ArticleIcon");
288
+ export const CanvasIcon = /* @__PURE__ */ icon(HugeCanvasIcon, "CanvasIcon");
289
+ export const LessonIcon = /* @__PURE__ */ icon(Mortarboard01Icon, "LessonIcon");
290
+ export const PlanIcon = /* @__PURE__ */ icon(CheckListIcon, "PlanIcon");
291
+ export const MicIcon = /* @__PURE__ */ icon(Mic01Icon, "MicIcon");
292
+ export const GlobeIcon = /* @__PURE__ */ icon(Globe02Icon, "GlobeIcon");
293
+ export const ChecklistIcon = /* @__PURE__ */ icon(
294
+ CheckmarkCircle02Icon,
295
+ "ChecklistIcon",
296
+ );
297
+ export const DrawIcon = /* @__PURE__ */ icon(PencilIcon, "DrawIcon");
298
+ export const ShareIcon = /* @__PURE__ */ icon(Share08Icon, "ShareIcon");
299
+ export const SearchIcon = /* @__PURE__ */ icon(Search01Icon, "SearchIcon");
300
+ export const ChevronLeftIcon = /* @__PURE__ */ icon(
301
+ ArrowLeft01Icon,
302
+ "ChevronLeftIcon",
303
+ );
304
+ export const ChevronRightIcon = /* @__PURE__ */ icon(
305
+ ArrowRight01Icon,
306
+ "ChevronRightIcon",
307
+ );
308
+ export const ChevronUpIcon = /* @__PURE__ */ icon(
309
+ ArrowUp01Icon,
310
+ "ChevronUpIcon",
311
+ );
312
+ export const ChevronDownIcon = /* @__PURE__ */ icon(
313
+ ArrowDown01Icon,
314
+ "ChevronDownIcon",
315
+ );
316
+ export const CloseIcon = /* @__PURE__ */ icon(Cancel01Icon, "CloseIcon");
317
+ export const MenuIcon = /* @__PURE__ */ icon(Menu01Icon, "MenuIcon");
318
+ export const ThemingIcon = /* @__PURE__ */ icon(GuidePaintGlyph, "ThemingIcon");
319
+ export const TypesetIcon = /* @__PURE__ */ icon(GuideTextGlyph, "TypesetIcon");
320
+ export const LayersIcon = /* @__PURE__ */ icon(GuideLayersGlyph, "LayersIcon");
321
+ export const UploadIcon = /* @__PURE__ */ icon(UploadGlyph, "UploadIcon");
322
+ export const AttachIcon = /* @__PURE__ */ icon(AttachGlyph, "AttachIcon");
323
+ export const PlusIcon = /* @__PURE__ */ icon(Add01Icon, "PlusIcon");
324
+ export const LinkIcon = /* @__PURE__ */ icon(Link01Icon, "LinkIcon");
325
+ export const CommentIcon = /* @__PURE__ */ icon(Comment01Icon, "CommentIcon");
326
+ export const TrashIcon = /* @__PURE__ */ icon(Delete02Icon, "TrashIcon");
327
+ export const PinIcon = /* @__PURE__ */ icon(Pin02Icon, "PinIcon");
328
+ export const SidebarIcon = /* @__PURE__ */ icon(PanelLeftIcon, "SidebarIcon");
329
+ export const SettingsIcon = /* @__PURE__ */ icon(
330
+ Settings02Icon,
331
+ "SettingsIcon",
332
+ );
333
+ export const DragHandleIcon = /* @__PURE__ */ icon(
334
+ DragDropVerticalIcon,
335
+ "DragHandleIcon",
336
+ );
337
+ export const VisibleIcon = /* @__PURE__ */ icon(ViewIcon, "VisibleIcon");
338
+ export const HiddenIcon = /* @__PURE__ */ icon(ViewOffSlashIcon, "HiddenIcon");
339
+ export const CheckIcon = /* @__PURE__ */ icon(Tick02Icon, "CheckIcon");
340
+ export const InvoiceIcon = /* @__PURE__ */ icon(Invoice03Icon, "InvoiceIcon");
341
+ export const QrCodeGlyph = /* @__PURE__ */ icon(QrCodeIcon, "QrCodeGlyph");
342
+ export const WalletIcon = /* @__PURE__ */ icon(Wallet01Icon, "WalletIcon");
343
+ export const ScanCodeIcon = /* @__PURE__ */ icon(ScanIcon, "ScanCodeIcon");
344
+ export const VerifiedIcon = /* @__PURE__ */ icon(
345
+ CheckmarkBadge01Icon,
346
+ "VerifiedIcon",
347
+ );
348
+ export const WarningIcon = /* @__PURE__ */ icon(Alert02Icon, "WarningIcon");
349
+ export const PrintIcon = /* @__PURE__ */ icon(PrinterIcon, "PrintIcon");
350
+ export const ImportIcon = /* @__PURE__ */ icon(FileImportIcon, "ImportIcon");
351
+ export const DownloadIcon = /* @__PURE__ */ icon(
352
+ Download01Icon,
353
+ "DownloadIcon",
354
+ );
355
+ export const PlayIcon = /* @__PURE__ */ icon(HugePlayIcon, "PlayIcon");
356
+ export const PauseIcon = /* @__PURE__ */ icon(HugePauseIcon, "PauseIcon");
357
+ export const SkipBackIcon = /* @__PURE__ */ icon(
358
+ GoBackward15SecIcon,
359
+ "SkipBackIcon",
360
+ );
361
+ export const SkipForwardIcon = /* @__PURE__ */ icon(
362
+ GoForward30SecIcon,
363
+ "SkipForwardIcon",
364
+ );
365
+ export const PreviousTrackIcon = /* @__PURE__ */ icon(
366
+ PreviousIcon,
367
+ "PreviousTrackIcon",
368
+ );
369
+ export const NextTrackIcon = /* @__PURE__ */ icon(NextIcon, "NextTrackIcon");
370
+ export const HeadphonesIcon = /* @__PURE__ */ icon(
371
+ HugeHeadphonesIcon,
372
+ "HeadphonesIcon",
373
+ );
374
+ export const HighlighterIcon = /* @__PURE__ */ icon(
375
+ HugeHighlighterIcon,
376
+ "HighlighterIcon",
377
+ );
378
+ export const ChaptersIcon = /* @__PURE__ */ icon(
379
+ LeftToRightListBulletIcon,
380
+ "ChaptersIcon",
381
+ );
382
+ export const SleepIcon = /* @__PURE__ */ icon(Moon02Icon, "SleepIcon");
383
+ export const ExpandIcon = /* @__PURE__ */ icon(FullScreenIcon, "ExpandIcon");
384
+ export const SparkleIcon = /* @__PURE__ */ icon(AiMagicIcon, "SparkleIcon");
385
+ export const BellIcon = /* @__PURE__ */ icon(Notification03Icon, "BellIcon");
386
+ export const BusinessIcon = /* @__PURE__ */ icon(Store01Icon, "BusinessIcon");
387
+ export const CalendarIcon = /* @__PURE__ */ icon(
388
+ Calendar03Icon,
389
+ "CalendarIcon",
390
+ );
391
+ export const BirthdayIcon = /* @__PURE__ */ icon(
392
+ BirthdayCakeIcon,
393
+ "BirthdayIcon",
394
+ );
395
+ export const AlarmIcon = /* @__PURE__ */ icon(AlarmClockIcon, "AlarmIcon");
396
+ export const RepeatIcon = /* @__PURE__ */ icon(HugeRepeatIcon, "RepeatIcon");
397
+ export const UndoIcon = /* @__PURE__ */ icon(HugeUndoIcon, "UndoIcon");
398
+ export const RedoIcon = /* @__PURE__ */ icon(HugeRedoIcon, "RedoIcon");
399
+ export const PointerIcon = /* @__PURE__ */ icon(Cursor01Icon, "PointerIcon");
400
+ export const EraserIcon = /* @__PURE__ */ icon(Eraser01Icon, "EraserIcon");
401
+ export const TouchIcon = /* @__PURE__ */ icon(Touch01Icon, "TouchIcon");
402
+ export const BubbleIcon = /* @__PURE__ */ icon(BubbleChatIcon, "BubbleIcon");
403
+ export const BrushIcon = /* @__PURE__ */ icon(PaintBrush02Icon, "BrushIcon");
404
+ export const LayoutIcon = /* @__PURE__ */ icon(LayoutGridIcon, "LayoutIcon");
405
+ export const ZoomIcon = /* @__PURE__ */ icon(SearchAddIcon, "ZoomIcon");
406
+ export const SelectorIcon = /* @__PURE__ */ icon(
407
+ UnfoldMoreIcon,
408
+ "SelectorIcon",
409
+ );
410
+ export const MoreIcon = /* @__PURE__ */ icon(MoreHorizontalIcon, "MoreIcon");
411
+ export const PeopleIcon = /* @__PURE__ */ icon(UserMultipleIcon, "PeopleIcon");
412
+ export const AddPersonIcon = /* @__PURE__ */ icon(
413
+ UserAdd01Icon,
414
+ "AddPersonIcon",
415
+ );
416
+ export const ClockIcon = /* @__PURE__ */ icon(Clock01Icon, "ClockIcon");
417
+ export const LocationIcon = /* @__PURE__ */ icon(
418
+ Location01Icon,
419
+ "LocationIcon",
420
+ );
421
+ export const TaskIcon = /* @__PURE__ */ icon(Task01Icon, "TaskIcon");
422
+ export const FolderIcon = /* @__PURE__ */ icon(Folder01Icon, "FolderIcon");
423
+ export const RecentIcon = /* @__PURE__ */ icon(Time04Icon, "RecentIcon");
424
+ export const ThumbsUpIcon = /* @__PURE__ */ toggleIcon(
425
+ HugeThumbsUpIcon,
426
+ "ThumbsUpIcon",
427
+ );
428
+ export const HeartIcon = /* @__PURE__ */ toggleIcon(FavouriteIcon, "HeartIcon");
429
+ export const StarIcon = /* @__PURE__ */ toggleIcon(HugeStarIcon, "StarIcon");
330
430
 
331
431
  // Wallet: adding, copying and protecting cards.
332
- export const CameraIcon = /* @__PURE__ */ icon(Camera01Icon, "CameraIcon")
333
- export const CopyIcon = /* @__PURE__ */ icon(Copy01Icon, "CopyIcon")
334
- export const LockIcon = /* @__PURE__ */ icon(LockIconSvg, "LockIcon")
335
- export const NfcReadIcon = /* @__PURE__ */ icon(NfcIcon, "NfcReadIcon")
336
- export const PhotoIcon = /* @__PURE__ */ icon(Image01Icon, "PhotoIcon")
337
- export const BookmarkIcon = /* @__PURE__ */ icon(Bookmark02Icon, "BookmarkIcon")
338
- export const MailIcon = /* @__PURE__ */ icon(Mail01Icon, "MailIcon")
339
- export const ReplyIcon = /* @__PURE__ */ icon(MailReply01Icon, "ReplyIcon")
340
- export const ArchiveIcon = /* @__PURE__ */ icon(Archive01Icon, "ArchiveIcon")
341
- export const InfoIcon = /* @__PURE__ */ icon(InformationCircleIcon, "InfoIcon")
342
- export const AlignCenterIcon = /* @__PURE__ */ icon(TextAlignCenterIcon, "AlignCenterIcon")
343
- export const AlignLeftIcon = /* @__PURE__ */ icon(TextAlignLeftIcon, "AlignLeftIcon")
344
- export const BoldIcon = /* @__PURE__ */ icon(TextBoldIcon, "BoldIcon")
345
- export const ItalicIcon = /* @__PURE__ */ icon(TextItalicIcon, "ItalicIcon")
346
- export const UnderlineIcon = /* @__PURE__ */ icon(TextUnderlineIcon, "UnderlineIcon")
432
+ export const CameraIcon = /* @__PURE__ */ icon(Camera01Icon, "CameraIcon");
433
+ export const CopyIcon = /* @__PURE__ */ icon(Copy01Icon, "CopyIcon");
434
+ export const LockIcon = /* @__PURE__ */ icon(LockIconSvg, "LockIcon");
435
+ export const NfcReadIcon = /* @__PURE__ */ icon(NfcIcon, "NfcReadIcon");
436
+ export const PhotoIcon = /* @__PURE__ */ icon(Image01Icon, "PhotoIcon");
437
+ export const BookmarkIcon = /* @__PURE__ */ icon(
438
+ Bookmark02Icon,
439
+ "BookmarkIcon",
440
+ );
441
+ export const MailIcon = /* @__PURE__ */ icon(Mail01Icon, "MailIcon");
442
+ export const ReplyIcon = /* @__PURE__ */ icon(MailReply01Icon, "ReplyIcon");
443
+ export const ArchiveIcon = /* @__PURE__ */ icon(Archive01Icon, "ArchiveIcon");
444
+ export const InfoIcon = /* @__PURE__ */ icon(InformationCircleIcon, "InfoIcon");
445
+ export const AlignCenterIcon = /* @__PURE__ */ icon(
446
+ TextAlignCenterIcon,
447
+ "AlignCenterIcon",
448
+ );
449
+ export const AlignLeftIcon = /* @__PURE__ */ icon(
450
+ TextAlignLeftIcon,
451
+ "AlignLeftIcon",
452
+ );
453
+ export const BoldIcon = /* @__PURE__ */ icon(TextBoldIcon, "BoldIcon");
454
+ export const ItalicIcon = /* @__PURE__ */ icon(TextItalicIcon, "ItalicIcon");
455
+ export const UnderlineIcon = /* @__PURE__ */ icon(
456
+ TextUnderlineIcon,
457
+ "UnderlineIcon",
458
+ );