@waveso/ui 0.14.0 → 0.15.1

package/dist/tabs.d.ts

@@ -1,35 +1,18 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/tabs.d.ts
 declare const tabsListVariants: (props?: ({
   variant?: "default" | "line" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TabsProps = React.ComponentProps<typeof Tabs$1.Root>;
 type TabsListBaseProps = React.ComponentProps<typeof Tabs$1.List>;
 type TabsListProps = TabsListBaseProps & VariantProps<typeof tabsListVariants>;
 type TabsTriggerProps = React.ComponentProps<typeof Tabs$1.Tab>;
 type TabsContentProps = React.ComponentProps<typeof Tabs$1.Panel>;
-declare function Tabs({
-  className,
-  orientation,
-  ...props
-}: TabsProps): _$react_jsx_runtime0.JSX.Element;
-declare function TabsList({
-  className,
-  variant,
-  ...props
-}: TabsListProps): _$react_jsx_runtime0.JSX.Element;
-declare function TabsTrigger({
-  className,
-  ...props
-}: TabsTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function TabsContent({
-  className,
-  ...props
-}: TabsContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function Tabs({ className, orientation, ...props }: TabsProps): React.JSX.Element;
+declare function TabsList({ className, variant, ...props }: TabsListProps): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: TabsTriggerProps): React.JSX.Element;
+declare function TabsContent({ className, ...props }: TabsContentProps): React.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, tabsListVariants };

package/dist/textarea.d.ts

@@ -1,16 +1,13 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
-
+import { VariantProps } from "class-variance-authority";
 //#region src/textarea.d.ts
+declare const textareaVariants: (props?: ({
+  size?: "default" | "lg" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TextareaProps = Omit<React.ComponentProps<"textarea">, "onChange"> & {
   onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
   onValueChange?: (value: string) => void;
-};
-declare function Textarea({
-  className,
-  onChange,
-  onValueChange,
-  ...props
-}: TextareaProps): _$react_jsx_runtime0.JSX.Element;
+} & VariantProps<typeof textareaVariants>;
+declare function Textarea({ className, size, onChange, onValueChange, ...props }: TextareaProps): React.JSX.Element;
 //#endregion
-export { Textarea, type TextareaProps };
+export { Textarea, type TextareaProps, textareaVariants };

package/dist/textarea.js

@@ -1,18 +1,29 @@
 "use client";
 import { cn } from "./lib/utils.js";
 import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
 //#region src/textarea.tsx
-function Textarea({ className, onChange, onValueChange, ...props }) {
+const textareaVariants = cva("bg-edge hover:border-focus focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/30 aria-invalid:border-destructive resize-y resize-handle disabled:pointer-events-none placeholder:text-soft flex field-sizing-content w-full rounded-md border border-transparent motion-color outline-hidden focus-visible:ring-3 disabled:opacity-30 aria-invalid:ring-3", {
+	variants: { size: {
+		xs: "min-h-12 rounded-sm px-2 py-1 text-xs",
+		sm: "min-h-14 px-3 py-1.5 text-sm",
+		default: "min-h-16 px-3 py-2 text-base",
+		lg: "min-h-20 px-4 py-2.5 text-lg"
+	} },
+	defaultVariants: { size: "default" }
+});
+function Textarea({ className, size = "default", onChange, onValueChange, ...props }) {
 	function handleChange(e) {
 		onChange?.(e);
 		onValueChange?.(e.target.value);
 	}
 	return /* @__PURE__ */ jsx("textarea", {
 		"data-slot": "textarea",
-		className: cn("border-edge dark:bg-edge/30 focus-visible:border-focus focus-visible:ring-focus/50 aria-invalid:ring-destructive/30 aria-invalid:border-destructive resize-none disabled:bg-edge/50 disabled:cursor-not-allowed dark:disabled:bg-edge/80 placeholder:text-soft flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-2.5 py-2 text-base transition-colors outline-hidden focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm", className),
+		"data-size": size,
+		className: cn(textareaVariants({ size }), className),
 		onChange: handleChange,
 		...props
 	});
 }
 //#endregion
-export { Textarea };
+export { Textarea, textareaVariants };

package/dist/toast.d.ts

@@ -1,17 +1,13 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-import * as _$_base_ui_react0 from "@base-ui/react";
-
 //#region src/toast.d.ts
 declare const toastRootClass = "bg-elevated text-contrast ring-contrast/10 rounded-md p-4 text-sm shadow-md ring-1 outline-hidden";
 declare const toastIconVariants: (props?: ({
-  type?: "loading" | "success" | "info" | "warning" | "error" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  type?: "error" | "info" | "loading" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const toastViewportVariants: (props?: ({
-  position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  position?: "bottom-center" | "bottom-left" | "bottom-right" | "top-center" | "top-left" | "top-right" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToastType = "loading" | "success" | "info" | "warning" | "error";
 type ToastOptions = {
   title?: string;
@@ -37,7 +33,7 @@ type ToastTitleProps = React.ComponentProps<typeof Toast$1.Title>;
 type ToastDescriptionProps = React.ComponentProps<typeof Toast$1.Description>;
 type ToastActionProps = React.ComponentProps<typeof Toast$1.Action>;
 type ToastCloseProps = React.ComponentProps<typeof Toast$1.Close>;
-declare const toastManager: _$_base_ui_react0.ToastManager<any>;
+declare const toastManager: import("@base-ui/react").ToastManager<any>;
 declare const toast: ((titleOrOptions: string | ToastOptions) => string) & {
   success: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
   error: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
@@ -46,36 +42,14 @@ declare const toast: ((titleOrOptions: string | ToastOptions) => string) & {
   loading: (title: string, options?: Omit<ToastOptions, "type" | "title">) => string;
   dismiss: (id: string) => void;
   update: (id: string, updates: Partial<ToastOptions>) => void;
-  promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: _$_base_ui_react0.ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
+  promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: import("@base-ui/react").ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
 };
-declare function ToastIcon({
-  type
-}: ToastIconProps): _$react_jsx_runtime0.JSX.Element | null;
-declare function Toast({
-  className,
-  ...props
-}: ToastProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToastTitle({
-  className,
-  ...props
-}: ToastTitleProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToastDescription({
-  className,
-  ...props
-}: ToastDescriptionProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToastAction({
-  className,
-  ...props
-}: ToastActionProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToastClose({
-  className,
-  children,
-  ...props
-}: ToastCloseProps): _$react_jsx_runtime0.JSX.Element;
-declare function Toaster({
-  position,
-  limit,
-  timeout
-}: ToasterProps): _$react_jsx_runtime0.JSX.Element | null;
+declare function ToastIcon({ type }: ToastIconProps): React.JSX.Element | null;
+declare function Toast({ className, ...props }: ToastProps): React.JSX.Element;
+declare function ToastTitle({ className, ...props }: ToastTitleProps): React.JSX.Element;
+declare function ToastDescription({ className, ...props }: ToastDescriptionProps): React.JSX.Element;
+declare function ToastAction({ className, ...props }: ToastActionProps): React.JSX.Element;
+declare function ToastClose({ className, children, ...props }: ToastCloseProps): React.JSX.Element;
+declare function Toaster({ position, limit, timeout }: ToasterProps): React.JSX.Element | null;
 //#endregion
 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/toggle-group.d.ts

@@ -1,30 +1,14 @@
 import { toggleVariants } from "./toggle.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
-
 //#region src/toggle-group.d.ts
 type ToggleGroupProps = ToggleGroup$1.Props & VariantProps<typeof toggleVariants> & {
   spacing?: number;
 };
 type ToggleGroupItemProps = Toggle.Props & VariantProps<typeof toggleVariants>;
-declare function ToggleGroup({
-  className,
-  variant,
-  size,
-  spacing,
-  orientation,
-  style,
-  children,
-  ...props
-}: ToggleGroupProps): _$react_jsx_runtime0.JSX.Element;
-declare function ToggleGroupItem({
-  className,
-  children,
-  variant,
-  size,
-  ...props
-}: ToggleGroupItemProps): _$react_jsx_runtime0.JSX.Element;
+declare function ToggleGroup({ className, variant, size, spacing, orientation, style, children, ...props }: ToggleGroupProps): React.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: ToggleGroupItemProps): React.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps };

package/dist/toggle-group.js

@@ -13,6 +13,17 @@ const ToggleGroupContext = React.createContext({
 	orientation: "horizontal"
 });
 function ToggleGroup({ className, variant, size, spacing = 0, orientation = "horizontal", style, children, ...props }) {
+	const contextValue = React.useMemo(() => ({
+		variant,
+		size,
+		spacing,
+		orientation
+	}), [
+		variant,
+		size,
+		spacing,
+		orientation
+	]);
 	return /* @__PURE__ */ jsx(ToggleGroup$1, {
 		orientation,
 		"data-slot": "toggle-group",
@@ -20,18 +31,13 @@ function ToggleGroup({ className, variant, size, spacing = 0, orientation = "hor
 		"data-size": size,
 		"data-spacing": spacing,
 		style: {
-			...style ?? {},
+			...style,
 			"--gap": spacing
 		},
 		className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-sm", className),
 		...props,
 		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
-			value: {
-				variant,
-				size,
-				spacing,
-				orientation
-			},
+			value: contextValue,
 			children
 		})
 	});

package/dist/toggle.d.ts

@@ -1,20 +1,12 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/toggle.d.ts
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
-  size?: "default" | "sm" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+  size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToggleProps = React.ComponentProps<typeof Toggle$1> & VariantProps<typeof toggleVariants>;
-declare function Toggle({
-  className,
-  variant,
-  size,
-  ...props
-}: ToggleProps): _$react_jsx_runtime0.JSX.Element;
+declare function Toggle({ className, variant, size, ...props }: ToggleProps): React.JSX.Element;
 //#endregion
 export { Toggle, type ToggleProps, toggleVariants };

package/dist/tooltip.d.ts

@@ -1,7 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
-
 //#region src/tooltip.d.ts
 type TooltipProviderProps = React.ComponentProps<typeof Tooltip$1.Provider>;
 type TooltipProps = React.ComponentProps<typeof Tooltip$1.Root>;
@@ -19,33 +17,15 @@ type TooltipContentProps = React.ComponentProps<typeof Tooltip$1.Popup> & {
  * do NOT force `delay={0}`, which makes grouped tooltips fire on
  * incidental mouse-over. Pass `delay` to override per provider.
  */
-declare function TooltipProvider({
-  ...props
-}: TooltipProviderProps): _$react_jsx_runtime0.JSX.Element;
+declare function TooltipProvider({ ...props }: TooltipProviderProps): React.JSX.Element;
 /**
  * Defaults to a non-hoverable popup (`disableHoverablePopup={true}`)
  * because Wave tooltips are non-interactive labels; a hoverable popup is
  * only needed when the tooltip contains links/controls. Pass
  * `disableHoverablePopup={false}` for interactive tooltip content.
  */
-declare function Tooltip({
-  disableHoverablePopup,
-  ...props
-}: TooltipProps): _$react_jsx_runtime0.JSX.Element;
-declare function TooltipTrigger({
-  children,
-  ...props
-}: TooltipTriggerProps): _$react_jsx_runtime0.JSX.Element;
-declare function TooltipContent({
-  className,
-  positionerClassName,
-  side,
-  sideOffset,
-  align,
-  alignOffset,
-  anchor,
-  children,
-  ...props
-}: TooltipContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function Tooltip({ disableHoverablePopup, ...props }: TooltipProps): React.JSX.Element;
+declare function TooltipTrigger({ children, ...props }: TooltipTriggerProps): React.JSX.Element;
+declare function TooltipContent({ className, positionerClassName, side, sideOffset, align, alignOffset, anchor, children, ...props }: TooltipContentProps): React.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/typewriter.d.ts

@@ -1,6 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactElement } from "react";
-
 //#region src/typewriter.d.ts
 interface TextSegment {
   text: string;
@@ -63,17 +61,6 @@ interface TypewriterProps {
  * </Typewriter>
  * ```
  */
-declare function Typewriter({
-  text,
-  children,
-  speed,
-  delay,
-  cursor,
-  cursorChar,
-  onView,
-  once,
-  variant,
-  smoothDuration
-}: TypewriterProps): _$react_jsx_runtime0.JSX.Element;
+declare function Typewriter({ text, children, speed, delay, cursor, cursorChar, onView, once, variant, smoothDuration }: TypewriterProps): import("react").JSX.Element;
 //#endregion
 export { type TextSegment, Typewriter, type TypewriterProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@waveso/ui",
-  "version": "0.14.0",
+  "version": "0.15.1",
   "description": "Wave UI component library built on Base UI and Tailwind CSS",
   "type": "module",
   "sideEffects": [
@@ -42,31 +42,12 @@
     "dist",
     "package.json"
   ],
-  "scripts": {
-    "build": "tsdown",
-    "dev": "tsdown --watch",
-    "typecheck": "tsc --noEmit",
-    "lint": "biome check",
-    "lint:fix": "biome check --write",
-    "format": "biome format --write",
-    "test": "vitest run --passWithNoTests",
-    "test:watch": "vitest",
-    "check:package": "publint && attw --pack . --ignore-rules no-resolution",
-    "clean": "rm -rf dist",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "chromatic": "chromatic --exit-zero-on-changes",
-    "prepublishOnly": "npm run build",
-    "changeset": "changeset",
-    "version": "changeset version",
-    "release": "npm run build && changeset publish"
-  },
   "peerDependencies": {
     "@base-ui/react": "^1.6.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "input-otp": "^1.4.0",
-    "motion": "^12.0.0",
+    "motion": "^12.0.0 || ^13.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.0.0",
@@ -85,36 +66,56 @@
     }
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "^0.18.4",
-    "@base-ui/react": "^1.6.0",
-    "@biomejs/biome": "2.5.2",
-    "@changesets/cli": "^2.27.0",
-    "@storybook/addon-a11y": "~10.4.0",
-    "@storybook/addon-docs": "~10.4.0",
-    "@storybook/react-vite": "~10.4.0",
-    "@tailwindcss/vite": "^4.2.1",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "chromatic": "^18.0.1",
+    "@arethetypeswrong/cli": "^0.18.5",
+    "@base-ui/react": "^1.8.0",
+    "@changesets/cli": "^3.0.3",
+    "@storybook/addon-a11y": "~10.6.0",
+    "@storybook/addon-docs": "~10.6.0",
+    "@storybook/react-vite": "~10.6.0",
+    "@tailwindcss/vite": "^4.3.3",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "chromatic": "^18.9.5",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "input-otp": "^1.4.2",
-    "jsdom": "^29.1.1",
-    "motion": "^12.31.0",
-    "publint": "^0.3.21",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.66.0",
-    "storybook": "~10.4.0",
-    "tailwind-merge": "^3.4.0",
-    "tailwindcss": "^4.2.1",
-    "tsdown": "0.21.10",
-    "typescript": "^5.7.0",
-    "vite": "^7.3.1",
-    "vitest": "^4.1.7"
+    "input-otp": "^1.5.0",
+    "jsdom": "^30.1.1",
+    "motion": "^13.4.4",
+    "oxfmt": "0.71.0",
+    "oxlint": "^1.86.0",
+    "publint": "^0.3.24",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "react-hook-form": "^7.89.0",
+    "storybook": "~10.6.0",
+    "tailwind-merge": "^3.7.0",
+    "tailwindcss": "^4.3.3",
+    "tsdown": "0.23.0",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.1",
+    "vitest": "^5.0.2"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "format": "oxfmt --write '**/*.ts' '**/*.tsx'",
+    "format:check": "oxfmt --check '**/*.ts' '**/*.tsx'",
+    "test": "vitest run --passWithNoTests",
+    "test:watch": "vitest",
+    "check:package": "publint && attw --pack . --ignore-rules no-resolution",
+    "clean": "rm -rf dist",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "chromatic": "chromatic --exit-zero-on-changes",
+    "changeset": "changeset",
+    "version": "changeset version",
+    "release": "pnpm build && changeset publish"
   }
-}
+}