chore: import upstream snapshot with attribution

2026-07-13 13:20:55 +08:00
commit d25d482dc2
13754 changed files with 4996608 additions and 0 deletions
@@ -0,0 +1,32 @@
+import { Label, Tooltip } from '@sim/emcn'
+import { Info } from 'lucide-react'
+
+interface SettingRowProps {
+  label: string
+  description?: string
+  /** Optional supplementary guidance shown in a tooltip on an info icon beside the label. */
+  labelTooltip?: string
+  children: React.ReactNode
+}
+
+export function SettingRow({ label, description, labelTooltip, children }: SettingRowProps) {
+  return (
+    <div className='flex flex-col gap-1.5'>
+      <div className='flex items-center gap-1.5'>
+        <Label className='text-[var(--text-primary)] text-small'>{label}</Label>
+        {labelTooltip && (
+          <Tooltip.Root>
+            <Tooltip.Trigger asChild>
+              <Info className='size-[14px] cursor-default text-[var(--text-muted)]' />
+            </Tooltip.Trigger>
+            <Tooltip.Content side='bottom' align='start'>
+              {labelTooltip}
+            </Tooltip.Content>
+          </Tooltip.Root>
+        )}
+      </div>
+      {description && <p className='text-[var(--text-muted)] text-caption'>{description}</p>}
+      {children}
+    </div>
+  )
+}