Create standalone browser port of LTX Athena with authenticated native API transport

2026-09-29 17:59:23 +02:00
commit 1333b0c36b
202 changed files with 63054 additions and 0 deletions
@@ -0,0 +1,47 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+import { ChevronDown } from 'lucide-react'
+
+interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+  label?: string
+  badge?: string
+}
+
+const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
+  ({ className, label, badge, children, ...props }, ref) => {
+    return (
+      <div className="relative">
+        {label && (
+          <label className="flex items-center gap-2 text-[12px] font-semibold text-zinc-500 mb-2 uppercase leading-4 h-4">
+            {label}
+            {badge && (
+              <span className="px-1.5 py-0.5 text-[10px] bg-zinc-700 text-zinc-300 rounded border border-zinc-600 font-semibold leading-none">
+                {badge}
+              </span>
+            )}
+          </label>
+        )}
+        <div className="relative">
+          <select
+            className={cn(
+              'flex h-10 w-full appearance-none rounded-lg border border-zinc-700 bg-zinc-800 px-3 py-2 text-sm text-white',
+              'focus:outline-none focus:ring-1 focus:ring-zinc-500 focus:border-zinc-500',
+              'disabled:cursor-not-allowed disabled:opacity-50',
+              'pr-8 cursor-pointer',
+              '[&>option]:bg-zinc-800 [&>option]:text-white [&>option:disabled]:text-zinc-500',
+              className
+            )}
+            ref={ref}
+            {...props}
+          >
+            {children}
+          </select>
+          <ChevronDown className="absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-zinc-400 pointer-events-none" />
+        </div>
+      </div>
+    )
+  }
+)
+Select.displayName = 'Select'
+
+export { Select }