{
  "Accordion": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "items": {
        "type": "AccordionItem[]",
        "required": true,
        "default": "[]"
      },
      "allowMultiple": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "defaultOpenIndexes": {
        "type": "number[]",
        "required": false,
        "default": "[]"
      },
      "onChange": {
        "type": "(openIndexes: number[]) => void",
        "required": false
      },
      "headerClassName": {
        "type": "string",
        "required": false,
        "default": "\"\""
      },
      "contentClassName": {
        "type": "string",
        "required": false,
        "default": "\"\""
      },
      "chevronPosition": {
        "type": "enum",
        "required": false,
        "values": [
          "left",
          "right"
        ],
        "default": "\"right\""
      },
      "chevronIcon": {
        "type": "ReactNode",
        "required": false,
        "default": "default SVG"
      },
      "bordered": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "rounded": {
        "type": "enum",
        "required": false,
        "values": [
          "none",
          "sm",
          "md",
          "lg",
          "xl"
        ],
        "default": "\"sm\""
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "sm",
          "md",
          "lg"
        ],
        "default": "\"md\""
      },
      "transitionDuration": {
        "type": "number",
        "required": false,
        "default": "220"
      }
    }
  },
  "Alert": {
    "group": "feedback",
    "forwardRef": true,
    "props": {
      "variant": {
        "type": "enum",
        "required": false,
        "values": [
          "success",
          "warning",
          "error",
          "info"
        ],
        "default": "\"info\""
      },
      "title": {
        "type": "string",
        "required": false
      },
      "children": {
        "type": "ReactNode",
        "required": false
      },
      "dismissible": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "onDismiss": {
        "type": "() => void",
        "required": false
      }
    }
  },
  "Avatar": {
    "group": "utility",
    "forwardRef": true,
    "props": {
      "src": {
        "type": "string",
        "required": false
      },
      "alt": {
        "type": "string",
        "required": false
      },
      "name": {
        "type": "string",
        "required": false
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "shape": {
        "type": "enum",
        "required": false,
        "values": [
          "circle",
          "square",
          "rounded"
        ],
        "default": "\"circle\""
      },
      "status": {
        "type": "enum",
        "required": false,
        "values": [
          "online",
          "offline",
          "away",
          "busy"
        ]
      }
    }
  },
  "Badge": {
    "group": "utility",
    "forwardRef": true,
    "props": {
      "children": {
        "type": "ReactNode",
        "required": false
      },
      "variant": {
        "type": "enum",
        "required": false,
        "values": [
          "default",
          "primary",
          "secondary",
          "success",
          "warning",
          "error",
          "outline"
        ],
        "default": "\"default\""
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "rounded": {
        "type": "boolean",
        "required": false,
        "default": "true"
      }
    }
  },
  "Breadcrumbs": {
    "group": "navigation",
    "forwardRef": true,
    "props": {
      "items": {
        "type": "BreadcrumbItem[]",
        "required": true,
        "default": "[]"
      },
      "separator": {
        "type": "ReactNode",
        "required": false,
        "default": "<ChevronRight />"
      },
      "showHome": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "homeIcon": {
        "type": "ReactNode",
        "required": false
      },
      "onHomeClick": {
        "type": "(item: BreadcrumbItem) => void",
        "required": false
      }
    }
  },
  "Button": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "variant": {
        "type": "enum",
        "required": false,
        "values": [
          "primary",
          "secondary",
          "outline",
          "ghost",
          "destructive",
          "success",
          "warning"
        ],
        "default": "\"primary\""
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "disabled": {
        "type": "boolean",
        "required": false
      },
      "loading": {
        "type": "boolean",
        "required": false
      },
      "leftIcon": {
        "type": "ReactNode",
        "required": false
      },
      "rightIcon": {
        "type": "ReactNode",
        "required": false
      },
      "fullWidth": {
        "type": "boolean",
        "required": false
      },
      "children": {
        "type": "ReactNode",
        "required": false
      },
      "onClick": {
        "type": "(event: React.MouseEvent<HTMLButtonElement>) => void",
        "required": false
      },
      "type": {
        "type": "enum",
        "required": false,
        "values": [
          "button",
          "submit",
          "reset"
        ]
      }
    }
  },
  "Card": {
    "group": "utility",
    "forwardRef": true,
    "props": {
      "children": {
        "type": "ReactNode",
        "required": false
      },
      "hover": {
        "type": "boolean",
        "required": false,
        "default": "false"
      }
    }
  },
  "Carousel": {
    "group": "utility",
    "forwardRef": true,
    "props": {
      "children": {
        "type": "ReactNode",
        "required": false
      },
      "autoPlay": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "interval": {
        "type": "number",
        "required": false,
        "default": "5000"
      },
      "showDots": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "itemClassName": {
        "type": "string",
        "required": false
      }
    }
  },
  "Checkbox": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "checked": {
        "type": "boolean",
        "required": false
      },
      "defaultChecked": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "onChange": {
        "type": "(event: React.ChangeEvent<HTMLInputElement>) => void",
        "required": false
      },
      "label": {
        "type": "string",
        "required": false
      },
      "disabled": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "required": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "indeterminate": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "name": {
        "type": "string",
        "required": false
      },
      "value": {
        "type": "string | number",
        "required": false
      },
      "ariaLabel": {
        "type": "string",
        "required": false
      },
      "labelPosition": {
        "type": "enum",
        "required": false,
        "values": [
          "left",
          "right"
        ],
        "default": "\"right\""
      },
      "borderColor": {
        "type": "string",
        "required": false,
        "default": "\"#ccc\""
      },
      "iconClass": {
        "type": "string",
        "required": false
      },
      "checkedClass": {
        "type": "string",
        "required": false
      }
    }
  },
  "ColorPicker": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "value": {
        "type": "string",
        "required": false
      },
      "defaultValue": {
        "type": "string",
        "required": false
      },
      "onChange": {
        "type": "(rgbaString: string) => void",
        "required": false
      },
      "swatches": {
        "type": "string[]",
        "required": false
      },
      "showAlpha": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "disabled": {
        "type": "boolean",
        "required": false
      },
      "label": {
        "type": "string",
        "required": false
      }
    }
  },
  "Condition": {
    "group": "utility",
    "forwardRef": false,
    "props": {
      "condition": {
        "type": "any",
        "required": true
      },
      "children": {
        "type": "ReactNode",
        "required": true
      },
      "fallback": {
        "type": "ReactNode",
        "required": false,
        "default": "null"
      }
    }
  },
  "DatePicker": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "value": {
        "type": "Date | string | null",
        "required": false,
        "default": "string"
      },
      "onChange": {
        "type": "(date: Date | null) => void",
        "required": false,
        "default": "null) => void"
      },
      "placeholder": {
        "type": "string",
        "required": false,
        "default": "\"Select date...\""
      },
      "label": {
        "type": "string",
        "required": false
      },
      "error": {
        "type": "string",
        "required": false
      },
      "disabled": {
        "type": "boolean",
        "required": false
      },
      "required": {
        "type": "boolean",
        "required": false
      },
      "minDate": {
        "type": "Date | string",
        "required": false
      },
      "maxDate": {
        "type": "Date | string",
        "required": false
      },
      "weekStartsOn": {
        "type": "0 | 1",
        "required": false,
        "default": "1"
      },
      "portal": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "displayFormat": {
        "type": "string",
        "required": false,
        "default": "\"MMM dd, yyyy\""
      },
      "locale": {
        "type": "any",
        "required": false
      },
      "showClear": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "closeOnSelect": {
        "type": "boolean",
        "required": false,
        "default": "true"
      }
    }
  },
  "DateRangePicker": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "value": {
        "type": "DateRange",
        "required": false,
        "default": "string, end: Date"
      },
      "onChange": {
        "type": "(range: DateRange | null) => void",
        "required": false,
        "default": "null) => void"
      },
      "placeholder": {
        "type": "string",
        "required": false,
        "default": "\"Select date range...\""
      },
      "label": {
        "type": "string",
        "required": false
      },
      "error": {
        "type": "string",
        "required": false
      },
      "disabled": {
        "type": "boolean",
        "required": false
      },
      "required": {
        "type": "boolean",
        "required": false
      },
      "minDate": {
        "type": "Date | string",
        "required": false
      },
      "maxDate": {
        "type": "Date | string",
        "required": false
      },
      "weekStartsOn": {
        "type": "0 | 1",
        "required": false,
        "default": "1"
      },
      "portal": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "displayFormat": {
        "type": "string",
        "required": false,
        "default": "\"MMM dd, yyyy\""
      },
      "locale": {
        "type": "any",
        "required": false
      },
      "showClear": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "closeOnSelect": {
        "type": "boolean",
        "required": false,
        "default": "true"
      }
    }
  },
  "Dialog": {
    "group": "feedback",
    "forwardRef": true,
    "props": {
      "isOpen": {
        "type": "boolean",
        "required": true
      },
      "onClose": {
        "type": "() => void",
        "required": true
      },
      "title": {
        "type": "string",
        "required": false
      },
      "children": {
        "type": "ReactNode",
        "required": false
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "sm",
          "md",
          "lg",
          "xl",
          "full"
        ],
        "default": "\"md\""
      },
      "dismissible": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "showCloseButton": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "footer": {
        "type": "ReactNode",
        "required": false
      },
      "onOpen": {
        "type": "(context: { dialogRef: HTMLDivElement | null }) => void",
        "required": false
      }
    }
  },
  "FileUpload": {
    "group": "utility",
    "forwardRef": true,
    "props": {
      "accept": {
        "type": "string",
        "required": false
      },
      "multiple": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "maxSize": {
        "type": "number",
        "required": false
      },
      "files": {
        "type": "File[]",
        "required": false,
        "default": "[]"
      },
      "onFileSelect": {
        "type": "(files: File[]) => void",
        "required": false
      },
      "onFileRemove": {
        "type": "(index: number) => void",
        "required": false
      },
      "disabled": {
        "type": "boolean",
        "required": false,
        "default": "false"
      }
    }
  },
  "FootNav": {
    "group": "navigation",
    "forwardRef": true,
    "props": {
      "items": {
        "type": "FootNavItem[]",
        "required": true,
        "default": "[]"
      }
    }
  },
  "Form": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "fields": {
        "type": "Array",
        "required": true,
        "default": "[]"
      },
      "onSubmit": {
        "type": "(data: any) => void",
        "required": false
      },
      "defaultValues": {
        "type": "Record",
        "required": false,
        "default": "{}"
      },
      "validationSchema": {
        "type": "any",
        "required": false
      },
      "submitText": {
        "type": "string",
        "required": false,
        "default": "\"Submit\""
      },
      "resetText": {
        "type": "string",
        "required": false,
        "default": "\"Reset\""
      },
      "submitButtonClass": {
        "type": "string",
        "required": false
      },
      "resetButtonClass": {
        "type": "string",
        "required": false
      },
      "showReset": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "submitDisabled": {
        "type": "boolean",
        "required": false,
        "default": "false"
      }
    }
  },
  "Input": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "type": {
        "type": "enum",
        "required": false,
        "values": [
          "text",
          "password",
          "email",
          "search",
          "number",
          "tel",
          "url"
        ],
        "default": "\"text\""
      },
      "label": {
        "type": "string",
        "required": false
      },
      "placeholder": {
        "type": "string",
        "required": false
      },
      "error": {
        "type": "string",
        "required": false
      },
      "success": {
        "type": "string",
        "required": false
      },
      "disabled": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "required": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "clearable": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "icon": {
        "type": "ReactNode",
        "required": false
      },
      "iconPosition": {
        "type": "enum",
        "required": false,
        "values": [
          "left",
          "right"
        ],
        "default": "\"right\""
      },
      "showCount": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "maxLength": {
        "type": "number",
        "required": false
      },
      "readOnly": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "onClear": {
        "type": "() => void",
        "required": false
      },
      "value": {
        "type": "string | number",
        "required": false
      },
      "defaultValue": {
        "type": "string | number",
        "required": false
      },
      "onChange": {
        "type": "(event: React.ChangeEvent<HTMLInputElement>) => void",
        "required": false
      }
    }
  },
  "Loader": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "size": {
        "type": "Size | number",
        "required": false,
        "default": "\"md\""
      },
      "speed": {
        "type": "number",
        "required": false,
        "default": "0.9"
      },
      "thickness": {
        "type": "number",
        "required": false,
        "default": "2.5"
      },
      "color": {
        "type": "string",
        "required": false,
        "default": "\"currentColor\""
      },
      "secondaryColor": {
        "type": "string",
        "required": false,
        "default": "\"rgba(0,0,0,0.08)\""
      },
      "variant": {
        "type": "string",
        "required": false,
        "default": "\"dots\""
      },
      "inline": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "ariaLabel": {
        "type": "string",
        "required": false,
        "default": "\"Loading\""
      },
      "text": {
        "type": "ReactNode",
        "required": false
      },
      "reverse": {
        "type": "boolean",
        "required": false,
        "default": "false"
      }
    }
  },
  "LocationPicker": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "value": {
        "type": "LatLng | null",
        "required": false,
        "default": "null"
      },
      "onChange": {
        "type": "(location: LatLng | null) => void",
        "required": false,
        "default": "null) => void"
      },
      "inputProps": {
        "type": "Record",
        "required": false,
        "default": "{}"
      },
      "icon": {
        "type": "ReactElement",
        "required": false,
        "default": "default pin SVG"
      },
      "iconProps": {
        "type": "Record",
        "required": false,
        "default": "{}"
      },
      "iconPosition": {
        "type": "enum",
        "required": false,
        "values": [
          "left",
          "right"
        ],
        "default": "\"right\""
      },
      "placeholder": {
        "type": "string",
        "required": false,
        "default": "\"lat, lng\""
      }
    }
  },
  "Navbar": {
    "group": "navigation",
    "forwardRef": true,
    "props": {
      "emitter": {
        "type": "NavbarEmitter",
        "required": true,
        "default": "**required**"
      },
      "logo": {
        "type": "ReactNode",
        "required": false
      },
      "items": {
        "type": "NavItem[]",
        "required": false,
        "default": "[]"
      },
      "user": {
        "type": "UserInfo",
        "required": false,
        "default": "null"
      },
      "notifications": {
        "type": "Notification[]",
        "required": false,
        "default": "[]"
      },
      "searchable": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "onSearch": {
        "type": "(term: string) => void",
        "required": false
      },
      "leftIcon": {
        "type": "ReactNode | false",
        "required": false,
        "default": "false"
      },
      "onLeftIconClick": {
        "type": "() => void",
        "required": false
      },
      "onLoginClick": {
        "type": "() => void",
        "required": false
      },
      "onLogoutClick": {
        "type": "() => void",
        "required": false
      },
      "rightMenuContent": {
        "type": "| ReactNode | ((props: { notifications?: Notification[] }) => ReactNode)",
        "required": false
      }
    }
  },
  "Pagination": {
    "group": "utility",
    "forwardRef": true,
    "props": {
      "currentPage": {
        "type": "number",
        "required": true,
        "default": "1"
      },
      "totalPages": {
        "type": "number",
        "required": true,
        "default": "1"
      },
      "onPageChange": {
        "type": "(page: number) => void",
        "required": true
      },
      "showFirstLast": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "showPrevNext": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "maxVisiblePages": {
        "type": "number",
        "required": false,
        "default": "5"
      }
    }
  },
  "PriceRangePicker": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "min": {
        "type": "number",
        "required": false,
        "default": "0"
      },
      "max": {
        "type": "number",
        "required": false,
        "default": "1000"
      },
      "step": {
        "type": "number",
        "required": false,
        "default": "1"
      },
      "minGap": {
        "type": "number",
        "required": false,
        "default": "5"
      },
      "value": {
        "type": "PriceRange | null",
        "required": false,
        "default": "null"
      },
      "defaultValue": {
        "type": "PriceRange",
        "required": false,
        "default": "{ min: 0, max: 1000 }"
      },
      "onChange": {
        "type": "(range: PriceRange) => void",
        "required": false,
        "default": "() => {}"
      },
      "onFinalChange": {
        "type": "(range: PriceRange) => void",
        "required": false,
        "default": "() => {}"
      },
      "showInputs": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "showTooltips": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "disabled": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "presets": {
        "type": "PriceRangePreset[]",
        "required": false,
        "default": "[]"
      },
      "formatValue": {
        "type": "(n: number) => string",
        "required": false,
        "default": "(n) => String(n)"
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "colorClass": {
        "type": "string",
        "required": false,
        "default": "\"bg-pink-500\""
      },
      "ariaLabel": {
        "type": "string",
        "required": false,
        "default": "\"Price range\""
      }
    }
  },
  "ProgressBar": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "value": {
        "type": "number",
        "required": false,
        "default": "0"
      },
      "max": {
        "type": "number",
        "required": false,
        "default": "100"
      },
      "size": {
        "type": "Size | number",
        "required": false,
        "default": "\"sm\""
      },
      "showValue": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "rounded": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "color": {
        "type": "string",
        "required": false,
        "default": "\"#2563eb\""
      },
      "bgColor": {
        "type": "string",
        "required": false,
        "default": "\"#e6eefc\""
      },
      "valueColor": {
        "type": "string",
        "required": false,
        "default": "auto"
      },
      "striped": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "animated": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "label": {
        "type": "ReactNode",
        "required": false,
        "default": "\"\""
      },
      "ariaLabel": {
        "type": "string",
        "required": false,
        "default": "\"Progress\""
      }
    }
  },
  "Radio": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "value": {
        "type": "string | number",
        "required": false
      },
      "checked": {
        "type": "boolean",
        "required": false
      },
      "defaultChecked": {
        "type": "boolean",
        "required": false
      },
      "onChange": {
        "type": "(event: React.ChangeEvent<HTMLInputElement>) => void",
        "required": false
      },
      "name": {
        "type": "string",
        "required": false
      },
      "label": {
        "type": "ReactNode",
        "required": false
      },
      "disabled": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "required": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "labelPosition": {
        "type": "enum",
        "required": false,
        "values": [
          "left",
          "right"
        ],
        "default": "\"right\""
      },
      "radioColor": {
        "type": "string",
        "required": false,
        "default": "\"blue\""
      },
      "ariaLabel": {
        "type": "string",
        "required": false
      }
    }
  },
  "Rate": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "count": {
        "type": "number",
        "required": false,
        "default": "5"
      },
      "value": {
        "type": "number",
        "required": false
      },
      "defaultValue": {
        "type": "number",
        "required": false,
        "default": "0"
      },
      "readOnly": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "icon": {
        "type": "ReactNode",
        "required": false,
        "default": "<StarOutline />"
      },
      "toggledIcon": {
        "type": "ReactNode",
        "required": false,
        "default": "<StarFilled />"
      },
      "activeColor": {
        "type": "string",
        "required": false,
        "default": "\"#f6b026\""
      },
      "inactiveColor": {
        "type": "string",
        "required": false,
        "default": "\"#e5e7eb\""
      },
      "size": {
        "type": "number",
        "required": false,
        "default": "20"
      },
      "onChange": {
        "type": "(value: number) => void",
        "required": false
      },
      "onClick": {
        "type": "(value: number) => void",
        "required": false
      },
      "text": {
        "type": "ReactNode",
        "required": false
      },
      "name": {
        "type": "string",
        "required": false
      }
    }
  },
  "RoundedTag": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "label": {
        "type": "ReactNode",
        "required": false
      },
      "avatarSrc": {
        "type": "string",
        "required": false,
        "default": "null"
      },
      "avatarAlt": {
        "type": "string",
        "required": false,
        "default": "\"avatar\""
      },
      "initials": {
        "type": "string",
        "required": false,
        "default": "\"\""
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "onRemove": {
        "type": "() => void",
        "required": false,
        "default": "null"
      },
      "onClick": {
        "type": "(event: React.MouseEvent<HTMLElement>) => void",
        "required": false,
        "default": "null"
      },
      "closeClass": {
        "type": "string",
        "required": false,
        "default": "\"\""
      },
      "ariaLabel": {
        "type": "string",
        "required": false,
        "default": "\"tag\""
      },
      "avatarPosition": {
        "type": "enum",
        "required": false,
        "values": [
          "left",
          "right"
        ],
        "default": "\"right\""
      },
      "avatarClassname": {
        "type": "string",
        "required": false,
        "default": "\"\""
      },
      "initialClassname": {
        "type": "string",
        "required": false,
        "default": "\"\""
      }
    }
  },
  "Select": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "options": {
        "type": "SelectOption[]",
        "required": true,
        "default": "[]"
      },
      "value": {
        "type": "string | number | Array<string | number>",
        "required": false,
        "default": "any[]"
      },
      "onChange": {
        "type": "(value: string | number | Array<string | number>) => void",
        "required": false
      },
      "placeholder": {
        "type": "string",
        "required": false,
        "default": "\"Select an option...\""
      },
      "label": {
        "type": "string",
        "required": false
      },
      "error": {
        "type": "string",
        "required": false
      },
      "disabled": {
        "type": "boolean",
        "required": false
      },
      "required": {
        "type": "boolean",
        "required": false
      },
      "multiSelect": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "searchable": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "grouped": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "creatable": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "onCreateOption": {
        "type": "(value: string) => void",
        "required": false
      },
      "onSearch": {
        "type": "(term: string) => void",
        "required": false
      },
      "loading": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "selectAllOption": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "closeOnSelect": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "maxTagCount": {
        "type": "number",
        "required": false,
        "default": "3"
      },
      "allowClear": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "name": {
        "type": "string",
        "required": false
      },
      "onMenuItemRender": {
        "type": "(option: SelectOption) => ReactNode",
        "required": false
      },
      "renderGroupLabel": {
        "type": "(label: string) => ReactNode",
        "required": false
      }
    }
  },
  "Sidebar": {
    "group": "navigation",
    "forwardRef": true,
    "props": {
      "items": {
        "type": "SidebarItem[]",
        "required": true,
        "default": "[]"
      },
      "collapsed": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "onToggle": {
        "type": "() => void",
        "required": false
      },
      "logo": {
        "type": "ReactNode",
        "required": false
      },
      "user": {
        "type": "UserInfo",
        "required": false,
        "default": "ReactNode"
      },
      "onUserClick": {
        "type": "(user: UserInfo) => void",
        "required": false
      },
      "drawerPosition": {
        "type": "enum",
        "required": false,
        "values": [
          "left",
          "right"
        ],
        "default": "\"right\""
      },
      "isMobileOpen": {
        "type": "boolean",
        "required": false
      },
      "setIsMobileOpen": {
        "type": "(open: boolean) => void",
        "required": false
      },
      "showCollapsedTooltips": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "tooltipOptions": {
        "type": "Record",
        "required": false
      }
    }
  },
  "Skeleton": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "count": {
        "type": "number",
        "required": false,
        "default": "1"
      },
      "circle": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "height": {
        "type": "string | number",
        "required": false,
        "default": "string"
      },
      "width": {
        "type": "string | number",
        "required": false,
        "default": "string"
      },
      "rounded": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "animated": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "active": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "gap": {
        "type": "string",
        "required": false,
        "default": "\"8px\""
      },
      "inline": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "children": {
        "type": "ReactNode",
        "required": false,
        "default": "null"
      }
    }
  },
  "SpeechToText": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "lang": {
        "type": "string",
        "required": false,
        "default": "\"en-US\""
      },
      "continuous": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "interimResults": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "onSpeechComplete": {
        "type": "(text: string) => void",
        "required": false
      },
      "onSpeaking": {
        "type": "(interim: string) => void",
        "required": false
      },
      "onError": {
        "type": "(err: Error) => void",
        "required": false
      },
      "onStart": {
        "type": "() => void",
        "required": false
      },
      "onStop": {
        "type": "() => void",
        "required": false
      },
      "renderButton": {
        "type": "(state: SpeechToTextState) => ReactNode",
        "required": false
      },
      "autoStart": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "disabled": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "resetOnStart": {
        "type": "boolean",
        "required": false,
        "default": "false"
      }
    }
  },
  "Stepper": {
    "group": "utility",
    "forwardRef": true,
    "props": {
      "steps": {
        "type": "StepperStep[]",
        "required": true,
        "default": "[]"
      },
      "currentStep": {
        "type": "number",
        "required": true,
        "default": "0"
      },
      "onStepClick": {
        "type": "(step: StepperStep, index: number) => void",
        "required": false
      },
      "orientation": {
        "type": "enum",
        "required": false,
        "values": [
          "horizontal",
          "vertical"
        ],
        "default": "\"vertical\""
      },
      "variant": {
        "type": "string",
        "required": false,
        "default": "\"default\""
      }
    }
  },
  "Switch": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "checked": {
        "type": "boolean",
        "required": false
      },
      "defaultChecked": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "onChange": {
        "type": "(checked: boolean) => void",
        "required": false
      },
      "disabled": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "name": {
        "type": "string",
        "required": false
      },
      "trackClass": {
        "type": "string",
        "required": false
      },
      "thumbClass": {
        "type": "string",
        "required": false
      },
      "topLabel": {
        "type": "ReactNode",
        "required": false
      },
      "bottomLabel": {
        "type": "ReactNode",
        "required": false
      },
      "leftLabel": {
        "type": "ReactNode",
        "required": false
      },
      "rightLabel": {
        "type": "ReactNode",
        "required": false
      },
      "ariaLabel": {
        "type": "string",
        "required": false
      }
    }
  },
  "Table": {
    "group": "core",
    "forwardRef": false,
    "props": {
      "data": {
        "type": "T[]",
        "required": false,
        "default": "[]"
      },
      "columns": {
        "type": "TableColumn<T>[]",
        "required": false,
        "default": "[]"
      },
      "sortable": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "filterable": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "selectable": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "pagination": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "pageSize": {
        "type": "number",
        "required": false,
        "default": "25"
      },
      "onSort": {
        "type": "(key: string, direction: 'asc' | 'desc') => void",
        "required": false
      },
      "onFilter": {
        "type": "(filters: Record<string, any>) => void",
        "required": false
      },
      "onFilterChange": {
        "type": "(filters: Record<string, any>) => void",
        "required": false
      },
      "onFetch": {
        "type": "(params: { setData: (rows: T[]) => void; setLoading: (loading: boolean) => void; filters: Record<string, any>; page: number; limit: number; sort: TableSortConfig; }) => void",
        "required": false
      },
      "onSelectionChange": {
        "type": "(selectedRows: T[]) => void",
        "required": false
      },
      "onRowClick": {
        "type": "(row: T, index: number) => void",
        "required": false
      },
      "hasDetails": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "DetailsComponent": {
        "type": "React.ComponentType",
        "required": false
      },
      "withAction": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "onAction": {
        "type": "(args: { action: TableAction<T>; row: T }) => void",
        "required": false
      },
      "actions": {
        "type": "TableAction<T>[]",
        "required": false
      },
      "showSerial": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "cellClass": {
        "type": "| string | ((ctx: { row: T; rowIndex: number; column: TableColumn<T>; columnIndex: number }) => string)",
        "required": false,
        "default": "function"
      },
      "rowClass": {
        "type": "string | ((ctx: { row: T; rowIndex: number }) => string)",
        "required": false,
        "default": "function"
      },
      "globalSearch": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "limitOptions": {
        "type": "number[]",
        "required": false,
        "default": "[10,25,50,100]"
      },
      "showLimitSelector": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "onLimitChange": {
        "type": "(limit: number) => void",
        "required": false
      },
      "showReloadButton": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "renderReloadButton": {
        "type": "ReactNode | (() => ReactNode)",
        "required": false
      },
      "onReload": {
        "type": "() => void",
        "required": false
      },
      "stripedRows": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "theme": {
        "type": "TableTheme",
        "required": false
      },
      "responsiveBreakpoint": {
        "type": "number",
        "required": false,
        "default": "768"
      },
      "serverSide": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "totalRecords": {
        "type": "number",
        "required": false,
        "default": "0"
      },
      "pageNumber": {
        "type": "number",
        "required": false
      },
      "TheadComponent": {
        "type": "React.ComponentType<{ columns: TableColumn<T>[]; data: T[] }> | null",
        "required": false
      },
      "TfootComponent": {
        "type": "React.ComponentType<any> | null",
        "required": false
      }
    }
  },
  "Tabs": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "children": {
        "type": "ReactNode",
        "required": false
      },
      "defaultIndex": {
        "type": "number",
        "required": false,
        "default": "0"
      },
      "index": {
        "type": "number",
        "required": false
      },
      "onChange": {
        "type": "(index: number) => void",
        "required": false
      },
      "orientation": {
        "type": "enum",
        "required": false,
        "values": [
          "horizontal",
          "vertical"
        ],
        "default": "\"vertical\""
      },
      "size": {
        "type": "enum",
        "required": false,
        "values": [
          "xs",
          "sm",
          "md",
          "lg",
          "xl",
          "2xl"
        ],
        "default": "\"md\""
      },
      "variant": {
        "type": "enum",
        "required": false,
        "values": [
          "line",
          "pills",
          "unstyled"
        ],
        "default": "\"pills\""
      },
      "animated": {
        "type": "boolean",
        "required": false,
        "default": "true"
      }
    }
  },
  "TextToSpeech": {
    "group": "core",
    "forwardRef": false,
    "props": {
      "text": {
        "type": "string",
        "required": false,
        "default": "\"\""
      },
      "rate": {
        "type": "number",
        "required": false,
        "default": "1"
      },
      "pitch": {
        "type": "number",
        "required": false,
        "default": "0.5"
      },
      "onSpeak": {
        "type": "(text: string) => void",
        "required": false,
        "default": "() => {}"
      },
      "renderButton": {
        "type": "(state: TextToSpeechState) => ReactNode",
        "required": false
      }
    }
  },
  "ThreeDotPopover": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "items": {
        "type": "ThreeDotPopoverItem[]",
        "required": false,
        "default": "[]"
      },
      "trigger": {
        "type": "ReactElement",
        "required": false
      },
      "menuClass": {
        "type": "string",
        "required": false,
        "default": "\"\""
      },
      "menuItemClass": {
        "type": "string",
        "required": false,
        "default": "\"\""
      },
      "closeOnSelect": {
        "type": "boolean",
        "required": false,
        "default": "true"
      },
      "ariaLabel": {
        "type": "string",
        "required": false,
        "default": "\"More options\""
      }
    }
  },
  "Toast": {
    "group": "feedback",
    "forwardRef": true,
    "props": {
      "id": {
        "type": "string",
        "required": true
      },
      "title": {
        "type": "string",
        "required": false
      },
      "message": {
        "type": "string",
        "required": false
      },
      "type": {
        "type": "enum",
        "required": false,
        "values": [
          "success",
          "warning",
          "error",
          "info"
        ],
        "default": "\"info\""
      },
      "duration": {
        "type": "number",
        "required": false,
        "default": "5000"
      },
      "onClose": {
        "type": "(id: string) => void",
        "required": false
      },
      "position": {
        "type": "enum",
        "required": false,
        "values": [
          "top-right",
          "top-left",
          "bottom-right",
          "bottom-left",
          "top-center",
          "bottom-center"
        ],
        "default": "\"top-right\""
      }
    }
  },
  "Tooltip": {
    "group": "core",
    "forwardRef": true,
    "props": {
      "position": {
        "type": "enum",
        "required": false,
        "values": [
          "auto",
          "top",
          "bottom",
          "left",
          "right"
        ],
        "default": "\"top\""
      },
      "trigger": {
        "type": "TooltipTrigger | TooltipTrigger[]",
        "required": false,
        "default": "\"click\""
      },
      "content": {
        "type": "ReactNode | ((args: { close: () => void }) => ReactNode)",
        "required": false,
        "default": "({ close }) => ReactNode"
      },
      "customTrigger": {
        "type": "ReactElement",
        "required": false
      },
      "children": {
        "type": "ReactNode",
        "required": false
      },
      "open": {
        "type": "boolean",
        "required": false
      },
      "defaultOpen": {
        "type": "boolean",
        "required": false,
        "default": "false"
      },
      "onChange": {
        "type": "(open: boolean) => void",
        "required": false
      },
      "delay": {
        "type": "number",
        "required": false,
        "default": "80"
      },
      "offset": {
        "type": "number",
        "required": false,
        "default": "8"
      },
      "textClass": {
        "type": "string",
        "required": false
      },
      "bgClass": {
        "type": "string",
        "required": false
      },
      "portal": {
        "type": "boolean",
        "required": false,
        "default": "true"
      }
    }
  }
}