@douglasneuroinformatics/libui 6.2.1 → 6.3.0

package/src/components/InputGroup/InputGroupText.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+import { cn } from '#utils';
+
+const InputGroupText = ({ className, ...props }: React.ComponentProps<'span'>) => {
+  return (
+    <span
+      className={cn(
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  );
+};
+
+export { InputGroupText };

package/src/components/InputGroup/InputGroupTextArea.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+import { cn } from '#utils';
+
+import { TextArea } from '../TextArea/TextArea.tsx';
+
+const InputGroupTextArea = ({ className, ...props }: React.ComponentProps<'textarea'>) => {
+  return (
+    <TextArea
+      className={cn(
+        'flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',
+        className
+      )}
+      data-slot="input-group-control"
+      {...props}
+    />
+  );
+};
+
+export { InputGroupTextArea };