@dimaan/ui 0.0.3 → 0.0.4

package/dist/index.cjs

@@ -1386,6 +1386,91 @@ function SortIndicator({ active, direction }) {
   return direction === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { "aria-hidden": "true", className }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className });
 }
 
+// src/components/textarea/textareaVariants.ts
+var textareaVariantClass = {
+  default: "border border-input bg-background hover:border-ring",
+  filled: "border border-transparent bg-muted hover:bg-muted/80",
+  ghost: "border border-transparent bg-transparent hover:bg-accent"
+};
+var textareaSizeClass = {
+  sm: "rounded-md px-2.5 py-1.5 text-sm",
+  md: "rounded-md px-3 py-2 text-sm",
+  lg: "rounded-md px-4 py-2.5 text-base"
+};
+var textareaResizeClass = {
+  none: "resize-none",
+  vertical: "resize-y",
+  horizontal: "resize-x",
+  both: "resize"
+};
+var textareaBaseClass = "group/textarea relative flex w-full text-foreground outline-none transition-[background-color,border-color,box-shadow] focus-within:ring-2 focus-within:ring-ring/40 focus-within:ring-offset-1 focus-within:ring-offset-background aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-within:ring-destructive/40 has-[textarea:disabled]:pointer-events-none has-[textarea:disabled]:opacity-50";
+var Textarea = react.forwardRef(function Textarea2({
+  variant = "default",
+  textareaSize = "md",
+  resize = "vertical",
+  label,
+  helperText,
+  error,
+  fullWidth = true,
+  rows = 4,
+  id,
+  className,
+  wrapperClassName,
+  containerClassName,
+  "aria-invalid": ariaInvalidProp,
+  "aria-describedby": ariaDescribedByProp,
+  disabled,
+  ...props
+}, ref) {
+  const generatedId = react.useId();
+  const textareaId = id ?? generatedId;
+  const helperId = `${textareaId}-helper`;
+  const errorId = `${textareaId}-error`;
+  const hasError = error !== void 0 && error !== null && error !== false;
+  const ariaInvalid = ariaInvalidProp ?? (hasError ? true : void 0);
+  const describedByIds = [
+    ariaDescribedByProp,
+    hasError ? errorId : null,
+    !hasError && helperText ? helperId : null
+  ].filter(Boolean).join(" ");
+  const ariaDescribedBy = describedByIds.length > 0 ? describedByIds : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-1.5", fullWidth && "w-full", containerClassName), children: [
+    label !== void 0 && label !== null && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: textareaId, className: "text-sm font-medium text-foreground select-none", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "textarea-wrapper",
+        className: cn(
+          textareaBaseClass,
+          textareaVariantClass[variant],
+          textareaSizeClass[textareaSize],
+          wrapperClassName
+        ),
+        "aria-invalid": ariaInvalid,
+        "data-disabled": disabled ? "true" : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            ref,
+            id: textareaId,
+            rows,
+            disabled,
+            "aria-invalid": ariaInvalid,
+            "aria-describedby": ariaDescribedBy,
+            className: cn(
+              "w-full min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+              textareaResizeClass[resize],
+              className
+            ),
+            ...props
+          }
+        )
+      }
+    ),
+    hasError ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "text-xs text-destructive", children: error }) : helperText ? /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperId, className: "text-xs text-muted-foreground", children: helperText }) : null
+  ] });
+});
+
 exports.AppShell = AppShell;
 exports.Avatar = Avatar;
 exports.Button = Button;
@@ -1409,6 +1494,7 @@ exports.SidebarNav = SidebarNav;
 exports.SidebarNavGroup = SidebarNavGroup;
 exports.SidebarNavItem = SidebarNavItem;
 exports.Table = Table;
+exports.Textarea = Textarea;
 exports.buttonBaseClass = buttonBaseClass;
 exports.buttonSizeClass = buttonSizeClass;
 exports.buttonVariantClass = buttonVariantClass;
@@ -1421,6 +1507,10 @@ exports.tableBaseClass = tableBaseClass;
 exports.tableSelectedRowClass = selectedRowClass;
 exports.tableSizeClass = tableSizeClass;
 exports.tableSortIconClass = sortIconClass;
+exports.textareaBaseClass = textareaBaseClass;
+exports.textareaResizeClass = textareaResizeClass;
+exports.textareaSizeClass = textareaSizeClass;
+exports.textareaVariantClass = textareaVariantClass;
 exports.useDashboardLayout = useDashboardLayout;
 exports.useDirection = useDirection;
 //# sourceMappingURL=index.cjs.map