@particle-academy/react-fancy 5.12.0 → 5.13.1

package/dist/Timeline-Cvrd7N7-.d.ts

@@ -0,0 +1,73 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { C as Color } from './types-8Sv0rCjw.js';
+
+type TimelineVariant = "stacked" | "alternating" | "horizontal";
+/** @deprecated Use TimelineVariant instead */
+type TimelineOrientation = "vertical" | "horizontal";
+interface TimelineEvent {
+    /** Free-form date string */
+    date?: string;
+    /** Event heading */
+    title: string;
+    /** Body text (rendered as children) */
+    description?: string;
+    /** Emoji character for the dot */
+    emoji?: string;
+    /** Custom icon ReactNode for the dot */
+    icon?: ReactNode;
+    /** Accent color for the dot */
+    color?: Color;
+}
+interface TimelineProps {
+    children?: ReactNode;
+    /** Layout variant. Default: "stacked" */
+    variant?: TimelineVariant;
+    /** @deprecated Use variant instead. Maps "vertical" → "stacked", "horizontal" → "horizontal" */
+    orientation?: TimelineOrientation;
+    /** Data-driven events (alternative to children) */
+    events?: TimelineEvent[];
+    /** Optional heading above the timeline */
+    heading?: ReactNode;
+    /** Optional description below the heading */
+    description?: ReactNode;
+    /** Enable scroll-reveal animation. Default: true */
+    animated?: boolean;
+    className?: string;
+}
+interface TimelineItemProps {
+    children?: ReactNode;
+    /** Custom icon ReactNode for the dot */
+    icon?: ReactNode;
+    /** Emoji character for the dot */
+    emoji?: string;
+    /** Date label displayed above the title */
+    date?: string;
+    /** Dot accent color */
+    color?: Color;
+    /** Whether this item is the active/current step */
+    active?: boolean;
+    className?: string;
+}
+interface TimelineBlockProps {
+    /** Block heading */
+    heading?: ReactNode;
+    /** Block description / body content */
+    children: ReactNode;
+    /** Optional icon displayed in the timeline dot */
+    icon?: ReactNode;
+    /** Emoji character for the dot */
+    emoji?: string;
+    /** Dot/icon color */
+    color?: Color;
+    /** Whether this block is the active/current step */
+    active?: boolean;
+    className?: string;
+}
+
+declare const Timeline: react.ForwardRefExoticComponent<TimelineProps & react.RefAttributes<HTMLDivElement>> & {
+    Item: react.ForwardRefExoticComponent<TimelineItemProps & react.RefAttributes<HTMLDivElement>>;
+    Block: react.ForwardRefExoticComponent<TimelineBlockProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+export { type TimelineItemProps as T, type TimelineBlockProps as a, Timeline as b, type TimelineEvent as c, type TimelineOrientation as d, type TimelineProps as e, type TimelineVariant as f };

package/dist/VideoViewer.types-CTwS6PcM.d.cts

@@ -0,0 +1,26 @@
+import { CSSProperties } from 'react';
+
+interface VideoViewerProps {
+    /** Video source — an `http(s):`, `data:`, or `blob:` URL. */
+    src: string;
+    /** Poster image shown before playback. */
+    poster?: string;
+    /** Show native playback controls (default `true`). */
+    controls?: boolean;
+    /** Autoplay on mount (most browsers require `muted` too). */
+    autoPlay?: boolean;
+    /** Loop playback (default `false`). */
+    loop?: boolean;
+    /** Start muted (default `false`). */
+    muted?: boolean;
+    /** How the video fits its box: `"contain"` (default) or `"cover"`. */
+    fit?: "contain" | "cover";
+    /** Fired when the video fails to load. */
+    onError?: () => void;
+    /** Additional CSS classes for the container. */
+    className?: string;
+    /** Inline styles for the container (e.g. a fixed height). */
+    style?: CSSProperties;
+}
+
+export type { VideoViewerProps as V };

package/dist/VideoViewer.types-CTwS6PcM.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties } from 'react';
+
+interface VideoViewerProps {
+    /** Video source — an `http(s):`, `data:`, or `blob:` URL. */
+    src: string;
+    /** Poster image shown before playback. */
+    poster?: string;
+    /** Show native playback controls (default `true`). */
+    controls?: boolean;
+    /** Autoplay on mount (most browsers require `muted` too). */
+    autoPlay?: boolean;
+    /** Loop playback (default `false`). */
+    loop?: boolean;
+    /** Start muted (default `false`). */
+    muted?: boolean;
+    /** How the video fits its box: `"contain"` (default) or `"cover"`. */
+    fit?: "contain" | "cover";
+    /** Fired when the video fails to load. */
+    onError?: () => void;
+    /** Additional CSS classes for the container. */
+    className?: string;
+    /** Inline styles for the container (e.g. a fixed height). */
+    style?: CSSProperties;
+}
+
+export type { VideoViewerProps as V };

package/dist/accordion-panel.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var chunkJPTWZ3RF_cjs = require('./chunk-JPTWZ3RF.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "AccordionPanel", {
+  enumerable: true,
+  get: function () { return chunkJPTWZ3RF_cjs.AccordionPanel; }
+});
+Object.defineProperty(exports, "AccordionPanelContent", {
+  enumerable: true,
+  get: function () { return chunkJPTWZ3RF_cjs.AccordionPanelContent; }
+});
+Object.defineProperty(exports, "AccordionPanelSection", {
+  enumerable: true,
+  get: function () { return chunkJPTWZ3RF_cjs.AccordionPanelSection; }
+});
+Object.defineProperty(exports, "AccordionPanelTrigger", {
+  enumerable: true,
+  get: function () { return chunkJPTWZ3RF_cjs.AccordionPanelTrigger; }
+});
+Object.defineProperty(exports, "useAccordionPanel", {
+  enumerable: true,
+  get: function () { return chunkJPTWZ3RF_cjs.useAccordionPanel; }
+});
+Object.defineProperty(exports, "useAccordionSection", {
+  enumerable: true,
+  get: function () { return chunkJPTWZ3RF_cjs.useAccordionSection; }
+});
+//# sourceMappingURL=accordion-panel.cjs.map
+//# sourceMappingURL=accordion-panel.cjs.map

package/dist/accordion-panel.cjs.map

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

package/dist/accordion-panel.d.cts

@@ -0,0 +1,186 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+type AccordionOrientation = "horizontal" | "vertical";
+/**
+ * Render-prop or static node accepted by Trigger.children — lets the
+ * caller branch rendering on the section state.
+ */
+type SectionRenderable = ReactNode | ((state: SectionRenderState) => ReactNode);
+interface SectionRenderState {
+    /** Section's id */
+    id: string;
+    /** True when the section is currently open */
+    open: boolean;
+    /** Direction the panel is laid out in */
+    orientation: AccordionOrientation;
+    /** Toggle this section open/closed */
+    toggle: () => void;
+}
+interface AccordionPanelProps {
+    /** Layout direction. Horizontal for menus/toolbars, vertical for sidebars/panels. */
+    orientation?: AccordionOrientation;
+    /** Controlled list of open section ids */
+    value?: string[];
+    /** Default open section ids (uncontrolled) */
+    defaultValue?: string[];
+    /** Fires whenever the open set changes */
+    onValueChange?: (open: string[]) => void;
+    /** Optional class on the root container */
+    className?: string;
+    children: ReactNode;
+}
+interface AccordionPanelSectionProps {
+    /** Stable id used for open-state tracking */
+    id: string;
+    /**
+     * Pinned sections never collapse. Useful for an "anchor" item like a
+     * Home button at the start of a menu.
+     */
+    pinned?: boolean;
+    /** Class on the section's outer container */
+    className?: string;
+    /** Class applied only when the section is open */
+    openClassName?: string;
+    /** Class applied only when the section is collapsed */
+    closedClassName?: string;
+    /**
+     * Skip the default flex layout (items-center + gap-1 + flex-row/col).
+     * Use this for full-bleed panel sections that need their children
+     * to stretch (e.g. a chat sidebar where the trigger should fill
+     * full panel height). The data attributes, section context, and
+     * conditional render of children stay in place.
+     */
+    unstyled?: boolean;
+    /**
+     * Children. Compose with `<AccordionPanel.Trigger>` and
+     * `<AccordionPanel.Content>` — Trigger always renders, Content only
+     * renders when the section is open.
+     */
+    children: ReactNode;
+}
+interface AccordionPanelTriggerProps {
+    /**
+     * Custom render. Receives section state — `{ open, toggle, ... }`. If
+     * omitted, the default chevron-divider is rendered.
+     */
+    children?: SectionRenderable;
+    /** Class on the trigger element */
+    className?: string;
+    /** Aria label override (default: "Toggle section") */
+    "aria-label"?: string;
+}
+
+/**
+ * One collapsible section inside an AccordionPanel.
+ *
+ * Compose with `<AccordionPanel.Trigger>` and `<AccordionPanel.Content>`
+ * children — Content renders only when open, Trigger always renders and
+ * adapts its look by state. Children that are not Trigger/Content are
+ * rendered as-is, regardless of state, so static decorations stay put.
+ *
+ * Pinned sections never collapse and don't need a Trigger.
+ */
+declare function AccordionPanelSection({ id, pinned, className, openClassName, closedClassName, unstyled, children, }: AccordionPanelSectionProps): react.JSX.Element;
+declare namespace AccordionPanelSection {
+    var displayName: string;
+}
+
+/**
+ * Trigger for an AccordionPanel.Section.
+ *
+ * Has two visual roles, picked automatically from section state:
+ *
+ *   - When the section is OPEN: renders as a thin divider on the section's
+ *     trailing edge. Hovering reveals an inset chevron pointing toward the
+ *     section so the user knows clicking will collapse it.
+ *
+ *   - When the section is CLOSED: renders as a standalone chevron button
+ *     in place of the section content. Clicking re-expands the section.
+ *
+ * Supply `children` (node or render-prop) to fully replace the default
+ * rendering. The render-prop receives `{ open, toggle, orientation, id }`.
+ */
+declare function AccordionPanelTrigger({ children, className, "aria-label": ariaLabel, }: AccordionPanelTriggerProps): react.JSX.Element;
+declare namespace AccordionPanelTrigger {
+    var displayName: string;
+}
+
+interface AccordionPanelContentProps {
+    children: ReactNode;
+    className?: string;
+    /**
+     * Skip the default flex-row/flex-col + items-center + gap classes so the
+     * consumer can lay out the open-state content however they want (e.g. a
+     * full-height chat panel with header/scroll/input rows). The
+     * `data-react-fancy-accordion-content` attribute and conditional render
+     * (only when the section is open) are kept.
+     */
+    unstyled?: boolean;
+}
+/**
+ * Wrapper for the open-state content of a Section. Renders its children
+ * only when the parent Section is open; returns `null` otherwise.
+ *
+ * Use this so siblings of `<AccordionPanel.Trigger>` inside a section can
+ * cleanly toggle in/out of the DOM.
+ *
+ * The default styling assumes an inline cluster — flex row (horizontal
+ * orientation) or column (vertical), centered, with a small gap. For panel
+ * use cases where the content needs full-bleed layout (chat panes, canvas
+ * surfaces, etc.), pass `unstyled` and supply your own className.
+ */
+declare function AccordionPanelContent({ children, className, unstyled, }: AccordionPanelContentProps): react.JSX.Element | null;
+declare namespace AccordionPanelContent {
+    var displayName: string;
+}
+
+/**
+ * Horizontal or vertical accordion of collapsible sections.
+ *
+ * Use the compound parts:
+ *   <AccordionPanel orientation="horizontal" defaultValue={["wishlist"]}>
+ *     <AccordionPanel.Section id="home" pinned>
+ *       <Button icon="home" />
+ *     </AccordionPanel.Section>
+ *     <AccordionPanel.Section id="wishlist">
+ *       <Button icon="list">Wishlist</Button>
+ *     </AccordionPanel.Section>
+ *   </AccordionPanel>
+ *
+ * Each non-pinned section renders a trigger (default chevron-divider) that
+ * collapses/expands. Pass a custom `trigger` prop on a Section, or use the
+ * exported `AccordionPanel.Trigger` directly to compose your own.
+ */
+declare function AccordionPanelRoot({ orientation, value: controlledValue, defaultValue, onValueChange, className, children, }: AccordionPanelProps): react.JSX.Element;
+declare namespace AccordionPanelRoot {
+    var displayName: string;
+}
+type AccordionPanelType = typeof AccordionPanelRoot & {
+    Section: typeof AccordionPanelSection;
+    Trigger: typeof AccordionPanelTrigger;
+    Content: typeof AccordionPanelContent;
+};
+declare const AccordionPanel: AccordionPanelType;
+
+interface AccordionPanelContextValue {
+    orientation: AccordionOrientation;
+    isOpen: (id: string) => boolean;
+    toggle: (id: string) => void;
+    open: (id: string) => void;
+    close: (id: string) => void;
+    /** Ordered list of all section ids registered in this panel */
+    sectionIds: string[];
+    registerSection: (id: string) => () => void;
+}
+declare function useAccordionPanel(): AccordionPanelContextValue;
+interface AccordionSectionContextValue {
+    id: string;
+    open: boolean;
+    pinned: boolean;
+    orientation: AccordionOrientation;
+    toggle: () => void;
+}
+declare function useAccordionSection(): AccordionSectionContextValue;
+
+export { type AccordionOrientation, AccordionPanel, AccordionPanelContent, type AccordionPanelContentProps, type AccordionPanelProps, AccordionPanelSection, type AccordionPanelSectionProps, AccordionPanelTrigger, type AccordionPanelTriggerProps, type SectionRenderState, type SectionRenderable, useAccordionPanel, useAccordionSection };

package/dist/accordion-panel.d.ts

@@ -0,0 +1,186 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+type AccordionOrientation = "horizontal" | "vertical";
+/**
+ * Render-prop or static node accepted by Trigger.children — lets the
+ * caller branch rendering on the section state.
+ */
+type SectionRenderable = ReactNode | ((state: SectionRenderState) => ReactNode);
+interface SectionRenderState {
+    /** Section's id */
+    id: string;
+    /** True when the section is currently open */
+    open: boolean;
+    /** Direction the panel is laid out in */
+    orientation: AccordionOrientation;
+    /** Toggle this section open/closed */
+    toggle: () => void;
+}
+interface AccordionPanelProps {
+    /** Layout direction. Horizontal for menus/toolbars, vertical for sidebars/panels. */
+    orientation?: AccordionOrientation;
+    /** Controlled list of open section ids */
+    value?: string[];
+    /** Default open section ids (uncontrolled) */
+    defaultValue?: string[];
+    /** Fires whenever the open set changes */
+    onValueChange?: (open: string[]) => void;
+    /** Optional class on the root container */
+    className?: string;
+    children: ReactNode;
+}
+interface AccordionPanelSectionProps {
+    /** Stable id used for open-state tracking */
+    id: string;
+    /**
+     * Pinned sections never collapse. Useful for an "anchor" item like a
+     * Home button at the start of a menu.
+     */
+    pinned?: boolean;
+    /** Class on the section's outer container */
+    className?: string;
+    /** Class applied only when the section is open */
+    openClassName?: string;
+    /** Class applied only when the section is collapsed */
+    closedClassName?: string;
+    /**
+     * Skip the default flex layout (items-center + gap-1 + flex-row/col).
+     * Use this for full-bleed panel sections that need their children
+     * to stretch (e.g. a chat sidebar where the trigger should fill
+     * full panel height). The data attributes, section context, and
+     * conditional render of children stay in place.
+     */
+    unstyled?: boolean;
+    /**
+     * Children. Compose with `<AccordionPanel.Trigger>` and
+     * `<AccordionPanel.Content>` — Trigger always renders, Content only
+     * renders when the section is open.
+     */
+    children: ReactNode;
+}
+interface AccordionPanelTriggerProps {
+    /**
+     * Custom render. Receives section state — `{ open, toggle, ... }`. If
+     * omitted, the default chevron-divider is rendered.
+     */
+    children?: SectionRenderable;
+    /** Class on the trigger element */
+    className?: string;
+    /** Aria label override (default: "Toggle section") */
+    "aria-label"?: string;
+}
+
+/**
+ * One collapsible section inside an AccordionPanel.
+ *
+ * Compose with `<AccordionPanel.Trigger>` and `<AccordionPanel.Content>`
+ * children — Content renders only when open, Trigger always renders and
+ * adapts its look by state. Children that are not Trigger/Content are
+ * rendered as-is, regardless of state, so static decorations stay put.
+ *
+ * Pinned sections never collapse and don't need a Trigger.
+ */
+declare function AccordionPanelSection({ id, pinned, className, openClassName, closedClassName, unstyled, children, }: AccordionPanelSectionProps): react.JSX.Element;
+declare namespace AccordionPanelSection {
+    var displayName: string;
+}
+
+/**
+ * Trigger for an AccordionPanel.Section.
+ *
+ * Has two visual roles, picked automatically from section state:
+ *
+ *   - When the section is OPEN: renders as a thin divider on the section's
+ *     trailing edge. Hovering reveals an inset chevron pointing toward the
+ *     section so the user knows clicking will collapse it.
+ *
+ *   - When the section is CLOSED: renders as a standalone chevron button
+ *     in place of the section content. Clicking re-expands the section.
+ *
+ * Supply `children` (node or render-prop) to fully replace the default
+ * rendering. The render-prop receives `{ open, toggle, orientation, id }`.
+ */
+declare function AccordionPanelTrigger({ children, className, "aria-label": ariaLabel, }: AccordionPanelTriggerProps): react.JSX.Element;
+declare namespace AccordionPanelTrigger {
+    var displayName: string;
+}
+
+interface AccordionPanelContentProps {
+    children: ReactNode;
+    className?: string;
+    /**
+     * Skip the default flex-row/flex-col + items-center + gap classes so the
+     * consumer can lay out the open-state content however they want (e.g. a
+     * full-height chat panel with header/scroll/input rows). The
+     * `data-react-fancy-accordion-content` attribute and conditional render
+     * (only when the section is open) are kept.
+     */
+    unstyled?: boolean;
+}
+/**
+ * Wrapper for the open-state content of a Section. Renders its children
+ * only when the parent Section is open; returns `null` otherwise.
+ *
+ * Use this so siblings of `<AccordionPanel.Trigger>` inside a section can
+ * cleanly toggle in/out of the DOM.
+ *
+ * The default styling assumes an inline cluster — flex row (horizontal
+ * orientation) or column (vertical), centered, with a small gap. For panel
+ * use cases where the content needs full-bleed layout (chat panes, canvas
+ * surfaces, etc.), pass `unstyled` and supply your own className.
+ */
+declare function AccordionPanelContent({ children, className, unstyled, }: AccordionPanelContentProps): react.JSX.Element | null;
+declare namespace AccordionPanelContent {
+    var displayName: string;
+}
+
+/**
+ * Horizontal or vertical accordion of collapsible sections.
+ *
+ * Use the compound parts:
+ *   <AccordionPanel orientation="horizontal" defaultValue={["wishlist"]}>
+ *     <AccordionPanel.Section id="home" pinned>
+ *       <Button icon="home" />
+ *     </AccordionPanel.Section>
+ *     <AccordionPanel.Section id="wishlist">
+ *       <Button icon="list">Wishlist</Button>
+ *     </AccordionPanel.Section>
+ *   </AccordionPanel>
+ *
+ * Each non-pinned section renders a trigger (default chevron-divider) that
+ * collapses/expands. Pass a custom `trigger` prop on a Section, or use the
+ * exported `AccordionPanel.Trigger` directly to compose your own.
+ */
+declare function AccordionPanelRoot({ orientation, value: controlledValue, defaultValue, onValueChange, className, children, }: AccordionPanelProps): react.JSX.Element;
+declare namespace AccordionPanelRoot {
+    var displayName: string;
+}
+type AccordionPanelType = typeof AccordionPanelRoot & {
+    Section: typeof AccordionPanelSection;
+    Trigger: typeof AccordionPanelTrigger;
+    Content: typeof AccordionPanelContent;
+};
+declare const AccordionPanel: AccordionPanelType;
+
+interface AccordionPanelContextValue {
+    orientation: AccordionOrientation;
+    isOpen: (id: string) => boolean;
+    toggle: (id: string) => void;
+    open: (id: string) => void;
+    close: (id: string) => void;
+    /** Ordered list of all section ids registered in this panel */
+    sectionIds: string[];
+    registerSection: (id: string) => () => void;
+}
+declare function useAccordionPanel(): AccordionPanelContextValue;
+interface AccordionSectionContextValue {
+    id: string;
+    open: boolean;
+    pinned: boolean;
+    orientation: AccordionOrientation;
+    toggle: () => void;
+}
+declare function useAccordionSection(): AccordionSectionContextValue;
+
+export { type AccordionOrientation, AccordionPanel, AccordionPanelContent, type AccordionPanelContentProps, type AccordionPanelProps, AccordionPanelSection, type AccordionPanelSectionProps, AccordionPanelTrigger, type AccordionPanelTriggerProps, type SectionRenderState, type SectionRenderable, useAccordionPanel, useAccordionSection };

package/dist/accordion-panel.js

@@ -0,0 +1,5 @@
+export { AccordionPanel, AccordionPanelContent, AccordionPanelSection, AccordionPanelTrigger, useAccordionPanel, useAccordionSection } from './chunk-IF5LOWUL.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=accordion-panel.js.map
+//# sourceMappingURL=accordion-panel.js.map

package/dist/accordion-panel.js.map

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

package/dist/accordion.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkCZZH45GQ_cjs = require('./chunk-CZZH45GQ.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () { return chunkCZZH45GQ_cjs.Accordion; }
+});
+Object.defineProperty(exports, "useAccordion", {
+  enumerable: true,
+  get: function () { return chunkCZZH45GQ_cjs.useAccordion; }
+});
+//# sourceMappingURL=accordion.cjs.map
+//# sourceMappingURL=accordion.cjs.map

package/dist/accordion.cjs.map

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

package/dist/accordion.d.cts

@@ -0,0 +1,53 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface AccordionContextValue {
+    openItems: string[];
+    toggle: (value: string) => void;
+    multiple: boolean;
+}
+interface AccordionProps {
+    children: ReactNode;
+    type?: "single" | "multiple";
+    defaultOpen?: string[];
+    className?: string;
+}
+interface AccordionItemProps {
+    children: ReactNode;
+    value: string;
+    className?: string;
+}
+interface AccordionTriggerProps {
+    children: ReactNode;
+    className?: string;
+}
+interface AccordionContentProps {
+    children: ReactNode;
+    className?: string;
+}
+
+declare function AccordionItem({ children, value, className, }: AccordionItemProps): react.JSX.Element;
+declare namespace AccordionItem {
+    var displayName: string;
+}
+
+declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): react.JSX.Element;
+declare namespace AccordionTrigger {
+    var displayName: string;
+}
+
+declare function AccordionContent({ children, className, }: AccordionContentProps): react.JSX.Element;
+declare namespace AccordionContent {
+    var displayName: string;
+}
+
+declare function AccordionRoot({ children, type, defaultOpen, className, }: AccordionProps): react.JSX.Element;
+declare const Accordion: typeof AccordionRoot & {
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+    Content: typeof AccordionContent;
+};
+
+declare function useAccordion(): AccordionContextValue;
+
+export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, useAccordion };

package/dist/accordion.d.ts

@@ -0,0 +1,53 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface AccordionContextValue {
+    openItems: string[];
+    toggle: (value: string) => void;
+    multiple: boolean;
+}
+interface AccordionProps {
+    children: ReactNode;
+    type?: "single" | "multiple";
+    defaultOpen?: string[];
+    className?: string;
+}
+interface AccordionItemProps {
+    children: ReactNode;
+    value: string;
+    className?: string;
+}
+interface AccordionTriggerProps {
+    children: ReactNode;
+    className?: string;
+}
+interface AccordionContentProps {
+    children: ReactNode;
+    className?: string;
+}
+
+declare function AccordionItem({ children, value, className, }: AccordionItemProps): react.JSX.Element;
+declare namespace AccordionItem {
+    var displayName: string;
+}
+
+declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): react.JSX.Element;
+declare namespace AccordionTrigger {
+    var displayName: string;
+}
+
+declare function AccordionContent({ children, className, }: AccordionContentProps): react.JSX.Element;
+declare namespace AccordionContent {
+    var displayName: string;
+}
+
+declare function AccordionRoot({ children, type, defaultOpen, className, }: AccordionProps): react.JSX.Element;
+declare const Accordion: typeof AccordionRoot & {
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+    Content: typeof AccordionContent;
+};
+
+declare function useAccordion(): AccordionContextValue;
+
+export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, useAccordion };

package/dist/accordion.js

@@ -0,0 +1,4 @@
+export { Accordion, useAccordion } from './chunk-AKIUDPJU.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=accordion.js.map
+//# sourceMappingURL=accordion.js.map