@mhmo91/schmancy 0.10.6 → 0.10.7

package/src/charts/pills.ts

@@ -1,352 +0,0 @@
-import { html, css, PropertyValues } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
-import { repeat } from 'lit/directives/repeat.js'
-import { SchmancyElement } from '@mixins/index'
-import type { PillDataPoint, PillSegment } from './types'
-
-/** Default color palette for segments - expanded for uniqueness */
-const DEFAULT_COLORS = [
-	'bg-primary',
-	'bg-secondary',
-	'bg-tertiary',
-	'bg-success',
-	'bg-warning',
-	'bg-error',
-	'bg-primary/70',
-	'bg-secondary/70',
-	'bg-tertiary/70',
-	'bg-success/70',
-	'bg-warning/70',
-	'bg-error/70',
-	'bg-primary/40',
-	'bg-secondary/40',
-	'bg-tertiary/40',
-]
-
-@customElement('schmancy-pills')
-export class SchmancyPills extends SchmancyElement {
-	static styles = [css`
-	:host {
-		display: block;
-	}
-`]
-
-	/** Chart data points */
-	@property({ type: Array })
-	data: PillDataPoint[] = []
-
-	/** Prefix for values (e.g., "EUR ") */
-	@property({ type: String })
-	valuePrefix = ''
-
-	/** Suffix for values (e.g., "%") */
-	@property({ type: String })
-	valueSuffix = ''
-
-	/** Decimal places for value display */
-	@property({ type: Number })
-	valueDecimals = 2
-
-	/** Show medals for top 3 */
-	@property({ type: Boolean })
-	showMedals = true
-
-	/** Show legend for segments */
-	@property({ type: Boolean })
-	showLegend = true
-
-	/** Animation duration in milliseconds */
-	@property({ type: Number })
-	animationDuration = 500
-
-	/** Enable entrance animation */
-	@property({ type: Boolean })
-	animated = true
-
-	/** Label column width (Tailwind class) */
-	@property({ type: String })
-	labelWidth = 'w-14'
-
-	/** Value column width (Tailwind class) */
-	@property({ type: String })
-	valueWidth = 'w-20'
-
-	@state() private animationProgress = 0
-	@state() private isVisible = false
-	@state() private categoryColorMap = new Map<string, string>()
-
-	private observer: IntersectionObserver | null = null
-	private animationFrameId: number | null = null
-
-	connectedCallback() {
-		super.connectedCallback()
-		this.setupIntersectionObserver()
-	}
-
-	disconnectedCallback() {
-		super.disconnectedCallback()
-		this.cleanup()
-	}
-
-	private cleanup() {
-		if (this.animationFrameId !== null) {
-			cancelAnimationFrame(this.animationFrameId)
-			this.animationFrameId = null
-		}
-		if (this.observer) {
-			this.observer.disconnect()
-			this.observer = null
-		}
-	}
-
-	private setupIntersectionObserver() {
-		this.observer = new IntersectionObserver(
-			entries => {
-				const entry = entries[0]
-				if (entry.isIntersecting && !this.isVisible) {
-					this.isVisible = true
-					if (this.animated) {
-						this.startAnimation()
-					} else {
-						this.animationProgress = 1
-					}
-				}
-			},
-			{ threshold: 0.1 }
-		)
-	}
-
-	protected firstUpdated() {
-		if (this.observer) {
-			this.observer.observe(this)
-		}
-	}
-
-	protected updated(changedProperties: PropertyValues) {
-		super.updated(changedProperties)
-
-		// Restart animation when data changes
-		if (changedProperties.has('data') && this.isVisible && this.animated) {
-			this.animationProgress = 0
-			this.startAnimation()
-		}
-	}
-
-	private startAnimation() {
-		const startTime = performance.now()
-		const duration = this.animationDuration
-
-		const animateFrame = (currentTime: number) => {
-			const elapsed = currentTime - startTime
-			const progress = Math.min(elapsed / duration, 1)
-
-			// Ease out cubic
-			this.animationProgress = 1 - Math.pow(1 - progress, 3)
-
-			if (progress < 1 && this.isVisible) {
-				this.animationFrameId = requestAnimationFrame(animateFrame)
-			}
-		}
-
-		this.animationFrameId = requestAnimationFrame(animateFrame)
-	}
-
-	private initializeCategoryColors(): void {
-		// Build consistent color map from all segments in data
-		const categoryTotals = new Map<string, number>()
-		const explicitColors = new Map<string, string>()
-
-		this.data.forEach(d => {
-			if (d.segments) {
-				d.segments.forEach(seg => {
-					categoryTotals.set(seg.label, (categoryTotals.get(seg.label) || 0) + seg.value)
-					// Capture explicit colors from segments
-					if (seg.color && !explicitColors.has(seg.label)) {
-						explicitColors.set(seg.label, seg.color)
-					}
-				})
-			}
-		})
-
-		// Sort by total value (most = first color)
-		const sortedCategories = Array.from(categoryTotals.entries())
-			.toSorted((a, b) => b[1] - a[1])
-			.map(([cat]) => cat)
-
-		// Clear and rebuild - use explicit colors if available, otherwise default palette
-		this.categoryColorMap.clear()
-		let defaultColorIndex = 0
-		sortedCategories.forEach(cat => {
-			if (explicitColors.has(cat)) {
-				this.categoryColorMap.set(cat, explicitColors.get(cat)!)
-			} else {
-				this.categoryColorMap.set(cat, DEFAULT_COLORS[defaultColorIndex % DEFAULT_COLORS.length])
-				defaultColorIndex++
-			}
-		})
-	}
-
-	private getSegmentColor(segment: PillSegment): string {
-		// Use explicit color if provided
-		if (segment.color) return segment.color
-		// Otherwise use from color map
-		return this.categoryColorMap.get(segment.label) || 'bg-primary'
-	}
-
-	private formatValue(value: number): string {
-		const formatted = value.toFixed(this.valueDecimals)
-		return `${this.valuePrefix}${formatted}${this.valueSuffix}`
-	}
-
-	private getMedalEmoji(rank: number | undefined): string {
-		if (!this.showMedals || !rank) return ''
-		if (rank === 1) return '🥇'
-		if (rank === 2) return '🥈'
-		if (rank === 3) return '🥉'
-		return ''
-	}
-
-	private getMaxValue(): number {
-		if (this.data.length === 0) return 0
-		return Math.max(...this.data.map(d => d.value), 1)
-	}
-
-	private renderBar(dataPoint: PillDataPoint, maxValue: number): ReturnType<typeof html> {
-		const percentage = maxValue > 0 ? (dataPoint.value / maxValue) * 100 : 0
-		const animatedPercentage = percentage * this.animationProgress
-
-		// If no segments, render solid bar
-		if (!dataPoint.segments || dataPoint.segments.length === 0) {
-			const barColorClass = dataPoint.isPeak
-				? 'bg-success'
-				: dataPoint.isLow
-					? 'bg-tertiary opacity-70'
-					: dataPoint.value === 0
-						? 'bg-tertiary/40'
-						: 'bg-primary'
-
-			return html`
-				<div
-					class="${barColorClass} h-full transition-all rounded-full"
-					style="width: ${Math.max(animatedPercentage, dataPoint.value > 0 ? 2 : 0)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}"
-					title="${this.formatValue(dataPoint.value)}"
-				></div>
-			`
-		}
-
-		// Stacked bar with segments
-		return html`
-			<div
-				class="h-full flex"
-				style="width: ${Math.max(animatedPercentage, 2)}%; transition-duration: ${this.animated ? '0ms' : '300ms'}"
-			>
-				${repeat(
-					dataPoint.segments,
-					seg => seg.label,
-					(seg, index) => {
-						const segmentPercentage = dataPoint.value > 0 ? (seg.value / dataPoint.value) * 100 : 0
-						const marginLeft = index > 0 ? 'ml-px' : ''
-						const brightenClass = dataPoint.isPeak ? 'brightness-110' : ''
-						const colorClass = this.getSegmentColor(seg)
-
-						return html`
-							<div
-								class="${colorClass} ${marginLeft} ${brightenClass} h-full transition-all
-									${index === 0 ? 'rounded-l-full' : ''}
-									${index === dataPoint.segments!.length - 1 ? 'rounded-r-full' : ''}"
-								style="width: ${segmentPercentage}%"
-								title="${seg.label}: ${this.formatValue(seg.value)}"
-							></div>
-						`
-					}
-				)}
-			</div>
-		`
-	}
-
-	private renderLegend(): ReturnType<typeof html> {
-		if (!this.showLegend || this.categoryColorMap.size === 0) {
-			return html``
-		}
-
-		return html`
-			<div class="flex flex-wrap gap-3 mt-4 pt-4 border-t border-outline-variant">
-				${repeat(
-					Array.from(this.categoryColorMap.entries()),
-					([cat]) => cat,
-					([cat, color]) => html`
-						<div class="flex items-center gap-1.5">
-							<div class="${color} w-3 h-3 rounded-sm"></div>
-							<schmancy-typography type="label" token="sm" class="text-surface-onVariant">
-								${cat}
-							</schmancy-typography>
-						</div>
-					`
-				)}
-			</div>
-		`
-	}
-
-	render() {
-		// Initialize colors before rendering
-		this.initializeCategoryColors()
-
-		if (!this.data || this.data.length === 0) {
-			return html``
-		}
-
-		const maxValue = this.getMaxValue()
-
-		return html`
-			<div class="space-y-1">
-				${repeat(
-					this.data,
-					d => d.label,
-					d => {
-						const rowBgClass = d.isPeak ? 'bg-success/10 rounded-lg' : ''
-						const textColorClass = d.isPeak ? 'text-success font-bold' : 'text-surface-on'
-
-						return html`
-							<div class="flex items-center gap-3 py-2 px-2 ${rowBgClass}">
-								<!-- Label -->
-								<div class="${this.labelWidth} shrink-0 text-right">
-									<schmancy-typography type="label" token="md" class="${textColorClass}">
-										${d.label}
-									</schmancy-typography>
-								</div>
-
-								<!-- Medal -->
-								<div class="w-6 shrink-0 text-center">
-									${d.isPeak || (d.rank && d.rank <= 3)
-										? html`<span class="text-sm">${this.getMedalEmoji(d.rank)}</span>`
-										: ''}
-								</div>
-
-								<!-- Bar -->
-								<div class="flex-1 h-6 bg-secondary/15 rounded-full overflow-hidden">
-									${this.renderBar(d, maxValue)}
-								</div>
-
-								<!-- Value -->
-								<div class="${this.valueWidth} shrink-0 text-right">
-									<schmancy-typography type="label" token="md" class="${textColorClass}">
-										${this.formatValue(d.value)}
-									</schmancy-typography>
-								</div>
-							</div>
-						`
-					}
-				)}
-			</div>
-
-			<!-- Legend -->
-			${this.renderLegend()}
-		`
-	}
-}
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'schmancy-pills': SchmancyPills
-	}
-}

package/src/charts/types.ts

@@ -1,66 +0,0 @@
-/**
- * Data point for charts
- */
-export interface ChartDataPoint {
-	/** X-axis label (e.g., "9 AM", "Mon") */
-	label: string
-	/** Primary numeric value */
-	value: number
-	/** Optional metadata for tooltips */
-	metadata?: Record<string, unknown>
-}
-
-/**
- * Theme configuration for charts
- */
-export interface ChartTheme {
-	/** Primary color - defaults to --schmancy-sys-color-primary */
-	primaryColor?: string
-	/** Gradient opacity [top, bottom] - defaults to [0.4, 0.05] */
-	gradientOpacity?: [number, number]
-	/** Line stroke width - defaults to 2 */
-	strokeWidth?: number
-	/** Normal point radius - defaults to 4 */
-	pointRadius?: number
-	/** Peak point radius - defaults to 6 */
-	peakRadius?: number
-}
-
-/** Internal processed data point with position */
-export interface ProcessedDataPoint extends ChartDataPoint {
-	x: number
-	y: number
-	isPeak: boolean
-}
-
-/**
- * Segment within a pill bar (for stacked bars)
- */
-export interface PillSegment {
-	/** Segment label (e.g., "Pizza", "Drinks") */
-	label: string
-	/** Segment value */
-	value: number
-	/** CSS color class (e.g., "bg-primary", "bg-secondary") */
-	color?: string
-}
-
-/**
- * Data point for pills chart (horizontal bar)
- */
-export interface PillDataPoint {
-	/** Row label (e.g., "9 AM", "Monday") */
-	label: string
-	/** Primary value (used if no segments) */
-	value: number
-	/** Optional segments for stacked bar */
-	segments?: PillSegment[]
-	/** Whether this is a peak/highlighted row */
-	isPeak?: boolean
-	/** Whether this is a low/muted row */
-	isLow?: boolean
-	/** Optional rank (1, 2, 3 for medals) */
-	rank?: number
-	/** Optional metadata for tooltips */
-	metadata?: Record<string, unknown>
-}

package/src/charts/utils.ts

@@ -1,65 +0,0 @@
-/**
- * Catmull-Rom spline interpolation for smooth curves
- * Returns the interpolated point between p1 and p2
- */
-export function catmullRomSpline(
-	p0: { x: number; y: number },
-	p1: { x: number; y: number },
-	p2: { x: number; y: number },
-	p3: { x: number; y: number },
-	t: number
-): { x: number; y: number } {
-	const t2 = t * t
-	const t3 = t2 * t
-
-	const x =
-		0.5 *
-		(2 * p1.x +
-			(-p0.x + p2.x) * t +
-			(2 * p0.x - 5 * p1.x + 4 * p2.x - p3.x) * t2 +
-			(-p0.x + 3 * p1.x - 3 * p2.x + p3.x) * t3)
-
-	const y =
-		0.5 *
-		(2 * p1.y +
-			(-p0.y + p2.y) * t +
-			(2 * p0.y - 5 * p1.y + 4 * p2.y - p3.y) * t2 +
-			(-p0.y + 3 * p1.y - 3 * p2.y + p3.y) * t3)
-
-	return { x, y }
-}
-
-/**
- * Converts hex or rgb color to rgba string
- */
-export function hexToRgba(color: string, alpha: number): string {
-	// Handle rgb/rgba format
-	if (color.startsWith('rgb')) {
-		const match = color.match(/[\d.]+/g)
-		if (match && match.length >= 3) {
-			return `rgba(${match[0]}, ${match[1]}, ${match[2]}, ${alpha})`
-		}
-	}
-
-	// Handle hex format
-	let hex = color.replace('#', '')
-	if (hex.length === 3) {
-		hex = hex
-			.split('')
-			.map(c => c + c)
-			.join('')
-	}
-
-	const r = parseInt(hex.substring(0, 2), 16)
-	const g = parseInt(hex.substring(2, 4), 16)
-	const b = parseInt(hex.substring(4, 6), 16)
-
-	return `rgba(${r}, ${g}, ${b}, ${alpha})`
-}
-
-/**
- * Cubic ease-out animation function
- */
-export function easeOutCubic(t: number): number {
-	return 1 - Math.pow(1 - t, 3)
-}

package/src/extra/countries/countries.data.ts

@@ -1,196 +0,0 @@
-export default [
-	{ name: 'Afghanistan', code: 'AF' },
-	{ name: 'Albania', code: 'AL' },
-	{ name: 'Algeria', code: 'DZ' },
-	{ name: 'Andorra', code: 'AD' },
-	{ name: 'Angola', code: 'AO' },
-	{ name: 'Antigua and Barbuda', code: 'AG' },
-	{ name: 'Argentina', code: 'AR' },
-	{ name: 'Armenia', code: 'AM' },
-	{ name: 'Australia', code: 'AU' },
-	{ name: 'Austria', code: 'AT' },
-	{ name: 'Azerbaijan', code: 'AZ' },
-	{ name: 'Bahamas', code: 'BS' },
-	{ name: 'Bahrain', code: 'BH' },
-	{ name: 'Bangladesh', code: 'BD' },
-	{ name: 'Barbados', code: 'BB' },
-	{ name: 'Belarus', code: 'BY' },
-	{ name: 'Belgium', code: 'BE' },
-	{ name: 'Belize', code: 'BZ' },
-	{ name: 'Benin', code: 'BJ' },
-	{ name: 'Bhutan', code: 'BT' },
-	{ name: 'Bolivia', code: 'BO' },
-	{ name: 'Bosnia and Herzegovina', code: 'BA' },
-	{ name: 'Botswana', code: 'BW' },
-	{ name: 'Brazil', code: 'BR' },
-	{ name: 'Brunei', code: 'BN' },
-	{ name: 'Bulgaria', code: 'BG' },
-	{ name: 'Burkina Faso', code: 'BF' },
-	{ name: 'Burundi', code: 'BI' },
-	{ name: 'Cabo Verde', code: 'CV' },
-	{ name: 'Cambodia', code: 'KH' },
-	{ name: 'Cameroon', code: 'CM' },
-	{ name: 'Canada', code: 'CA' },
-	{ name: 'Central African Republic', code: 'CF' },
-	{ name: 'Chad', code: 'TD' },
-	{ name: 'Chile', code: 'CL' },
-	{ name: 'China', code: 'CN' },
-	{ name: 'Colombia', code: 'CO' },
-	{ name: 'Comoros', code: 'KM' },
-	{ name: 'Congo (Congo-Brazzaville)', code: 'CG' },
-	{ name: 'Costa Rica', code: 'CR' },
-	{ name: 'Croatia', code: 'HR' },
-	{ name: 'Cuba', code: 'CU' },
-	{ name: 'Cyprus', code: 'CY' },
-	{ name: 'Czechia (Czech Republic)', code: 'CZ' },
-	{ name: 'Democratic Republic of the Congo', code: 'CD' },
-	{ name: 'Denmark', code: 'DK' },
-	{ name: 'Djibouti', code: 'DJ' },
-	{ name: 'Dominica', code: 'DM' },
-	{ name: 'Dominican Republic', code: 'DO' },
-	{ name: 'Ecuador', code: 'EC' },
-	{ name: 'Egypt', code: 'EG' },
-	{ name: 'El Salvador', code: 'SV' },
-	{ name: 'Equatorial Guinea', code: 'GQ' },
-	{ name: 'Eritrea', code: 'ER' },
-	{ name: 'Estonia', code: 'EE' },
-	{ name: 'Eswatini', code: 'SZ' },
-	{ name: 'Ethiopia', code: 'ET' },
-	{ name: 'Fiji', code: 'FJ' },
-	{ name: 'Finland', code: 'FI' },
-	{ name: 'France', code: 'FR' },
-	{ name: 'Gabon', code: 'GA' },
-	{ name: 'Gambia', code: 'GM' },
-	{ name: 'Georgia', code: 'GE' },
-	{ name: 'Germany', code: 'DE' },
-	{ name: 'Ghana', code: 'GH' },
-	{ name: 'Greece', code: 'GR' },
-	{ name: 'Grenada', code: 'GD' },
-	{ name: 'Guatemala', code: 'GT' },
-	{ name: 'Guinea', code: 'GN' },
-	{ name: 'Guinea-Bissau', code: 'GW' },
-	{ name: 'Guyana', code: 'GY' },
-	{ name: 'Haiti', code: 'HT' },
-	{ name: 'Honduras', code: 'HN' },
-	{ name: 'Hungary', code: 'HU' },
-	{ name: 'Iceland', code: 'IS' },
-	{ name: 'India', code: 'IN' },
-	{ name: 'Indonesia', code: 'ID' },
-	{ name: 'Iran', code: 'IR' },
-	{ name: 'Iraq', code: 'IQ' },
-	{ name: 'Ireland', code: 'IE' },
-	{ name: 'Israel', code: 'IL' },
-	{ name: 'Italy', code: 'IT' },
-	{ name: 'Jamaica', code: 'JM' },
-	{ name: 'Japan', code: 'JP' },
-	{ name: 'Jordan', code: 'JO' },
-	{ name: 'Kazakhstan', code: 'KZ' },
-	{ name: 'Kenya', code: 'KE' },
-	{ name: 'Kiribati', code: 'KI' },
-	{ name: 'Kuwait', code: 'KW' },
-	{ name: 'Kyrgyzstan', code: 'KG' },
-	{ name: 'Laos', code: 'LA' },
-	{ name: 'Latvia', code: 'LV' },
-	{ name: 'Lebanon', code: 'LB' },
-	{ name: 'Lesotho', code: 'LS' },
-	{ name: 'Liberia', code: 'LR' },
-	{ name: 'Libya', code: 'LY' },
-	{ name: 'Liechtenstein', code: 'LI' },
-	{ name: 'Lithuania', code: 'LT' },
-	{ name: 'Luxembourg', code: 'LU' },
-	{ name: 'Madagascar', code: 'MG' },
-	{ name: 'Malawi', code: 'MW' },
-	{ name: 'Malaysia', code: 'MY' },
-	{ name: 'Maldives', code: 'MV' },
-	{ name: 'Mali', code: 'ML' },
-	{ name: 'Malta', code: 'MT' },
-	{ name: 'Marshall Islands', code: 'MH' },
-	{ name: 'Mauritania', code: 'MR' },
-	{ name: 'Mauritius', code: 'MU' },
-	{ name: 'Mexico', code: 'MX' },
-	{ name: 'Micronesia', code: 'FM' },
-	{ name: 'Moldova', code: 'MD' },
-	{ name: 'Monaco', code: 'MC' },
-	{ name: 'Mongolia', code: 'MN' },
-	{ name: 'Montenegro', code: 'ME' },
-	{ name: 'Morocco', code: 'MA' },
-	{ name: 'Mozambique', code: 'MZ' },
-	{ name: 'Myanmar (formerly Burma)', code: 'MM' },
-	{ name: 'Namibia', code: 'NA' },
-	{ name: 'Nauru', code: 'NR' },
-	{ name: 'Nepal', code: 'NP' },
-	{ name: 'Netherlands', code: 'NL' },
-	{ name: 'New Zealand', code: 'NZ' },
-	{ name: 'Nicaragua', code: 'NI' },
-	{ name: 'Niger', code: 'NE' },
-	{ name: 'Nigeria', code: 'NG' },
-	{ name: 'North Korea', code: 'KP' },
-	{ name: 'North Macedonia', code: 'MK' },
-	{ name: 'Norway', code: 'NO' },
-	{ name: 'Oman', code: 'OM' },
-	{ name: 'Pakistan', code: 'PK' },
-	{ name: 'Palau', code: 'PW' },
-	{ name: 'Palestine State', code: 'PS' },
-	{ name: 'Panama', code: 'PA' },
-	{ name: 'Papua New Guinea', code: 'PG' },
-	{ name: 'Paraguay', code: 'PY' },
-	{ name: 'Peru', code: 'PE' },
-	{ name: 'Philippines', code: 'PH' },
-	{ name: 'Poland', code: 'PL' },
-	{ name: 'Portugal', code: 'PT' },
-	{ name: 'Qatar', code: 'QA' },
-	{ name: 'Romania', code: 'RO' },
-	{ name: 'Russia', code: 'RU' },
-	{ name: 'Rwanda', code: 'RW' },
-	{ name: 'Saint Kitts and Nevis', code: 'KN' },
-	{ name: 'Saint Lucia', code: 'LC' },
-	{ name: 'Saint Vincent and the Grenadines', code: 'VC' },
-	{ name: 'Samoa', code: 'WS' },
-	{ name: 'San Marino', code: 'SM' },
-	{ name: 'Sao Tome and Principe', code: 'ST' },
-	{ name: 'Saudi Arabia', code: 'SA' },
-	{ name: 'Senegal', code: 'SN' },
-	{ name: 'Serbia', code: 'RS' },
-	{ name: 'Seychelles', code: 'SC' },
-	{ name: 'Sierra Leone', code: 'SL' },
-	{ name: 'Singapore', code: 'SG' },
-	{ name: 'Slovakia', code: 'SK' },
-	{ name: 'Slovenia', code: 'SI' },
-	{ name: 'Solomon Islands', code: 'SB' },
-	{ name: 'Somalia', code: 'SO' },
-	{ name: 'South Africa', code: 'ZA' },
-	{ name: 'South Korea', code: 'KR' },
-	{ name: 'South Sudan', code: 'SS' },
-	{ name: 'Spain', code: 'ES' },
-	{ name: 'Sri Lanka', code: 'LK' },
-	{ name: 'Sudan', code: 'SD' },
-	{ name: 'Suriname', code: 'SR' },
-	{ name: 'Sweden', code: 'SE' },
-	{ name: 'Switzerland', code: 'CH' },
-	{ name: 'Syria', code: 'SY' },
-	{ name: 'Taiwan', code: 'TW' },
-	{ name: 'Tajikistan', code: 'TJ' },
-	{ name: 'Tanzania', code: 'TZ' },
-	{ name: 'Thailand', code: 'TH' },
-	{ name: 'Timor-Leste', code: 'TL' },
-	{ name: 'Togo', code: 'TG' },
-	{ name: 'Tonga', code: 'TO' },
-	{ name: 'Trinidad and Tobago', code: 'TT' },
-	{ name: 'Tunisia', code: 'TN' },
-	{ name: 'Turkey', code: 'TR' },
-	{ name: 'Turkmenistan', code: 'TM' },
-	{ name: 'Tuvalu', code: 'TV' },
-	{ name: 'Uganda', code: 'UG' },
-	{ name: 'Ukraine', code: 'UA' },
-	{ name: 'United Arab Emirates', code: 'AE' },
-	{ name: 'United Kingdom', code: 'GB' },
-	{ name: 'United States', code: 'US' },
-	{ name: 'Uruguay', code: 'UY' },
-	{ name: 'Uzbekistan', code: 'UZ' },
-	{ name: 'Vanuatu', code: 'VU' },
-	{ name: 'Venezuela', code: 'VE' },
-	{ name: 'Vietnam', code: 'VN' },
-	{ name: 'Yemen', code: 'YE' },
-	{ name: 'Zambia', code: 'ZM' },
-	{ name: 'Zimbabwe', code: 'ZW' },
-]