@luxfi/core 5.2.9 → 5.2.11

package/components/icons/youtube-logo.tsx

@@ -1,59 +1,59 @@
-import React from 'react'
-import { type LucideProps } from 'lucide-react'
-
-const YouTubeLogo: React.FC<LucideProps> = (props: LucideProps) => (
-  <svg 
-    viewBox="0 0 256 256" 
-    xmlns="http://www.w3.org/2000/svg" 
-    {...props}
-  >
-    <g 
-      style={{
-        stroke: 'none',
-        strokeWidth: 0,
-        strokeDasharray: 'none',
-        strokeLinecap: 'butt',
-        strokeLinejoin: 'miter',
-        strokeMiterlimit: 10,
-        fill: 'none',
-        fillRule: 'nonzero',
-        opacity: 1
-      }}
-      transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" 
-    >
-      <path 
-        d="M 88.119 23.338 c -1.035 -3.872 -4.085 -6.922 -7.957 -7.957 C 73.144 13.5 45 13.5 45 13.5 s -28.144 0 -35.162 1.881 c -3.872 1.035 -6.922 4.085 -7.957 7.957 C 0 30.356 0 45 0 45 s 0 14.644 1.881 21.662 c 1.035 3.872 4.085 6.922 7.957 7.957 C 16.856 76.5 45 76.5 45 76.5 s 28.144 0 35.162 -1.881 c 3.872 -1.035 6.922 -4.085 7.957 -7.957 C 90 59.644 90 45 90 45 S 90 30.356 88.119 23.338 z" 
-        style={{
-          stroke: 'none',
-          strokeWidth: 1,
-          strokeDasharray: 'none',
-          strokeLinecap: 'butt',
-          strokeLinejoin: 'miter',
-          strokeMiterlimit: 10,
-          fill: 'red',
-          fillRule: 'nonzero',
-          opacity: 1
-        }}
-        transform=" matrix(1 0 0 1 0 0) " 
-        strokeLinecap="round" 
-      />
-      <polygon 
-        points="36,58.5 59.38,45 36,31.5 " 
-        style={{
-          stroke: 'none',
-          strokeWidth: 1,
-          strokeDasharray: 'none',
-          strokeLinecap: 'butt',
-          strokeLinejoin: 'miter',
-          strokeMiterlimit: 10,
-          fill: 'white',
-          fillRule: 'nonzero',
-          opacity: 1
-        }}
-        transform="matrix(1 0 0 1 0 0)"
-      />
-    </g>
-  </svg>
-)
-
-export default YouTubeLogo
+import React from 'react'
+import { type LucideProps } from 'lucide-react'
+
+const YouTubeLogo: React.FC<LucideProps> = (props: LucideProps) => (
+  <svg 
+    viewBox="0 0 256 256" 
+    xmlns="http://www.w3.org/2000/svg" 
+    {...props}
+  >
+    <g 
+      style={{
+        stroke: 'none',
+        strokeWidth: 0,
+        strokeDasharray: 'none',
+        strokeLinecap: 'butt',
+        strokeLinejoin: 'miter',
+        strokeMiterlimit: 10,
+        fill: 'none',
+        fillRule: 'nonzero',
+        opacity: 1
+      }}
+      transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" 
+    >
+      <path 
+        d="M 88.119 23.338 c -1.035 -3.872 -4.085 -6.922 -7.957 -7.957 C 73.144 13.5 45 13.5 45 13.5 s -28.144 0 -35.162 1.881 c -3.872 1.035 -6.922 4.085 -7.957 7.957 C 0 30.356 0 45 0 45 s 0 14.644 1.881 21.662 c 1.035 3.872 4.085 6.922 7.957 7.957 C 16.856 76.5 45 76.5 45 76.5 s 28.144 0 35.162 -1.881 c 3.872 -1.035 6.922 -4.085 7.957 -7.957 C 90 59.644 90 45 90 45 S 90 30.356 88.119 23.338 z" 
+        style={{
+          stroke: 'none',
+          strokeWidth: 1,
+          strokeDasharray: 'none',
+          strokeLinecap: 'butt',
+          strokeLinejoin: 'miter',
+          strokeMiterlimit: 10,
+          fill: 'red',
+          fillRule: 'nonzero',
+          opacity: 1
+        }}
+        transform=" matrix(1 0 0 1 0 0) " 
+        strokeLinecap="round" 
+      />
+      <polygon 
+        points="36,58.5 59.38,45 36,31.5 " 
+        style={{
+          stroke: 'none',
+          strokeWidth: 1,
+          strokeDasharray: 'none',
+          strokeLinecap: 'butt',
+          strokeLinejoin: 'miter',
+          strokeMiterlimit: 10,
+          fill: 'white',
+          fillRule: 'nonzero',
+          opacity: 1
+        }}
+        transform="matrix(1 0 0 1 0 0)"
+      />
+    </g>
+  </svg>
+)
+
+export default YouTubeLogo

package/components/index.ts

@@ -1,27 +1,27 @@
-export { default as AccessCodeInput } from './access-code-input'
-export { default as ChatWidget } from './chat-widget'
-export { default as ContactDialog } from './contact-dialog'
-export { default as Copyright} from './copyright'
-export { default as Footer } from './footer'
-export { default as Header } from './header'
-export * as Icons from './icons'
-export { default as Logo } from './logo'
-export { default as Main } from './main'
-export { default as MiniChart } from './mini-chart'
-export { default as NotFound } from './not-found'
-
-export { default as AuthListener } from './auth/auth-listener'
-export { default as AddWidget } from './commerce/add-widget'
-export { default as BackButton } from './back-button'
-export { default as BuyDrawer } from './commerce/drawer'
-export { default as DrawerMargin } from './drawer-margin'
-export { default as BuyButton } from './commerce/buy-button'
-export { default as CheckoutButton } from './commerce/checkout-button'
-export { default as CheckoutPanel } from './commerce/checkout-panel'
-export { default as CheckoutWidget } from './commerce/checkout-widget'
-export { default as LoginPanel } from './auth/login-panel'
-export { default as Scripts } from './scripts'
-export { default as Tooltip } from './tooltip'
-
-export { default as EmblaAutoplay } from 'embla-carousel-autoplay'
-
+export { default as AccessCodeInput } from './access-code-input'
+export { default as ChatWidget } from './chat-widget'
+export { default as ContactDialog } from './contact-dialog'
+export { default as Copyright} from './copyright'
+export { default as Footer } from './footer'
+export { default as Header } from './header'
+export * as Icons from './icons'
+export { default as Logo } from './logo'
+export { default as Main } from './main'
+export { default as MiniChart } from './mini-chart'
+export { default as NotFound } from './not-found'
+
+export { default as AuthListener } from './auth/auth-listener'
+export { default as AddWidget } from './commerce/add-widget'
+export { default as BackButton } from './back-button'
+export { default as BuyDrawer } from './commerce/drawer'
+export { default as DrawerMargin } from './drawer-margin'
+export { default as BuyButton } from './commerce/buy-button'
+export { default as CheckoutButton } from './commerce/checkout-button'
+export { default as CheckoutPanel } from './commerce/checkout-panel'
+export { default as CheckoutWidget } from './commerce/checkout-widget'
+export { default as LoginPanel } from './auth/login-panel'
+export { default as Scripts } from './scripts'
+export { default as Tooltip } from './tooltip'
+
+export { default as EmblaAutoplay } from 'embla-carousel-autoplay'
+

package/components/logo.tsx

@@ -1,89 +1,89 @@
-import React from 'react'
-import Link from 'next/link'
-
-import { type TShirtSize  } from '@hanzo/ui/types'
-
-import { cn } from '@hanzo/ui/util'
-
-import * as Icons from './icons'
-
-const TEXT = 'LUX'
-
-const Logo: React.FC<{
-  size?: TShirtSize
-  variant?: 'text-only' | 'logo-only' | 'full'
-  onClick?: () => void
-  href?: string
-  outerClx?: string
-  textClx?: string
-}> = ({
-  size,
-  href, // no default please!
-  outerClx='',
-  textClx='',
-  variant='full',
-  onClick,
-}) => {
-  let classes: any = {}
-  const toAdd = (variant === 'logo-only') ? 
-    {
-      span: 'hidden',
-      icon: ''
-    } 
-    :
-    (variant === 'text-only') ? 
-      {
-        span: '',
-        icon: 'hidden'
-      } 
-      : 
-      {
-        span: '',
-        icon: ''
-      }
-
-  if (size === 'lg' || size === 'xl' ) { // for safety
-    classes.icon = 'h-10 w-10 mr-4 color-inherit ' 
-    classes.span = 'text-3xl ' 
-  }
-    // match lux.network
-  else if (size === 'md') {
-    classes.icon = 'h-[32px] w-[32px] mr-[12px] color-inherit '
-    classes.span = 'text-[1.8rem]/[1.8rem] tracking-tighter '
-  }
-  else if (size === 'sm' ) {
-    classes.icon = 'h-6 w-6 mr-2 color-inherit ' 
-    classes.span = 'text-lg '
-  }
-    // xs
-  else {
-    classes.icon = 'h-4 w-4 mr-1 color-inherit '
-    classes.span = 'text-base '
-  }
-
-  classes.icon += toAdd.icon
-  classes.span += toAdd.span
-
-
-  const outerClasses = 'flex flex-row items-center ' + outerClx
-  const spanClasses = 'inline-block font-bold font-heading ' 
-    + textClx
-    + (href ? ' hover:text-accent cursor-pointer ' : ' cursor-default ') 
-    + classes.span 
-
-  return (
-    href ? (
-      <Link href={href} className={outerClasses} onClick={onClick} >
-        <Icons.logo className={classes.icon} />
-        <span className={spanClasses}>{TEXT}</span>
-      </Link>
-    ) : (
-      <span className={outerClasses} onClick={onClick}>
-        <Icons.logo className={classes.icon} />
-        <span className={spanClasses}>{TEXT}</span>
-      </span>
-    )
-  )
-}
-
-export default Logo
+import React from 'react'
+import Link from 'next/link'
+
+import { type TShirtSize  } from '@hanzo/ui/types'
+
+import { cn } from '@hanzo/ui/util'
+
+import * as Icons from './icons'
+
+const TEXT = 'LUX'
+
+const Logo: React.FC<{
+  size?: TShirtSize
+  variant?: 'text-only' | 'logo-only' | 'full'
+  onClick?: () => void
+  href?: string
+  outerClx?: string
+  textClx?: string
+}> = ({
+  size,
+  href, // no default please!
+  outerClx='',
+  textClx='',
+  variant='full',
+  onClick,
+}) => {
+  let classes: any = {}
+  const toAdd = (variant === 'logo-only') ? 
+    {
+      span: 'hidden',
+      icon: ''
+    } 
+    :
+    (variant === 'text-only') ? 
+      {
+        span: '',
+        icon: 'hidden'
+      } 
+      : 
+      {
+        span: '',
+        icon: ''
+      }
+
+  if (size === 'lg' || size === 'xl' ) { // for safety
+    classes.icon = 'h-10 w-10 mr-4 color-inherit ' 
+    classes.span = 'text-3xl ' 
+  }
+    // match lux.network
+  else if (size === 'md') {
+    classes.icon = 'h-[32px] w-[32px] mr-[12px] color-inherit '
+    classes.span = 'text-[1.8rem]/[1.8rem] tracking-tighter '
+  }
+  else if (size === 'sm' ) {
+    classes.icon = 'h-6 w-6 mr-2 color-inherit ' 
+    classes.span = 'text-lg '
+  }
+    // xs
+  else {
+    classes.icon = 'h-4 w-4 mr-1 color-inherit '
+    classes.span = 'text-base '
+  }
+
+  classes.icon += toAdd.icon
+  classes.span += toAdd.span
+
+
+  const outerClasses = 'flex flex-row items-center ' + outerClx
+  const spanClasses = 'inline-block font-bold font-heading ' 
+    + textClx
+    + (href ? ' hover:text-accent cursor-pointer ' : ' cursor-default ') 
+    + classes.span 
+
+  return (
+    href ? (
+      <Link href={href} className={outerClasses} onClick={onClick} >
+        <Icons.logo className={classes.icon} />
+        <span className={spanClasses}>{TEXT}</span>
+      </Link>
+    ) : (
+      <span className={outerClasses} onClick={onClick}>
+        <Icons.logo className={classes.icon} />
+        <span className={spanClasses}>{TEXT}</span>
+      </span>
+    )
+  )
+}
+
+export default Logo

package/components/main.tsx

@@ -1,27 +1,27 @@
-import React, { type PropsWithChildren } from 'react'
-import { cn } from '@hanzo/ui/util'
-
-const Main: React.FC<PropsWithChildren & { 
-  id?: string
-  className?: string 
-  headerSpace?: boolean
-  standardWidth?: boolean
-}> = ({
-  children,
-  className='',
-  headerSpace=true,
-  standardWidth=true,
-  id
-}) => (
-  <main id={id ?? 'LUX_UI_MAIN'} className={cn(
-    'flex flex-col justify-start items-center',
-    'px-4 md:px-6 lg:px-8',
-    standardWidth ? 'max-w-screen-2xl w-full lg:mx-auto' : '',
-    headerSpace ? 'pt-[44px] md:pt-[80px]' : 'py-4',
-    className
-  )}>
-    {children}
-  </main>
-)
-
-export default Main
+import React, { type PropsWithChildren } from 'react'
+import { cn } from '@hanzo/ui/util'
+
+const Main: React.FC<PropsWithChildren & { 
+  id?: string
+  className?: string 
+  headerSpace?: boolean
+  standardWidth?: boolean
+}> = ({
+  children,
+  className='',
+  headerSpace=true,
+  standardWidth=true,
+  id
+}) => (
+  <main id={id ?? 'LUX_UI_MAIN'} className={cn(
+    'flex flex-col justify-start items-center',
+    'px-4 md:px-6 lg:px-8',
+    standardWidth ? 'max-w-screen-2xl w-full lg:mx-auto' : '',
+    headerSpace ? 'pt-[44px] md:pt-[80px]' : 'py-4',
+    className
+  )}>
+    {children}
+  </main>
+)
+
+export default Main

package/components/mini-chart/index.tsx

@@ -1,8 +1,8 @@
-import MiniChart from './wrapper'
-// import { type MiniChartProps, type MiniChartDateRanges } from './mini-chart-props'
-
-export {
-  MiniChart as default,
-  // type MiniChartProps,
-  // type MiniChartDateRanges
+import MiniChart from './wrapper'
+// import { type MiniChartProps, type MiniChartDateRanges } from './mini-chart-props'
+
+export {
+  MiniChart as default,
+  // type MiniChartProps,
+  // type MiniChartDateRanges
 }

package/components/mini-chart/mini-chart-props.ts

@@ -1,44 +1,44 @@
-import type { CSSProperties } from 'react'
-
-  // https://www.typescriptlang.org/docs/handbook/enums.html#enums-at-runtime
-const enum MiniChartDateRangesValues {
-    '1D',
-    '1M',
-    '3M',
-    '12M',
-    '60M',
-    'ALL',
-}
-
-type MiniChartDateRanges = keyof typeof MiniChartDateRangesValues
-
-interface MiniChartBaseProps {
-  symbol: string  
-  exchange?: string
-	dateRange: MiniChartDateRanges
-  noTimeScale?: boolean
-	width?: number | string
-	height?: number | string
-	locale?: string
-	colorTheme?: "light" | "dark"
-  // @ts-ignore // TODO
-	lineColor?: CSSProperties["color"]
-  // @ts-ignore // TODO
-	topGradientColor?: CSSProperties["color"]
-  // @ts-ignore // TODO
-	bottomGradientColor?: CSSProperties["color"]
-	isTransparent?: boolean
-	autosize?: boolean
-	chartOnly?: boolean
-	largeChartUrl?: string
-}
-
-type MiniChartProps = {
-  widgetProps: MiniChartBaseProps
-  containerStyles?: CSSProperties
-}
-
-export {
-  type MiniChartProps,
-  type MiniChartDateRanges
+import type { CSSProperties } from 'react'
+
+  // https://www.typescriptlang.org/docs/handbook/enums.html#enums-at-runtime
+const enum MiniChartDateRangesValues {
+    '1D',
+    '1M',
+    '3M',
+    '12M',
+    '60M',
+    'ALL',
+}
+
+type MiniChartDateRanges = keyof typeof MiniChartDateRangesValues
+
+interface MiniChartBaseProps {
+  symbol: string  
+  exchange?: string
+	dateRange: MiniChartDateRanges
+  noTimeScale?: boolean
+	width?: number | string
+	height?: number | string
+	locale?: string
+	colorTheme?: "light" | "dark"
+  // @ts-ignore // TODO
+	lineColor?: CSSProperties["color"]
+  // @ts-ignore // TODO
+	topGradientColor?: CSSProperties["color"]
+  // @ts-ignore // TODO
+	bottomGradientColor?: CSSProperties["color"]
+	isTransparent?: boolean
+	autosize?: boolean
+	chartOnly?: boolean
+	largeChartUrl?: string
+}
+
+type MiniChartProps = {
+  widgetProps: MiniChartBaseProps
+  containerStyles?: CSSProperties
+}
+
+export {
+  type MiniChartProps,
+  type MiniChartDateRanges
 }