@douglasneuroinformatics/libui 2.0.8 → 2.0.9

package/dist/components/Pagination/Pagination.d.ts

@@ -5,6 +5,7 @@ export declare const Pagination: (({ className, ...props }: import("react").Deta
     Ellipsis: ({ className, ...props }: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => import("react").JSX.Element;
     Item: ({ className, ...props }: import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>) => import("react").JSX.Element;
     Link: ({ children, className, isActive, size, ...props }: {
+        isActive?: boolean | undefined;
         size?: "md" | "icon" | "lg" | "sm" | null | undefined;
         ref?: import("react").LegacyRef<HTMLAnchorElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -281,9 +282,9 @@ export declare const Pagination: (({ className, ...props }: import("react").Deta
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
-        isActive?: boolean | undefined;
     }) => import("react").JSX.Element;
     Next: ({ className, ...props }: {
+        isActive?: boolean | undefined;
         size?: "md" | "icon" | "lg" | "sm" | null | undefined;
         ref?: import("react").LegacyRef<HTMLAnchorElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -560,9 +561,9 @@ export declare const Pagination: (({ className, ...props }: import("react").Deta
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
-        isActive?: boolean | undefined;
     }) => import("react").JSX.Element;
     Previous: ({ className, ...props }: {
+        isActive?: boolean | undefined;
         size?: "md" | "icon" | "lg" | "sm" | null | undefined;
         ref?: import("react").LegacyRef<HTMLAnchorElement> | undefined;
         key?: import("react").Key | null | undefined;
@@ -839,7 +840,6 @@ export declare const Pagination: (({ className, ...props }: import("react").Deta
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLAnchorElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
-        isActive?: boolean | undefined;
     }) => import("react").JSX.Element;
 };
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/PaginationLink.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { Simplify } from 'type-fest';
 import { type ButtonProps } from '../Button/Button.js';
-export type PaginationLinkProps = Simplify<Pick<ButtonProps, 'size'> & React.ComponentProps<'a'> & {
+export type PaginationLinkProps = Simplify<{
     isActive?: boolean;
-}>;
+} & Pick<ButtonProps, 'size'> & React.ComponentProps<'a'>>;
 export declare const PaginationLink: ({ children, className, isActive, size, ...props }: PaginationLinkProps) => React.JSX.Element;
 //# sourceMappingURL=PaginationLink.d.ts.map

package/dist/components/Pagination/PaginationLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG1C,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,qBAAqB,CAAC;AAEvE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CACxC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GACvB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACJ,CAAC;AAEF,eAAO,MAAM,cAAc,sDAAgE,mBAAmB,sBAc7G,CAAC"}
+{"version":3,"file":"PaginationLink.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG1C,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,qBAAqB,CAAC;AAEvE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CACxC;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,sDAAgE,mBAAmB,sBAc7G,CAAC"}

package/dist/components/Resizable/Resizable.d.ts

@@ -5,11 +5,11 @@ import { type ResizablePanelGroupProps } from './ResizablePanelGroup.js';
 type ResizableRootType = React.FC<{
     children: React.ReactNode;
 }>;
-type ResizableType = ResizableRootType & {
+type ResizableType = {
     Handle: React.FC<ResizableHandleProps>;
     Panel: React.FC<PanelProps>;
     PanelGroup: React.FC<ResizablePanelGroupProps>;
-};
+} & ResizableRootType;
 export declare const Resizable: ResizableType;
 export {};
 //# sourceMappingURL=Resizable.d.ts.map

package/dist/components/Resizable/Resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAE9F,KAAK,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AACjE,KAAK,aAAa,GAAG,iBAAiB,GAAG;IACvC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACvC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;CAChD,CAAC;AAKF,eAAO,MAAM,SAAS,EAAE,aAItB,CAAC"}
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAE9F,KAAK,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,CAAC;AACjE,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACvC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;CAChD,GAAG,iBAAiB,CAAC;AAKtB,eAAO,MAAM,SAAS,EAAE,aAItB,CAAC"}

package/dist/components/Resizable/ResizableHandle.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PanelResizeHandle } from 'react-resizable-panels';
-export type ResizableHandleProps = React.ComponentProps<typeof PanelResizeHandle> & {
+export type ResizableHandleProps = {
     withHandle?: boolean;
-};
+} & React.ComponentProps<typeof PanelResizeHandle>;
 export declare const ResizableHandle: ({ className, withHandle, ...props }: ResizableHandleProps) => React.JSX.Element;
 //# sourceMappingURL=ResizableHandle.d.ts.map

package/dist/components/Resizable/ResizableHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableHandle.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/ResizableHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAI3D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAAG;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,wCAAyC,oBAAoB,sBAcxF,CAAC"}
+{"version":3,"file":"ResizableHandle.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/ResizableHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAI3D,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEnD,eAAO,MAAM,eAAe,wCAAyC,oBAAoB,sBAcxF,CAAC"}

package/dist/components/SearchBar/SearchBar.d.ts

@@ -7,16 +7,16 @@ export type BaseSearchBarProps = {
     /** Custom placeholder to use instead of the default */
     placeholder?: string;
 };
-type ControlledSearchBarProps = BaseSearchBarProps & {
+type ControlledSearchBarProps = {
     /** Event handler called when the value changes */
     onValueChange: (value: string) => void;
     /** The controlled value of the search bar, which should be used in conjunction with onValueChange */
     value: string;
-};
-type UncontrolledSearchBarProps = BaseSearchBarProps & {
+} & BaseSearchBarProps;
+type UncontrolledSearchBarProps = {
     onValueChange?: never;
     value?: never;
-};
+} & BaseSearchBarProps;
 export type SearchBarProps = ControlledSearchBarProps | UncontrolledSearchBarProps;
 export declare const SearchBar: ({ className, onClick, onValueChange, placeholder, value }: SearchBarProps) => React.JSX.Element;
 export {};

package/dist/components/SearchBar/SearchBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,0GAA0G;IAC1G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG,kBAAkB,GAAG;IACnD,kDAAkD;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qGAAqG;IACrG,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,0BAA0B,GAAG,kBAAkB,GAAG;IACrD,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,wBAAwB,GAAG,0BAA0B,CAAC;AAEnF,eAAO,MAAM,SAAS,8DAA+D,cAAc,sBAiBlG,CAAC"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,0GAA0G;IAC1G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,kDAAkD;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qGAAqG;IACrG,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,kBAAkB,CAAC;AAEvB,KAAK,0BAA0B,GAAG;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GAAG,kBAAkB,CAAC;AAEvB,MAAM,MAAM,cAAc,GAAG,wBAAwB,GAAG,0BAA0B,CAAC;AAEnF,eAAO,MAAM,SAAS,8DAA+D,cAAc,sBAiBlG,CAAC"}

package/dist/i18n.d.ts

@@ -340,8 +340,8 @@ export declare const resources: {
         };
     }>;
 };
-declare const i18n: I18n & {
+declare const i18n: {
     addPreInitTranslations<T extends TranslationsDef>(translations: T): void;
-};
+} & I18n;
 export { i18n };
 //# sourceMappingURL=i18n.d.ts.map

package/dist/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,IAAI,IAAI,EAAkB,MAAM,SAAS,CAAC;AAI5D,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAItD,eAAO,MAAM,aAAa,uBAAwB,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAA;CAAE,CAAC;AAE5E,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,WAAW,IAAI;KAC/C,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,GACnD,CAAC,CAAC,CAAC,CAAC,SAAS;SAAG,CAAC,IAAI,QAAQ,GAAG,OAAO;KAAE,GACvC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACb,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAC1B,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM;;EActG;AAED,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,eAAe,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ;;KAEtG;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,eAAe,EAAE,YAAY,EAAE,CAAC;;;EAKzE;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA6B,CAAC;AAEpD,QAAA,MAAM,IAAI;oEAUwD,CAAC,GAAG,IAAI;CACzE,CAAC;AAcF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,IAAI,IAAI,EAAkB,MAAM,SAAS,CAAC;AAI5D,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAItD,eAAO,MAAM,aAAa,uBAAwB,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAA;CAAE,CAAC;AAE5E,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,WAAW,IAAI;KAC/C,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,GACnD,CAAC,CAAC,CAAC,CAAC,SAAS;SAAG,CAAC,IAAI,QAAQ,GAAG,OAAO;KAAE,GACvC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACb,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAC1B,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM;;EActG;AAED,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,eAAe,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ;;KAEtG;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,eAAe,EAAE,YAAY,EAAE,CAAC;;;EAKzE;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA6B,CAAC;AAEpD,QAAA,MAAM,IAAI;oEAUwD,CAAC,GAAG,IAAI;QAClE,CAAC;AAcT,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/testing/mocks.d.ts

@@ -4,7 +4,7 @@
  * @example
  * mockMatchMedia(false)
  */
-export declare const mockMatchMedia: (matches: boolean | ((query: string) => boolean)) => void;
+export declare const mockMatchMedia: (matches: ((query: string) => boolean) | boolean) => void;
 /**
  * Mocks the Storage API
  * @param {'localStorage' | 'sessionStorage'} name - The name of the storage to mock

package/dist/testing/mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../src/testing/mocks.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,+BAAsB,MAAM,KAAK,OAAO,MAAc,IAWhF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,SAAU,cAAc,GAAG,gBAAgB,KAAG,IAwBrE,CAAC"}
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../src/testing/mocks.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,cAAc,YAAa,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,OAAO,KAAG,IAWhF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,SAAU,cAAc,GAAG,gBAAgB,KAAG,IAwBrE,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "packageManager": "pnpm@8.15.3",
   "description": "Generic UI components for DNP projects, built using React and TailwindCSS",
   "author": {
@@ -55,8 +55,8 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@douglasneuroinformatics/libjs": "^0.3.0",
-    "@douglasneuroinformatics/libui-form-types": "^0.6.3",
+    "@douglasneuroinformatics/libjs": "^0.3.1",
+    "@douglasneuroinformatics/libui-form-types": "^0.6.8",
     "@headlessui/react": "^1.7.18",
     "@headlessui/tailwindcss": "^0.2.0",
     "@heroicons/react": "^2.1.3",

package/src/components/ArrowToggle/ArrowToggle.tsx

@@ -7,7 +7,7 @@ import { cn } from '../../utils.js';
 import { Button, type ButtonProps } from '../Button/Button.js';
 
 export type ArrowToggleProps = Simplify<
-  React.HTMLAttributes<HTMLButtonElement> & {
+  {
     /** Whether or not the arrow is currently toggled */
     isToggled?: boolean;
 
@@ -21,7 +21,7 @@ export type ArrowToggleProps = Simplify<
 
     /** The variant of button to use */
     variant?: Extract<ButtonProps['variant'], 'ghost' | 'outline'>;
-  }
+  } & React.HTMLAttributes<HTMLButtonElement>
 >;
 
 export const ArrowToggle = React.forwardRef<HTMLButtonElement, ArrowToggleProps>(function ArrowToggle(

package/src/components/Breadcrumb/BreadcrumbLink.tsx

@@ -6,9 +6,9 @@ import { cn } from '../../utils.js';
 
 export const BreadcrumbLink = React.forwardRef<
   HTMLAnchorElement,
-  React.ComponentPropsWithoutRef<'a'> & {
+  {
     asChild?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<'a'>
 >(function BreadcrumbLink({ asChild, className, ...props }, ref) {
   const Comp = asChild ? Slot : 'a';
   return <Comp className={cn('transition-colors hover:text-foreground', className)} ref={ref} {...props} />;

package/src/components/Breadcrumb/BreadcrumbRoot.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 
 export const BreadcrumbRoot = React.forwardRef<
   HTMLElement,
-  React.ComponentPropsWithoutRef<'nav'> & {
+  {
     separator?: React.ReactNode;
-  }
+  } & React.ComponentPropsWithoutRef<'nav'>
 >(function BreadcrumbRoot({ ...props }, ref) {
   return <nav aria-label="breadcrumb" ref={ref} {...props} />;
 });

package/src/components/Button/Button.tsx

@@ -39,12 +39,12 @@ export const buttonVariants = cva(
 );
 
 export type ButtonProps = Simplify<
-  React.ButtonHTMLAttributes<HTMLButtonElement> &
-    VariantProps<typeof buttonVariants> & {
-      asChild?: boolean;
-      /** @deprecated - use children   */
-      label?: string;
-    }
+  {
+    asChild?: boolean;
+    /** @deprecated - use children   */
+    label?: string;
+  } & React.ButtonHTMLAttributes<HTMLButtonElement> &
+    VariantProps<typeof buttonVariants>
 >;
 
 export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(

package/src/components/ContextMenu/ContextMenuItem.tsx

@@ -6,9 +6,9 @@ import { cn } from '../../utils.js';
 
 export const ContextMenuItem = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+  {
     inset?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item>
 >(function ContextMenuItem({ className, inset, ...props }, ref) {
   return (
     <ContextMenuPrimitive.Item

package/src/components/ContextMenu/ContextMenuLabel.tsx

@@ -6,9 +6,9 @@ import { cn } from '../../utils.js';
 
 export const ContextMenuLabel = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+  {
     inset?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label>
 >(function ContextMenuLabel({ className, inset, ...props }, ref) {
   return (
     <ContextMenuPrimitive.Label

package/src/components/ContextMenu/ContextMenuSubTrigger.tsx

@@ -7,9 +7,9 @@ import { cn } from '../../utils.js';
 
 export const ContextMenuSubTrigger = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+  {
     inset?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger>
 >(function ContextMenuSubTrigger({ children, className, inset, ...props }, ref) {
   return (
     <ContextMenuPrimitive.SubTrigger

package/src/components/DropdownMenu/DropdownMenuContent.tsx

@@ -4,9 +4,9 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
 import { cn } from '../../utils.js';
 
-export type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+export type DropdownMenuContentProps = {
   widthFull?: boolean;
-};
+} & React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>;
 export const DropdownMenuContent = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Content>,
   DropdownMenuContentProps

package/src/components/DropdownMenu/DropdownMenuItem.tsx

@@ -6,9 +6,9 @@ import { cn } from '../../utils.js';
 
 export const DropdownMenuItem = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+  {
     inset?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>
 >(function DropdownMenuItem({ className, inset, ...props }, ref) {
   return (
     <DropdownMenuPrimitive.Item

package/src/components/DropdownMenu/DropdownMenuLabel.tsx

@@ -6,9 +6,9 @@ import { cn } from '../../utils.js';
 
 export const DropdownMenuLabel = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+  {
     inset?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>
 >(function DropdownMenuLabel({ className, inset, ...props }, ref) {
   return (
     <DropdownMenuPrimitive.Label

package/src/components/DropdownMenu/DropdownMenuSubTrigger.tsx

@@ -7,9 +7,9 @@ import { cn } from '../../utils.js';
 
 export const DropdownMenuSubTrigger = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+  {
     inset?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>
 >(function DropdownMenuSubTrigger({ children, className, inset, ...props }, ref) {
   return (
     <DropdownMenuPrimitive.SubTrigger

package/src/components/Form/BaseRadioField.tsx

@@ -22,12 +22,12 @@ const baseRadioFieldVariants = cva('flex', {
 });
 
 export type BaseRadioFieldProps<T extends string> = Simplify<
-  BaseFieldComponentProps<T> & {
+  {
     description?: string;
     label: string;
     options: { [K in T]: string };
     orientation?: 'horizontal' | 'vertical';
-  }
+  } & BaseFieldComponentProps<T>
 >;
 
 export const BaseRadioField = <T extends string>({

package/src/components/Form/DynamicField.tsx

@@ -26,7 +26,7 @@ export const DynamicField = <TData extends FormDataType>({
   const [dependentValues, setDependentValues] = useState(pick(values, field.deps));
 
   const staticField = useMemo(() => {
-    return field.render(values);
+    return field.render.call(undefined, values);
   }, [dependentValues, field.render]);
 
   useEffect(() => {

package/src/components/Form/Form.tsx

@@ -102,7 +102,7 @@ const Form = <TSchema extends z.ZodType<FormDataType>, TData extends z.infer<TSc
           return (
             <div className="space-y-6 [&:not(:first-child)]:pt-8" key={i}>
               <div className="space-y-1">
-                <Heading variant="h4">{fieldGroup.title}</Heading>
+                {fieldGroup.title && <Heading variant="h4">{fieldGroup.title}</Heading>}
                 {fieldGroup.description && (
                   <p className="text-sm italic leading-tight text-muted-foreground">{fieldGroup.description}</p>
                 )}

package/src/components/Form/RecordArrayField.tsx

@@ -54,7 +54,7 @@ export const RecordArrayField = memo(function RecordArrayField({
             <Label className="font-semibold italic">{label + ' ' + (i + 1)}</Label>
             {Object.keys(fields).map((name) => {
               const field = fieldset[name];
-              const fieldProps = field?.kind === 'dynamic' ? field.render(fields) : field;
+              const fieldProps = field?.kind === 'dynamic' ? field.render.call(undefined, fields) : field;
               if (!fieldProps) {
                 return null;
               }

package/src/components/Form/ScalarField.tsx

@@ -17,9 +17,9 @@ import { StringField, type StringFieldProps } from './StringField/StringField.js
 
 import type { BaseFieldComponentProps } from './types.js';
 
-export type ScalarFieldProps = BaseFieldComponentProps<ScalarFieldValue> & {
+export type ScalarFieldProps = {
   field: BooleanFormField | DateFormField | NumberFormField | SetFormField | StringFormField;
-};
+} & BaseFieldComponentProps<ScalarFieldValue>;
 
 export const ScalarField = ({ field, ...props }: ScalarFieldProps) => {
   switch (field.kind) {

package/src/components/Form/SetField/SetFieldListbox.tsx

@@ -6,9 +6,9 @@ import { FieldGroup } from '../FieldGroup/FieldGroup.js';
 
 import type { SetFieldProps } from './SetField.js';
 
-export type SetFieldListboxProps<T extends string = string> = SetFieldProps<T> & {
+export type SetFieldListboxProps<T extends string = string> = {
   onCheckedChange: (option: T, isChecked: boolean) => void;
-};
+} & SetFieldProps<T>;
 
 export const SetFieldListbox = <T extends string = string>({
   description,

package/src/components/Form/SetField/SetFieldSelect.tsx

@@ -8,9 +8,9 @@ import { FieldGroup } from '../FieldGroup/FieldGroup.js';
 
 import type { SetFieldProps } from './SetField.js';
 
-export type SetFieldSelectProps<T extends string = string> = SetFieldProps<T> & {
+export type SetFieldSelectProps<T extends string = string> = {
   onCheckedChange: (option: T, isChecked: boolean) => void;
-};
+} & SetFieldProps<T>;
 
 export const SetFieldSelect = <T extends string = string>({
   description,

package/src/components/Form/utils.ts

@@ -41,7 +41,7 @@ export function resolveStaticFormFields<T extends FormDataType>(content: FormCon
   for (const fieldName in formFields) {
     const field: UnknownFormField<T, typeof fieldName> = formFields[fieldName];
     if (field.kind === 'dynamic') {
-      const resolvedField = field.render(data);
+      const resolvedField = field.render.call(undefined, data);
       if (resolvedField) {
         staticFormFields[fieldName] = resolvedField;
       }

package/src/components/LineGraph/LineGraph.tsx

@@ -27,14 +27,11 @@ type LineGraphData = readonly { [key: string]: any }[];
 type ExtractValidKeys<T extends LineGraphData, K> = Extract<ConditionalKeys<T[number], K>, string>;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-type LineGraphLine<T extends LineGraphData = { [key: string]: any }[]> = Pick<
-  LineProps,
-  'legendType' | 'stroke' | 'strokeDasharray' | 'strokeWidth' | 'type'
-> & {
+type LineGraphLine<T extends LineGraphData = { [key: string]: any }[]> = {
   err?: ExtractValidKeys<T, number>;
   name: string;
   val: ExtractValidKeys<T, number>;
-};
+} & Pick<LineProps, 'legendType' | 'stroke' | 'strokeDasharray' | 'strokeWidth' | 'type'>;
 
 const strokeColors = {
   dark: '#cbd5e1', // slate-300

package/src/components/MenuBar/MenuBarItem.tsx

@@ -6,9 +6,9 @@ import { cn } from '../../utils.js';
 
 export const MenuBarItem = React.forwardRef<
   React.ElementRef<typeof Item>,
-  React.ComponentPropsWithoutRef<typeof Item> & {
+  {
     inset?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<typeof Item>
 >(function MenuBarItem({ className, inset, ...props }, ref) {
   return (
     <Item

package/src/components/MenuBar/MenuBarLabel.tsx

@@ -6,9 +6,9 @@ import { cn } from '../../utils.js';
 
 export const MenuBarLabel = React.forwardRef<
   React.ElementRef<typeof Label>,
-  React.ComponentPropsWithoutRef<typeof Label> & {
+  {
     inset?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<typeof Label>
 >(function MenuBarLabel({ className, inset, ...props }, ref) {
   return <Label className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)} ref={ref} {...props} />;
 });

package/src/components/MenuBar/MenuBarSubTrigger.tsx

@@ -7,9 +7,9 @@ import { cn } from '../../utils.js';
 
 export const MenuBarSubTrigger = React.forwardRef<
   React.ElementRef<typeof SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof SubTrigger> & {
+  {
     inset?: boolean;
-  }
+  } & React.ComponentPropsWithoutRef<typeof SubTrigger>
 >(function MenuBarSubTrigger({ children, className, inset, ...props }, ref) {
   return (
     <SubTrigger

package/src/components/Pagination/PaginationLink.tsx

@@ -6,10 +6,10 @@ import { cn } from '../../utils.js';
 import { type ButtonProps, buttonVariants } from '../Button/Button.js';
 
 export type PaginationLinkProps = Simplify<
-  Pick<ButtonProps, 'size'> &
-    React.ComponentProps<'a'> & {
-      isActive?: boolean;
-    }
+  {
+    isActive?: boolean;
+  } & Pick<ButtonProps, 'size'> &
+    React.ComponentProps<'a'>
 >;
 
 export const PaginationLink = ({ children, className, isActive, size = 'icon', ...props }: PaginationLinkProps) => (

package/src/components/Resizable/Resizable.tsx

@@ -6,11 +6,11 @@ import { ResizableHandle, type ResizableHandleProps } from './ResizableHandle.js
 import { ResizablePanelGroup, type ResizablePanelGroupProps } from './ResizablePanelGroup.js';
 
 type ResizableRootType = React.FC<{ children: React.ReactNode }>;
-type ResizableType = ResizableRootType & {
+type ResizableType = {
   Handle: React.FC<ResizableHandleProps>;
   Panel: React.FC<PanelProps>;
   PanelGroup: React.FC<ResizablePanelGroupProps>;
-};
+} & ResizableRootType;
 
 // This is only for storybook and is unnecessary for real-world use
 const ResizableRoot: ResizableRootType = ({ children }) => <>{children}</>;

package/src/components/Resizable/ResizableHandle.tsx

@@ -5,9 +5,9 @@ import { PanelResizeHandle } from 'react-resizable-panels';
 
 import { cn } from '../../utils.js';
 
-export type ResizableHandleProps = React.ComponentProps<typeof PanelResizeHandle> & {
+export type ResizableHandleProps = {
   withHandle?: boolean;
-};
+} & React.ComponentProps<typeof PanelResizeHandle>;
 
 export const ResizableHandle = ({ className, withHandle, ...props }: ResizableHandleProps) => (
   <PanelResizeHandle

package/src/components/SearchBar/SearchBar.tsx

@@ -15,17 +15,17 @@ export type BaseSearchBarProps = {
   placeholder?: string;
 };
 
-type ControlledSearchBarProps = BaseSearchBarProps & {
+type ControlledSearchBarProps = {
   /** Event handler called when the value changes */
   onValueChange: (value: string) => void;
   /** The controlled value of the search bar, which should be used in conjunction with onValueChange */
   value: string;
-};
+} & BaseSearchBarProps;
 
-type UncontrolledSearchBarProps = BaseSearchBarProps & {
+type UncontrolledSearchBarProps = {
   onValueChange?: never;
   value?: never;
-};
+} & BaseSearchBarProps;
 
 export type SearchBarProps = ControlledSearchBarProps | UncontrolledSearchBarProps;
 

package/src/i18n.ts

@@ -59,9 +59,9 @@ const i18n = createInstance({
   resources,
   returnObjects: true,
   supportedLngs
-}) as I18n & {
+}) as {
   addPreInitTranslations<T extends TranslationsDef>(translations: T): void;
-};
+} & I18n;
 
 i18n.addPreInitTranslations = function (this, translations) {
   if (!this.options.resources) {