@bothub-chat/ui 2.39.1 → 2.39.2

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 (132) hide show
  1. package/dist/components/accordion/styled.js +3 -3
  2. package/dist/components/avatar/index.js +1 -1
  3. package/dist/components/backdrop/styled.d.ts +51 -51
  4. package/dist/components/badge-select-dropdown/styled.js +2 -2
  5. package/dist/components/button/styled.js +2 -2
  6. package/dist/components/date-badge/styled.js +1 -1
  7. package/dist/components/footer/index.js +1 -1
  8. package/dist/components/footer/mobile/index.js +1 -1
  9. package/dist/components/footer/mobile/styled.js +1 -1
  10. package/dist/components/header/menu/toggle-button/icon/styled.js +1 -1
  11. package/dist/components/header/multi-level-menu/multi-level-menu-accordion/ui/styled.js +1 -1
  12. package/dist/components/header/multi-level-menu/multi-level-menu-first-level/ui/styled.js +1 -1
  13. package/dist/components/header/multi-level-menu/styled.js +1 -1
  14. package/dist/components/image-fullscreen/styled.d.ts +51 -51
  15. package/dist/components/index.d.ts +0 -4
  16. package/dist/components/input-message/index.js +1 -1
  17. package/dist/components/input-message/styled.d.ts +51 -51
  18. package/dist/components/logo/index.js +1 -1
  19. package/dist/components/menu-dropdown/styled.d.ts +51 -51
  20. package/dist/components/message/actions/copy-button/index.js +1 -1
  21. package/dist/components/message/actions/copy-button/styled.d.ts +51 -51
  22. package/dist/components/message/actions/index.js +1 -1
  23. package/dist/components/message/actions/styled.js +1 -1
  24. package/dist/components/message/components/paragraph/styled.js +5 -5
  25. package/dist/components/message/index.js +1 -1
  26. package/dist/components/message/reasoning-block/index.js +1 -1
  27. package/dist/components/message/reasoning-block/styled.js +2 -2
  28. package/dist/components/message/scroll-button/styled.js +1 -1
  29. package/dist/components/message/search-results/index.js +1 -1
  30. package/dist/components/message/styled.js +1 -1
  31. package/dist/components/message/timestamp/index.d.ts +1 -2
  32. package/dist/components/message/timestamp/index.js +1 -1
  33. package/dist/components/message/timestamp/styled.d.ts +2 -1
  34. package/dist/components/message/timestamp/styled.js +1 -1
  35. package/dist/components/message/video/index.js +1 -1
  36. package/dist/components/modal/styled.d.ts +51 -51
  37. package/dist/components/scrollable-tabs/styled.js +2 -2
  38. package/dist/components/scrollbar/shadow/styled.d.ts +51 -51
  39. package/dist/components/select-field/filterData.js +1 -1
  40. package/dist/components/select-field/option/list/index.js +1 -1
  41. package/dist/components/select-field/styled.js +1 -1
  42. package/dist/components/sidebar/buttons/index.d.ts +0 -1
  43. package/dist/components/sidebar/buttons/index.js +1 -1
  44. package/dist/components/sidebar/buttons/styled.d.ts +289 -0
  45. package/dist/components/sidebar/buttons/styled.js +11 -11
  46. package/dist/components/sidebar/chat/styled.js +7 -7
  47. package/dist/components/sidebar/dropdown/index.js +1 -1
  48. package/dist/components/sidebar/group/styled.js +12 -12
  49. package/dist/components/sidebar/index.js +1 -1
  50. package/dist/components/sidebar/lang/styled.js +1 -1
  51. package/dist/components/sidebar/menu/index.js +1 -1
  52. package/dist/components/sidebar/toggle-button/index.js +1 -1
  53. package/dist/components/sidebar/user-info/styled.js +31 -33
  54. package/dist/components/slider/index.js +1 -1
  55. package/dist/components/stepper/styled.js +1 -1
  56. package/dist/components/tariff/card/styled.js +2 -2
  57. package/dist/components/text-area-field/styled.js +1 -1
  58. package/dist/components/text-field/index.js +1 -1
  59. package/dist/components/typography/styled.js +1 -1
  60. package/dist/icons/happy-robot/index.js +1 -1
  61. package/dist/icons/index.d.ts +0 -2
  62. package/dist/icons/model/index.js +1 -1
  63. package/dist/icons/sidebar-toggle-left/index.js +1 -1
  64. package/dist/icons/sidebar-toggle-right/index.js +1 -1
  65. package/dist/index.js +1 -1
  66. package/dist/styles/styled.js +1 -1
  67. package/dist/theme/index.d.ts +2 -4
  68. package/dist/theme/index.js +1 -1
  69. package/dist/theme/types.d.ts +1 -31
  70. package/dist/utils/colorToRgba.js +1 -0
  71. package/dist/utils/index.d.ts +1 -1
  72. package/package.json +1 -1
  73. package/dist/components/color-picker/index.d.ts +0 -8
  74. package/dist/components/color-picker/index.js +0 -1
  75. package/dist/components/color-picker/menu/index.d.ts +0 -9
  76. package/dist/components/color-picker/menu/index.js +0 -1
  77. package/dist/components/color-picker/menu/styled.d.ts +0 -2202
  78. package/dist/components/color-picker/menu/styled.js +0 -12
  79. package/dist/components/color-picker/styled.d.ts +0 -1096
  80. package/dist/components/color-picker/styled.js +0 -8
  81. package/dist/components/sidebar/buttons/create-chat/index.d.ts +0 -4
  82. package/dist/components/sidebar/buttons/create-chat/index.js +0 -1
  83. package/dist/components/theme-cards/index.d.ts +0 -11
  84. package/dist/components/theme-cards/index.js +0 -1
  85. package/dist/components/theme-cards/styled.d.ts +0 -270
  86. package/dist/components/theme-cards/styled.js +0 -3
  87. package/dist/components/theme-cards/theme-card/assets/dark.svg.js +0 -1
  88. package/dist/components/theme-cards/theme-card/assets/light.svg.js +0 -1
  89. package/dist/components/theme-cards/theme-card/index.d.ts +0 -10
  90. package/dist/components/theme-cards/theme-card/index.js +0 -1
  91. package/dist/components/theme-cards/theme-card/styled.d.ts +0 -1683
  92. package/dist/components/theme-cards/theme-card/styled.js +0 -5
  93. package/dist/components/theme-preview/index.d.ts +0 -20
  94. package/dist/components/theme-preview/index.js +0 -1
  95. package/dist/components/theme-preview/styled.d.ts +0 -4
  96. package/dist/components/theme-preview/styled.js +0 -1
  97. package/dist/components/theme-schemes/index.d.ts +0 -15
  98. package/dist/components/theme-schemes/index.js +0 -1
  99. package/dist/components/theme-schemes/section/index.d.ts +0 -9
  100. package/dist/components/theme-schemes/section/index.js +0 -1
  101. package/dist/components/theme-schemes/section/styled.d.ts +0 -844
  102. package/dist/components/theme-schemes/section/styled.js +0 -3
  103. package/dist/components/theme-schemes/styled.d.ts +0 -270
  104. package/dist/components/theme-schemes/styled.js +0 -3
  105. package/dist/components/theme-schemes/theme-button/index.d.ts +0 -12
  106. package/dist/components/theme-schemes/theme-button/index.js +0 -1
  107. package/dist/components/theme-schemes/theme-button/styled.d.ts +0 -1672
  108. package/dist/components/theme-schemes/theme-button/styled.js +0 -5
  109. package/dist/icons/selector/index.d.ts +0 -1
  110. package/dist/icons/selector/index.js +0 -1
  111. package/dist/icons/system/index.d.ts +0 -1
  112. package/dist/icons/system/index.js +0 -1
  113. package/dist/theme/themes.d.ts +0 -5
  114. package/dist/theme/themes.js +0 -1
  115. package/dist/theme/types.js +0 -1
  116. package/dist/utils/colors/calculateAccentColors.d.ts +0 -2
  117. package/dist/utils/colors/calculateAccentColors.js +0 -1
  118. package/dist/utils/colors/calculateGrayScale.d.ts +0 -5
  119. package/dist/utils/colors/calculateGrayScale.js +0 -1
  120. package/dist/utils/colors/colorToRgba.js +0 -1
  121. package/dist/utils/colors/hexToRgb.d.ts +0 -1
  122. package/dist/utils/colors/hexToRgb.js +0 -1
  123. package/dist/utils/colors/hsvToRgb.d.ts +0 -1
  124. package/dist/utils/colors/hsvToRgb.js +0 -1
  125. package/dist/utils/colors/index.d.ts +0 -8
  126. package/dist/utils/colors/isBright.d.ts +0 -1
  127. package/dist/utils/colors/isBright.js +0 -1
  128. package/dist/utils/colors/rgbToHex.d.ts +0 -1
  129. package/dist/utils/colors/rgbToHex.js +0 -1
  130. package/dist/utils/colors/rgbToHsv.d.ts +0 -1
  131. package/dist/utils/colors/rgbToHsv.js +0 -1
  132. /package/dist/utils/{colors/colorToRgba.d.ts → colorToRgba.d.ts} +0 -0
@@ -1,8 +0,0 @@
1
- import{styled as e,css as o}from"styled-components";import{Typography as r}from"../typography/index.js";const t=e.div.withConfig({displayName:"styled__ColorPickerStyled",componentId:"sc-mxl06u-0"})(["display:flex;flex-direction:column;gap:20px;position:relative;width:fit-content;user-select:none;-moz-user-select:none;-webkit-user-select:none;"]),i=e(r).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__ColorPickerLabel",componentId:"sc-mxl06u-1"})([""]),l=e(r).attrs({variant:"body-l-medium"}).withConfig({displayName:"styled__ColorPickerHex",componentId:"sc-mxl06u-2"})(["display:flex;justify-content:center;align-items:center;width:100px;padding-block:8px;border-radius:8px;border:1px solid ",";background-color:",";color:",";"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>e.colors.base.black),(({theme:e})=>e.colors.base.white)),c=e.div.withConfig({displayName:"styled__ColorPickerPreview",componentId:"sc-mxl06u-3"})(["width:60px;height:36px;border-radius:8px;border:1px solid ",";"],(({theme:e})=>e.colors.grayScale.gray2)),s=e.button.withConfig({displayName:"styled__ColorPickerBottom",componentId:"sc-mxl06u-4"})(["all:unset;display:flex;gap:10px;align-items:center;&:hover{cursor:pointer;}",""],(({theme:e,$active:r})=>r&&o`
2
- ${l} {
3
- border-color: ${e.colors.accent.primary};
4
- }
5
- ${c} {
6
- border-color: ${e.colors.accent.primary};
7
- }
8
- `));export{s as ColorPickerBottom,l as ColorPickerHex,i as ColorPickerLabel,c as ColorPickerPreview,t as ColorPickerStyled};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { ButtonProps } from '@/ui/components/button';
3
- export type SidebarCreateChatButtonProps = ButtonProps;
4
- export declare const SidebarCreateChatButton: React.FC<SidebarCreateChatButtonProps>;
@@ -1 +0,0 @@
1
- import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{useMemo as o}from"react";import{AddChatIcon as e}from"../../../../icons/add-chat/index.js";import{Button as i}from"../../../button/index.js";import"../../../../theme/index.js";import{useTheme as s}from"../../../../theme/hook.js";const c=c=>{var m=r(c,[]);const a=s(),n=o((()=>{switch(a.mode){case"dark":return a.bright?a.colors.base.black:a.colors.base.white;case"light":return a.bright?a.default.colors.base.black:a.default.colors.base.white}}),[a.mode,a.bright]);return t(i,Object.assign({},m,{iconFill:n,children:t(e,{})}))};export{c as SidebarCreateChatButton};
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { ThemeCardVariantType } from './theme-card';
3
- export interface ThemeCardsProps {
4
- titleDark?: string;
5
- titleLight?: string;
6
- titleSystem?: string;
7
- initialChecked?: ThemeCardVariantType;
8
- isSystemDark?: boolean;
9
- onChange?: (value: ThemeCardVariantType) => unknown;
10
- }
11
- export declare const ThemeCards: React.FC<ThemeCardsProps>;
@@ -1 +0,0 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useCallback as r}from"react";import{ThemeCard as l}from"./theme-card/index.js";import{ThemeCardsStyled as s}from"./styled.js";const a=({titleDark:a,titleLight:n,titleSystem:m,initialChecked:c,isSystemDark:o,onChange:k})=>{const[d,h]=i(null!=c?c:null),y=r((t=>{h(t),null==k||k(t)}),[]);return t(s,{children:[e(l,{variant:"dark",checked:"dark"===d,title:a,isSystemDark:o,onClick:y}),e(l,{variant:"light",checked:"light"===d,title:n,isSystemDark:o,onClick:y}),e(l,{variant:"system",checked:"system"===d,title:m,isSystemDark:o,onClick:y})]})};export{a as ThemeCards};
@@ -1,270 +0,0 @@
1
- export declare const ThemeCardsStyled: import("styled-components").IStyledComponent<"web", {
2
- ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
3
- key?: import("react").Key | null | undefined;
4
- defaultChecked?: boolean | undefined | undefined;
5
- defaultValue?: string | number | readonly string[] | undefined;
6
- suppressContentEditableWarning?: boolean | undefined | undefined;
7
- suppressHydrationWarning?: boolean | undefined | undefined;
8
- accessKey?: string | undefined | undefined;
9
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
10
- autoFocus?: boolean | undefined | undefined;
11
- className?: string | undefined | undefined;
12
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
13
- contextMenu?: string | undefined | undefined;
14
- dir?: string | undefined | undefined;
15
- draggable?: (boolean | "false" | "true") | undefined;
16
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
17
- hidden?: boolean | undefined | undefined;
18
- id?: string | undefined | undefined;
19
- lang?: string | undefined | undefined;
20
- nonce?: string | undefined | undefined;
21
- slot?: string | undefined | undefined;
22
- spellCheck?: (boolean | "false" | "true") | undefined;
23
- style?: import("react").CSSProperties | undefined;
24
- tabIndex?: number | undefined | undefined;
25
- title?: string | undefined | undefined;
26
- translate?: "yes" | "no" | undefined | undefined;
27
- radioGroup?: string | undefined | undefined;
28
- role?: import("react").AriaRole | undefined;
29
- about?: string | undefined | undefined;
30
- content?: string | undefined | undefined;
31
- datatype?: string | undefined | undefined;
32
- inlist?: any;
33
- prefix?: string | undefined | undefined;
34
- property?: string | undefined | undefined;
35
- rel?: string | undefined | undefined;
36
- resource?: string | undefined | undefined;
37
- rev?: string | undefined | undefined;
38
- typeof?: string | undefined | undefined;
39
- vocab?: string | undefined | undefined;
40
- autoCorrect?: string | undefined | undefined;
41
- autoSave?: string | undefined | undefined;
42
- color?: string | undefined | undefined;
43
- itemProp?: string | undefined | undefined;
44
- itemScope?: boolean | undefined | undefined;
45
- itemType?: string | undefined | undefined;
46
- itemID?: string | undefined | undefined;
47
- itemRef?: string | undefined | undefined;
48
- results?: number | undefined | undefined;
49
- security?: string | undefined | undefined;
50
- unselectable?: "on" | "off" | undefined | undefined;
51
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
52
- is?: string | undefined | undefined;
53
- "aria-activedescendant"?: string | undefined | undefined;
54
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
55
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
56
- "aria-braillelabel"?: string | undefined | undefined;
57
- "aria-brailleroledescription"?: string | undefined | undefined;
58
- "aria-busy"?: (boolean | "false" | "true") | undefined;
59
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
60
- "aria-colcount"?: number | undefined | undefined;
61
- "aria-colindex"?: number | undefined | undefined;
62
- "aria-colindextext"?: string | undefined | undefined;
63
- "aria-colspan"?: number | undefined | undefined;
64
- "aria-controls"?: string | undefined | undefined;
65
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
66
- "aria-describedby"?: string | undefined | undefined;
67
- "aria-description"?: string | undefined | undefined;
68
- "aria-details"?: string | undefined | undefined;
69
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
70
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
71
- "aria-errormessage"?: string | undefined | undefined;
72
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
73
- "aria-flowto"?: string | undefined | undefined;
74
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
75
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
76
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
77
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
78
- "aria-keyshortcuts"?: string | undefined | undefined;
79
- "aria-label"?: string | undefined | undefined;
80
- "aria-labelledby"?: string | undefined | undefined;
81
- "aria-level"?: number | undefined | undefined;
82
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
83
- "aria-modal"?: (boolean | "false" | "true") | undefined;
84
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
85
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
86
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
87
- "aria-owns"?: string | undefined | undefined;
88
- "aria-placeholder"?: string | undefined | undefined;
89
- "aria-posinset"?: number | undefined | undefined;
90
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
91
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
92
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
93
- "aria-required"?: (boolean | "false" | "true") | undefined;
94
- "aria-roledescription"?: string | undefined | undefined;
95
- "aria-rowcount"?: number | undefined | undefined;
96
- "aria-rowindex"?: number | undefined | undefined;
97
- "aria-rowindextext"?: string | undefined | undefined;
98
- "aria-rowspan"?: number | undefined | undefined;
99
- "aria-selected"?: (boolean | "false" | "true") | undefined;
100
- "aria-setsize"?: number | undefined | undefined;
101
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
102
- "aria-valuemax"?: number | undefined | undefined;
103
- "aria-valuemin"?: number | undefined | undefined;
104
- "aria-valuenow"?: number | undefined | undefined;
105
- "aria-valuetext"?: string | undefined | undefined;
106
- children?: import("react").ReactNode;
107
- dangerouslySetInnerHTML?: {
108
- __html: string | TrustedHTML;
109
- } | undefined | undefined;
110
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
111
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
112
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
113
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
114
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
115
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
116
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
117
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
118
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
119
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
120
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
121
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
122
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
123
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
124
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
125
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
126
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
127
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
128
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
129
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
130
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
131
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
132
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
133
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
134
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
135
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
136
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
137
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
138
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
139
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
140
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
141
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
142
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
143
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
144
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
145
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
146
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
147
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
148
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
150
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
151
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
152
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
153
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
154
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
155
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
156
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
157
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
158
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
159
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
160
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
161
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
162
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
163
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
164
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
165
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
166
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
167
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
168
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
169
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
170
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
175
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
176
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
177
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
179
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
180
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
195
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
196
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
197
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
198
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
199
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
200
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
201
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
202
- onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
203
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
204
- onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
205
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
206
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
207
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
208
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
209
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
210
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
211
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
212
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
213
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
214
- onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
215
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
216
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
217
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
218
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
219
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
220
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
221
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
222
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
223
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
224
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
225
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
226
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
227
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
228
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
229
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
230
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
231
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
232
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
233
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
234
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
235
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
236
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
237
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
238
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
239
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
240
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
241
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
242
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
243
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
244
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
245
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
246
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
247
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
248
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
249
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
250
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
251
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
252
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
253
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
254
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
255
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
256
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
257
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
258
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
259
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
260
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
261
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
262
- onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
263
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
264
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
265
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
266
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
267
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
268
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
269
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
270
- }>;
@@ -1,3 +0,0 @@
1
- import{styled as e,css as i}from"styled-components";import{adaptive as o}from"../../adaptive/index.js";const t=e.div.withConfig({displayName:"styled__ThemeCardsStyled",componentId:"sc-uz0n23-0"})(["display:flex;flex:1;width:100%;gap:34px;align-items:center;overflow:clip;",""],o({variant:"dashboard",mobile:i`
2
- flex-direction: column;
3
- `}));export{t as ThemeCardsStyled};
@@ -1 +0,0 @@
1
- var t="data:image/svg+xml,%3csvg width='460' height='218' viewBox='0 0 460 218' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='584' height='300' rx='20' fill='%230E0C15'/%3e%3crect x='10' y='10' width='130' height='280' rx='10' fill='%23121825'/%3e%3crect x='16' y='16' width='18' height='10' rx='4' fill='%231C64F2'/%3e%3crect x='124' y='16' width='10' height='10' rx='2' fill='%231C64F2'/%3e%3crect x='16.25' y='36.25' width='9.5' height='9.5' rx='1.75' fill='%231C64F2'/%3e%3crect x='16.25' y='36.25' width='9.5' height='9.5' rx='1.75' stroke='%23313E62' stroke-width='0.5'/%3e%3crect x='32.25' y='36.25' width='9.5' height='9.5' rx='1.75' fill='%23222B44'/%3e%3crect x='32.25' y='36.25' width='9.5' height='9.5' rx='1.75' stroke='%23313E62' stroke-width='0.5'/%3e%3crect x='48.25' y='36.25' width='9.5' height='9.5' rx='1.75' stroke='%23313E62' stroke-width='0.5'/%3e%3cpath d='M16 56H134' stroke='%23313E62' stroke-linecap='round'/%3e%3crect x='16' y='66' width='118' height='10' rx='2' fill='%23313E62'/%3e%3crect x='16' y='82' width='118' height='10' rx='2' fill='%23222B44'/%3e%3crect x='16' y='98' width='118' height='10' rx='2' fill='%23222B44'/%3e%3crect x='16' y='114' width='118' height='10' rx='2' fill='%23222B44'/%3e%3crect x='16' y='130' width='118' height='10' rx='2' fill='%23222B44'/%3e%3crect x='150' y='10' width='424' height='280' rx='10' fill='%23121825'/%3e%3crect x='308' y='20' width='108' height='16' rx='4' fill='%23222B44'/%3e%3crect x='312' y='24' width='100' height='8' rx='2' fill='%23313E62'/%3e%3cpath d='M382 66C382 60.4772 386.477 56 392 56H554C559.523 56 564 60.4772 564 66V84H392C386.477 84 382 79.5228 382 74V66Z' fill='%234785FF' fill-opacity='0.5'/%3e%3crect x='398.5' y='66.5' width='149' height='7' rx='1.5' fill='white'/%3e%3crect x='398.5' y='66.5' width='149' height='7' rx='1.5' stroke='white'/%3e%3crect x='168.5' y='97.5' width='199' height='9' rx='1.5' fill='white'/%3e%3crect x='168.5' y='97.5' width='199' height='9' rx='1.5' stroke='white'/%3e%3crect x='168.5' y='117.5' width='159' height='9' rx='1.5' fill='white'/%3e%3crect x='168.5' y='117.5' width='159' height='9' rx='1.5' stroke='white'/%3e%3cpath d='M382 150C382 144.477 386.477 140 392 140H554C559.523 140 564 144.477 564 150V168H392C386.477 168 382 163.523 382 158V150Z' fill='%234785FF' fill-opacity='0.5'/%3e%3crect x='398.5' y='150.5' width='149' height='7' rx='1.5' fill='white'/%3e%3crect x='398.5' y='150.5' width='149' height='7' rx='1.5' stroke='white'/%3e%3crect x='168.5' y='181.5' width='199' height='9' rx='1.5' fill='white'/%3e%3crect x='168.5' y='181.5' width='199' height='9' rx='1.5' stroke='white'/%3e%3crect x='168.5' y='201.5' width='159' height='9' rx='1.5' fill='white'/%3e%3crect x='168.5' y='201.5' width='159' height='9' rx='1.5' stroke='white'/%3e%3c/svg%3e";export{t as default};
@@ -1 +0,0 @@
1
- var t="data:image/svg+xml,%3csvg width='460' height='218' viewBox='0 0 460 218' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='584' height='300' rx='20' fill='%23DBE0E4'/%3e%3crect x='10' y='10' width='130' height='280' rx='10' fill='%23F5F6F7'/%3e%3crect x='16' y='16' width='18' height='10' rx='4' fill='%231C64F2'/%3e%3crect x='124' y='16' width='10' height='10' rx='2' fill='%231C64F2'/%3e%3crect x='16.25' y='36.25' width='9.5' height='9.5' rx='1.75' fill='%231C64F2'/%3e%3crect x='16.25' y='36.25' width='9.5' height='9.5' rx='1.75' stroke='%23CDD5DA' stroke-width='0.5'/%3e%3crect x='32.25' y='36.25' width='9.5' height='9.5' rx='1.75' fill='%23DBE0E4'/%3e%3crect x='32.25' y='36.25' width='9.5' height='9.5' rx='1.75' stroke='%23CDD5DA' stroke-width='0.5'/%3e%3crect x='48.25' y='36.25' width='9.5' height='9.5' rx='1.75' stroke='%23CDD5DA' stroke-width='0.5'/%3e%3cpath d='M16 56H134' stroke='%23CDD5DA' stroke-linecap='round'/%3e%3crect x='16' y='66' width='118' height='10' rx='2' fill='%23CDD5DA'/%3e%3crect x='16' y='82' width='118' height='10' rx='2' fill='%23DBE0E4'/%3e%3crect x='16' y='98' width='118' height='10' rx='2' fill='%23DBE0E4'/%3e%3crect x='16' y='114' width='118' height='10' rx='2' fill='%23DBE0E4'/%3e%3crect x='16' y='130' width='118' height='10' rx='2' fill='%23DBE0E4'/%3e%3crect x='150' y='10' width='424' height='280' rx='10' fill='%23F5F6F7'/%3e%3crect x='308' y='20' width='108' height='16' rx='4' fill='%23DBE0E4'/%3e%3crect x='312' y='24' width='100' height='8' rx='2' fill='%23CDD5DA'/%3e%3cpath d='M382 66C382 60.4772 386.477 56 392 56H554C559.523 56 564 60.4772 564 66V84H392C386.477 84 382 79.5228 382 74V66Z' fill='%234785FF' fill-opacity='0.2'/%3e%3crect x='398' y='66' width='150' height='8' rx='2' fill='%230E0C15'/%3e%3crect x='168.5' y='97.5' width='199' height='9' rx='1.5' fill='%230E0C15'/%3e%3crect x='168.5' y='97.5' width='199' height='9' rx='1.5' stroke='%230E0C15'/%3e%3crect x='168.5' y='117.5' width='159' height='9' rx='1.5' fill='%230E0C15'/%3e%3crect x='168.5' y='117.5' width='159' height='9' rx='1.5' stroke='%230E0C15'/%3e%3cpath d='M382 150C382 144.477 386.477 140 392 140H554C559.523 140 564 144.477 564 150V168H392C386.477 168 382 163.523 382 158V150Z' fill='%234785FF' fill-opacity='0.2'/%3e%3crect x='398' y='150' width='150' height='8' rx='2' fill='%230E0C15'/%3e%3crect x='168.5' y='181.5' width='199' height='9' rx='1.5' fill='%230E0C15'/%3e%3crect x='168.5' y='181.5' width='199' height='9' rx='1.5' stroke='%230E0C15'/%3e%3crect x='168.5' y='201.5' width='159' height='9' rx='1.5' fill='%230E0C15'/%3e%3crect x='168.5' y='201.5' width='159' height='9' rx='1.5' stroke='%230E0C15'/%3e%3c/svg%3e";export{t as default};
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export type ThemeCardVariantType = 'dark' | 'light' | 'system';
3
- export interface ThemeCardProps {
4
- variant: ThemeCardVariantType;
5
- title?: string;
6
- checked?: boolean;
7
- isSystemDark?: boolean;
8
- onClick?: (variant: ThemeCardVariantType) => unknown;
9
- }
10
- export declare const ThemeCard: React.FC<ThemeCardProps>;
@@ -1 +0,0 @@
1
- import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useMemo as o,useCallback as s}from"react";import"../../../theme/index.js";import{ThemeCardStyled as e,ThemeCardTopbar as i,ThemeCardTopbarRadio as m,ThemeCardTopbarTitle as c,ThemeCardTopbarTitleText as n,ThemeCardImage as l}from"./styled.js";import p from"./assets/dark.svg.js";import a from"./assets/light.svg.js";import{DarkIcon as d}from"../../../icons/dark/index.js";import{LightIcon as h}from"../../../icons/light/index.js";import{SystemIcon as j}from"../../../icons/system/index.js";import"tslib";import{IconProvider as f}from"../../icon/context.js";import"../../icon/styled.js";import"@react-spring/web";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../tooltip/context.js";import{useTheme as k}from"../../../theme/hook.js";const g={dark:p,light:a},u=({variant:u,title:y,checked:x=!1,isSystemDark:b,onClick:w})=>{const v=k(),C=o((()=>Object.assign(Object.assign({},g),{system:b?p:a})),[b]),O=o((()=>C[u]),[C,u]),D=o((()=>{switch(u){case"dark":return t(d,{});case"light":return t(h,{});case"system":return t(j,{});default:return null}}),[u]),S=s((()=>{null==w||w(u)}),[]);return r(e,{onClick:S,children:[r(i,{children:[t(m,{checked:x}),r(c,{children:[t(f,{fill:v.colors.base.white,children:D}),t(n,{children:y})]})]}),t(l,{src:O,alt:`theme-${u}`})]})};export{u as ThemeCard};