arkada-widgets 1.0.2 → 1.0.3

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 (53) hide show
  1. package/README.md +130 -1
  2. package/package.json +1 -1
  3. package/dist/.gitkeep +0 -0
  4. package/dist/arkada-widgets.css +0 -2
  5. package/dist/arkada-widgets.js +0 -2
  6. package/dist/arkada-wvbs-widget-Br6vFpXu.js +0 -9502
  7. package/dist/arkada-wvbs-widget.js +0 -2
  8. package/dist/index.cjs +0 -1819
  9. package/dist/index.cjs.map +0 -1
  10. package/dist/index.css +0 -123
  11. package/dist/index.css.map +0 -1
  12. package/dist/index.d.cts +0 -53
  13. package/dist/index.d.ts +0 -53
  14. package/dist/index.js +0 -1791
  15. package/dist/index.js.map +0 -1
  16. package/dist/shared/api/client.d.ts +0 -2
  17. package/dist/shared/api/types.d.ts +0 -165
  18. package/dist/shared/config/index.d.ts +0 -5
  19. package/dist/shared/hooks/useTheme.d.ts +0 -2
  20. package/dist/shared/utils/cloudflare.d.ts +0 -1
  21. package/dist/shared/utils/cn.d.ts +0 -2
  22. package/dist/ui-kit/components/base/Button.d.ts +0 -6
  23. package/dist/ui-kit/components/base/NetworkIcon.d.ts +0 -7
  24. package/dist/ui-kit/components/base/StatusIcon.d.ts +0 -8
  25. package/dist/ui-kit/components/base/TabGroup.d.ts +0 -11
  26. package/dist/ui-kit/components/base/index.d.ts +0 -4
  27. package/dist/ui-kit/tokens/colors.d.ts +0 -44
  28. package/dist/ui-kit/tokens/index.d.ts +0 -3
  29. package/dist/ui-kit/tokens/spacing.d.ts +0 -20
  30. package/dist/ui-kit/tokens/typography.d.ts +0 -19
  31. package/dist/web-components/arkada-wv-widget.d.ts +0 -371
  32. package/dist/web-components/arkada-wvbs-widget.d.ts +0 -379
  33. package/dist/web-components/base/createArkadaElement.d.ts +0 -404
  34. package/dist/web-components/index.d.ts +0 -18
  35. package/dist/widgets/verify-wallet-button/components/VerifyWalletButton.d.ts +0 -15
  36. package/dist/widgets/verify-wallet-button/components/__stories__/VerifyWalletButton.stories.d.ts +0 -37
  37. package/dist/widgets/verify-wallet-button/components/icons.d.ts +0 -35
  38. package/dist/widgets/verify-wallet-button/index.d.ts +0 -3
  39. package/dist/widgets/verify-wallet-button/model/types.d.ts +0 -32
  40. package/dist/widgets/wallet-verification/components/ChainListEntry.d.ts +0 -9
  41. package/dist/widgets/wallet-verification/components/ProgressBar.d.ts +0 -6
  42. package/dist/widgets/wallet-verification/components/RankDisplay.d.ts +0 -8
  43. package/dist/widgets/wallet-verification/components/WalletScores.d.ts +0 -7
  44. package/dist/widgets/wallet-verification/components/WalletVerificationWidget.d.ts +0 -11
  45. package/dist/widgets/wallet-verification/components/WidgetChainsList.d.ts +0 -9
  46. package/dist/widgets/wallet-verification/components/WidgetHeader.d.ts +0 -8
  47. package/dist/widgets/wallet-verification/index.d.ts +0 -3
  48. package/dist/widgets/wallet-verification/model/badge-config.d.ts +0 -3
  49. package/dist/widgets/wallet-verification/model/types.d.ts +0 -42
  50. package/dist/widgets/wallet-verification-button/components/WalletVerificationButton.d.ts +0 -16
  51. package/dist/widgets/wallet-verification-button/components/__stories__/WalletVerificationButton.stories.d.ts +0 -43
  52. package/dist/widgets/wallet-verification-button/hooks/useWalletVerification.d.ts +0 -16
  53. package/dist/widgets/wallet-verification-button/index.d.ts +0 -2
@@ -1,404 +0,0 @@
1
- import type { WidgetSize, WidgetTheme } from "@/shared/config";
2
- import React from "react";
3
- import ReactDOM from "react-dom/client";
4
- export interface ArkadaElementConfig<TData> {
5
- /** The React component to render inside Shadow DOM */
6
- component: React.ComponentType<{
7
- data: TData;
8
- theme?: WidgetTheme;
9
- size?: WidgetSize;
10
- [key: string]: unknown;
11
- }>;
12
- /** Additional observed attributes beyond the shared ones (theme, size, data) */
13
- observedAttributes?: string[];
14
- /**
15
- * Map of event handler prop names to event config.
16
- * e.g. { onVerify: { eventName: "verify", buildDetail: (el, args) => ({ entryId: args[0] }) } }
17
- * Simpler form: { onVerify: "verify" } — detail is the first argument passed to the handler.
18
- */
19
- events?: Record<string, string | {
20
- eventName: string;
21
- buildDetail: (el: HTMLElement, args: unknown[]) => unknown;
22
- }>;
23
- /**
24
- * Widget-specific CSS injected only into this widget type's shadow root.
25
- * Import the CSS file with ?inline and pass the string here.
26
- * Example: import widgetStyles from "./styles/widget.css?inline"
27
- *
28
- * CSS custom properties (--my-token) defined on :root or any ancestor
29
- * pierce the Shadow DOM boundary naturally — consumers can override
30
- * widget tokens by setting custom properties on the host element:
31
- * arkada-wv-widget { --arkada-bg: #fff; }
32
- */
33
- widgetStyles?: string;
34
- /**
35
- * Override CSS file URL for the legacy <link> fallback.
36
- * Defaults to auto-detection: ./arkada-widgets.css relative to this module.
37
- */
38
- cssUrl?: string;
39
- }
40
- export declare function createArkadaElement<TData>(config: ArkadaElementConfig<TData>): {
41
- new (): {
42
- _root: ReactDOM.Root | null;
43
- _shadowRoot: ShadowRoot;
44
- _mountPoint: HTMLDivElement;
45
- _data: TData | null;
46
- connectedCallback(): void;
47
- disconnectedCallback(): void;
48
- attributeChangedCallback(): void;
49
- get data(): TData | null;
50
- set data(value: TData);
51
- _render(): void;
52
- accessKey: string;
53
- readonly accessKeyLabel: string;
54
- autocapitalize: string;
55
- autocorrect: boolean;
56
- dir: string;
57
- draggable: boolean;
58
- hidden: boolean;
59
- inert: boolean;
60
- innerText: string;
61
- lang: string;
62
- readonly offsetHeight: number;
63
- readonly offsetLeft: number;
64
- readonly offsetParent: Element | null;
65
- readonly offsetTop: number;
66
- readonly offsetWidth: number;
67
- outerText: string;
68
- popover: string | null;
69
- spellcheck: boolean;
70
- title: string;
71
- translate: boolean;
72
- writingSuggestions: string;
73
- attachInternals(): ElementInternals;
74
- click(): void;
75
- hidePopover(): void;
76
- showPopover(): void;
77
- togglePopover(options?: boolean): boolean;
78
- addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
79
- addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
80
- removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
81
- removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
82
- readonly attributes: NamedNodeMap;
83
- get classList(): DOMTokenList;
84
- set classList(value: string);
85
- className: string;
86
- readonly clientHeight: number;
87
- readonly clientLeft: number;
88
- readonly clientTop: number;
89
- readonly clientWidth: number;
90
- readonly currentCSSZoom: number;
91
- id: string;
92
- innerHTML: string;
93
- readonly localName: string;
94
- readonly namespaceURI: string | null;
95
- onfullscreenchange: ((this: Element, ev: Event) => any) | null;
96
- onfullscreenerror: ((this: Element, ev: Event) => any) | null;
97
- outerHTML: string;
98
- readonly ownerDocument: Document;
99
- get part(): DOMTokenList;
100
- set part(value: string);
101
- readonly prefix: string | null;
102
- readonly scrollHeight: number;
103
- scrollLeft: number;
104
- scrollTop: number;
105
- readonly scrollWidth: number;
106
- readonly shadowRoot: ShadowRoot | null;
107
- slot: string;
108
- readonly tagName: string;
109
- attachShadow(init: ShadowRootInit): ShadowRoot;
110
- checkVisibility(options?: CheckVisibilityOptions): boolean;
111
- closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
112
- closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
113
- closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
114
- closest<E extends Element = Element>(selectors: string): E | null;
115
- computedStyleMap(): StylePropertyMapReadOnly;
116
- getAttribute(qualifiedName: string): string | null;
117
- getAttributeNS(namespace: string | null, localName: string): string | null;
118
- getAttributeNames(): string[];
119
- getAttributeNode(qualifiedName: string): Attr | null;
120
- getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
121
- getBoundingClientRect(): DOMRect;
122
- getClientRects(): DOMRectList;
123
- getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
124
- getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
125
- getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
126
- getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
127
- getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
128
- getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
129
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
130
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
131
- getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
132
- getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
133
- getHTML(options?: GetHTMLOptions): string;
134
- hasAttribute(qualifiedName: string): boolean;
135
- hasAttributeNS(namespace: string | null, localName: string): boolean;
136
- hasAttributes(): boolean;
137
- hasPointerCapture(pointerId: number): boolean;
138
- insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
139
- insertAdjacentHTML(position: InsertPosition, string: string): void;
140
- insertAdjacentText(where: InsertPosition, data: string): void;
141
- matches(selectors: string): boolean;
142
- releasePointerCapture(pointerId: number): void;
143
- removeAttribute(qualifiedName: string): void;
144
- removeAttributeNS(namespace: string | null, localName: string): void;
145
- removeAttributeNode(attr: Attr): Attr;
146
- requestFullscreen(options?: FullscreenOptions): Promise<void>;
147
- requestPointerLock(options?: PointerLockOptions): Promise<void>;
148
- scroll(options?: ScrollToOptions): void;
149
- scroll(x: number, y: number): void;
150
- scrollBy(options?: ScrollToOptions): void;
151
- scrollBy(x: number, y: number): void;
152
- scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
153
- scrollTo(options?: ScrollToOptions): void;
154
- scrollTo(x: number, y: number): void;
155
- setAttribute(qualifiedName: string, value: string): void;
156
- setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
157
- setAttributeNode(attr: Attr): Attr | null;
158
- setAttributeNodeNS(attr: Attr): Attr | null;
159
- setHTMLUnsafe(html: string): void;
160
- setPointerCapture(pointerId: number): void;
161
- toggleAttribute(qualifiedName: string, force?: boolean): boolean;
162
- webkitMatchesSelector(selectors: string): boolean;
163
- get textContent(): string;
164
- set textContent(value: string | null);
165
- readonly baseURI: string;
166
- readonly childNodes: NodeListOf<ChildNode>;
167
- readonly firstChild: ChildNode | null;
168
- readonly isConnected: boolean;
169
- readonly lastChild: ChildNode | null;
170
- readonly nextSibling: ChildNode | null;
171
- readonly nodeName: string;
172
- readonly nodeType: number;
173
- nodeValue: string | null;
174
- readonly parentElement: HTMLElement | null;
175
- readonly parentNode: ParentNode | null;
176
- readonly previousSibling: ChildNode | null;
177
- appendChild<T extends Node>(node: T): T;
178
- cloneNode(subtree?: boolean): Node;
179
- compareDocumentPosition(other: Node): number;
180
- contains(other: Node | null): boolean;
181
- getRootNode(options?: GetRootNodeOptions): Node;
182
- hasChildNodes(): boolean;
183
- insertBefore<T extends Node>(node: T, child: Node | null): T;
184
- isDefaultNamespace(namespace: string | null): boolean;
185
- isEqualNode(otherNode: Node | null): boolean;
186
- isSameNode(otherNode: Node | null): boolean;
187
- lookupNamespaceURI(prefix: string | null): string | null;
188
- lookupPrefix(namespace: string | null): string | null;
189
- normalize(): void;
190
- removeChild<T extends Node>(child: T): T;
191
- replaceChild<T extends Node>(node: Node, child: T): T;
192
- readonly ELEMENT_NODE: 1;
193
- readonly ATTRIBUTE_NODE: 2;
194
- readonly TEXT_NODE: 3;
195
- readonly CDATA_SECTION_NODE: 4;
196
- readonly ENTITY_REFERENCE_NODE: 5;
197
- readonly ENTITY_NODE: 6;
198
- readonly PROCESSING_INSTRUCTION_NODE: 7;
199
- readonly COMMENT_NODE: 8;
200
- readonly DOCUMENT_NODE: 9;
201
- readonly DOCUMENT_TYPE_NODE: 10;
202
- readonly DOCUMENT_FRAGMENT_NODE: 11;
203
- readonly NOTATION_NODE: 12;
204
- readonly DOCUMENT_POSITION_DISCONNECTED: 1;
205
- readonly DOCUMENT_POSITION_PRECEDING: 2;
206
- readonly DOCUMENT_POSITION_FOLLOWING: 4;
207
- readonly DOCUMENT_POSITION_CONTAINS: 8;
208
- readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
209
- readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
210
- dispatchEvent(event: Event): boolean;
211
- ariaActiveDescendantElement: Element | null;
212
- ariaAtomic: string | null;
213
- ariaAutoComplete: string | null;
214
- ariaBrailleLabel: string | null;
215
- ariaBrailleRoleDescription: string | null;
216
- ariaBusy: string | null;
217
- ariaChecked: string | null;
218
- ariaColCount: string | null;
219
- ariaColIndex: string | null;
220
- ariaColIndexText: string | null;
221
- ariaColSpan: string | null;
222
- ariaControlsElements: ReadonlyArray<Element> | null;
223
- ariaCurrent: string | null;
224
- ariaDescribedByElements: ReadonlyArray<Element> | null;
225
- ariaDescription: string | null;
226
- ariaDetailsElements: ReadonlyArray<Element> | null;
227
- ariaDisabled: string | null;
228
- ariaErrorMessageElements: ReadonlyArray<Element> | null;
229
- ariaExpanded: string | null;
230
- ariaFlowToElements: ReadonlyArray<Element> | null;
231
- ariaHasPopup: string | null;
232
- ariaHidden: string | null;
233
- ariaInvalid: string | null;
234
- ariaKeyShortcuts: string | null;
235
- ariaLabel: string | null;
236
- ariaLabelledByElements: ReadonlyArray<Element> | null;
237
- ariaLevel: string | null;
238
- ariaLive: string | null;
239
- ariaModal: string | null;
240
- ariaMultiLine: string | null;
241
- ariaMultiSelectable: string | null;
242
- ariaOrientation: string | null;
243
- ariaOwnsElements: ReadonlyArray<Element> | null;
244
- ariaPlaceholder: string | null;
245
- ariaPosInSet: string | null;
246
- ariaPressed: string | null;
247
- ariaReadOnly: string | null;
248
- ariaRelevant: string | null;
249
- ariaRequired: string | null;
250
- ariaRoleDescription: string | null;
251
- ariaRowCount: string | null;
252
- ariaRowIndex: string | null;
253
- ariaRowIndexText: string | null;
254
- ariaRowSpan: string | null;
255
- ariaSelected: string | null;
256
- ariaSetSize: string | null;
257
- ariaSort: string | null;
258
- ariaValueMax: string | null;
259
- ariaValueMin: string | null;
260
- ariaValueNow: string | null;
261
- ariaValueText: string | null;
262
- role: string | null;
263
- animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
264
- getAnimations(options?: GetAnimationsOptions): Animation[];
265
- after(...nodes: (Node | string)[]): void;
266
- before(...nodes: (Node | string)[]): void;
267
- remove(): void;
268
- replaceWith(...nodes: (Node | string)[]): void;
269
- readonly nextElementSibling: Element | null;
270
- readonly previousElementSibling: Element | null;
271
- readonly childElementCount: number;
272
- readonly children: HTMLCollection;
273
- readonly firstElementChild: Element | null;
274
- readonly lastElementChild: Element | null;
275
- append(...nodes: (Node | string)[]): void;
276
- prepend(...nodes: (Node | string)[]): void;
277
- querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
278
- querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
279
- querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
280
- querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
281
- querySelector<E extends Element = Element>(selectors: string): E | null;
282
- querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
283
- querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
284
- querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
285
- querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
286
- querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
287
- replaceChildren(...nodes: (Node | string)[]): void;
288
- readonly assignedSlot: HTMLSlotElement | null;
289
- readonly attributeStyleMap: StylePropertyMap;
290
- get style(): CSSStyleDeclaration;
291
- set style(cssText: string);
292
- contentEditable: string;
293
- enterKeyHint: string;
294
- inputMode: string;
295
- readonly isContentEditable: boolean;
296
- onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
297
- onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
298
- onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
299
- onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
300
- onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
301
- onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
302
- onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
303
- onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
304
- onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
305
- onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
306
- oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
307
- oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
308
- oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
309
- onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
310
- onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
311
- onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
312
- oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
313
- oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
314
- oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
315
- oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
316
- oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
317
- oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
318
- ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
319
- ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
320
- ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
321
- ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
322
- ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
323
- ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
324
- ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
325
- ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
326
- ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
327
- onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
328
- onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
329
- onerror: OnErrorEventHandler;
330
- onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
331
- onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
332
- ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
333
- oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
334
- oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
335
- onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
336
- onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
337
- onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
338
- onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
339
- onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
340
- onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
341
- onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
342
- onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
343
- onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
344
- onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
345
- onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
346
- onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
347
- onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
348
- onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
349
- onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
350
- onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
351
- onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
352
- onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
353
- onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
354
- onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
355
- onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
356
- onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
357
- onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
358
- onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
359
- onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
360
- onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
361
- onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
362
- onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
363
- onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
364
- onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
365
- onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
366
- onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
367
- onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
368
- onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
369
- onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
370
- onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
371
- onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
372
- onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
373
- onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
374
- onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
375
- onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
376
- onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
377
- onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
378
- onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
379
- ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
380
- ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
381
- ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
382
- ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
383
- ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
384
- ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
385
- ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
386
- ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
387
- ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
388
- ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
389
- onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
390
- onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
391
- onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
392
- onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
393
- onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
394
- onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
395
- onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
396
- autofocus: boolean;
397
- readonly dataset: DOMStringMap;
398
- nonce?: string;
399
- tabIndex: number;
400
- blur(): void;
401
- focus(options?: FocusOptions): void;
402
- };
403
- observedAttributes: string[];
404
- };
@@ -1,18 +0,0 @@
1
- import type React from "react";
2
- import "./arkada-wvbs-widget";
3
- declare global {
4
- namespace JSX {
5
- interface IntrinsicElements {
6
- "arkada-wvbs-widget": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
7
- data?: string;
8
- theme?: string;
9
- size?: string;
10
- };
11
- }
12
- }
13
- }
14
- export { ArkadaWvbsWidget } from "./arkada-wvbs-widget";
15
- export type { WvbsData } from "./arkada-wvbs-widget";
16
- export type { WidgetSize, WidgetTheme } from "@/shared/config";
17
- export { VerifyWalletVariants } from "@/widgets/verify-wallet-button";
18
- export type { VerifyWalletVariant } from "@/widgets/verify-wallet-button";
@@ -1,15 +0,0 @@
1
- import type { WidgetTheme } from "@/shared/config";
2
- import type { ButtonHTMLAttributes } from "react";
3
- import { type VerifyWalletState, type VerifyWalletVariant } from "../model/types";
4
- import "../styles/verify-wallet-button.css";
5
- export interface VerifyWalletButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
6
- /** Wallet verification status */
7
- state?: VerifyWalletState;
8
- /** Visual layout variant */
9
- variant?: VerifyWalletVariant;
10
- /** Color theme */
11
- theme?: WidgetTheme;
12
- /** Fired when user clicks the unverified button */
13
- onVerify?: () => void;
14
- }
15
- export declare function VerifyWalletButton({ state, variant, theme, onVerify, className, onClick, ...props }: VerifyWalletButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -1,37 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { VerifyWalletButton } from "../VerifyWalletButton";
3
- declare const meta: Meta<typeof VerifyWalletButton>;
4
- export default meta;
5
- type Story = StoryObj<typeof VerifyWalletButton>;
6
- export declare const Compact: Story;
7
- export declare const CompactVerified: Story;
8
- export declare const CompactLight: Story;
9
- export declare const CompactLightVerified: Story;
10
- export declare const CompactMinimal: Story;
11
- export declare const CompactMinimalVerified: Story;
12
- export declare const CompactMinimalLight: Story;
13
- export declare const CompactMinimalLightVerified: Story;
14
- export declare const CompactGradient: Story;
15
- export declare const CompactGradientVerified: Story;
16
- export declare const Banner: Story;
17
- export declare const BannerVerified: Story;
18
- export declare const BannerLight: Story;
19
- export declare const BannerLightVerified: Story;
20
- export declare const Floating: Story;
21
- export declare const FloatingVerified: Story;
22
- export declare const FloatingGradient: Story;
23
- export declare const FloatingGradientVerified: Story;
24
- export declare const Pill: Story;
25
- export declare const PillVerified: Story;
26
- export declare const PillLight: Story;
27
- export declare const PillLightVerified: Story;
28
- export declare const PillWide: Story;
29
- export declare const PillWideVerified: Story;
30
- export declare const Outlined: Story;
31
- export declare const OutlinedVerified: Story;
32
- export declare const OutlinedLight: Story;
33
- export declare const OutlinedLightVerified: Story;
34
- export declare const OutlinedWide: Story;
35
- export declare const OutlinedWideVerified: Story;
36
- export declare const AllVariantsDark: Story;
37
- export declare const AllVariantsLight: Story;
@@ -1,35 +0,0 @@
1
- import type { SVGProps } from "react";
2
- type IconProps = SVGProps<SVGSVGElement>;
3
- export declare function ChainGroupIcon({ verified, ...props }: IconProps & {
4
- verified?: boolean;
5
- }): import("react/jsx-runtime").JSX.Element;
6
- /**
7
- * Toggle switch icon for compact-minimal variant.
8
- * Unverified: gray pill + white circle on left (off).
9
- * Verified: green pill + white checkmark circle on right (on).
10
- * Proportions: 58w × 32h (matching Figma).
11
- */
12
- export declare function ToggleIcon({ verified, ...props }: IconProps & {
13
- verified?: boolean;
14
- }): import("react/jsx-runtime").JSX.Element;
15
- /**
16
- * Large wallet circle icon for floating variants.
17
- * 60×60 metallic gray circle with wallet silhouette.
18
- */
19
- export declare function WalletCircleIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
20
- /**
21
- * Large wallet circle icon for floating variants.
22
- * 60×60 colorfull circle with wallet silhouette.
23
- */
24
- export declare function WalletCircleGradientIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
25
- /** Green circle checkmark — 60×60 for floating, scaled for others */
26
- export declare function CheckCircleIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
27
- /** Green circle checkmark — 60×60 for floating, scaled for others */
28
- export declare function CheckCircleFilledIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
29
- /** Small green check for inline use (pill/outlined verified icon zone) */
30
- export declare function CheckSmallIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
31
- /** Double chevron right for pill/pill-wide unverified icon zone */
32
- export declare function ChevronsRightIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
33
- /** Wallet icon for outlined variant unverified icon zone */
34
- export declare function WalletSmallIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
35
- export {};
@@ -1,3 +0,0 @@
1
- export { VerifyWalletButton } from "./components/VerifyWalletButton";
2
- export type { VerifyWalletButtonProps } from "./components/VerifyWalletButton";
3
- export { VerifyWalletVariants, type VerifyWalletVariant, type VerifyWalletState, } from "./model/types";
@@ -1,32 +0,0 @@
1
- /**
2
- * Verify Wallet Button — Variant & State Types
3
- *
4
- * Naming convention:
5
- * variant = structural layout (how elements are arranged)
6
- * theme = dark | light (inherited from parent context)
7
- * state = verified | unverified (wallet verification status)
8
- */
9
- export declare const VerifyWalletVariants: {
10
- /** Chain icon group + gradient text, gradient border */
11
- readonly COMPACT: "compact";
12
- /** Toggle icon + gradient text, flat solid bg */
13
- readonly COMPACT_MINIMAL: "compact-minimal";
14
- /** Full gradient background — premium look */
15
- readonly COMPACT_GRADIENT: "compact-gradient";
16
- /** Icon + full-width CTA gradient bar */
17
- readonly BANNER: "banner";
18
- /** 60px circle overlapping a solid-color bar, gradient text */
19
- readonly FLOATING: "floating";
20
- /** 60px circle overlapping a gradient CTA bar */
21
- readonly FLOATING_GRADIENT: "floating-gradient";
22
- /** Gradient icon zone left + text right */
23
- readonly PILL: "pill";
24
- /** Full-width gradient with chevrons */
25
- readonly PILL_WIDE: "pill-wide";
26
- /** Pill with status-colored border */
27
- readonly OUTLINED: "outlined";
28
- /** Full gradient bar inside status border */
29
- readonly OUTLINED_WIDE: "outlined-wide";
30
- };
31
- export type VerifyWalletVariant = (typeof VerifyWalletVariants)[keyof typeof VerifyWalletVariants];
32
- export type VerifyWalletState = "verified" | "unverified";
@@ -1,9 +0,0 @@
1
- import type { WidgetSize } from "@/web-components";
2
- import type { WalletEntry } from "../model/types";
3
- export interface ChainListEntryProps {
4
- entry: WalletEntry;
5
- size: WidgetSize;
6
- onVerify?: (entryId: string) => void;
7
- className?: string;
8
- }
9
- export declare function ChainListEntry({ entry, size, onVerify, className, }: ChainListEntryProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import type { WalletBadges } from "../model/types";
2
- export interface ProgressBarProps {
3
- currentBadge: WalletBadges;
4
- className?: string;
5
- }
6
- export declare function ProgressBar({ currentBadge, className }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import type { BadgeConfig } from "../model/types";
2
- export interface RankDisplayProps {
3
- badge: BadgeConfig;
4
- label: string;
5
- isActive: boolean;
6
- className?: string;
7
- }
8
- export declare function RankDisplay({ badge, label, isActive, className, }: RankDisplayProps): import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- export interface WalletScoresProps {
2
- verifiedCount: number;
3
- totalCount: number;
4
- outdatedCount: number;
5
- className?: string;
6
- }
7
- export declare function WalletScores({ verifiedCount, totalCount, outdatedCount, className, }: WalletScoresProps): import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- import type { WidgetSize, WidgetTheme } from "@/shared/config";
2
- import type { WalletVerificationData } from "../model/types";
3
- import "../styles/widget.css";
4
- export interface WalletVerificationWidgetProps {
5
- data: WalletVerificationData;
6
- theme?: WidgetTheme;
7
- size?: WidgetSize;
8
- onVerify?: (entryId: string) => void;
9
- className?: string;
10
- }
11
- export declare function WalletVerificationWidget({ data, theme, size, onVerify, className, }: WalletVerificationWidgetProps): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import type { WidgetSize } from "@/web-components";
2
- import { type WalletEntry } from "../model/types";
3
- export interface WidgetChainsListProps {
4
- entries: WalletEntry[];
5
- size: WidgetSize;
6
- onVerify?: (entryId: string) => void;
7
- className?: string;
8
- }
9
- export declare function WidgetChainsList({ entries, size, onVerify, className, }: WidgetChainsListProps): import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import type { WidgetSize } from "@/web-components";
2
- import { type WalletVerificationData } from "../model/types";
3
- export interface WidgetHeaderProps {
4
- data: WalletVerificationData;
5
- size: WidgetSize;
6
- className?: string;
7
- }
8
- export declare function WidgetHeader({ data, size, className }: WidgetHeaderProps): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- export { WalletVerificationWidget } from "./components/WalletVerificationWidget";
2
- export type { WalletVerificationWidgetProps, } from "./components/WalletVerificationWidget";
3
- export { WalletBadges, type WalletVerificationData, type WalletEntry, type BadgeConfig, type FilterTab, } from "./model/types";
@@ -1,3 +0,0 @@
1
- import { WalletBadges, type BadgeConfig } from "./types";
2
- export declare const BADGE_CONFIGS: Record<WalletBadges, BadgeConfig>;
3
- export declare function getBadgeConfig(badge: WalletBadges): BadgeConfig;