@douglasneuroinformatics/libui 3.2.0 → 3.3.0

package/dist/components.d.ts

@@ -1344,8 +1344,11 @@ declare const Resizable: ResizableType;
 declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_scroll_area.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 type BaseSearchBarProps = {
+    [key: `data-${string}`]: unknown;
     /** Additional CSS classes to add to the wrapper form component, potentially overriding default styling */
     className?: string;
+    /** The ID to pass to the HTMLFormElement  */
+    id?: string;
     /** An optional callback invoked when the user clicks the search bar */
     onClick?: () => void;
     /** Custom placeholder to use instead of the default */
@@ -1364,7 +1367,7 @@ type UncontrolledSearchBarProps = {
     value?: never;
 } & BaseSearchBarProps;
 type SearchBarProps = ControlledSearchBarProps | UncontrolledSearchBarProps;
-declare const SearchBar: ({ className, onClick, onValueChange, placeholder, readOnly, value }: SearchBarProps) => react_jsx_runtime.JSX.Element;
+declare const SearchBar: ({ className, onClick, onValueChange, placeholder, readOnly, value, ...props }: SearchBarProps) => react_jsx_runtime.JSX.Element;
 
 declare const Select: React$1.FC<SelectPrimitive.SelectProps> & {
     Content: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -1402,12 +1405,13 @@ declare const Spinner: ({ className, ...props }: HTMLProps<HTMLDivElement>) => r
 declare const SpinnerIcon: ({ className, ...props }: React$1.HTMLAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
 
 type StatisticCardProps = {
+    [key: `data-${string}`]: unknown;
     className?: string;
     icon?: JSX.Element;
     label: string;
     value: number;
 };
-declare const StatisticCard: ({ className, icon, label, value }: StatisticCardProps) => react_jsx_runtime.JSX.Element;
+declare const StatisticCard: ({ className, icon, label, value, ...props }: StatisticCardProps) => react_jsx_runtime.JSX.Element;
 
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 

package/dist/components.js

@@ -3879,9 +3879,17 @@ var Resizable = Object.assign(ResizableRoot, {
 // src/components/SearchBar/SearchBar.tsx
 import { SearchIcon as SearchIcon2 } from "lucide-react";
 import { jsx as jsx160, jsxs as jsxs54 } from "react/jsx-runtime";
-var SearchBar = ({ className, onClick, onValueChange, placeholder, readOnly, value }) => {
+var SearchBar = ({
+  className,
+  onClick,
+  onValueChange,
+  placeholder,
+  readOnly,
+  value,
+  ...props
+}) => {
   const { t } = useTranslation("libui");
-  return /* @__PURE__ */ jsxs54("form", { className: cn("relative", className), children: [
+  return /* @__PURE__ */ jsxs54("form", { className: cn("relative", className), ...props, children: [
     /* @__PURE__ */ jsx160(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
     /* @__PURE__ */ jsx160(
       Input,
@@ -4075,13 +4083,13 @@ var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx170(
 import { useEffect as useEffect10 } from "react";
 import { motion as motion6, useSpring, useTransform } from "framer-motion";
 import { jsx as jsx171, jsxs as jsxs56 } from "react/jsx-runtime";
-var StatisticCard = ({ className, icon, label, value }) => {
+var StatisticCard = ({ className, icon, label, value, ...props }) => {
   const spring = useSpring(0, { bounce: 0 });
   const rounded = useTransform(spring, (latest) => Math.floor(latest));
   useEffect10(() => {
     spring.set(value);
   }, [spring, value]);
-  return /* @__PURE__ */ jsxs56(Card, { className: cn("flex w-full rounded-lg p-4", className), children: [
+  return /* @__PURE__ */ jsxs56(Card, { className: cn("flex w-full rounded-lg p-4", className), ...props, children: [
     icon && /* @__PURE__ */ jsx171("div", { className: "mr-2 flex items-center justify-center text-4xl", children: icon }),
     /* @__PURE__ */ jsxs56("div", { className: "w-full text-center", children: [
       /* @__PURE__ */ jsx171(motion6.h3, { className: "title-font text-2xl font-semibold text-slate-900 dark:text-slate-100 sm:text-3xl", children: rounded }),