canny-ui-react 6.3.3 → 6.5.0

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

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export interface CspNonceProviderProps {
+    /**
+     * The per-request CSP nonce — the same value carried in the response's
+     * `Content-Security-Policy` header. Applied to every scoped `<style>` element
+     * the library emits. `undefined` renders those elements without a nonce
+     * attribute (identical to having no provider).
+     */
+    nonce: string | undefined;
+    children?: ReactNode;
+}

package/dist/components/CspNonce/CspNonceProvider.d.ts

@@ -0,0 +1,15 @@
+import type { CspNonceProviderProps } from './CspNonce.types';
+/**
+ * Supplies the page's CSP nonce to every scoped `<style>` element Canny-UI
+ * emits: responsive `sx` on `Box` and on `withSx`-based components (e.g.
+ * `Divider`), `CannyLoader`'s keyframes, and the styles Radix overlays inject
+ * (the `Select` viewport's scrollbar rule and the scroll lock of every
+ * overlay). Under a nonce-based `style-src` / `style-src-elem` policy the
+ * browser blocks those elements unless they carry the nonce. Mount once near
+ * the root, with the nonce from the response's Content-Security-Policy
+ * header. Without a provider the elements render exactly as before (no nonce
+ * attribute).
+ */
+export declare function CspNonceProvider({ nonce, children }: CspNonceProviderProps): import("react/jsx-runtime").JSX.Element;
+/** The nonce from the nearest `CspNonceProvider`, or `undefined` outside one. */
+export declare function useCspNonce(): string | undefined;

package/dist/components/CspNonce/index.d.ts

@@ -0,0 +1,2 @@
+export { CspNonceProvider, useCspNonce } from './CspNonceProvider';
+export type { CspNonceProviderProps } from './CspNonce.types';

package/dist/components/Navbar/Navbar.d.ts

@@ -1,6 +1,11 @@
-import type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarItemProps, NavbarActionsProps } from './Navbar.types';
+import type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarItemProps, NavbarActionsProps, NavbarToggleProps } from './Navbar.types';
 export declare const Navbar: import("react").ForwardRefExoticComponent<NavbarProps & import("react").RefAttributes<HTMLElement>>;
 export declare const NavbarBrand: import("react").ForwardRefExoticComponent<NavbarBrandProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export declare const NavbarNav: import("react").ForwardRefExoticComponent<NavbarNavProps & import("react").RefAttributes<HTMLElement>>;
 export declare const NavbarItem: import("react").ForwardRefExoticComponent<NavbarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export declare const NavbarActions: import("react").ForwardRefExoticComponent<NavbarActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Menu (hamburger) button for a responsive `Sidebar`: shown below 900px, where the
+ * sidebar becomes a drawer. Wire it to the sidebar's `mobileOpen`.
+ */
+export declare const NavbarToggle: import("react").ForwardRefExoticComponent<NavbarToggleProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 import type { SxProp } from '../Layout/sx';
 export interface NavbarProps extends HTMLAttributes<HTMLElement> {
     solid?: boolean;
@@ -24,3 +24,9 @@ export interface NavbarItemProps extends AnchorHTMLAttributes<HTMLAnchorElement>
 export interface NavbarActionsProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
+export interface NavbarToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Whether the menu it opens is open (sets aria-expanded and the default label). */
+    open?: boolean;
+    /** The icon; a menu (hamburger) icon by default. */
+    children?: ReactNode;
+}

package/dist/components/Navbar/index.d.ts

@@ -1,2 +1,2 @@
-export { Navbar, NavbarBrand, NavbarNav, NavbarItem, NavbarActions } from './Navbar';
-export type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarItemProps, NavbarActionsProps, } from './Navbar.types';
+export { Navbar, NavbarBrand, NavbarNav, NavbarItem, NavbarActions, NavbarToggle } from './Navbar';
+export type { NavbarProps, NavbarBrandProps, NavbarNavProps, NavbarItemProps, NavbarActionsProps, NavbarToggleProps, } from './Navbar.types';

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

@@ -6,6 +6,17 @@ export interface SidebarProps extends HTMLAttributes<HTMLElement> {
     sticky?: boolean;
     collapsed?: boolean;
     responsive?: boolean;
+    /**
+     * With `responsive`: below 900px the sidebar slides in from the left as a drawer
+     * (over a backdrop) while this is true, instead of being hidden. Open it from a
+     * menu button such as `NavbarToggle`. Ignored at 900px and wider.
+     */
+    mobileOpen?: boolean;
+    /**
+     * Turns on the mobile drawer for a `responsive` sidebar. Called with `false` when
+     * the backdrop is clicked or Escape is pressed.
+     */
+    onMobileOpenChange?: (open: boolean) => void;
     /**
      * 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