@wavv/ui 2.4.8-alpha.3 → 2.4.8-alpha.5

package/build/components/Accordion/Accordion.d.ts

@@ -427,7 +427,7 @@ declare const Accordion: {
             className?: import("react-aria-components").DisclosurePanelProps["className"];
             style?: import("react-aria-components").DisclosurePanelProps["style"];
             background?: string;
-        } & MaxHeight & import("react-aria-components").DisclosurePanelProps): import("react/jsx-runtime").JSX.Element;
+        } & MaxHeight & import("../types").Padding & import("react-aria-components").DisclosurePanelProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/build/components/Accordion/Panel.d.ts

@@ -1,11 +1,11 @@
 import { type DisclosurePanelProps } from 'react-aria-components';
-import type { MaxHeight } from '../types';
+import type { MaxHeight, Padding } from '../types';
 type PanelProps = {
     children: DisclosurePanelProps['children'];
     className?: DisclosurePanelProps['className'];
     style?: DisclosurePanelProps['style'];
     background?: string;
-} & MaxHeight & DisclosurePanelProps;
+} & MaxHeight & Padding & DisclosurePanelProps;
 declare const Panel: {
     ({ children, maxHeight, ...props }: PanelProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/build/components/Accordion/Panel.js

@@ -4,6 +4,7 @@ import { useRef, useState } from "react";
 import { DisclosurePanel } from "react-aria-components";
 import { useElementObserver } from "../../hooks/index.js";
 import isPropAllowed from "../helpers/isPropAllowed.js";
+import { paddingProps } from "../helpers/styledProps.js";
 const Panel = ({ children, maxHeight, ...props })=>{
     const contentRef = useRef(null);
     const [calculatedMaxHeight, setCalculatedMaxHeight] = useState();
@@ -42,7 +43,10 @@ const PanelContainer = styled(DisclosurePanel, {
             'defaultPadding',
             'maxHeight'
         ])
-})(({ theme, maxHeight, defaultPadding, background })=>({
+})(({ theme, maxHeight, defaultPadding, background, ...props })=>{
+    const hasPaddingProps = void 0 !== props.padding || void 0 !== props.paddingTop || void 0 !== props.paddingBottom || void 0 !== props.paddingRight || void 0 !== props.paddingLeft;
+    const paddingValue = !hasPaddingProps && defaultPadding ? '8px 16px' : void 0;
+    return {
         backgroundColor: background || theme.scale0,
         color: theme.scale10,
         fontSize: theme.font.size.md,
@@ -56,9 +60,13 @@ const PanelContainer = styled(DisclosurePanel, {
             opacity: 0
         },
         '&[aria-hidden="false"]': {
-            padding: defaultPadding ? '8px 16px' : void 0
+            ...paddingProps({
+                padding: paddingValue,
+                ...props
+            })
         }
-    }));
+    };
+});
 Panel.displayName = 'Accordion.Panel';
 const Accordion_Panel = Panel;
 export { Accordion_Panel as default };

package/build/components/typeDefs/selectionTypes.d.ts

@@ -64,14 +64,27 @@ type BaseSelectInputProps = {
     after?: ReactNode;
     maxHeight?: PopoverProps['maxHeight'];
 } & Omit<InputProps, 'iconRight'> & ShowHideCallbacks & Pick<PopoverProps, 'maxHeight'>;
-export type SelectInputProps = BaseSelectInputProps & {
+type SingleSelectInputProps = BaseSelectInputProps & {
+    /** The selection mode for the select */
+    selectionMode?: 'single';
+    /** The controlled value of the input */
+    value?: Key;
+    /** The uncontrolled initial value of the input */
+    defaultValue?: Key;
+    /** The function to be called when an option is selected */
+    onChange?: (key: string) => void;
+};
+type MultipleSelectInputProps = BaseSelectInputProps & {
+    /** The selection mode for the select */
+    selectionMode: 'multiple';
     /** The controlled value of the input */
     value?: Key | Key[];
     /** The uncontrolled initial value of the input */
     defaultValue?: Key | Key[];
-    /** The function to be called when an option is selected */
-    onChange?: (key: string | string[]) => void;
+    /** The function to be called when options are selected */
+    onChange?: (keys: string | string[]) => void;
 };
+export type SelectInputProps = SingleSelectInputProps | MultipleSelectInputProps;
 export type ComboBoxInputProps = BaseSelectInputProps & {
     /** The controlled value of the input */
     value?: Key;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.4.8-alpha.3",
+	"version": "2.4.8-alpha.5",
 	"type": "module",
 	"exports": {
 		".": {