@particle-academy/react-fancy 5.12.0 → 5.13.1

package/dist/mode.d.cts

@@ -0,0 +1,28 @@
+export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as FieldModeContextValue, c as Form, d as FormProps, e as FormProvider, f as FormProviderProps, u as useFieldMode } from './FieldMode.context-C28RH8GR.cjs';
+import { F as FieldMode } from './inputs.types-CkWdvN-t.cjs';
+import 'react';
+import './types-8Sv0rCjw.cjs';
+
+interface InlineEdit {
+    /** Render the editable control (`true`) vs. the read-only value display (`false`). */
+    showControl: boolean;
+    /** Whether view mode is interactive (click-to-edit) — i.e. `view` and not disabled. */
+    interactive: boolean;
+    /** Enter edit mode (no-op unless interactive). */
+    enterEdit: () => void;
+    /** Leave edit mode, back to the value display. */
+    exitEdit: () => void;
+}
+/**
+ * Inline click-to-edit for `mode="view"`. The bound value shows as clean static
+ * text; clicking it swaps in the focused control; blur returns to the display
+ * (the control's `onChange` / `onBlur` fire as usual, so a host can persist on
+ * commit). `mode="edit"` is always the control; a **disabled** view stays static
+ * text (no click-to-edit).
+ *
+ * This is the value of "view mode": tidy read-only surfaces where each field
+ * becomes editable only when the user reaches for it.
+ */
+declare function useInlineEdit(mode: FieldMode, disabled?: boolean): InlineEdit;
+
+export { type InlineEdit, useInlineEdit };

package/dist/mode.d.ts

@@ -0,0 +1,28 @@
+export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as FieldModeContextValue, c as Form, d as FormProps, e as FormProvider, f as FormProviderProps, u as useFieldMode } from './FieldMode.context-Bv_wuS8V.js';
+import { F as FieldMode } from './inputs.types-DERzxpe1.js';
+import 'react';
+import './types-8Sv0rCjw.js';
+
+interface InlineEdit {
+    /** Render the editable control (`true`) vs. the read-only value display (`false`). */
+    showControl: boolean;
+    /** Whether view mode is interactive (click-to-edit) — i.e. `view` and not disabled. */
+    interactive: boolean;
+    /** Enter edit mode (no-op unless interactive). */
+    enterEdit: () => void;
+    /** Leave edit mode, back to the value display. */
+    exitEdit: () => void;
+}
+/**
+ * Inline click-to-edit for `mode="view"`. The bound value shows as clean static
+ * text; clicking it swaps in the focused control; blur returns to the display
+ * (the control's `onChange` / `onBlur` fire as usual, so a host can persist on
+ * commit). `mode="edit"` is always the control; a **disabled** view stays static
+ * text (no click-to-edit).
+ *
+ * This is the value of "view mode": tidy read-only surfaces where each field
+ * becomes editable only when the user reaches for it.
+ */
+declare function useInlineEdit(mode: FieldMode, disabled?: boolean): InlineEdit;
+
+export { type InlineEdit, useInlineEdit };

package/dist/mode.js

@@ -0,0 +1,8 @@
+export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
+export { DisplayValue } from './chunk-K7JGOQJG.js';
+import './chunk-GFYSELJF.js';
+export { useInlineEdit } from './chunk-OL53XYHF.js';
+export { FieldModeContext, useFieldMode } from './chunk-NRXK42LO.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=mode.js.map
+//# sourceMappingURL=mode.js.map

package/dist/mode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"mode.js"}

package/dist/mood-meter.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkI6L7OP7G_cjs = require('./chunk-I6L7OP7G.cjs');
+
+
+
+Object.defineProperty(exports, "MoodMeter", {
+  enumerable: true,
+  get: function () { return chunkI6L7OP7G_cjs.MoodMeter; }
+});
+//# sourceMappingURL=mood-meter.cjs.map
+//# sourceMappingURL=mood-meter.cjs.map

package/dist/mood-meter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"mood-meter.cjs"}

package/dist/mood-meter.d.cts

@@ -0,0 +1,67 @@
+import * as react from 'react';
+
+/**
+ * MoodMeter — a 2D draggable pad that captures a value AND the
+ * confidence in that value on the same handle.
+ *
+ *   <MoodMeter
+ *     min={0} max={1}
+ *     value={value} confidence={confidence}
+ *     onChange={(v, c) => { setValue(v); setConfidence(c); }}
+ *   />
+ *
+ *   • x-axis maps to [min..max]
+ *   • y-axis maps to [0..1] confidence (top = sure)
+ *   • the halo around the handle scales inversely with confidence —
+ *     uncertain readings literally look fuzzier
+ *
+ * Why pair them in one control? When AIs post a number, humans
+ * immediately ask "how sure are you?". Making confidence an explicit
+ * sibling of value — and letting the user drag either independently —
+ * turns vague "AI suggestion" UX into something you can argue with
+ * precisely.
+ *
+ * The agent's posted value/confidence renders as a dashed ghost
+ * handle alongside the live user handle, so the human can see where
+ * the agent landed and how far they've drifted.
+ */
+interface MoodMeterProps {
+    /** Range minimum. */
+    min: number;
+    /** Range maximum. */
+    max: number;
+    /** Step for value snapping. Defaults to (max-min)/100. */
+    step?: number;
+    /** Current value (controlled). */
+    value: number;
+    /** Current confidence 0..1 (controlled). */
+    confidence: number;
+    /** Called with (value, confidence) on drag / pointer events. */
+    onChange: (value: number, confidence: number) => void;
+    /** Optional agent post — renders as a dashed ghost handle. */
+    posted?: {
+        value: number;
+        confidence: number;
+    };
+    /** Pixel width of the pad. Defaults to 320. */
+    width?: number;
+    /** Pixel height of the pad. Defaults to 220. */
+    height?: number;
+    /** Show the grid + axis labels. Defaults to true. */
+    showGrid?: boolean;
+    /** Color of the user handle. Defaults to sky blue. */
+    color?: string;
+    /** Color of the posted-ghost handle. Defaults to violet. */
+    postedColor?: string;
+    /** Optional prefix for the value label (e.g. "$"). */
+    prefix?: string;
+    /** Optional suffix for the value label (e.g. "k", "%"). */
+    suffix?: string;
+    /** Optional label text override. Falls back to formatted value. */
+    formatValue?: (v: number) => string;
+    /** Optional className applied to the outer pad. */
+    className?: string;
+}
+declare function MoodMeter({ min, max, step, value, confidence, onChange, posted, width, height, showGrid, color, postedColor, prefix, suffix, formatValue, className, }: MoodMeterProps): react.JSX.Element;
+
+export { MoodMeter, type MoodMeterProps };

package/dist/mood-meter.d.ts

@@ -0,0 +1,67 @@
+import * as react from 'react';
+
+/**
+ * MoodMeter — a 2D draggable pad that captures a value AND the
+ * confidence in that value on the same handle.
+ *
+ *   <MoodMeter
+ *     min={0} max={1}
+ *     value={value} confidence={confidence}
+ *     onChange={(v, c) => { setValue(v); setConfidence(c); }}
+ *   />
+ *
+ *   • x-axis maps to [min..max]
+ *   • y-axis maps to [0..1] confidence (top = sure)
+ *   • the halo around the handle scales inversely with confidence —
+ *     uncertain readings literally look fuzzier
+ *
+ * Why pair them in one control? When AIs post a number, humans
+ * immediately ask "how sure are you?". Making confidence an explicit
+ * sibling of value — and letting the user drag either independently —
+ * turns vague "AI suggestion" UX into something you can argue with
+ * precisely.
+ *
+ * The agent's posted value/confidence renders as a dashed ghost
+ * handle alongside the live user handle, so the human can see where
+ * the agent landed and how far they've drifted.
+ */
+interface MoodMeterProps {
+    /** Range minimum. */
+    min: number;
+    /** Range maximum. */
+    max: number;
+    /** Step for value snapping. Defaults to (max-min)/100. */
+    step?: number;
+    /** Current value (controlled). */
+    value: number;
+    /** Current confidence 0..1 (controlled). */
+    confidence: number;
+    /** Called with (value, confidence) on drag / pointer events. */
+    onChange: (value: number, confidence: number) => void;
+    /** Optional agent post — renders as a dashed ghost handle. */
+    posted?: {
+        value: number;
+        confidence: number;
+    };
+    /** Pixel width of the pad. Defaults to 320. */
+    width?: number;
+    /** Pixel height of the pad. Defaults to 220. */
+    height?: number;
+    /** Show the grid + axis labels. Defaults to true. */
+    showGrid?: boolean;
+    /** Color of the user handle. Defaults to sky blue. */
+    color?: string;
+    /** Color of the posted-ghost handle. Defaults to violet. */
+    postedColor?: string;
+    /** Optional prefix for the value label (e.g. "$"). */
+    prefix?: string;
+    /** Optional suffix for the value label (e.g. "k", "%"). */
+    suffix?: string;
+    /** Optional label text override. Falls back to formatted value. */
+    formatValue?: (v: number) => string;
+    /** Optional className applied to the outer pad. */
+    className?: string;
+}
+declare function MoodMeter({ min, max, step, value, confidence, onChange, posted, width, height, showGrid, color, postedColor, prefix, suffix, formatValue, className, }: MoodMeterProps): react.JSX.Element;
+
+export { MoodMeter, type MoodMeterProps };

package/dist/mood-meter.js

@@ -0,0 +1,3 @@
+export { MoodMeter } from './chunk-32AJIHBZ.js';
+//# sourceMappingURL=mood-meter.js.map
+//# sourceMappingURL=mood-meter.js.map

package/dist/mood-meter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"mood-meter.js"}

package/dist/multi-switch.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkIGU5YXRV_cjs = require('./chunk-IGU5YXRV.cjs');
+require('./chunk-6BW5BQMN.cjs');
+require('./chunk-PPLR2DNC.cjs');
+require('./chunk-YLGTDBB2.cjs');
+require('./chunk-KJ22KE56.cjs');
+require('./chunk-L3V3BYVS.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "MultiSwitch", {
+  enumerable: true,
+  get: function () { return chunkIGU5YXRV_cjs.MultiSwitch; }
+});
+//# sourceMappingURL=multi-switch.cjs.map
+//# sourceMappingURL=multi-switch.cjs.map

package/dist/multi-switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"multi-switch.cjs"}

package/dist/multi-switch.d.cts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { a as InputBaseProps, b as InputOption } from './inputs.types-CkWdvN-t.cjs';
+import './types-8Sv0rCjw.cjs';
+
+interface MultiSwitchProps<V = string> extends InputBaseProps {
+    list: InputOption<V>[];
+    value?: V;
+    defaultValue?: V;
+    onValueChange?: (value: V) => void;
+    linear?: boolean;
+}
+
+declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, ...rest }: MultiSwitchProps<V>): react.JSX.Element;
+declare namespace MultiSwitch {
+    var displayName: string;
+}
+
+export { MultiSwitch, type MultiSwitchProps };

package/dist/multi-switch.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { a as InputBaseProps, b as InputOption } from './inputs.types-DERzxpe1.js';
+import './types-8Sv0rCjw.js';
+
+interface MultiSwitchProps<V = string> extends InputBaseProps {
+    list: InputOption<V>[];
+    value?: V;
+    defaultValue?: V;
+    onValueChange?: (value: V) => void;
+    linear?: boolean;
+}
+
+declare function MultiSwitch<V = string>({ size, dirty, error, label, description, required, disabled, className, id, name, list, value: controlledValue, defaultValue, onValueChange, linear, mode, ...rest }: MultiSwitchProps<V>): react.JSX.Element;
+declare namespace MultiSwitch {
+    var displayName: string;
+}
+
+export { MultiSwitch, type MultiSwitchProps };

package/dist/multi-switch.js

@@ -0,0 +1,10 @@
+export { MultiSwitch } from './chunk-ZT36VWIA.js';
+import './chunk-K7JGOQJG.js';
+import './chunk-3DJGPNUI.js';
+import './chunk-GFYSELJF.js';
+import './chunk-OL53XYHF.js';
+import './chunk-NRXK42LO.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=multi-switch.js.map
+//# sourceMappingURL=multi-switch.js.map

package/dist/multi-switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"multi-switch.js"}

package/dist/navbar.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkB3HVWXIQ_cjs = require('./chunk-B3HVWXIQ.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Navbar", {
+  enumerable: true,
+  get: function () { return chunkB3HVWXIQ_cjs.Navbar; }
+});
+Object.defineProperty(exports, "useNavbar", {
+  enumerable: true,
+  get: function () { return chunkB3HVWXIQ_cjs.useNavbar; }
+});
+//# sourceMappingURL=navbar.cjs.map
+//# sourceMappingURL=navbar.cjs.map

package/dist/navbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"navbar.cjs"}

package/dist/navbar.d.cts

@@ -0,0 +1,60 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { N as NavigableProps } from './types-8Sv0rCjw.cjs';
+
+interface NavbarContextValue {
+    mobileOpen: boolean;
+    setMobileOpen: (open: boolean) => void;
+}
+interface NavbarProps {
+    children: ReactNode;
+    className?: string;
+}
+interface NavbarBrandProps {
+    children: ReactNode;
+    className?: string;
+}
+interface NavbarItemsProps {
+    children: ReactNode;
+    className?: string;
+}
+interface NavbarItemProps extends NavigableProps {
+    children: ReactNode;
+    active?: boolean;
+    className?: string;
+}
+interface NavbarToggleProps {
+    className?: string;
+}
+
+declare function NavbarBrand({ children, className }: NavbarBrandProps): react.JSX.Element;
+declare namespace NavbarBrand {
+    var displayName: string;
+}
+
+declare function NavbarItems({ children, className }: NavbarItemsProps): react.JSX.Element;
+declare namespace NavbarItems {
+    var displayName: string;
+}
+
+declare function NavbarItem({ children, href, as: As, active, className, ...rest }: NavbarItemProps): react.JSX.Element;
+declare namespace NavbarItem {
+    var displayName: string;
+}
+
+declare function NavbarToggle({ className }: NavbarToggleProps): react.JSX.Element;
+declare namespace NavbarToggle {
+    var displayName: string;
+}
+
+declare function NavbarRoot({ children, className }: NavbarProps): react.JSX.Element;
+declare const Navbar: typeof NavbarRoot & {
+    Brand: typeof NavbarBrand;
+    Items: typeof NavbarItems;
+    Item: typeof NavbarItem;
+    Toggle: typeof NavbarToggle;
+};
+
+declare function useNavbar(): NavbarContextValue;
+
+export { Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, useNavbar };

package/dist/navbar.d.ts

@@ -0,0 +1,60 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { N as NavigableProps } from './types-8Sv0rCjw.js';
+
+interface NavbarContextValue {
+    mobileOpen: boolean;
+    setMobileOpen: (open: boolean) => void;
+}
+interface NavbarProps {
+    children: ReactNode;
+    className?: string;
+}
+interface NavbarBrandProps {
+    children: ReactNode;
+    className?: string;
+}
+interface NavbarItemsProps {
+    children: ReactNode;
+    className?: string;
+}
+interface NavbarItemProps extends NavigableProps {
+    children: ReactNode;
+    active?: boolean;
+    className?: string;
+}
+interface NavbarToggleProps {
+    className?: string;
+}
+
+declare function NavbarBrand({ children, className }: NavbarBrandProps): react.JSX.Element;
+declare namespace NavbarBrand {
+    var displayName: string;
+}
+
+declare function NavbarItems({ children, className }: NavbarItemsProps): react.JSX.Element;
+declare namespace NavbarItems {
+    var displayName: string;
+}
+
+declare function NavbarItem({ children, href, as: As, active, className, ...rest }: NavbarItemProps): react.JSX.Element;
+declare namespace NavbarItem {
+    var displayName: string;
+}
+
+declare function NavbarToggle({ className }: NavbarToggleProps): react.JSX.Element;
+declare namespace NavbarToggle {
+    var displayName: string;
+}
+
+declare function NavbarRoot({ children, className }: NavbarProps): react.JSX.Element;
+declare const Navbar: typeof NavbarRoot & {
+    Brand: typeof NavbarBrand;
+    Items: typeof NavbarItems;
+    Item: typeof NavbarItem;
+    Toggle: typeof NavbarToggle;
+};
+
+declare function useNavbar(): NavbarContextValue;
+
+export { Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, useNavbar };

package/dist/navbar.js

@@ -0,0 +1,4 @@
+export { Navbar, useNavbar } from './chunk-D4WM23Y4.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=navbar.js.map
+//# sourceMappingURL=navbar.js.map

package/dist/navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"navbar.js"}

package/dist/otp-input.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkE7PHL3TD_cjs = require('./chunk-E7PHL3TD.cjs');
+require('./chunk-KJ22KE56.cjs');
+require('./chunk-L3V3BYVS.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "OtpInput", {
+  enumerable: true,
+  get: function () { return chunkE7PHL3TD_cjs.OtpInput; }
+});
+//# sourceMappingURL=otp-input.cjs.map
+//# sourceMappingURL=otp-input.cjs.map

package/dist/otp-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"otp-input.cjs"}

package/dist/otp-input.d.cts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { F as FieldMode } from './inputs.types-CkWdvN-t.cjs';
+import './types-8Sv0rCjw.cjs';
+
+interface OtpInputProps {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    className?: string;
+    /** `"edit"` (default) renders the inputs; `"view"` renders the digits as text. */
+    mode?: FieldMode;
+}
+
+declare const OtpInput: react.ForwardRefExoticComponent<OtpInputProps & react.RefAttributes<HTMLDivElement>>;
+
+export { OtpInput, type OtpInputProps };

package/dist/otp-input.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { F as FieldMode } from './inputs.types-DERzxpe1.js';
+import './types-8Sv0rCjw.js';
+
+interface OtpInputProps {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    className?: string;
+    /** `"edit"` (default) renders the inputs; `"view"` renders the digits as text. */
+    mode?: FieldMode;
+}
+
+declare const OtpInput: react.ForwardRefExoticComponent<OtpInputProps & react.RefAttributes<HTMLDivElement>>;
+
+export { OtpInput, type OtpInputProps };

package/dist/otp-input.js

@@ -0,0 +1,7 @@
+export { OtpInput } from './chunk-UCYAHLGM.js';
+import './chunk-OL53XYHF.js';
+import './chunk-NRXK42LO.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=otp-input.js.map
+//# sourceMappingURL=otp-input.js.map

package/dist/otp-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"otp-input.js"}

package/dist/pagination.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkARSQY4P7_cjs = require('./chunk-ARSQY4P7.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function () { return chunkARSQY4P7_cjs.Pagination; }
+});
+//# sourceMappingURL=pagination.cjs.map
+//# sourceMappingURL=pagination.cjs.map

package/dist/pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"pagination.cjs"}

package/dist/pagination.d.cts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+
+interface PaginationProps {
+    page: number;
+    onPageChange: (page: number) => void;
+    totalPages: number;
+    siblingCount?: number;
+    className?: string;
+}
+
+declare function Pagination({ page, onPageChange, totalPages, siblingCount, className, }: PaginationProps): react.JSX.Element | null;
+declare namespace Pagination {
+    var displayName: string;
+}
+
+export { Pagination, type PaginationProps };

package/dist/pagination.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+
+interface PaginationProps {
+    page: number;
+    onPageChange: (page: number) => void;
+    totalPages: number;
+    siblingCount?: number;
+    className?: string;
+}
+
+declare function Pagination({ page, onPageChange, totalPages, siblingCount, className, }: PaginationProps): react.JSX.Element | null;
+declare namespace Pagination {
+    var displayName: string;
+}
+
+export { Pagination, type PaginationProps };

package/dist/pagination.js

@@ -0,0 +1,4 @@
+export { Pagination } from './chunk-YT6N44Z3.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=pagination.js.map

package/dist/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"pagination.js"}

package/dist/pdf-viewer.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkJHEM6IGT_cjs = require('./chunk-JHEM6IGT.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "PdfViewer", {
+  enumerable: true,
+  get: function () { return chunkJHEM6IGT_cjs.PdfViewer; }
+});
+//# sourceMappingURL=pdf-viewer.cjs.map
+//# sourceMappingURL=pdf-viewer.cjs.map

package/dist/pdf-viewer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"pdf-viewer.cjs"}

package/dist/pdf-viewer.d.cts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.cjs';
+
+/**
+ * A standalone PDF viewer — embeds the document via the browser's native PDF
+ * plugin (`<object>`), falling back to an `<iframe>`, then to a download link.
+ * Fills its container, so give it a height (a `min-h` floor is built in).
+ * Renders for PDF sources inside `<MediaViewer>`.
+ *
+ * ```tsx
+ * <PdfViewer src="/report.pdf" title="report.pdf" style={{ height: 600 }} />
+ * ```
+ */
+declare const PdfViewer: react.ForwardRefExoticComponent<PdfViewerProps & react.RefAttributes<HTMLDivElement>>;
+
+export { PdfViewer, PdfViewerProps };

package/dist/pdf-viewer.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.js';
+
+/**
+ * A standalone PDF viewer — embeds the document via the browser's native PDF
+ * plugin (`<object>`), falling back to an `<iframe>`, then to a download link.
+ * Fills its container, so give it a height (a `min-h` floor is built in).
+ * Renders for PDF sources inside `<MediaViewer>`.
+ *
+ * ```tsx
+ * <PdfViewer src="/report.pdf" title="report.pdf" style={{ height: 600 }} />
+ * ```
+ */
+declare const PdfViewer: react.ForwardRefExoticComponent<PdfViewerProps & react.RefAttributes<HTMLDivElement>>;
+
+export { PdfViewer, PdfViewerProps };

package/dist/pdf-viewer.js

@@ -0,0 +1,4 @@
+export { PdfViewer } from './chunk-DZD2RJVD.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=pdf-viewer.js.map
+//# sourceMappingURL=pdf-viewer.js.map