@particle-academy/react-fancy 5.11.0 → 5.13.1

package/dist/button.d.ts

@@ -0,0 +1,84 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes } from 'react';
+import { B as ButtonColor, S as Size } from './types-8Sv0rCjw.js';
+
+interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    /** Shape/fill variant */
+    variant?: "default" | "circle" | "ghost";
+    /** Standalone color (overrides state colors) */
+    color?: ButtonColor;
+    size?: Size;
+    /** Behavioral states */
+    active?: boolean;
+    checked?: boolean;
+    warn?: boolean;
+    alert?: boolean;
+    /** Leading icon slug (resolved via Icon component, e.g. "pencil", "chevron-right") */
+    icon?: string;
+    /** Trailing icon slug (convenience for right-side icon) */
+    iconTrailing?: string;
+    /** Icon placement direction */
+    iconPlace?: "left" | "right" | "top" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right" | "left top" | "left bottom" | "right top" | "right bottom";
+    /** Pulsing alert icon slug */
+    alertIcon?: string;
+    /** Position alert icon on trailing side */
+    alertIconTrailing?: boolean;
+    /** Emoji slug (resolved via emoji-utils) */
+    emoji?: string;
+    /** Trailing emoji slug */
+    emojiTrailing?: string;
+    /** Avatar image URL */
+    avatar?: string;
+    /** Position avatar on trailing side */
+    avatarTrailing?: boolean;
+    /** Badge text */
+    badge?: string;
+    /** Position badge on trailing side */
+    badgeTrailing?: boolean;
+    /** Sort order of decorative elements: e=emoji, i=icon, a=avatar, b=badge */
+    sort?: string;
+    /** Show loading spinner */
+    loading?: boolean;
+    disabled?: boolean;
+    /** Render as anchor tag */
+    href?: string;
+    /**
+     * Anchor-mode element override — the component to render INSTEAD of the
+     * plain `<a>` when `href` is set, e.g. a router's `<Link>` (Inertia, React
+     * Router, Next) so the button navigates client-side. Receives `href`,
+     * `className`, and the forwarded rest props. Ignored without `href` or when
+     * `disabled` (the plain `<button>` renders as always).
+     */
+    as?: ElementType;
+    /** Anchor `target` — only applies in `href` (anchor) mode. */
+    target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
+    /** Anchor `rel` — only applies in `href` (anchor) mode. */
+    rel?: AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
+    /** Anchor `download` — only applies in `href` (anchor) mode. */
+    download?: AnchorHTMLAttributes<HTMLAnchorElement>["download"];
+    /**
+     * Collapse to icon-only when squeezed — injects the minimal Tailwind classes
+     * (`sr-only sm:not-sr-only`) onto the label so it stays screen-reader
+     * accessible but visually hidden on small screens. The label is also directly
+     * targetable via `data-react-fancy-button-label` for a custom breakpoint, e.g.
+     * `className="[&_[data-react-fancy-button-label]]:hidden md:[&_[data-react-fancy-button-label]]:inline"`.
+     */
+    responsive?: boolean;
+    /** Extra classes for the label wrapper — alignment, responsive hiding, etc. */
+    labelClassName?: string;
+}
+/**
+ * @deprecated Renamed to {@link ButtonProps}. `ActionProps` remains as an alias
+ * for backward compatibility and will be removed in a future major version.
+ */
+type ActionProps = ButtonProps;
+
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * @deprecated Renamed to {@link Button}. `Action` remains as an alias for
+ * backward compatibility and will be removed in a future major version.
+ * Prefer importing `Button` from "@particle-academy/react-fancy".
+ */
+declare const Action: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Action, type ActionProps, Button, type ButtonProps };

package/dist/button.js

@@ -0,0 +1,7 @@
+export { Action, Button } from './chunk-WEGL4S52.js';
+import './chunk-45BBNJQD.js';
+import './chunk-M7EEQPE7.js';
+import './chunk-XJXQG34J.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

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

package/dist/calendar.cjs

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

package/dist/calendar.cjs.map

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

package/dist/calendar.d.cts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+
+type CalendarMode = "single" | "range" | "multiple";
+interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+interface CalendarProps {
+    mode?: CalendarMode;
+    value?: Date | Date[] | DateRange | null;
+    onChange?: (value: Date | Date[] | DateRange | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    className?: string;
+}
+
+declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Calendar, type CalendarMode, type CalendarProps, type DateRange };

package/dist/calendar.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+
+type CalendarMode = "single" | "range" | "multiple";
+interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+interface CalendarProps {
+    mode?: CalendarMode;
+    value?: Date | Date[] | DateRange | null;
+    onChange?: (value: Date | Date[] | DateRange | null) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    className?: string;
+}
+
+declare const Calendar: react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Calendar, type CalendarMode, type CalendarProps, type DateRange };

package/dist/calendar.js

@@ -0,0 +1,4 @@
+export { Calendar } from './chunk-TECFGOV2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=calendar.js.map
+//# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

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

package/dist/callout.cjs

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

package/dist/callout.cjs.map

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

package/dist/callout.d.cts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { C as Color } from './types-8Sv0rCjw.cjs';
+
+interface CalloutProps {
+    children: ReactNode;
+    color?: Color;
+    icon?: ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+}
+
+declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Callout, type CalloutProps };

package/dist/callout.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { C as Color } from './types-8Sv0rCjw.js';
+
+interface CalloutProps {
+    children: ReactNode;
+    color?: Color;
+    icon?: ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+}
+
+declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Callout, type CalloutProps };

package/dist/callout.js

@@ -0,0 +1,4 @@
+export { Callout } from './chunk-CTMJYV3O.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=callout.js.map
+//# sourceMappingURL=callout.js.map

package/dist/callout.js.map

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

package/dist/card.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunkKC6QBKKB_cjs = require('./chunk-KC6QBKKB.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunkKC6QBKKB_cjs.Card; }
+});
+Object.defineProperty(exports, "CardBody", {
+  enumerable: true,
+  get: function () { return chunkKC6QBKKB_cjs.CardBody; }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () { return chunkKC6QBKKB_cjs.CardFooter; }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () { return chunkKC6QBKKB_cjs.CardHeader; }
+});
+Object.defineProperty(exports, "CardMedia", {
+  enumerable: true,
+  get: function () { return chunkKC6QBKKB_cjs.CardMedia; }
+});
+//# sourceMappingURL=card.cjs.map
+//# sourceMappingURL=card.cjs.map

package/dist/card.cjs.map

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

package/dist/card.d.cts

@@ -0,0 +1,29 @@
+import { C as CardHeaderProps, a as CardBodyProps, b as CardFooterProps, c as CardMediaProps } from './Card-BZ5F6-wd.cjs';
+export { d as Card, e as CardProps } from './Card-BZ5F6-wd.cjs';
+import * as react from 'react';
+
+declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * The fixed-ratio media region at the top of a card: a thumbnail, gradient or
+ * solid swatch, with slots pinned to its corners.
+ *
+ * This is `Card.Media` rather than a separate `<MediaCard>` because the thing
+ * being asked for was never a different card — it was a card with a picture in
+ * it. Four surfaces had each rebuilt exactly this (a gallery index, a package
+ * grid, a starter-kit grid and a showcase grid) and one of them was already
+ * wrapping `Card` and hand-rolling only this region.
+ *
+ * ## The `background` is not decoration
+ *
+ * It shows through while the image loads and stays visible if the image never
+ * arrives. The gallery relied on that: each style card is keyed to a swatch, so
+ * a missing screenshot degrades to the right colour rather than to a hole.
+ */
+declare const CardMedia: react.ForwardRefExoticComponent<CardMediaProps & react.RefAttributes<HTMLDivElement>>;
+
+export { CardBody, CardBodyProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps };

package/dist/card.d.ts

@@ -0,0 +1,29 @@
+import { C as CardHeaderProps, a as CardBodyProps, b as CardFooterProps, c as CardMediaProps } from './Card-BZ5F6-wd.js';
+export { d as Card, e as CardProps } from './Card-BZ5F6-wd.js';
+import * as react from 'react';
+
+declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * The fixed-ratio media region at the top of a card: a thumbnail, gradient or
+ * solid swatch, with slots pinned to its corners.
+ *
+ * This is `Card.Media` rather than a separate `<MediaCard>` because the thing
+ * being asked for was never a different card — it was a card with a picture in
+ * it. Four surfaces had each rebuilt exactly this (a gallery index, a package
+ * grid, a starter-kit grid and a showcase grid) and one of them was already
+ * wrapping `Card` and hand-rolling only this region.
+ *
+ * ## The `background` is not decoration
+ *
+ * It shows through while the image loads and stays visible if the image never
+ * arrives. The gallery relied on that: each style card is keyed to a swatch, so
+ * a missing screenshot degrades to the right colour rather than to a hole.
+ */
+declare const CardMedia: react.ForwardRefExoticComponent<CardMediaProps & react.RefAttributes<HTMLDivElement>>;
+
+export { CardBody, CardBodyProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps };

package/dist/card.js

@@ -0,0 +1,4 @@
+export { Card, CardBody, CardFooter, CardHeader, CardMedia } from './chunk-NH7NRRII.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=card.js.map
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

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

package/dist/carousel.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var chunk2PELJ4VA_cjs = require('./chunk-2PELJ4VA.cjs');
+require('./chunk-OUOEQZHY.cjs');
+require('./chunk-3Z6ALUWP.cjs');
+
+
+
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function () { return chunk2PELJ4VA_cjs.Carousel; }
+});
+Object.defineProperty(exports, "CarouselControls", {
+  enumerable: true,
+  get: function () { return chunk2PELJ4VA_cjs.CarouselControls; }
+});
+Object.defineProperty(exports, "CarouselPanels", {
+  enumerable: true,
+  get: function () { return chunk2PELJ4VA_cjs.CarouselPanels; }
+});
+Object.defineProperty(exports, "CarouselSlide", {
+  enumerable: true,
+  get: function () { return chunk2PELJ4VA_cjs.CarouselSlide; }
+});
+Object.defineProperty(exports, "CarouselSteps", {
+  enumerable: true,
+  get: function () { return chunk2PELJ4VA_cjs.CarouselSteps; }
+});
+Object.defineProperty(exports, "useCarousel", {
+  enumerable: true,
+  get: function () { return chunk2PELJ4VA_cjs.useCarousel; }
+});
+//# sourceMappingURL=carousel.cjs.map
+//# sourceMappingURL=carousel.cjs.map

package/dist/carousel.cjs.map

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

package/dist/carousel.d.cts

@@ -0,0 +1,13 @@
+import { C as CarouselPanelsProps, a as CarouselSlideProps, b as CarouselControlsProps, c as CarouselStepsProps } from './Carousel.context-Ba3gKZHQ.cjs';
+export { d as Carousel, e as CarouselContextValue, f as CarouselProps, g as CarouselVariant, u as useCarousel } from './Carousel.context-Ba3gKZHQ.cjs';
+import * as react from 'react';
+
+declare const CarouselPanels: react.ForwardRefExoticComponent<CarouselPanelsProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CarouselSlide: react.ForwardRefExoticComponent<CarouselSlideProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CarouselControls: react.ForwardRefExoticComponent<CarouselControlsProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CarouselSteps: react.ForwardRefExoticComponent<CarouselStepsProps & react.RefAttributes<HTMLDivElement>>;
+
+export { CarouselControls, CarouselControlsProps, CarouselPanels, CarouselPanelsProps, CarouselSlide, CarouselSlideProps, CarouselSteps, CarouselStepsProps };

package/dist/carousel.d.ts

@@ -0,0 +1,13 @@
+import { C as CarouselPanelsProps, a as CarouselSlideProps, b as CarouselControlsProps, c as CarouselStepsProps } from './Carousel.context-Ba3gKZHQ.js';
+export { d as Carousel, e as CarouselContextValue, f as CarouselProps, g as CarouselVariant, u as useCarousel } from './Carousel.context-Ba3gKZHQ.js';
+import * as react from 'react';
+
+declare const CarouselPanels: react.ForwardRefExoticComponent<CarouselPanelsProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CarouselSlide: react.ForwardRefExoticComponent<CarouselSlideProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CarouselControls: react.ForwardRefExoticComponent<CarouselControlsProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const CarouselSteps: react.ForwardRefExoticComponent<CarouselStepsProps & react.RefAttributes<HTMLDivElement>>;
+
+export { CarouselControls, CarouselControlsProps, CarouselPanels, CarouselPanelsProps, CarouselSlide, CarouselSlideProps, CarouselSteps, CarouselStepsProps };

package/dist/carousel.js

@@ -0,0 +1,5 @@
+export { Carousel, CarouselControls, CarouselPanels, CarouselSlide, CarouselSteps, useCarousel } from './chunk-HG6XUJOT.js';
+import './chunk-6FQGMVF2.js';
+import './chunk-DSUHZO6T.js';
+//# sourceMappingURL=carousel.js.map
+//# sourceMappingURL=carousel.js.map

package/dist/carousel.js.map

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

package/dist/chart.cjs

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

package/dist/chart.cjs.map

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

package/dist/chart.d.cts

@@ -0,0 +1,140 @@
+import * as react from 'react';
+
+interface ChartBarData {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface ChartBarProps {
+    data: ChartBarData[];
+    height?: number;
+    showValues?: boolean;
+    className?: string;
+}
+interface ChartDonutData {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface ChartDonutProps {
+    data: ChartDonutData[];
+    size?: number;
+    strokeWidth?: number;
+    showLegend?: boolean;
+    className?: string;
+}
+interface ChartSeries {
+    label: string;
+    data: number[];
+    color?: string;
+}
+interface ChartCommonProps {
+    className?: string;
+    height?: number;
+    xAxis?: boolean | {
+        label?: string;
+        tickCount?: number;
+    };
+    yAxis?: boolean | {
+        label?: string;
+        tickCount?: number;
+    };
+    grid?: boolean | {
+        horizontal?: boolean;
+        vertical?: boolean;
+    };
+    tooltip?: boolean;
+    animate?: boolean;
+    responsive?: boolean;
+}
+interface ChartLineProps extends ChartCommonProps {
+    labels: string[];
+    series: ChartSeries[];
+    curve?: "linear" | "monotone";
+    showDots?: boolean;
+    fill?: boolean;
+    fillOpacity?: number;
+}
+type ChartAreaProps = Omit<ChartLineProps, "fill">;
+interface ChartPieData {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface ChartPieProps {
+    data: ChartPieData[];
+    size?: number;
+    showLabels?: boolean;
+    tooltip?: boolean;
+    className?: string;
+}
+interface ChartSparklineProps {
+    data: number[];
+    width?: number;
+    height?: number;
+    color?: string;
+    className?: string;
+}
+interface ChartHorizontalBarProps {
+    data: ChartBarData[];
+    height?: number;
+    showValues?: boolean;
+    className?: string;
+}
+interface ChartStackedBarProps extends ChartCommonProps {
+    labels: string[];
+    series: ChartSeries[];
+}
+
+declare function ChartBar({ data, height, showValues, className, }: ChartBarProps): react.JSX.Element;
+declare namespace ChartBar {
+    var displayName: string;
+}
+
+declare function ChartDonut({ data, size, strokeWidth, showLegend, className, }: ChartDonutProps): react.JSX.Element;
+declare namespace ChartDonut {
+    var displayName: string;
+}
+
+declare function ChartLine({ labels, series, height, curve, showDots, fill, fillOpacity, xAxis, yAxis, grid, tooltip, animate, responsive, className, }: ChartLineProps): react.JSX.Element;
+declare namespace ChartLine {
+    var displayName: string;
+}
+
+declare function ChartArea(props: ChartAreaProps): react.JSX.Element;
+declare namespace ChartArea {
+    var displayName: string;
+}
+
+declare function ChartPie({ data, size, showLabels, tooltip, className, }: ChartPieProps): react.JSX.Element;
+declare namespace ChartPie {
+    var displayName: string;
+}
+
+declare function ChartSparkline({ data, width, height, color, className, }: ChartSparklineProps): react.JSX.Element;
+declare namespace ChartSparkline {
+    var displayName: string;
+}
+
+declare function ChartHorizontalBar({ data, height, showValues, className, }: ChartHorizontalBarProps): react.JSX.Element;
+declare namespace ChartHorizontalBar {
+    var displayName: string;
+}
+
+declare function ChartStackedBar({ labels, series, height, xAxis, yAxis, grid, tooltip, responsive, className, }: ChartStackedBarProps): react.JSX.Element;
+declare namespace ChartStackedBar {
+    var displayName: string;
+}
+
+declare const Chart: {
+    Bar: typeof ChartBar;
+    Donut: typeof ChartDonut;
+    Line: typeof ChartLine;
+    Area: typeof ChartArea;
+    Pie: typeof ChartPie;
+    Sparkline: typeof ChartSparkline;
+    HorizontalBar: typeof ChartHorizontalBar;
+    StackedBar: typeof ChartStackedBar;
+};
+
+export { Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps };