chore: bug-fixes

Author: tractorss

src/lib/accordion/custom.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, useState } from "react";
 import AccordionItem from "./accordion-item";
-import { cn } from "../../utils";
+import { cn, isUndefined } from "../../utils";
 
 interface AccordionItem {
   title: ReactNode;
@@ -10,14 +10,18 @@ interface AccordionItem {
 interface AccordionProps {
   items: AccordionItem[];
   className?: string;
+  defaultExpanded?: number;
 }
 
 const CustomAccordion: React.FC<AccordionProps> = ({
   items,
   className,
+  defaultExpanded,
   ...props
 }) => {
-  const [expanded, setExpanded] = useState(-1);
+  const [expanded, setExpanded] = useState(
+    !isUndefined(defaultExpanded) ? defaultExpanded : -1,
+  );
   return (
     <div
       className={cn("box-border flex w-[1000px] flex-col", className)}

src/lib/accordion/index.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, useState } from "react";
 import AccordionItem from "./accordion-item";
-import { cn } from "../../utils";
+import { cn, isUndefined } from "../../utils";
 
 interface AccordionItem {
   title: string;
@@ -28,7 +28,9 @@ const Accordion: React.FC<AccordionProps> = ({
   className,
   ...props
 }) => {
-  const [expanded, setExpanded] = useState(defaultExpanded ?? -1);
+  const [expanded, setExpanded] = useState(
+    !isUndefined(defaultExpanded) ? defaultExpanded : -1,
+  );
   return (
     <div
       className={cn("box-border flex w-[1000px] flex-col", className)}

src/lib/form/bignumber-field/index.tsx

@@ -15,6 +15,8 @@ interface BigNumberFieldComponentProps extends BigNumberFieldProps {
   message?: string;
   Icon?: React.FC<React.SVGAttributes<SVGElement>>;
   className?: string;
+  /** The name of the input element, used when submitting an HTML form.*/
+  name?: string;
 }
 
 /** A number field that handles big numbers.
@@ -29,6 +31,7 @@ function BigNumberField({
   isDisabled,
   id: propId,
   isReadOnly,
+  name,
   ...props
 }: Readonly<BigNumberFieldComponentProps>) {
   // Generate an ID if one is not provided
@@ -65,6 +68,7 @@ function BigNumberField({
           <>
             <Input
               {...inputProps}
+              name={name}
               className={cn(
                 "hover-short-transition bg-klerosUIComponentsWhiteBackground size-full",
                 "rounded-base border-klerosUIComponentsStroke text-klerosUIComponentsPrimaryText border text-base",

src/lib/form/bignumber-field/useBigNumberField.tsx

@@ -566,7 +566,6 @@ export function useBigNumberField(props: BigNumberFieldProps) {
     type: "button" as const,
     "aria-label": "Increment",
     "aria-controls": id,
-    slot: "increment",
     isDisabled: !canIncrement(),
     onPress: increment,
   });
@@ -576,7 +575,6 @@ export function useBigNumberField(props: BigNumberFieldProps) {
     type: "button" as const,
     "aria-label": "Decrement",
     "aria-controls": id,
-    slot: "decrement",
     isDisabled: !canDecrement(),
     onPress: decrement,
   });

src/lib/index.ts

@@ -15,6 +15,7 @@ export { default as DisplaySmall } from "./display/small";
 export { default as DropdownSelect } from "./dropdown/select";
 export { default as DropdownCascader } from "./dropdown/cascader";
 
+export { default as Form } from "./form/index";
 export { default as NumberField } from "./form/number-field";
 export { default as BigNumberField } from "./form/bignumber-field";
 export { default as TextField } from "./form/text-field";