canny-ui-react 6.3.3 → 6.4.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';