canny-ui-react 6.6.0 → 6.7.0

package/README.md

@@ -55,7 +55,7 @@ export function SignInCard() {
 
 ## Highlights
 
-- **Buttons** — 7 variants × 5 colors × 3 sizes × 3 shapes, click-position ripple powered by `motion`, attached/spaced groups, FAB with spring entrance, Radix-powered toggles and segmented controls
+- **Buttons** — 7 variants × 5 colors × 3 sizes × 3 shapes, click-position ripple powered by `motion`, `asChild` to render a router `<Link>` / `<a>` as a button, attached/spaced groups, FAB with spring entrance, Radix-powered toggles and segmented controls
 - **Inputs** — prefix/suffix slots, clear button, password toggle, validation states wired through `<Field>`
 - **Select / MultiSelect** — Radix Select + cmdk combobox with chip tokens, groups, descriptions, `maxItems` cap
 - **Layout primitives** — `<Box>`, `<Stack>`, `<Row>`, `<Grid>`, `<Container>` map props to utility classes, polymorphic `as`

package/dist/components/Autocomplete/Autocomplete.types.d.ts

@@ -37,6 +37,18 @@ interface AutocompleteBase {
     disabled?: boolean;
     /** Show a clear button when something is selected. */
     clearable?: boolean;
+    /**
+     * Controlled open state of the dropdown. Pair with `onOpenChange`; leave
+     * unset to let the component manage it.
+     */
+    open?: boolean;
+    /** Uncontrolled initial open state. Default: `false`. */
+    defaultOpen?: boolean;
+    /**
+     * Fires when the dropdown asks to open or close (trigger click, Esc, outside
+     * click, or a pick in single mode) — e.g. to load options on first open.
+     */
+    onOpenChange?: (open: boolean) => void;
     /** Field-threading: id forwarded to the trigger. */
     id?: string;
     /** Field-threading: forwarded ARIA. */

package/dist/components/Button/Button.types.d.ts

@@ -24,6 +24,22 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     iconPosition?: ButtonIconPosition;
     /** Disable the MUI-style click ripple. Default: `false`. */
     disableRipple?: boolean;
+    /**
+     * Render the single child element instead of a `<button>` — typically a
+     * router `<Link>` or an `<a href>` — so a button that navigates keeps link
+     * behaviour (middle-click, "open in new tab", link semantics). The child gets
+     * the button's classes, icon, spinner and ripple, and its own content goes
+     * in the button's content slot. `disabled` / `loading` set `aria-disabled`,
+     * drop it from the tab order and cancel the click (links have no `disabled`
+     * attribute). The child must accept a ref and spread its props onto the DOM
+     * element. Default: `false`.
+     *
+     * @example
+     *   <Button asChild variant="outline" icon={<Pencil size={14} />}>
+     *     <Link href={`/workflows/${id}/edit`}>Edit</Link>
+     *   </Button>
+     */
+    asChild?: boolean;
     /**
      * One-off CSS, same as `Box`'s `sx`: each value may be a scalar or a
      * responsive breakpoint map (`{ base, sm, md, lg, xl }`). Scalar-only sx

package/dist/components/Button/IconButton.d.ts

@@ -1,13 +1,23 @@
-import type { ReactNode } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import type { ButtonProps } from './Button.types';
 export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'icon' | 'iconPosition'> {
     /** Icon element. Required. */
     icon: ReactNode;
     /** Accessible label. Required — icon-only buttons must have one. */
     'aria-label': string;
+    /**
+     * With `asChild`: the element to render as, e.g. `<Link href="/edit" />`.
+     * The icon is placed inside it.
+     */
+    children?: ReactElement;
 }
 /**
  * Convenience over `<Button shape="circle" icon={...} aria-label="…" />`.
  * Enforces `aria-label` at the type level for icon-only accessibility.
+ *
+ * @example
+ *   <IconButton icon={<Pencil size={16} />} aria-label="Edit" asChild>
+ *     <Link href={`/workflows/${id}/edit`} />
+ *   </IconButton>
  */
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;