@dimaan/ui 0.0.8 → 0.0.10

package/dist/index.js

@@ -1,11 +1,35 @@
-import { createContext, forwardRef, Children, isValidElement, cloneElement, useRef, useImperativeHandle, useLayoutEffect, useId, useContext, useState, useCallback, useMemo, useEffect } from 'react';
+import { DirectionProvider } from '@radix-ui/react-direction';
+import { createContext, forwardRef, Children, isValidElement, cloneElement, useRef, useImperativeHandle, useLayoutEffect, useId, useCallback, useState, useEffect, useContext, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Loader2, Check, Minus, ChevronLeft, Menu, ChevronDown, ChevronsUpDown, ChevronUp, ChevronRight } from 'lucide-react';
+import { Loader2, Check, Minus, ChevronDown, ChevronUp, ChevronLeft, Menu, ChevronsUpDown, ChevronRight } from 'lucide-react';
 import { useFormContext, Controller } from 'react-hook-form';
+import * as RadixRadioGroup from '@radix-ui/react-radio-group';
+import * as RadixSelect from '@radix-ui/react-select';
+import * as RadixSwitch from '@radix-ui/react-switch';
 
-// src/components/dashboard-layout/context.ts
+// src/components/app-shell/AppShell.tsx
+function readDocumentDirection() {
+  if (typeof document === "undefined") return "ltr";
+  const dir = document.documentElement.getAttribute("dir");
+  return dir === "rtl" ? "rtl" : "ltr";
+}
+function useDirection() {
+  const [dir, setDir] = useState(() => readDocumentDirection());
+  useEffect(() => {
+    setDir(readDocumentDirection());
+    const observer = new MutationObserver(() => {
+      setDir(readDocumentDirection());
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["dir"]
+    });
+    return () => observer.disconnect();
+  }, []);
+  return dir;
+}
 var DashboardLayoutContext = createContext(null);
 function useDashboardLayout() {
   const ctx = useContext(DashboardLayoutContext);
@@ -599,7 +623,8 @@ function AppShell({
   onCollapsedChange,
   children
 }) {
-  return /* @__PURE__ */ jsxs(
+  const dir = useDirection();
+  return /* @__PURE__ */ jsx(DirectionProvider, { dir, children: /* @__PURE__ */ jsxs(
     DashboardLayout,
     {
       defaultCollapsed,
@@ -644,7 +669,7 @@ function AppShell({
         ] })
       ]
     }
-  );
+  ) });
 }
 var sizeClass = {
   sm: "h-7 w-7 text-xs",
@@ -780,6 +805,7 @@ function FieldShell({
   required = false,
   disabled = false,
   fullWidth = true,
+  orientation = "vertical",
   className,
   children
 }) {
@@ -802,39 +828,47 @@ function FieldShell({
     disabled: childProps.disabled ?? disabled,
     required: childProps.required ?? required
   });
+  const labelEl = label !== void 0 && label !== null ? /* @__PURE__ */ jsxs(
+    "label",
+    {
+      htmlFor: id,
+      className: cn(
+        "text-sm font-medium select-none text-foreground",
+        disabled && "opacity-50",
+        invalid && "text-destructive"
+      ),
+      children: [
+        label,
+        required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ms-0.5 text-destructive", children: "*" })
+      ]
+    }
+  ) : null;
+  const messageEl = showError ? /* @__PURE__ */ jsx(
+    "p",
+    {
+      id: errorId,
+      role: "alert",
+      "aria-live": "polite",
+      className: "text-xs font-medium text-destructive",
+      children: error
+    }
+  ) : showDescription ? /* @__PURE__ */ jsx("p", { id: descriptionId, className: "text-xs text-muted-foreground", children: description }) : null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       "data-invalid": invalid || void 0,
       "data-disabled": disabled || void 0,
+      "data-orientation": orientation,
       className: cn("flex flex-col gap-1.5", fullWidth && "w-full", className),
       children: [
-        label !== void 0 && label !== null && /* @__PURE__ */ jsxs(
-          "label",
-          {
-            htmlFor: id,
-            className: cn(
-              "text-sm font-medium select-none text-foreground",
-              disabled && "opacity-50",
-              invalid && "text-destructive"
-            ),
-            children: [
-              label,
-              required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ms-0.5 text-destructive", children: "*" })
-            ]
-          }
-        ),
-        enhancedChild,
-        showError ? /* @__PURE__ */ jsx(
-          "p",
-          {
-            id: errorId,
-            role: "alert",
-            "aria-live": "polite",
-            className: "text-xs font-medium text-destructive",
-            children: error
-          }
-        ) : showDescription ? /* @__PURE__ */ jsx("p", { id: descriptionId, className: "text-xs text-muted-foreground", children: description }) : null
+        orientation === "horizontal" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          labelEl,
+          enhancedChild
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          labelEl,
+          enhancedChild
+        ] }),
+        messageEl
       ]
     }
   );
@@ -878,86 +912,67 @@ var inputBaseClass = "group/input relative inline-flex w-full items-center text-
 var Input = forwardRef(function Input2({
   variant = "default",
   inputSize = "md",
-  label,
-  helperText,
-  error,
   leadingIcon,
   trailingIcon,
-  fullWidth = true,
   type = "text",
   id,
   className,
   wrapperClassName,
-  containerClassName,
-  "aria-invalid": ariaInvalidProp,
-  "aria-describedby": ariaDescribedByProp,
+  "aria-invalid": ariaInvalid,
+  "aria-describedby": ariaDescribedBy,
   disabled,
   ...props
 }, ref) {
   const generatedId = useId();
   const inputId = id ?? generatedId;
-  const helperId = `${inputId}-helper`;
-  const errorId = `${inputId}-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__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", fullWidth && "w-full", containerClassName), children: [
-    label !== void 0 && label !== null && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "text-sm font-medium text-foreground select-none", children: label }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "input-wrapper",
-        className: cn(
-          inputBaseClass,
-          inputVariantClass[variant],
-          inputSizeClass[inputSize],
-          wrapperClassName
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "input-wrapper",
+      className: cn(
+        inputBaseClass,
+        inputVariantClass[variant],
+        inputSizeClass[inputSize],
+        wrapperClassName
+      ),
+      "aria-invalid": ariaInvalid,
+      "data-disabled": disabled ? "true" : void 0,
+      children: [
+        leadingIcon ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-flex h-4 w-4 items-center justify-center text-muted-foreground",
+            children: leadingIcon
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            id: inputId,
+            type,
+            disabled,
+            "aria-invalid": ariaInvalid,
+            "aria-describedby": ariaDescribedBy,
+            className: cn(
+              "h-full w-full min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+              className
+            ),
+            ...props
+          }
         ),
-        "aria-invalid": ariaInvalid,
-        "data-disabled": disabled ? "true" : void 0,
-        children: [
-          leadingIcon ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "inline-flex h-4 w-4 items-center justify-center text-muted-foreground",
-              children: leadingIcon
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref,
-              id: inputId,
-              type,
-              disabled,
-              "aria-invalid": ariaInvalid,
-              "aria-describedby": ariaDescribedBy,
-              className: cn(
-                "h-full w-full min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
-                className
-              ),
-              ...props
-            }
-          ),
-          trailingIcon ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "inline-flex h-4 w-4 items-center justify-center text-muted-foreground",
-              children: trailingIcon
-            }
-          ) : null
-        ]
-      }
-    ),
-    hasError ? /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-destructive", children: error }) : helperText ? /* @__PURE__ */ jsx("p", { id: helperId, className: "text-xs text-muted-foreground", children: helperText }) : null
-  ] });
+        trailingIcon ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-flex h-4 w-4 items-center justify-center text-muted-foreground",
+            children: trailingIcon
+          }
+        ) : null
+      ]
+    }
+  );
 });
 function LanguageSwitcher({
   languages,
@@ -996,26 +1011,332 @@ function LanguageSwitcher({
     }
   );
 }
-function readDocumentDirection() {
-  if (typeof document === "undefined") return "ltr";
-  const dir = document.documentElement.getAttribute("dir");
-  return dir === "rtl" ? "rtl" : "ltr";
+
+// src/components/radio-group/radioGroupVariants.ts
+var radioItemSizeClass = {
+  sm: "size-4",
+  md: "size-5",
+  lg: "size-6"
+};
+var radioIndicatorSizeClass = {
+  sm: "size-1.5",
+  md: "size-2",
+  lg: "size-2.5"
+};
+var radioLabelSizeClass = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var radioItemBaseClass = "aspect-square shrink-0 rounded-full border border-input bg-background text-primary outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:ring-offset-2 focus-visible:ring-offset-background hover:border-ring disabled:cursor-not-allowed disabled:opacity-50 aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive/40 data-[state=checked]:border-primary";
+var radioIndicatorBaseClass = "flex h-full w-full items-center justify-center";
+var radioIndicatorDotClass = "rounded-full bg-primary";
+var radioOptionRowClass = "flex cursor-pointer items-start gap-2 has-[button:disabled]:cursor-not-allowed";
+var radioGroupBaseClass = "flex gap-3";
+var radioGroupOrientationClass = {
+  vertical: "flex-col",
+  horizontal: "flex-row flex-wrap"
+};
+var RadioGroup = forwardRef(function RadioGroup2({
+  radioSize = "md",
+  orientation = "vertical",
+  value,
+  defaultValue,
+  onValueChange,
+  onChange,
+  onBlur,
+  name,
+  disabled,
+  required,
+  id,
+  options,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid,
+  children
+}, ref) {
+  const generatedId = useId();
+  const groupId = id ?? generatedId;
+  const handleValueChange = useCallback(
+    (next) => {
+      onValueChange?.(next);
+      if (onChange) {
+        const synthetic = {
+          target: { value: next, name },
+          currentTarget: { value: next, name },
+          type: "change"
+        };
+        onChange(synthetic);
+      }
+    },
+    [onValueChange, onChange, name]
+  );
+  return /* @__PURE__ */ jsx(
+    RadixRadioGroup.Root,
+    {
+      ref,
+      id: groupId,
+      value,
+      defaultValue,
+      onValueChange: handleValueChange,
+      onBlur,
+      disabled,
+      required,
+      name,
+      orientation,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-invalid": ariaInvalid,
+      "data-slot": "radio-group",
+      className: cn(radioGroupBaseClass, radioGroupOrientationClass[orientation], className),
+      children: children ?? options?.map((opt) => /* @__PURE__ */ jsx(
+        RadioGroupOptionRow,
+        {
+          option: opt,
+          radioSize,
+          groupId
+        },
+        opt.value
+      ))
+    }
+  );
+});
+function RadioGroupOptionRow({ option, radioSize, groupId }) {
+  const itemId = `${groupId}-${option.value}`;
+  return /* @__PURE__ */ jsxs("label", { htmlFor: itemId, className: radioOptionRowClass, children: [
+    /* @__PURE__ */ jsx(
+      RadixRadioGroup.Item,
+      {
+        id: itemId,
+        value: option.value,
+        disabled: option.disabled,
+        "data-slot": "radio-item",
+        className: cn(radioItemBaseClass, radioItemSizeClass[radioSize], "mt-0.5"),
+        children: /* @__PURE__ */ jsx(RadixRadioGroup.Indicator, { className: radioIndicatorBaseClass, children: /* @__PURE__ */ jsx("span", { className: cn(radioIndicatorDotClass, radioIndicatorSizeClass[radioSize]) }) })
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 leading-tight", children: [
+      /* @__PURE__ */ jsx("span", { className: cn("block font-medium text-foreground", radioLabelSizeClass[radioSize]), children: option.label }),
+      option.description ? /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-muted-foreground", children: option.description }) : null
+    ] })
+  ] });
 }
-function useDirection() {
-  const [dir, setDir] = useState(() => readDocumentDirection());
-  useEffect(() => {
-    setDir(readDocumentDirection());
-    const observer = new MutationObserver(() => {
-      setDir(readDocumentDirection());
-    });
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["dir"]
-    });
-    return () => observer.disconnect();
-  }, []);
-  return dir;
+var RadioGroupItem = forwardRef(function RadioGroupItem2({ className, radioSize = "md", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixRadioGroup.Item,
+    {
+      ref,
+      "data-slot": "radio-item",
+      className: cn(radioItemBaseClass, radioItemSizeClass[radioSize], className),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadixRadioGroup.Indicator, { className: radioIndicatorBaseClass, children: /* @__PURE__ */ jsx("span", { className: cn(radioIndicatorDotClass, radioIndicatorSizeClass[radioSize]) }) })
+    }
+  );
+});
+
+// src/components/select/selectVariants.ts
+var selectVariantClass = {
+  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 selectSizeClass = {
+  sm: "h-8 rounded-md ps-2.5 pe-8 text-sm",
+  md: "h-9 rounded-md ps-3 pe-9 text-sm",
+  lg: "h-11 rounded-md ps-4 pe-10 text-base"
+};
+var selectBaseClass = "group/select relative inline-flex w-full items-center text-foreground outline-none transition-[background-color,border-color,box-shadow] focus:ring-2 focus:ring-ring/40 focus:ring-offset-1 focus:ring-offset-background aria-[invalid=true]:border-destructive aria-[invalid=true]:focus:ring-destructive/40 disabled:pointer-events-none disabled:opacity-50 cursor-pointer data-[placeholder]:text-muted-foreground";
+var selectContentClass = "z-50 max-h-(--radix-select-content-available-height) min-w-(--radix-select-trigger-width) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95";
+var selectViewportClass = "p-1";
+var selectItemClass = "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+var selectItemIndicatorClass = "absolute start-2 inline-flex h-3.5 w-3.5 items-center justify-center [&_svg]:h-3.5 [&_svg]:w-3.5";
+var selectGroupLabelClass = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
+var selectSeparatorClass = "-mx-1 my-1 h-px bg-border";
+function isGroupedOptions(options) {
+  const first = options[0];
+  return first !== void 0 && "options" in first;
+}
+var Select = forwardRef(function Select2({
+  variant = "default",
+  selectSize = "md",
+  options,
+  placeholder,
+  value,
+  defaultValue,
+  onValueChange,
+  onChange,
+  onBlur,
+  name,
+  disabled,
+  required,
+  id,
+  className,
+  "aria-invalid": ariaInvalid,
+  "aria-describedby": ariaDescribedBy,
+  "aria-label": ariaLabel,
+  children
+}, ref) {
+  const generatedId = useId();
+  const triggerId = id ?? generatedId;
+  const handleValueChange = useCallback(
+    (next) => {
+      onValueChange?.(next);
+      if (onChange) {
+        const synthetic = {
+          target: { value: next, name },
+          currentTarget: { value: next, name },
+          type: "change"
+        };
+        onChange(synthetic);
+      }
+    },
+    [onValueChange, onChange, name]
+  );
+  return /* @__PURE__ */ jsxs(
+    RadixSelect.Root,
+    {
+      value,
+      defaultValue,
+      onValueChange: handleValueChange,
+      disabled,
+      required,
+      name,
+      children: [
+        /* @__PURE__ */ jsxs(
+          RadixSelect.Trigger,
+          {
+            ref,
+            id: triggerId,
+            "aria-label": ariaLabel,
+            "aria-invalid": ariaInvalid,
+            "aria-describedby": ariaDescribedBy,
+            onBlur,
+            "data-slot": "select-trigger",
+            className: cn(
+              selectBaseClass,
+              selectVariantClass[variant],
+              selectSizeClass[selectSize],
+              className
+            ),
+            children: [
+              /* @__PURE__ */ jsx(RadixSelect.Value, { placeholder }),
+              /* @__PURE__ */ jsx(RadixSelect.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "pointer-events-none absolute end-3 top-1/2 size-4 shrink-0 -translate-y-1/2 text-muted-foreground" }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(RadixSelect.Portal, { children: /* @__PURE__ */ jsxs(
+          RadixSelect.Content,
+          {
+            position: "popper",
+            sideOffset: 4,
+            "data-slot": "select-content",
+            className: selectContentClass,
+            children: [
+              /* @__PURE__ */ jsx(RadixSelect.ScrollUpButton, { className: "flex h-6 cursor-default items-center justify-center bg-popover text-muted-foreground", children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" }) }),
+              /* @__PURE__ */ jsx(RadixSelect.Viewport, { className: selectViewportClass, children: children ?? (options ? renderOptions(options) : null) }),
+              /* @__PURE__ */ jsx(RadixSelect.ScrollDownButton, { className: "flex h-6 cursor-default items-center justify-center bg-popover text-muted-foreground", children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" }) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+});
+function renderOptions(options) {
+  if (isGroupedOptions(options)) {
+    const lastIndex = options.length - 1;
+    return options.map((group, idx) => /* @__PURE__ */ jsxs(RadixSelect.Group, { children: [
+      /* @__PURE__ */ jsx(RadixSelect.Label, { className: selectGroupLabelClass, children: group.label }),
+      group.options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value)),
+      idx < lastIndex && /* @__PURE__ */ jsx(RadixSelect.Separator, { className: selectSeparatorClass })
+    ] }, group.label));
+  }
+  return options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value));
 }
+var SelectItem = forwardRef(function SelectItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(RadixSelect.Item, { ref, className: cn(selectItemClass, className), ...props, children: [
+    /* @__PURE__ */ jsx(RadixSelect.ItemIndicator, { className: selectItemIndicatorClass, children: /* @__PURE__ */ jsx(Check, {}) }),
+    /* @__PURE__ */ jsx(RadixSelect.ItemText, { children })
+  ] });
+});
+
+// src/components/switch/switchVariants.ts
+var switchTrackClass = {
+  sm: "h-4 w-7",
+  md: "h-5 w-9",
+  lg: "h-6 w-11"
+};
+var switchThumbClass = {
+  sm: "size-3 data-[state=checked]:translate-x-3 data-[state=checked]:rtl:-translate-x-3",
+  md: "size-4 data-[state=checked]:translate-x-4 data-[state=checked]:rtl:-translate-x-4",
+  lg: "size-5 data-[state=checked]:translate-x-5 data-[state=checked]:rtl:-translate-x-5"
+};
+var switchTrackBaseClass = "relative inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent bg-input transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary aria-[invalid=true]:ring-2 aria-[invalid=true]:ring-destructive/40";
+var switchThumbBaseClass = "pointer-events-none block rounded-full bg-background shadow-sm ring-0 transition-transform";
+var Switch = forwardRef(function Switch2({
+  switchSize = "md",
+  checked,
+  defaultChecked,
+  onCheckedChange,
+  value,
+  onChange,
+  onBlur,
+  name,
+  disabled,
+  required,
+  id,
+  className,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid
+}, ref) {
+  const generatedId = useId();
+  const switchId = id ?? generatedId;
+  const resolvedChecked = checked ?? (value === void 0 ? void 0 : Boolean(value));
+  const handleCheckedChange = useCallback(
+    (next) => {
+      onCheckedChange?.(next);
+      if (onChange) {
+        const synthetic = {
+          target: { checked: next, value: next, name },
+          currentTarget: { checked: next, value: next, name },
+          type: "change"
+        };
+        onChange(synthetic);
+      }
+    },
+    [onCheckedChange, onChange, name]
+  );
+  return /* @__PURE__ */ jsx(
+    RadixSwitch.Root,
+    {
+      ref,
+      id: switchId,
+      checked: resolvedChecked,
+      defaultChecked,
+      onCheckedChange: handleCheckedChange,
+      onBlur,
+      disabled,
+      required,
+      name,
+      "aria-label": ariaLabel,
+      "aria-invalid": ariaInvalid,
+      "aria-describedby": ariaDescribedBy,
+      "data-slot": "switch-track",
+      className: cn(switchTrackBaseClass, switchTrackClass[switchSize], className),
+      children: /* @__PURE__ */ jsx(
+        RadixSwitch.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(switchThumbBaseClass, switchThumbClass[switchSize])
+        }
+      )
+    }
+  );
+});
 function Pagination({
   pageIndex,
   pageSize,
@@ -1526,69 +1847,50 @@ var Textarea = 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,
+  "aria-invalid": ariaInvalid,
+  "aria-describedby": ariaDescribedBy,
   disabled,
   ...props
 }, ref) {
   const generatedId = 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__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", fullWidth && "w-full", containerClassName), children: [
-    label !== void 0 && label !== null && /* @__PURE__ */ jsx("label", { htmlFor: textareaId, className: "text-sm font-medium text-foreground select-none", children: label }),
-    /* @__PURE__ */ 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__ */ 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__ */ jsx("p", { id: errorId, className: "text-xs text-destructive", children: error }) : helperText ? /* @__PURE__ */ jsx("p", { id: helperId, className: "text-xs text-muted-foreground", children: helperText }) : null
-  ] });
+  return /* @__PURE__ */ 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__ */ 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
+        }
+      )
+    }
+  );
 });
 
-export { AppShell, Avatar, Button, Checkbox, DashboardContent, DashboardHeader, DashboardLayout, DashboardMain, Field, HeaderActions, HeaderCollapseTrigger, HeaderMobileTrigger, HeaderSearch, HeaderTitle, Input, LanguageSwitcher, Sidebar, SidebarFooter, SidebarGroup, SidebarHeader, SidebarNav, SidebarNavGroup, SidebarNavItem, Table, Textarea, buttonBaseClass, buttonSizeClass, buttonVariantClass, cn, inputBaseClass, inputSizeClass, inputVariantClass, alignClass as tableAlignClass, tableBaseClass, selectedRowClass as tableSelectedRowClass, tableSizeClass, sortIconClass as tableSortIconClass, textareaBaseClass, textareaResizeClass, textareaSizeClass, textareaVariantClass, useDashboardLayout, useDirection };
+export { AppShell, Avatar, Button, Checkbox, DashboardContent, DashboardHeader, DashboardLayout, DashboardMain, Field, HeaderActions, HeaderCollapseTrigger, HeaderMobileTrigger, HeaderSearch, HeaderTitle, Input, LanguageSwitcher, RadioGroup, RadioGroupItem, Select, Sidebar, SidebarFooter, SidebarGroup, SidebarHeader, SidebarNav, SidebarNavGroup, SidebarNavItem, Switch, Table, Textarea, buttonBaseClass, buttonSizeClass, buttonVariantClass, cn, inputBaseClass, inputSizeClass, inputVariantClass, radioGroupBaseClass, radioGroupOrientationClass, radioIndicatorBaseClass, radioIndicatorDotClass, radioIndicatorSizeClass, radioItemBaseClass, radioItemSizeClass, radioLabelSizeClass, radioOptionRowClass, selectBaseClass, selectSizeClass, selectVariantClass, switchThumbBaseClass, switchThumbClass, switchTrackBaseClass, switchTrackClass, alignClass as tableAlignClass, tableBaseClass, selectedRowClass as tableSelectedRowClass, tableSizeClass, sortIconClass as tableSortIconClass, textareaBaseClass, textareaResizeClass, textareaSizeClass, textareaVariantClass, useDashboardLayout, useDirection };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map