npm - @douglasneuroinformatics/libui - Versions diffs - 1.0.0 → 1.2.0 - Mend

@douglasneuroinformatics/libui 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/{chunk-57KC6SAE.js → chunk-PAAJ5AH3.js} +6 -2
package/dist/chunk-PAAJ5AH3.js.map +1 -0
package/dist/components/index.d.ts +299 -8
package/dist/components/index.js +122 -15
package/dist/components/index.js.map +1 -1
package/dist/douglasneuroinformatics-libui-1.2.0.tgz +0 -0
package/dist/hooks/index.d.ts +39 -3
package/dist/hooks/index.js +67 -35
package/dist/hooks/index.js.map +1 -1
package/dist/utils.d.ts +2 -1
package/dist/utils.js +5 -3
package/package.json +40 -27
package/dist/chunk-57KC6SAE.js.map +0 -1

package/dist/{chunk-57KC6SAE.js → chunk-PAAJ5AH3.js} RENAMED Viewed

@@ -4,8 +4,12 @@ import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function isBrowser() {
+  return typeof window !== "undefined";
+}
 export {
-  cn
+  cn,
+  isBrowser
 };
-//# sourceMappingURL=chunk-57KC6SAE.js.map
+//# sourceMappingURL=chunk-PAAJ5AH3.js.map

package/dist/chunk-PAAJ5AH3.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport function isBrowser() {\n return typeof window !== 'undefined';\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAEO,SAAS,YAAY;AAC1B,SAAO,OAAO,WAAW;AAC3B;","names":[]}

package/dist/components/index.d.ts CHANGED Viewed

@@ -1,10 +1,17 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import React__default from 'react';
-import { VariantProps } from 'class-variance-authority';
+import * as _radix_ui_react_accordion from '@radix-ui/react-accordion';
 import { Simplify } from 'type-fest';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
+declare const Accordion: React.ForwardRefExoticComponent<(Omit<_radix_ui_react_accordion.AccordionSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<_radix_ui_react_accordion.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.ForwardRefExoticComponent<Omit<_radix_ui_react_accordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<_radix_ui_react_accordion.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<_radix_ui_react_accordion.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
 declare const BUTTON_ICON_SIZE: {
     lg: number;
     md: number;
@@ -12,7 +19,7 @@ declare const BUTTON_ICON_SIZE: {
 };
 declare const buttonVariants: (props?: ({
     size?: "md" | "icon" | "lg" | "sm" | null | undefined;
-    variant?: "primary" | "danger" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+    variant?: "link" | "primary" | "danger" | "ghost" | "outline" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonProps = Simplify<React__default.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
@@ -76,7 +83,7 @@ declare const Button: React__default.ForwardRefExoticComponent<{
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -90,7 +97,7 @@ declare const Button: React__default.ForwardRefExoticComponent<{
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -100,7 +107,7 @@ declare const Button: React__default.ForwardRefExoticComponent<{
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -298,14 +305,298 @@ declare const Button: React__default.ForwardRefExoticComponent<{
     onTransitionEnd?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
     size?: "md" | "icon" | "lg" | "sm" | null | undefined;
-    variant?: "primary" | "danger" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+    variant?: "link" | "primary" | "danger" | "ghost" | "outline" | "secondary" | null | undefined;
     asChild?: boolean | undefined;
     label?: string | undefined;
 } & React__default.RefAttributes<HTMLButtonElement>>;
+type ArrowToggleProps = Simplify<React__default.HTMLAttributes<HTMLButtonElement> & {
+    /** Whether or not the arrow is currently toggled */
+    isToggled?: boolean;
+    /** The starting position of the arrow (i.e., which direction does it point to) */
+    position: 'down' | 'left' | 'right' | 'up';
+    /** The clockwise rotation of the arrow when toggled (e.g., if the position is 'right' and rotation is 90, the arrow will point down) */
+    rotation?: number;
+    /** The variant of button to use */
+    variant?: Extract<ButtonProps['variant'], 'ghost' | 'outline'>;
+}>;
+declare const ArrowToggle: React__default.ForwardRefExoticComponent<{
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React__default.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React__default.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: React__default.ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React__default.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCopyCapture?: React__default.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCut?: React__default.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCutCapture?: React__default.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPaste?: React__default.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPasteCapture?: React__default.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEnd?: React__default.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEndCapture?: React__default.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStart?: React__default.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStartCapture?: React__default.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdate?: React__default.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdateCapture?: React__default.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onFocus?: React__default.FocusEventHandler<HTMLButtonElement> | undefined;
+    onFocusCapture?: React__default.FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: React__default.FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlurCapture?: React__default.FocusEventHandler<HTMLButtonElement> | undefined;
+    onChange?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onChangeCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInput?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInputCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onInput?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onInputCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onReset?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onResetCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onSubmit?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onSubmitCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onInvalid?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onInvalidCapture?: React__default.FormEventHandler<HTMLButtonElement> | undefined;
+    onLoad?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onError?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onErrorCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onKeyDown?: React__default.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyDownCapture?: React__default.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPress?: React__default.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPressCapture?: React__default.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUp?: React__default.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUpCapture?: React__default.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onAbort?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onAbortCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlay?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThrough?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThroughCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChange?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChangeCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptied?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptiedCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncrypted?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncryptedCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEnded?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEndedCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedData?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedDataCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadata?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadataCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStart?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStartCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPause?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPauseCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlay?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlaying?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayingCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgress?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgressCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChange?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChangeCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onResize?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onResizeCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeked?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekedCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeking?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekingCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalled?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalledCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspend?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspendCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdate?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdateCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChange?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChangeCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaiting?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaitingCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onAuxClick?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onAuxClickCapture?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenu?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenuCapture?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClick?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClickCapture?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onDrag?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragCapture?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnd?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEndCapture?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnter?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnterCapture?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExit?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExitCapture?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeave?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeaveCapture?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOver?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOverCapture?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStart?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStartCapture?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDrop?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onDropCapture?: React__default.DragEventHandler<HTMLButtonElement> | undefined;
+    onMouseDown?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseDownCapture?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseEnter?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseLeave?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMove?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMoveCapture?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOut?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOutCapture?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOver?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOverCapture?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUp?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUpCapture?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
+    onSelect?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSelectCapture?: React__default.ReactEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancel?: React__default.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancelCapture?: React__default.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEnd?: React__default.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEndCapture?: React__default.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMove?: React__default.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMoveCapture?: React__default.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStart?: React__default.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStartCapture?: React__default.TouchEventHandler<HTMLButtonElement> | undefined;
+    onPointerDown?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerDownCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMove?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMoveCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUp?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUpCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancel?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancelCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerEnter?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerEnterCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerLeave?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerLeaveCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOver?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOverCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOut?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOutCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCaptureCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCaptureCapture?: React__default.PointerEventHandler<HTMLButtonElement> | undefined;
+    onScroll?: React__default.UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollCapture?: React__default.UIEventHandler<HTMLButtonElement> | undefined;
+    onWheel?: React__default.WheelEventHandler<HTMLButtonElement> | undefined;
+    onWheelCapture?: React__default.WheelEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStart?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStartCapture?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEnd?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEndCapture?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIteration?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIterationCapture?: React__default.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEnd?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEndCapture?: React__default.TransitionEventHandler<HTMLButtonElement> | undefined;
+    isToggled?: boolean | undefined;
+    position: 'down' | 'left' | 'right' | 'up';
+    rotation?: number | undefined;
+    variant?: "ghost" | "outline" | undefined;
+} & React__default.RefAttributes<HTMLButtonElement>>;
 type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
-export { BUTTON_ICON_SIZE, Button, type ButtonProps, Input, type InputProps, Label, buttonVariants };
+export { Accordion, ArrowToggle, type ArrowToggleProps, BUTTON_ICON_SIZE, Button, type ButtonProps, Input, type InputProps, Label, buttonVariants };

package/dist/components/index.js CHANGED Viewed

@@ -1,12 +1,78 @@
 import {
   cn
-} from "../chunk-57KC6SAE.js";
+} from "../chunk-PAAJ5AH3.js";
+// src/components/Accordion/AccordionContent.tsx
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { jsx } from "react/jsx-runtime";
+var AccordionContent = React.forwardRef(function AccordionContent2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+    }
+  );
+});
+// src/components/Accordion/AccordionItem.tsx
+import * as React2 from "react";
+import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AccordionItem = React2.forwardRef(function AccordionItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx2(AccordionPrimitive2.Item, { className: cn("border-b", className), ref, ...props });
+});
+// src/components/Accordion/AccordionRoot.tsx
+import * as React3 from "react";
+import * as AccordionPrimitive3 from "@radix-ui/react-accordion";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AccordionRoot = React3.forwardRef(function AccordionRoot2(props, ref) {
+  return /* @__PURE__ */ jsx3(AccordionPrimitive3.Root, { "data-testid": "accordion", ref, ...props });
+});
+// src/components/Accordion/AccordionTrigger.tsx
+import * as React4 from "react";
+import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "@radix-ui/react-icons";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var AccordionTrigger = React4.forwardRef(function AccordionTrigger2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx4(AccordionPrimitive4.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive4.Trigger,
+    {
+      className: cn(
+        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ref,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx4(ChevronDownIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      ]
+    }
+  ) });
+});
+// src/components/Accordion/Accordion.tsx
+var Accordion = Object.assign(AccordionRoot, {
+  Content: AccordionContent,
+  Item: AccordionItem,
+  Trigger: AccordionTrigger
+});
+// src/components/ArrowToggle/ArrowToggle.tsx
+import React6, { useMemo } from "react";
+import { ChevronUpIcon } from "@radix-ui/react-icons";
 // src/components/Button/Button.tsx
-import React from "react";
-import { Slot } from "@radix-ui/react-slot";
+import React5 from "react";
+import { Slot, Slottable } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsxs } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var BUTTON_ICON_SIZE = {
   lg: 18,
   md: 16,
@@ -37,25 +103,64 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React.forwardRef(function Button2({ asChild = false, children, className, label, size = "md", variant = "primary", ...props }, ref) {
+var Button = React5.forwardRef(function Button2({ asChild, children, className, label, size = "md", variant = "primary", ...props }, ref) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsxs(Comp, { className: cn(buttonVariants({ className, size, variant })), ref, ...props, children: [
+  return /* @__PURE__ */ jsxs2(Comp, { className: cn(buttonVariants({ className, size, variant })), ref, ...props, children: [
     label,
-    children
+    /* @__PURE__ */ jsx5(Slottable, { children })
   ] });
 });
+// src/components/ArrowToggle/ArrowToggle.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ArrowToggle = React6.forwardRef(function ArrowToggle2({ className, isToggled, position, rotation = 0, variant = "ghost", ...props }, ref) {
+  const computedRotation = useMemo(() => {
+    const toggleRotation = isToggled ? rotation : 0;
+    switch (position) {
+      case "up":
+        return 0 + toggleRotation;
+      case "right":
+        return 90 + toggleRotation;
+      case "down":
+        return 180 + toggleRotation;
+      case "left":
+        return 270 + toggleRotation;
+    }
+  }, [position, rotation, isToggled]);
+  return /* @__PURE__ */ jsx6(
+    Button,
+    {
+      className: cn("h-6 w-6", className),
+      "data-testid": "arrow-toggle",
+      ref,
+      size: "icon",
+      type: "button",
+      variant,
+      ...props,
+      children: /* @__PURE__ */ jsx6(
+        ChevronUpIcon,
+        {
+          className: "transform-gpu transition-transform",
+          "data-testid": "arrow-up-icon",
+          style: { transform: `rotate(${computedRotation}deg)` }
+        }
+      )
+    }
+  );
+});
 // src/components/Input/Input.tsx
-import * as React2 from "react";
-import { jsx } from "react/jsx-runtime";
-var Input = React2.forwardRef(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
+import * as React7 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Input = React7.forwardRef(function Input2({ className, type, ...props }, ref) {
+  return /* @__PURE__ */ jsx7(
     "input",
     {
       className: cn(
         "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
+      "data-testid": "input",
       ref,
       type,
       ...props
@@ -64,15 +169,17 @@ var Input = React2.forwardRef(function Input2({ className, type, ...props }, ref
 });
 // src/components/Label/Label.tsx
-import * as React3 from "react";
+import * as React8 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var labelVariants = cva2("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label = React3.forwardRef(function Label2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx2(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref, ...props });
+var Label = React8.forwardRef(function Label2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx8(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref, ...props });
 });
 export {
+  Accordion,
+  ArrowToggle,
   BUTTON_ICON_SIZE,
   Button,
   Input,

package/dist/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/components/Button/Button.tsx","../../src/components/Input/Input.tsx","../../src/components/Label/Label.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { Simplify } from 'type-fest';\n\nimport { cn } from '@/utils';\n\nexport const BUTTON_ICON_SIZE = {\n lg: 18,\n md: 16,\n sm: 14\n};\n\nexport const buttonVariants = cva(\n 'flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n {\n defaultVariants: {\n size: 'md',\n variant: 'primary'\n },\n variants: {\n size: {\n icon: 'h-9 w-9',\n lg: 'h-10 rounded-md px-8',\n md: 'h-9 px-4 py-2',\n sm: 'h-8 rounded-md px-3 text-xs'\n },\n variant: {\n danger: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',\n ghost: 'hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline',\n outline: 'border border-input bg-inherit shadow-sm',\n primary: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',\n secondary: 'bg-secondary border text-secondary-foreground shadow-sm hover:bg-secondary/80'\n }\n }\n }\n);\n\nexport type ButtonProps = Simplify<\n React.ButtonHTMLAttributes<HTMLButtonElement> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n /** @deprecated - use children /\n label?: string;\n }\n>;\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n { asChild = false, children, className, label, size = 'md', variant = 'primary', ...props },\n ref\n) {\n const Comp = asChild ? Slot : 'button';\n return (\n <Comp className={cn(buttonVariants({ className, size, variant }))} ref={ref} {...props}>\n {label}\n {children}\n </Comp>\n );\n});\n","import as React from 'react';\n\nimport { cn } from '@/utils';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(function Input({ className, type, ...props }, ref) {\n return (\n <input\n className={cn(\n 'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',\n className\n )}\n ref={ref}\n type={type}\n {...props}\n />\n );\n});\n","import * as React from 'react';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { cn } from '@/utils';\n\nconst labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');\n\nexport const Label = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\n>(function Label({ className, ...props }, ref) {\n return <LabelPrimitive.Root className={cn(labelVariants(), className)} ref={ref} {...props} />;\n});\n"],"mappings":";;;;;AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AACrB,SAA4B,WAAW;AAoDnC;AA/CG,IAAM,mBAAmB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AAWO,IAAM,SAAS,MAAM,WAA2C,SAASA,QAC9E,EAAE,UAAU,OAAO,UAAU,WAAW,OAAO,OAAO,MAAM,UAAU,WAAW,GAAG,MAAM,GAC1F,KACA;AACA,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE,qBAAC,QAAK,WAAW,GAAG,eAAe,EAAE,WAAW,MAAM,QAAQ,CAAC,CAAC,GAAG,KAAW,GAAG,OAC9E;AAAA;AAAA,IACA;AAAA,KACH;AAEJ,CAAC;;;AC5DD,YAAYC,YAAW;AAQnB;AAFG,IAAM,QAAc,kBAAyC,SAASC,OAAM,EAAE,WAAW,MAAM,GAAG,MAAM,GAAG,KAAK;AACrH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;;;AClBD,YAAYC,YAAW;AAEvB,YAAY,oBAAoB;AAChC,SAA4B,OAAAC,YAAW;AAU9B,gBAAAC,YAAA;AANT,IAAM,gBAAgBC,KAAI,4FAA4F;AAE/G,IAAM,QAAc,kBAGzB,SAASC,OAAM,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7C,SAAO,gBAAAF,KAAgB,qBAAf,EAAoB,WAAW,GAAG,cAAc,GAAG,SAAS,GAAG,KAAW,GAAG,OAAO;AAC9F,CAAC;","names":["Button","React","Input","React","cva","jsx","cva","Label"]}
1	+ {"version":3,"sources":["../../src/components/Accordion/AccordionContent.tsx","../../src/components/Accordion/AccordionItem.tsx","../../src/components/Accordion/AccordionRoot.tsx","../../src/components/Accordion/AccordionTrigger.tsx","../../src/components/Accordion/Accordion.tsx","../../src/components/ArrowToggle/ArrowToggle.tsx","../../src/components/Button/Button.tsx","../../src/components/Input/Input.tsx","../../src/components/Label/Label.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\n\nimport { cn } from '@/utils';\n\nexport const AccordionContent = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(function AccordionContent({ children, className, ...props }, ref) {\n return (\n <AccordionPrimitive.Content\n className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n ref={ref}\n {...props}\n >\n <div className={cn('pb-4 pt-0', className)}>{children}</div>\n </AccordionPrimitive.Content>\n );\n});\n","import * as React from 'react';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\n\nimport { cn } from '@/utils';\n\nexport const AccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(function AccordionItem({ className, ...props }, ref) {\n return <AccordionPrimitive.Item className={cn('border-b', className)} ref={ref} {...props} />;\n});\n","import * as React from 'react';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\n\nexport const AccordionRoot = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>\n>(function AccordionRoot(props, ref) {\n return <AccordionPrimitive.Root data-testid=\"accordion\" ref={ref} {...props} />;\n});\n","import * as React from 'react';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\n\nimport { cn } from '@/utils';\n\nexport const AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(function AccordionTrigger({ children, className, ...props }, ref) {\n return (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n className={cn(\n 'flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\n className\n )}\n ref={ref}\n {...props}\n >\n {children}\n <ChevronDownIcon className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n );\n});\n","import { AccordionContent } from './AccordionContent';\nimport { AccordionItem } from './AccordionItem';\nimport { AccordionRoot } from './AccordionRoot';\nimport { AccordionTrigger } from './AccordionTrigger';\n\nexport const Accordion = Object.assign(AccordionRoot, {\n Content: AccordionContent,\n Item: AccordionItem,\n Trigger: AccordionTrigger\n});\n","import React, { useMemo } from 'react';\n\nimport { ChevronUpIcon } from '@radix-ui/react-icons';\nimport type { Simplify } from 'type-fest';\n\nimport { cn } from '@/utils';\n\nimport { Button, type ButtonProps } from '../Button';\n\nexport type ArrowToggleProps = Simplify<\n React.HTMLAttributes<HTMLButtonElement> & {\n /** Whether or not the arrow is currently toggled /\n isToggled?: boolean;\n\n /* The starting position of the arrow (i.e., which direction does it point to) /\n position: 'down' \| 'left' \| 'right' \| 'up';\n\n /* The clockwise rotation of the arrow when toggled (e.g., if the position is 'right' and rotation is 90, the arrow will point down) /\n rotation?: number;\n\n /* The variant of button to use /\n variant?: Extract<ButtonProps['variant'], 'ghost' \| 'outline'>;\n }\n>;\n\nexport const ArrowToggle = React.forwardRef<HTMLButtonElement, ArrowToggleProps>(function ArrowToggle(\n { className, isToggled, position, rotation = 0, variant = 'ghost', ...props },\n ref\n) {\n const computedRotation = useMemo(() => {\n const toggleRotation = isToggled ? rotation : 0;\n switch (position) {\n case 'up':\n return 0 + toggleRotation;\n case 'right':\n return 90 + toggleRotation;\n case 'down':\n return 180 + toggleRotation;\n case 'left':\n return 270 + toggleRotation;\n }\n }, [position, rotation, isToggled]);\n\n return (\n <Button\n className={cn('h-6 w-6', className)}\n data-testid=\"arrow-toggle\"\n ref={ref}\n size=\"icon\"\n type=\"button\"\n variant={variant}\n {...props}\n >\n <ChevronUpIcon\n className=\"transform-gpu transition-transform\"\n data-testid=\"arrow-up-icon\"\n style={{ transform: `rotate(${computedRotation}deg)` }}\n />\n </Button>\n );\n});\n","import React from 'react';\n\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { Simplify } from 'type-fest';\n\nimport { cn } from '@/utils';\n\nexport const BUTTON_ICON_SIZE = {\n lg: 18,\n md: 16,\n sm: 14\n};\n\nexport const buttonVariants = cva(\n 'flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n {\n defaultVariants: {\n size: 'md',\n variant: 'primary'\n },\n variants: {\n size: {\n icon: 'h-9 w-9',\n lg: 'h-10 rounded-md px-8',\n md: 'h-9 px-4 py-2',\n sm: 'h-8 rounded-md px-3 text-xs'\n },\n variant: {\n danger: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',\n ghost: 'hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline',\n outline: 'border border-input bg-inherit shadow-sm',\n primary: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',\n secondary: 'bg-secondary border text-secondary-foreground shadow-sm hover:bg-secondary/80'\n }\n }\n }\n);\n\nexport type ButtonProps = Simplify<\n React.ButtonHTMLAttributes<HTMLButtonElement> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n /* @deprecated - use children /\n label?: string;\n }\n>;\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n { asChild, children, className, label, size = 'md', variant = 'primary', ...props },\n ref\n) {\n const Comp = asChild ? Slot : 'button';\n return (\n <Comp className={cn(buttonVariants({ className, size, variant }))} ref={ref} {...props}>\n {label}\n <Slottable>{children}</Slottable>\n </Comp>\n );\n});\n","import as React from 'react';\n\nimport { cn } from '@/utils';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(function Input({ className, type, ...props }, ref) {\n return (\n <input\n className={cn(\n 'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',\n className\n )}\n data-testid=\"input\"\n ref={ref}\n type={type}\n {...props}\n />\n );\n});\n","import * as React from 'react';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { cn } from '@/utils';\n\nconst labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');\n\nexport const Label = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\n>(function Label({ className, ...props }, ref) {\n return <LabelPrimitive.Root className={cn(labelVariants(), className)} ref={ref} {...props} />;\n});\n"],"mappings":"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","names":["AccordionContent","React","AccordionPrimitive","jsx","AccordionItem","React","AccordionPrimitive","jsx","AccordionRoot","React","AccordionPrimitive","jsx","AccordionTrigger","React","React","jsx","jsxs","React","Button","jsx","React","ArrowToggle","React","jsx","Input","React","cva","jsx","cva","Label"]}

package/dist/douglasneuroinformatics-libui-1.2.0.tgz ADDED Viewed

Binary file

package/dist/hooks/index.d.ts CHANGED Viewed

@@ -52,11 +52,47 @@ declare global {
         'session-storage': CustomEvent;
     }
 }
-type SetValue<T> = Dispatch<SetStateAction<T>>;
-declare function useSessionStorage<T>(key: string, initialValue: T): [T, SetValue<T>];
+/**
+ * Represents the options for customizing the behavior of serialization and deserialization.
+ * @template T - The type of the state to be stored in session storage.
+ */
+type UseSessionStorageOptions<T> = {
+    /** A function to deserialize the stored value. */
+    deserializer?: (value: string) => T;
+    /**
+     * If `true` (default), the hook will initialize reading the session storage. In SSR, you should set it to `false`, returning the initial value initially.
+     * @default true
+     */
+    initializeWithValue?: boolean;
+    /** A function to serialize the value before storing it. */
+    serializer?: (value: T) => string;
+};
+/**
+ * Custom hook that uses session storage to persist state across page reloads.
+ * @template T - The type of the state to be stored in session storage.
+ * @param {string} key - The key under which the value will be stored in session storage.
+ * @param {T | (() => T)} initialValue - The initial value of the state or a function that returns the initial value.
+ * @param {?UseSessionStorageOptions<T>} [options] - Options for customizing the behavior of serialization and deserialization (optional).
+ * @returns {[T, Dispatch<SetStateAction<T>>]} A tuple containing the stored value and a function to set the value.
+ * @public
+ * @example
+ * ```tsx
+ * const [count, setCount] = useSessionStorage('count', 0);
+ * // Access the `count` value and the `setCount` function to update it.
+ * ```
+ */
+declare function useSessionStorage<T>(key: string, initialValue: (() => T) | T, options?: UseSessionStorageOptions<T>): [T, Dispatch<SetStateAction<T>>];
 type Theme = 'dark' | 'light';
 type UpdateTheme = (theme: Theme) => void;
+/** @private */
+declare const DEFAULT_THEME: Theme;
+/** @private */
+declare const THEME_ATTRIBUTE = "data-mode";
+/** @private */
+declare const THEME_KEY = "theme";
+/** @private */
+declare const SYS_DARK_MEDIA_QUERY = "(prefers-color-scheme: dark)";
 /**
  * Returns the current theme and a function to update the current theme
  *
@@ -71,4 +107,4 @@ type WindowSize = {
 };
 declare function useWindowSize(): WindowSize;
-export { type NotificationInterface, type NotificationsStore, type Theme, type WindowSize, useDownload, useEventCallback, useEventListener, useInterval, useIsomorphicLayoutEffect, useMediaQuery, useNotificationsStore, useOnClickOutside, useSessionStorage, useTheme, useWindowSize };
+export { DEFAULT_THEME, type NotificationInterface, type NotificationsStore, SYS_DARK_MEDIA_QUERY, THEME_ATTRIBUTE, THEME_KEY, type Theme, type WindowSize, useDownload, useEventCallback, useEventListener, useInterval, useIsomorphicLayoutEffect, useMediaQuery, useNotificationsStore, useOnClickOutside, useSessionStorage, useTheme, useWindowSize };

package/dist/hooks/index.js CHANGED Viewed

@@ -1,3 +1,7 @@
+import {
+  isBrowser
+} from "../chunk-PAAJ5AH3.js";
 // src/hooks/useDownload.ts
 import { useEffect, useState } from "react";
@@ -58,7 +62,7 @@ import { useCallback, useRef } from "react";
 // src/hooks/useIsomorphicLayoutEffect.ts
 import { useEffect as useEffect2, useLayoutEffect } from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
+var useIsomorphicLayoutEffect = isBrowser() ? useLayoutEffect : useEffect2;
 // src/hooks/useEventCallback.ts
 function useEventCallback(fn) {
@@ -110,7 +114,7 @@ function useInterval(callback, delay) {
 import { useEffect as useEffect5, useState as useState2 } from "react";
 function useMediaQuery(query) {
   const getMatches = (query2) => {
-    if (typeof window !== "undefined") {
+    if (isBrowser()) {
       return window.matchMedia(query2).matches;
     }
     return false;
@@ -122,17 +126,9 @@ function useMediaQuery(query) {
   useEffect5(() => {
     const matchMedia = window.matchMedia(query);
     handleChange();
-    if (matchMedia.addListener) {
-      matchMedia.addListener(handleChange);
-    } else {
-      matchMedia.addEventListener("change", handleChange);
-    }
+    matchMedia.addEventListener("change", handleChange);
     return () => {
-      if (matchMedia.removeListener) {
-        matchMedia.removeListener(handleChange);
-      } else {
-        matchMedia.removeEventListener("change", handleChange);
-      }
+      matchMedia.removeEventListener("change", handleChange);
     };
   }, [query]);
   return matches;
@@ -152,43 +148,73 @@ function useOnClickOutside(ref, handler, mouseEvent = "mousedown") {
 // src/hooks/useSessionStorage.ts
 import { useCallback as useCallback2, useEffect as useEffect6, useState as useState3 } from "react";
-function parseJSON(value) {
-  try {
-    return value === "undefined" ? void 0 : JSON.parse(value ?? "");
-  } catch {
-    return void 0;
-  }
-}
-function useSessionStorage(key, initialValue) {
+var IS_SERVER = typeof window === "undefined";
+function useSessionStorage(key, initialValue, options = {}) {
+  const { initializeWithValue = true } = options;
+  const serializer = useCallback2(
+    (value) => {
+      if (options.serializer) {
+        return options.serializer(value);
+      }
+      return JSON.stringify(value);
+    },
+    [options]
+  );
+  const deserializer = useCallback2(
+    (value) => {
+      if (options.deserializer) {
+        return options.deserializer(value);
+      }
+      if (value === "undefined") {
+        return void 0;
+      }
+      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;
+      let parsed;
+      try {
+        parsed = JSON.parse(value);
+      } catch (error) {
+        console.error("Error parsing JSON:", error);
+        return defaultValue;
+      }
+      return parsed;
+    },
+    [options, initialValue]
+  );
   const readValue = useCallback2(() => {
-    if (typeof window === "undefined") {
-      return initialValue;
+    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;
+    if (IS_SERVER) {
+      return initialValueToUse;
     }
     try {
-      const item = window.sessionStorage.getItem(key);
-      return item ? parseJSON(item) : initialValue;
+      const raw = window.sessionStorage.getItem(key);
+      return raw ? deserializer(raw) : initialValueToUse;
     } catch (error) {
       console.warn(`Error reading sessionStorage key \u201C${key}\u201D:`, error);
-      return initialValue;
+      return initialValueToUse;
+    }
+  }, [initialValue, key, deserializer]);
+  const [storedValue, setStoredValue] = useState3(() => {
+    if (initializeWithValue) {
+      return readValue();
     }
-  }, [initialValue, key]);
-  const [storedValue, setStoredValue] = useState3(readValue);
+    return initialValue instanceof Function ? initialValue() : initialValue;
+  });
   const setValue = useEventCallback((value) => {
-    if (typeof window == "undefined") {
+    if (IS_SERVER) {
       console.warn(`Tried setting sessionStorage key \u201C${key}\u201D even though environment is not a client`);
     }
     try {
-      const newValue = value instanceof Function ? value(storedValue) : value;
-      window.sessionStorage.setItem(key, JSON.stringify(newValue));
+      const newValue = value instanceof Function ? value(readValue()) : value;
+      window.sessionStorage.setItem(key, serializer(newValue));
       setStoredValue(newValue);
-      window.dispatchEvent(new Event("session-storage"));
+      window.dispatchEvent(new StorageEvent("session-storage", { key }));
     } catch (error) {
       console.warn(`Error setting sessionStorage key \u201C${key}\u201D:`, error);
     }
   });
   useEffect6(() => {
     setStoredValue(readValue());
-  }, []);
+  }, [key]);
   const handleStorageChange = useCallback2(
     (event) => {
       if (event.key && event.key !== key) {
@@ -205,19 +231,21 @@ function useSessionStorage(key, initialValue) {
 // src/hooks/useTheme.ts
 import { useCallback as useCallback3, useEffect as useEffect7, useState as useState4 } from "react";
+var DEFAULT_THEME = "light";
 var THEME_ATTRIBUTE = "data-mode";
 var THEME_KEY = "theme";
+var SYS_DARK_MEDIA_QUERY = "(prefers-color-scheme: dark)";
 function useTheme() {
   const [theme, setTheme] = useState4(() => {
-    if (typeof window === "undefined") {
-      return "light";
+    if (!isBrowser()) {
+      return DEFAULT_THEME;
     }
     const savedTheme = window.localStorage.getItem(THEME_KEY);
     let initialTheme;
     if (savedTheme === "dark" || savedTheme === "light") {
       initialTheme = savedTheme;
     } else {
-      initialTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      initialTheme = window.matchMedia(SYS_DARK_MEDIA_QUERY).matches ? "dark" : "light";
     }
     document.documentElement.setAttribute(THEME_ATTRIBUTE, initialTheme);
     return initialTheme;
@@ -270,6 +298,10 @@ function useWindowSize() {
   return windowSize;
 }
 export {
+  DEFAULT_THEME,
+  SYS_DARK_MEDIA_QUERY,
+  THEME_ATTRIBUTE,
+  THEME_KEY,
   useDownload,
   useEventCallback,
   useEventListener,

package/dist/hooks/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useDownload.ts","../../src/hooks/useNotificationsStore.ts","../../src/hooks/useEventCallback.ts","../../src/hooks/useIsomorphicLayoutEffect.ts","../../src/hooks/useEventListener.ts","../../src/hooks/useInterval.ts","../../src/hooks/useMediaQuery.ts","../../src/hooks/useOnClickOutside.ts","../../src/hooks/useSessionStorage.ts","../../src/hooks/useTheme.ts","../../src/hooks/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Promisable } from 'type-fest';\n\nimport { useNotificationsStore } from './useNotificationsStore';\n\n/*\n Used to trigger downloads of arbitrary data to the client\n * @returns A function to invoke the download\n /\nexport function useDownload() {\n const notifications = useNotificationsStore();\n const [data, setData] = useState<null \| string>(null);\n const [filename, setFilename] = useState<null \| string>(null);\n\n useEffect(() => {\n if (data && filename) {\n const anchor = document.createElement('a');\n document.body.appendChild(anchor);\n const blob = new Blob([data], { type: 'text/plain' });\n const url = URL.createObjectURL(blob);\n anchor.href = url;\n anchor.download = filename;\n anchor.click();\n URL.revokeObjectURL(url);\n anchor.remove();\n setData(null);\n setFilename(null);\n }\n }, [data, filename]);\n\n return async (filename: string, fetchData: () => Promisable<string>) => {\n try {\n const data = await fetchData();\n setData(data);\n setFilename(filename);\n } catch (error) {\n const message = error instanceof Error ? error.message : 'An unknown error occurred';\n notifications.addNotification({\n message,\n title: 'Error',\n type: 'error'\n });\n }\n };\n}\n","import { create } from 'zustand';\n\nexport type NotificationInterface = {\n id: number;\n message?: string;\n title?: string;\n type: 'error' \| 'info' \| 'success' \| 'warning';\n variant?: 'critical' \| 'standard';\n};\n\nexport type NotificationsStore = {\n addNotification: (notification: Omit<NotificationInterface, 'id'>) => void;\n dismissNotification: (id: number) => void;\n notifications: NotificationInterface[];\n};\n\nexport const useNotificationsStore = create<NotificationsStore>((set) => ({\n addNotification: (notification) => {\n set((state) => ({\n notifications: [...state.notifications, { id: Date.now(), ...notification }]\n }));\n },\n dismissNotification: (id) => {\n set((state) => ({\n notifications: state.notifications.filter((notification) => notification.id !== id)\n }));\n },\n notifications: []\n}));\n","import { useCallback, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R) {\n const ref = useRef<typeof fn>(() => {\n throw new Error('Cannot call an event handler while rendering.');\n });\n\n useIsomorphicLayoutEffect(() => {\n ref.current = fn;\n }, [fn]);\n\n return useCallback((...args: Args) => ref.current(...args), [ref]);\n}\n","import { useEffect, useLayoutEffect } from 'react';\n\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n","import { type RefObject, useEffect, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\n// MediaQueryList Event based useEventListener interface\nfunction useEventListener<K extends keyof MediaQueryListEventMap>(\n eventName: K,\n handler: (event: MediaQueryListEventMap[K]) => void,\n element: RefObject<MediaQueryList>,\n options?: AddEventListenerOptions \| boolean\n): void;\n\n// Window Event based useEventListener interface\nfunction useEventListener<K extends keyof WindowEventMap>(\n eventName: K,\n handler: (event: WindowEventMap[K]) => void,\n element?: undefined,\n options?: AddEventListenerOptions \| boolean\n): void;\n\n// Element Event based useEventListener interface\nfunction useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(\n eventName: K,\n handler: (event: HTMLElementEventMap[K]) => void,\n element: RefObject<T>,\n options?: AddEventListenerOptions \| boolean\n): void;\n\n// Document Event based useEventListener interface\nfunction useEventListener<K extends keyof DocumentEventMap>(\n eventName: K,\n handler: (event: DocumentEventMap[K]) => void,\n element: RefObject<Document>,\n options?: AddEventListenerOptions \| boolean\n): void;\n\nfunction useEventListener<\n KW extends keyof WindowEventMap,\n KH extends keyof HTMLElementEventMap,\n KM extends keyof MediaQueryListEventMap,\n T extends HTMLElement \| MediaQueryList \| void = void\n>(\n eventName: KH \| KM \| KW,\n handler: (event: Event \| HTMLElementEventMap[KH] \| MediaQueryListEventMap[KM] \| WindowEventMap[KW]) => void,\n element?: RefObject<T>,\n options?: AddEventListenerOptions \| boolean\n) {\n // Create a ref that stores handler\n const savedHandler = useRef(handler);\n\n useIsomorphicLayoutEffect(() => {\n savedHandler.current = handler;\n }, [handler]);\n\n useEffect(() => {\n // Define the listening target\n const targetElement: T \| Window = element?.current ?? window;\n\n if (!(targetElement && targetElement.addEventListener)) return;\n\n // Create event listener that calls handler function stored in ref\n const listener: typeof handler = (event) => savedHandler.current(event);\n\n targetElement.addEventListener(eventName, listener, options);\n\n // Remove event listener on cleanup\n return () => {\n targetElement.removeEventListener(eventName, listener, options);\n };\n }, [eventName, element, options]);\n}\n\nexport { useEventListener };\n","import { useEffect, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useInterval(callback: () => void, delay: null \| number) {\n const savedCallback = useRef(callback);\n\n // Remember the latest callback if it changes.\n useIsomorphicLayoutEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n\n // Set up the interval.\n useEffect(() => {\n // Don't schedule if no delay is specified.\n // Note: 0 is a valid value for delay.\n if (!delay && delay !== 0) {\n return;\n }\n\n const id = setInterval(() => savedCallback.current(), delay);\n\n return () => clearInterval(id);\n }, [delay]);\n}\n","import { useEffect, useState } from 'react';\n\n/\n Get the result of an arbitrary CSS media query\n \n @param query - the CSS media query\n * @returns a boolean indicating the result of the query\n * @example\n * // true if the viewport is at least 768px wide\n * const matches = useMediaQuery('(min-width: 768px)')\n /\nexport function useMediaQuery(query: string): boolean {\n const getMatches = (query: string): boolean => {\n // Prevents SSR issues\n if (typeof window !== 'undefined') {\n return window.matchMedia(query).matches;\n }\n return false;\n };\n\n const [matches, setMatches] = useState<boolean>(getMatches(query));\n\n function handleChange() {\n setMatches(getMatches(query));\n }\n\n useEffect(() => {\n const matchMedia = window.matchMedia(query);\n\n // Triggered at the first client-side load and if query changes\n handleChange();\n\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n if (matchMedia.addListener) {\n matchMedia.addListener(handleChange);\n } else {\n matchMedia.addEventListener('change', handleChange);\n }\n\n return () => {\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n if (matchMedia.removeListener) {\n matchMedia.removeListener(handleChange);\n } else {\n matchMedia.removeEventListener('change', handleChange);\n }\n };\n }, [query]);\n\n return matches;\n}\n","import { type RefObject } from 'react';\n\nimport { useEventListener } from './useEventListener';\n\ntype Handler = (event: MouseEvent) => void;\n\nexport function useOnClickOutside<T extends HTMLElement = HTMLElement>(\n ref: RefObject<T>,\n handler: Handler,\n mouseEvent: 'mousedown' \| 'mouseup' = 'mousedown'\n): void {\n useEventListener(mouseEvent, (event) => {\n const el = ref.current;\n\n // Do nothing if clicking ref's element or descendent elements\n if (!el \|\| el.contains(event.target as Node)) {\n return;\n }\n\n handler(event);\n });\n}\n","import { type Dispatch, type SetStateAction, useCallback, useEffect, useState } from 'react';\n\nimport { useEventCallback } from './useEventCallback';\nimport { useEventListener } from './useEventListener';\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n interface WindowEventMap {\n 'session-storage': CustomEvent;\n }\n}\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>;\n\n// A wrapper for \"JSON.parse()\"\" to support \"undefined\" value\nfunction parseJSON<T>(value: null \| string): T \| undefined {\n try {\n return value === 'undefined' ? undefined : (JSON.parse(value ?? '') as T);\n } catch {\n return undefined;\n }\n}\n\nexport function useSessionStorage<T>(key: string, initialValue: T): [T, SetValue<T>] {\n // Get from session storage then\n // parse stored json or return initialValue\n const readValue = useCallback((): T => {\n // Prevent build error \"window is undefined\" but keep keep working\n if (typeof window === 'undefined') {\n return initialValue;\n }\n\n try {\n const item = window.sessionStorage.getItem(key);\n return item ? (parseJSON(item) as T) : initialValue;\n } catch (error) {\n console.warn(`Error reading sessionStorage key “${key}”:`, error);\n return initialValue;\n }\n }, [initialValue, key]);\n\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState<T>(readValue);\n\n // Return a wrapped version of useState's setter function that ...\n // ... persists the new value to sessionStorage.\n const setValue: SetValue<T> = useEventCallback((value) => {\n // Prevent build error \"window is undefined\" but keeps working\n if (typeof window == 'undefined') {\n console.warn(`Tried setting sessionStorage key “${key}” even though environment is not a client`);\n }\n\n try {\n // Allow value to be a function so we have the same API as useState\n const newValue = value instanceof Function ? value(storedValue) : value;\n\n // Save to session storage\n window.sessionStorage.setItem(key, JSON.stringify(newValue));\n\n // Save state\n setStoredValue(newValue);\n\n // We dispatch a custom event so every useSessionStorage hook are notified\n window.dispatchEvent(new Event('session-storage'));\n } catch (error) {\n console.warn(`Error setting sessionStorage key “${key}”:`, error);\n }\n });\n\n useEffect(() => {\n setStoredValue(readValue());\n }, []);\n\n const handleStorageChange = useCallback(\n (event: CustomEvent \| StorageEvent) => {\n if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n\n // this only works for other documents, not the current one\n useEventListener('storage', handleStorageChange);\n\n // this is a custom event, triggered in writeValueTosessionStorage\n // See: useSessionStorage()\n useEventListener('session-storage', handleStorageChange);\n\n return [storedValue, setValue];\n}\n","import { useCallback, useEffect, useState } from 'react';\n\ntype Theme = 'dark' \| 'light';\n\ntype UpdateTheme = (theme: Theme) => void;\n\nconst THEME_ATTRIBUTE = 'data-mode';\nconst THEME_KEY = 'theme';\n\n/\n Returns the current theme and a function to update the current theme\n \n The reason the implementation of this hook is rather convoluted is for\n * cases where the theme is updated outside this hook\n */\nfunction useTheme(): readonly [Theme, UpdateTheme] {\n // Initial theme value is based on the value saved in local storage or the system theme\n const [theme, setTheme] = useState<Theme>(() => {\n if (typeof window === 'undefined') {\n return 'light';\n }\n const savedTheme = window.localStorage.getItem(THEME_KEY);\n let initialTheme: Theme;\n if (savedTheme === 'dark' \|\| savedTheme === 'light') {\n initialTheme = savedTheme;\n } else {\n initialTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n }\n document.documentElement.setAttribute(THEME_ATTRIBUTE, initialTheme);\n return initialTheme;\n });\n\n useEffect(() => {\n const observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n if (mutation.attributeName === THEME_ATTRIBUTE) {\n const updatedTheme = (mutation.target as HTMLHtmlElement).getAttribute(THEME_ATTRIBUTE);\n if (updatedTheme === 'light' \|\| updatedTheme === 'dark') {\n window.localStorage.setItem(THEME_KEY, updatedTheme);\n setTheme(updatedTheme);\n } else {\n console.error(`Unexpected value for 'data-mode' attribute: ${updatedTheme}`);\n }\n }\n });\n });\n observer.observe(document.documentElement, {\n attributes: true\n });\n return () => observer.disconnect();\n }, []);\n\n // When the user wants to change the theme\n const updateTheme = useCallback(\n (theme: Theme) => {\n document.documentElement.setAttribute(THEME_ATTRIBUTE, theme);\n },\n [document.documentElement]\n );\n\n return [theme, updateTheme] as const;\n}\n\nexport { type Theme, useTheme };\n","import { useState } from 'react';\n\nimport { useEventListener } from './useEventListener';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport type WindowSize = {\n height: number;\n width: number;\n};\n\nexport function useWindowSize(): WindowSize {\n const [windowSize, setWindowSize] = useState<WindowSize>({\n height: 0,\n width: 0\n });\n\n const handleSize = () => {\n setWindowSize({\n height: window.innerHeight,\n width: window.innerWidth\n });\n };\n\n useEventListener('resize', handleSize);\n\n // Set size at the first client-side load\n useIsomorphicLayoutEffect(() => {\n handleSize();\n }, []);\n\n return windowSize;\n}\n"],"mappings":"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","names":["filename","data","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useState","query","useCallback","useEffect","useState","useCallback","useState","useEffect","useCallback","useEffect","useState","theme","useState","useState"]}
1	+ {"version":3,"sources":["../../src/hooks/useDownload.ts","../../src/hooks/useNotificationsStore.ts","../../src/hooks/useEventCallback.ts","../../src/hooks/useIsomorphicLayoutEffect.ts","../../src/hooks/useEventListener.ts","../../src/hooks/useInterval.ts","../../src/hooks/useMediaQuery.ts","../../src/hooks/useOnClickOutside.ts","../../src/hooks/useSessionStorage.ts","../../src/hooks/useTheme.ts","../../src/hooks/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Promisable } from 'type-fest';\n\nimport { useNotificationsStore } from './useNotificationsStore';\n\n/*\n Used to trigger downloads of arbitrary data to the client\n * @returns A function to invoke the download\n /\nexport function useDownload() {\n const notifications = useNotificationsStore();\n const [data, setData] = useState<null \| string>(null);\n const [filename, setFilename] = useState<null \| string>(null);\n\n useEffect(() => {\n if (data && filename) {\n const anchor = document.createElement('a');\n document.body.appendChild(anchor);\n const blob = new Blob([data], { type: 'text/plain' });\n const url = URL.createObjectURL(blob);\n anchor.href = url;\n anchor.download = filename;\n anchor.click();\n URL.revokeObjectURL(url);\n anchor.remove();\n setData(null);\n setFilename(null);\n }\n }, [data, filename]);\n\n return async (filename: string, fetchData: () => Promisable<string>) => {\n try {\n const data = await fetchData();\n setData(data);\n setFilename(filename);\n } catch (error) {\n const message = error instanceof Error ? error.message : 'An unknown error occurred';\n notifications.addNotification({\n message,\n title: 'Error',\n type: 'error'\n });\n }\n };\n}\n","import { create } from 'zustand';\n\nexport type NotificationInterface = {\n id: number;\n message?: string;\n title?: string;\n type: 'error' \| 'info' \| 'success' \| 'warning';\n variant?: 'critical' \| 'standard';\n};\n\nexport type NotificationsStore = {\n addNotification: (notification: Omit<NotificationInterface, 'id'>) => void;\n dismissNotification: (id: number) => void;\n notifications: NotificationInterface[];\n};\n\nexport const useNotificationsStore = create<NotificationsStore>((set) => ({\n addNotification: (notification) => {\n set((state) => ({\n notifications: [...state.notifications, { id: Date.now(), ...notification }]\n }));\n },\n dismissNotification: (id) => {\n set((state) => ({\n notifications: state.notifications.filter((notification) => notification.id !== id)\n }));\n },\n notifications: []\n}));\n","import { useCallback, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R) {\n const ref = useRef<typeof fn>(() => {\n throw new Error('Cannot call an event handler while rendering.');\n });\n\n useIsomorphicLayoutEffect(() => {\n ref.current = fn;\n }, [fn]);\n\n return useCallback((...args: Args) => ref.current(...args), [ref]);\n}\n","import { useEffect, useLayoutEffect } from 'react';\n\nimport { isBrowser } from '@/utils';\n\nexport const useIsomorphicLayoutEffect = isBrowser() ? useLayoutEffect : useEffect;\n","import { type RefObject, useEffect, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\n// MediaQueryList Event based useEventListener interface\nfunction useEventListener<K extends keyof MediaQueryListEventMap>(\n eventName: K,\n handler: (event: MediaQueryListEventMap[K]) => void,\n element: RefObject<MediaQueryList>,\n options?: AddEventListenerOptions \| boolean\n): void;\n\n// Window Event based useEventListener interface\nfunction useEventListener<K extends keyof WindowEventMap>(\n eventName: K,\n handler: (event: WindowEventMap[K]) => void,\n element?: undefined,\n options?: AddEventListenerOptions \| boolean\n): void;\n\n// Element Event based useEventListener interface\nfunction useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(\n eventName: K,\n handler: (event: HTMLElementEventMap[K]) => void,\n element: RefObject<T>,\n options?: AddEventListenerOptions \| boolean\n): void;\n\n// Document Event based useEventListener interface\nfunction useEventListener<K extends keyof DocumentEventMap>(\n eventName: K,\n handler: (event: DocumentEventMap[K]) => void,\n element: RefObject<Document>,\n options?: AddEventListenerOptions \| boolean\n): void;\n\nfunction useEventListener<\n KW extends keyof WindowEventMap,\n KH extends keyof HTMLElementEventMap,\n KM extends keyof MediaQueryListEventMap,\n T extends HTMLElement \| MediaQueryList \| void = void\n>(\n eventName: KH \| KM \| KW,\n handler: (event: Event \| HTMLElementEventMap[KH] \| MediaQueryListEventMap[KM] \| WindowEventMap[KW]) => void,\n element?: RefObject<T>,\n options?: AddEventListenerOptions \| boolean\n) {\n // Create a ref that stores handler\n const savedHandler = useRef(handler);\n\n useIsomorphicLayoutEffect(() => {\n savedHandler.current = handler;\n }, [handler]);\n\n useEffect(() => {\n // Define the listening target\n const targetElement: T \| Window = element?.current ?? window;\n\n if (!(targetElement && targetElement.addEventListener)) return;\n\n // Create event listener that calls handler function stored in ref\n const listener: typeof handler = (event) => savedHandler.current(event);\n\n targetElement.addEventListener(eventName, listener, options);\n\n // Remove event listener on cleanup\n return () => {\n targetElement.removeEventListener(eventName, listener, options);\n };\n }, [eventName, element, options]);\n}\n\nexport { useEventListener };\n","import { useEffect, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport function useInterval(callback: () => void, delay: null \| number) {\n const savedCallback = useRef(callback);\n\n // Remember the latest callback if it changes.\n useIsomorphicLayoutEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n\n // Set up the interval.\n useEffect(() => {\n // Don't schedule if no delay is specified.\n // Note: 0 is a valid value for delay.\n if (!delay && delay !== 0) {\n return;\n }\n\n const id = setInterval(() => savedCallback.current(), delay);\n\n return () => clearInterval(id);\n }, [delay]);\n}\n","import { useEffect, useState } from 'react';\n\nimport { isBrowser } from '@/utils';\n\n/\n Get the result of an arbitrary CSS media query\n \n @param query - the CSS media query\n * @returns a boolean indicating the result of the query\n * @example\n * // true if the viewport is at least 768px wide\n * const matches = useMediaQuery('(min-width: 768px)')\n /\nexport function useMediaQuery(query: string): boolean {\n const getMatches = (query: string): boolean => {\n // Prevents SSR issues\n if (isBrowser()) {\n return window.matchMedia(query).matches;\n }\n return false;\n };\n\n const [matches, setMatches] = useState<boolean>(getMatches(query));\n\n function handleChange() {\n setMatches(getMatches(query));\n }\n\n useEffect(() => {\n const matchMedia = window.matchMedia(query);\n\n // Triggered at the first client-side load and if query changes\n handleChange();\n\n matchMedia.addEventListener('change', handleChange);\n\n return () => {\n matchMedia.removeEventListener('change', handleChange);\n };\n }, [query]);\n\n return matches;\n}\n","import { type RefObject } from 'react';\n\nimport { useEventListener } from './useEventListener';\n\ntype Handler = (event: MouseEvent) => void;\n\nexport function useOnClickOutside<T extends HTMLElement = HTMLElement>(\n ref: RefObject<T>,\n handler: Handler,\n mouseEvent: 'mousedown' \| 'mouseup' = 'mousedown'\n): void {\n useEventListener(mouseEvent, (event) => {\n const el = ref.current;\n\n // Do nothing if clicking ref's element or descendent elements\n if (!el \|\| el.contains(event.target as Node)) {\n return;\n }\n\n handler(event);\n });\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { useEventCallback } from './useEventCallback';\nimport { useEventListener } from './useEventListener';\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n interface WindowEventMap {\n 'session-storage': CustomEvent;\n }\n}\n\n/\n Represents the options for customizing the behavior of serialization and deserialization.\n * @template T - The type of the state to be stored in session storage.\n /\ntype UseSessionStorageOptions<T> = {\n /* A function to deserialize the stored value. /\n deserializer?: (value: string) => T;\n /\n If `true` (default), the hook will initialize reading the session storage. In SSR, you should set it to `false`, returning the initial value initially.\n * @default true\n /\n initializeWithValue?: boolean;\n /* A function to serialize the value before storing it. /\n serializer?: (value: T) => string;\n};\n\nconst IS_SERVER = typeof window === 'undefined';\n\n/\n Custom hook that uses session storage to persist state across page reloads.\n * @template T - The type of the state to be stored in session storage.\n * @param {string} key - The key under which the value will be stored in session storage.\n * @param {T \| (() => T)} initialValue - The initial value of the state or a function that returns the initial value.\n * @param {?UseSessionStorageOptions<T>} [options] - Options for customizing the behavior of serialization and deserialization (optional).\n * @returns {[T, Dispatch<SetStateAction<T>>]} A tuple containing the stored value and a function to set the value.\n * @public\n * @example\n * ```tsx\n * const [count, setCount] = useSessionStorage('count', 0);\n * // Access the `count` value and the `setCount` function to update it.\n * ```\n /\nexport function useSessionStorage<T>(\n key: string,\n initialValue: (() => T) \| T,\n options: UseSessionStorageOptions<T> = {}\n): [T, Dispatch<SetStateAction<T>>] {\n const { initializeWithValue = true } = options;\n\n const serializer = useCallback<(value: T) => string>(\n (value) => {\n if (options.serializer) {\n return options.serializer(value);\n }\n\n return JSON.stringify(value);\n },\n [options]\n );\n\n const deserializer = useCallback<(value: string) => T>(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n // Support 'undefined' as a value\n if (value === 'undefined') {\n return undefined as unknown as T;\n }\n\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n\n let parsed: unknown;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error('Error parsing JSON:', error);\n return defaultValue; // Return initialValue if parsing fails\n }\n\n return parsed as T;\n },\n [options, initialValue]\n );\n\n // Get from session storage then\n // parse stored json or return initialValue\n const readValue = useCallback((): T => {\n const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n\n // Prevent build error \"window is undefined\" but keep keep working\n if (IS_SERVER) {\n return initialValueToUse;\n }\n\n try {\n const raw = window.sessionStorage.getItem(key);\n return raw ? deserializer(raw) : initialValueToUse;\n } catch (error) {\n console.warn(`Error reading sessionStorage key “${key}”:`, error);\n return initialValueToUse;\n }\n }, [initialValue, key, deserializer]);\n\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n\n return initialValue instanceof Function ? initialValue() : initialValue;\n });\n\n // Return a wrapped version of useState's setter function that ...\n // ... persists the new value to sessionStorage.\n const setValue: Dispatch<SetStateAction<T>> = useEventCallback((value) => {\n // Prevent build error \"window is undefined\" but keeps working\n if (IS_SERVER) {\n console.warn(`Tried setting sessionStorage key “${key}” even though environment is not a client`);\n }\n\n try {\n // Allow value to be a function so we have the same API as useState\n const newValue = value instanceof Function ? value(readValue()) : value;\n\n // Save to session storage\n window.sessionStorage.setItem(key, serializer(newValue));\n\n // Save state\n setStoredValue(newValue);\n\n // We dispatch a custom event so every similar useSessionStorage hook is notified\n window.dispatchEvent(new StorageEvent('session-storage', { key }));\n } catch (error) {\n console.warn(`Error setting sessionStorage key “${key}”:`, error);\n }\n });\n\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n\n const handleStorageChange = useCallback(\n (event: CustomEvent \| StorageEvent) => {\n if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n\n // this only works for other documents, not the current one\n useEventListener('storage', handleStorageChange);\n\n // this is a custom event, triggered in writeValueToSessionStorage\n // See: useSessionStorage()\n useEventListener('session-storage', handleStorageChange);\n\n return [storedValue, setValue];\n}\n","import { useCallback, useEffect, useState } from 'react';\n\nimport { isBrowser } from '@/utils';\n\ntype Theme = 'dark' \| 'light';\n\ntype UpdateTheme = (theme: Theme) => void;\n\n/* @private /\nconst DEFAULT_THEME: Theme = 'light';\n\n/* @private /\nconst THEME_ATTRIBUTE = 'data-mode';\n\n/* @private /\nconst THEME_KEY = 'theme';\n\n/* @private /\nconst SYS_DARK_MEDIA_QUERY = '(prefers-color-scheme: dark)';\n\n/\n Returns the current theme and a function to update the current theme\n \n The reason the implementation of this hook is rather convoluted is for\n * cases where the theme is updated outside this hook\n */\nfunction useTheme(): readonly [Theme, UpdateTheme] {\n // Initial theme value is based on the value saved in local storage or the system theme\n const [theme, setTheme] = useState<Theme>(() => {\n if (!isBrowser()) {\n return DEFAULT_THEME;\n }\n const savedTheme = window.localStorage.getItem(THEME_KEY);\n let initialTheme: Theme;\n if (savedTheme === 'dark' \|\| savedTheme === 'light') {\n initialTheme = savedTheme;\n } else {\n initialTheme = window.matchMedia(SYS_DARK_MEDIA_QUERY).matches ? 'dark' : 'light';\n }\n document.documentElement.setAttribute(THEME_ATTRIBUTE, initialTheme);\n return initialTheme;\n });\n\n useEffect(() => {\n const observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n if (mutation.attributeName === THEME_ATTRIBUTE) {\n const updatedTheme = (mutation.target as HTMLHtmlElement).getAttribute(THEME_ATTRIBUTE);\n if (updatedTheme === 'light' \|\| updatedTheme === 'dark') {\n window.localStorage.setItem(THEME_KEY, updatedTheme);\n setTheme(updatedTheme);\n } else {\n console.error(`Unexpected value for 'data-mode' attribute: ${updatedTheme}`);\n }\n }\n });\n });\n observer.observe(document.documentElement, {\n attributes: true\n });\n return () => observer.disconnect();\n }, []);\n\n // When the user wants to change the theme\n const updateTheme = useCallback(\n (theme: Theme) => {\n document.documentElement.setAttribute(THEME_ATTRIBUTE, theme);\n },\n [document.documentElement]\n );\n\n return [theme, updateTheme] as const;\n}\n\nexport { DEFAULT_THEME, SYS_DARK_MEDIA_QUERY, THEME_ATTRIBUTE, THEME_KEY, type Theme, useTheme };\n","import { useState } from 'react';\n\nimport { useEventListener } from './useEventListener';\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nexport type WindowSize = {\n height: number;\n width: number;\n};\n\nexport function useWindowSize(): WindowSize {\n const [windowSize, setWindowSize] = useState<WindowSize>({\n height: 0,\n width: 0\n });\n\n const handleSize = () => {\n setWindowSize({\n height: window.innerHeight,\n width: window.innerWidth\n });\n };\n\n useEventListener('resize', handleSize);\n\n // Set size at the first client-side load\n useIsomorphicLayoutEffect(() => {\n handleSize();\n }, []);\n\n return windowSize;\n}\n"],"mappings":"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","names":["filename","data","useEffect","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useState","query","useState","useEffect","useCallback","useEffect","useState","useCallback","useState","useEffect","useCallback","useEffect","useState","useState","useEffect","useCallback","theme","useState","useState"]}

package/dist/utils.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { ClassValue } from 'clsx';
 declare function cn(...inputs: ClassValue[]): string;
+declare function isBrowser(): boolean;
-export { cn };
+export { cn, isBrowser };

package/dist/utils.js CHANGED Viewed

@@ -1,7 +1,9 @@
 import {
-  cn
-} from "./chunk-57KC6SAE.js";
+  cn,
+  isBrowser
+} from "./chunk-PAAJ5AH3.js";
 export {
-  cn
+  cn,
+  isBrowser
 };
 //# sourceMappingURL=utils.js.map

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "packageManager": "pnpm@8.15.3",
   "description": "Generic UI components for DNP projects, built using React and TailwindCSS",
   "author": {
@@ -9,6 +9,14 @@
     "email": "support@douglasneuroinformatics.ca"
   },
   "license": "LGPL-3.0",
+  "homepage": "https://github.com/DouglasNeuroInformatics/libui/#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DouglasNeuroInformatics/libui/.git"
+  },
+  "bugs": {
+    "url": "https://github.com/DouglasNeuroInformatics/libui/issues"
+  },
   "keywords": [
     "React",
     "TailwindCSS"
@@ -39,12 +47,23 @@
     "tailwind.config.cjs",
     "tailwind.config.d.cts"
   ],
+  "scripts": {
+    "build": "tsup && cp -r src/styles dist",
+    "format": "prettier --write src",
+    "lint": "tsc && eslint --fix src",
+    "prepare": "husky",
+    "storybook": "storybook dev --no-open -p 6006",
+    "storybook:build": "storybook build",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage"
+  },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.3.5"
   },
   "dependencies": {
+    "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-slot": "^1.0.2",
@@ -54,58 +73,52 @@
     "i18next-browser-languagedetector": "^7.2.0",
     "lodash-es": "^4.17.21",
     "react-i18next": "^14.1.0",
-    "tailwind-merge": "^1.14.0",
+    "tailwind-merge": "^2.2.1",
     "tailwindcss-animate": "^1.0.7",
-    "type-fest": "^4.11.1",
+    "type-fest": "^4.12.0",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.1.0",
     "@commitlint/config-conventional": "^19.1.0",
     "@commitlint/types": "^19.0.3",
-    "@douglasneuroinformatics/eslint-config": "^4.0.1",
+    "@douglasneuroinformatics/eslint-config": "^4.1.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/npm": "^11.0.3",
-    "@storybook/addon-essentials": "^7.6.17",
-    "@storybook/addon-interactions": "^7.6.17",
-    "@storybook/addon-links": "^7.6.17",
-    "@storybook/addon-themes": "^7.6.17",
-    "@storybook/blocks": "^7.6.17",
-    "@storybook/icons": "^1.2.8",
-    "@storybook/manager-api": "^7.6.17",
-    "@storybook/react": "^7.6.17",
-    "@storybook/react-vite": "^7.6.17",
-    "@storybook/theming": "^7.6.17",
+    "@storybook/addon-essentials": "^8.0.0",
+    "@storybook/addon-interactions": "^8.0.0",
+    "@storybook/addon-links": "^8.0.0",
+    "@storybook/addon-themes": "^8.0.0",
+    "@storybook/blocks": "^8.0.0",
+    "@storybook/icons": "^1.2.9",
+    "@storybook/manager-api": "^8.0.0",
+    "@storybook/react": "^8.0.0",
+    "@storybook/react-vite": "^8.0.0",
+    "@storybook/theming": "^8.0.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "14.2.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.11.25",
-    "@types/react": "^18.2.64",
-    "@types/react-dom": "^18.2.21",
+    "@types/node": "^20.11.27",
+    "@types/react": "^18.2.65",
+    "@types/react-dom": "^18.2.22",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "@vitest/coverage-v8": "^1.3.1",
     "autoprefixer": "^10.4.18",
     "eslint": "^8.57.0",
+    "happy-dom": "^13.8.2",
     "husky": "^9.0.11",
     "jsdom": "24.0.0",
     "postcss": "^8.4.35",
     "prettier": "^3.2.5",
     "prettier-plugin-tailwindcss": "^0.5.12",
     "semantic-release": "^23.0.2",
-    "storybook": "^7.6.17",
+    "storybook": "^8.0.0",
     "storybook-react-i18next": "^2.1.1",
     "tsup": "^8.0.2",
     "typescript": "~5.3.3",
-    "vite": "4.4.9",
+    "vite": "5.1.6",
     "vitest": "^1.3.1"
-  },
-  "scripts": {
-    "build": "tsup && cp -r src/styles dist",
-    "format": "prettier --write src",
-    "lint": "tsc && eslint --fix src",
-    "storybook": "storybook dev -p 6006",
-    "storybook:build": "storybook build"
   }
-}
+}

package/dist/chunk-57KC6SAE.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}