@luxfi/core 5.2.5 → 5.2.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (114) hide show
  1. package/commerce/ui/conf.ts +13 -13
  2. package/commerce/ui/context.tsx +102 -102
  3. package/commerce/ui/store.ts +276 -276
  4. package/components/access-code-input.tsx +71 -71
  5. package/components/auth/auth-listener.tsx +29 -29
  6. package/components/auth/auth-token/clear-auth-token.tsx +12 -12
  7. package/components/auth/auth-token/set-auth-token.tsx +16 -16
  8. package/components/auth/common-auth-domains.ts +16 -16
  9. package/components/auth/login-panel.tsx +107 -107
  10. package/components/chat-widget.tsx +85 -85
  11. package/components/commerce/add-widget.tsx +20 -20
  12. package/components/commerce/bag-button.tsx +98 -98
  13. package/components/commerce/buy-button.tsx +34 -34
  14. package/components/commerce/checkout-button.tsx +129 -129
  15. package/components/commerce/checkout-panel/close-button.tsx +26 -26
  16. package/components/commerce/checkout-panel/dt-bag-carousel.tsx +36 -36
  17. package/components/commerce/checkout-panel/dt-checkout-panel.tsx +66 -66
  18. package/components/commerce/checkout-panel/index.tsx +129 -129
  19. package/components/commerce/checkout-panel/links-row.tsx +21 -21
  20. package/components/commerce/checkout-panel/mb-checkout-panel.tsx +54 -54
  21. package/components/commerce/checkout-panel/steps-indicator.tsx +39 -39
  22. package/components/commerce/checkout-panel/thank-you.tsx +18 -18
  23. package/components/commerce/checkout-widget/const.ts +13 -13
  24. package/components/commerce/checkout-widget/index.tsx +192 -192
  25. package/components/commerce/checkout-widget/obs-string-set.ts +48 -48
  26. package/components/commerce/checkout-widget/use-anim-clx-set.ts +58 -58
  27. package/components/commerce/desktop-bag-popup.tsx +78 -78
  28. package/components/commerce/desktop-nav-menu.tsx +235 -235
  29. package/components/commerce/drawer/index.tsx +116 -116
  30. package/components/commerce/drawer/micro.tsx +144 -144
  31. package/components/commerce/drawer/shell.tsx +83 -83
  32. package/components/commerce/mobile-bag-drawer.tsx +51 -51
  33. package/components/commerce/mobile-login-button.tsx +101 -101
  34. package/components/commerce/mobile-menu-toggle-button.tsx +35 -35
  35. package/components/commerce/mobile-nav-menu-ai.tsx +44 -44
  36. package/components/commerce/mobile-nav-menu-item.tsx +49 -49
  37. package/components/commerce/mobile-nav-menu.tsx +68 -68
  38. package/components/contact-dialog/contact-form.tsx +113 -113
  39. package/components/contact-dialog/disclaimer.tsx +13 -13
  40. package/components/contact-dialog/index.tsx +64 -64
  41. package/components/copyright.tsx +21 -21
  42. package/components/drawer-margin.tsx +25 -25
  43. package/components/footer.tsx +77 -77
  44. package/components/header/desktop.tsx +57 -57
  45. package/components/header/index.tsx +52 -52
  46. package/components/header/mobile.tsx +166 -166
  47. package/components/header/theme-toggle.tsx +26 -26
  48. package/components/icons/avatar.tsx +11 -11
  49. package/components/icons/bag-icon.tsx +10 -10
  50. package/components/icons/github.tsx +14 -14
  51. package/components/icons/index.tsx +43 -43
  52. package/components/icons/left-arrow.tsx +11 -11
  53. package/components/icons/lux-logo.tsx +10 -10
  54. package/components/icons/right-arrow.tsx +10 -10
  55. package/components/icons/search.tsx +12 -12
  56. package/components/icons/secure-delivery.tsx +13 -13
  57. package/components/icons/social-icon.tsx +35 -35
  58. package/components/icons/social-svg.css +3 -3
  59. package/components/icons/warpcast.tsx +58 -58
  60. package/components/icons/youtube-logo.tsx +59 -59
  61. package/components/index.ts +25 -25
  62. package/components/logo.tsx +81 -81
  63. package/components/main.tsx +27 -27
  64. package/components/mini-chart/index.tsx +7 -7
  65. package/components/mini-chart/mini-chart-props.ts +43 -43
  66. package/components/mini-chart/mini-chart.tsx +85 -85
  67. package/components/mini-chart/wrapper.tsx +23 -23
  68. package/components/not-found/index.tsx +28 -28
  69. package/components/not-found/not-found-content.mdx +5 -5
  70. package/components/scripts.tsx +24 -24
  71. package/environment.d.ts +5 -5
  72. package/next/analytics/fpixel.ts +15 -15
  73. package/next/analytics/google-analytics.ts +13 -13
  74. package/next/analytics/index.ts +3 -3
  75. package/next/analytics/pixel-analytics.tsx +54 -54
  76. package/next/font/get-app-router-font-classes.ts +12 -12
  77. package/next/font/load-and-return-lux-next-fonts-on-import.ts +68 -68
  78. package/next/font/next-font-desc.ts +27 -27
  79. package/next/font/pages-router-font-vars.tsx +18 -18
  80. package/next/head-metadata/from-next/metadata-types.ts +158 -158
  81. package/next/head-metadata/from-next/opengraph-types.ts +267 -267
  82. package/next/head-metadata/from-next/twitter-types.ts +92 -92
  83. package/next/head-metadata/index.tsx +208 -208
  84. package/next/middleware/determine-device-mw.ts +16 -16
  85. package/package.json +78 -78
  86. package/root-layout/WHY_THIS_IS_SEPARATE.txt +1 -1
  87. package/root-layout/index.tsx +112 -112
  88. package/server-actions/firebase-app.ts +14 -14
  89. package/server-actions/index.ts +5 -5
  90. package/server-actions/store-contact.ts +51 -51
  91. package/site-def/footer/community.tsx +67 -67
  92. package/site-def/footer/company.ts +37 -37
  93. package/site-def/footer/ecosystem.ts +37 -37
  94. package/site-def/footer/index.tsx +26 -26
  95. package/site-def/footer/legal.ts +28 -28
  96. package/site-def/footer/network.ts +45 -45
  97. package/site-def/footer/svg/warpcast-logo.svg +11 -11
  98. package/site-def/index.ts +2 -2
  99. package/site-def/main-nav.tsx +338 -338
  100. package/style/cart-animation.css +29 -29
  101. package/style/checkout-animation.css +23 -23
  102. package/style/drawer-handle-overrides.css +160 -160
  103. package/style/lux-colors.css +85 -85
  104. package/style/lux-global.css +30 -30
  105. package/tailwind/fontFamily.tailwind.lux.ts +18 -18
  106. package/tailwind/index.ts +2 -2
  107. package/tailwind/lux-tw-fonts.ts +39 -39
  108. package/tailwind/tailwind.config.lux-preset.ts +10 -10
  109. package/tsconfig.json +15 -15
  110. package/types/chatbot-config.ts +6 -6
  111. package/types/chatbot-suggested-question.ts +7 -7
  112. package/types/contact-info.ts +10 -10
  113. package/types/index.ts +4 -4
  114. package/types/site-def.ts +43 -43
package/components/icons/search.tsx CHANGED
@@ -1,12 +1,12 @@
1
- import React from 'react'
2
- import { type LucideProps } from 'lucide-react'
3
-
4
- const Search: React.FC<LucideProps> = (props: LucideProps) => (
5
- <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
6
- <path d="M8.62913 17.2353C6.44292 17.2353 4.36702 16.3768 2.81654 14.8275C1.26607 13.277 0.408691 11.2292 0.408691 9.01487C0.408691 6.82867 1.26718 4.75276 2.81654 3.20228C4.367 1.65181 6.41481 0.794434 8.62913 0.794434C10.8153 0.794434 12.8912 1.65292 14.4417 3.20228C15.9922 4.75274 16.8496 6.80055 16.8496 9.01487C16.8496 11.2011 15.9911 13.277 14.4417 14.8275C12.8923 16.405 10.8162 17.2353 8.62913 17.2353ZM8.62913 2.17746C6.80188 2.17746 5.08598 2.89755 3.7853 4.19824C2.48469 5.49894 1.76453 7.21479 1.76453 9.04206C1.76453 10.8693 2.48462 12.5852 3.7853 13.8859C5.08601 15.1865 6.80185 15.9067 8.62913 15.9067C10.4564 15.9067 12.1723 15.1866 13.473 13.8859C14.7736 12.5852 15.4937 10.8693 15.4937 9.04206C15.4937 7.21481 14.7736 5.49892 13.473 4.19824C12.1723 2.89762 10.4564 2.17746 8.62913 2.17746Z" fill="white" />
7
- <path d="M17.7084 18.7845C17.5419 18.7845 17.3764 18.7294 17.238 18.591L13.4732 14.8543C13.1964 14.5775 13.1964 14.1623 13.4732 13.9136C13.75 13.6369 14.1652 13.6369 14.4139 13.9136L18.1787 17.6785C18.4555 17.9552 18.4555 18.3704 18.1787 18.6191C18.0403 18.7294 17.8749 18.7845 17.7083 18.7845L17.7084 18.7845Z" fill="white" />
8
- </svg>
9
-
10
- )
11
-
12
- export default Search
1
+ import React from 'react'
2
+ import { type LucideProps } from 'lucide-react'
3
+
4
+ const Search: React.FC<LucideProps> = (props: LucideProps) => (
5
+ <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
6
+ <path d="M8.62913 17.2353C6.44292 17.2353 4.36702 16.3768 2.81654 14.8275C1.26607 13.277 0.408691 11.2292 0.408691 9.01487C0.408691 6.82867 1.26718 4.75276 2.81654 3.20228C4.367 1.65181 6.41481 0.794434 8.62913 0.794434C10.8153 0.794434 12.8912 1.65292 14.4417 3.20228C15.9922 4.75274 16.8496 6.80055 16.8496 9.01487C16.8496 11.2011 15.9911 13.277 14.4417 14.8275C12.8923 16.405 10.8162 17.2353 8.62913 17.2353ZM8.62913 2.17746C6.80188 2.17746 5.08598 2.89755 3.7853 4.19824C2.48469 5.49894 1.76453 7.21479 1.76453 9.04206C1.76453 10.8693 2.48462 12.5852 3.7853 13.8859C5.08601 15.1865 6.80185 15.9067 8.62913 15.9067C10.4564 15.9067 12.1723 15.1866 13.473 13.8859C14.7736 12.5852 15.4937 10.8693 15.4937 9.04206C15.4937 7.21481 14.7736 5.49892 13.473 4.19824C12.1723 2.89762 10.4564 2.17746 8.62913 2.17746Z" fill="white" />
7
+ <path d="M17.7084 18.7845C17.5419 18.7845 17.3764 18.7294 17.238 18.591L13.4732 14.8543C13.1964 14.5775 13.1964 14.1623 13.4732 13.9136C13.75 13.6369 14.1652 13.6369 14.4139 13.9136L18.1787 17.6785C18.4555 17.9552 18.4555 18.3704 18.1787 18.6191C18.0403 18.7294 17.8749 18.7845 17.7083 18.7845L17.7084 18.7845Z" fill="white" />
8
+ </svg>
9
+
10
+ )
11
+
12
+ export default Search
package/components/icons/secure-delivery.tsx CHANGED
@@ -1,13 +1,13 @@
1
- import React from 'react'
2
- import { type LucideProps } from 'lucide-react'
3
-
4
- // width="52" height="36"
5
- const SecureDelivery: React.FC<LucideProps> = (props: LucideProps) => (
6
- <svg fill="currentColor" viewBox="0 0 52 36" xmlns="http://www.w3.org/2000/svg" {...props}>
7
- <path d="M47.7611 24.5439H42.822L39.5293 14.9971H12.0732L8.7805 24.5439H2.96342L0 36.0001H51.7127L47.7611 24.5439ZM38.4147 16.9064L41.0488 24.5439H28.0049L25.3708 16.9064H38.4147ZM13.1879 16.9064H23.5976L26.2317 24.5439H10.5528L13.1879 16.9064ZM2.21225 34.0907L4.18786 26.4532H14.4865L16.4621 34.0907H2.21225ZM17.6804 32.1537L16.2061 26.4531H19.646L17.6804 32.1537ZM28.2706 34.0907H18.7854L21.4196 26.4532H31.8293L34.4634 34.0907H28.2706ZM36.2367 34.0907L33.6025 26.4532H46.6473L49.2814 34.0907H36.2367Z" />
8
- <path d="M10.0843 0.108973C10.1056 -0.0363242 10.2915 -0.0363242 10.3128 0.108973L10.5061 1.43021C10.9095 4.18489 12.8287 6.34425 15.2772 6.79764L16.4515 7.01512C16.5808 7.03912 16.5808 7.24823 16.4515 7.27223L15.2772 7.4897C12.8286 7.94345 10.9091 10.1026 10.5061 12.8571L10.3128 14.1782C10.2915 14.3237 10.1056 14.3237 10.0843 14.1782L9.89096 12.8571C9.48763 10.1025 7.56837 7.9431 5.11989 7.4897L3.94562 7.27223C3.8163 7.24823 3.8163 7.03912 3.94562 7.01512L5.11989 6.79764C7.5685 6.3439 9.48794 4.18475 9.89096 1.43021L10.0843 0.108973Z" />
9
- <path d="M22.034 0.0726485C22.0473 -0.0242162 22.1635 -0.0242162 22.1768 0.0726485L22.2977 0.953473C22.5497 2.78993 23.7493 4.2295 25.2796 4.53176L26.0135 4.67675C26.0943 4.69275 26.0943 4.83215 26.0135 4.84815L25.2796 4.99314C23.7492 5.29563 22.5495 6.73507 22.2977 8.57142L22.1768 9.45212C22.1635 9.54911 22.0473 9.54911 22.034 9.45212L21.9132 8.57142C21.6611 6.73497 20.4616 5.2954 18.9313 4.99314L18.1973 4.84815C18.1165 4.83215 18.1165 4.69275 18.1973 4.67675L18.9313 4.53176C20.4616 4.22926 21.6613 2.78983 21.9132 0.953473L22.034 0.0726485Z" />
10
- </svg>
11
- )
12
-
13
- export default SecureDelivery
1
+ import React from 'react'
2
+ import { type LucideProps } from 'lucide-react'
3
+
4
+ // width="52" height="36"
5
+ const SecureDelivery: React.FC<LucideProps> = (props: LucideProps) => (
6
+ <svg fill="currentColor" viewBox="0 0 52 36" xmlns="http://www.w3.org/2000/svg" {...props}>
7
+ <path d="M47.7611 24.5439H42.822L39.5293 14.9971H12.0732L8.7805 24.5439H2.96342L0 36.0001H51.7127L47.7611 24.5439ZM38.4147 16.9064L41.0488 24.5439H28.0049L25.3708 16.9064H38.4147ZM13.1879 16.9064H23.5976L26.2317 24.5439H10.5528L13.1879 16.9064ZM2.21225 34.0907L4.18786 26.4532H14.4865L16.4621 34.0907H2.21225ZM17.6804 32.1537L16.2061 26.4531H19.646L17.6804 32.1537ZM28.2706 34.0907H18.7854L21.4196 26.4532H31.8293L34.4634 34.0907H28.2706ZM36.2367 34.0907L33.6025 26.4532H46.6473L49.2814 34.0907H36.2367Z" />
8
+ <path d="M10.0843 0.108973C10.1056 -0.0363242 10.2915 -0.0363242 10.3128 0.108973L10.5061 1.43021C10.9095 4.18489 12.8287 6.34425 15.2772 6.79764L16.4515 7.01512C16.5808 7.03912 16.5808 7.24823 16.4515 7.27223L15.2772 7.4897C12.8286 7.94345 10.9091 10.1026 10.5061 12.8571L10.3128 14.1782C10.2915 14.3237 10.1056 14.3237 10.0843 14.1782L9.89096 12.8571C9.48763 10.1025 7.56837 7.9431 5.11989 7.4897L3.94562 7.27223C3.8163 7.24823 3.8163 7.03912 3.94562 7.01512L5.11989 6.79764C7.5685 6.3439 9.48794 4.18475 9.89096 1.43021L10.0843 0.108973Z" />
9
+ <path d="M22.034 0.0726485C22.0473 -0.0242162 22.1635 -0.0242162 22.1768 0.0726485L22.2977 0.953473C22.5497 2.78993 23.7493 4.2295 25.2796 4.53176L26.0135 4.67675C26.0943 4.69275 26.0943 4.83215 26.0135 4.84815L25.2796 4.99314C23.7492 5.29563 22.5495 6.73507 22.2977 8.57142L22.1768 9.45212C22.1635 9.54911 22.0473 9.54911 22.034 9.45212L21.9132 8.57142C21.6611 6.73497 20.4616 5.2954 18.9313 4.99314L18.1973 4.84815C18.1165 4.83215 18.1165 4.69275 18.1973 4.67675L18.9313 4.53176C20.4616 4.22926 21.6613 2.78983 21.9132 0.953473L22.034 0.0726485Z" />
10
+ </svg>
11
+ )
12
+
13
+ export default SecureDelivery
package/components/icons/social-icon.tsx CHANGED
@@ -1,35 +1,35 @@
1
- import React from 'react'
2
-
3
- import { SocialIcon as BaseSocialIcon } from 'react-social-icons'
4
-
5
- import { cn } from '@hanzo/ui/util'
6
- import './social-svg.css'
7
-
8
- interface SocialIconProps {
9
- // one of these: https://github.com/couetilc/react-social-icons/tree/main/db
10
- network: string
11
- size: number
12
- className?: string
13
- }
14
-
15
- const SocialIcon: React.FC<SocialIconProps> = ({
16
- network,
17
- size,
18
- className = ''
19
- }) => (
20
- <BaseSocialIcon
21
- network={network}
22
- as='div'
23
- // This is set up so the enclosing element sets the color.
24
- // For example, something like 'color-foreground hover:color-muted-1'
25
- className={cn('color-inherit', className)}
26
- bgColor='transparent'
27
- fgColor='currentColor'
28
- style={{height: size, width: size, flex: 'none' }}
29
- />
30
- )
31
-
32
- export {
33
- type SocialIconProps,
34
- SocialIcon as default
35
- }
1
+ import React from 'react'
2
+
3
+ import { SocialIcon as BaseSocialIcon } from 'react-social-icons'
4
+
5
+ import { cn } from '@hanzo/ui/util'
6
+ import './social-svg.css'
7
+
8
+ interface SocialIconProps {
9
+ // one of these: https://github.com/couetilc/react-social-icons/tree/main/db
10
+ network: string
11
+ size: number
12
+ className?: string
13
+ }
14
+
15
+ const SocialIcon: React.FC<SocialIconProps> = ({
16
+ network,
17
+ size,
18
+ className = ''
19
+ }) => (
20
+ <BaseSocialIcon
21
+ network={network}
22
+ as='div'
23
+ // This is set up so the enclosing element sets the color.
24
+ // For example, something like 'color-foreground hover:color-muted-1'
25
+ className={cn('color-inherit', className)}
26
+ bgColor='transparent'
27
+ fgColor='currentColor'
28
+ style={{height: size, width: size, flex: 'none' }}
29
+ />
30
+ )
31
+
32
+ export {
33
+ type SocialIconProps,
34
+ SocialIcon as default
35
+ }
package/components/icons/social-svg.css CHANGED
@@ -1,3 +1,3 @@
1
- .social-icon svg {
2
- transform: scale(1.25);
3
- }
1
+ .social-icon svg {
2
+ transform: scale(1.25);
3
+ }