@waveso/ui 0.8.1 → 0.9.1
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.
- package/dist/accordion.d.ts +2 -2
- package/dist/accordion.js +0 -1
- package/dist/action-bar.d.ts +7 -3
- package/dist/action-bar.js +5 -1
- package/dist/alert-dialog.d.ts +5 -3
- package/dist/alert-dialog.js +6 -3
- package/dist/alert.d.ts +2 -2
- package/dist/alert.js +1 -2
- package/dist/animate.d.ts +15 -5
- package/dist/animate.js +1 -1
- package/dist/aspect-ratio.d.ts +1 -1
- package/dist/aspect-ratio.js +0 -1
- package/dist/autocomplete.d.ts +2 -2
- package/dist/autocomplete.js +0 -1
- package/dist/avatar.d.ts +2 -2
- package/dist/avatar.js +0 -1
- package/dist/badge.d.ts +2 -2
- package/dist/breadcrumb.d.ts +2 -2
- package/dist/breadcrumb.js +0 -1
- package/dist/button-group.d.ts +2 -2
- package/dist/button-group.js +0 -1
- package/dist/button.d.ts +4 -4
- package/dist/button.js +2 -1
- package/dist/card.d.ts +2 -2
- package/dist/card.js +0 -1
- package/dist/checkbox.d.ts +2 -2
- package/dist/checkbox.js +0 -1
- package/dist/collapsible.d.ts +2 -2
- package/dist/collapsible.js +0 -1
- package/dist/combobox.d.ts +9 -8
- package/dist/combobox.js +1 -1
- package/dist/context-menu.d.ts +2 -2
- package/dist/context-menu.js +0 -1
- package/dist/count.d.ts +1 -1
- package/dist/count.js +2 -2
- package/dist/dialog.d.ts +5 -8
- package/dist/dialog.js +3 -8
- package/dist/direction.d.ts +6 -1
- package/dist/drawer.d.ts +7 -2
- package/dist/drawer.js +31 -29
- package/dist/encrypted-text.d.ts +2 -2
- package/dist/encrypted-text.js +1 -1
- package/dist/field.d.ts +2 -2
- package/dist/field.js +0 -1
- package/dist/film-grain.d.ts +1 -1
- package/dist/film-grain.js +0 -1
- package/dist/form.d.ts +2 -2
- package/dist/form.js +1 -1
- package/dist/gradient-reveal-text.js +2 -2
- package/dist/infinite-scroll.d.ts +4 -5
- package/dist/infinite-scroll.js +3 -2
- package/dist/input-group.d.ts +4 -4
- package/dist/input-group.js +1 -2
- package/dist/input-otp.d.ts +2 -2
- package/dist/input-otp.js +2 -2
- package/dist/input.d.ts +4 -3
- package/dist/input.js +0 -1
- package/dist/item.d.ts +4 -4
- package/dist/item.js +1 -2
- package/dist/kbd.d.ts +1 -1
- package/dist/kbd.js +0 -1
- package/dist/label.d.ts +2 -2
- package/dist/label.js +0 -1
- package/dist/lib/internal-icons.d.ts +1 -1
- package/dist/lib/internal-icons.js +0 -1
- package/dist/masonry.d.ts +2 -2
- package/dist/masonry.js +1 -1
- package/dist/menu.d.ts +2 -2
- package/dist/menu.js +0 -1
- package/dist/menubar.d.ts +2 -2
- package/dist/menubar.js +0 -1
- package/dist/pagination.d.ts +2 -2
- package/dist/pagination.js +0 -2
- package/dist/popover.d.ts +9 -2
- package/dist/popover.js +2 -3
- package/dist/preview-card.d.ts +6 -3
- package/dist/preview-card.js +2 -3
- package/dist/progress.d.ts +2 -2
- package/dist/progress.js +3 -4
- package/dist/radio-group.d.ts +2 -2
- package/dist/radio-group.js +0 -1
- package/dist/radio.d.ts +2 -2
- package/dist/radio.js +0 -1
- package/dist/scroll-area.d.ts +2 -2
- package/dist/scroll-area.js +0 -1
- package/dist/select.d.ts +2 -2
- package/dist/select.js +0 -1
- package/dist/separator.d.ts +2 -2
- package/dist/separator.js +0 -1
- package/dist/sidebar.d.ts +74 -51
- package/dist/sidebar.js +2 -2
- package/dist/skeleton.d.ts +2 -2
- package/dist/skeleton.js +0 -1
- package/dist/slider.d.ts +2 -2
- package/dist/slider.js +1 -1
- package/dist/spinner.d.ts +2 -2
- package/dist/spinner.js +0 -1
- package/dist/switch.d.ts +2 -2
- package/dist/switch.js +0 -1
- package/dist/table.d.ts +2 -2
- package/dist/table.js +0 -1
- package/dist/tabs.d.ts +2 -2
- package/dist/tabs.js +0 -1
- package/dist/textarea.d.ts +2 -2
- package/dist/textarea.js +0 -1
- package/dist/toast.d.ts +7 -6
- package/dist/toast.js +2 -2
- package/dist/toggle-group.d.ts +1 -1
- package/dist/toggle-group.js +7 -7
- package/dist/toggle.d.ts +2 -2
- package/dist/toggle.js +0 -1
- package/dist/tooltip.d.ts +2 -2
- package/dist/tooltip.js +1 -1
- package/dist/typewriter.d.ts +1 -1
- package/dist/typewriter.js +1 -1
- package/package.json +6 -2
package/dist/toast.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
1
|
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
3
|
import { Toast as Toast$1 } from "@base-ui/react/toast";
|
|
4
4
|
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
5
|
import * as _$_base_ui_react0 from "@base-ui/react";
|
|
6
6
|
|
|
7
7
|
//#region src/toast.d.ts
|
|
8
|
-
declare const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden
|
|
8
|
+
declare const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden";
|
|
9
9
|
declare const toastIconVariants: (props?: ({
|
|
10
10
|
type?: "success" | "warning" | "loading" | "info" | "error" | null | undefined;
|
|
11
11
|
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
@@ -30,6 +30,9 @@ type ToasterProps = {
|
|
|
30
30
|
timeout?: number;
|
|
31
31
|
};
|
|
32
32
|
type ToastProps = React.ComponentProps<typeof Toast$1.Root>;
|
|
33
|
+
type ToastIconProps = {
|
|
34
|
+
type?: ToastType;
|
|
35
|
+
};
|
|
33
36
|
type ToastTitleProps = React.ComponentProps<typeof Toast$1.Title>;
|
|
34
37
|
type ToastDescriptionProps = React.ComponentProps<typeof Toast$1.Description>;
|
|
35
38
|
type ToastActionProps = React.ComponentProps<typeof Toast$1.Action>;
|
|
@@ -47,9 +50,7 @@ declare const toast: ((titleOrOptions: string | ToastOptions) => string) & {
|
|
|
47
50
|
};
|
|
48
51
|
declare function ToastIcon({
|
|
49
52
|
type
|
|
50
|
-
}:
|
|
51
|
-
type?: ToastType;
|
|
52
|
-
}): _$react_jsx_runtime0.JSX.Element | null;
|
|
53
|
+
}: ToastIconProps): _$react_jsx_runtime0.JSX.Element | null;
|
|
53
54
|
declare function Toast({
|
|
54
55
|
className,
|
|
55
56
|
...props
|
|
@@ -77,4 +78,4 @@ declare function Toaster({
|
|
|
77
78
|
timeout
|
|
78
79
|
}: ToasterProps): _$react_jsx_runtime0.JSX.Element | null;
|
|
79
80
|
//#endregion
|
|
80
|
-
export { Toast, ToastAction, ToastClose, ToastDescription, ToastIcon, type ToastOptions, ToastTitle, type ToastType, Toaster, type ToasterPosition, type ToasterProps, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };
|
|
81
|
+
export { Toast, ToastAction, type ToastActionProps, ToastClose, type ToastCloseProps, ToastDescription, type ToastDescriptionProps, ToastIcon, type ToastIconProps, type ToastOptions, type ToastProps, ToastTitle, type ToastTitleProps, type ToastType, Toaster, type ToasterPosition, type ToasterProps, toast, toastIconVariants, toastManager, toastRootClass, toastViewportVariants };
|
package/dist/toast.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn } from "./lib/utils.js";
|
|
3
3
|
import { AlertTriangleIcon, CloseIcon, ErrorCircleIcon, InfoCircleIcon, LoaderIcon, SuccessCircleIcon } from "./lib/internal-icons.js";
|
|
4
|
-
import * as React from "react";
|
|
5
4
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import * as React from "react";
|
|
6
6
|
import { cva } from "class-variance-authority";
|
|
7
7
|
import { Toast as Toast$1 } from "@base-ui/react/toast";
|
|
8
8
|
//#region src/toast.tsx
|
|
9
|
-
const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden
|
|
9
|
+
const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden";
|
|
10
10
|
const toastIconVariants = cva("mt-0.5 size-4 shrink-0", { variants: { type: {
|
|
11
11
|
loading: "text-muted animate-spin",
|
|
12
12
|
success: "text-success",
|
package/dist/toggle-group.d.ts
CHANGED
package/dist/toggle-group.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn } from "./lib/utils.js";
|
|
3
3
|
import { toggleVariants } from "./toggle.js";
|
|
4
|
-
import * as React from "react";
|
|
5
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import * as React from "react";
|
|
6
6
|
import { Toggle } from "@base-ui/react/toggle";
|
|
7
7
|
import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
|
|
8
8
|
//#region src/toggle-group.tsx
|
|
9
9
|
const ToggleGroupContext = React.createContext({
|
|
10
|
-
size:
|
|
11
|
-
variant:
|
|
10
|
+
size: void 0,
|
|
11
|
+
variant: void 0,
|
|
12
12
|
spacing: 0,
|
|
13
13
|
orientation: "horizontal"
|
|
14
14
|
});
|
|
@@ -40,12 +40,12 @@ function ToggleGroupItem({ className, children, variant = "default", size = "def
|
|
|
40
40
|
const context = React.useContext(ToggleGroupContext);
|
|
41
41
|
return /* @__PURE__ */ jsx(Toggle, {
|
|
42
42
|
"data-slot": "toggle-group-item",
|
|
43
|
-
"data-variant": context.variant
|
|
44
|
-
"data-size": context.size
|
|
43
|
+
"data-variant": context.variant ?? variant,
|
|
44
|
+
"data-size": context.size ?? size,
|
|
45
45
|
"data-spacing": context.spacing,
|
|
46
46
|
className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
|
|
47
|
-
variant: context.variant
|
|
48
|
-
size: context.size
|
|
47
|
+
variant: context.variant ?? variant,
|
|
48
|
+
size: context.size ?? size
|
|
49
49
|
}), className),
|
|
50
50
|
...props,
|
|
51
51
|
children
|
package/dist/toggle.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
1
|
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
|
|
5
5
|
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
@@ -17,4 +17,4 @@ declare function Toggle({
|
|
|
17
17
|
...props
|
|
18
18
|
}: ToggleProps): _$react_jsx_runtime0.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
|
-
export { Toggle, toggleVariants };
|
|
20
|
+
export { Toggle, type ToggleProps, toggleVariants };
|
package/dist/toggle.js
CHANGED
package/dist/tooltip.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
1
|
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
3
|
import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
|
|
4
4
|
|
|
5
5
|
//#region src/tooltip.d.ts
|
|
@@ -48,4 +48,4 @@ declare function TooltipContent({
|
|
|
48
48
|
...props
|
|
49
49
|
}: TooltipContentProps): _$react_jsx_runtime0.JSX.Element;
|
|
50
50
|
//#endregion
|
|
51
|
-
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
51
|
+
export { Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps };
|
package/dist/tooltip.js
CHANGED
package/dist/typewriter.d.ts
CHANGED
package/dist/typewriter.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { cloneElement, isValidElement, useEffect, useId, useRef, useState } from "react";
|
|
3
2
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cloneElement, isValidElement, useEffect, useId, useRef, useState } from "react";
|
|
4
4
|
import { useInView, useReducedMotion } from "motion/react";
|
|
5
5
|
//#region src/typewriter.tsx
|
|
6
6
|
function mergeRef(internalRef, externalRef) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@waveso/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.1",
|
|
4
4
|
"description": "Wave UI component library built on Base UI and Tailwind CSS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -46,7 +46,10 @@
|
|
|
46
46
|
"build": "tsdown",
|
|
47
47
|
"dev": "tsdown --watch",
|
|
48
48
|
"typecheck": "tsc --noEmit",
|
|
49
|
-
"
|
|
49
|
+
"lint": "biome check",
|
|
50
|
+
"lint:fix": "biome check --write",
|
|
51
|
+
"format": "biome format --write",
|
|
52
|
+
"test": "vitest run --passWithNoTests",
|
|
50
53
|
"test:watch": "vitest",
|
|
51
54
|
"clean": "rm -rf dist",
|
|
52
55
|
"storybook": "storybook dev -p 6006",
|
|
@@ -81,6 +84,7 @@
|
|
|
81
84
|
},
|
|
82
85
|
"devDependencies": {
|
|
83
86
|
"@base-ui/react": "^1.6.0",
|
|
87
|
+
"@biomejs/biome": "2.5.2",
|
|
84
88
|
"@changesets/cli": "^2.27.0",
|
|
85
89
|
"@storybook/addon-a11y": "~10.4.0",
|
|
86
90
|
"@storybook/addon-docs": "~10.4.0",
|