@surflane/ui 0.9.0 → 0.10.1

package/dist/button.d.ts

@@ -2,21 +2,28 @@ import * as React from 'react';
 import { Button as BaseButton } from '@base-ui/react/button';
 import { useRender } from '@base-ui/react/use-render';
 import { type ComponentSizeAlias } from './sizing.js';
-/** Visual priority. `default` remains a compatibility alias of `primary`. */
+/** Visual priority. `default` is deprecated: it is `primary` under its former name, and
+ * is removed in a later minor. Without a variant a button is `primary`. */
 export type ButtonVariant = 'primary' | 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
-export type ButtonSize = ComponentSizeAlias | 'xs' | 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg';
-export type ButtonProps = React.ComponentProps<typeof BaseButton> & {
+/**
+ * small, default and large set the size scheme; icon, icon-small and icon-large are
+ * square icon buttons. Deprecated, removed in a later minor: sm, md and lg (write the
+ * full names), icon-sm, icon-xs and icon-lg (icon-small, icon-large) and xs, which is
+ * off the scale and keeps 24px on touch screens.
+ */
+export type ButtonSize = ComponentSizeAlias | 'icon' | 'icon-small' | 'icon-large' | 'xs' | 'icon-xs' | 'icon-sm' | 'icon-lg';
+export type ButtonProps = Omit<React.ComponentProps<typeof BaseButton>, 'ref'> & {
     variant?: ButtonVariant;
     size?: ButtonSize;
+    ref?: React.Ref<HTMLButtonElement>;
 };
-export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: ({ className, variant, size, ref, ...props }: ButtonProps) => React.JSX.Element;
 export type LinkButtonProps = Omit<useRender.ComponentProps<'a'>, 'ref'> & {
     variant?: ButtonVariant;
     size?: ButtonSize;
 };
 /** A link that looks like a Button. It navigates, so it stays a link for assistive
  * technology; pass a router's link element as `render` to keep client navigation. */
-export declare const LinkButton: React.ForwardRefExoticComponent<Omit<useRender.ComponentProps<"a", {}, import("@base-ui/react/types").HTMLProps>, "ref"> & {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-} & React.RefAttributes<HTMLAnchorElement>>;
+export declare const LinkButton: ({ render, className, variant, size, ref, ...props }: LinkButtonProps & {
+    ref?: React.Ref<HTMLAnchorElement>;
+}) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist/button.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
 import { Button as BaseButton } from '@base-ui/react/button';
 import { useRender } from '@base-ui/react/use-render';
 import { useComponentSize } from './sizing.js';
@@ -8,21 +7,21 @@ import { sizeName, skin, cx } from './parts.js';
 /** The size scheme a button size implies: icon sizes follow the scale, xs and icon
  * keep the surrounding scheme. */
 function schemeOf(size) {
-    return size === 'icon-sm' || size === 'icon-xs'
+    return size === 'icon-small' || size === 'icon-sm' || size === 'icon-xs'
         ? 'small'
-        : size === 'icon-lg'
+        : size === 'icon-large' || size === 'icon-lg'
             ? 'large'
             : size === 'xs' || size === 'icon'
                 ? undefined
                 : size;
 }
-export const Button = /* @__PURE__ */ React.forwardRef(function Button({ className, variant = 'default', size, ...props }, ref) {
+export const Button = function Button({ className, variant = 'primary', size, ref, ...props }) {
     const scheme = useComponentSize(schemeOf(size));
-    return (_jsx(BaseButton, { ref: ref, ...props, className: skin('pui-button', className), "data-variant": variant, "data-size": sizeName(size), "data-ui-size": scheme }));
-});
+    return (_jsx(BaseButton, { ref: ref, ...props, className: skin('surf-button', className), "data-variant": variant, "data-size": sizeName(size), "data-ui-size": scheme }));
+};
 /** A link that looks like a Button. It navigates, so it stays a link for assistive
  * technology; pass a router's link element as `render` to keep client navigation. */
-export const LinkButton = /* @__PURE__ */ React.forwardRef(function LinkButton({ render, className, variant = 'default', size, ...props }, ref) {
+export const LinkButton = function LinkButton({ render, className, variant = 'primary', size, ref, ...props }) {
     const scheme = useComponentSize(schemeOf(size));
     return useRender({
         defaultTagName: 'a',
@@ -30,10 +29,10 @@ export const LinkButton = /* @__PURE__ */ React.forwardRef(function LinkButton({
         ref,
         props: {
             ...props,
-            className: cx('pui-button', className),
+            className: cx('surf-button', className),
             'data-variant': variant,
             'data-size': sizeName(size),
             'data-ui-size': scheme,
         },
     });
-});
+};