@smwb/ui-solid 0.1.0

package/dist/index.js

@@ -0,0 +1,294 @@
+import { mergeRefs as o } from "./primitives/mergeRefs.js";
+import { createId as a } from "./primitives/createId.js";
+import { createControllableState as p } from "./primitives/createControllableState.js";
+import { Theme as f, createTheme as i } from "./primitives/createTheme.js";
+import { createFloating as s } from "./primitives/createFloating.js";
+import { createFocusTrap as c } from "./primitives/createFocusTrap.js";
+import { createCssTransition as C } from "./primitives/createCssTransition.js";
+import { createDropzone as g } from "./primitives/createDropzone.js";
+import { createVirtualList as d } from "./primitives/createVirtualList.js";
+import { createMaskedInput as M } from "./primitives/createMaskedInput.js";
+import { buildFloatingMiddleware as A, placements as D, resolvePlacement as P } from "./utils/floating.js";
+import { Accordion as L } from "./components/dataDisplay/accordion/accordion.js";
+import { AnimateHeight as F } from "./components/base/animateHeight/animateHeight.js";
+import { AppBar as E } from "./components/navigation/appBar/appBar.js";
+import { AppLayout as v } from "./components/layout/appLayout/appLayout.js";
+import { Avatar as w, AvatarGroup as H } from "./components/dataDisplay/avatar/avatar.js";
+import { Badge as O } from "./components/dataDisplay/badge/badge.js";
+import { BottomBar as G } from "./components/navigation/bottomBar/bottomBar.js";
+import { Breadcrumbs as N } from "./components/navigation/breadcrumbs/breadcrumbs.js";
+import { Button as X } from "./components/inputs/button/button.js";
+import { ButtonGroup as z } from "./components/inputs/buttonGroups/buttonGroup.js";
+import { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES as q, CHAT_EXPAND_LAYOUTS as J, CHAT_MESSAGE_DELIVERY_STATUSES as K, CHAT_MESSAGE_STATUS_ICONS as Q, CHAT_MESSAGE_STATUS_LABELS as Z } from "./components/dataDisplay/chat/types.js";
+import { Card as ee } from "./components/dataDisplay/card/card.js";
+import { Carousel as oe } from "./components/dataDisplay/carousel/carousel.js";
+import { Chat as ae } from "./components/dataDisplay/chat/chat.js";
+import { ChatAttachmentImage as pe } from "./components/dataDisplay/chat/chatAttachmentImage.js";
+import { ChatAttachments as fe } from "./components/dataDisplay/chat/chatAttachments.js";
+import { ChatComposer as ne } from "./components/dataDisplay/chat/chatComposer.js";
+import { ChatHeader as le } from "./components/dataDisplay/chat/chatHeader.js";
+import { ChatIconButton as ue } from "./components/dataDisplay/chat/chatIconButton.js";
+import { ChatLayout as Te } from "./components/dataDisplay/chat/chatLayout.js";
+import { ChatMessageAvatar as he } from "./components/dataDisplay/chat/chatMessageAvatar.js";
+import { ChatMessageBubble as Se } from "./components/dataDisplay/chat/chatMessageBubble.js";
+import { ChatMessageIncoming as Ie } from "./components/dataDisplay/chat/chatMessageIncoming.js";
+import { ChatMessageItem as De } from "./components/dataDisplay/chat/chatMessageItem.js";
+import { ChatMessageOutgoing as be } from "./components/dataDisplay/chat/chatMessageOutgoing.js";
+import { ChatMessageSkeleton as ke } from "./components/dataDisplay/chat/chatMessageSkeleton.js";
+import { ChatMessageStatus as Be } from "./components/dataDisplay/chat/chatMessageStatus.js";
+import { ChatMessageSystem as _e } from "./components/dataDisplay/chat/chatMessageSystem.js";
+import { ChatMessages as ye } from "./components/dataDisplay/chat/chatMessages.js";
+import { ChatOverlayLayout as He } from "./components/dataDisplay/chat/chatOverlayLayout.js";
+import { ChatShell as Oe } from "./components/dataDisplay/chat/chatShell.js";
+import { Checkbox as Ge } from "./components/inputs/checkbox/checkbox.js";
+import { Chip as Ne } from "./components/dataDisplay/chip/chip.js";
+import { CircularProgress as Xe, ProgressIndicator as Ye } from "./components/feedBack/progressIndicator/progressIndicator.js";
+import { ClickAwayListener as je } from "./components/clickAwayListener/clickAwayListener.js";
+import { Column as Je, Container as Ke, Grid as Qe, Row as Ze } from "./components/layout/grid/grid.js";
+import { CountPreview as er } from "./components/inputs/fileDrop/countPreview.js";
+import { DEFAULT_TIME_FORMAT as or } from "./components/inputs/timePicker/timeUtils.js";
+import { DataPickerDays as ar } from "./components/inputs/datePicker/dataPickerDays.js";
+import { DataPickerHeader as pr } from "./components/inputs/datePicker/dataPickerHeader.js";
+import { DataPickerInput as fr } from "./components/inputs/datePicker/dataPickerInput.js";
+import { DatePicker as nr } from "./components/inputs/datePicker/datePicker.js";
+import { DatePickerActionLabel as lr } from "./components/inputs/datePicker/datePickerActionLabel.js";
+import { DatePickerDay as ur } from "./components/inputs/datePicker/datePickerDay.js";
+import { DatePickerIconButton as Tr } from "./components/inputs/datePicker/datePickerIconButton.js";
+import { DatePickerList as hr } from "./components/inputs/datePicker/datePickerList.js";
+import { DateTimePicker as Sr } from "./components/inputs/dateTimePicker/dateTimePicker.js";
+import { DateTimePickerInput as Ir } from "./components/inputs/dateTimePicker/dateTimePickerInput.js";
+import { Divider as Dr } from "./components/layout/divider/divider.js";
+import { DropdownMenu as br } from "./components/inputs/selectField/dropdownMenu.js";
+import { ExpansionPanel as kr } from "./components/dataDisplay/expansionPanel/expansionPanel.js";
+import { FileDrop as Br } from "./components/inputs/fileDrop/fileDrop.js";
+import { FileInput as _r } from "./components/inputs/fileInput/fileInput.js";
+import { FloatingButton as yr } from "./components/inputs/floatingButton/floatingButton.js";
+import { Icon as Hr } from "./components/base/icon/icon.js";
+import { ImagesList as Or } from "./components/dataDisplay/imagesList/imagesList.js";
+import { ImagesListItem as Gr } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItem.js";
+import { ImagesListItemModal as Nr } from "./components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js";
+import { List as Xr } from "./components/dataDisplay/list/list.js";
+import { ListItem as zr } from "./components/dataDisplay/list/listItem.js";
+import { Menu as qr } from "./components/navigation/menu/menu.js";
+import { MenuContext as Kr, useMenuContext as Qr } from "./components/navigation/menu/menuContext.js";
+import { MenuDivider as $r } from "./components/navigation/menu/menuDivider.js";
+import { MenuFloating as ro, buildMenuFloatingMiddleware as oo } from "./components/navigation/menu/menuFloating.js";
+import { MenuItem as ao } from "./components/navigation/menu/menuItem.js";
+import { MenuItemIcon as po } from "./components/navigation/menu/menuItemIcon.js";
+import { MenuItemText as fo } from "./components/navigation/menu/menuItemText.js";
+import { MenuList as no } from "./components/navigation/menu/menuList.js";
+import { MenuSubmenu as lo } from "./components/navigation/menu/menuSubmenu.js";
+import { Message as uo, MessageContainer as Co } from "./components/feedBack/message/message.js";
+import { Modal as go } from "./components/feedBack/modal/modal.js";
+import { OpenView as So } from "./components/inputs/datePicker/openView.js";
+import { Page as Io } from "./components/layout/page/page.js";
+import { PageHeader as Do } from "./components/layout/pageHeader/pageHeader.js";
+import { Pagination as bo } from "./components/navigation/pagination/pagination.js";
+import { Preview as ko } from "./components/inputs/fileDrop/preview.js";
+import { PreviewWrapper as Bo } from "./components/inputs/fileDrop/previewWrapper.js";
+import { RadioButton as _o } from "./components/inputs/radioButton/radioButton.js";
+import { Rating as yo } from "./components/inputs/rating/rating.js";
+import { Ripple as Ho } from "./components/base/ripple/ripple.js";
+import { ScreenDivider as Oo } from "./components/layout/screenDivider/screenDivider.js";
+import { SelectField as Go } from "./components/inputs/selectField/selectField.js";
+import { Sheet as No } from "./components/layout/sheet/sheet.js";
+import { Sidebar as Xo } from "./components/navigation/sidebar/sidebar.js";
+import { Skeleton as zo } from "./components/feedBack/skeleton/skeleton.js";
+import { Slider as qo } from "./components/inputs/slider/slider.js";
+import { Snackbar as Ko, SnackbarProvider as Qo, useSnackbar as Zo } from "./components/feedBack/snackbar/snackbar.js";
+import { Stack as et } from "./components/layout/stack/stack.js";
+import { Stepper as ot } from "./components/navigation/stepper/stepper.js";
+import { Tab as at } from "./components/navigation/tabs/tab/tab.js";
+import { Table as pt } from "./components/dataDisplay/table/table.js";
+import { TableBody as ft } from "./components/dataDisplay/table/tableBody.js";
+import { TableCell as nt } from "./components/dataDisplay/table/tableCell.js";
+import { TableHead as lt } from "./components/dataDisplay/table/tableHead.js";
+import { TableHeadCell as ut } from "./components/dataDisplay/table/tableHeadCell.js";
+import { TablePagination as Tt } from "./components/dataDisplay/table/tablePagination/tablePagination.js";
+import { TableRow as ht } from "./components/dataDisplay/table/tableRow.js";
+import { Tabs as St } from "./components/navigation/tabs/tabs.js";
+import { TabsContext as It, useTabsContext as At } from "./components/navigation/tabs/tabsContext.js";
+import { TextField as Pt } from "./components/inputs/textField/textField.js";
+import { TextFieldAdornment as Lt } from "./components/inputs/textField/textFieldAdornment.js";
+import { TextFieldWrapper as Ft } from "./components/inputs/textField/textFieldWrapper.js";
+import { TimePicker as Et } from "./components/inputs/timePicker/timePicker.js";
+import { TimePickerColumns as vt } from "./components/inputs/timePicker/timePickerColumns.js";
+import { TimePickerInput as wt } from "./components/inputs/timePicker/timePickerInput.js";
+import { Toggle as Ut } from "./components/inputs/toggle/toggle.js";
+import { Tooltip as Rt } from "./components/feedBack/tooltip/tooltip.js";
+import { TreeView as Vt } from "./components/dataDisplay/treeView/treeView.js";
+import { Typography as Wt } from "./components/dataDisplay/typography/typography.js";
+import { createChatFileUpload as Yt, resolveChatFileUploadMaxFiles as zt } from "./components/dataDisplay/chat/useChatFileUpload.js";
+import { createChatInfiniteScroll as qt } from "./components/dataDisplay/chat/useChatInfiniteScroll.js";
+import { createChatStickToBottom as Kt, isScrolledToBottom as Qt, scrollChatToBottom as Zt } from "./components/dataDisplay/chat/useChatStickToBottom.js";
+import { createDateInput as ea } from "./components/inputs/datePicker/useDateInput.js";
+import { createDateTimeInput as oa, getCurrentDateTimeFormat as ta, getDisplayDateTime as aa } from "./components/inputs/dateTimePicker/useDateTimeInput.js";
+import { createTimeInput as pa } from "./components/inputs/timePicker/useTimeInput.js";
+import { formatChatTimestamp as fa, getChatLayoutActions as ia, isChatMessageDeliveryStatus as na, isImageAttachment as sa, resolveAllowedLayouts as la, resolveChatMessageStatusIcon as ca, resolveChatMessageStatusLabel as ua, shouldComposerNewlineOnEnter as Ca, shouldShowChatCloseButton as Ta } from "./components/dataDisplay/chat/utils.js";
+import { formatDateTimeByPattern as ha, isDateTimePatternMatch as da, parseDateTimeByPattern as Sa } from "./components/inputs/dateTimePicker/dateTimeFormat.js";
+import { isImageFile as Ia } from "./components/inputs/fileDrop/utils.js";
+export {
+  L as Accordion,
+  F as AnimateHeight,
+  E as AppBar,
+  v as AppLayout,
+  w as Avatar,
+  H as AvatarGroup,
+  O as Badge,
+  G as BottomBar,
+  N as Breadcrumbs,
+  X as Button,
+  z as ButtonGroup,
+  q as CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
+  J as CHAT_EXPAND_LAYOUTS,
+  K as CHAT_MESSAGE_DELIVERY_STATUSES,
+  Q as CHAT_MESSAGE_STATUS_ICONS,
+  Z as CHAT_MESSAGE_STATUS_LABELS,
+  ee as Card,
+  oe as Carousel,
+  ae as Chat,
+  pe as ChatAttachmentImage,
+  fe as ChatAttachments,
+  ne as ChatComposer,
+  le as ChatHeader,
+  ue as ChatIconButton,
+  Te as ChatLayout,
+  he as ChatMessageAvatar,
+  Se as ChatMessageBubble,
+  Ie as ChatMessageIncoming,
+  De as ChatMessageItem,
+  be as ChatMessageOutgoing,
+  ke as ChatMessageSkeleton,
+  Be as ChatMessageStatus,
+  _e as ChatMessageSystem,
+  ye as ChatMessages,
+  He as ChatOverlayLayout,
+  Oe as ChatShell,
+  Ge as Checkbox,
+  Ne as Chip,
+  Xe as CircularProgress,
+  je as ClickAwayListener,
+  Je as Column,
+  Ke as Container,
+  er as CountPreview,
+  or as DEFAULT_TIME_FORMAT,
+  ar as DataPickerDays,
+  pr as DataPickerHeader,
+  fr as DataPickerInput,
+  nr as DatePicker,
+  lr as DatePickerActionLabel,
+  ur as DatePickerDay,
+  Tr as DatePickerIconButton,
+  hr as DatePickerList,
+  Sr as DateTimePicker,
+  Ir as DateTimePickerInput,
+  Dr as Divider,
+  br as DropdownMenu,
+  kr as ExpansionPanel,
+  Br as FileDrop,
+  _r as FileInput,
+  yr as FloatingButton,
+  Qe as Grid,
+  Hr as Icon,
+  Or as ImagesList,
+  Gr as ImagesListItem,
+  Nr as ImagesListItemModal,
+  Xr as List,
+  zr as ListItem,
+  qr as Menu,
+  Kr as MenuContext,
+  $r as MenuDivider,
+  ro as MenuFloating,
+  ao as MenuItem,
+  po as MenuItemIcon,
+  fo as MenuItemText,
+  no as MenuList,
+  lo as MenuSubmenu,
+  uo as Message,
+  Co as MessageContainer,
+  go as Modal,
+  So as OpenView,
+  Io as Page,
+  Do as PageHeader,
+  bo as Pagination,
+  ko as Preview,
+  Bo as PreviewWrapper,
+  Ye as ProgressIndicator,
+  _o as RadioButton,
+  yo as Rating,
+  Ho as Ripple,
+  Ze as Row,
+  Oo as ScreenDivider,
+  Go as SelectField,
+  No as Sheet,
+  Xo as Sidebar,
+  zo as Skeleton,
+  qo as Slider,
+  Ko as Snackbar,
+  Qo as SnackbarProvider,
+  et as Stack,
+  ot as Stepper,
+  at as Tab,
+  pt as Table,
+  ft as TableBody,
+  nt as TableCell,
+  lt as TableHead,
+  ut as TableHeadCell,
+  Tt as TablePagination,
+  ht as TableRow,
+  St as Tabs,
+  It as TabsContext,
+  Pt as TextField,
+  Lt as TextFieldAdornment,
+  Ft as TextFieldWrapper,
+  f as Theme,
+  Et as TimePicker,
+  vt as TimePickerColumns,
+  wt as TimePickerInput,
+  Ut as Toggle,
+  Rt as Tooltip,
+  Vt as TreeView,
+  Wt as Typography,
+  A as buildFloatingMiddleware,
+  oo as buildMenuFloatingMiddleware,
+  Yt as createChatFileUpload,
+  qt as createChatInfiniteScroll,
+  Kt as createChatStickToBottom,
+  p as createControllableState,
+  C as createCssTransition,
+  ea as createDateInput,
+  oa as createDateTimeInput,
+  g as createDropzone,
+  s as createFloating,
+  c as createFocusTrap,
+  a as createId,
+  M as createMaskedInput,
+  i as createTheme,
+  pa as createTimeInput,
+  d as createVirtualList,
+  fa as formatChatTimestamp,
+  ha as formatDateTimeByPattern,
+  ia as getChatLayoutActions,
+  ta as getCurrentDateTimeFormat,
+  aa as getDisplayDateTime,
+  na as isChatMessageDeliveryStatus,
+  da as isDateTimePatternMatch,
+  sa as isImageAttachment,
+  Ia as isImageFile,
+  Qt as isScrolledToBottom,
+  o as mergeRefs,
+  Sa as parseDateTimeByPattern,
+  D as placements,
+  la as resolveAllowedLayouts,
+  zt as resolveChatFileUploadMaxFiles,
+  ca as resolveChatMessageStatusIcon,
+  ua as resolveChatMessageStatusLabel,
+  P as resolvePlacement,
+  Zt as scrollChatToBottom,
+  Ca as shouldComposerNewlineOnEnter,
+  Ta as shouldShowChatCloseButton,
+  Qr as useMenuContext,
+  Zo as useSnackbar,
+  At as useTabsContext
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/primitives/callHandler.d.ts

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+/**
+ * Invoke a Solid `EventHandlerUnion` (a function, or a `[handler, data]` bound
+ * tuple) uniformly. Used when a component needs to call a user-supplied event
+ * handler from inside its own wrapper handler.
+ */
+export declare function callHandler<T, E extends Event>(handler: JSX.EventHandlerUnion<T, E> | undefined, event: E & {
+    currentTarget: T;
+    target: Element;
+}): void;

package/dist/primitives/callHandler.js

@@ -0,0 +1,7 @@
+function o(f, i) {
+  f && (typeof f == "function" ? f(i) : f[0](f[1], i));
+}
+export {
+  o as callHandler
+};
+//# sourceMappingURL=callHandler.js.map

package/dist/primitives/callHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callHandler.js","sources":["../../src/primitives/callHandler.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\n/**\n * Invoke a Solid `EventHandlerUnion` (a function, or a `[handler, data]` bound\n * tuple) uniformly. Used when a component needs to call a user-supplied event\n * handler from inside its own wrapper handler.\n */\nexport function callHandler<T, E extends Event>(\n  handler: JSX.EventHandlerUnion<T, E> | undefined,\n  event: E & { currentTarget: T; target: Element }\n): void {\n  if (!handler) return;\n  if (typeof handler === \"function\") {\n    handler(event);\n  } else {\n    handler[0](handler[1], event);\n  }\n}\n"],"names":["callHandler","handler","event"],"mappings":"AAOO,SAASA,EACdC,GACAC,GACM;AACN,EAAKD,MACD,OAAOA,KAAY,aACrBA,EAAQC,CAAK,IAEbD,EAAQ,CAAC,EAAEA,EAAQ,CAAC,GAAGC,CAAK;AAEhC;"}

package/dist/primitives/createControllableState.d.ts

@@ -0,0 +1,19 @@
+import { type Accessor } from "solid-js";
+type Updater<T> = T | ((prev: T) => T);
+export interface CreateControllableStateParams<T> {
+    /** Reactive controlled value. When it resolves to a non-undefined value the
+     *  state is controlled: the returned accessor mirrors it and the setter only
+     *  calls `onChange`. */
+    value?: Accessor<T | undefined> | undefined;
+    /** Initial value for uncontrolled mode. */
+    defaultValue: T;
+    /** Called whenever the value should change (both modes). */
+    onChange?: ((next: T) => void) | undefined;
+}
+/**
+ * Controlled/uncontrolled state helper — the Solid analogue of summer-ui's
+ * useControllableState. Controlled-ness is evaluated reactively so a component
+ * can transition between modes if its `value` prop appears/disappears.
+ */
+export declare function createControllableState<T>(params: CreateControllableStateParams<T>): [Accessor<T>, (next: Updater<T>) => void];
+export {};

package/dist/primitives/createControllableState.js

@@ -0,0 +1,12 @@
+import { createSignal as a } from "solid-js";
+function f(e) {
+  const [c, r] = a(e.defaultValue), o = () => e.value?.() !== void 0, n = () => o() ? e.value() : c();
+  return [n, (t) => {
+    const u = n(), l = typeof t == "function" ? t(u) : t;
+    o() || r(() => l), e.onChange?.(l);
+  }];
+}
+export {
+  f as createControllableState
+};
+//# sourceMappingURL=createControllableState.js.map

package/dist/primitives/createControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createControllableState.js","sources":["../../src/primitives/createControllableState.ts"],"sourcesContent":["import { type Accessor, createSignal } from \"solid-js\";\n\ntype Updater<T> = T | ((prev: T) => T);\n\nexport interface CreateControllableStateParams<T> {\n  /** Reactive controlled value. When it resolves to a non-undefined value the\n   *  state is controlled: the returned accessor mirrors it and the setter only\n   *  calls `onChange`. */\n  value?: Accessor<T | undefined> | undefined;\n  /** Initial value for uncontrolled mode. */\n  defaultValue: T;\n  /** Called whenever the value should change (both modes). */\n  onChange?: ((next: T) => void) | undefined;\n}\n\n/**\n * Controlled/uncontrolled state helper — the Solid analogue of summer-ui's\n * useControllableState. Controlled-ness is evaluated reactively so a component\n * can transition between modes if its `value` prop appears/disappears.\n */\nexport function createControllableState<T>(\n  params: CreateControllableStateParams<T>\n): [Accessor<T>, (next: Updater<T>) => void] {\n  const [internal, setInternal] = createSignal<T>(params.defaultValue);\n\n  const isControlled = (): boolean => params.value?.() !== undefined;\n  const value: Accessor<T> = () => (isControlled() ? (params.value!() as T) : internal());\n\n  const setValue = (next: Updater<T>): void => {\n    const prev = value();\n    const resolved = typeof next === \"function\" ? (next as (p: T) => T)(prev) : next;\n    if (!isControlled()) {\n      setInternal(() => resolved);\n    }\n    params.onChange?.(resolved);\n  };\n\n  return [value, setValue];\n}\n"],"names":["createControllableState","params","internal","setInternal","createSignal","isControlled","value","next","prev","resolved"],"mappings":";AAoBO,SAASA,EACdC,GAC2C;AAC3C,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAgBH,EAAO,YAAY,GAE7DI,IAAe,MAAeJ,EAAO,QAAA,MAAc,QACnDK,IAAqB,MAAOD,EAAA,IAAkBJ,EAAO,MAAA,IAAiBC,EAAA;AAW5E,SAAO,CAACI,GATS,CAACC,MAA2B;AAC3C,UAAMC,IAAOF,EAAA,GACPG,IAAW,OAAOF,KAAS,aAAcA,EAAqBC,CAAI,IAAID;AAC5E,IAAKF,OACHF,EAAY,MAAMM,CAAQ,GAE5BR,EAAO,WAAWQ,CAAQ;AAAA,EAC5B,CAEuB;AACzB;"}

package/dist/primitives/createCssTransition.d.ts

@@ -0,0 +1,36 @@
+import { type Accessor } from "solid-js";
+export interface CssTransitionClassNames {
+    appear?: string;
+    appearActive?: string;
+    appearDone?: string;
+    enter?: string;
+    enterActive?: string;
+    enterDone?: string;
+    exit?: string;
+    exitActive?: string;
+    exitDone?: string;
+}
+export interface CreateCssTransitionOptions {
+    in: Accessor<boolean>;
+    timeout: {
+        appear?: number;
+        enter: number;
+        exit: number;
+    };
+    classNames: CssTransitionClassNames;
+    /** Animate the very first mount when `in` is already true. */
+    appear?: boolean;
+}
+export interface CssTransitionState {
+    /** Whether the node should be in the DOM (mountOnEnter + unmountOnExit). */
+    mounted: Accessor<boolean>;
+    /** Transition classes to apply to the node for the current phase. */
+    classes: Accessor<string>;
+}
+/**
+ * Single-node CSS transition with mountOnEnter + unmountOnExit semantics — a
+ * dependency-free replacement for react-transition-group's CSSTransition. Uses
+ * a double rAF to flush the start class before the active class so the CSS
+ * transition runs, and a timeout to advance to the done/unmounted phase.
+ */
+export declare function createCssTransition(options: CreateCssTransitionOptions): CssTransitionState;

package/dist/primitives/createCssTransition.js

@@ -0,0 +1,40 @@
+import { createSignal as v, createEffect as x, onCleanup as D } from "solid-js";
+const F = (...t) => t.filter(Boolean).join(" ");
+function C(t) {
+  const [l, m] = v(t.in()), [A, i] = v("");
+  let o = !0, r, n, s;
+  const f = () => {
+    r !== void 0 && clearTimeout(r), n !== void 0 && cancelAnimationFrame(n), s !== void 0 && cancelAnimationFrame(s), r = void 0, n = void 0, s = void 0;
+  }, u = (c, e, a, d, p) => {
+    i(c ?? ""), n = requestAnimationFrame(() => {
+      s = requestAnimationFrame(() => i(F(c, e)));
+    }), r = setTimeout(() => {
+      p ? p() : i(a ?? "");
+    }, d);
+  };
+  return x(() => {
+    const c = t.in();
+    f();
+    const e = t.classNames;
+    if (c)
+      if (m(!0), o && !t.appear)
+        i(e.enterDone ?? "");
+      else {
+        const a = o && !!t.appear;
+        u(
+          a ? e.appear : e.enter,
+          a ? e.appearActive : e.enterActive,
+          a ? e.appearDone ?? e.enterDone : e.enterDone,
+          a ? t.timeout.appear ?? t.timeout.enter : t.timeout.enter
+        );
+      }
+    else l() && u(e.exit, e.exitActive, e.exitDone, t.timeout.exit, () => {
+      m(!1), i("");
+    });
+    o = !1;
+  }), D(f), { mounted: l, classes: A };
+}
+export {
+  C as createCssTransition
+};
+//# sourceMappingURL=createCssTransition.js.map

package/dist/primitives/createCssTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCssTransition.js","sources":["../../src/primitives/createCssTransition.ts"],"sourcesContent":["import { type Accessor, createEffect, createSignal, onCleanup } from \"solid-js\";\n\nexport interface CssTransitionClassNames {\n  appear?: string;\n  appearActive?: string;\n  appearDone?: string;\n  enter?: string;\n  enterActive?: string;\n  enterDone?: string;\n  exit?: string;\n  exitActive?: string;\n  exitDone?: string;\n}\n\nexport interface CreateCssTransitionOptions {\n  in: Accessor<boolean>;\n  timeout: { appear?: number; enter: number; exit: number };\n  classNames: CssTransitionClassNames;\n  /** Animate the very first mount when `in` is already true. */\n  appear?: boolean;\n}\n\nexport interface CssTransitionState {\n  /** Whether the node should be in the DOM (mountOnEnter + unmountOnExit). */\n  mounted: Accessor<boolean>;\n  /** Transition classes to apply to the node for the current phase. */\n  classes: Accessor<string>;\n}\n\nconst join = (...parts: Array<string | undefined>): string => parts.filter(Boolean).join(\" \");\n\n/**\n * Single-node CSS transition with mountOnEnter + unmountOnExit semantics — a\n * dependency-free replacement for react-transition-group's CSSTransition. Uses\n * a double rAF to flush the start class before the active class so the CSS\n * transition runs, and a timeout to advance to the done/unmounted phase.\n */\nexport function createCssTransition(options: CreateCssTransitionOptions): CssTransitionState {\n  const [mounted, setMounted] = createSignal(options.in());\n  const [classes, setClasses] = createSignal(\"\");\n\n  let first = true;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  let raf1: number | undefined;\n  let raf2: number | undefined;\n\n  const clearTimers = (): void => {\n    if (timer !== undefined) clearTimeout(timer);\n    if (raf1 !== undefined) cancelAnimationFrame(raf1);\n    if (raf2 !== undefined) cancelAnimationFrame(raf2);\n    timer = undefined;\n    raf1 = undefined;\n    raf2 = undefined;\n  };\n\n  const run = (start: string | undefined, active: string | undefined, done: string | undefined, duration: number, onEnd?: () => void): void => {\n    setClasses(start ?? \"\");\n    raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(() => setClasses(join(start, active)));\n    });\n    timer = setTimeout(() => {\n      if (onEnd) onEnd();\n      else setClasses(done ?? \"\");\n    }, duration);\n  };\n\n  createEffect(() => {\n    const show = options.in();\n    clearTimers();\n    const cls = options.classNames;\n\n    if (show) {\n      setMounted(true);\n      if (first && !options.appear) {\n        setClasses(cls.enterDone ?? \"\");\n      } else {\n        const useAppear = first && !!options.appear;\n        run(\n          useAppear ? cls.appear : cls.enter,\n          useAppear ? cls.appearActive : cls.enterActive,\n          useAppear ? (cls.appearDone ?? cls.enterDone) : cls.enterDone,\n          useAppear ? (options.timeout.appear ?? options.timeout.enter) : options.timeout.enter\n        );\n      }\n    } else if (mounted()) {\n      run(cls.exit, cls.exitActive, cls.exitDone, options.timeout.exit, () => {\n        setMounted(false);\n        setClasses(\"\");\n      });\n    }\n    first = false;\n  });\n\n  onCleanup(clearTimers);\n\n  return { mounted, classes };\n}\n"],"names":["join","parts","createCssTransition","options","mounted","setMounted","createSignal","classes","setClasses","first","timer","raf1","raf2","clearTimers","run","start","active","done","duration","onEnd","createEffect","show","cls","useAppear","onCleanup"],"mappings":";AA6BA,MAAMA,IAAO,IAAIC,MAA6CA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG;AAQrF,SAASC,EAAoBC,GAAyD;AAC3F,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAaH,EAAQ,IAAI,GACjD,CAACI,GAASC,CAAU,IAAIF,EAAa,EAAE;AAE7C,MAAIG,IAAQ,IACRC,GACAC,GACAC;AAEJ,QAAMC,IAAc,MAAY;AAC9B,IAAIH,MAAU,UAAW,aAAaA,CAAK,GACvCC,MAAS,UAAW,qBAAqBA,CAAI,GAC7CC,MAAS,UAAW,qBAAqBA,CAAI,GACjDF,IAAQ,QACRC,IAAO,QACPC,IAAO;AAAA,EACT,GAEME,IAAM,CAACC,GAA2BC,GAA4BC,GAA0BC,GAAkBC,MAA6B;AAC3I,IAAAX,EAAWO,KAAS,EAAE,GACtBJ,IAAO,sBAAsB,MAAM;AACjC,MAAAC,IAAO,sBAAsB,MAAMJ,EAAWR,EAAKe,GAAOC,CAAM,CAAC,CAAC;AAAA,IACpE,CAAC,GACDN,IAAQ,WAAW,MAAM;AACvB,MAAIS,IAAOA,EAAA,IACNX,EAAWS,KAAQ,EAAE;AAAA,IAC5B,GAAGC,CAAQ;AAAA,EACb;AAEA,SAAAE,EAAa,MAAM;AACjB,UAAMC,IAAOlB,EAAQ,GAAA;AACrB,IAAAU,EAAA;AACA,UAAMS,IAAMnB,EAAQ;AAEpB,QAAIkB;AAEF,UADAhB,EAAW,EAAI,GACXI,KAAS,CAACN,EAAQ;AACpB,QAAAK,EAAWc,EAAI,aAAa,EAAE;AAAA,WACzB;AACL,cAAMC,IAAYd,KAAS,CAAC,CAACN,EAAQ;AACrC,QAAAW;AAAA,UACES,IAAYD,EAAI,SAASA,EAAI;AAAA,UAC7BC,IAAYD,EAAI,eAAeA,EAAI;AAAA,UACnCC,IAAaD,EAAI,cAAcA,EAAI,YAAaA,EAAI;AAAA,UACpDC,IAAapB,EAAQ,QAAQ,UAAUA,EAAQ,QAAQ,QAASA,EAAQ,QAAQ;AAAA,QAAA;AAAA,MAEpF;AAAA,QACF,CAAWC,OACTU,EAAIQ,EAAI,MAAMA,EAAI,YAAYA,EAAI,UAAUnB,EAAQ,QAAQ,MAAM,MAAM;AACtE,MAAAE,EAAW,EAAK,GAChBG,EAAW,EAAE;AAAA,IACf,CAAC;AAEH,IAAAC,IAAQ;AAAA,EACV,CAAC,GAEDe,EAAUX,CAAW,GAEd,EAAE,SAAAT,GAAS,SAAAG,EAAA;AACpB;"}

package/dist/primitives/createDropzone.d.ts

@@ -0,0 +1,40 @@
+import { type Accessor, type JSX } from "solid-js";
+export interface DropzoneOptions {
+    /** Record of mime → extensions, or a raw accept string. */
+    accept?: Record<string, string[]> | string | undefined;
+    multiple?: boolean | undefined;
+    maxFiles?: number | undefined;
+    disabled?: boolean | undefined;
+    onDrop?: (files: File[], event: Event) => void;
+    onDropAccepted?: (files: File[], event: Event) => void;
+}
+export interface DropzoneRootProps {
+    onClick: () => void;
+    onDragOver: (event: DragEvent) => void;
+    onDragLeave: () => void;
+    onDrop: (event: DragEvent) => void;
+}
+export interface DropzoneInputProps {
+    type: "file";
+    multiple: boolean | undefined;
+    accept: string | undefined;
+    disabled: boolean | undefined;
+    style: JSX.CSSProperties;
+    onChange: (event: Event & {
+        currentTarget: HTMLInputElement;
+        target: Element;
+    }) => void;
+}
+export interface DropzoneState {
+    getRootProps: () => DropzoneRootProps;
+    getInputProps: () => DropzoneInputProps;
+    inputRef: (el: HTMLInputElement) => void;
+    isDragActive: Accessor<boolean>;
+    open: () => void;
+}
+/**
+ * Dependency-free file dropzone — the Solid replacement for react-dropzone's
+ * useDropzone. Provides root/input prop getters, drag-active state and a
+ * programmatic `open()`.
+ */
+export declare function createDropzone(options?: DropzoneOptions): DropzoneState;

package/dist/primitives/createDropzone.js

@@ -0,0 +1,36 @@
+import { createSignal as c } from "solid-js";
+function u(e) {
+  if (e)
+    return typeof e == "string" ? e : Object.entries(e).flatMap(([t, a]) => [t, ...a]).join(",");
+}
+function g(e = {}) {
+  let t;
+  const [a, i] = c(!1), n = () => {
+    e.disabled || t?.click();
+  }, f = (r, s) => {
+    if (!r) return;
+    let l = Array.from(r);
+    e.maxFiles && e.maxFiles > 0 && (l = l.slice(0, e.maxFiles)), e.onDrop?.(l, s), e.onDropAccepted?.(l, s);
+  };
+  return { getRootProps: () => ({
+    onClick: () => n(),
+    onDragOver: (r) => {
+      r.preventDefault(), e.disabled || i(!0);
+    },
+    onDragLeave: () => i(!1),
+    onDrop: (r) => {
+      r.preventDefault(), i(!1), e.disabled || f(r.dataTransfer?.files ?? null, r);
+    }
+  }), getInputProps: () => ({
+    type: "file",
+    multiple: e.multiple,
+    accept: u(e.accept),
+    disabled: e.disabled,
+    style: { display: "none" },
+    onChange: (r) => f(r.currentTarget.files, r)
+  }), inputRef: (r) => t = r, isDragActive: a, open: n };
+}
+export {
+  g as createDropzone
+};
+//# sourceMappingURL=createDropzone.js.map

package/dist/primitives/createDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDropzone.js","sources":["../../src/primitives/createDropzone.ts"],"sourcesContent":["import { type Accessor, type JSX, createSignal } from \"solid-js\";\n\nexport interface DropzoneOptions {\n  /** Record of mime → extensions, or a raw accept string. */\n  accept?: Record<string, string[]> | string | undefined;\n  multiple?: boolean | undefined;\n  maxFiles?: number | undefined;\n  disabled?: boolean | undefined;\n  onDrop?: (files: File[], event: Event) => void;\n  onDropAccepted?: (files: File[], event: Event) => void;\n}\n\nexport interface DropzoneRootProps {\n  onClick: () => void;\n  onDragOver: (event: DragEvent) => void;\n  onDragLeave: () => void;\n  onDrop: (event: DragEvent) => void;\n}\n\nexport interface DropzoneInputProps {\n  type: \"file\";\n  multiple: boolean | undefined;\n  accept: string | undefined;\n  disabled: boolean | undefined;\n  style: JSX.CSSProperties;\n  onChange: (event: Event & { currentTarget: HTMLInputElement; target: Element }) => void;\n}\n\nexport interface DropzoneState {\n  getRootProps: () => DropzoneRootProps;\n  getInputProps: () => DropzoneInputProps;\n  inputRef: (el: HTMLInputElement) => void;\n  isDragActive: Accessor<boolean>;\n  open: () => void;\n}\n\nfunction acceptToString(accept: DropzoneOptions[\"accept\"]): string | undefined {\n  if (!accept) return undefined;\n  if (typeof accept === \"string\") return accept;\n  return Object.entries(accept)\n    .flatMap(([mime, exts]) => [mime, ...exts])\n    .join(\",\");\n}\n\n/**\n * Dependency-free file dropzone — the Solid replacement for react-dropzone's\n * useDropzone. Provides root/input prop getters, drag-active state and a\n * programmatic `open()`.\n */\nexport function createDropzone(options: DropzoneOptions = {}): DropzoneState {\n  let inputEl: HTMLInputElement | undefined;\n  const [isDragActive, setIsDragActive] = createSignal(false);\n\n  const open = (): void => {\n    if (!options.disabled) inputEl?.click();\n  };\n\n  const handleFiles = (list: FileList | null, event: Event): void => {\n    if (!list) return;\n    let files = Array.from(list);\n    if (options.maxFiles && options.maxFiles > 0) files = files.slice(0, options.maxFiles);\n    options.onDrop?.(files, event);\n    options.onDropAccepted?.(files, event);\n  };\n\n  const getRootProps = (): DropzoneRootProps => ({\n    onClick: () => open(),\n    onDragOver: (event) => {\n      event.preventDefault();\n      if (!options.disabled) setIsDragActive(true);\n    },\n    onDragLeave: () => setIsDragActive(false),\n    onDrop: (event) => {\n      event.preventDefault();\n      setIsDragActive(false);\n      if (!options.disabled) handleFiles(event.dataTransfer?.files ?? null, event);\n    },\n  });\n\n  const getInputProps = (): DropzoneInputProps => ({\n    type: \"file\",\n    multiple: options.multiple,\n    accept: acceptToString(options.accept),\n    disabled: options.disabled,\n    style: { display: \"none\" },\n    onChange: (event) => handleFiles(event.currentTarget.files, event),\n  });\n\n  return { getRootProps, getInputProps, inputRef: (el) => (inputEl = el), isDragActive, open };\n}\n"],"names":["acceptToString","accept","mime","exts","createDropzone","options","inputEl","isDragActive","setIsDragActive","createSignal","open","handleFiles","list","event","files","el"],"mappings":";AAoCA,SAASA,EAAeC,GAAuD;AAC7E,MAAKA;AACL,WAAI,OAAOA,KAAW,WAAiBA,IAChC,OAAO,QAAQA,CAAM,EACzB,QAAQ,CAAC,CAACC,GAAMC,CAAI,MAAM,CAACD,GAAM,GAAGC,CAAI,CAAC,EACzC,KAAK,GAAG;AACb;AAOO,SAASC,EAAeC,IAA2B,IAAmB;AAC3E,MAAIC;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAa,EAAK,GAEpDC,IAAO,MAAY;AACvB,IAAKL,EAAQ,YAAUC,GAAS,MAAA;AAAA,EAClC,GAEMK,IAAc,CAACC,GAAuBC,MAAuB;AACjE,QAAI,CAACD,EAAM;AACX,QAAIE,IAAQ,MAAM,KAAKF,CAAI;AAC3B,IAAIP,EAAQ,YAAYA,EAAQ,WAAW,UAAWS,EAAM,MAAM,GAAGT,EAAQ,QAAQ,IACrFA,EAAQ,SAASS,GAAOD,CAAK,GAC7BR,EAAQ,iBAAiBS,GAAOD,CAAK;AAAA,EACvC;AAyBA,SAAO,EAAE,cAvBY,OAA0B;AAAA,IAC7C,SAAS,MAAMH,EAAA;AAAA,IACf,YAAY,CAACG,MAAU;AACrB,MAAAA,EAAM,eAAA,GACDR,EAAQ,YAAUG,EAAgB,EAAI;AAAA,IAC7C;AAAA,IACA,aAAa,MAAMA,EAAgB,EAAK;AAAA,IACxC,QAAQ,CAACK,MAAU;AACjB,MAAAA,EAAM,eAAA,GACNL,EAAgB,EAAK,GAChBH,EAAQ,YAAUM,EAAYE,EAAM,cAAc,SAAS,MAAMA,CAAK;AAAA,IAC7E;AAAA,EAAA,IAYqB,eATD,OAA2B;AAAA,IAC/C,MAAM;AAAA,IACN,UAAUR,EAAQ;AAAA,IAClB,QAAQL,EAAeK,EAAQ,MAAM;AAAA,IACrC,UAAUA,EAAQ;AAAA,IAClB,OAAO,EAAE,SAAS,OAAA;AAAA,IAClB,UAAU,CAACQ,MAAUF,EAAYE,EAAM,cAAc,OAAOA,CAAK;AAAA,EAAA,IAG7B,UAAU,CAACE,MAAQT,IAAUS,GAAK,cAAAR,GAAc,MAAAG,EAAA;AACxF;"}

package/dist/primitives/createFloating.d.ts

@@ -0,0 +1,28 @@
+import { type Middleware, type Placement, type ReferenceElement, type Strategy } from "@floating-ui/dom";
+import { type Accessor, type JSX } from "solid-js";
+export interface CreateFloatingOptions {
+    /** Reactive desired placement. */
+    placement?: Accessor<Placement | undefined>;
+    /** Reactive middleware list. Falsy entries are ignored. */
+    middleware?: Accessor<Array<Middleware | false | null | undefined>>;
+    strategy?: Strategy;
+}
+export interface FloatingState {
+    setReference: (el: ReferenceElement | null) => void;
+    setFloating: (el: HTMLElement | null) => void;
+    reference: Accessor<ReferenceElement | null>;
+    floating: Accessor<HTMLElement | null>;
+    x: Accessor<number>;
+    y: Accessor<number>;
+    placement: Accessor<Placement>;
+    floatingStyles: Accessor<JSX.CSSProperties>;
+    update: () => void;
+}
+/**
+ * Framework-agnostic `@floating-ui/dom` wrapper — the Solid replacement for
+ * `@floating-ui/react`'s `useFloating`. Recomputes position via `autoUpdate`
+ * (scroll/resize/layout) while both elements are mounted, and re-subscribes
+ * when the reactive placement/middleware change. Exposes transform-based
+ * `floatingStyles` matching the React adapter.
+ */
+export declare function createFloating(options?: CreateFloatingOptions): FloatingState;

package/dist/primitives/createFloating.js

@@ -0,0 +1,31 @@
+import { autoUpdate as b, computePosition as h } from "@floating-ui/dom";
+import { createSignal as a, createEffect as w, onCleanup as S } from "solid-js";
+function $(t = {}) {
+  const s = t.strategy ?? "absolute", [o, d] = a(null), [l, i] = a(null), [f, p] = a(0), [m, g] = a(0), [y, x] = a(t.placement?.() ?? "bottom"), u = () => {
+    const e = o(), n = l();
+    if (!e || !n) return;
+    const c = (t.middleware?.() ?? []).filter(Boolean);
+    h(e, n, {
+      placement: t.placement?.() ?? "bottom",
+      strategy: s,
+      middleware: c
+    }).then((r) => {
+      p(r.x), g(r.y), x(r.placement);
+    });
+  };
+  return w(() => {
+    const e = o(), n = l();
+    if (t.placement?.(), t.middleware?.(), !e || !n) return;
+    const c = b(e, n, u);
+    S(c);
+  }), { setReference: d, setFloating: i, reference: o, floating: l, x: f, y: m, placement: y, floatingStyles: () => ({
+    position: s,
+    top: "0",
+    left: "0",
+    transform: `translate(${Math.round(f())}px, ${Math.round(m())}px)`
+  }), update: u };
+}
+export {
+  $ as createFloating
+};
+//# sourceMappingURL=createFloating.js.map

package/dist/primitives/createFloating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFloating.js","sources":["../../src/primitives/createFloating.ts"],"sourcesContent":["import {\n  type Middleware,\n  type Placement,\n  type ReferenceElement,\n  type Strategy,\n  autoUpdate,\n  computePosition,\n} from \"@floating-ui/dom\";\nimport { type Accessor, type JSX, createEffect, createSignal, onCleanup } from \"solid-js\";\n\nexport interface CreateFloatingOptions {\n  /** Reactive desired placement. */\n  placement?: Accessor<Placement | undefined>;\n  /** Reactive middleware list. Falsy entries are ignored. */\n  middleware?: Accessor<Array<Middleware | false | null | undefined>>;\n  strategy?: Strategy;\n}\n\nexport interface FloatingState {\n  setReference: (el: ReferenceElement | null) => void;\n  setFloating: (el: HTMLElement | null) => void;\n  reference: Accessor<ReferenceElement | null>;\n  floating: Accessor<HTMLElement | null>;\n  x: Accessor<number>;\n  y: Accessor<number>;\n  placement: Accessor<Placement>;\n  floatingStyles: Accessor<JSX.CSSProperties>;\n  update: () => void;\n}\n\n/**\n * Framework-agnostic `@floating-ui/dom` wrapper — the Solid replacement for\n * `@floating-ui/react`'s `useFloating`. Recomputes position via `autoUpdate`\n * (scroll/resize/layout) while both elements are mounted, and re-subscribes\n * when the reactive placement/middleware change. Exposes transform-based\n * `floatingStyles` matching the React adapter.\n */\nexport function createFloating(options: CreateFloatingOptions = {}): FloatingState {\n  const strategy: Strategy = options.strategy ?? \"absolute\";\n  const [reference, setReference] = createSignal<ReferenceElement | null>(null);\n  const [floating, setFloating] = createSignal<HTMLElement | null>(null);\n  const [x, setX] = createSignal(0);\n  const [y, setY] = createSignal(0);\n  const [placement, setPlacement] = createSignal<Placement>(options.placement?.() ?? \"bottom\");\n\n  const update = (): void => {\n    const ref = reference();\n    const float = floating();\n    if (!ref || !float) return;\n    const middleware = (options.middleware?.() ?? []).filter(Boolean) as Middleware[];\n    void computePosition(ref, float, {\n      placement: options.placement?.() ?? \"bottom\",\n      strategy,\n      middleware,\n    }).then((position) => {\n      setX(position.x);\n      setY(position.y);\n      setPlacement(position.placement);\n    });\n  };\n\n  createEffect(() => {\n    const ref = reference();\n    const float = floating();\n    // Track reactive options so the subscription restarts when they change.\n    options.placement?.();\n    options.middleware?.();\n    if (!ref || !float) return;\n    const cleanup = autoUpdate(ref, float, update);\n    onCleanup(cleanup);\n  });\n\n  const floatingStyles = (): JSX.CSSProperties => ({\n    position: strategy,\n    top: \"0\",\n    left: \"0\",\n    transform: `translate(${Math.round(x())}px, ${Math.round(y())}px)`,\n  });\n\n  return { setReference, setFloating, reference, floating, x, y, placement, floatingStyles, update };\n}\n"],"names":["createFloating","options","strategy","reference","setReference","createSignal","floating","setFloating","x","setX","y","setY","placement","setPlacement","update","ref","float","middleware","computePosition","position","createEffect","cleanup","autoUpdate","onCleanup"],"mappings":";;AAqCO,SAASA,EAAeC,IAAiC,IAAmB;AACjF,QAAMC,IAAqBD,EAAQ,YAAY,YACzC,CAACE,GAAWC,CAAY,IAAIC,EAAsC,IAAI,GACtE,CAACC,GAAUC,CAAW,IAAIF,EAAiC,IAAI,GAC/D,CAACG,GAAGC,CAAI,IAAIJ,EAAa,CAAC,GAC1B,CAACK,GAAGC,CAAI,IAAIN,EAAa,CAAC,GAC1B,CAACO,GAAWC,CAAY,IAAIR,EAAwBJ,EAAQ,YAAA,KAAiB,QAAQ,GAErFa,IAAS,MAAY;AACzB,UAAMC,IAAMZ,EAAA,GACNa,IAAQV,EAAA;AACd,QAAI,CAACS,KAAO,CAACC,EAAO;AACpB,UAAMC,KAAchB,EAAQ,aAAA,KAAkB,CAAA,GAAI,OAAO,OAAO;AAChE,IAAKiB,EAAgBH,GAAKC,GAAO;AAAA,MAC/B,WAAWf,EAAQ,YAAA,KAAiB;AAAA,MACpC,UAAAC;AAAA,MACA,YAAAe;AAAA,IAAA,CACD,EAAE,KAAK,CAACE,MAAa;AACpB,MAAAV,EAAKU,EAAS,CAAC,GACfR,EAAKQ,EAAS,CAAC,GACfN,EAAaM,EAAS,SAAS;AAAA,IACjC,CAAC;AAAA,EACH;AAEA,SAAAC,EAAa,MAAM;AACjB,UAAML,IAAMZ,EAAA,GACNa,IAAQV,EAAA;AAId,QAFAL,EAAQ,YAAA,GACRA,EAAQ,aAAA,GACJ,CAACc,KAAO,CAACC,EAAO;AACpB,UAAMK,IAAUC,EAAWP,GAAKC,GAAOF,CAAM;AAC7C,IAAAS,EAAUF,CAAO;AAAA,EACnB,CAAC,GASM,EAAE,cAAAjB,GAAc,aAAAG,GAAa,WAAAJ,GAAW,UAAAG,GAAU,GAAAE,GAAG,GAAAE,GAAG,WAAAE,GAAW,gBAPnD,OAA0B;AAAA,IAC/C,UAAUV;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,WAAW,aAAa,KAAK,MAAMM,EAAA,CAAG,CAAC,OAAO,KAAK,MAAME,EAAA,CAAG,CAAC;AAAA,EAAA,IAG2B,QAAAI,EAAA;AAC5F;"}

package/dist/primitives/createFocusTrap.d.ts

@@ -0,0 +1,17 @@
+import { type Accessor } from "solid-js";
+export interface CreateFocusTrapOptions {
+    /** Trap is active only while this returns true. */
+    active: Accessor<boolean>;
+    /** The element whose focusable descendants are trapped. */
+    container: Accessor<HTMLElement | undefined>;
+    /** Restore focus to the previously focused element on deactivate. */
+    restoreFocus?: boolean;
+    /** Focus the first focusable element on activate. */
+    autoFocus?: boolean;
+}
+/**
+ * Confines Tab/Shift+Tab focus within `container` while `active`. Restores
+ * focus to the previously focused element on teardown. Solid port of
+ * summer-ui's useFocusTrap.
+ */
+export declare function createFocusTrap(options: CreateFocusTrapOptions): void;