@luxfi/ui 5.6.0 → 6.1.0

package/dist/components/TokenLogo.js

@@ -0,0 +1,57 @@
+import { styled } from '@tamagui/core'
+import { jsx as _jsx } from 'react/jsx-runtime'
+import { Image, Stack, Text } from 'tamagui'
+
+const TokenLogoFrame = styled(Stack, {
+  name: 'TokenLogo',
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderRadius: '$round',
+  overflow: 'hidden',
+  backgroundColor: '$muted',
+  variants: {
+    size: {
+      xs: { width: 20, height: 20 },
+      sm: { width: 24, height: 24 },
+      md: { width: 32, height: 32 },
+      lg: { width: 40, height: 40 },
+      xl: { width: 48, height: 48 },
+    },
+  },
+  defaultVariants: {
+    size: 'md',
+  },
+})
+const TokenImage = styled(Image, {
+  name: 'TokenImage',
+  width: '100%',
+  height: '100%',
+})
+const TokenFallback = styled(Text, {
+  name: 'TokenFallback',
+  fontWeight: '600',
+  color: '$mutedForeground',
+  variants: {
+    size: {
+      xs: { fontSize: 8 },
+      sm: { fontSize: 10 },
+      md: { fontSize: 12 },
+      lg: { fontSize: 14 },
+      xl: { fontSize: 16 },
+    },
+  },
+  defaultVariants: {
+    size: 'md',
+  },
+})
+export function TokenLogo({ symbol, logoURI, size, ...props }) {
+  const fallbackText = symbol.slice(0, 3).toUpperCase()
+  return _jsx(TokenLogoFrame, {
+    size: size,
+    ...props,
+    children: logoURI
+      ? _jsx(TokenImage, { source: { uri: logoURI } })
+      : _jsx(TokenFallback, { size: size, children: fallbackText }),
+  })
+}
+TokenLogo.displayName = 'TokenLogo'

package/dist/components/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAW,EAAE,EAAE,YAAY,2CAUvE"}

package/dist/components/Tooltip.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime'
+import { Paragraph, styled, Tooltip as TTooltip } from 'tamagui'
+
+const TooltipContent = styled(TTooltip.Content, {
+  name: 'TooltipContent',
+  backgroundColor: '$background',
+  borderRadius: '$2',
+  paddingHorizontal: '$3',
+  paddingVertical: '$2',
+  borderWidth: 1,
+  borderColor: '$borderColor',
+  enterStyle: { x: 0, y: -5, opacity: 0, scale: 0.9 },
+  exitStyle: { x: 0, y: -5, opacity: 0, scale: 0.9 },
+  animation: [
+    'quick',
+    {
+      opacity: {
+        overshootClamping: true,
+      },
+    },
+  ],
+})
+const TooltipArrow = styled(TTooltip.Arrow, {
+  name: 'TooltipArrow',
+})
+export function Tooltip({ content, children, delay = 300 }) {
+  return _jsxs(TTooltip, {
+    delay: delay,
+    children: [
+      _jsx(TTooltip.Trigger, { asChild: true, children: children }),
+      _jsxs(TooltipContent, { children: [_jsx(TooltipArrow, {}), _jsx(Paragraph, { size: '$2', children: content })] }),
+    ],
+  })
+}

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAGtD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAGtD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,19 @@
+/**
+ * UI Components
+ */
+// Core components
+
+export { Badge } from './Badge'
+export { Button } from './Button'
+export { Card } from './Card'
+export { IconButton } from './IconButton'
+export { Input } from './Input'
+// Feedback components
+export { Modal } from './Modal'
+export { Skeleton } from './Skeleton'
+export { Spinner } from './Spinner'
+// Form components
+export { Switch } from './Switch'
+// Display components
+export { TokenLogo } from './TokenLogo'
+export { Tooltip } from './Tooltip'

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,SAAS,CAAA;AAGvB,cAAc,cAAc,CAAA;AAG5B,OAAO,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,SAAS,EACT,OAAO,EACP,UAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,MAAM,SAAS,CAAA"}