@0xsquid/ui 2.7.1-dex-widget-beta.0 → 2.8.1

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 (121) hide show
  1. package/dist/cjs/index.js +18517 -18444
  2. package/dist/cjs/types/components/badges/ImageGroup.d.ts +1 -1
  3. package/dist/cjs/types/components/badges/PriceChange.d.ts +3 -5
  4. package/dist/cjs/types/components/badges/index.d.ts +1 -1
  5. package/dist/cjs/types/components/buttons/Button.d.ts +2 -1
  6. package/dist/cjs/types/components/buttons/IconButton.d.ts +0 -2
  7. package/dist/cjs/types/components/controls/LargeNumericInput.d.ts +2 -6
  8. package/dist/cjs/types/components/controls/NumericInput.d.ts +21 -13
  9. package/dist/cjs/types/components/feedback/AnimateNumber.d.ts +8 -0
  10. package/dist/cjs/types/components/feedback/LoadingText.d.ts +7 -0
  11. package/dist/cjs/types/components/feedback/index.d.ts +3 -0
  12. package/dist/cjs/types/components/icons/Arrow.d.ts +1 -6
  13. package/dist/cjs/types/components/icons/ArrowRotate.d.ts +1 -4
  14. package/dist/cjs/types/components/icons/CrossAnimatedIcon.d.ts +7 -0
  15. package/dist/cjs/types/components/icons/Generic.d.ts +0 -41
  16. package/dist/cjs/types/components/icons/Loader.d.ts +1 -1
  17. package/dist/cjs/types/components/icons/PaymentIcons.d.ts +12 -0
  18. package/dist/cjs/types/components/icons/SwapInputs.d.ts +4 -1
  19. package/dist/cjs/types/components/icons/Wallet.d.ts +1 -1
  20. package/dist/cjs/types/components/icons/index.d.ts +2 -0
  21. package/dist/cjs/types/components/index.d.ts +1 -1
  22. package/dist/cjs/types/components/layout/AppContainer.d.ts +3 -523
  23. package/dist/cjs/types/components/layout/DropdownMenu.d.ts +0 -1
  24. package/dist/cjs/types/components/layout/ImageStack.d.ts +1 -3
  25. package/dist/cjs/types/components/layout/NavigationBar.d.ts +2 -1
  26. package/dist/cjs/types/components/layout/SwapConfiguration.d.ts +17 -1
  27. package/dist/cjs/types/components/layout/TokenDetailsView.d.ts +0 -5
  28. package/dist/cjs/types/components/lists/HistoryItem.d.ts +2 -1
  29. package/dist/cjs/types/components/lists/SettingsItem.d.ts +5 -5
  30. package/dist/cjs/types/components/lists/TokenGroup.d.ts +1 -2
  31. package/dist/cjs/types/components/views/SwapProgressView.d.ts +2 -1
  32. package/dist/cjs/types/core/constants.d.ts +1 -1
  33. package/dist/cjs/types/core/index.d.ts +1 -1
  34. package/dist/cjs/types/core/utils.d.ts +16 -0
  35. package/dist/cjs/types/hooks/index.d.ts +3 -2
  36. package/dist/cjs/types/hooks/useMeasure.d.ts +36 -0
  37. package/dist/cjs/types/hooks/useNumericInput.d.ts +35 -0
  38. package/dist/cjs/types/services/internal/colorService.d.ts +0 -2
  39. package/dist/cjs/types/stories/badges/ImageGroup.stories.d.ts +2 -3
  40. package/dist/cjs/types/stories/badges/PriceChange.stories.d.ts +1 -11
  41. package/dist/cjs/types/stories/buttons/Button.stories.d.ts +3 -0
  42. package/dist/cjs/types/stories/buttons/IconButon.stories.d.ts +1 -1
  43. package/dist/cjs/types/stories/controls/NumericInput.stories.d.ts +17 -0
  44. package/dist/cjs/types/stories/feedback/AnimateNumber.stories.d.ts +6 -0
  45. package/dist/{esm/types/stories/badges → cjs/types/stories/feedback}/Loader.stories.d.ts +1 -1
  46. package/dist/cjs/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
  47. package/dist/cjs/types/stories/feedback/LoadingText.stories.d.ts +6 -0
  48. package/dist/cjs/types/stories/layout/ImageStack.stories.d.ts +0 -2
  49. package/dist/cjs/types/stories/layout/NavigationBar.stories.d.ts +1 -0
  50. package/dist/cjs/types/stories/layout/SwapConfiguration.stories.d.ts +1 -1
  51. package/dist/cjs/types/stories/lists/ListItem.stories.d.ts +0 -1
  52. package/dist/cjs/types/stories/lists/TokenGroup.stories.d.ts +0 -1
  53. package/dist/cjs/types/stories/views/SwapProgressView.stories.d.ts +1 -0
  54. package/dist/cjs/types/types/components.d.ts +0 -4
  55. package/dist/cjs/types/types/index.d.ts +1 -1
  56. package/dist/esm/index.js +18492 -18413
  57. package/dist/esm/types/components/badges/ImageGroup.d.ts +1 -1
  58. package/dist/esm/types/components/badges/PriceChange.d.ts +3 -5
  59. package/dist/esm/types/components/badges/index.d.ts +1 -1
  60. package/dist/esm/types/components/buttons/Button.d.ts +2 -1
  61. package/dist/esm/types/components/buttons/IconButton.d.ts +0 -2
  62. package/dist/esm/types/components/controls/LargeNumericInput.d.ts +2 -6
  63. package/dist/esm/types/components/controls/NumericInput.d.ts +21 -13
  64. package/dist/esm/types/components/feedback/AnimateNumber.d.ts +8 -0
  65. package/dist/esm/types/components/feedback/LoadingText.d.ts +7 -0
  66. package/dist/esm/types/components/feedback/index.d.ts +3 -0
  67. package/dist/esm/types/components/icons/Arrow.d.ts +1 -6
  68. package/dist/esm/types/components/icons/ArrowRotate.d.ts +1 -4
  69. package/dist/esm/types/components/icons/CrossAnimatedIcon.d.ts +7 -0
  70. package/dist/esm/types/components/icons/Generic.d.ts +0 -41
  71. package/dist/esm/types/components/icons/Loader.d.ts +1 -1
  72. package/dist/esm/types/components/icons/PaymentIcons.d.ts +12 -0
  73. package/dist/esm/types/components/icons/SwapInputs.d.ts +4 -1
  74. package/dist/esm/types/components/icons/Wallet.d.ts +1 -1
  75. package/dist/esm/types/components/icons/index.d.ts +2 -0
  76. package/dist/esm/types/components/index.d.ts +1 -1
  77. package/dist/esm/types/components/layout/AppContainer.d.ts +3 -523
  78. package/dist/esm/types/components/layout/DropdownMenu.d.ts +0 -1
  79. package/dist/esm/types/components/layout/ImageStack.d.ts +1 -3
  80. package/dist/esm/types/components/layout/NavigationBar.d.ts +2 -1
  81. package/dist/esm/types/components/layout/SwapConfiguration.d.ts +17 -1
  82. package/dist/esm/types/components/layout/TokenDetailsView.d.ts +0 -5
  83. package/dist/esm/types/components/lists/HistoryItem.d.ts +2 -1
  84. package/dist/esm/types/components/lists/SettingsItem.d.ts +5 -5
  85. package/dist/esm/types/components/lists/TokenGroup.d.ts +1 -2
  86. package/dist/esm/types/components/views/SwapProgressView.d.ts +2 -1
  87. package/dist/esm/types/core/constants.d.ts +1 -1
  88. package/dist/esm/types/core/index.d.ts +1 -1
  89. package/dist/esm/types/core/utils.d.ts +16 -0
  90. package/dist/esm/types/hooks/index.d.ts +3 -2
  91. package/dist/esm/types/hooks/useMeasure.d.ts +36 -0
  92. package/dist/esm/types/hooks/useNumericInput.d.ts +35 -0
  93. package/dist/esm/types/services/internal/colorService.d.ts +0 -2
  94. package/dist/esm/types/stories/badges/ImageGroup.stories.d.ts +2 -3
  95. package/dist/esm/types/stories/badges/PriceChange.stories.d.ts +1 -11
  96. package/dist/esm/types/stories/buttons/Button.stories.d.ts +3 -0
  97. package/dist/esm/types/stories/buttons/IconButon.stories.d.ts +1 -1
  98. package/dist/esm/types/stories/controls/NumericInput.stories.d.ts +17 -0
  99. package/dist/esm/types/stories/feedback/AnimateNumber.stories.d.ts +6 -0
  100. package/dist/{cjs/types/stories/badges → esm/types/stories/feedback}/Loader.stories.d.ts +1 -1
  101. package/dist/esm/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
  102. package/dist/esm/types/stories/feedback/LoadingText.stories.d.ts +6 -0
  103. package/dist/esm/types/stories/layout/ImageStack.stories.d.ts +0 -2
  104. package/dist/esm/types/stories/layout/NavigationBar.stories.d.ts +1 -0
  105. package/dist/esm/types/stories/layout/SwapConfiguration.stories.d.ts +1 -1
  106. package/dist/esm/types/stories/lists/ListItem.stories.d.ts +0 -1
  107. package/dist/esm/types/stories/lists/TokenGroup.stories.d.ts +0 -1
  108. package/dist/esm/types/stories/views/SwapProgressView.stories.d.ts +1 -0
  109. package/dist/esm/types/types/components.d.ts +0 -4
  110. package/dist/esm/types/types/index.d.ts +1 -1
  111. package/dist/index.css +1 -1
  112. package/dist/index.d.ts +146 -669
  113. package/package.json +2 -2
  114. package/dist/cjs/types/components/charts/DexChart.d.ts +0 -32
  115. package/dist/cjs/types/components/charts/index.d.ts +0 -1
  116. package/dist/cjs/types/stories/charts/DexChart.stories.d.ts +0 -10
  117. package/dist/esm/types/components/charts/DexChart.d.ts +0 -32
  118. package/dist/esm/types/components/charts/index.d.ts +0 -1
  119. package/dist/esm/types/stories/charts/DexChart.stories.d.ts +0 -10
  120. /package/dist/cjs/types/components/{badges → feedback}/LoadingSkeleton.d.ts +0 -0
  121. /package/dist/esm/types/components/{badges → feedback}/LoadingSkeleton.d.ts +0 -0
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "git+https://github.com/0xsquid/squid-ui.git"
6
6
  },
7
7
  "description": "Squid's UI components",
8
- "version": "2.7.1-dex-widget-beta.0",
8
+ "version": "2.8.1",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {
@@ -35,7 +35,7 @@
35
35
  "color": "4.2.3",
36
36
  "date-fns": "^3.6.0",
37
37
  "deepmerge": "4.3.1",
38
- "framer-motion": "^11.2.12",
38
+ "motion": "^12.12.1",
39
39
  "react-day-picker": "^8.10.1",
40
40
  "react-device-detect": "2.2.3",
41
41
  "tailwind-merge": "2.3.0",
@@ -1,32 +0,0 @@
1
- /// <reference types="react" />
2
- import { type Timeframe } from "../layout/TokenDetailsView";
3
- interface MarketStat {
4
- label: string;
5
- value: string;
6
- }
7
- export interface ChartMenuItem {
8
- id: string;
9
- label: string;
10
- icon?: React.ReactNode;
11
- }
12
- export interface DexChartProps {
13
- price: string;
14
- priceChange: string | number;
15
- isPositive?: boolean;
16
- selectedTimeSpan: Timeframe;
17
- onTimeSpanChange: (timeSpan: Timeframe) => void;
18
- menuItems?: ChartMenuItem[];
19
- onMenuItemClick?: (itemId: string) => void;
20
- onSettingsOpen?: () => void;
21
- isMenuOpen?: boolean;
22
- menuRef?: React.RefObject<HTMLDivElement>;
23
- dropdownRef?: React.RefObject<HTMLDivElement>;
24
- openDropdownButtonRef?: React.RefObject<HTMLButtonElement>;
25
- stats: MarketStat[];
26
- children?: React.ReactNode;
27
- isLoading?: boolean;
28
- className?: string;
29
- timeSpanOptions?: Timeframe[];
30
- }
31
- export declare function DexChart({ price, priceChange, selectedTimeSpan, onTimeSpanChange, menuItems, onMenuItemClick, onSettingsOpen, isMenuOpen, menuRef, dropdownRef, openDropdownButtonRef, stats, children, isLoading, className, timeSpanOptions, }: DexChartProps): import("react/jsx-runtime").JSX.Element;
32
- export {};
@@ -1 +0,0 @@
1
- export * from "./DexChart";
@@ -1,10 +0,0 @@
1
- import { type Meta, type StoryObj } from "@storybook/react";
2
- import { DexChart } from "../../components/charts/DexChart";
3
- declare const meta: Meta<typeof DexChart>;
4
- export default meta;
5
- type Story = StoryObj<typeof DexChart>;
6
- export declare const Default: Story;
7
- export declare const Negative: Story;
8
- export declare const WithoutMenu: Story;
9
- export declare const Loading: Story;
10
- export declare const MinimalTimeSpans: Story;
@@ -1,32 +0,0 @@
1
- /// <reference types="react" />
2
- import { type Timeframe } from "../layout/TokenDetailsView";
3
- interface MarketStat {
4
- label: string;
5
- value: string;
6
- }
7
- export interface ChartMenuItem {
8
- id: string;
9
- label: string;
10
- icon?: React.ReactNode;
11
- }
12
- export interface DexChartProps {
13
- price: string;
14
- priceChange: string | number;
15
- isPositive?: boolean;
16
- selectedTimeSpan: Timeframe;
17
- onTimeSpanChange: (timeSpan: Timeframe) => void;
18
- menuItems?: ChartMenuItem[];
19
- onMenuItemClick?: (itemId: string) => void;
20
- onSettingsOpen?: () => void;
21
- isMenuOpen?: boolean;
22
- menuRef?: React.RefObject<HTMLDivElement>;
23
- dropdownRef?: React.RefObject<HTMLDivElement>;
24
- openDropdownButtonRef?: React.RefObject<HTMLButtonElement>;
25
- stats: MarketStat[];
26
- children?: React.ReactNode;
27
- isLoading?: boolean;
28
- className?: string;
29
- timeSpanOptions?: Timeframe[];
30
- }
31
- export declare function DexChart({ price, priceChange, selectedTimeSpan, onTimeSpanChange, menuItems, onMenuItemClick, onSettingsOpen, isMenuOpen, menuRef, dropdownRef, openDropdownButtonRef, stats, children, isLoading, className, timeSpanOptions, }: DexChartProps): import("react/jsx-runtime").JSX.Element;
32
- export {};
@@ -1 +0,0 @@
1
- export * from "./DexChart";
@@ -1,10 +0,0 @@
1
- import { type Meta, type StoryObj } from "@storybook/react";
2
- import { DexChart } from "../../components/charts/DexChart";
3
- declare const meta: Meta<typeof DexChart>;
4
- export default meta;
5
- type Story = StoryObj<typeof DexChart>;
6
- export declare const Default: Story;
7
- export declare const Negative: Story;
8
- export declare const WithoutMenu: Story;
9
- export declare const Loading: Story;
10
- export declare const MinimalTimeSpans: Story;