@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 +23 -18
- package/dist/alert-dialog.cjs +1 -0
- package/dist/alert-dialog.d.cts +2 -0
- package/dist/alert-dialog.d.ts +2 -0
- package/dist/alert-dialog.js +1 -0
- package/dist/collapsible.d.cts +1 -1
- package/dist/collapsible.d.ts +1 -1
- package/dist/command.d.cts +1 -1
- package/dist/command.d.ts +1 -1
- package/dist/core.d.cts +2 -2
- package/dist/core.d.ts +2 -2
- package/dist/dialog.d.cts +1 -1
- package/dist/dialog.d.ts +1 -1
- package/dist/hover-card.d.cts +1 -1
- package/dist/hover-card.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/index10.d.cts +14 -0
- package/dist/index10.d.ts +14 -0
- package/dist/index2.d.cts +16 -33
- package/dist/index2.d.ts +16 -33
- package/dist/index3.d.cts +42 -38
- package/dist/index3.d.ts +42 -38
- package/dist/index4.d.cts +38 -58
- package/dist/index4.d.ts +38 -58
- package/dist/index5.d.cts +39 -46
- package/dist/index5.d.ts +39 -46
- package/dist/index6.d.cts +54 -48
- package/dist/index6.d.ts +54 -48
- package/dist/index7.d.cts +45 -53
- package/dist/index7.d.ts +45 -53
- package/dist/index8.d.cts +49 -49
- package/dist/index8.d.ts +49 -49
- package/dist/index9.d.cts +71 -13
- package/dist/index9.d.ts +71 -13
- package/dist/popover.d.cts +1 -1
- package/dist/popover.d.ts +1 -1
- package/dist/popup.d.cts +13 -1
- package/dist/popup.d.ts +13 -1
- package/dist/tabs.d.cts +1 -1
- package/dist/tabs.d.ts +1 -1
- package/dist/tooltip.d.cts +1 -1
- package/dist/tooltip.d.ts +1 -1
- package/package.json +23 -16
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Headless UI components for vanilla JavaScript. Tiny, accessible, unstyled.
|
|
4
4
|
|
|
5
|
-
**
|
|
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` |
|
|
20
|
-
| `@data-slot/core` |
|
|
21
|
-
| `@data-slot/command` | 4.
|
|
22
|
-
| `@data-slot/combobox` |
|
|
23
|
-
| `@data-slot/select` |
|
|
24
|
-
| `@data-slot/dropdown-menu` | 2.
|
|
25
|
-
| `@data-slot/hover-card` | 2.
|
|
26
|
-
| `@data-slot/tabs` |
|
|
27
|
-
| `@data-slot/
|
|
28
|
-
| `@data-slot/
|
|
29
|
-
| `@data-slot/
|
|
30
|
-
| `@data-slot/
|
|
31
|
-
| `@data-slot/
|
|
32
|
-
| `@data-slot/
|
|
33
|
-
| `@data-slot/
|
|
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,
|
|
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 @@
|
|
|
1
|
+
export*from"@data-slot/alert-dialog";export{};
|
package/dist/collapsible.d.cts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as createCollapsible, n as CollapsibleOptions, r as create, t as CollapsibleController } from "./
|
|
1
|
+
import { i as createCollapsible, n as CollapsibleOptions, r as create, t as CollapsibleController } from "./index3.cjs";
|
|
2
2
|
export { CollapsibleController, CollapsibleOptions, create, createCollapsible };
|
package/dist/collapsible.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as createCollapsible, n as CollapsibleOptions, r as create, t as CollapsibleController } from "./
|
|
1
|
+
import { i as createCollapsible, n as CollapsibleOptions, r as create, t as CollapsibleController } from "./index3.js";
|
|
2
2
|
export { CollapsibleController, CollapsibleOptions, create, createCollapsible };
|
package/dist/command.d.cts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as createCommand, i as create, n as CommandFilter, r as CommandOptions, t as CommandController } from "./
|
|
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 "./
|
|
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
|
|
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
|
|
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 "./
|
|
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 "./
|
|
1
|
+
import { i as createDialog, n as DialogOptions, r as create, t as DialogController } from "./index5.js";
|
|
2
2
|
export { DialogController, DialogOptions, create, createDialog };
|
package/dist/hover-card.d.cts
CHANGED
|
@@ -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 "./
|
|
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 };
|
package/dist/hover-card.d.ts
CHANGED
|
@@ -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 "./
|
|
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/
|
|
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{
|
|
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 ../
|
|
2
|
-
interface
|
|
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
|
|
17
|
-
/** Open the
|
|
14
|
+
interface AlertDialogController {
|
|
15
|
+
/** Open the alert dialog */
|
|
18
16
|
open(): void;
|
|
19
|
-
/** Close the
|
|
17
|
+
/** Close the alert dialog */
|
|
20
18
|
close(): void;
|
|
21
|
-
/** Toggle the
|
|
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
|
-
|
|
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 {
|
|
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 ../
|
|
2
|
-
interface
|
|
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
|
|
17
|
-
/** Open the
|
|
14
|
+
interface AlertDialogController {
|
|
15
|
+
/** Open the alert dialog */
|
|
18
16
|
open(): void;
|
|
19
|
-
/** Close the
|
|
17
|
+
/** Close the alert dialog */
|
|
20
18
|
close(): void;
|
|
21
|
-
/** Toggle the
|
|
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
|
-
|
|
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 {
|
|
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 ../
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
|
28
|
-
/**
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
|
|
36
|
-
/** Cleanup all event listeners
|
|
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
|
-
|
|
40
|
-
|
|
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 {
|
|
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 ../
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
|
28
|
-
/**
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
|
|
36
|
-
/** Cleanup all event listeners
|
|
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
|
-
|
|
40
|
-
|
|
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 {
|
|
46
|
+
export { createCollapsible as i, CollapsibleOptions as n, create as r, CollapsibleController as t };
|