@vellumlabs/cexplorer-sdk 1.1.8 → 1.1.10

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 (40) hide show
  1. package/dist/index.es.js +1 -1
  2. package/dist/providers/GlobalSearchContext.d.ts +1 -1
  3. package/dist/providers/GlobalSearchContext.d.ts.map +1 -1
  4. package/dist/stories/dataDisplay/BlockCell.stories.d.ts +43 -0
  5. package/dist/stories/dataDisplay/BlockCell.stories.d.ts.map +1 -0
  6. package/dist/stories/dataDisplay/DateCell.stories.d.ts +2 -1
  7. package/dist/stories/dataDisplay/DateCell.stories.d.ts.map +1 -1
  8. package/dist/stories/dataDisplay/EpochCell.stories.d.ts +51 -0
  9. package/dist/stories/dataDisplay/EpochCell.stories.d.ts.map +1 -0
  10. package/dist/stories/dataDisplay/MintedByCard.stories.d.ts +4 -0
  11. package/dist/stories/dataDisplay/MintedByCard.stories.d.ts.map +1 -1
  12. package/dist/stories/dataDisplay/ProBadge.stories.d.ts +10 -2
  13. package/dist/stories/dataDisplay/ProBadge.stories.d.ts.map +1 -1
  14. package/dist/stories/feedback/SensitiveContentWarning.stories.d.ts +35 -0
  15. package/dist/stories/feedback/SensitiveContentWarning.stories.d.ts.map +1 -0
  16. package/dist/style.css +1 -1
  17. package/dist/ui/blockCell/index.d.ts +111 -0
  18. package/dist/ui/blockCell/index.d.ts.map +1 -0
  19. package/dist/ui/dateCell/index.d.ts +19 -1
  20. package/dist/ui/dateCell/index.d.ts.map +1 -1
  21. package/dist/ui/epochCell/index.d.ts +156 -0
  22. package/dist/ui/epochCell/index.d.ts.map +1 -0
  23. package/dist/ui/formatStringComponent/index.d.ts +8 -0
  24. package/dist/ui/formatStringComponent/index.d.ts.map +1 -0
  25. package/dist/ui/globalSearch/index.d.ts.map +1 -1
  26. package/dist/ui/header/index.d.ts +5 -1
  27. package/dist/ui/header/index.d.ts.map +1 -1
  28. package/dist/ui/headerBannerSubtitle/index.d.ts +4 -4
  29. package/dist/ui/headerBannerSubtitle/index.d.ts.map +1 -1
  30. package/dist/ui/index.d.ts +4 -1
  31. package/dist/ui/index.d.ts.map +1 -1
  32. package/dist/ui/poolCell/index.d.ts.map +1 -1
  33. package/dist/ui/proBadge/index.d.ts +26 -1
  34. package/dist/ui/proBadge/index.d.ts.map +1 -1
  35. package/dist/ui/sensitiveContentWarning/index.d.ts +131 -0
  36. package/dist/ui/sensitiveContentWarning/index.d.ts.map +1 -0
  37. package/dist/ui/truncatedText/index.d.ts.map +1 -1
  38. package/dist/utils/format.d.ts +31 -6
  39. package/dist/utils/format.d.ts.map +1 -1
  40. package/package.json +1 -1
@@ -1,8 +1,8 @@
1
1
  import { MiscSearch, MiscSearchResponse } from '../types/miscTypes';
2
2
  import { Dispatch, ReactNode, SetStateAction } from 'react';
3
+ import { Locales } from '../types/commonTypes';
3
4
  import { getCategories } from '../utils/search/getCategories';
4
5
  import { UseQueryResult } from '@tanstack/react-query';
5
- import { Locales } from '../types/commonTypes';
6
6
 
7
7
  /**
8
8
  * Available search categories for Cardano blockchain entities.
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalSearchContext.d.ts","sourceRoot":"","sources":["../../src/providers/GlobalSearchContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKjE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAChB,KAAK,GACL,IAAI,GACJ,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,OAAO,GACP,WAAW,GACX,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,qBAAqB,CAAC;AAsB1B;;;;GAIG;AACH,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC7C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACpD,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAC9C,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CAC/C;AAMD;;;;GAIG;AACH,UAAU,yBAAyB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;OAQG;IACH,kBAAkB,EAAE,CAClB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,QAAQ,CAAC,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,OAAO,KACb,cAAc,CACjB,kBAAkB,GAAG;QACnB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;KAChC,EACD,OAAO,CACR,CAAC;IACF;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwJpE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe,QAAO,wBAQlC,CAAC"}
1
+ {"version":3,"file":"GlobalSearchContext.d.ts","sourceRoot":"","sources":["../../src/providers/GlobalSearchContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAChB,KAAK,GACL,IAAI,GACJ,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,GACT,OAAO,GACP,WAAW,GACX,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,GACN,qBAAqB,CAAC;AAsB1B;;;;GAIG;AACH,UAAU,wBAAwB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC7C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACpD,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAC9C,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CAC/C;AAMD;;;;GAIG;AACH,UAAU,yBAAyB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;OAQG;IACH,kBAAkB,EAAE,CAClB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,QAAQ,CAAC,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,OAAO,KACb,cAAc,CACjB,kBAAkB,GAAG;QACnB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;KAChC,EACD,OAAO,CACR,CAAC;IACF;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0JpE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,eAAe,QAAO,wBAQlC,CAAC"}
@@ -0,0 +1,43 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { BlockCell } from '../../ui/blockCell';
3
+
4
+ declare const meta: Meta<typeof BlockCell>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof meta>;
7
+ /**
8
+ * Default block cell with formatted number
9
+ */
10
+ export declare const Default: Story;
11
+ /**
12
+ * Recent block with lower number
13
+ */
14
+ export declare const RecentBlock: Story;
15
+ /**
16
+ * Very large block number
17
+ */
18
+ export declare const LargeBlockNumber: Story;
19
+ /**
20
+ * Small block number (early blockchain)
21
+ */
22
+ export declare const SmallBlockNumber: Story;
23
+ /**
24
+ * Example showing blocks in a transaction table
25
+ */
26
+ export declare const InTransactionTable: Story;
27
+ /**
28
+ * Example showing blocks in an epoch detail view
29
+ */
30
+ export declare const InEpochDetail: Story;
31
+ /**
32
+ * Examples showing different alignment options
33
+ */
34
+ export declare const AlignmentOptions: Story;
35
+ /**
36
+ * Example in a block explorer dashboard
37
+ */
38
+ export declare const InDashboard: Story;
39
+ /**
40
+ * Example showing block references in different contexts
41
+ */
42
+ export declare const MultipleContexts: Story;
43
+ //# sourceMappingURL=BlockCell.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BlockCell.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/BlockCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA4ChC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAgEhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAyE3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA+B9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KA0CzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA8B9B,CAAC"}
@@ -14,5 +14,6 @@ declare const TransactionTimestamp: Story;
14
14
  declare const EpochEndTime: Story;
15
15
  declare const WithoutTabularNums: Story;
16
16
  declare const Undefined: Story;
17
- export { RecentBlock, FiveMinutesAgo, OneHourAgo, OneDayAgo, OneWeekAgo, OneMonthAgo, TransactionTimestamp, EpochEndTime, WithoutTabularNums, Undefined, };
17
+ declare const WithoutTooltip: Story;
18
+ export { RecentBlock, FiveMinutesAgo, OneHourAgo, OneDayAgo, OneWeekAgo, OneMonthAgo, TransactionTimestamp, EpochEndTime, WithoutTabularNums, WithoutTooltip, Undefined, };
18
19
  //# sourceMappingURL=DateCell.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateCell.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/DateCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAiC/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,WAAW,EAAE,KAQlB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAQrB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAQjB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAQhB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAQjB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAQlB,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,KAS3B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAQnB,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAQzB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAKhB,CAAC;AAEF,OAAO,EACL,WAAW,EACX,cAAc,EACd,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACX,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,SAAS,GACV,CAAC"}
1
+ {"version":3,"file":"DateCell.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/DateCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAsC/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,WAAW,EAAE,KAQlB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAQrB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAQjB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAQhB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAQjB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAQlB,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,KAS3B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAQnB,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAQzB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAKhB,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KASrB,CAAC;AAEF,OAAO,EACL,WAAW,EACX,cAAc,EACd,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACX,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,SAAS,GACV,CAAC"}
@@ -0,0 +1,51 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { EpochCell } from '../../ui/epochCell';
3
+
4
+ declare const meta: Meta<typeof EpochCell>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof meta>;
7
+ /**
8
+ * Default epoch cell displaying a past epoch as a clickable link
9
+ */
10
+ export declare const Default: Story;
11
+ /**
12
+ * Current epoch with animated pulse dot indicator
13
+ */
14
+ export declare const CurrentEpoch: Story;
15
+ /**
16
+ * Past epoch with pulse dot spacing (for table alignment)
17
+ */
18
+ export declare const PastEpochWithPulseDot: Story;
19
+ /**
20
+ * Future epoch displayed as plain text (not clickable)
21
+ */
22
+ export declare const FutureEpoch: Story;
23
+ /**
24
+ * Display difference from current epoch (e.g., "5 epochs ago")
25
+ */
26
+ export declare const SubtractedFromCurrent: Story;
27
+ /**
28
+ * Undefined epoch showing placeholder
29
+ */
30
+ export declare const UndefinedEpoch: Story;
31
+ /**
32
+ * Example showing epochs in a table with pulse indicator
33
+ */
34
+ export declare const InTable: Story;
35
+ /**
36
+ * Example showing epoch differences in a rewards table
37
+ */
38
+ export declare const InRewardsTable: Story;
39
+ /**
40
+ * Examples showing different alignment options
41
+ */
42
+ export declare const AlignmentOptions: Story;
43
+ /**
44
+ * Example showing mixed epoch states (past, current, future)
45
+ */
46
+ export declare const AllStates: Story;
47
+ /**
48
+ * Example in governance proposal context
49
+ */
50
+ export declare const InGovernanceProposal: Story;
51
+ //# sourceMappingURL=EpochCell.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EpochCell.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/EpochCell.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA6DhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA4CrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAyD5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KA6CvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KA2ClC,CAAC"}
@@ -24,4 +24,8 @@ export declare const PoolWithoutMetadata: Story;
24
24
  * Minimal information (no VRF, no protocol version)
25
25
  */
26
26
  export declare const MinimalInfo: Story;
27
+ /**
28
+ * Pool with operational certificate counter
29
+ */
30
+ export declare const WithOpCounter: Story;
27
31
  //# sourceMappingURL=MintedByCard.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MintedByCard.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/MintedByCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAWrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CA+EnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAajC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}
1
+ {"version":3,"file":"MintedByCard.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/MintedByCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAWrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CA+EnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAajC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC"}
@@ -5,9 +5,17 @@ declare const meta: Meta<typeof ProBadge>;
5
5
  export default meta;
6
6
  type Story = StoryObj<typeof meta>;
7
7
  /**
8
- * Default PRO badge with gradient styling
8
+ * Default PRO badge with short text
9
9
  */
10
10
  export declare const Default: Story;
11
+ /**
12
+ * Call-to-action variant with "Get PRO" text
13
+ */
14
+ export declare const GetPro: Story;
15
+ /**
16
+ * Comparison of both text variants
17
+ */
18
+ export declare const BothVariants: Story;
11
19
  /**
12
20
  * PRO badge in a feature list context
13
21
  */
@@ -17,7 +25,7 @@ export declare const InFeatureList: Story;
17
25
  */
18
26
  export declare const WithLockedFeature: Story;
19
27
  /**
20
- * PRO badge in header navigation
28
+ * PRO badge in header navigation with "Get PRO" call-to-action
21
29
  */
22
30
  export declare const InNavigation: Story;
23
31
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"ProBadge.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/ProBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAmB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAuB/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC"}
1
+ {"version":3,"file":"ProBadge.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/dataDisplay/ProBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA6B/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAuB/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC"}
@@ -0,0 +1,35 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { SensitiveContentWarning } from '../../ui/sensitiveContentWarning';
3
+
4
+ declare const meta: Meta<typeof SensitiveContentWarning>;
5
+ export default meta;
6
+ type Story = StoryObj<typeof meta>;
7
+ /**
8
+ * Default warning with standard text and behavior
9
+ */
10
+ export declare const Default: Story;
11
+ /**
12
+ * Custom title and description for NFT metadata warning
13
+ */
14
+ export declare const NFTMetadata: Story;
15
+ /**
16
+ * Transaction memo warning with custom text
17
+ */
18
+ export declare const TransactionMemo: Story;
19
+ /**
20
+ * Pool metadata warning
21
+ */
22
+ export declare const PoolMetadata: Story;
23
+ /**
24
+ * Interactive example showing state management and content reveal
25
+ */
26
+ export declare const WithContentReveal: Story;
27
+ /**
28
+ * Example in a card context showing typical usage pattern
29
+ */
30
+ export declare const InCard: Story;
31
+ /**
32
+ * Example showing multiple content warnings in a list
33
+ */
34
+ export declare const InList: Story;
35
+ //# sourceMappingURL=SensitiveContentWarning.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SensitiveContentWarning.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/feedback/SensitiveContentWarning.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAE3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAuD9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAwC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAgDpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAkDpB,CAAC"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @layer base{:root{--white:#FFFFFF;--black:#000000;/* CexDark */ --cexdark-500:#424951;--cexdark-600:#374048;--cexdark-700:#2A2F36;--cexdark-800:#232930;--cexdark-900:#20252B;--cexdark-950:#1F242A;/* Gray colors */ --gray-25:#FCFCFD;--gray-50:#F9FAFB;--gray-100:#F2F4F7;--gray-200:#E4E7EC;--gray-300:#D0D5DD;--gray-400:#98A2B3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#182230;--gray-900:#101828;--gray-950:#0C111D;/* Brand colors */ --brand-25:#F7FCFF;--brand-50:#EFFAFF;--brand-100:#DEF4FF;--brand-200:#B6EBFF;--brand-300:#75DEFF;--brand-400:#2CCEFF;--brand-500:#00A9E3;--brand-600:#0094D4;--brand-700:#0075AB;--brand-800:#00638D;--brand-900:#065274;--brand-950:#04344D;/* Error colors */ --error-25:#FFFBFA;--error-50:#FEF3F2;--error-100:#FEE4E2;--error-200:#FECDCA;--error-300:#FDA29B;--error-400:#F97066;--error-500:#F04438;--error-600:#D92D20;--error-700:#B42318;--error-800:#912018;--error-900:#7A271A;--error-950:#55160C;/* Warning colors */ --warning-25:#FFFCF5;--warning-50:#FFFAEB;--warning-100:#FEF0C7;--warning-200:#FEDF89;--warning-300:#FEC84B;--warning-400:#FDB022;--warning-500:#F79009;--warning-600:#DC6803;--warning-700:#B54708;--warning-800:#93370D;--warning-900:#7A2E0E;--warning-950:#4E1D09;/* Success colors */ --success-25:#F6FEF9;--success-50:#ECFDF3;--success-100:#DCFAE6;--success-200:#A9EFC5;--success-300:#75E0A7;--success-400:#47CD89;--success-500:#17B26A;--success-600:#079455;--success-700:#067647;--success-800:#085D3A;--success-900:#074D31;--success-950:#053321;/* Green colors */ --green-25:#F6FEF9;--green-50:#EDFCF2;--green-100:#D3F8DF;--green-200:#AAF0C4;--green-300:#73E2A3;--green-400:#3CCB7F;--green-500:#16B364;--green-600:#099250;--green-700:#087443;--green-800:#095C37;--green-900:#084C2E;--green-950:#052E1C;/* Gray blue colors */ --gray-blue-25:#FCFCFD;--gray-blue-50:#F8F9FC;--gray-blue-100:#EAECF5;--gray-blue-200:#D5D9EB;--gray-blue-300:#B3B8DB;--gray-blue-400:#717BBC;--gray-blue-500:#4E5BA6;--gray-blue-600:#3E4784;--gray-blue-700:#363F72;--gray-blue-800:#293056;--gray-blue-900:#101323;--gray-blue-950:#0D0F1C;/* Blue light colors */ --blue-light-25:#F5FBFF;--blue-light-50:#F0F9FF;--blue-light-100:#E0F2FE;--blue-light-200:#B9E6FE;--blue-light-300:#7CD4FD;--blue-light-400:#36BFFA;--blue-light-500:#0BA5EC;--blue-light-600:#0086C9;--blue-light-700:#026AA2;--blue-light-800:#065986;--blue-light-900:#0B4A6F;--blue-light-950:#062C41;/* Blue colors */ --blue-25:#F5FAFF;--blue-50:#EFF8FF;--blue-100:#D1E9FF;--blue-200:#B2DDFF;--blue-300:#84CAFF;--blue-400:#53B1FD;--blue-500:#2E90FA;--blue-600:#1570EF;--blue-700:#175CD3;--blue-800:#1849A9;--blue-900:#194185;--blue-950:#102A56;/* Indigo colors */ --indigo-25:#F5F8FF;--indigo-50:#EEF4FF;--indigo-100:#E0EAFF;--indigo-200:#C7D7FE;--indigo-300:#A4BCFD;--indigo-400:#8098F9;--indigo-500:#6172F3;--indigo-600:#444CE7;--indigo-700:#3538CD;--indigo-800:#2D31A6;--indigo-900:#2D3282;--indigo-950:#1F235B;/* Purple colors */ --purple-25:#FAFAFF;--purple-50:#F4F3FF;--purple-100:#EBE9FE;--purple-200:#D9D6FE;--purple-300:#BDB4FE;--purple-400:#9B8AFB;--purple-500:#7A5AF8;--purple-600:#6938EF;--purple-700:#5925DC;--purple-800:#4A1FB8;--purple-900:#3E1C96;--purple-950:#27115F;/* Yellow colors */ --yellow-25:#FEFDF0;--yellow-50:#FEFBE8;--yellow-100:#FEF7C3;--yellow-200:#FEEE95;--yellow-300:#FDE272;--yellow-400:#FAC515;--yellow-500:#EAAA08;--yellow-600:#CA8504;--yellow-700:#A15C07;--yellow-800:#854A0E;--yellow-900:#713B12;--yellow-950:#542C0D;/* Orange colors */ --orange-25:#FEFAF5;--orange-50:#FEF6EE;--orange-100:#FDEAD7;--orange-200:#F9DBAF;--orange-300:#F7B27A;--orange-400:#F38744;--orange-500:#EF6820;--orange-600:#E04F16;--orange-700:#B93815;--orange-800:#932F19;--orange-900:#772917;--orange-950:#511C10;}:root[data-theme="dark"]{--text:var(--white);--background:var(--cexdark-950);--cardBg:var(--cexdark-800);--darker:var(--cexdark-900);--primary:var(--brand-300);--darkBlue:#1ba3e0;--secondaryText:#b0dff4;--secondaryBg:#b0def412;--border:var(--cexdark-500);--borderDarker:#4d555e;--borderFaded:var(--cexdark-600);--grayTextPrimary:var(--gray-200);--grayTextSecondary:var(--gray-400);--scrollbar:#ffffff87;--shimmer:#ffffff0d;--completed:#079455;--inProgress:#fdb022;--notStarted:#f04438;--all:#667085;--bannerGradient:#1f242a;--purpleText:#9f70f7;--redText:var(--error-500);--yellowText:var(--warning-300);--greenText:var(--green-500);--hoverHighlight:var(--cexdark-700);--hoverHighlight:var(--yellow-400);--tableHover:#242a31;}:root[data-theme="light"]{--text:var(--gray-900);--background:var(--gray-25);--cardBg:var(--white);--darker:var(--gray-50);--primary:var(--brand-600);--darkBlue:#0094d4;--secondaryText:#0094d4;--secondaryBg:#effaff;--borderFaded:var(--gray-200);--border:var(--gray-300);--borderDarker:#c0c5cc;--grayTextPrimary:var(--gray-600);--grayTextSecondary:var(--gray-500);--scrollbar:#13294a91;--shimmer:#2828280d;--completed:#abefc6;--inProgress:#fedf89;--notStarted:#fecdca;--all:#e4e7ec;--bannerGradient:#f0f0f6;--purpleText:#7d41ed;--redText:var(--error-500);--yellowText:var(--warning-300);--greenText:var(--green-500);--hoverHighlight:var(--yellow-400);--highlightBorder:var(--yellow-500);--tableHover:#EDF0F5;}}@layer base{:root{/* Font weights */ --font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;/* Display 2xl */ --font-size-display-2xl:72px;--line-height-display-2xl:90px;--letter-spacing-display-2xl:-0.02em;/* Display xl */ --font-size-display-xl:60px;--line-height-display-xl:72px;--letter-spacing-display-xl:-0.02em;/* Display lg */ --font-size-display-lg:48px;--line-height-display-lg:60px;--letter-spacing-display-lg:-0.02em;/* Display md */ --font-size-display-md:36px;--line-height-display-md:44px;--letter-spacing-display-md:-0.02em;/* Display sm */ --font-size-display-sm:30px;--line-height-display-sm:38px;/* Display xs */ --font-size-display-xs:24px;--line-height-display-xs:32px;/* Text xl */ --font-size-text-xl:20px;--line-height-text-xl:30px;/* Text lg */ --font-size-text-lg:18px;--line-height-text-lg:28px;/* Text md */ --font-size-text-md:16px;--line-height-text-md:24px;/* Text sm */ --font-size-text-sm:14px;--line-height-text-sm:20px;/* Text xs */ --font-size-text-xs:12px;--line-height-text-xs:18px;}}:root{--shadow-xs:0px 1px 2px 0px #1018280D;--shadow-sm:0px 1px 2px 0px #1018280F,0px 1px 3px 0px #1018281A;--shadow-md:0px 2px 4px -2px #1018280F,0px 4px 8px -2px #1018281A;--shadow-lg:0px 4px 6px -2px #10182808,0px 12px 16px -4px #10182814;--shadow-xl:0px 24px 48px -12px #1018282E;--shadow-2xl:0px 24px 48px -12px #1018282E;--shadow-3xl:0px 32px 64px -12px #10182824;}:root{--spacing-0:0;--spacing-0_25:2px;--spacing-0_5:4px;--spacing-1:8px;--spacing-1_5:12px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-7:56px;--spacing-8:64px;--spacing-9:72px;--spacing-10:80px;--spacing-11:88px;--spacing-12:96px;--spacing-13:104px;--spacing-14:112px;--spacing-15:120px;--spacing-16:128px;}:root{--radius-none:0;--radius-xs:6px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:20px;--radius-max:500px;}@tailwind base;@tailwind components;@tailwind utilities;@layer loader{.loader{border-radius:50%;animation:spin 1s cubic-bezier(0.68,-0.55,0.27,1.55) infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}}body,html{background:var(--background);color:var(--text);font-family:Inter;}pre{background:transparent !important;}a{&:hover{color:var(--secondaryText);}}h1{@media screen and (min-width:768px){font-size:34px;}font-size:26px;font-weight:600;}h2{@media screen and (min-width:768px){font-size:24px;}font-size:20px;font-weight:600;}h3{@media screen and (min-width:768px){font-size:18px;}font-size:16px;font-weight:600;}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin-block:5px;}::-webkit-scrollbar-thumb{background:var(--scrollbar);opacity:0.5;border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}.shimmer{animation:fadeIn 500ms ease-out forwards,shimmer 2s linear infinite;animation-delay:0s,500ms;background:linear-gradient( to right,transparent 0%,var(--shimmer) 25%,transparent 50% );background-size:200% 100%;}.shimmer-no-fade{animation:shimmer 3s linear infinite;background:linear-gradient( to right,transparent 0%,var(--shimmer) 25%,transparent 50% );background-size:200% 100%;}.gold-shimmer{animation:shimmer 6s linear infinite;background:linear-gradient( to right,transparent 0%,#f8e65fcd 20%,transparent 5% );background-size:200% 100%;}.react-flow__handle{opacity:0;}[data-sonner-toast][data-styled="true"] [data-button]{background:transparent !important;}.react-syntax-highlighter-line-number{padding-right:10px !important;min-width:20px !important;}.sso-button{background-color:white;width:100%;margin-bottom:10px;border:1px solid var(--grey10);border-radius:10px;}.AccordionTrigger[data-state="open"] > .AccordionChevron{transform:rotate(180deg);}.react-flow__attribution{display:none !important;}::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');}.react-grid-placeholder{border-radius:var(--radius-s);background-color:var(--primary) !important;}.react-grid-item.cssTransforms{transition-property:none !important;}.customize-grid .react-grid-item.cssTransforms{transition-property:transform !important;}@keyframes loading-dots{0%{opacity:0.2;}100%{opacity:1;}}@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}.range-slider-input{position:relative;z-index:10;width:100%;height:8px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline:none;}.range-slider-input::-webkit-slider-runnable-track{width:100%;height:8px;appearance:none;-webkit-appearance:none;border-radius:9999px;background:transparent;}.range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);border:1px solid var(--primary);cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);margin-top:-8px;}.range-slider-input::-moz-range-track{width:100%;height:8px;border-radius:9999px;background:transparent;}.range-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);border:1px solid var(--primary);cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:none;}
1
+ @layer base{:root{--white:#FFFFFF;--black:#000000;/* CexDark */ --cexdark-500:#424951;--cexdark-600:#374048;--cexdark-700:#2A2F36;--cexdark-800:#232930;--cexdark-900:#20252B;--cexdark-950:#1F242A;/* Gray colors */ --gray-25:#FCFCFD;--gray-50:#F9FAFB;--gray-100:#F2F4F7;--gray-200:#E4E7EC;--gray-300:#D0D5DD;--gray-400:#98A2B3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#182230;--gray-900:#101828;--gray-950:#0C111D;/* Brand colors */ --brand-25:#F7FCFF;--brand-50:#EFFAFF;--brand-100:#DEF4FF;--brand-200:#B6EBFF;--brand-300:#75DEFF;--brand-400:#2CCEFF;--brand-500:#00A9E3;--brand-600:#0094D4;--brand-700:#0075AB;--brand-800:#00638D;--brand-900:#065274;--brand-950:#04344D;/* Error colors */ --error-25:#FFFBFA;--error-50:#FEF3F2;--error-100:#FEE4E2;--error-200:#FECDCA;--error-300:#FDA29B;--error-400:#F97066;--error-500:#F04438;--error-600:#D92D20;--error-700:#B42318;--error-800:#912018;--error-900:#7A271A;--error-950:#55160C;/* Warning colors */ --warning-25:#FFFCF5;--warning-50:#FFFAEB;--warning-100:#FEF0C7;--warning-200:#FEDF89;--warning-300:#FEC84B;--warning-400:#FDB022;--warning-500:#F79009;--warning-600:#DC6803;--warning-700:#B54708;--warning-800:#93370D;--warning-900:#7A2E0E;--warning-950:#4E1D09;/* Success colors */ --success-25:#F6FEF9;--success-50:#ECFDF3;--success-100:#DCFAE6;--success-200:#A9EFC5;--success-300:#75E0A7;--success-400:#47CD89;--success-500:#17B26A;--success-600:#079455;--success-700:#067647;--success-800:#085D3A;--success-900:#074D31;--success-950:#053321;/* Green colors */ --green-25:#F6FEF9;--green-50:#EDFCF2;--green-100:#D3F8DF;--green-200:#AAF0C4;--green-300:#73E2A3;--green-400:#3CCB7F;--green-500:#16B364;--green-600:#099250;--green-700:#087443;--green-800:#095C37;--green-900:#084C2E;--green-950:#052E1C;/* Gray blue colors */ --gray-blue-25:#FCFCFD;--gray-blue-50:#F8F9FC;--gray-blue-100:#EAECF5;--gray-blue-200:#D5D9EB;--gray-blue-300:#B3B8DB;--gray-blue-400:#717BBC;--gray-blue-500:#4E5BA6;--gray-blue-600:#3E4784;--gray-blue-700:#363F72;--gray-blue-800:#293056;--gray-blue-900:#101323;--gray-blue-950:#0D0F1C;/* Blue light colors */ --blue-light-25:#F5FBFF;--blue-light-50:#F0F9FF;--blue-light-100:#E0F2FE;--blue-light-200:#B9E6FE;--blue-light-300:#7CD4FD;--blue-light-400:#36BFFA;--blue-light-500:#0BA5EC;--blue-light-600:#0086C9;--blue-light-700:#026AA2;--blue-light-800:#065986;--blue-light-900:#0B4A6F;--blue-light-950:#062C41;/* Blue colors */ --blue-25:#F5FAFF;--blue-50:#EFF8FF;--blue-100:#D1E9FF;--blue-200:#B2DDFF;--blue-300:#84CAFF;--blue-400:#53B1FD;--blue-500:#2E90FA;--blue-600:#1570EF;--blue-700:#175CD3;--blue-800:#1849A9;--blue-900:#194185;--blue-950:#102A56;/* Indigo colors */ --indigo-25:#F5F8FF;--indigo-50:#EEF4FF;--indigo-100:#E0EAFF;--indigo-200:#C7D7FE;--indigo-300:#A4BCFD;--indigo-400:#8098F9;--indigo-500:#6172F3;--indigo-600:#444CE7;--indigo-700:#3538CD;--indigo-800:#2D31A6;--indigo-900:#2D3282;--indigo-950:#1F235B;/* Purple colors */ --purple-25:#FAFAFF;--purple-50:#F4F3FF;--purple-100:#EBE9FE;--purple-200:#D9D6FE;--purple-300:#BDB4FE;--purple-400:#9B8AFB;--purple-500:#7A5AF8;--purple-600:#6938EF;--purple-700:#5925DC;--purple-800:#4A1FB8;--purple-900:#3E1C96;--purple-950:#27115F;/* Yellow colors */ --yellow-25:#FEFDF0;--yellow-50:#FEFBE8;--yellow-100:#FEF7C3;--yellow-200:#FEEE95;--yellow-300:#FDE272;--yellow-400:#FAC515;--yellow-500:#EAAA08;--yellow-600:#CA8504;--yellow-700:#A15C07;--yellow-800:#854A0E;--yellow-900:#713B12;--yellow-950:#542C0D;/* Orange colors */ --orange-25:#FEFAF5;--orange-50:#FEF6EE;--orange-100:#FDEAD7;--orange-200:#F9DBAF;--orange-300:#F7B27A;--orange-400:#F38744;--orange-500:#EF6820;--orange-600:#E04F16;--orange-700:#B93815;--orange-800:#932F19;--orange-900:#772917;--orange-950:#511C10;}:root[data-theme="dark"]{--text:var(--white);--background:var(--cexdark-950);--cardBg:var(--cexdark-800);--darker:var(--cexdark-900);--primary:var(--brand-300);--darkBlue:#1ba3e0;--secondaryText:#b0dff4;--secondaryBg:#b0def412;--border:var(--cexdark-500);--borderDarker:#4d555e;--borderFaded:var(--cexdark-600);--grayTextPrimary:var(--gray-200);--grayTextSecondary:var(--gray-400);--scrollbar:#ffffff87;--shimmer:#ffffff0d;--completed:#079455;--inProgress:#fdb022;--notStarted:#f04438;--all:#667085;--bannerGradient:#1f242a;--purpleText:#9f70f7;--redText:var(--error-500);--yellowText:var(--warning-300);--greenText:var(--green-500);--hoverHighlight:var(--cexdark-700);--hoverHighlight:var(--yellow-400);--tableHover:#242a31;}:root[data-theme="light"]{--text:var(--gray-900);--background:var(--gray-25);--cardBg:var(--white);--darker:var(--gray-50);--primary:var(--brand-600);--darkBlue:#0094d4;--secondaryText:#0094d4;--secondaryBg:#effaff;--borderFaded:var(--gray-200);--border:var(--gray-300);--borderDarker:#c0c5cc;--grayTextPrimary:var(--gray-600);--grayTextSecondary:var(--gray-500);--scrollbar:#13294a91;--shimmer:#2828280d;--completed:#abefc6;--inProgress:#fedf89;--notStarted:#fecdca;--all:#e4e7ec;--bannerGradient:#f0f0f6;--purpleText:#7d41ed;--redText:var(--error-500);--yellowText:var(--warning-300);--greenText:var(--green-500);--hoverHighlight:var(--yellow-400);--highlightBorder:var(--yellow-500);--tableHover:#EDF0F5;}}@layer base{:root{/* Font weights */ --font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;/* Display 2xl */ --font-size-display-2xl:72px;--line-height-display-2xl:90px;--letter-spacing-display-2xl:-0.02em;/* Display xl */ --font-size-display-xl:60px;--line-height-display-xl:72px;--letter-spacing-display-xl:-0.02em;/* Display lg */ --font-size-display-lg:48px;--line-height-display-lg:60px;--letter-spacing-display-lg:-0.02em;/* Display md */ --font-size-display-md:36px;--line-height-display-md:44px;--letter-spacing-display-md:-0.02em;/* Display sm */ --font-size-display-sm:30px;--line-height-display-sm:38px;/* Display xs */ --font-size-display-xs:24px;--line-height-display-xs:32px;/* Text xl */ --font-size-text-xl:20px;--line-height-text-xl:30px;/* Text lg */ --font-size-text-lg:18px;--line-height-text-lg:28px;/* Text md */ --font-size-text-md:16px;--line-height-text-md:24px;/* Text sm */ --font-size-text-sm:14px;--line-height-text-sm:20px;/* Text xs */ --font-size-text-xs:12px;--line-height-text-xs:18px;}}:root{--shadow-xs:0px 1px 2px 0px #1018280D;--shadow-sm:0px 1px 2px 0px #1018280F,0px 1px 3px 0px #1018281A;--shadow-md:0px 2px 4px -2px #1018280F,0px 4px 8px -2px #1018281A;--shadow-lg:0px 4px 6px -2px #10182808,0px 12px 16px -4px #10182814;--shadow-xl:0px 24px 48px -12px #1018282E;--shadow-2xl:0px 24px 48px -12px #1018282E;--shadow-3xl:0px 32px 64px -12px #10182824;}:root{--spacing-0:0;--spacing-0_25:2px;--spacing-0_5:4px;--spacing-1:8px;--spacing-1_5:12px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-7:56px;--spacing-8:64px;--spacing-9:72px;--spacing-10:80px;--spacing-11:88px;--spacing-12:96px;--spacing-13:104px;--spacing-14:112px;--spacing-15:120px;--spacing-16:128px;}:root{--radius-none:0;--radius-xs:6px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:20px;--radius-max:500px;}@tailwind base;@tailwind components;@tailwind utilities;@layer loader{.loader{border-radius:50%;animation:spin 1s cubic-bezier(0.68,-0.55,0.27,1.55) infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}}body,html{background:var(--background);color:var(--text);font-family:Inter;}pre{background:transparent !important;}a{&:hover{color:var(--secondaryText);}}h1{@media screen and (min-width:768px){font-size:34px;}font-size:26px;font-weight:600;}h2{@media screen and (min-width:768px){font-size:24px;}font-size:20px;font-weight:600;}h3{@media screen and (min-width:768px){font-size:18px;}font-size:16px;font-weight:600;}li{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}}.thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin-block:5px;}::-webkit-scrollbar-thumb{background:var(--scrollbar);opacity:0.5;border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}.shimmer{animation:fadeIn 500ms ease-out forwards,shimmer 2s linear infinite;animation-delay:0s,500ms;background:linear-gradient( to right,transparent 0%,var(--shimmer) 25%,transparent 50% );background-size:200% 100%;}.shimmer-no-fade{animation:shimmer 3s linear infinite;background:linear-gradient( to right,transparent 0%,var(--shimmer) 25%,transparent 50% );background-size:200% 100%;}.gold-shimmer{animation:shimmer 6s linear infinite;background:linear-gradient( to right,transparent 0%,#f8e65fcd 20%,transparent 5% );background-size:200% 100%;}.react-flow__handle{opacity:0;}[data-sonner-toast][data-styled="true"] [data-button]{background:transparent !important;}.react-syntax-highlighter-line-number{padding-right:10px !important;min-width:20px !important;}.sso-button{background-color:white;width:100%;margin-bottom:10px;border:1px solid var(--grey10);border-radius:10px;}.AccordionTrigger[data-state="open"] > .AccordionChevron{transform:rotate(180deg);}.react-flow__attribution{display:none !important;}::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');}.react-grid-placeholder{border-radius:var(--radius-s);background-color:var(--primary) !important;}.react-grid-item.cssTransforms{transition-property:none !important;}.customize-grid .react-grid-item.cssTransforms{transition-property:transform !important;}@keyframes loading-dots{0%{opacity:0.2;}100%{opacity:1;}}@keyframes marquee{0%{transform:translateX(0);}45%{transform:translateX(var(--scroll-distance));}55%{transform:translateX(var(--scroll-distance));}100%{transform:translateX(0);}}.range-slider-input{position:relative;z-index:10;width:100%;height:8px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;outline:none;}.range-slider-input::-webkit-slider-runnable-track{width:100%;height:8px;appearance:none;-webkit-appearance:none;border-radius:9999px;background:transparent;}.range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);border:1px solid var(--primary);cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);margin-top:-8px;}.range-slider-input::-moz-range-track{width:100%;height:8px;border-radius:9999px;background:transparent;}.range-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);border:1px solid var(--primary);cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border:none;}
@@ -0,0 +1,111 @@
1
+ /**
2
+ * Props for the BlockCell component
3
+ */
4
+ export interface BlockCellProps {
5
+ /**
6
+ * Block hash used for routing to block detail page.
7
+ *
8
+ * @example
9
+ * <BlockCell hash="5f20df933584822601f9e3f8c024eb5eb252fe8cefb24d1317dc3d432e940ebb" no={10234567} />
10
+ */
11
+ hash: string;
12
+ /**
13
+ * Block number to display.
14
+ * Will be formatted with thousand separators (e.g., "10,234,567").
15
+ *
16
+ * @example
17
+ * <BlockCell hash="5f20..." no={10234567} />
18
+ * // Displays: "10,234,567"
19
+ */
20
+ no: number;
21
+ /**
22
+ * Horizontal alignment of the block cell content.
23
+ *
24
+ * @default "end"
25
+ * @example
26
+ * // Right-aligned (default, for tables)
27
+ * <BlockCell hash="5f20..." no={10234567} justify="end" />
28
+ *
29
+ * @example
30
+ * // Left-aligned
31
+ * <BlockCell hash="5f20..." no={10234567} justify="start" />
32
+ *
33
+ * @example
34
+ * // Center-aligned
35
+ * <BlockCell hash="5f20..." no={10234567} justify="center" />
36
+ */
37
+ justify?: "start" | "center" | "end";
38
+ }
39
+ /**
40
+ * BlockCell displays a Cardano block number as a formatted, clickable link.
41
+ *
42
+ * This component renders block numbers with automatic thousand separators and
43
+ * routing to block detail pages using the block hash. It's designed primarily
44
+ * for use in tables and lists where block information is displayed.
45
+ *
46
+ * **Key Features:**
47
+ * - Automatic link generation to `/block/$hash` route
48
+ * - Number formatting with thousand separators (10,234,567)
49
+ * - Configurable alignment (start, center, end) - right-aligned by default for tables
50
+ * - Type-safe routing with TanStack Router
51
+ *
52
+ * **Common Use Cases:**
53
+ * - Display block numbers in transaction tables
54
+ * - Show block information in epoch detail views
55
+ * - List recent blocks in dashboards
56
+ * - Display block references in governance proposals
57
+ * - Show block numbers in stake pool statistics
58
+ *
59
+ * @component
60
+ * @example
61
+ * ```tsx
62
+ * // Basic usage
63
+ * <BlockCell
64
+ * hash="5f20df933584822601f9e3f8c024eb5eb252fe8cefb24d1317dc3d432e940ebb"
65
+ * no={10234567}
66
+ * />
67
+ * // Renders: <Link to="/block/5f20...">10,234,567</Link>
68
+ * ```
69
+ *
70
+ * @example
71
+ * ```tsx
72
+ * // In a transaction table
73
+ * <table>
74
+ * {transactions.map(tx => (
75
+ * <tr key={tx.hash}>
76
+ * <td>
77
+ * <BlockCell hash={tx.block_hash} no={tx.block_no} />
78
+ * </td>
79
+ * <td>{tx.hash}</td>
80
+ * </tr>
81
+ * ))}
82
+ * </table>
83
+ * ```
84
+ *
85
+ * @example
86
+ * ```tsx
87
+ * // Left-aligned for non-table contexts
88
+ * <BlockCell
89
+ * hash="5f20df933584822601f9e3f8c024eb5eb252fe8cefb24d1317dc3d432e940ebb"
90
+ * no={10234567}
91
+ * justify="start"
92
+ * />
93
+ * ```
94
+ *
95
+ * @example
96
+ * ```tsx
97
+ * // In an epoch detail view
98
+ * <div className="epoch-info">
99
+ * <span>Latest Block:</span>
100
+ * <BlockCell hash={latestBlock.hash} no={latestBlock.no} />
101
+ * </div>
102
+ * ```
103
+ *
104
+ * @param {BlockCellProps} props - Component props
105
+ * @param {string} props.hash - Block hash for routing
106
+ * @param {number} props.no - Block number to display
107
+ * @param {"start" | "center" | "end"} [props.justify="end"] - Horizontal alignment of content
108
+ * @returns {JSX.Element} A formatted block number link
109
+ */
110
+ export declare const BlockCell: ({ hash, no, justify }: BlockCellProps) => import("react/jsx-runtime").JSX.Element;
111
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/blockCell/index.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;;;;OAOG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,eAAO,MAAM,SAAS,GAAI,uBAA+B,cAAc,4CAUtE,CAAC"}
@@ -36,6 +36,15 @@ interface DateCellProps {
36
36
  * @default false
37
37
  */
38
38
  withoutConvert?: boolean;
39
+ /**
40
+ * Show tooltip with persistent/absolute time on hover.
41
+ * Displays both absolute time (e.g., "14:43:57 Nov 27 2025")
42
+ * and relative time (e.g., "4y 5mo ago").
43
+ *
44
+ * @optional
45
+ * @default true
46
+ */
47
+ showTooltip?: boolean;
39
48
  }
40
49
  /**
41
50
  * Date display component showing relative time with automatic updates.
@@ -83,9 +92,18 @@ interface DateCellProps {
83
92
  * />
84
93
  * ```
85
94
  *
95
+ * @example
96
+ * ```tsx
97
+ * // With tooltip disabled
98
+ * <DateCell
99
+ * time="2024-01-15T10:30:00Z"
100
+ * showTooltip={false}
101
+ * />
102
+ * ```
103
+ *
86
104
  * @param {DateCellProps} props - Component props
87
105
  * @returns {JSX.Element} Rendered date cell with relative time
88
106
  */
89
- export declare const DateCell: ({ time, className, tabularNums, withoutConvert, }: DateCellProps) => import("react/jsx-runtime").JSX.Element;
107
+ export declare const DateCell: ({ time, className, tabularNums, withoutConvert, showTooltip, }: DateCellProps) => import("react/jsx-runtime").JSX.Element;
90
108
  export {};
91
109
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dateCell/index.tsx"],"names":[],"mappings":"AAQA;;;;GAIG;AACH,UAAU,aAAa;IACrB;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAO,MAAM,QAAQ,GAAI,mDAKtB,aAAa,4CA4Bf,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/dateCell/index.tsx"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,UAAU,aAAa;IACrB;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,eAAO,MAAM,QAAQ,GAAI,gEAMtB,aAAa,4CA2Cf,CAAC"}
@@ -0,0 +1,156 @@
1
+ /**
2
+ * Props for the EpochCell component
3
+ */
4
+ export interface EpochCellProps {
5
+ /**
6
+ * Epoch number to display.
7
+ * If undefined, displays "-" placeholder.
8
+ *
9
+ * @example
10
+ * <EpochCell no={450} currentEpoch={455} />
11
+ */
12
+ no: number | undefined;
13
+ /**
14
+ * Current epoch number for comparison and calculations.
15
+ * Used to determine if epoch is current and for subtraction logic.
16
+ *
17
+ * @optional
18
+ * @example
19
+ * <EpochCell no={450} currentEpoch={455} />
20
+ */
21
+ currentEpoch?: number;
22
+ /**
23
+ * When true, displays the difference between currentEpoch and no instead of the epoch number.
24
+ * Requires currentEpoch to be provided.
25
+ *
26
+ * @default false
27
+ * @example
28
+ * // Shows "5" as a link (if currentEpoch is 455 and no is 450)
29
+ * <EpochCell no={450} currentEpoch={455} substractFromCurrent />
30
+ */
31
+ substractFromCurrent?: boolean;
32
+ /**
33
+ * When true, shows a pulse dot next to the current epoch number.
34
+ * Shows an empty space for past epochs to maintain alignment.
35
+ *
36
+ * @default false
37
+ * @example
38
+ * <EpochCell no={455} currentEpoch={455} showPulseDot />
39
+ */
40
+ showPulseDot?: boolean;
41
+ /**
42
+ * Horizontal alignment of the epoch cell content.
43
+ *
44
+ * @default "end"
45
+ * @example
46
+ * // Right-aligned (default, for tables)
47
+ * <EpochCell no={450} currentEpoch={455} justify="end" />
48
+ *
49
+ * @example
50
+ * // Left-aligned
51
+ * <EpochCell no={450} currentEpoch={455} justify="start" />
52
+ *
53
+ * @example
54
+ * // Center-aligned
55
+ * <EpochCell no={450} currentEpoch={455} justify="center" />
56
+ */
57
+ justify?: "start" | "center" | "end";
58
+ }
59
+ /**
60
+ * EpochCell displays a Cardano epoch number as a clickable link with optional pulse indicator.
61
+ *
62
+ * This component renders epoch numbers with automatic routing to epoch detail pages.
63
+ * It supports showing a pulse dot for the current epoch, displaying epoch differences,
64
+ * and handling future/past epochs differently.
65
+ *
66
+ * **Key Features:**
67
+ * - Automatic link generation to `/epoch/$no` route
68
+ * - Pulse dot indicator for current epoch
69
+ * - Option to display epoch difference (currentEpoch - no)
70
+ * - Handles undefined/null epochs gracefully
71
+ * - Future epochs displayed as plain text (not clickable)
72
+ * - Configurable alignment (start, center, end) - right-aligned by default for tables
73
+ *
74
+ * **Epoch Display Logic:**
75
+ * 1. If `no` is undefined → displays "-"
76
+ * 2. If `no` > `currentEpoch` → displays as plain text (future epoch)
77
+ * 3. If `substractFromCurrent` → displays difference as link
78
+ * 4. Otherwise → displays epoch number as link
79
+ * 5. If `showPulseDot` and is current epoch → shows animated pulse dot
80
+ *
81
+ * **Common Use Cases:**
82
+ * - Display epoch numbers in block/transaction tables
83
+ * - Show current epoch with pulse indicator in dashboards
84
+ * - Display relative epochs (e.g., "5 epochs ago" as just "5")
85
+ * - Epoch listings in governance proposals
86
+ * - Stake snapshot epoch displays
87
+ *
88
+ * @component
89
+ * @example
90
+ * ```tsx
91
+ * // Basic usage
92
+ * <EpochCell no={450} currentEpoch={455} />
93
+ * // Renders: <Link to="/epoch/450">450</Link>
94
+ * ```
95
+ *
96
+ * @example
97
+ * ```tsx
98
+ * // Current epoch with pulse dot
99
+ * <EpochCell no={455} currentEpoch={455} showPulseDot />
100
+ * // Renders: <PulseDot /> <Link to="/epoch/455">455</Link>
101
+ * ```
102
+ *
103
+ * @example
104
+ * ```tsx
105
+ * // Show difference from current epoch
106
+ * <EpochCell no={450} currentEpoch={455} substractFromCurrent />
107
+ * // Renders: <Link to="/epoch/5">5</Link> (455 - 450)
108
+ * ```
109
+ *
110
+ * @example
111
+ * ```tsx
112
+ * // Future epoch (not clickable)
113
+ * <EpochCell no={460} currentEpoch={455} />
114
+ * // Renders: <span>460</span>
115
+ * ```
116
+ *
117
+ * @example
118
+ * ```tsx
119
+ * // Left-aligned epoch (for non-table contexts)
120
+ * <EpochCell no={450} currentEpoch={455} justify="start" />
121
+ * ```
122
+ *
123
+ * @example
124
+ * ```tsx
125
+ * // Center-aligned epoch
126
+ * <EpochCell no={450} currentEpoch={455} justify="center" />
127
+ * ```
128
+ *
129
+ * @example
130
+ * ```tsx
131
+ * // In a table with current epoch indicator
132
+ * <table>
133
+ * {epochs.map(epoch => (
134
+ * <tr key={epoch.no}>
135
+ * <td>
136
+ * <EpochCell
137
+ * no={epoch.no}
138
+ * currentEpoch={currentEpoch}
139
+ * showPulseDot
140
+ * />
141
+ * </td>
142
+ * </tr>
143
+ * ))}
144
+ * </table>
145
+ * ```
146
+ *
147
+ * @param {EpochCellProps} props - Component props
148
+ * @param {number | undefined} props.no - Epoch number to display
149
+ * @param {number} [props.currentEpoch] - Current epoch for comparison
150
+ * @param {boolean} [props.substractFromCurrent=false] - Display difference instead of epoch number
151
+ * @param {boolean} [props.showPulseDot=false] - Show pulse dot for current epoch
152
+ * @param {"start" | "center" | "end"} [props.justify="end"] - Horizontal alignment of content
153
+ * @returns {JSX.Element} An epoch link or text with optional pulse indicator
154
+ */
155
+ export declare const EpochCell: ({ no, currentEpoch, substractFromCurrent, showPulseDot, justify, }: EpochCellProps) => import("react/jsx-runtime").JSX.Element;
156
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/epochCell/index.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;;OAMG;IACH,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IAEvB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;OAQG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;;;;;;;OAeG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,eAAO,MAAM,SAAS,GAAI,oEAMvB,cAAc,4CAoDhB,CAAC"}
@@ -0,0 +1,8 @@
1
+ interface FormatStringComponentProps {
2
+ text: string;
3
+ truncated: string;
4
+ className?: string;
5
+ }
6
+ export declare const FormatStringComponent: ({ text, truncated, className, }: FormatStringComponentProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/formatStringComponent/index.tsx"],"names":[],"mappings":"AAEA,UAAU,0BAA0B;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,GAAI,iCAInC,0BAA0B,4CAsD5B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/globalSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAWhC;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsN9C,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/globalSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYhC;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkO9C,CAAC"}
@@ -62,6 +62,10 @@ export interface HeaderProps {
62
62
  * Whether this is a custom page variant with centered title and no search.
63
63
  */
64
64
  customPage?: boolean;
65
+ /**
66
+ * Removes search input
67
+ */
68
+ withoutSearch?: boolean;
65
69
  }
66
70
  /**
67
71
  * Page header component with breadcrumbs, title, search, and ads.
@@ -123,5 +127,5 @@ export interface HeaderProps {
123
127
  * />
124
128
  * ```
125
129
  */
126
- export declare const Header: ({ breadcrumbItems, breadcrumbSeparator, title, subTitle, badge, qrCode, isHomepage, miscBasic: miscBasicQuery, useFetchMiscSearch, locale, homepageAd, customPage, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
130
+ export declare const Header: ({ breadcrumbItems, breadcrumbSeparator, title, subTitle, badge, qrCode, isHomepage, miscBasic: miscBasicQuery, useFetchMiscSearch, locale, homepageAd, customPage, withoutSearch, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
127
131
  //# sourceMappingURL=index.d.ts.map