wimui 0.1.0

package/dist/components/typography/Title/Title.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { WimColor } from '../../../types/tokens';
+export interface TitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * If true, the heading will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /**
+     * The semantic HTML tag to use.
+     */
+    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /**
+     * The visual size of the title.
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+    /**
+     * Text color.
+     */
+    color?: WimColor;
+    /**
+     * Text alignment.
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * Visual decoration applied to the heading text.
+     * @default "none"
+     */
+    decoration?: "underline" | "highlight" | "none";
+    /**
+     * The heading content.
+     */
+    children: React.ReactNode;
+}
+export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/typography/Title/Title.js

@@ -0,0 +1,33 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { getColorValue as n } from "../../../utilities/style-utils.js";
+import r from "./title.module.js";
+import i from "react";
+import a from "classnames";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/typography/Title/Title.tsx
+var s = i.forwardRef(({ asChild: i = !1, tag: s = "h1", size: c = "xl", color: l, align: u = "left", decoration: d = "none", className: f, style: p, children: m, ...h }, g) => {
+	let _ = c && c.replace(/^(\d+)xl$/, "xl$1"), v = !i && d !== "none" ? /* @__PURE__ */ o("span", {
+		className: d === "highlight" ? r.highlight : r[d],
+		children: /* @__PURE__ */ o(t, { children: m })
+	}) : /* @__PURE__ */ o(t, { children: m }), y = typeof l == "string" && [
+		"danger",
+		"primary",
+		"success",
+		"warning",
+		"info"
+	].includes(l);
+	return /* @__PURE__ */ o(i ? e : s, {
+		ref: g,
+		className: a("wim-title", r.root, r[_], y && r[l], r[u], i && d !== "none" && (d === "highlight" ? r.highlight : r[d]), f),
+		style: {
+			color: y ? void 0 : n(l),
+			...p
+		},
+		...h,
+		children: v
+	});
+});
+s.displayName = "Title";
+//#endregion
+export { s as Title };

package/dist/components/typography/Title/title.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1mbfu_3`,t=`_xs_1mbfu_24`,n=`_sm_1mbfu_24`,r=`_xl_1mbfu_30`,i=`_xl2_1mbfu_30`,a=`_xl3_1mbfu_30`,o=`_xl4_1mbfu_30`,s=`_md_1mbfu_9`,c=`_lg_1mbfu_50`,l=`_left_1mbfu_68`,u=`_center_1mbfu_71`,d=`_right_1mbfu_74`,f=`_danger_1mbfu_80`,p=`_primary_1mbfu_83`,m=`_success_1mbfu_86`,h=`_warning_1mbfu_89`,g=`_info_1mbfu_92`,_=`_underline_1mbfu_98`,v=`_highlight_1mbfu_104`,y={root:e,xs:t,sm:n,xl:r,xl2:i,xl3:a,xl4:o,md:s,lg:c,left:l,center:u,right:d,danger:f,primary:p,success:m,warning:h,info:g,underline:_,highlight:v};exports.center=u,exports.danger=f,exports.default=y,exports.highlight=v,exports.info=g,exports.left=l,exports.lg=c,exports.md=s,exports.primary=p,exports.right=d,exports.root=e,exports.sm=n,exports.success=m,exports.underline=_,exports.warning=h,exports.xl=r,exports.xl2=i,exports.xl3=a,exports.xl4=o,exports.xs=t;

package/dist/components/typography/Title/title.module.js

@@ -0,0 +1,25 @@
+"use client";
+//#region src/components/typography/Title/title.module.scss
+var e = "_root_1mbfu_3", t = "_xs_1mbfu_24", n = "_sm_1mbfu_24", r = "_xl_1mbfu_30", i = "_xl2_1mbfu_30", a = "_xl3_1mbfu_30", o = "_xl4_1mbfu_30", s = "_md_1mbfu_9", c = "_lg_1mbfu_50", l = "_left_1mbfu_68", u = "_center_1mbfu_71", d = "_right_1mbfu_74", f = "_danger_1mbfu_80", p = "_primary_1mbfu_83", m = "_success_1mbfu_86", h = "_warning_1mbfu_89", g = "_info_1mbfu_92", _ = "_underline_1mbfu_98", v = "_highlight_1mbfu_104", y = {
+	root: e,
+	xs: t,
+	sm: n,
+	xl: r,
+	xl2: i,
+	xl3: a,
+	xl4: o,
+	md: s,
+	lg: c,
+	left: l,
+	center: u,
+	right: d,
+	danger: f,
+	primary: p,
+	success: m,
+	warning: h,
+	info: g,
+	underline: _,
+	highlight: v
+};
+//#endregion
+export { u as center, f as danger, y as default, v as highlight, g as info, l as left, c as lg, s as md, p as primary, d as right, e as root, n as sm, m as success, _ as underline, h as warning, r as xl, i as xl2, a as xl3, o as xl4, t as xs };

package/dist/data-display/json-diff-viewer.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/data-display/JsonDiffViewer/JsonDiffViewer.cjs");exports.JsonDiffViewer=e.JsonDiffViewer;

package/dist/data-display/json-diff-viewer.d.ts

@@ -0,0 +1 @@
+export * from '../components/data-display/JsonDiffViewer/JsonDiffViewer';

package/dist/data-display/json-diff-viewer.js

@@ -0,0 +1,3 @@
+"use client";
+import { JsonDiffViewer as e } from "../components/data-display/JsonDiffViewer/JsonDiffViewer.js";
+export { e as JsonDiffViewer };

package/dist/data-display/markdown.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/data-display/Markdown/Markdown.cjs");exports.Markdown=e.Markdown;

package/dist/data-display/markdown.d.ts

@@ -0,0 +1 @@
+export * from '../components/data-display/Markdown/Markdown';

package/dist/data-display/markdown.js

@@ -0,0 +1,3 @@
+"use client";
+import { Markdown as e } from "../components/data-display/Markdown/Markdown.js";
+export { e as Markdown };

package/dist/data-display/node-graph.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/data-display/NodeGraph/NodeGraph.cjs");exports.NodeGraph=e.NodeGraph;

package/dist/data-display/node-graph.d.ts

@@ -0,0 +1 @@
+export * from '../components/data-display/NodeGraph/NodeGraph';

package/dist/data-display/node-graph.js

@@ -0,0 +1,3 @@
+"use client";
+import { NodeGraph as e } from "../components/data-display/NodeGraph/NodeGraph.js";
+export { e as NodeGraph };

package/dist/data-display/qr-code.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/data-display/QRCode/QRCode.cjs");exports.QRCode=e.QRCode;

package/dist/data-display/qr-code.d.ts

@@ -0,0 +1 @@
+export * from '../components/data-display/QRCode/QRCode';

package/dist/data-display/qr-code.js

@@ -0,0 +1,3 @@
+"use client";
+import { QRCode as e } from "../components/data-display/QRCode/QRCode.js";
+export { e as QRCode };

package/dist/data-display/schedule-view.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/data-display/ScheduleView/ScheduleView.cjs");exports.ScheduleView=e.ScheduleView;

package/dist/data-display/schedule-view.d.ts

@@ -0,0 +1 @@
+export * from '../components/data-display/ScheduleView/ScheduleView';

package/dist/data-display/schedule-view.js

@@ -0,0 +1,3 @@
+"use client";
+import { ScheduleView as e } from "../components/data-display/ScheduleView/ScheduleView.js";
+export { e as ScheduleView };

package/dist/data-display-core.d.ts

@@ -0,0 +1,32 @@
+export * from './components/data-display/Accordion/Accordion';
+export * from './components/data-display/Avatar/Avatar';
+export * from './components/data-display/AvatarGroup/AvatarGroup';
+export * from './components/data-display/Badge/Badge';
+export * from './components/data-display/Calendar/Calendar';
+export * from './components/data-display/Calendar/RangeCalendar';
+export * from './components/data-display/Card/Card';
+export * from './components/data-display/Carousel/Carousel';
+export * from './components/data-display/Chip/Chip';
+export * from './components/data-display/DataGrid/DataGrid';
+export * from './components/data-display/DescriptionList/DescriptionList';
+export * from './components/data-display/EmptyState/EmptyState';
+export * from './components/data-display/Kanban/Kanban';
+export * from './components/data-display/List/List';
+export * from './components/data-display/Marquee/Marquee';
+export * from './components/data-display/Stats/Stats';
+export * from './components/data-display/Table/Table';
+export * from './components/data-display/Tag/Tag';
+export * from './components/data-display/Timeline/Timeline';
+export * from './components/data-display/TreeView/TreeView';
+export * from './components/data-display/VirtualList/VirtualList';
+export * from './components/data-display/FAQSection/FAQSection';
+export * from './components/data-display/InfiniteScroll/InfiniteScroll';
+export * from './components/data-display/SortableList/SortableList';
+export * from './components/data-display/SwipeAction/SwipeAction';
+export * from './components/data-display/PullToRefresh/PullToRefresh';
+export * from './components/data-display/JsonViewer/JsonViewer';
+export * from './components/data-display/CalendarHeatmap/CalendarHeatmap';
+export * from './components/data-display/Reaction/Reaction';
+export * from './components/data-display/Leaderboard/Leaderboard';
+export * from './components/data-display/RelativeTime/RelativeTime';
+export * from './components/data-display/Countdown/Countdown';

package/dist/data-display.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/data-display/Card/Card.cjs"),t=require("./components/data-display/Badge/Badge.cjs"),n=require("./components/data-display/Calendar/Calendar.cjs"),r=require("./components/data-display/Chip/Chip.cjs"),i=require("./components/data-display/VirtualList/VirtualList.cjs"),a=require("./components/data-display/TreeView/TreeView.cjs"),o=require("./components/data-display/Tag/Tag.cjs"),s=require("./components/data-display/Accordion/Accordion.cjs"),c=require("./components/data-display/Avatar/Avatar.cjs"),l=require("./components/data-display/AvatarGroup/AvatarGroup.cjs"),u=require("./components/data-display/Calendar/RangeCalendar.cjs"),d=require("./components/data-display/Carousel/Carousel.cjs"),f=require("./components/data-display/Table/useTableSort.cjs"),p=require("./components/data-display/Table/Table.cjs"),m=require("./components/data-display/DataGrid/DataGrid.cjs"),h=require("./components/data-display/DescriptionList/DescriptionList.cjs"),g=require("./components/data-display/EmptyState/EmptyState.cjs"),_=require("./components/data-display/Kanban/Kanban.cjs"),v=require("./components/data-display/List/List.cjs"),y=require("./components/data-display/Marquee/Marquee.cjs"),b=require("./components/data-display/Stats/Stats.cjs"),x=require("./components/data-display/Timeline/Timeline.cjs"),S=require("./components/data-display/FAQSection/FAQSection.cjs"),C=require("./components/data-display/InfiniteScroll/InfiniteScroll.cjs"),w=require("./components/data-display/SortableList/SortableList.cjs"),T=require("./components/data-display/SwipeAction/SwipeAction.cjs"),E=require("./components/data-display/PullToRefresh/PullToRefresh.cjs"),D=require("./components/data-display/JsonViewer/JsonViewer.cjs"),O=require("./components/data-display/CalendarHeatmap/CalendarHeatmap.cjs"),k=require("./components/data-display/Reaction/Reaction.cjs"),A=require("./components/data-display/Leaderboard/Leaderboard.cjs"),j=require("./components/data-display/RelativeTime/RelativeTime.cjs"),M=require("./components/data-display/Countdown/Countdown.cjs");exports.Accordion=s.Accordion,exports.AccordionContent=s.AccordionContent,exports.AccordionItem=s.AccordionItem,exports.AccordionTrigger=s.AccordionTrigger,exports.Avatar=c.Avatar,exports.AvatarGroup=l.AvatarGroup,exports.Badge=t.Badge,exports.Calendar=n.Calendar,exports.CalendarHeatmap=O.CalendarHeatmap,exports.Card=e.Card,exports.CardBody=e.CardBody,exports.CardFooter=e.CardFooter,exports.CardHeader=e.CardHeader,exports.Carousel=d.Carousel,exports.Chip=r.Chip,exports.Countdown=M.Countdown,exports.DataGrid=m.DataGrid,exports.DescriptionList=h.DescriptionList,exports.DescriptionListDetails=h.DescriptionListDetails,exports.DescriptionListItem=h.DescriptionListItem,exports.DescriptionListTerm=h.DescriptionListTerm,exports.EmptyState=g.EmptyState,exports.FAQSection=S.FAQSection,exports.InfiniteScroll=C.InfiniteScroll,exports.JsonViewer=D.JsonViewer,exports.Kanban=_.Kanban,exports.KanbanBoard=_.KanbanBoard,exports.KanbanCard=_.KanbanCard,exports.KanbanColumn=_.KanbanColumn,exports.Leaderboard=A.Leaderboard,exports.List=v.List,exports.ListItem=v.ListItem,exports.Marquee=y.Marquee,exports.PullToRefresh=E.PullToRefresh,exports.RangeCalendar=u.RangeCalendar,exports.Reaction=k.Reaction,exports.RelativeTime=j.RelativeTime,exports.SortableList=w.SortableList,exports.SortableListDragHandle=w.SortableListDragHandle,exports.SortableListItem=w.SortableListItem,exports.Stats=b.Stats,exports.StatsDescription=b.StatsDescription,exports.StatsLabel=b.StatsLabel,exports.StatsTrend=b.StatsTrend,exports.StatsValue=b.StatsValue,exports.SwipeAction=T.SwipeAction,exports.Table=p.Table,exports.TableBody=p.TableBody,exports.TableCell=p.TableCell,exports.TableFooter=p.TableFooter,exports.TableHead=p.TableHead,exports.TableHeader=p.TableHeader,exports.TableRow=p.TableRow,exports.Tag=o.Tag,exports.Timeline=x.Timeline,exports.TimelineConnector=x.TimelineConnector,exports.TimelineContent=x.TimelineContent,exports.TimelineItem=x.TimelineItem,exports.TimelineOppositeContent=x.TimelineOppositeContent,exports.TimelinePoint=x.TimelinePoint,exports.TimelineSeparator=x.TimelineSeparator,exports.TreeView=a.TreeView,exports.TreeViewItem=a.TreeViewItem,exports.VirtualList=i.VirtualList,exports.getNextSortDirection=f.getNextSortDirection,exports.useTableSort=f.useTableSort;

package/dist/data-display.d.ts

@@ -0,0 +1 @@
+export * from './data-display-core';

package/dist/data-display.js

@@ -0,0 +1,35 @@
+"use client";
+import { Card as e, CardBody as t, CardFooter as n, CardHeader as r } from "./components/data-display/Card/Card.js";
+import { Badge as i } from "./components/data-display/Badge/Badge.js";
+import { Calendar as a } from "./components/data-display/Calendar/Calendar.js";
+import { Chip as o } from "./components/data-display/Chip/Chip.js";
+import { VirtualList as s } from "./components/data-display/VirtualList/VirtualList.js";
+import { TreeView as c, TreeViewItem as l } from "./components/data-display/TreeView/TreeView.js";
+import { Tag as u } from "./components/data-display/Tag/Tag.js";
+import { Accordion as d, AccordionContent as f, AccordionItem as p, AccordionTrigger as m } from "./components/data-display/Accordion/Accordion.js";
+import { Avatar as h } from "./components/data-display/Avatar/Avatar.js";
+import { AvatarGroup as g } from "./components/data-display/AvatarGroup/AvatarGroup.js";
+import { RangeCalendar as _ } from "./components/data-display/Calendar/RangeCalendar.js";
+import { Carousel as v } from "./components/data-display/Carousel/Carousel.js";
+import { getNextSortDirection as y, useTableSort as b } from "./components/data-display/Table/useTableSort.js";
+import { Table as x, TableBody as S, TableCell as C, TableFooter as w, TableHead as T, TableHeader as E, TableRow as D } from "./components/data-display/Table/Table.js";
+import { DataGrid as O } from "./components/data-display/DataGrid/DataGrid.js";
+import { DescriptionList as k, DescriptionListDetails as A, DescriptionListItem as j, DescriptionListTerm as M } from "./components/data-display/DescriptionList/DescriptionList.js";
+import { EmptyState as N } from "./components/data-display/EmptyState/EmptyState.js";
+import { Kanban as P, KanbanBoard as F, KanbanCard as I, KanbanColumn as L } from "./components/data-display/Kanban/Kanban.js";
+import { List as R, ListItem as z } from "./components/data-display/List/List.js";
+import { Marquee as B } from "./components/data-display/Marquee/Marquee.js";
+import { Stats as V, StatsDescription as H, StatsLabel as U, StatsTrend as W, StatsValue as G } from "./components/data-display/Stats/Stats.js";
+import { Timeline as K, TimelineConnector as q, TimelineContent as J, TimelineItem as Y, TimelineOppositeContent as X, TimelinePoint as Z, TimelineSeparator as Q } from "./components/data-display/Timeline/Timeline.js";
+import { FAQSection as $ } from "./components/data-display/FAQSection/FAQSection.js";
+import { InfiniteScroll as ee } from "./components/data-display/InfiniteScroll/InfiniteScroll.js";
+import { SortableList as te, SortableListDragHandle as ne, SortableListItem as re } from "./components/data-display/SortableList/SortableList.js";
+import { SwipeAction as ie } from "./components/data-display/SwipeAction/SwipeAction.js";
+import { PullToRefresh as ae } from "./components/data-display/PullToRefresh/PullToRefresh.js";
+import { JsonViewer as oe } from "./components/data-display/JsonViewer/JsonViewer.js";
+import { CalendarHeatmap as se } from "./components/data-display/CalendarHeatmap/CalendarHeatmap.js";
+import { Reaction as ce } from "./components/data-display/Reaction/Reaction.js";
+import { Leaderboard as le } from "./components/data-display/Leaderboard/Leaderboard.js";
+import { RelativeTime as ue } from "./components/data-display/RelativeTime/RelativeTime.js";
+import { Countdown as de } from "./components/data-display/Countdown/Countdown.js";
+export { d as Accordion, f as AccordionContent, p as AccordionItem, m as AccordionTrigger, h as Avatar, g as AvatarGroup, i as Badge, a as Calendar, se as CalendarHeatmap, e as Card, t as CardBody, n as CardFooter, r as CardHeader, v as Carousel, o as Chip, de as Countdown, O as DataGrid, k as DescriptionList, A as DescriptionListDetails, j as DescriptionListItem, M as DescriptionListTerm, N as EmptyState, $ as FAQSection, ee as InfiniteScroll, oe as JsonViewer, P as Kanban, F as KanbanBoard, I as KanbanCard, L as KanbanColumn, le as Leaderboard, R as List, z as ListItem, B as Marquee, ae as PullToRefresh, _ as RangeCalendar, ce as Reaction, ue as RelativeTime, te as SortableList, ne as SortableListDragHandle, re as SortableListItem, V as Stats, H as StatsDescription, U as StatsLabel, W as StatsTrend, G as StatsValue, ie as SwipeAction, x as Table, S as TableBody, C as TableCell, w as TableFooter, T as TableHead, E as TableHeader, D as TableRow, u as Tag, K as Timeline, q as TimelineConnector, J as TimelineContent, Y as TimelineItem, X as TimelineOppositeContent, Z as TimelinePoint, Q as TimelineSeparator, c as TreeView, l as TreeViewItem, s as VirtualList, y as getNextSortDirection, b as useTableSort };

package/dist/density.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`data-density`;function t(t=void 0){return typeof document>`u`?`comfortable`:(t??document.documentElement).getAttribute?.(e)===`compact`?`compact`:`comfortable`}function n(t,n=void 0){if(typeof document>`u`)return;let r=n??document.documentElement;t===`compact`?r.setAttribute(e,`compact`):r.setAttribute(e,`comfortable`)}exports.getWimDensity=t,exports.setWimDensity=n;

package/dist/density.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Global UI density. Mirrors ThemeToggle's `data-theme` pattern:
+ * set `data-density` on `<html>` (or any ancestor) so control-size tokens remappable
+ * in `_ui-patterns.scss` take effect.
+ *
+ * @example
+ * ```ts
+ * import { setWimDensity } from "wimui";
+ * setWimDensity("compact");
+ * ```
+ */
+export type WimDensity = "comfortable" | "compact";
+export declare function getWimDensity(root?: ParentNode | null | undefined): WimDensity;
+/**
+ * Apply density to an element (defaults to `document.documentElement`).
+ * Pass `"comfortable"` (or omit attribute) for the default spacing/heights.
+ */
+export declare function setWimDensity(density: WimDensity, root?: Element | null | undefined): void;

package/dist/density.js

@@ -0,0 +1,13 @@
+"use client";
+//#region src/density.ts
+var e = "data-density";
+function t(t = void 0) {
+	return typeof document > "u" ? "comfortable" : (t ?? document.documentElement).getAttribute?.(e) === "compact" ? "compact" : "comfortable";
+}
+function n(t, n = void 0) {
+	if (typeof document > "u") return;
+	let r = n ?? document.documentElement;
+	t === "compact" ? r.setAttribute(e, "compact") : r.setAttribute(e, "comfortable");
+}
+//#endregion
+export { t as getWimDensity, n as setWimDensity };

package/dist/feedback.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/feedback/Alert/Alert.cjs"),t=require("./components/feedback/Banner/Banner.cjs"),n=require("./components/feedback/ErrorBoundary/ErrorBoundary.cjs"),r=require("./components/feedback/Indicator/Indicator.cjs"),i=require("./components/feedback/Loader/Loader.cjs"),a=require("./components/feedback/Spinner/Spinner.cjs"),o=require("./components/feedback/LoadingOverlay/LoadingOverlay.cjs"),s=require("./components/feedback/Notification/Notification.cjs"),c=require("./components/feedback/Progress/Progress.cjs"),l=require("./components/feedback/Result/Result.cjs"),u=require("./components/feedback/ScrollProgress/ScrollProgress.cjs"),d=require("./components/feedback/Skeleton/Skeleton.cjs"),f=require("./components/feedback/Snackbar/Snackbar.cjs"),p=require("./components/feedback/Toast/Toast.cjs"),m=require("./components/feedback/Tour/Tour.cjs"),h=require("./components/feedback/Autosave/Autosave.cjs");exports.Alert=e.Alert,exports.Autosave=h.Autosave,exports.Banner=t.Banner,exports.ErrorBoundary=n.ErrorBoundary,exports.Indicator=r.Indicator,exports.Loader=i.Loader,exports.LoadingOverlay=o.LoadingOverlay,exports.Notification=s.Notification,exports.NotificationProvider=s.NotificationProvider,exports.Progress=c.Progress,exports.Result=l.Result,exports.ScrollProgress=u.ScrollProgress,exports.Skeleton=d.Skeleton,exports.Snackbar=f.Snackbar,exports.SnackbarProvider=f.SnackbarProvider,exports.Spinner=a.Spinner,exports.Toast=p.Toast,exports.ToastProvider=p.ToastProvider,exports.Tour=m.Tour,exports.useNotification=s.useNotification,exports.useSnackbar=f.useSnackbar,exports.useToast=p.useToast;

package/dist/feedback.d.ts

@@ -0,0 +1,16 @@
+export * from './components/feedback/Alert/Alert';
+export * from './components/feedback/Banner/Banner';
+export * from './components/feedback/ErrorBoundary/ErrorBoundary';
+export * from './components/feedback/Indicator/Indicator';
+export * from './components/feedback/Loader/Loader';
+export * from './components/feedback/LoadingOverlay/LoadingOverlay';
+export * from './components/feedback/Notification/Notification';
+export * from './components/feedback/Progress/Progress';
+export * from './components/feedback/Result/Result';
+export * from './components/feedback/ScrollProgress/ScrollProgress';
+export * from './components/feedback/Skeleton/Skeleton';
+export * from './components/feedback/Snackbar/Snackbar';
+export * from './components/feedback/Spinner/Spinner';
+export * from './components/feedback/Toast/Toast';
+export * from './components/feedback/Tour/Tour';
+export * from './components/feedback/Autosave/Autosave';

package/dist/feedback.js

@@ -0,0 +1,18 @@
+"use client";
+import { Alert as e } from "./components/feedback/Alert/Alert.js";
+import { Banner as t } from "./components/feedback/Banner/Banner.js";
+import { ErrorBoundary as n } from "./components/feedback/ErrorBoundary/ErrorBoundary.js";
+import { Indicator as r } from "./components/feedback/Indicator/Indicator.js";
+import { Loader as i } from "./components/feedback/Loader/Loader.js";
+import { Spinner as a } from "./components/feedback/Spinner/Spinner.js";
+import { LoadingOverlay as o } from "./components/feedback/LoadingOverlay/LoadingOverlay.js";
+import { Notification as s, NotificationProvider as c, useNotification as l } from "./components/feedback/Notification/Notification.js";
+import { Progress as u } from "./components/feedback/Progress/Progress.js";
+import { Result as d } from "./components/feedback/Result/Result.js";
+import { ScrollProgress as f } from "./components/feedback/ScrollProgress/ScrollProgress.js";
+import { Skeleton as p } from "./components/feedback/Skeleton/Skeleton.js";
+import { Snackbar as m, SnackbarProvider as h, useSnackbar as g } from "./components/feedback/Snackbar/Snackbar.js";
+import { Toast as _, ToastProvider as v, useToast as y } from "./components/feedback/Toast/Toast.js";
+import { Tour as b } from "./components/feedback/Tour/Tour.js";
+import { Autosave as x } from "./components/feedback/Autosave/Autosave.js";
+export { e as Alert, x as Autosave, t as Banner, n as ErrorBoundary, r as Indicator, i as Loader, o as LoadingOverlay, s as Notification, c as NotificationProvider, u as Progress, d as Result, f as ScrollProgress, p as Skeleton, m as Snackbar, h as SnackbarProvider, a as Spinner, _ as Toast, v as ToastProvider, b as Tour, l as useNotification, g as useSnackbar, y as useToast };

package/dist/form.cjs

@@ -0,0 +1,2 @@
+"use client";
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/form/Button/Button.cjs"),t=require("./components/form/ButtonGroup/ButtonGroup.cjs"),n=require("./components/form/InputBase/InputBase.cjs"),r=require("./components/form/FieldError/FieldError.cjs"),i=require("./components/form/FieldTemplate/FieldTemplate.cjs"),a=require("./components/form/Cascader/Cascader.cjs"),o=require("./components/form/Checkbox/Checkbox.cjs"),s=require("./components/form/CheckboxGroup/CheckboxGroup.cjs"),c=require("./components/form/Input/Input.cjs"),l=require("./components/form/ColorInput/ColorInput.cjs"),u=require("./components/form/ColorPicker/ColorPicker.cjs"),d=require("./components/form/Combobox/Combobox.cjs"),f=require("./components/form/DatePicker/DatePicker.cjs"),p=require("./components/form/DateRangePicker/DateRangePicker.cjs"),m=require("./components/form/Dropzone/Dropzone.cjs"),h=require("./components/form/Fieldset/Fieldset.cjs"),g=require("./components/form/FileUpload/FileUpload.cjs"),_=require("./components/form/InputGroup/InputGroup.cjs"),v=require("./components/form/InputMask/InputMask.cjs"),y=require("./components/form/Textarea/Textarea.cjs"),b=require("./components/form/Mentions/Mentions.cjs"),x=require("./components/form/MultiSelect/MultiSelect.cjs"),S=require("./components/form/NumberInput/NumberInput.cjs"),C=require("./components/form/OtpInput/OtpInput.cjs"),w=require("./components/form/PasswordInput/PasswordInput.cjs"),T=require("./components/form/PhoneInput/PhoneInput.cjs"),ee=require("./components/form/Radio/Radio.cjs"),E=require("./components/form/RadioGroup/RadioGroup.cjs"),D=require("./components/form/RichTextEditor/RichTextEditor.cjs"),O=require("./components/form/RangeSlider/RangeSlider.cjs"),k=require("./components/form/Rating/Rating.cjs"),A=require("./components/form/SearchInput/SearchInput.cjs"),j=require("./components/form/SmartSearchInput/SmartSearchInput.cjs"),M=require("./components/form/SegmentedControl/SegmentedControl.cjs"),N=require("./components/form/Select/Select.cjs"),P=require("./components/form/SignaturePad/SignaturePad.cjs"),F=require("./components/form/Slider/Slider.cjs"),I=require("./components/form/Switch/Switch.cjs"),L=require("./components/form/SwitchGroup/SwitchGroup.cjs"),R=require("./components/form/TimePicker/TimePicker.cjs"),z=require("./components/form/ToggleGroup/ToggleGroup.cjs"),B=require("./components/form/Transfer/Transfer.cjs"),V=require("./components/form/TreeSelect/TreeSelect.cjs"),H=require("./components/form/CopyButton/CopyButton.cjs"),U=require("./components/form/IconButton/IconButton.cjs"),W=require("./components/form/LinkButton/LinkButton.cjs"),G=require("./components/form/FloatButton/FloatButton.cjs"),K=require("./components/form/QueryBuilder/QueryBuilder.cjs"),q=require("./components/form/InlineEdit/InlineEdit.cjs"),J=require("./components/form/PasswordStrength/PasswordStrength.cjs"),Y=require("./components/form/ImageCropper/ImageCropper.cjs"),X=require("./components/form/TagInput/TagInput.cjs"),Z=require("./components/form/CreditCardInput/CreditCardInput.cjs"),Q=require("./components/form/CounterTextarea/CounterTextarea.cjs"),$=require("./components/form/ThemeToggle/ThemeToggle.cjs");exports.Button=e.Button,exports.ButtonGroup=t.ButtonGroup,exports.Cascader=a.Cascader,exports.Checkbox=o.Checkbox,exports.CheckboxGroup=s.CheckboxGroup,exports.ColorInput=l.ColorInput,exports.ColorPicker=u.ColorPicker,exports.Combobox=d.Combobox,exports.CopyButton=H.CopyButton,exports.CounterTextarea=Q.CounterTextarea,exports.CreditCardInput=Z.CreditCardInput,exports.DatePicker=f.DatePicker,exports.DateRangePicker=p.DateRangePicker,exports.Dropzone=m.Dropzone,exports.FieldError=r.FieldError,exports.FieldTemplate=i.FieldTemplate,exports.Fieldset=h.Fieldset,exports.FileUpload=g.FileUpload,exports.FloatButton=G.FloatButton,exports.IconButton=U.IconButton,exports.ImageCropper=Y.ImageCropper,exports.InlineEdit=q.InlineEdit,exports.Input=c.Input,exports.InputBase=n.InputBase,exports.InputGroup=_.InputGroup,exports.InputGroupText=_.InputGroupText,exports.InputMask=v.InputMask,exports.LinkButton=W.LinkButton,exports.Mentions=b.Mentions,exports.MultiSelect=x.MultiSelect,exports.NumberInput=S.NumberInput,exports.OtpInput=C.OtpInput,exports.PasswordInput=w.PasswordInput,exports.PasswordStrength=J.PasswordStrength,exports.PhoneInput=T.PhoneInput,exports.QueryBuilder=K.QueryBuilder,exports.Radio=ee.Radio,exports.RadioGroup=E.RadioGroup,exports.RangeSlider=O.RangeSlider,exports.Rating=k.Rating,exports.RichTextEditor=D.RichTextEditor,exports.SearchInput=A.SearchInput,exports.SegmentedControl=M.SegmentedControl,exports.Select=N.Select,exports.SignaturePad=P.SignaturePad,exports.Slider=F.Slider,exports.SmartSearchInput=j.SmartSearchInput,exports.Switch=I.Switch,exports.SwitchGroup=L.SwitchGroup,exports.TagInput=X.TagInput,exports.Textarea=y.Textarea,exports.ThemeToggle=$.ThemeToggle,exports.TimePicker=R.TimePicker,exports.ToggleGroup=z.ToggleGroup,exports.Transfer=B.Transfer,exports.TreeSelect=V.TreeSelect;

package/dist/form.d.ts

@@ -0,0 +1,55 @@
+export * from './components/form/Button/Button';
+export * from './components/form/ButtonGroup/ButtonGroup';
+export * from './components/form/Cascader/Cascader';
+export * from './components/form/Checkbox/Checkbox';
+export * from './components/form/CheckboxGroup/CheckboxGroup';
+export * from './components/form/ColorInput/ColorInput';
+export * from './components/form/ColorPicker/ColorPicker';
+export * from './components/form/Combobox/Combobox';
+export * from './components/form/DatePicker/DatePicker';
+export * from './components/form/DateRangePicker/DateRangePicker';
+export * from './components/form/Dropzone/Dropzone';
+export * from './components/form/FieldError/FieldError';
+export * from './components/form/Fieldset/Fieldset';
+export * from './components/form/FileUpload/FileUpload';
+export * from './components/form/Input/Input';
+export * from './components/form/InputGroup/InputGroup';
+export * from './components/form/InputMask/InputMask';
+export * from './components/form/Mentions/Mentions';
+export * from './components/form/MultiSelect/MultiSelect';
+export * from './components/form/NumberInput/NumberInput';
+export * from './components/form/OtpInput/OtpInput';
+export * from './components/form/PasswordInput/PasswordInput';
+export { PhoneInput, type PhoneInputProps } from './components/form/PhoneInput/PhoneInput';
+export * from './components/form/Radio/Radio';
+export * from './components/form/RadioGroup/RadioGroup';
+export * from './components/form/RichTextEditor/RichTextEditor';
+export * from './components/form/RangeSlider/RangeSlider';
+export * from './components/form/Rating/Rating';
+export * from './components/form/SearchInput/SearchInput';
+export * from './components/form/SmartSearchInput/SmartSearchInput';
+export * from './components/form/SegmentedControl/SegmentedControl';
+export * from './components/form/Select/Select';
+export * from './components/form/SignaturePad/SignaturePad';
+export * from './components/form/Slider/Slider';
+export * from './components/form/Switch/Switch';
+export * from './components/form/SwitchGroup/SwitchGroup';
+export * from './components/form/Textarea/Textarea';
+export * from './components/form/TimePicker/TimePicker';
+export * from './components/form/ToggleGroup/ToggleGroup';
+export * from './components/form/Transfer/Transfer';
+export * from './components/form/FieldTemplate/FieldTemplate';
+export * from './components/form/InputBase/InputBase';
+export * from './components/form/TreeSelect/TreeSelect';
+export * from './components/form/CopyButton/CopyButton';
+export * from './components/form/IconButton/IconButton';
+export * from './components/form/LinkButton/LinkButton';
+export * from './components/form/FloatButton/FloatButton';
+export * from './components/form/QueryBuilder/QueryBuilder';
+export * from './components/form/InlineEdit/InlineEdit';
+export * from './components/form/PasswordStrength/PasswordStrength';
+export * from './components/form/ImageCropper/ImageCropper';
+export * from './components/form/TagInput/TagInput';
+export * from './components/form/CreditCardInput/CreditCardInput';
+export * from './components/form/CounterTextarea/CounterTextarea';
+export * from './components/form/ThemeToggle/ThemeToggle';

package/dist/form.js

@@ -0,0 +1,57 @@
+"use client";
+import { Button as e } from "./components/form/Button/Button.js";
+import { ButtonGroup as t } from "./components/form/ButtonGroup/ButtonGroup.js";
+import { InputBase as n } from "./components/form/InputBase/InputBase.js";
+import { FieldError as r } from "./components/form/FieldError/FieldError.js";
+import { FieldTemplate as i } from "./components/form/FieldTemplate/FieldTemplate.js";
+import { Cascader as a } from "./components/form/Cascader/Cascader.js";
+import { Checkbox as o } from "./components/form/Checkbox/Checkbox.js";
+import { CheckboxGroup as s } from "./components/form/CheckboxGroup/CheckboxGroup.js";
+import { Input as c } from "./components/form/Input/Input.js";
+import { ColorInput as l } from "./components/form/ColorInput/ColorInput.js";
+import { ColorPicker as u } from "./components/form/ColorPicker/ColorPicker.js";
+import { Combobox as d } from "./components/form/Combobox/Combobox.js";
+import { DatePicker as f } from "./components/form/DatePicker/DatePicker.js";
+import { DateRangePicker as p } from "./components/form/DateRangePicker/DateRangePicker.js";
+import { Dropzone as m } from "./components/form/Dropzone/Dropzone.js";
+import { Fieldset as h } from "./components/form/Fieldset/Fieldset.js";
+import { FileUpload as g } from "./components/form/FileUpload/FileUpload.js";
+import { InputGroup as _, InputGroupText as v } from "./components/form/InputGroup/InputGroup.js";
+import { InputMask as y } from "./components/form/InputMask/InputMask.js";
+import { Textarea as b } from "./components/form/Textarea/Textarea.js";
+import { Mentions as x } from "./components/form/Mentions/Mentions.js";
+import { MultiSelect as S } from "./components/form/MultiSelect/MultiSelect.js";
+import { NumberInput as C } from "./components/form/NumberInput/NumberInput.js";
+import { OtpInput as w } from "./components/form/OtpInput/OtpInput.js";
+import { PasswordInput as T } from "./components/form/PasswordInput/PasswordInput.js";
+import { PhoneInput as E } from "./components/form/PhoneInput/PhoneInput.js";
+import { Radio as D } from "./components/form/Radio/Radio.js";
+import { RadioGroup as O } from "./components/form/RadioGroup/RadioGroup.js";
+import { RichTextEditor as k } from "./components/form/RichTextEditor/RichTextEditor.js";
+import { RangeSlider as A } from "./components/form/RangeSlider/RangeSlider.js";
+import { Rating as j } from "./components/form/Rating/Rating.js";
+import { SearchInput as M } from "./components/form/SearchInput/SearchInput.js";
+import { SmartSearchInput as N } from "./components/form/SmartSearchInput/SmartSearchInput.js";
+import { SegmentedControl as P } from "./components/form/SegmentedControl/SegmentedControl.js";
+import { Select as F } from "./components/form/Select/Select.js";
+import { SignaturePad as I } from "./components/form/SignaturePad/SignaturePad.js";
+import { Slider as L } from "./components/form/Slider/Slider.js";
+import { Switch as R } from "./components/form/Switch/Switch.js";
+import { SwitchGroup as z } from "./components/form/SwitchGroup/SwitchGroup.js";
+import { TimePicker as B } from "./components/form/TimePicker/TimePicker.js";
+import { ToggleGroup as V } from "./components/form/ToggleGroup/ToggleGroup.js";
+import { Transfer as H } from "./components/form/Transfer/Transfer.js";
+import { TreeSelect as U } from "./components/form/TreeSelect/TreeSelect.js";
+import { CopyButton as W } from "./components/form/CopyButton/CopyButton.js";
+import { IconButton as G } from "./components/form/IconButton/IconButton.js";
+import { LinkButton as K } from "./components/form/LinkButton/LinkButton.js";
+import { FloatButton as q } from "./components/form/FloatButton/FloatButton.js";
+import { QueryBuilder as J } from "./components/form/QueryBuilder/QueryBuilder.js";
+import { InlineEdit as Y } from "./components/form/InlineEdit/InlineEdit.js";
+import { PasswordStrength as X } from "./components/form/PasswordStrength/PasswordStrength.js";
+import { ImageCropper as Z } from "./components/form/ImageCropper/ImageCropper.js";
+import { TagInput as Q } from "./components/form/TagInput/TagInput.js";
+import { CreditCardInput as $ } from "./components/form/CreditCardInput/CreditCardInput.js";
+import { CounterTextarea as ee } from "./components/form/CounterTextarea/CounterTextarea.js";
+import { ThemeToggle as te } from "./components/form/ThemeToggle/ThemeToggle.js";
+export { e as Button, t as ButtonGroup, a as Cascader, o as Checkbox, s as CheckboxGroup, l as ColorInput, u as ColorPicker, d as Combobox, W as CopyButton, ee as CounterTextarea, $ as CreditCardInput, f as DatePicker, p as DateRangePicker, m as Dropzone, r as FieldError, i as FieldTemplate, h as Fieldset, g as FileUpload, q as FloatButton, G as IconButton, Z as ImageCropper, Y as InlineEdit, c as Input, n as InputBase, _ as InputGroup, v as InputGroupText, y as InputMask, K as LinkButton, x as Mentions, S as MultiSelect, C as NumberInput, w as OtpInput, T as PasswordInput, X as PasswordStrength, E as PhoneInput, J as QueryBuilder, D as Radio, O as RadioGroup, A as RangeSlider, j as Rating, k as RichTextEditor, M as SearchInput, P as SegmentedControl, F as Select, I as SignaturePad, L as Slider, N as SmartSearchInput, R as Switch, z as SwitchGroup, Q as TagInput, b as Textarea, te as ThemeToggle, B as TimePicker, V as ToggleGroup, H as Transfer, U as TreeSelect };

package/dist/hooks/useAutoResize.cjs

@@ -0,0 +1,2 @@
+"use client";
+let e=require("react");var t=(t,n=8)=>{let r=(0,e.useRef)(null),i=(0,e.useCallback)(()=>{let e=r.current;if(!e)return;e.style.height=`auto`;let t=getComputedStyle(e),i=parseFloat(t.lineHeight)||24,a=parseFloat(t.paddingBottom)||0,o=parseFloat(t.paddingTop)||0,s=i*n+a+o;e.style.height=`${Math.min(e.scrollHeight,s)}px`,e.style.overflowY=e.scrollHeight>s?`auto`:`hidden`},[n]);return(0,e.useEffect)(()=>{i()},[t,i]),(0,e.useEffect)(()=>(window.addEventListener(`resize`,i),()=>window.removeEventListener(`resize`,i)),[i]),r};exports.useAutoResize=t;

package/dist/hooks/useAutoResize.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A hook to handle auto-resizing of a textarea element.
+ *
+ * @param value The current value of the textarea.
+ * @param maxRows The maximum number of rows before scrolling begins.
+ * @returns A ref to be attached to the textarea element.
+ */
+export declare const useAutoResize: (value: string | undefined, maxRows?: number) => import('react').RefObject<HTMLTextAreaElement | null>;

package/dist/hooks/useAutoResize.js

@@ -0,0 +1,17 @@
+"use client";
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+//#region src/hooks/useAutoResize.ts
+var r = (r, i = 8) => {
+	let a = n(null), o = e(() => {
+		let e = a.current;
+		if (!e) return;
+		e.style.height = "auto";
+		let t = getComputedStyle(e), n = parseFloat(t.lineHeight) || 24, r = parseFloat(t.paddingBottom) || 0, o = parseFloat(t.paddingTop) || 0, s = n * i + r + o;
+		e.style.height = `${Math.min(e.scrollHeight, s)}px`, e.style.overflowY = e.scrollHeight > s ? "auto" : "hidden";
+	}, [i]);
+	return t(() => {
+		o();
+	}, [r, o]), t(() => (window.addEventListener("resize", o), () => window.removeEventListener("resize", o)), [o]), a;
+};
+//#endregion
+export { r as useAutoResize };

package/dist/hooks/useBreakpoint.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("./useMediaQuery.cjs");var t={xs:480,sm:576,md:768,lg:992,xl:1200},n=[`xs`,`sm`,`md`,`lg`,`xl`],r=n=>e.useMediaQuery(`(min-width: ${t[n]}px)`),i=n=>e.useMediaQuery(`(max-width: ${t[n]}px)`),a=()=>{let r={xs:e.useMediaQuery(`(min-width: ${t.xs}px)`),sm:e.useMediaQuery(`(min-width: ${t.sm}px)`),md:e.useMediaQuery(`(min-width: ${t.md}px)`),lg:e.useMediaQuery(`(min-width: ${t.lg}px)`),xl:e.useMediaQuery(`(min-width: ${t.xl}px)`)},i=n[0];for(let e of n)r[e]&&(i=e);return i};exports.BREAKPOINTS=t,exports.useBreakpoint=a,exports.useBreakpointDown=i,exports.useBreakpointUp=r;

package/dist/hooks/useBreakpoint.d.ts

@@ -0,0 +1,35 @@
+/** Named breakpoints, matching the design tokens in `tokens/breakpoints.json`. */
+export type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+/**
+ * Breakpoint values in pixels — the single source of truth on the JS side,
+ * kept in sync with `tokens/breakpoints.json` (and `src/tokens/_breakpoints.scss`).
+ */
+export declare const BREAKPOINTS: Record<Breakpoint, number>;
+/**
+ * Track whether the viewport is at or above a named breakpoint (min-width),
+ * mirroring the SCSS `up()` mixin. SSR-safe.
+ *
+ * @example
+ * const isDesktop = useBreakpointUp("lg");
+ */
+export declare const useBreakpointUp: (breakpoint: Breakpoint) => boolean;
+/**
+ * Track whether the viewport is below a named breakpoint (max-width),
+ * mirroring the SCSS `down()` mixin — the JS equivalent of HamburgerMenu's
+ * `visibleBelow`. SSR-safe.
+ *
+ * @example
+ * const isMobile = useBreakpointDown("md");
+ */
+export declare const useBreakpointDown: (breakpoint: Breakpoint) => boolean;
+/**
+ * Resolve the current active breakpoint — the largest whose min-width the
+ * viewport satisfies. Returns the smallest breakpoint below the first
+ * threshold. SSR-safe (defaults to the smallest until mounted).
+ *
+ * @returns The active {@link Breakpoint}.
+ *
+ * @example
+ * const bp = useBreakpoint(); // "xs" | "sm" | "md" | "lg" | "xl"
+ */
+export declare const useBreakpoint: () => Breakpoint;

package/dist/hooks/useBreakpoint.js

@@ -0,0 +1,28 @@
+"use client";
+import { useMediaQuery as e } from "./useMediaQuery.js";
+//#region src/hooks/useBreakpoint.ts
+var t = {
+	xs: 480,
+	sm: 576,
+	md: 768,
+	lg: 992,
+	xl: 1200
+}, n = [
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+], r = (n) => e(`(min-width: ${t[n]}px)`), i = (n) => e(`(max-width: ${t[n]}px)`), a = () => {
+	let r = {
+		xs: e(`(min-width: ${t.xs}px)`),
+		sm: e(`(min-width: ${t.sm}px)`),
+		md: e(`(min-width: ${t.md}px)`),
+		lg: e(`(min-width: ${t.lg}px)`),
+		xl: e(`(min-width: ${t.xl}px)`)
+	}, i = n[0];
+	for (let e of n) r[e] && (i = e);
+	return i;
+};
+//#endregion
+export { t as BREAKPOINTS, a as useBreakpoint, i as useBreakpointDown, r as useBreakpointUp };

package/dist/hooks/useFocusVisible.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Hook to detect if the current focus was triggered by a keyboard interaction.
+ * Used to implement "focus-visible" logic programmatically if needed,
+ * though native CSS :focus-visible is preferred when possible.
+ */
+export declare function useFocusVisible(): boolean;

package/dist/hooks/useMediaLoader.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);var n=(e={})=>{let{loading:n=`lazy`,src:r,demoDelay:i,rootMargin:a=`250px`}=e,[o,s]=t.default.useState(!1),[c,l]=t.default.useState(n===`eager`),[u,d]=t.default.useState(!1),[f,p]=t.default.useState(r);r!==f&&(p(r),s(!1),d(!1));let m=t.default.useRef(null);t.default.useEffect(()=>{if(n===`eager`)return;let e=new IntersectionObserver(([t])=>{t.isIntersecting&&(l(!0),e.disconnect())},{rootMargin:a});return m.current?e.observe(m.current):l(!0),()=>e.disconnect()},[n,a]),t.default.useEffect(()=>{if(o&&c&&i){let e=setTimeout(()=>d(!0),i);return()=>clearTimeout(e)}},[o,c,i]),!(o&&c)&&u&&d(!1);let h=i?u:o&&c;return{containerRef:m,isLoaded:h,isIntersecting:c,notifyLoaded:()=>s(!0),shouldShowSkeleton:!h&&c}};exports.useMediaLoader=n;