@wavv/ui 2.4.8-alpha.2 → 2.4.8-alpha.4

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/Icon/icons.d.ts

@@ -105,6 +105,7 @@ declare const icons: {
     readonly paragraph: ComponentType<WrappedIconProps>;
     readonly pause: ComponentType<WrappedIconProps>;
     readonly 'pause-circle': ComponentType<WrappedIconProps>;
+    readonly percent: ComponentType<WrappedIconProps>;
     readonly person: ComponentType<WrappedIconProps>;
     readonly 'person-add': ComponentType<WrappedIconProps>;
     readonly 'person-check': ComponentType<WrappedIconProps>;
@@ -138,6 +139,7 @@ declare const icons: {
     readonly stop: ComponentType<WrappedIconProps>;
     readonly 'stop-circle': ComponentType<WrappedIconProps>;
     readonly strikethrough: ComponentType<WrappedIconProps>;
+    readonly tag: ComponentType<WrappedIconProps>;
     readonly template: ComponentType<WrappedIconProps>;
     readonly transfer: ComponentType<WrappedIconProps>;
     readonly trash: ComponentType<WrappedIconProps>;

package/build/components/Icon/icons.js

@@ -1,4 +1,4 @@
-import { ArrowDown, ArrowDownWideNarrow, ArrowLeft, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpWideNarrow, BadgeCheck, Ban, Bell, BellDot, Bold, Bot, Braces, Bug, CalendarDays, Camera, ChartColumn, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, CircleAlert, CircleCheck, CirclePause, CirclePlay, CirclePlus, CircleQuestionMark, CircleStop, CircleUserRound, CircleX, Clapperboard, Clock, Copy, CopyCheck, CopyPlus, CreditCard, Download, Ear, EllipsisVertical, ExternalLink, Eye, EyeOff, Facebook, FileText, Flag, FlaskConical, Frown, Funnel, Globe, GripVertical, Hash, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Headset, Heart, Highlighter, Hourglass, House, IdCard, Info, Instagram, Italic, Kanban, Layers2, LayoutDashboard, Lightbulb, Link, Linkedin, List, ListChecks, ListFilter, ListOrdered, ListTodo, Loader, LockKeyhole, LockKeyholeOpen, LogIn, LogOut, MapPin, MapPinned, Maximize2, Meh, Menu, Merge, MessageSquareMore, Mic, MicOff, Minimize2, Minus, MonitorSmartphone, NotebookPen, Paperclip, Pause, Pencil, Pilcrow, Pin, PinOff, Play, Plus, Redo, RefreshCcwDot, RefreshCw, Rocket, RotateCw, Search, Send, Settings, Share, Share2, Shield, ShieldCheck, ShieldOff, ShieldPlus, ShoppingCart, Smartphone, Smile, Sparkles, Square, SquarePen, SquareStack, Star, Strikethrough, TextQuote, Trash2, TriangleAlert, Trophy, Underline, Undo, Upload, UserRound, UserRoundCheck, UserRoundPlus, UserRoundX, Users, Video, Voicemail, Volume2, X, Youtube } from "lucide-react";
+import { ArrowDown, ArrowDownWideNarrow, ArrowLeft, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpWideNarrow, BadgeCheck, Ban, Bell, BellDot, Bold, Bot, Braces, Bug, CalendarDays, Camera, ChartColumn, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, CircleAlert, CircleCheck, CirclePause, CirclePlay, CirclePlus, CircleQuestionMark, CircleStop, CircleUserRound, CircleX, Clapperboard, Clock, Copy, CopyCheck, CopyPlus, CreditCard, Download, Ear, EllipsisVertical, ExternalLink, Eye, EyeOff, Facebook, FileText, Flag, FlaskConical, Frown, Funnel, Globe, GripVertical, Hash, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Headset, Heart, Highlighter, Hourglass, House, IdCard, Info, Instagram, Italic, Kanban, Layers2, LayoutDashboard, Lightbulb, Link, Linkedin, List, ListChecks, ListFilter, ListOrdered, ListTodo, Loader, LockKeyhole, LockKeyholeOpen, LogIn, LogOut, MapPin, MapPinned, Maximize2, Meh, Menu, Merge, MessageSquareMore, Mic, MicOff, Minimize2, Minus, MonitorSmartphone, NotebookPen, Paperclip, Pause, Pencil, Percent, Pilcrow, Pin, PinOff, Play, Plus, Redo, RefreshCcwDot, RefreshCw, Rocket, RotateCw, Search, Send, Settings, Share, Share2, Shield, ShieldCheck, ShieldOff, ShieldPlus, ShoppingCart, Smartphone, Smile, Sparkles, Square, SquarePen, SquareStack, Star, Strikethrough, Tag, TextQuote, Trash2, TriangleAlert, Trophy, Underline, Undo, Upload, UserRound, UserRoundCheck, UserRoundPlus, UserRoundX, Users, Video, Voicemail, Volume2, X, Youtube } from "lucide-react";
 import createWrappedIcon from "./createWrappedIcon.js";
 const icons = {
     'activity-history': createWrappedIcon(IdCard),
@@ -105,6 +105,7 @@ const icons = {
     paragraph: createWrappedIcon(Pilcrow),
     pause: createWrappedIcon(Pause),
     'pause-circle': createWrappedIcon(CirclePause),
+    percent: createWrappedIcon(Percent),
     person: createWrappedIcon(UserRound),
     'person-add': createWrappedIcon(UserRoundPlus),
     'person-check': createWrappedIcon(UserRoundCheck),
@@ -138,6 +139,7 @@ const icons = {
     stop: createWrappedIcon(Square),
     'stop-circle': createWrappedIcon(CircleStop),
     strikethrough: createWrappedIcon(Strikethrough),
+    tag: createWrappedIcon(Tag),
     template: createWrappedIcon(FileText),
     transfer: createWrappedIcon(ArrowRightLeft),
     trash: createWrappedIcon(Trash2),

package/package.json

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