canny-ui-react 5.0.0 → 6.1.0

package/dist/utils/primitiveProps.d.ts

@@ -0,0 +1,94 @@
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+/**
+ * Explicit stand-ins for the Radix prop shapes we re-expose.
+ *
+ * The runtime bundle inlines Radix (see vite.config.ts — only React is
+ * external), so consumers never install `@radix-ui/*`. If a public type were
+ * derived from a Radix type (`ComponentPropsWithoutRef<typeof Radix.Root>`),
+ * the emitted `.d.ts` would `import '@radix-ui/…'` and every prop on that
+ * component would silently resolve to `unknown` for anyone who doesn't happen
+ * to have Radix installed. Declaring the props here keeps `dist/index.d.ts`
+ * self-contained.
+ *
+ * Keep these in sync with the Radix version pinned in devDependencies.
+ */
+/** Render into the child element instead of the primitive's own DOM node. */
+export interface AsChildProps {
+    /** Merge props onto the single child element rather than rendering a wrapper. */
+    asChild?: boolean;
+}
+/** Reading direction, accepted by most Radix roots. */
+export type Direction = 'ltr' | 'rtl';
+/** Side a floating panel prefers relative to its trigger. */
+export type PopperSide = 'top' | 'right' | 'bottom' | 'left';
+/** Alignment of a floating panel along its trigger's edge. */
+export type PopperAlign = 'start' | 'center' | 'end';
+/** A button-like trigger that can defer rendering to its child. */
+export type TriggerProps = ButtonHTMLAttributes<HTMLButtonElement> & AsChildProps;
+/** Positioning and dismissal props shared by popper-based content panels. */
+export interface PopperContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, AsChildProps {
+    /** Preferred side relative to the trigger. */
+    side?: PopperSide;
+    /** Distance in px from the trigger. */
+    sideOffset?: number;
+    /** Alignment along the trigger's edge. */
+    align?: PopperAlign;
+    /** Offset in px along the alignment axis. */
+    alignOffset?: number;
+    /** Flip to the opposite side when there isn't room. Default: true. */
+    avoidCollisions?: boolean;
+    /** Padding kept between the panel and the viewport edge. */
+    collisionPadding?: number | Partial<Record<PopperSide, number>>;
+    /** Element(s) treated as the collision boundary. */
+    collisionBoundary?: Element | null | Array<Element | null>;
+    /** How to behave when the trigger is fully hidden. */
+    hideWhenDetached?: boolean;
+    /** Keep mounted so animation libraries can control presence. */
+    forceMount?: true;
+    /** Fires on Escape. Call `preventDefault()` to keep the panel open. */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /** Fires on pointer down outside the panel. */
+    onPointerDownOutside?: (event: Event) => void;
+    /** Fires on focus or pointer interaction outside the panel. */
+    onInteractOutside?: (event: Event) => void;
+    /** Fires when focus moves outside the panel. */
+    onFocusOutside?: (event: Event) => void;
+    /** Fires when auto-focus would move into the panel on open. */
+    onOpenAutoFocus?: (event: Event) => void;
+    /** Fires when auto-focus would return to the trigger on close. */
+    onCloseAutoFocus?: (event: Event) => void;
+}
+/** Open/close state shared by dialog-, popover- and menu-style roots. */
+export interface OpenStateProps {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultOpen?: boolean;
+    /** Fires when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the surface blocks interaction with the rest of the page. */
+    modal?: boolean;
+    /** Reading direction. */
+    dir?: Direction;
+    children?: ReactNode;
+}
+/** Single-value form control state (Select, RadioGroup, Tabs…). */
+export interface ValueStateProps {
+    /** Controlled value. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /** Fires when the value changes. */
+    onValueChange?: (value: string) => void;
+}
+/** Form-participation props shared by the input-like primitives. */
+export interface FormControlProps {
+    /** Name submitted with the enclosing form. */
+    name?: string;
+    /** Marks the control required for form validation. */
+    required?: boolean;
+    /** Disables interaction. */
+    disabled?: boolean;
+    /** Associates the control with a form by id. */
+    form?: string;
+}

package/dist/utils/withSx.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties, ReactElement } from 'react';
+import type { SxProp } from '../components/Layout/sx';
+export interface WithSxResult {
+    /** Merged class names (base classes + generated responsive-sx class). */
+    className: string;
+    /** Inline style (scalar sx + any explicit style; explicit style wins). */
+    style: CSSProperties | undefined;
+    /** Scoped <style> element for responsive sx, or null. Render inside the root. */
+    styleTag: ReactElement | null;
+}
+/**
+ * Resolve an `sx` prop for a component that isn't built on `Box`.
+ *
+ * Standardizes the same behavior `Box` has: scalar sx → inline style; responsive
+ * sx → a content-hashed class + a scoped `<style>` (SSR-safe). Pass the base
+ * class names last; the generated sx class is appended so it wins the cascade.
+ *
+ * @example
+ * const { className, style, styleTag } = withSx(sx, style, 'card', color);
+ * return <div className={className} style={style}>{styleTag}{children}</div>;
+ */
+export declare function withSx(sx: SxProp | undefined, style: CSSProperties | undefined, ...classNames: (string | false | null | undefined)[]): WithSxResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canny-ui-react",
-  "version": "5.0.0",
+  "version": "6.1.0",
   "description": "React component wrappers for Canny-UI — Button, Input, Select, MultiSelect, Field, Layout primitives, and more. Built on Radix, motion, cmdk.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -20,7 +20,7 @@
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "canny-ui": "^5.0.0"
+    "canny-ui": "^6.1.0"
   },
   "devDependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
@@ -52,7 +52,7 @@
     "typescript": "^5.7.2",
     "vite": "^6.0.3",
     "vitest": "^2.1.8",
-    "canny-ui": "5.0.0"
+    "canny-ui": "6.1.0"
   },
   "keywords": [
     "react",
@@ -80,9 +80,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "vite build && tsc --emitDeclarationOnly",
+    "build": "vite build && tsc --emitDeclarationOnly && node scripts/check-dts-self-contained.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
-    "dev": "vite build --watch"
+    "dev": "vite build --watch",
+    "check:dts": "node scripts/check-dts-self-contained.mjs"
   }
 }