athameui 0.0.6-c → 0.0.7

package/components/ButtonGroup/ButtonGroup.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils";
 import { ButtonGroupVariants } from "./buttonGroup.variants";
 import type { ButtonGroupProps } from "./ButtonGroupProps";

package/components/FormElements/FormInput.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React, { ReactNode, useRef, useLayoutEffect } from "react";
 import { CSSObject } from "@emotion/react";
 import { cx } from "../../utils/cx";
@@ -157,6 +158,7 @@ export const FormInput: React.FC<FormInputProps> = ({
       className={labelClasses}
       sx={{ label: sx?.label, required: sx?.required }}
       labelPosition={labelPosition}
+      dark={dark}
     />
   ) : null;
 

package/components/FormElements/FormInputLabel.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { ReactNode } from "react";
 import { CSSObject } from "@emotion/react";
 import { cx } from "../../utils/cx";

package/components/Header/Header.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { CSSObject } from "@emotion/react";
 import { cx } from "../../utils/cx";
 

package/components/Layout/Footer.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils";
 
 type FooterProps = {

package/components/Layout/Main.tsx

@@ -1,3 +1,4 @@
+"use client";
 import type { CSSObject } from "@emotion/react";
 import { cx } from "../../utils";
 

package/components/List/List.tsx

@@ -1,3 +1,4 @@
+"use client";
 import type { ReactElement } from "react";
 import { CSSObject } from "@emotion/react";
 import { cx } from "../../utils/cx";

package/components/List/ListItem.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { cx } from "../../utils";
 
 type ListItemProps = {

package/components/Modal/Modal.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React from "react";
 import { CSSObject } from "@emotion/react";
 import { HugeiconsIcon } from "@hugeicons/react";

package/components/Search/Search.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React from "react";
 import { FormInput } from "../FormElements";
 import { Button } from "../Button";
@@ -24,7 +25,7 @@ type SearchProps = {
   resultsLabel?: React.ReactNode;
   searchLabel?: string;
   searchRole?: string;
-  searchTerm?: string;
+  searchTerm?: string | number;
   showResultsCount?: boolean;
   showSearchButton?: boolean;
   sx?: {
@@ -37,7 +38,7 @@ type SearchProps = {
   testId?: string;
   totalResultsCount?: string;
 
-  onSearch?: (searchTerm: string) => void;
+  onSearch?: (searchTerm: string | number | undefined) => void;
   setSearchTerm: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 
@@ -75,7 +76,7 @@ export const Search = ({
   };
 
   const onSearchHandler = () => {
-    onSearch?.(searchTerm || "");
+    onSearch?.(searchTerm);
   };
 
   const hitEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {

package/dist/athameui.cjs

@@ -2642,7 +2642,8 @@ const FormInput = ({
       label: sx?.label,
       required: sx?.required
     },
-    labelPosition: labelPosition
+    labelPosition: labelPosition,
+    dark: dark
   }) : null;
   const inputElement = type === "textarea" ? jsx("textarea", {
     autoComplete: autoComplete,
@@ -2929,7 +2930,7 @@ const Search = ({
     }
   };
   const onSearchHandler = () => {
-    onSearch?.(searchTerm || "");
+    onSearch?.(searchTerm);
   };
   const hitEnter = e => {
     if (e.key === "Enter") {