chore: Better ShortInput, sorta

Author: PartMan7

src/components/molecules/ShortInput.tsx

@@ -12,8 +12,8 @@ import {
 import { groupSub } from 'group-sub';
 import { ErrorBoundary } from 'react-error-boundary';
 
-import { ShortInput } from '@/components/molecules/ShortInput';
-import { LongInput } from '@/components/molecules/LongInput';
+import { ShortInput } from '@/components/ui/ShortInput';
+import { LongInput } from '@/components/ui/LongInput';
 import { Card, CardContent } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { StaticEditor } from '@/components/molecules/StaticEditor';

src/components/molecules/TemplateRenderer.tsx

@@ -0,0 +1,11 @@
+export function ShortInput({ onChange }: { onChange: (value: string) => void }) {
+  return (
+    <span
+      contentEditable
+      className="border border-zinc-300 dark:border-zinc-600 min-w-16 h-auto inline-block"
+      onInput={e => onChange((e.target as HTMLDivElement).innerText)}
+    >
+      &nbsp;
+    </span>
+  );
+}