@particle-academy/react-fancy 5.11.0 → 5.13.1

package/dist/pull-quote.d.cts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface PullQuoteProps extends Omit<HTMLAttributes<HTMLQuoteElement>, "cite"> {
+    /** Who said it. Rendered in a `<cite>`. */
+    attribution?: ReactNode;
+    /** Where it is from — publication, page, role. Follows the attribution. */
+    source?: ReactNode;
+    /** URL the quote came from. Becomes the `<blockquote cite>` attribute. */
+    citeUrl?: string;
+    /** Rule-bracketed treatment: hairlines above and below. Default `false`. */
+    rule?: boolean;
+    children?: ReactNode;
+}
+
+/**
+ * A pull quote — the oversized line lifted out of body copy, with optional
+ * attribution and a rule-bracketed treatment.
+ *
+ * Twelve gallery styles build one. The reason this is a component rather than a
+ * class is the same reason `<Kbd>` renders a real `<kbd>`: of the eight quote
+ * elements in those styles, **one** was a `<blockquote>` — five were `<p>` and
+ * two were `<div>` — and **none** used `<cite>` for the attribution. They all
+ * look right and none of them says what it is.
+ *
+ * `citeUrl` maps to `<blockquote cite>`, which is the attribute's actual job
+ * (the source URL) and is routinely confused with the visible `<cite>` element
+ * (the work's title). Keeping them as separate props stops the two collapsing
+ * into one another.
+ */
+declare const PullQuote: react.ForwardRefExoticComponent<PullQuoteProps & react.RefAttributes<HTMLQuoteElement>>;
+
+export { PullQuote, type PullQuoteProps };

package/dist/pull-quote.d.ts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface PullQuoteProps extends Omit<HTMLAttributes<HTMLQuoteElement>, "cite"> {
+    /** Who said it. Rendered in a `<cite>`. */
+    attribution?: ReactNode;
+    /** Where it is from — publication, page, role. Follows the attribution. */
+    source?: ReactNode;
+    /** URL the quote came from. Becomes the `<blockquote cite>` attribute. */
+    citeUrl?: string;
+    /** Rule-bracketed treatment: hairlines above and below. Default `false`. */
+    rule?: boolean;
+    children?: ReactNode;
+}
+
+/**
+ * A pull quote — the oversized line lifted out of body copy, with optional
+ * attribution and a rule-bracketed treatment.
+ *
+ * Twelve gallery styles build one. The reason this is a component rather than a
+ * class is the same reason `<Kbd>` renders a real `<kbd>`: of the eight quote
+ * elements in those styles, **one** was a `<blockquote>` — five were `<p>` and
+ * two were `<div>` — and **none** used `<cite>` for the attribution. They all
+ * look right and none of them says what it is.
+ *
+ * `citeUrl` maps to `<blockquote cite>`, which is the attribute's actual job
+ * (the source URL) and is routinely confused with the visible `<cite>` element
+ * (the work's title). Keeping them as separate props stops the two collapsing
+ * into one another.
+ */
+declare const PullQuote: react.ForwardRefExoticComponent<PullQuoteProps & react.RefAttributes<HTMLQuoteElement>>;
+
+export { PullQuote, type PullQuoteProps };

package/dist/pull-quote.js

@@ -0,0 +1,4 @@
+export { PullQuote } from './chunk-YCZN4FWI.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=pull-quote.js.map
+//# sourceMappingURL=pull-quote.js.map

package/dist/pull-quote.js.map

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

package/dist/radio-group.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkWXADO5TS_cjs = require('./chunk-WXADO5TS.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, "RadioGroup", {
+  enumerable: true,
+  get: function () { return chunkWXADO5TS_cjs.RadioGroup; }
+});
+//# sourceMappingURL=radio-group.cjs.map
+//# sourceMappingURL=radio-group.cjs.map

package/dist/radio-group.cjs.map

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

package/dist/radio-group.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 RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
+    list: InputOption<V>[];
+    value?: V;
+    defaultValue?: V;
+    onValueChange?: (value: V) => void;
+    orientation?: "horizontal" | "vertical";
+}
+
+declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: RadioGroupProps<V>): react.JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+
+export { RadioGroup, type RadioGroupProps };

package/dist/radio-group.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 RadioGroupProps<V = string> extends Omit<InputBaseProps, "id"> {
+    list: InputOption<V>[];
+    value?: V;
+    defaultValue?: V;
+    onValueChange?: (value: V) => void;
+    orientation?: "horizontal" | "vertical";
+}
+
+declare function RadioGroup<V = string>({ size, dirty, error, label, description, required, disabled, className, name, list, value: controlledValue, defaultValue, onValueChange, orientation, mode, ...rest }: RadioGroupProps<V>): react.JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+
+export { RadioGroup, type RadioGroupProps };

package/dist/radio-group.js

@@ -0,0 +1,10 @@
+export { RadioGroup } from './chunk-JYKZKSZJ.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=radio-group.js.map
+//# sourceMappingURL=radio-group.js.map

package/dist/radio-group.js.map

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

package/dist/reason-tag.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var chunk2CNSZCVE_cjs = require('./chunk-2CNSZCVE.cjs');
+require('./chunk-PBXYU4EV.cjs');
+require('./chunk-XZYKPGSK.cjs');
+require('./chunk-XCZZVRBY.cjs');
+require('./chunk-JXIBUIEY.cjs');
+require('./chunk-BFKCVSNK.cjs');
+require('./chunk-J2DI6RMR.cjs');
+require('./chunk-NBZC6LOB.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "ReasonTag", {
+  enumerable: true,
+  get: function () { return chunk2CNSZCVE_cjs.ReasonTag; }
+});
+//# sourceMappingURL=reason-tag.cjs.map
+//# sourceMappingURL=reason-tag.cjs.map

package/dist/reason-tag.cjs.map

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

package/dist/reason-tag.d.cts

@@ -0,0 +1,57 @@
+import * as react from 'react';
+
+/**
+ * ReasonTag — wraps any value with a small affordance that reveals the
+ * agent's reasoning, sources, and confidence on hover or click.
+ *
+ *   <ReasonTag
+ *     value="$1.4M"
+ *     reason="Projected Q3 ARR after stacking renewals."
+ *     confidence={0.91}
+ *     sources={[{ label: "Q2 actuals · CRM export" }]}
+ *     by="Forecaster"
+ *   />
+ *
+ * Three visual styles:
+ *   • "dot"       — value with a tiny coloured dot (default, subtle)
+ *   • "underline" — dotted underline + trailing "?"
+ *   • "chip"      — full coloured pill (loud)
+ *
+ * Confidence drives the colour via three tiers (high / medium / low),
+ * so a quick visual scan tells the human which suggestions deserve a
+ * second look without opening any tooltips.
+ *
+ * `pinned` swaps the popover for an inline annotation slot — useful
+ * when explainability should always be visible, not buried in a hover.
+ */
+type ReasonTagSource = {
+    label: string;
+    href?: string;
+};
+type ReasonTagTheme = "dot" | "underline" | "chip";
+interface ReasonTagProps {
+    /** The value the tag wraps — usually a number, label, or short phrase. */
+    value: React.ReactNode;
+    /** Free-text rationale shown in the popover / inline annotation. */
+    reason: string;
+    /** 0..1 confidence. Drives the tier colour. Defaults to 1. */
+    confidence?: number;
+    /** Optional list of sources (label + optional href). */
+    sources?: ReasonTagSource[];
+    /** Optional author / agent name shown in the popover header. */
+    by?: string;
+    /** Visual treatment for the trigger. */
+    theme?: ReasonTagTheme;
+    /**
+     * When true, the popover is replaced with an always-visible inline
+     * annotation below the value.
+     */
+    pinned?: boolean;
+    /** Called when the user hits the "ask follow-up" action. */
+    onFollowUp?: () => void;
+    /** Optional className applied to the trigger element. */
+    className?: string;
+}
+declare function ReasonTag({ value, reason, confidence, sources, by, theme, pinned, onFollowUp, className, }: ReasonTagProps): react.JSX.Element;
+
+export { ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme };

package/dist/reason-tag.d.ts

@@ -0,0 +1,57 @@
+import * as react from 'react';
+
+/**
+ * ReasonTag — wraps any value with a small affordance that reveals the
+ * agent's reasoning, sources, and confidence on hover or click.
+ *
+ *   <ReasonTag
+ *     value="$1.4M"
+ *     reason="Projected Q3 ARR after stacking renewals."
+ *     confidence={0.91}
+ *     sources={[{ label: "Q2 actuals · CRM export" }]}
+ *     by="Forecaster"
+ *   />
+ *
+ * Three visual styles:
+ *   • "dot"       — value with a tiny coloured dot (default, subtle)
+ *   • "underline" — dotted underline + trailing "?"
+ *   • "chip"      — full coloured pill (loud)
+ *
+ * Confidence drives the colour via three tiers (high / medium / low),
+ * so a quick visual scan tells the human which suggestions deserve a
+ * second look without opening any tooltips.
+ *
+ * `pinned` swaps the popover for an inline annotation slot — useful
+ * when explainability should always be visible, not buried in a hover.
+ */
+type ReasonTagSource = {
+    label: string;
+    href?: string;
+};
+type ReasonTagTheme = "dot" | "underline" | "chip";
+interface ReasonTagProps {
+    /** The value the tag wraps — usually a number, label, or short phrase. */
+    value: React.ReactNode;
+    /** Free-text rationale shown in the popover / inline annotation. */
+    reason: string;
+    /** 0..1 confidence. Drives the tier colour. Defaults to 1. */
+    confidence?: number;
+    /** Optional list of sources (label + optional href). */
+    sources?: ReasonTagSource[];
+    /** Optional author / agent name shown in the popover header. */
+    by?: string;
+    /** Visual treatment for the trigger. */
+    theme?: ReasonTagTheme;
+    /**
+     * When true, the popover is replaced with an always-visible inline
+     * annotation below the value.
+     */
+    pinned?: boolean;
+    /** Called when the user hits the "ask follow-up" action. */
+    onFollowUp?: () => void;
+    /** Optional className applied to the trigger element. */
+    className?: string;
+}
+declare function ReasonTag({ value, reason, confidence, sources, by, theme, pinned, onFollowUp, className, }: ReasonTagProps): react.JSX.Element;
+
+export { ReasonTag, type ReasonTagProps, type ReasonTagSource, type ReasonTagTheme };

package/dist/reason-tag.js

@@ -0,0 +1,13 @@
+export { ReasonTag } from './chunk-GZIUE4DE.js';
+import './chunk-JCOBDDHF.js';
+import './chunk-WEGL4S52.js';
+import './chunk-45BBNJQD.js';
+import './chunk-M7EEQPE7.js';
+import './chunk-XJXQG34J.js';
+import './chunk-MQ6VGG62.js';
+import './chunk-WHEXTDPV.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=reason-tag.js.map
+//# sourceMappingURL=reason-tag.js.map

package/dist/reason-tag.js.map

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

package/dist/select.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var chunkPZIAL4OP_cjs = require('./chunk-PZIAL4OP.cjs');
+require('./chunk-7NLKXBZ2.cjs');
+require('./chunk-6BW5BQMN.cjs');
+require('./chunk-PPLR2DNC.cjs');
+require('./chunk-YLGTDBB2.cjs');
+require('./chunk-J2DI6RMR.cjs');
+require('./chunk-KJ22KE56.cjs');
+require('./chunk-L3V3BYVS.cjs');
+require('./chunk-NBZC6LOB.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return chunkPZIAL4OP_cjs.Select; }
+});
+//# sourceMappingURL=select.cjs.map
+//# sourceMappingURL=select.cjs.map

package/dist/select.cjs.map

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

package/dist/select.d.cts

@@ -0,0 +1,41 @@
+import * as react from 'react';
+import { SelectHTMLAttributes } from 'react';
+import { a as InputBaseProps, I as InputAffixProps, b as InputOption, c as InputOptionGroup } from './inputs.types-CkWdvN-t.cjs';
+import './types-8Sv0rCjw.cjs';
+
+interface SelectProps extends InputBaseProps, InputAffixProps, Omit<SelectHTMLAttributes<HTMLSelectElement>, "size" | "prefix" | "multiple"> {
+    /** Options list — strings or objects with value/label */
+    list: InputOption[] | InputOptionGroup[];
+    placeholder?: string;
+    /** Callback for single-select value changes */
+    onValueChange?: (value: string) => void;
+    /** Layout variant. "native" uses <select>, "listbox" uses a custom dropdown. Default: "native" */
+    variant?: "native" | "listbox";
+    /** Enable multi-select (listbox variant only) */
+    multiple?: boolean;
+    /** Controlled multi-select value */
+    values?: string[];
+    /** Default multi-select value (uncontrolled) */
+    defaultValues?: string[];
+    /** Callback for multi-select value changes */
+    onValuesChange?: (values: string[]) => void;
+    /** Enable search/filter within the dropdown (listbox variant only) */
+    searchable?: boolean;
+    /**
+     * Allow creating new options by typing in the dropdown's text input
+     * (listbox variant only). Automatically enables the text input.
+     */
+    creatable?: boolean;
+    /** Callback invoked when a new option is created from user input */
+    onCreate?: (label: string) => void;
+    /** Label prefix for the "Create" affordance. Default: "Create" */
+    createLabel?: string;
+    /** Suffix for the selected count display. Default: "selected" */
+    selectedSuffix?: string;
+    /** Selection indicator style. Default: "check" */
+    indicator?: "check" | "checkbox";
+}
+
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+export { Select, type SelectProps };

package/dist/select.d.ts

@@ -0,0 +1,41 @@
+import * as react from 'react';
+import { SelectHTMLAttributes } from 'react';
+import { a as InputBaseProps, I as InputAffixProps, b as InputOption, c as InputOptionGroup } from './inputs.types-DERzxpe1.js';
+import './types-8Sv0rCjw.js';
+
+interface SelectProps extends InputBaseProps, InputAffixProps, Omit<SelectHTMLAttributes<HTMLSelectElement>, "size" | "prefix" | "multiple"> {
+    /** Options list — strings or objects with value/label */
+    list: InputOption[] | InputOptionGroup[];
+    placeholder?: string;
+    /** Callback for single-select value changes */
+    onValueChange?: (value: string) => void;
+    /** Layout variant. "native" uses <select>, "listbox" uses a custom dropdown. Default: "native" */
+    variant?: "native" | "listbox";
+    /** Enable multi-select (listbox variant only) */
+    multiple?: boolean;
+    /** Controlled multi-select value */
+    values?: string[];
+    /** Default multi-select value (uncontrolled) */
+    defaultValues?: string[];
+    /** Callback for multi-select value changes */
+    onValuesChange?: (values: string[]) => void;
+    /** Enable search/filter within the dropdown (listbox variant only) */
+    searchable?: boolean;
+    /**
+     * Allow creating new options by typing in the dropdown's text input
+     * (listbox variant only). Automatically enables the text input.
+     */
+    creatable?: boolean;
+    /** Callback invoked when a new option is created from user input */
+    onCreate?: (label: string) => void;
+    /** Label prefix for the "Create" affordance. Default: "Create" */
+    createLabel?: string;
+    /** Suffix for the selected count display. Default: "selected" */
+    selectedSuffix?: string;
+    /** Selection indicator style. Default: "check" */
+    indicator?: "check" | "checkbox";
+}
+
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+export { Select, type SelectProps };

package/dist/select.js

@@ -0,0 +1,14 @@
+export { Select } from './chunk-ECZ66DKF.js';
+import './chunk-D7NAXQ2N.js';
+import './chunk-K7JGOQJG.js';
+import './chunk-3DJGPNUI.js';
+import './chunk-GFYSELJF.js';
+import './chunk-MQ6VGG62.js';
+import './chunk-OL53XYHF.js';
+import './chunk-NRXK42LO.js';
+import './chunk-WHEXTDPV.js';
+import './chunk-RGANGU7X.js';
+import './chunk-JXE5XID6.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=select.js.map
+//# sourceMappingURL=select.js.map

package/dist/select.js.map

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

package/dist/separator.cjs

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

package/dist/separator.cjs.map

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

package/dist/separator.d.cts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+
+interface SeparatorProps {
+    /** Separator direction */
+    orientation?: "horizontal" | "vertical";
+    /** Optional centered label text */
+    label?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+
+declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Separator, type SeparatorProps };

package/dist/separator.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+
+interface SeparatorProps {
+    /** Separator direction */
+    orientation?: "horizontal" | "vertical";
+    /** Optional centered label text */
+    label?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+
+declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Separator, type SeparatorProps };

package/dist/separator.js

@@ -0,0 +1,4 @@
+export { Separator } from './chunk-QFFC2DKK.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=separator.js.map
+//# sourceMappingURL=separator.js.map

package/dist/separator.js.map

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

package/dist/sidebar.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkXBBEQLMY_cjs = require('./chunk-XBBEQLMY.cjs');
+require('./chunk-G34OBTU3.cjs');
+require('./chunk-T6YELZPJ.cjs');
+require('./chunk-TXTRTTG7.cjs');
+require('./chunk-3WGRVDQR.cjs');
+require('./chunk-J2DI6RMR.cjs');
+require('./chunk-57FQGQJK.cjs');
+require('./chunk-RXDRYWVD.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Sidebar", {
+  enumerable: true,
+  get: function () { return chunkXBBEQLMY_cjs.Sidebar; }
+});
+Object.defineProperty(exports, "useSidebar", {
+  enumerable: true,
+  get: function () { return chunkXBBEQLMY_cjs.useSidebar; }
+});
+//# sourceMappingURL=sidebar.cjs.map
+//# sourceMappingURL=sidebar.cjs.map

package/dist/sidebar.cjs.map

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

package/dist/sidebar.d.cts

@@ -0,0 +1,80 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { N as NavigableProps } from './types-8Sv0rCjw.cjs';
+
+type SidebarCollapseMode = "icons" | "letters";
+interface SidebarProps {
+    children: ReactNode;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /**
+     * How items display when collapsed:
+     * - `"icons"` — show only the icon (falls back to first 3 letters if no icon)
+     * - `"letters"` — show the first 3 letters of the label
+     * @default "icons"
+     */
+    collapseMode?: SidebarCollapseMode;
+    className?: string;
+}
+interface SidebarItemProps extends NavigableProps {
+    children: ReactNode;
+    icon?: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+interface SidebarGroupProps {
+    children: ReactNode;
+    label?: string;
+    className?: string;
+}
+interface SidebarToggleProps {
+    className?: string;
+}
+interface SidebarSubmenuProps {
+    children: ReactNode;
+    label: string;
+    icon?: ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+}
+interface SidebarContextValue {
+    collapsed: boolean;
+    collapseMode: SidebarCollapseMode;
+    setCollapsed: (collapsed: boolean) => void;
+}
+
+declare function SidebarItem({ children, href, as: As, icon, active, disabled, badge, onClick, className, ...rest }: SidebarItemProps): react.JSX.Element;
+declare namespace SidebarItem {
+    var displayName: string;
+}
+
+declare function SidebarGroup({ children, label, className }: SidebarGroupProps): react.JSX.Element;
+declare namespace SidebarGroup {
+    var displayName: string;
+}
+
+declare function SidebarSubmenu({ children, label, icon, defaultOpen, className, }: SidebarSubmenuProps): react.JSX.Element;
+declare namespace SidebarSubmenu {
+    var displayName: string;
+}
+
+declare function SidebarToggle({ className }: SidebarToggleProps): react.JSX.Element;
+declare namespace SidebarToggle {
+    var displayName: string;
+}
+
+declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, className, }: SidebarProps): react.JSX.Element;
+declare const Sidebar: typeof SidebarRoot & {
+    Item: typeof SidebarItem;
+    Group: typeof SidebarGroup;
+    Submenu: typeof SidebarSubmenu;
+    Toggle: typeof SidebarToggle;
+};
+
+declare function useSidebar(): SidebarContextValue;
+
+export { Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, useSidebar };