@data-slot/ui 0.2.129 → 0.2.132

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Headless UI components for vanilla JavaScript. Tiny, accessible, unstyled.
4
4
 
5
- **Subpaths range from 614 B to 6.2 KB gzipped** (ESM `dist/index.js`). Zero dependencies. Tree-shakeable.
5
+ **Convenience subpaths stay tiny and tree-shake cleanly.** Zero dependencies.
6
6
 
7
7
  ## Installation
8
8
 
@@ -16,21 +16,22 @@ This is a convenience package that re-exports all `@data-slot/*` packages:
16
16
 
17
17
  | Package | Size | Description |
18
18
  |---------|------|-------------|
19
- | `@data-slot/navigation-menu` | 6.2 KB | Dropdown navigation menus |
20
- | `@data-slot/core` | 4.5 KB | Shared utilities |
21
- | `@data-slot/command` | 4.6 KB | Command palette with ranked search |
22
- | `@data-slot/combobox` | 3.7 KB | Autocomplete input with filtering |
23
- | `@data-slot/select` | 3.7 KB | Select input with keyboard navigation |
24
- | `@data-slot/dropdown-menu` | 2.4 KB | Action menus with keyboard navigation |
25
- | `@data-slot/hover-card` | 2.0 KB | Hover/focus preview cards |
26
- | `@data-slot/tabs` | 1.8 KB | Tabbed interfaces with keyboard nav |
27
- | `@data-slot/popover` | 1.8 KB | Anchored floating content |
28
- | `@data-slot/dialog` | 1.8 KB | Modal dialogs with focus management |
29
- | `@data-slot/toggle-group` | 1.5 KB | Single/multi toggle groups |
30
- | `@data-slot/collapsible` | 1.5 KB | Simple show/hide toggle |
31
- | `@data-slot/accordion` | 1.3 KB | Collapsible content sections |
32
- | `@data-slot/tooltip` | 1.1 KB | Hover/focus tooltips |
33
- | `@data-slot/toggle` | 614 B | Pressed-state toggle button |
19
+ | `@data-slot/navigation-menu` | 7.2 KB | Dropdown navigation menus |
20
+ | `@data-slot/core` | 5.5 KB | Shared utilities |
21
+ | `@data-slot/command` | 4.7 KB | Command palette with ranked search |
22
+ | `@data-slot/combobox` | 4.5 KB | Autocomplete input with filtering |
23
+ | `@data-slot/select` | 4.0 KB | Select input with keyboard navigation |
24
+ | `@data-slot/dropdown-menu` | 2.7 KB | Action menus with keyboard navigation |
25
+ | `@data-slot/hover-card` | 2.6 KB | Hover/focus preview cards |
26
+ | `@data-slot/tabs` | 2.3 KB | Tabbed interfaces with keyboard nav |
27
+ | `@data-slot/tooltip` | 2.2 KB | Hover/focus tooltips |
28
+ | `@data-slot/popover` | 2.0 KB | Anchored floating content |
29
+ | `@data-slot/dialog` | 1.9 KB | Modal dialogs with focus management |
30
+ | `@data-slot/alert-dialog` | 1.8 KB | Blocking confirmation dialogs |
31
+ | `@data-slot/toggle-group` | 1.7 KB | Single/multi toggle groups |
32
+ | `@data-slot/collapsible` | 1.6 KB | Simple show/hide toggle |
33
+ | `@data-slot/accordion` | 1.4 KB | Collapsible content sections |
34
+ | `@data-slot/toggle` | 740 B | Pressed-state toggle button |
34
35
 
35
36
  ## Usage
36
37
 
@@ -47,6 +48,7 @@ Available subpaths:
47
48
  - `@data-slot/ui/core`
48
49
  - `@data-slot/ui/tabs`
49
50
  - `@data-slot/ui/dialog`
51
+ - `@data-slot/ui/alert-dialog`
50
52
  - `@data-slot/ui/accordion`
51
53
  - `@data-slot/ui/popover`
52
54
  - `@data-slot/ui/hover-card`
@@ -65,12 +67,13 @@ Available subpaths:
65
67
  For the smallest bundle, install and import specific packages:
66
68
 
67
69
  ```bash
68
- npm install @data-slot/tabs @data-slot/dialog
70
+ npm install @data-slot/tabs @data-slot/dialog @data-slot/alert-dialog
69
71
  ```
70
72
 
71
73
  ```typescript
72
74
  import { create } from "@data-slot/tabs";
73
75
  import { createDialog } from "@data-slot/dialog";
76
+ import { createAlertDialog } from "@data-slot/alert-dialog";
74
77
  ```
75
78
 
76
79
  ### Barrel Import
@@ -78,7 +81,7 @@ import { createDialog } from "@data-slot/dialog";
78
81
  Import everything (larger bundle):
79
82
 
80
83
  ```typescript
81
- import { createTabs, createDialog, createAccordion } from "@data-slot/ui";
84
+ import { createTabs, createDialog, createAlertDialog } from "@data-slot/ui";
82
85
  ```
83
86
 
84
87
  ## Quick Start
@@ -153,6 +156,7 @@ With Tailwind:
153
156
  |--------|---------|
154
157
  | `createTabs` | @data-slot/tabs |
155
158
  | `createDialog` | @data-slot/dialog |
159
+ | `createAlertDialog` | @data-slot/alert-dialog |
156
160
  | `createAccordion` | @data-slot/accordion |
157
161
  | `createPopover` | @data-slot/popover |
158
162
  | `createHoverCard` | @data-slot/hover-card |
@@ -168,6 +172,7 @@ With Tailwind:
168
172
  |--------|---------|
169
173
  | `TabsOptions`, `TabsController` | @data-slot/tabs |
170
174
  | `DialogOptions`, `DialogController` | @data-slot/dialog |
175
+ | `AlertDialogOptions`, `AlertDialogController` | @data-slot/alert-dialog |
171
176
  | `AccordionOptions`, `AccordionController` | @data-slot/accordion |
172
177
  | `PopoverOptions`, `PopoverController` | @data-slot/popover |
173
178
  | `HoverCardOptions`, `HoverCardController` | @data-slot/hover-card |
@@ -0,0 +1 @@
1
+ var e=require(`@data-slot/alert-dialog`);Object.keys(e).forEach(function(t){t!==`default`&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})});
@@ -0,0 +1,2 @@
1
+ import { i as createAlertDialog, n as AlertDialogOptions, r as create, t as AlertDialogController } from "./index2.cjs";
2
+ export { AlertDialogController, AlertDialogOptions, create, createAlertDialog };
@@ -0,0 +1,2 @@
1
+ import { i as createAlertDialog, n as AlertDialogOptions, r as create, t as AlertDialogController } from "./index2.js";
2
+ export { AlertDialogController, AlertDialogOptions, create, createAlertDialog };
@@ -0,0 +1 @@
1
+ export*from"@data-slot/alert-dialog";export{};
@@ -1,2 +1,2 @@
1
- import { i as createCollapsible, n as CollapsibleOptions, r as create, t as CollapsibleController } from "./index2.cjs";
1
+ import { i as createCollapsible, n as CollapsibleOptions, r as create, t as CollapsibleController } from "./index3.cjs";
2
2
  export { CollapsibleController, CollapsibleOptions, create, createCollapsible };
@@ -1,2 +1,2 @@
1
- import { i as createCollapsible, n as CollapsibleOptions, r as create, t as CollapsibleController } from "./index2.js";
1
+ import { i as createCollapsible, n as CollapsibleOptions, r as create, t as CollapsibleController } from "./index3.js";
2
2
  export { CollapsibleController, CollapsibleOptions, create, createCollapsible };
@@ -1,2 +1,2 @@
1
- import { a as createCommand, i as create, n as CommandFilter, r as CommandOptions, t as CommandController } from "./index3.cjs";
1
+ import { a as createCommand, i as create, n as CommandFilter, r as CommandOptions, t as CommandController } from "./index4.cjs";
2
2
  export { CommandController, CommandFilter, CommandOptions, create, createCommand };
package/dist/command.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import { a as createCommand, i as create, n as CommandFilter, r as CommandOptions, t as CommandController } from "./index3.js";
1
+ import { a as createCommand, i as create, n as CommandFilter, r as CommandOptions, t as CommandController } from "./index4.js";
2
2
  export { CommandController, CommandFilter, CommandOptions, create, createCommand };
package/dist/core.d.cts CHANGED
@@ -1,2 +1,2 @@
1
- import { A as ensureId, B as getPart, C as getFloatingTransformOriginAnchor, D as composeHandlers, E as unlockScroll, F as containsWithPortals, G as portalToBody, H as getRootBinding, I as getDataBool, J as setRootBinding, K as restorePortal, L as getDataEnum, M as setAria, N as PortalState, O as emit, P as clearRootBinding, R as getDataNumber, S as focusElement, T as lockScroll, U as getRoots, V as getParts, W as hasRootBinding, Y as warnRootBindingOnce, _ as createDismissLayer, a as FloatingTransformOriginAnchor, b as createPresenceLifecycle, c as PopupSide, d as PositionSyncController, f as PositionSyncOptions, g as computeFloatingTransformOrigin, h as computeFloatingPosition, i as FloatingPosition, j as linkLabelledBy, k as on, l as PortalLifecycleController, m as PresenceLifecycleOptions, n as ComputeFloatingTransformOriginInput, o as PopupAlign, p as PresenceLifecycleController, q as reuseRootBinding, r as DismissLayerOptions, s as PopupPlacementOptions, t as ComputeFloatingPositionInput, u as PortalLifecycleOptions, v as createPortalLifecycle, w as measurePopupContentRect, x as ensureItemVisibleInContainer, y as createPositionSync, z as getDataString } from "./popup.cjs";
2
- export { ComputeFloatingPositionInput, ComputeFloatingTransformOriginInput, DismissLayerOptions, FloatingPosition, FloatingTransformOriginAnchor, PopupAlign, PopupPlacementOptions, PopupSide, PortalLifecycleController, PortalLifecycleOptions, PortalState, PositionSyncController, PositionSyncOptions, PresenceLifecycleController, PresenceLifecycleOptions, clearRootBinding, composeHandlers, computeFloatingPosition, computeFloatingTransformOrigin, containsWithPortals, createDismissLayer, createPortalLifecycle, createPositionSync, createPresenceLifecycle, emit, ensureId, ensureItemVisibleInContainer, focusElement, getDataBool, getDataEnum, getDataNumber, getDataString, getFloatingTransformOriginAnchor, getPart, getParts, getRootBinding, getRoots, hasRootBinding, linkLabelledBy, lockScroll, measurePopupContentRect, on, portalToBody, restorePortal, reuseRootBinding, setAria, setRootBinding, unlockScroll, warnRootBindingOnce };
1
+ import { A as composeHandlers, B as getDataEnum, C as createPresenceLifecycle, D as measurePopupContentRect, E as getFloatingTransformOriginAnchor, F as setAria, G as getRootBinding, H as getDataString, I as PortalState, J as portalToBody, K as getRoots, L as clearRootBinding, M as on, N as ensureId, O as lockScroll, P as linkLabelledBy, Q as warnRootBindingOnce, R as containsWithPortals, S as createPositionSync, T as focusElement, U as getPart, V as getDataNumber, W as getParts, X as reuseRootBinding, Y as restorePortal, Z as setRootBinding, _ as computeFloatingPosition, a as FloatingTransformOriginAnchor, b as createModalStackItem, c as PopupAlign, d as PortalLifecycleController, f as PortalLifecycleOptions, g as PresenceLifecycleOptions, h as PresenceLifecycleController, i as FloatingPosition, j as emit, k as unlockScroll, l as PopupPlacementOptions, m as PositionSyncOptions, n as ComputeFloatingTransformOriginInput, o as ModalStackItemController, p as PositionSyncController, q as hasRootBinding, r as DismissLayerOptions, s as ModalStackItemOptions, t as ComputeFloatingPositionInput, u as PopupSide, v as computeFloatingTransformOrigin, w as ensureItemVisibleInContainer, x as createPortalLifecycle, y as createDismissLayer, z as getDataBool } from "./popup.cjs";
2
+ export { ComputeFloatingPositionInput, ComputeFloatingTransformOriginInput, DismissLayerOptions, FloatingPosition, FloatingTransformOriginAnchor, ModalStackItemController, ModalStackItemOptions, PopupAlign, PopupPlacementOptions, PopupSide, PortalLifecycleController, PortalLifecycleOptions, PortalState, PositionSyncController, PositionSyncOptions, PresenceLifecycleController, PresenceLifecycleOptions, clearRootBinding, composeHandlers, computeFloatingPosition, computeFloatingTransformOrigin, containsWithPortals, createDismissLayer, createModalStackItem, createPortalLifecycle, createPositionSync, createPresenceLifecycle, emit, ensureId, ensureItemVisibleInContainer, focusElement, getDataBool, getDataEnum, getDataNumber, getDataString, getFloatingTransformOriginAnchor, getPart, getParts, getRootBinding, getRoots, hasRootBinding, linkLabelledBy, lockScroll, measurePopupContentRect, on, portalToBody, restorePortal, reuseRootBinding, setAria, setRootBinding, unlockScroll, warnRootBindingOnce };
package/dist/core.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import { A as ensureId, B as getPart, C as getFloatingTransformOriginAnchor, D as composeHandlers, E as unlockScroll, F as containsWithPortals, G as portalToBody, H as getRootBinding, I as getDataBool, J as setRootBinding, K as restorePortal, L as getDataEnum, M as setAria, N as PortalState, O as emit, P as clearRootBinding, R as getDataNumber, S as focusElement, T as lockScroll, U as getRoots, V as getParts, W as hasRootBinding, Y as warnRootBindingOnce, _ as createDismissLayer, a as FloatingTransformOriginAnchor, b as createPresenceLifecycle, c as PopupSide, d as PositionSyncController, f as PositionSyncOptions, g as computeFloatingTransformOrigin, h as computeFloatingPosition, i as FloatingPosition, j as linkLabelledBy, k as on, l as PortalLifecycleController, m as PresenceLifecycleOptions, n as ComputeFloatingTransformOriginInput, o as PopupAlign, p as PresenceLifecycleController, q as reuseRootBinding, r as DismissLayerOptions, s as PopupPlacementOptions, t as ComputeFloatingPositionInput, u as PortalLifecycleOptions, v as createPortalLifecycle, w as measurePopupContentRect, x as ensureItemVisibleInContainer, y as createPositionSync, z as getDataString } from "./popup.js";
2
- export { ComputeFloatingPositionInput, ComputeFloatingTransformOriginInput, DismissLayerOptions, FloatingPosition, FloatingTransformOriginAnchor, PopupAlign, PopupPlacementOptions, PopupSide, PortalLifecycleController, PortalLifecycleOptions, PortalState, PositionSyncController, PositionSyncOptions, PresenceLifecycleController, PresenceLifecycleOptions, clearRootBinding, composeHandlers, computeFloatingPosition, computeFloatingTransformOrigin, containsWithPortals, createDismissLayer, createPortalLifecycle, createPositionSync, createPresenceLifecycle, emit, ensureId, ensureItemVisibleInContainer, focusElement, getDataBool, getDataEnum, getDataNumber, getDataString, getFloatingTransformOriginAnchor, getPart, getParts, getRootBinding, getRoots, hasRootBinding, linkLabelledBy, lockScroll, measurePopupContentRect, on, portalToBody, restorePortal, reuseRootBinding, setAria, setRootBinding, unlockScroll, warnRootBindingOnce };
1
+ import { A as composeHandlers, B as getDataEnum, C as createPresenceLifecycle, D as measurePopupContentRect, E as getFloatingTransformOriginAnchor, F as setAria, G as getRootBinding, H as getDataString, I as PortalState, J as portalToBody, K as getRoots, L as clearRootBinding, M as on, N as ensureId, O as lockScroll, P as linkLabelledBy, Q as warnRootBindingOnce, R as containsWithPortals, S as createPositionSync, T as focusElement, U as getPart, V as getDataNumber, W as getParts, X as reuseRootBinding, Y as restorePortal, Z as setRootBinding, _ as computeFloatingPosition, a as FloatingTransformOriginAnchor, b as createModalStackItem, c as PopupAlign, d as PortalLifecycleController, f as PortalLifecycleOptions, g as PresenceLifecycleOptions, h as PresenceLifecycleController, i as FloatingPosition, j as emit, k as unlockScroll, l as PopupPlacementOptions, m as PositionSyncOptions, n as ComputeFloatingTransformOriginInput, o as ModalStackItemController, p as PositionSyncController, q as hasRootBinding, r as DismissLayerOptions, s as ModalStackItemOptions, t as ComputeFloatingPositionInput, u as PopupSide, v as computeFloatingTransformOrigin, w as ensureItemVisibleInContainer, x as createPortalLifecycle, y as createDismissLayer, z as getDataBool } from "./popup.js";
2
+ export { ComputeFloatingPositionInput, ComputeFloatingTransformOriginInput, DismissLayerOptions, FloatingPosition, FloatingTransformOriginAnchor, ModalStackItemController, ModalStackItemOptions, PopupAlign, PopupPlacementOptions, PopupSide, PortalLifecycleController, PortalLifecycleOptions, PortalState, PositionSyncController, PositionSyncOptions, PresenceLifecycleController, PresenceLifecycleOptions, clearRootBinding, composeHandlers, computeFloatingPosition, computeFloatingTransformOrigin, containsWithPortals, createDismissLayer, createModalStackItem, createPortalLifecycle, createPositionSync, createPresenceLifecycle, emit, ensureId, ensureItemVisibleInContainer, focusElement, getDataBool, getDataEnum, getDataNumber, getDataString, getFloatingTransformOriginAnchor, getPart, getParts, getRootBinding, getRoots, hasRootBinding, linkLabelledBy, lockScroll, measurePopupContentRect, on, portalToBody, restorePortal, reuseRootBinding, setAria, setRootBinding, unlockScroll, warnRootBindingOnce };
package/dist/dialog.d.cts CHANGED
@@ -1,2 +1,2 @@
1
- import { i as createDialog, n as DialogOptions, r as create, t as DialogController } from "./index4.cjs";
1
+ import { i as createDialog, n as DialogOptions, r as create, t as DialogController } from "./index5.cjs";
2
2
  export { DialogController, DialogOptions, create, createDialog };
package/dist/dialog.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import { i as createDialog, n as DialogOptions, r as create, t as DialogController } from "./index4.js";
1
+ import { i as createDialog, n as DialogOptions, r as create, t as DialogController } from "./index5.js";
2
2
  export { DialogController, DialogOptions, create, createDialog };
@@ -1,2 +1,2 @@
1
- import { a as HoverCardSide, i as HoverCardReason, n as HoverCardController, o as create, r as HoverCardOptions, s as createHoverCard, t as HoverCardAlign } from "./index5.cjs";
1
+ import { a as HoverCardSide, i as HoverCardReason, n as HoverCardController, o as create, r as HoverCardOptions, s as createHoverCard, t as HoverCardAlign } from "./index6.cjs";
2
2
  export { HoverCardAlign, HoverCardController, HoverCardOptions, HoverCardReason, HoverCardSide, create, createHoverCard };
@@ -1,2 +1,2 @@
1
- import { a as HoverCardSide, i as HoverCardReason, n as HoverCardController, o as create, r as HoverCardOptions, s as createHoverCard, t as HoverCardAlign } from "./index5.js";
1
+ import { a as HoverCardSide, i as HoverCardReason, n as HoverCardController, o as create, r as HoverCardOptions, s as createHoverCard, t as HoverCardAlign } from "./index6.js";
2
2
  export { HoverCardAlign, HoverCardController, HoverCardOptions, HoverCardReason, HoverCardSide, create, createHoverCard };
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@data-slot/accordion`),t=require(`@data-slot/collapsible`),n=require(`@data-slot/combobox`),r=require(`@data-slot/command`),i=require(`@data-slot/dialog`),a=require(`@data-slot/dropdown-menu`),o=require(`@data-slot/hover-card`),s=require(`@data-slot/tabs`),c=require(`@data-slot/popover`),l=require(`@data-slot/tooltip`),u=require(`@data-slot/navigation-menu`);Object.defineProperty(exports,`createAccordion`,{enumerable:!0,get:function(){return e.createAccordion}}),Object.defineProperty(exports,`createCollapsible`,{enumerable:!0,get:function(){return t.createCollapsible}}),Object.defineProperty(exports,`createCombobox`,{enumerable:!0,get:function(){return n.createCombobox}}),Object.defineProperty(exports,`createCommand`,{enumerable:!0,get:function(){return r.createCommand}}),Object.defineProperty(exports,`createDialog`,{enumerable:!0,get:function(){return i.createDialog}}),Object.defineProperty(exports,`createDropdownMenu`,{enumerable:!0,get:function(){return a.createDropdownMenu}}),Object.defineProperty(exports,`createHoverCard`,{enumerable:!0,get:function(){return o.createHoverCard}}),Object.defineProperty(exports,`createNavigationMenu`,{enumerable:!0,get:function(){return u.createNavigationMenu}}),Object.defineProperty(exports,`createPopover`,{enumerable:!0,get:function(){return c.createPopover}}),Object.defineProperty(exports,`createTabs`,{enumerable:!0,get:function(){return s.createTabs}}),Object.defineProperty(exports,`createTooltip`,{enumerable:!0,get:function(){return l.createTooltip}});var d=require(`@data-slot/core`);Object.keys(d).forEach(function(e){e!==`default`&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return d[e]}})});
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@data-slot/accordion`),t=require(`@data-slot/alert-dialog`),n=require(`@data-slot/collapsible`),r=require(`@data-slot/combobox`),i=require(`@data-slot/command`),a=require(`@data-slot/dialog`),o=require(`@data-slot/dropdown-menu`),s=require(`@data-slot/hover-card`),c=require(`@data-slot/tabs`),l=require(`@data-slot/popover`),u=require(`@data-slot/tooltip`),d=require(`@data-slot/navigation-menu`);Object.defineProperty(exports,`createAccordion`,{enumerable:!0,get:function(){return e.createAccordion}}),Object.defineProperty(exports,`createAlertDialog`,{enumerable:!0,get:function(){return t.createAlertDialog}}),Object.defineProperty(exports,`createCollapsible`,{enumerable:!0,get:function(){return n.createCollapsible}}),Object.defineProperty(exports,`createCombobox`,{enumerable:!0,get:function(){return r.createCombobox}}),Object.defineProperty(exports,`createCommand`,{enumerable:!0,get:function(){return i.createCommand}}),Object.defineProperty(exports,`createDialog`,{enumerable:!0,get:function(){return a.createDialog}}),Object.defineProperty(exports,`createDropdownMenu`,{enumerable:!0,get:function(){return o.createDropdownMenu}}),Object.defineProperty(exports,`createHoverCard`,{enumerable:!0,get:function(){return s.createHoverCard}}),Object.defineProperty(exports,`createNavigationMenu`,{enumerable:!0,get:function(){return d.createNavigationMenu}}),Object.defineProperty(exports,`createPopover`,{enumerable:!0,get:function(){return l.createPopover}}),Object.defineProperty(exports,`createTabs`,{enumerable:!0,get:function(){return c.createTabs}}),Object.defineProperty(exports,`createTooltip`,{enumerable:!0,get:function(){return u.createTooltip}});var f=require(`@data-slot/core`);Object.keys(f).forEach(function(e){e!==`default`&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return f[e]}})});
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import{createAccordion as e}from"@data-slot/accordion";import{createCollapsible as t}from"@data-slot/collapsible";import{createCombobox as n}from"@data-slot/combobox";import{createCommand as r}from"@data-slot/command";import{createDialog as i}from"@data-slot/dialog";import{createDropdownMenu as a}from"@data-slot/dropdown-menu";import{createHoverCard as o}from"@data-slot/hover-card";import{createTabs as s}from"@data-slot/tabs";import{createPopover as c}from"@data-slot/popover";import{createTooltip as l}from"@data-slot/tooltip";import{createNavigationMenu as u}from"@data-slot/navigation-menu";export*from"@data-slot/core";export{e as createAccordion,t as createCollapsible,n as createCombobox,r as createCommand,i as createDialog,a as createDropdownMenu,o as createHoverCard,u as createNavigationMenu,c as createPopover,s as createTabs,l as createTooltip};
1
+ import{createAccordion as e}from"@data-slot/accordion";import{createAlertDialog as t}from"@data-slot/alert-dialog";import{createCollapsible as n}from"@data-slot/collapsible";import{createCombobox as r}from"@data-slot/combobox";import{createCommand as i}from"@data-slot/command";import{createDialog as a}from"@data-slot/dialog";import{createDropdownMenu as o}from"@data-slot/dropdown-menu";import{createHoverCard as s}from"@data-slot/hover-card";import{createTabs as c}from"@data-slot/tabs";import{createPopover as l}from"@data-slot/popover";import{createTooltip as u}from"@data-slot/tooltip";import{createNavigationMenu as d}from"@data-slot/navigation-menu";export*from"@data-slot/core";export{e as createAccordion,t as createAlertDialog,n as createCollapsible,r as createCombobox,i as createCommand,a as createDialog,o as createDropdownMenu,s as createHoverCard,d as createNavigationMenu,l as createPopover,c as createTabs,u as createTooltip};
@@ -0,0 +1,14 @@
1
+ import { i as createAccordion, n as AccordionOptions, t as AccordionController } from "./index.cjs";
2
+ import { i as createAlertDialog, n as AlertDialogOptions, t as AlertDialogController } from "./index2.cjs";
3
+ import { i as createCollapsible, n as CollapsibleOptions, t as CollapsibleController } from "./index3.cjs";
4
+ import { a as createCommand, n as CommandFilter, r as CommandOptions, t as CommandController } from "./index4.cjs";
5
+ import { A as composeHandlers, B as getDataEnum, C as createPresenceLifecycle, D as measurePopupContentRect, E as getFloatingTransformOriginAnchor, F as setAria, G as getRootBinding, H as getDataString, I as PortalState, J as portalToBody, K as getRoots, L as clearRootBinding, M as on, N as ensureId, O as lockScroll, P as linkLabelledBy, Q as warnRootBindingOnce, R as containsWithPortals, S as createPositionSync, T as focusElement, U as getPart, V as getDataNumber, W as getParts, X as reuseRootBinding, Y as restorePortal, Z as setRootBinding, _ as computeFloatingPosition, a as FloatingTransformOriginAnchor, b as createModalStackItem, c as PopupAlign, d as PortalLifecycleController, f as PortalLifecycleOptions, g as PresenceLifecycleOptions, h as PresenceLifecycleController, i as FloatingPosition, j as emit, k as unlockScroll, l as PopupPlacementOptions, m as PositionSyncOptions, n as ComputeFloatingTransformOriginInput, o as ModalStackItemController, p as PositionSyncController, q as hasRootBinding, r as DismissLayerOptions, s as ModalStackItemOptions, t as ComputeFloatingPositionInput, u as PopupSide, v as computeFloatingTransformOrigin, w as ensureItemVisibleInContainer, x as createPortalLifecycle, y as createDismissLayer, z as getDataBool } from "./popup.cjs";
6
+ import { i as createDialog, n as DialogOptions, t as DialogController } from "./index5.cjs";
7
+ import { n as HoverCardController, r as HoverCardOptions, s as createHoverCard } from "./index6.cjs";
8
+ import { i as createTabs, n as TabsOptions, t as TabsController } from "./index7.cjs";
9
+ import { n as PopoverController, r as PopoverOptions, s as createPopover } from "./index8.cjs";
10
+ import { n as TooltipController, r as TooltipOptions, s as createTooltip } from "./index9.cjs";
11
+ import { ComboboxController, ComboboxOptions, createCombobox } from "@data-slot/combobox";
12
+ import { DropdownMenuController, DropdownMenuOptions, createDropdownMenu } from "@data-slot/dropdown-menu";
13
+ import { NavigationMenuController, NavigationMenuOptions, createNavigationMenu } from "@data-slot/navigation-menu";
14
+ export { type AccordionController, type AccordionOptions, type AlertDialogController, type AlertDialogOptions, type CollapsibleController, type CollapsibleOptions, type ComboboxController, type ComboboxOptions, type CommandController, type CommandFilter, type CommandOptions, ComputeFloatingPositionInput, ComputeFloatingTransformOriginInput, type DialogController, type DialogOptions, DismissLayerOptions, type DropdownMenuController, type DropdownMenuOptions, FloatingPosition, FloatingTransformOriginAnchor, type HoverCardController, type HoverCardOptions, ModalStackItemController, ModalStackItemOptions, type NavigationMenuController, type NavigationMenuOptions, type PopoverController, type PopoverOptions, PopupAlign, PopupPlacementOptions, PopupSide, PortalLifecycleController, PortalLifecycleOptions, PortalState, PositionSyncController, PositionSyncOptions, PresenceLifecycleController, PresenceLifecycleOptions, type TabsController, type TabsOptions, type TooltipController, type TooltipOptions, clearRootBinding, composeHandlers, computeFloatingPosition, computeFloatingTransformOrigin, containsWithPortals, createAccordion, createAlertDialog, createCollapsible, createCombobox, createCommand, createDialog, createDismissLayer, createDropdownMenu, createHoverCard, createModalStackItem, createNavigationMenu, createPopover, createPortalLifecycle, createPositionSync, createPresenceLifecycle, createTabs, createTooltip, emit, ensureId, ensureItemVisibleInContainer, focusElement, getDataBool, getDataEnum, getDataNumber, getDataString, getFloatingTransformOriginAnchor, getPart, getParts, getRootBinding, getRoots, hasRootBinding, linkLabelledBy, lockScroll, measurePopupContentRect, on, portalToBody, restorePortal, reuseRootBinding, setAria, setRootBinding, unlockScroll, warnRootBindingOnce };
@@ -0,0 +1,14 @@
1
+ import { i as createAccordion, n as AccordionOptions, t as AccordionController } from "./index.js";
2
+ import { i as createAlertDialog, n as AlertDialogOptions, t as AlertDialogController } from "./index2.js";
3
+ import { i as createCollapsible, n as CollapsibleOptions, t as CollapsibleController } from "./index3.js";
4
+ import { a as createCommand, n as CommandFilter, r as CommandOptions, t as CommandController } from "./index4.js";
5
+ import { A as composeHandlers, B as getDataEnum, C as createPresenceLifecycle, D as measurePopupContentRect, E as getFloatingTransformOriginAnchor, F as setAria, G as getRootBinding, H as getDataString, I as PortalState, J as portalToBody, K as getRoots, L as clearRootBinding, M as on, N as ensureId, O as lockScroll, P as linkLabelledBy, Q as warnRootBindingOnce, R as containsWithPortals, S as createPositionSync, T as focusElement, U as getPart, V as getDataNumber, W as getParts, X as reuseRootBinding, Y as restorePortal, Z as setRootBinding, _ as computeFloatingPosition, a as FloatingTransformOriginAnchor, b as createModalStackItem, c as PopupAlign, d as PortalLifecycleController, f as PortalLifecycleOptions, g as PresenceLifecycleOptions, h as PresenceLifecycleController, i as FloatingPosition, j as emit, k as unlockScroll, l as PopupPlacementOptions, m as PositionSyncOptions, n as ComputeFloatingTransformOriginInput, o as ModalStackItemController, p as PositionSyncController, q as hasRootBinding, r as DismissLayerOptions, s as ModalStackItemOptions, t as ComputeFloatingPositionInput, u as PopupSide, v as computeFloatingTransformOrigin, w as ensureItemVisibleInContainer, x as createPortalLifecycle, y as createDismissLayer, z as getDataBool } from "./popup.js";
6
+ import { i as createDialog, n as DialogOptions, t as DialogController } from "./index5.js";
7
+ import { n as HoverCardController, r as HoverCardOptions, s as createHoverCard } from "./index6.js";
8
+ import { i as createTabs, n as TabsOptions, t as TabsController } from "./index7.js";
9
+ import { n as PopoverController, r as PopoverOptions, s as createPopover } from "./index8.js";
10
+ import { n as TooltipController, r as TooltipOptions, s as createTooltip } from "./index9.js";
11
+ import { ComboboxController, ComboboxOptions, createCombobox } from "@data-slot/combobox";
12
+ import { DropdownMenuController, DropdownMenuOptions, createDropdownMenu } from "@data-slot/dropdown-menu";
13
+ import { NavigationMenuController, NavigationMenuOptions, createNavigationMenu } from "@data-slot/navigation-menu";
14
+ export { type AccordionController, type AccordionOptions, type AlertDialogController, type AlertDialogOptions, type CollapsibleController, type CollapsibleOptions, type ComboboxController, type ComboboxOptions, type CommandController, type CommandFilter, type CommandOptions, ComputeFloatingPositionInput, ComputeFloatingTransformOriginInput, type DialogController, type DialogOptions, DismissLayerOptions, type DropdownMenuController, type DropdownMenuOptions, FloatingPosition, FloatingTransformOriginAnchor, type HoverCardController, type HoverCardOptions, ModalStackItemController, ModalStackItemOptions, type NavigationMenuController, type NavigationMenuOptions, type PopoverController, type PopoverOptions, PopupAlign, PopupPlacementOptions, PopupSide, PortalLifecycleController, PortalLifecycleOptions, PortalState, PositionSyncController, PositionSyncOptions, PresenceLifecycleController, PresenceLifecycleOptions, type TabsController, type TabsOptions, type TooltipController, type TooltipOptions, clearRootBinding, composeHandlers, computeFloatingPosition, computeFloatingTransformOrigin, containsWithPortals, createAccordion, createAlertDialog, createCollapsible, createCombobox, createCommand, createDialog, createDismissLayer, createDropdownMenu, createHoverCard, createModalStackItem, createNavigationMenu, createPopover, createPortalLifecycle, createPositionSync, createPresenceLifecycle, createTabs, createTooltip, emit, ensureId, ensureItemVisibleInContainer, focusElement, getDataBool, getDataEnum, getDataNumber, getDataString, getFloatingTransformOriginAnchor, getPart, getParts, getRootBinding, getRoots, hasRootBinding, linkLabelledBy, lockScroll, measurePopupContentRect, on, portalToBody, restorePortal, reuseRootBinding, setAria, setRootBinding, unlockScroll, warnRootBindingOnce };
package/dist/index2.d.cts CHANGED
@@ -1,46 +1,29 @@
1
- //#region ../collapsible/src/index.d.ts
2
- interface CollapsibleOptions {
1
+ //#region ../alert-dialog/src/index.d.ts
2
+ interface AlertDialogOptions {
3
3
  /** Initial open state */
4
4
  defaultOpen?: boolean;
5
- /**
6
- * Use hidden="until-found" when closed so browser find-in-page can reveal content.
7
- * @default false
8
- */
9
- hiddenUntilFound?: boolean;
10
- /**
11
- * Callback when open state changes.
12
- * Note: Not called on initial render, only on subsequent state changes.
13
- */
5
+ /** Callback when open state changes */
14
6
  onOpenChange?: (open: boolean) => void;
7
+ /** Close when clicking overlay */
8
+ closeOnClickOutside?: boolean;
9
+ /** Close when pressing Escape */
10
+ closeOnEscape?: boolean;
11
+ /** Lock body scroll when open */
12
+ lockScroll?: boolean;
15
13
  }
16
- interface CollapsibleController {
17
- /** Open the collapsible */
14
+ interface AlertDialogController {
15
+ /** Open the alert dialog */
18
16
  open(): void;
19
- /** Close the collapsible */
17
+ /** Close the alert dialog */
20
18
  close(): void;
21
- /** Toggle the collapsible */
19
+ /** Toggle the alert dialog */
22
20
  toggle(): void;
23
21
  /** Current open state */
24
22
  readonly isOpen: boolean;
25
23
  /** Cleanup all event listeners */
26
24
  destroy(): void;
27
25
  }
28
- /**
29
- * Create a collapsible controller for a root element
30
- *
31
- * Expected markup:
32
- * ```html
33
- * <div data-slot="collapsible">
34
- * <button data-slot="collapsible-trigger">Toggle</button>
35
- * <div data-slot="collapsible-content">Content here</div>
36
- * </div>
37
- * ```
38
- */
39
- declare function createCollapsible(root: Element, options?: CollapsibleOptions): CollapsibleController;
40
- /**
41
- * Find and bind all collapsible components in a scope
42
- * Returns array of controllers for programmatic access
43
- */
44
- declare function create(scope?: ParentNode): CollapsibleController[];
26
+ declare function createAlertDialog(root: Element, options?: AlertDialogOptions): AlertDialogController;
27
+ declare function create(scope?: ParentNode): AlertDialogController[];
45
28
  //#endregion
46
- export { createCollapsible as i, CollapsibleOptions as n, create as r, CollapsibleController as t };
29
+ export { createAlertDialog as i, AlertDialogOptions as n, create as r, AlertDialogController as t };
package/dist/index2.d.ts CHANGED
@@ -1,46 +1,29 @@
1
- //#region ../collapsible/src/index.d.ts
2
- interface CollapsibleOptions {
1
+ //#region ../alert-dialog/src/index.d.ts
2
+ interface AlertDialogOptions {
3
3
  /** Initial open state */
4
4
  defaultOpen?: boolean;
5
- /**
6
- * Use hidden="until-found" when closed so browser find-in-page can reveal content.
7
- * @default false
8
- */
9
- hiddenUntilFound?: boolean;
10
- /**
11
- * Callback when open state changes.
12
- * Note: Not called on initial render, only on subsequent state changes.
13
- */
5
+ /** Callback when open state changes */
14
6
  onOpenChange?: (open: boolean) => void;
7
+ /** Close when clicking overlay */
8
+ closeOnClickOutside?: boolean;
9
+ /** Close when pressing Escape */
10
+ closeOnEscape?: boolean;
11
+ /** Lock body scroll when open */
12
+ lockScroll?: boolean;
15
13
  }
16
- interface CollapsibleController {
17
- /** Open the collapsible */
14
+ interface AlertDialogController {
15
+ /** Open the alert dialog */
18
16
  open(): void;
19
- /** Close the collapsible */
17
+ /** Close the alert dialog */
20
18
  close(): void;
21
- /** Toggle the collapsible */
19
+ /** Toggle the alert dialog */
22
20
  toggle(): void;
23
21
  /** Current open state */
24
22
  readonly isOpen: boolean;
25
23
  /** Cleanup all event listeners */
26
24
  destroy(): void;
27
25
  }
28
- /**
29
- * Create a collapsible controller for a root element
30
- *
31
- * Expected markup:
32
- * ```html
33
- * <div data-slot="collapsible">
34
- * <button data-slot="collapsible-trigger">Toggle</button>
35
- * <div data-slot="collapsible-content">Content here</div>
36
- * </div>
37
- * ```
38
- */
39
- declare function createCollapsible(root: Element, options?: CollapsibleOptions): CollapsibleController;
40
- /**
41
- * Find and bind all collapsible components in a scope
42
- * Returns array of controllers for programmatic access
43
- */
44
- declare function create(scope?: ParentNode): CollapsibleController[];
26
+ declare function createAlertDialog(root: Element, options?: AlertDialogOptions): AlertDialogController;
27
+ declare function create(scope?: ParentNode): AlertDialogController[];
45
28
  //#endregion
46
- export { createCollapsible as i, CollapsibleOptions as n, create as r, CollapsibleController as t };
29
+ export { createAlertDialog as i, AlertDialogOptions as n, create as r, AlertDialogController as t };
package/dist/index3.d.cts CHANGED
@@ -1,42 +1,46 @@
1
- //#region ../command/src/index.d.ts
2
- type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
3
- interface CommandOptions {
4
- /** Accessible label announced for the command input */
5
- label?: string;
6
- /** Initial active item value */
7
- defaultValue?: string;
8
- /** Initial search input value */
9
- defaultSearch?: string;
10
- /** Called whenever the active item value changes */
11
- onValueChange?: (value: string | null) => void;
12
- /** Called whenever the search query changes */
13
- onSearchChange?: (search: string) => void;
14
- /** Called when an item is selected via click or Enter */
15
- onSelect?: (value: string) => void;
16
- /** Disable built-in filtering and sorting */
17
- shouldFilter?: boolean;
18
- /** Custom ranking function. Return 0 to hide the item. */
19
- filter?: CommandFilter;
20
- /** Wrap arrow-key navigation */
21
- loop?: boolean;
22
- /** Disable pointer-move selection */
23
- disablePointerSelection?: boolean;
24
- /** Enable ctrl+j/k/n/p shortcuts @default true */
25
- vimBindings?: boolean;
1
+ //#region ../collapsible/src/index.d.ts
2
+ interface CollapsibleOptions {
3
+ /** Initial open state */
4
+ defaultOpen?: boolean;
5
+ /**
6
+ * Use hidden="until-found" when closed so browser find-in-page can reveal content.
7
+ * @default false
8
+ */
9
+ hiddenUntilFound?: boolean;
10
+ /**
11
+ * Callback when open state changes.
12
+ * Note: Not called on initial render, only on subsequent state changes.
13
+ */
14
+ onOpenChange?: (open: boolean) => void;
26
15
  }
27
- interface CommandController {
28
- /** Current active item value */
29
- readonly value: string | null;
30
- /** Current search query */
31
- readonly search: string;
32
- /** Set the active item value programmatically */
33
- select(value: string | null): void;
34
- /** Set the search query programmatically */
35
- setSearch(search: string): void;
36
- /** Cleanup all event listeners and observers */
16
+ interface CollapsibleController {
17
+ /** Open the collapsible */
18
+ open(): void;
19
+ /** Close the collapsible */
20
+ close(): void;
21
+ /** Toggle the collapsible */
22
+ toggle(): void;
23
+ /** Current open state */
24
+ readonly isOpen: boolean;
25
+ /** Cleanup all event listeners */
37
26
  destroy(): void;
38
27
  }
39
- declare function createCommand(root: Element, options?: CommandOptions): CommandController;
40
- declare function create(scope?: ParentNode): CommandController[];
28
+ /**
29
+ * Create a collapsible controller for a root element
30
+ *
31
+ * Expected markup:
32
+ * ```html
33
+ * <div data-slot="collapsible">
34
+ * <button data-slot="collapsible-trigger">Toggle</button>
35
+ * <div data-slot="collapsible-content">Content here</div>
36
+ * </div>
37
+ * ```
38
+ */
39
+ declare function createCollapsible(root: Element, options?: CollapsibleOptions): CollapsibleController;
40
+ /**
41
+ * Find and bind all collapsible components in a scope
42
+ * Returns array of controllers for programmatic access
43
+ */
44
+ declare function create(scope?: ParentNode): CollapsibleController[];
41
45
  //#endregion
42
- export { createCommand as a, create as i, CommandFilter as n, CommandOptions as r, CommandController as t };
46
+ export { createCollapsible as i, CollapsibleOptions as n, create as r, CollapsibleController as t };
package/dist/index3.d.ts CHANGED
@@ -1,42 +1,46 @@
1
- //#region ../command/src/index.d.ts
2
- type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
3
- interface CommandOptions {
4
- /** Accessible label announced for the command input */
5
- label?: string;
6
- /** Initial active item value */
7
- defaultValue?: string;
8
- /** Initial search input value */
9
- defaultSearch?: string;
10
- /** Called whenever the active item value changes */
11
- onValueChange?: (value: string | null) => void;
12
- /** Called whenever the search query changes */
13
- onSearchChange?: (search: string) => void;
14
- /** Called when an item is selected via click or Enter */
15
- onSelect?: (value: string) => void;
16
- /** Disable built-in filtering and sorting */
17
- shouldFilter?: boolean;
18
- /** Custom ranking function. Return 0 to hide the item. */
19
- filter?: CommandFilter;
20
- /** Wrap arrow-key navigation */
21
- loop?: boolean;
22
- /** Disable pointer-move selection */
23
- disablePointerSelection?: boolean;
24
- /** Enable ctrl+j/k/n/p shortcuts @default true */
25
- vimBindings?: boolean;
1
+ //#region ../collapsible/src/index.d.ts
2
+ interface CollapsibleOptions {
3
+ /** Initial open state */
4
+ defaultOpen?: boolean;
5
+ /**
6
+ * Use hidden="until-found" when closed so browser find-in-page can reveal content.
7
+ * @default false
8
+ */
9
+ hiddenUntilFound?: boolean;
10
+ /**
11
+ * Callback when open state changes.
12
+ * Note: Not called on initial render, only on subsequent state changes.
13
+ */
14
+ onOpenChange?: (open: boolean) => void;
26
15
  }
27
- interface CommandController {
28
- /** Current active item value */
29
- readonly value: string | null;
30
- /** Current search query */
31
- readonly search: string;
32
- /** Set the active item value programmatically */
33
- select(value: string | null): void;
34
- /** Set the search query programmatically */
35
- setSearch(search: string): void;
36
- /** Cleanup all event listeners and observers */
16
+ interface CollapsibleController {
17
+ /** Open the collapsible */
18
+ open(): void;
19
+ /** Close the collapsible */
20
+ close(): void;
21
+ /** Toggle the collapsible */
22
+ toggle(): void;
23
+ /** Current open state */
24
+ readonly isOpen: boolean;
25
+ /** Cleanup all event listeners */
37
26
  destroy(): void;
38
27
  }
39
- declare function createCommand(root: Element, options?: CommandOptions): CommandController;
40
- declare function create(scope?: ParentNode): CommandController[];
28
+ /**
29
+ * Create a collapsible controller for a root element
30
+ *
31
+ * Expected markup:
32
+ * ```html
33
+ * <div data-slot="collapsible">
34
+ * <button data-slot="collapsible-trigger">Toggle</button>
35
+ * <div data-slot="collapsible-content">Content here</div>
36
+ * </div>
37
+ * ```
38
+ */
39
+ declare function createCollapsible(root: Element, options?: CollapsibleOptions): CollapsibleController;
40
+ /**
41
+ * Find and bind all collapsible components in a scope
42
+ * Returns array of controllers for programmatic access
43
+ */
44
+ declare function create(scope?: ParentNode): CollapsibleController[];
41
45
  //#endregion
42
- export { createCommand as a, create as i, CommandFilter as n, CommandOptions as r, CommandController as t };
46
+ export { createCollapsible as i, CollapsibleOptions as n, create as r, CollapsibleController as t };