@vanelsas/baredom-react 1.0.0
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/LICENSE +21 -0
- package/README.md +113 -0
- package/dist/index.d.ts +91 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +92 -0
- package/dist/index.js.map +1 -0
- package/dist/x-alert.d.ts +22 -0
- package/dist/x-alert.d.ts.map +1 -0
- package/dist/x-alert.js +30 -0
- package/dist/x-alert.js.map +1 -0
- package/dist/x-avatar-group.d.ts +17 -0
- package/dist/x-avatar-group.d.ts.map +1 -0
- package/dist/x-avatar-group.js +19 -0
- package/dist/x-avatar-group.js.map +1 -0
- package/dist/x-avatar.d.ts +20 -0
- package/dist/x-avatar.d.ts.map +1 -0
- package/dist/x-avatar.js +19 -0
- package/dist/x-avatar.js.map +1 -0
- package/dist/x-badge.d.ts +18 -0
- package/dist/x-badge.d.ts.map +1 -0
- package/dist/x-badge.js +19 -0
- package/dist/x-badge.js.map +1 -0
- package/dist/x-bento-grid.d.ts +11 -0
- package/dist/x-bento-grid.d.ts.map +1 -0
- package/dist/x-bento-grid.js +19 -0
- package/dist/x-bento-grid.js.map +1 -0
- package/dist/x-bento-item.d.ts +11 -0
- package/dist/x-bento-item.d.ts.map +1 -0
- package/dist/x-bento-item.js +19 -0
- package/dist/x-bento-item.js.map +1 -0
- package/dist/x-breadcrumbs.d.ts +19 -0
- package/dist/x-breadcrumbs.d.ts.map +1 -0
- package/dist/x-breadcrumbs.js +19 -0
- package/dist/x-breadcrumbs.js.map +1 -0
- package/dist/x-button.d.ts +26 -0
- package/dist/x-button.d.ts.map +1 -0
- package/dist/x-button.js +50 -0
- package/dist/x-button.js.map +1 -0
- package/dist/x-cancel-dialogue.d.ts +24 -0
- package/dist/x-cancel-dialogue.d.ts.map +1 -0
- package/dist/x-cancel-dialogue.js +42 -0
- package/dist/x-cancel-dialogue.js.map +1 -0
- package/dist/x-card.d.ts +14 -0
- package/dist/x-card.d.ts.map +1 -0
- package/dist/x-card.js +30 -0
- package/dist/x-card.js.map +1 -0
- package/dist/x-carousel.d.ts +26 -0
- package/dist/x-carousel.d.ts.map +1 -0
- package/dist/x-carousel.js +30 -0
- package/dist/x-carousel.js.map +1 -0
- package/dist/x-chart.d.ts +22 -0
- package/dist/x-chart.d.ts.map +1 -0
- package/dist/x-chart.js +19 -0
- package/dist/x-chart.js.map +1 -0
- package/dist/x-checkbox.d.ts +27 -0
- package/dist/x-checkbox.d.ts.map +1 -0
- package/dist/x-checkbox.js +34 -0
- package/dist/x-checkbox.js.map +1 -0
- package/dist/x-chip.d.ts +19 -0
- package/dist/x-chip.d.ts.map +1 -0
- package/dist/x-chip.js +30 -0
- package/dist/x-chip.js.map +1 -0
- package/dist/x-collapse.d.ts +22 -0
- package/dist/x-collapse.d.ts.map +1 -0
- package/dist/x-collapse.js +34 -0
- package/dist/x-collapse.js.map +1 -0
- package/dist/x-color-picker.d.ts +34 -0
- package/dist/x-color-picker.d.ts.map +1 -0
- package/dist/x-color-picker.js +34 -0
- package/dist/x-color-picker.js.map +1 -0
- package/dist/x-combobox.d.ts +29 -0
- package/dist/x-combobox.d.ts.map +1 -0
- package/dist/x-combobox.js +38 -0
- package/dist/x-combobox.js.map +1 -0
- package/dist/x-command-palette.d.ts +27 -0
- package/dist/x-command-palette.d.ts.map +1 -0
- package/dist/x-command-palette.js +54 -0
- package/dist/x-command-palette.js.map +1 -0
- package/dist/x-container.d.ts +13 -0
- package/dist/x-container.d.ts.map +1 -0
- package/dist/x-container.js +19 -0
- package/dist/x-container.js.map +1 -0
- package/dist/x-context-menu.d.ts +16 -0
- package/dist/x-context-menu.d.ts.map +1 -0
- package/dist/x-context-menu.js +19 -0
- package/dist/x-context-menu.js.map +1 -0
- package/dist/x-copy.d.ts +34 -0
- package/dist/x-copy.d.ts.map +1 -0
- package/dist/x-copy.js +38 -0
- package/dist/x-copy.js.map +1 -0
- package/dist/x-currency-field.d.ts +32 -0
- package/dist/x-currency-field.d.ts.map +1 -0
- package/dist/x-currency-field.js +34 -0
- package/dist/x-currency-field.js.map +1 -0
- package/dist/x-date-picker.d.ts +19 -0
- package/dist/x-date-picker.d.ts.map +1 -0
- package/dist/x-date-picker.js +19 -0
- package/dist/x-date-picker.js.map +1 -0
- package/dist/x-divider.d.ts +19 -0
- package/dist/x-divider.d.ts.map +1 -0
- package/dist/x-divider.js +19 -0
- package/dist/x-divider.js.map +1 -0
- package/dist/x-drawer.d.ts +20 -0
- package/dist/x-drawer.d.ts.map +1 -0
- package/dist/x-drawer.js +34 -0
- package/dist/x-drawer.js.map +1 -0
- package/dist/x-dropdown.d.ts +22 -0
- package/dist/x-dropdown.d.ts.map +1 -0
- package/dist/x-dropdown.js +34 -0
- package/dist/x-dropdown.js.map +1 -0
- package/dist/x-fieldset.d.ts +13 -0
- package/dist/x-fieldset.d.ts.map +1 -0
- package/dist/x-fieldset.js +19 -0
- package/dist/x-fieldset.js.map +1 -0
- package/dist/x-file-download.d.ts +18 -0
- package/dist/x-file-download.d.ts.map +1 -0
- package/dist/x-file-download.js +30 -0
- package/dist/x-file-download.js.map +1 -0
- package/dist/x-file-upload.d.ts +26 -0
- package/dist/x-file-upload.d.ts.map +1 -0
- package/dist/x-file-upload.js +34 -0
- package/dist/x-file-upload.js.map +1 -0
- package/dist/x-form-field.d.ts +28 -0
- package/dist/x-form-field.d.ts.map +1 -0
- package/dist/x-form-field.js +34 -0
- package/dist/x-form-field.js.map +1 -0
- package/dist/x-form.d.ts +18 -0
- package/dist/x-form.d.ts.map +1 -0
- package/dist/x-form.js +34 -0
- package/dist/x-form.js.map +1 -0
- package/dist/x-gaussian-blur.d.ts +20 -0
- package/dist/x-gaussian-blur.d.ts.map +1 -0
- package/dist/x-gaussian-blur.js +19 -0
- package/dist/x-gaussian-blur.js.map +1 -0
- package/dist/x-grid.d.ts +11 -0
- package/dist/x-grid.d.ts.map +1 -0
- package/dist/x-grid.js +19 -0
- package/dist/x-grid.js.map +1 -0
- package/dist/x-icon.d.ts +14 -0
- package/dist/x-icon.d.ts.map +1 -0
- package/dist/x-icon.js +19 -0
- package/dist/x-icon.js.map +1 -0
- package/dist/x-image.d.ts +26 -0
- package/dist/x-image.d.ts.map +1 -0
- package/dist/x-image.js +34 -0
- package/dist/x-image.js.map +1 -0
- package/dist/x-kinetic-font.d.ts +23 -0
- package/dist/x-kinetic-font.d.ts.map +1 -0
- package/dist/x-kinetic-font.js +34 -0
- package/dist/x-kinetic-font.js.map +1 -0
- package/dist/x-kinetic-typography.d.ts +26 -0
- package/dist/x-kinetic-typography.d.ts.map +1 -0
- package/dist/x-kinetic-typography.js +19 -0
- package/dist/x-kinetic-typography.js.map +1 -0
- package/dist/x-liquid-dock.d.ts +27 -0
- package/dist/x-liquid-dock.d.ts.map +1 -0
- package/dist/x-liquid-dock.js +30 -0
- package/dist/x-liquid-dock.js.map +1 -0
- package/dist/x-liquid-fill.d.ts +23 -0
- package/dist/x-liquid-fill.d.ts.map +1 -0
- package/dist/x-liquid-fill.js +30 -0
- package/dist/x-liquid-fill.js.map +1 -0
- package/dist/x-liquid-glass.d.ts +25 -0
- package/dist/x-liquid-glass.d.ts.map +1 -0
- package/dist/x-liquid-glass.js +19 -0
- package/dist/x-liquid-glass.js.map +1 -0
- package/dist/x-menu-item.d.ts +18 -0
- package/dist/x-menu-item.d.ts.map +1 -0
- package/dist/x-menu-item.js +30 -0
- package/dist/x-menu-item.js.map +1 -0
- package/dist/x-menu.d.ts +19 -0
- package/dist/x-menu.d.ts.map +1 -0
- package/dist/x-menu.js +38 -0
- package/dist/x-menu.js.map +1 -0
- package/dist/x-metaball-cursor.d.ts +21 -0
- package/dist/x-metaball-cursor.d.ts.map +1 -0
- package/dist/x-metaball-cursor.js +19 -0
- package/dist/x-metaball-cursor.js.map +1 -0
- package/dist/x-modal.d.ts +20 -0
- package/dist/x-modal.d.ts.map +1 -0
- package/dist/x-modal.js +34 -0
- package/dist/x-modal.js.map +1 -0
- package/dist/x-morph-stack.d.ts +28 -0
- package/dist/x-morph-stack.d.ts.map +1 -0
- package/dist/x-morph-stack.js +34 -0
- package/dist/x-morph-stack.js.map +1 -0
- package/dist/x-navbar.d.ts +26 -0
- package/dist/x-navbar.d.ts.map +1 -0
- package/dist/x-navbar.js +38 -0
- package/dist/x-navbar.js.map +1 -0
- package/dist/x-neural-glow.d.ts +21 -0
- package/dist/x-neural-glow.d.ts.map +1 -0
- package/dist/x-neural-glow.js +19 -0
- package/dist/x-neural-glow.js.map +1 -0
- package/dist/x-notification-center.d.ts +25 -0
- package/dist/x-notification-center.d.ts.map +1 -0
- package/dist/x-notification-center.js +38 -0
- package/dist/x-notification-center.js.map +1 -0
- package/dist/x-organic-divider.d.ts +18 -0
- package/dist/x-organic-divider.d.ts.map +1 -0
- package/dist/x-organic-divider.js +19 -0
- package/dist/x-organic-divider.js.map +1 -0
- package/dist/x-organic-progress.d.ts +24 -0
- package/dist/x-organic-progress.d.ts.map +1 -0
- package/dist/x-organic-progress.js +34 -0
- package/dist/x-organic-progress.js.map +1 -0
- package/dist/x-organic-shape.d.ts +17 -0
- package/dist/x-organic-shape.d.ts.map +1 -0
- package/dist/x-organic-shape.js +19 -0
- package/dist/x-organic-shape.js.map +1 -0
- package/dist/x-pagination.d.ts +21 -0
- package/dist/x-pagination.d.ts.map +1 -0
- package/dist/x-pagination.js +30 -0
- package/dist/x-pagination.js.map +1 -0
- package/dist/x-particle-button.d.ts +35 -0
- package/dist/x-particle-button.d.ts.map +1 -0
- package/dist/x-particle-button.js +58 -0
- package/dist/x-particle-button.js.map +1 -0
- package/dist/x-popover.d.ts +25 -0
- package/dist/x-popover.d.ts.map +1 -0
- package/dist/x-popover.js +34 -0
- package/dist/x-popover.js.map +1 -0
- package/dist/x-progress-circle.d.ts +19 -0
- package/dist/x-progress-circle.d.ts.map +1 -0
- package/dist/x-progress-circle.js +30 -0
- package/dist/x-progress-circle.js.map +1 -0
- package/dist/x-progress.d.ts +22 -0
- package/dist/x-progress.d.ts.map +1 -0
- package/dist/x-progress.js +30 -0
- package/dist/x-progress.js.map +1 -0
- package/dist/x-radio.d.ts +26 -0
- package/dist/x-radio.d.ts.map +1 -0
- package/dist/x-radio.js +34 -0
- package/dist/x-radio.js.map +1 -0
- package/dist/x-ripple-effect.d.ts +23 -0
- package/dist/x-ripple-effect.d.ts.map +1 -0
- package/dist/x-ripple-effect.js +34 -0
- package/dist/x-ripple-effect.js.map +1 -0
- package/dist/x-scroll-parallax.d.ts +25 -0
- package/dist/x-scroll-parallax.d.ts.map +1 -0
- package/dist/x-scroll-parallax.js +38 -0
- package/dist/x-scroll-parallax.js.map +1 -0
- package/dist/x-scroll-stack.d.ts +26 -0
- package/dist/x-scroll-stack.d.ts.map +1 -0
- package/dist/x-scroll-stack.js +34 -0
- package/dist/x-scroll-stack.js.map +1 -0
- package/dist/x-scroll-story.d.ts +57 -0
- package/dist/x-scroll-story.d.ts.map +1 -0
- package/dist/x-scroll-story.js +58 -0
- package/dist/x-scroll-story.js.map +1 -0
- package/dist/x-scroll-timeline.d.ts +59 -0
- package/dist/x-scroll-timeline.d.ts.map +1 -0
- package/dist/x-scroll-timeline.js +58 -0
- package/dist/x-scroll-timeline.js.map +1 -0
- package/dist/x-scroll.d.ts +36 -0
- package/dist/x-scroll.d.ts.map +1 -0
- package/dist/x-scroll.js +42 -0
- package/dist/x-scroll.js.map +1 -0
- package/dist/x-search-field.d.ts +33 -0
- package/dist/x-search-field.d.ts.map +1 -0
- package/dist/x-search-field.js +42 -0
- package/dist/x-search-field.js.map +1 -0
- package/dist/x-select.d.ts +18 -0
- package/dist/x-select.d.ts.map +1 -0
- package/dist/x-select.js +30 -0
- package/dist/x-select.js.map +1 -0
- package/dist/x-sidebar.d.ts +19 -0
- package/dist/x-sidebar.d.ts.map +1 -0
- package/dist/x-sidebar.js +34 -0
- package/dist/x-sidebar.js.map +1 -0
- package/dist/x-skeleton-group.d.ts +14 -0
- package/dist/x-skeleton-group.d.ts.map +1 -0
- package/dist/x-skeleton-group.js +19 -0
- package/dist/x-skeleton-group.js.map +1 -0
- package/dist/x-skeleton.d.ts +15 -0
- package/dist/x-skeleton.d.ts.map +1 -0
- package/dist/x-skeleton.js +19 -0
- package/dist/x-skeleton.js.map +1 -0
- package/dist/x-slider.d.ts +31 -0
- package/dist/x-slider.d.ts.map +1 -0
- package/dist/x-slider.js +34 -0
- package/dist/x-slider.js.map +1 -0
- package/dist/x-soft-body.d.ts +19 -0
- package/dist/x-soft-body.d.ts.map +1 -0
- package/dist/x-soft-body.js +34 -0
- package/dist/x-soft-body.js.map +1 -0
- package/dist/x-spacer.d.ts +14 -0
- package/dist/x-spacer.d.ts.map +1 -0
- package/dist/x-spacer.js +19 -0
- package/dist/x-spacer.js.map +1 -0
- package/dist/x-spinner.d.ts +14 -0
- package/dist/x-spinner.d.ts.map +1 -0
- package/dist/x-spinner.js +19 -0
- package/dist/x-spinner.js.map +1 -0
- package/dist/x-splash.d.ts +17 -0
- package/dist/x-splash.d.ts.map +1 -0
- package/dist/x-splash.js +30 -0
- package/dist/x-splash.js.map +1 -0
- package/dist/x-stat.d.ts +20 -0
- package/dist/x-stat.d.ts.map +1 -0
- package/dist/x-stat.js +19 -0
- package/dist/x-stat.js.map +1 -0
- package/dist/x-stepper.d.ts +20 -0
- package/dist/x-stepper.d.ts.map +1 -0
- package/dist/x-stepper.js +30 -0
- package/dist/x-stepper.js.map +1 -0
- package/dist/x-switch.d.ts +26 -0
- package/dist/x-switch.d.ts.map +1 -0
- package/dist/x-switch.js +34 -0
- package/dist/x-switch.js.map +1 -0
- package/dist/x-tab.d.ts +17 -0
- package/dist/x-tab.d.ts.map +1 -0
- package/dist/x-tab.js +30 -0
- package/dist/x-tab.js.map +1 -0
- package/dist/x-table-cell.d.ts +34 -0
- package/dist/x-table-cell.d.ts.map +1 -0
- package/dist/x-table-cell.js +38 -0
- package/dist/x-table-cell.js.map +1 -0
- package/dist/x-table-row.d.ts +27 -0
- package/dist/x-table-row.d.ts.map +1 -0
- package/dist/x-table-row.js +38 -0
- package/dist/x-table-row.js.map +1 -0
- package/dist/x-table.d.ts +29 -0
- package/dist/x-table.d.ts.map +1 -0
- package/dist/x-table.js +34 -0
- package/dist/x-table.js.map +1 -0
- package/dist/x-tabs.d.ts +15 -0
- package/dist/x-tabs.d.ts.map +1 -0
- package/dist/x-tabs.js +30 -0
- package/dist/x-tabs.js.map +1 -0
- package/dist/x-text-area.d.ts +28 -0
- package/dist/x-text-area.d.ts.map +1 -0
- package/dist/x-text-area.js +34 -0
- package/dist/x-text-area.js.map +1 -0
- package/dist/x-theme.d.ts +12 -0
- package/dist/x-theme.d.ts.map +1 -0
- package/dist/x-theme.js +19 -0
- package/dist/x-theme.js.map +1 -0
- package/dist/x-timeline-item.d.ts +32 -0
- package/dist/x-timeline-item.d.ts.map +1 -0
- package/dist/x-timeline-item.js +38 -0
- package/dist/x-timeline-item.js.map +1 -0
- package/dist/x-timeline.d.ts +19 -0
- package/dist/x-timeline.d.ts.map +1 -0
- package/dist/x-timeline.js +30 -0
- package/dist/x-timeline.js.map +1 -0
- package/dist/x-toast.d.ts +25 -0
- package/dist/x-toast.d.ts.map +1 -0
- package/dist/x-toast.js +30 -0
- package/dist/x-toast.js.map +1 -0
- package/dist/x-toaster.d.ts +20 -0
- package/dist/x-toaster.d.ts.map +1 -0
- package/dist/x-toaster.js +30 -0
- package/dist/x-toaster.js.map +1 -0
- package/dist/x-tooltip.d.ts +18 -0
- package/dist/x-tooltip.d.ts.map +1 -0
- package/dist/x-tooltip.js +34 -0
- package/dist/x-tooltip.js.map +1 -0
- package/dist/x-typography.d.ts +15 -0
- package/dist/x-typography.d.ts.map +1 -0
- package/dist/x-typography.js +19 -0
- package/dist/x-typography.js.map +1 -0
- package/dist/x-welcome-tour.d.ts +31 -0
- package/dist/x-welcome-tour.d.ts.map +1 -0
- package/dist/x-welcome-tour.js +42 -0
- package/dist/x-welcome-tour.js.map +1 -0
- package/package.json +401 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Alexander van Elsas
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
# @vanelsas/baredom-react
|
|
2
|
+
|
|
3
|
+
React 19 wrapper components for [BareDOM](https://github.com/avanelsas/baredom) — auto-generated from component metadata.
|
|
4
|
+
|
|
5
|
+
Provides typed props, event handlers, and ref forwarding for all 90+ BareDOM web components.
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @vanelsas/baredom-react @vanelsas/baredom react
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
import { XButton } from "@vanelsas/baredom-react/x-button";
|
|
17
|
+
import { XAlert } from "@vanelsas/baredom-react/x-alert";
|
|
18
|
+
import { XTheme } from "@vanelsas/baredom-react/x-theme";
|
|
19
|
+
|
|
20
|
+
function App() {
|
|
21
|
+
return (
|
|
22
|
+
<XTheme>
|
|
23
|
+
<XButton
|
|
24
|
+
disabled={false}
|
|
25
|
+
onPress={(e) => console.log("Pressed!", e.detail.source)}
|
|
26
|
+
>
|
|
27
|
+
Click me
|
|
28
|
+
</XButton>
|
|
29
|
+
|
|
30
|
+
<XAlert
|
|
31
|
+
type="success"
|
|
32
|
+
text="Operation completed"
|
|
33
|
+
dismissible
|
|
34
|
+
onDismiss={() => console.log("Dismissed")}
|
|
35
|
+
/>
|
|
36
|
+
</XTheme>
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Features
|
|
42
|
+
|
|
43
|
+
- **Typed props** — all component properties are typed in the props interface
|
|
44
|
+
- **Event handlers** — custom events mapped to `onEventName` props (e.g. `onPress`, `onDismiss`, `onChange`)
|
|
45
|
+
- **Ref forwarding** — `forwardRef` with typed element refs for accessing methods
|
|
46
|
+
- **Next.js compatible** — every wrapper includes `"use client"` directive
|
|
47
|
+
- **Tree-shakable** — import individual components to keep bundle size small
|
|
48
|
+
|
|
49
|
+
## Event naming
|
|
50
|
+
|
|
51
|
+
BareDOM event names are automatically converted to React-style callback props:
|
|
52
|
+
|
|
53
|
+
| DOM event | React prop |
|
|
54
|
+
|-----------|-----------|
|
|
55
|
+
| `press` | `onPress` |
|
|
56
|
+
| `x-alert-dismiss` | `onDismiss` |
|
|
57
|
+
| `x-switch-change` | `onChange` |
|
|
58
|
+
| `value-change` | `onValueChange` |
|
|
59
|
+
| `hover-start` | `onHoverStart` |
|
|
60
|
+
|
|
61
|
+
The component's tag-name prefix (e.g. `x-alert-`) is stripped, and the remainder is camelCased with an `on` prefix.
|
|
62
|
+
|
|
63
|
+
## Refs and methods
|
|
64
|
+
|
|
65
|
+
Access the underlying DOM element and its methods via ref:
|
|
66
|
+
|
|
67
|
+
```tsx
|
|
68
|
+
import { useRef } from "react";
|
|
69
|
+
import { XModal } from "@vanelsas/baredom-react/x-modal";
|
|
70
|
+
import type { XModal as XModalElement } from "@vanelsas/baredom/x-modal";
|
|
71
|
+
|
|
72
|
+
function Dialog() {
|
|
73
|
+
const ref = useRef<XModalElement>(null);
|
|
74
|
+
|
|
75
|
+
return (
|
|
76
|
+
<>
|
|
77
|
+
<button onClick={() => ref.current?.show()}>Open</button>
|
|
78
|
+
<XModal ref={ref} onToggle={(e) => console.log(e.detail)}>
|
|
79
|
+
Modal content
|
|
80
|
+
</XModal>
|
|
81
|
+
</>
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
## Theming
|
|
87
|
+
|
|
88
|
+
Wrap your app with `<XTheme>` to enable BareDOM's design tokens. Components automatically adapt to system dark/light mode.
|
|
89
|
+
|
|
90
|
+
```tsx
|
|
91
|
+
import { XTheme } from "@vanelsas/baredom-react/x-theme";
|
|
92
|
+
|
|
93
|
+
function App() {
|
|
94
|
+
return (
|
|
95
|
+
<XTheme preset="aurora">
|
|
96
|
+
{/* All BareDOM components inherit theme tokens */}
|
|
97
|
+
</XTheme>
|
|
98
|
+
);
|
|
99
|
+
}
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
## Requirements
|
|
103
|
+
|
|
104
|
+
- React 19+
|
|
105
|
+
- @vanelsas/baredom 2.4.1+
|
|
106
|
+
|
|
107
|
+
## Auto-generated
|
|
108
|
+
|
|
109
|
+
The wrapper components are auto-generated from BareDOM's component model metadata using `bb scripts/generate_react.bb`. Adding a new component to BareDOM automatically produces its React wrapper.
|
|
110
|
+
|
|
111
|
+
## License
|
|
112
|
+
|
|
113
|
+
MIT
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
export { XAlert, type XAlertProps } from "./x-alert";
|
|
2
|
+
export { XAvatar, type XAvatarProps } from "./x-avatar";
|
|
3
|
+
export { XAvatarGroup, type XAvatarGroupProps } from "./x-avatar-group";
|
|
4
|
+
export { XBadge, type XBadgeProps } from "./x-badge";
|
|
5
|
+
export { XBentoGrid, type XBentoGridProps } from "./x-bento-grid";
|
|
6
|
+
export { XBentoItem, type XBentoItemProps } from "./x-bento-item";
|
|
7
|
+
export { XBreadcrumbs, type XBreadcrumbsProps } from "./x-breadcrumbs";
|
|
8
|
+
export { XButton, type XButtonProps } from "./x-button";
|
|
9
|
+
export { XCancelDialogue, type XCancelDialogueProps } from "./x-cancel-dialogue";
|
|
10
|
+
export { XCard, type XCardProps } from "./x-card";
|
|
11
|
+
export { XCarousel, type XCarouselProps } from "./x-carousel";
|
|
12
|
+
export { XChart, type XChartProps } from "./x-chart";
|
|
13
|
+
export { XCheckbox, type XCheckboxProps } from "./x-checkbox";
|
|
14
|
+
export { XChip, type XChipProps } from "./x-chip";
|
|
15
|
+
export { XCollapse, type XCollapseProps } from "./x-collapse";
|
|
16
|
+
export { XColorPicker, type XColorPickerProps } from "./x-color-picker";
|
|
17
|
+
export { XCombobox, type XComboboxProps } from "./x-combobox";
|
|
18
|
+
export { XCommandPalette, type XCommandPaletteProps } from "./x-command-palette";
|
|
19
|
+
export { XContainer, type XContainerProps } from "./x-container";
|
|
20
|
+
export { XContextMenu, type XContextMenuProps } from "./x-context-menu";
|
|
21
|
+
export { XCopy, type XCopyProps } from "./x-copy";
|
|
22
|
+
export { XCurrencyField, type XCurrencyFieldProps } from "./x-currency-field";
|
|
23
|
+
export { XDatePicker, type XDatePickerProps } from "./x-date-picker";
|
|
24
|
+
export { XDivider, type XDividerProps } from "./x-divider";
|
|
25
|
+
export { XDrawer, type XDrawerProps } from "./x-drawer";
|
|
26
|
+
export { XDropdown, type XDropdownProps } from "./x-dropdown";
|
|
27
|
+
export { XFieldset, type XFieldsetProps } from "./x-fieldset";
|
|
28
|
+
export { XFileDownload, type XFileDownloadProps } from "./x-file-download";
|
|
29
|
+
export { XFileUpload, type XFileUploadProps } from "./x-file-upload";
|
|
30
|
+
export { XForm, type XFormProps } from "./x-form";
|
|
31
|
+
export { XFormField, type XFormFieldProps } from "./x-form-field";
|
|
32
|
+
export { XGaussianBlur, type XGaussianBlurProps } from "./x-gaussian-blur";
|
|
33
|
+
export { XGrid, type XGridProps } from "./x-grid";
|
|
34
|
+
export { XIcon, type XIconProps } from "./x-icon";
|
|
35
|
+
export { XImage, type XImageProps } from "./x-image";
|
|
36
|
+
export { XKineticFont, type XKineticFontProps } from "./x-kinetic-font";
|
|
37
|
+
export { XKineticTypography, type XKineticTypographyProps } from "./x-kinetic-typography";
|
|
38
|
+
export { XLiquidDock, type XLiquidDockProps } from "./x-liquid-dock";
|
|
39
|
+
export { XLiquidFill, type XLiquidFillProps } from "./x-liquid-fill";
|
|
40
|
+
export { XLiquidGlass, type XLiquidGlassProps } from "./x-liquid-glass";
|
|
41
|
+
export { XMenu, type XMenuProps } from "./x-menu";
|
|
42
|
+
export { XMenuItem, type XMenuItemProps } from "./x-menu-item";
|
|
43
|
+
export { XMetaballCursor, type XMetaballCursorProps } from "./x-metaball-cursor";
|
|
44
|
+
export { XModal, type XModalProps } from "./x-modal";
|
|
45
|
+
export { XMorphStack, type XMorphStackProps } from "./x-morph-stack";
|
|
46
|
+
export { XNavbar, type XNavbarProps } from "./x-navbar";
|
|
47
|
+
export { XNeuralGlow, type XNeuralGlowProps } from "./x-neural-glow";
|
|
48
|
+
export { XNotificationCenter, type XNotificationCenterProps } from "./x-notification-center";
|
|
49
|
+
export { XOrganicDivider, type XOrganicDividerProps } from "./x-organic-divider";
|
|
50
|
+
export { XOrganicProgress, type XOrganicProgressProps } from "./x-organic-progress";
|
|
51
|
+
export { XOrganicShape, type XOrganicShapeProps } from "./x-organic-shape";
|
|
52
|
+
export { XPagination, type XPaginationProps } from "./x-pagination";
|
|
53
|
+
export { XParticleButton, type XParticleButtonProps } from "./x-particle-button";
|
|
54
|
+
export { XPopover, type XPopoverProps } from "./x-popover";
|
|
55
|
+
export { XProgress, type XProgressProps } from "./x-progress";
|
|
56
|
+
export { XProgressCircle, type XProgressCircleProps } from "./x-progress-circle";
|
|
57
|
+
export { XRadio, type XRadioProps } from "./x-radio";
|
|
58
|
+
export { XRippleEffect, type XRippleEffectProps } from "./x-ripple-effect";
|
|
59
|
+
export { XScroll, type XScrollProps } from "./x-scroll";
|
|
60
|
+
export { XScrollParallax, type XScrollParallaxProps } from "./x-scroll-parallax";
|
|
61
|
+
export { XScrollStack, type XScrollStackProps } from "./x-scroll-stack";
|
|
62
|
+
export { XScrollStory, type XScrollStoryProps } from "./x-scroll-story";
|
|
63
|
+
export { XScrollTimeline, type XScrollTimelineProps } from "./x-scroll-timeline";
|
|
64
|
+
export { XSearchField, type XSearchFieldProps } from "./x-search-field";
|
|
65
|
+
export { XSelect, type XSelectProps } from "./x-select";
|
|
66
|
+
export { XSidebar, type XSidebarProps } from "./x-sidebar";
|
|
67
|
+
export { XSkeleton, type XSkeletonProps } from "./x-skeleton";
|
|
68
|
+
export { XSkeletonGroup, type XSkeletonGroupProps } from "./x-skeleton-group";
|
|
69
|
+
export { XSlider, type XSliderProps } from "./x-slider";
|
|
70
|
+
export { XSoftBody, type XSoftBodyProps } from "./x-soft-body";
|
|
71
|
+
export { XSpacer, type XSpacerProps } from "./x-spacer";
|
|
72
|
+
export { XSpinner, type XSpinnerProps } from "./x-spinner";
|
|
73
|
+
export { XSplash, type XSplashProps } from "./x-splash";
|
|
74
|
+
export { XStat, type XStatProps } from "./x-stat";
|
|
75
|
+
export { XStepper, type XStepperProps } from "./x-stepper";
|
|
76
|
+
export { XSwitch, type XSwitchProps } from "./x-switch";
|
|
77
|
+
export { XTab, type XTabProps } from "./x-tab";
|
|
78
|
+
export { XTable, type XTableProps } from "./x-table";
|
|
79
|
+
export { XTableCell, type XTableCellProps } from "./x-table-cell";
|
|
80
|
+
export { XTableRow, type XTableRowProps } from "./x-table-row";
|
|
81
|
+
export { XTabs, type XTabsProps } from "./x-tabs";
|
|
82
|
+
export { XTextArea, type XTextAreaProps } from "./x-text-area";
|
|
83
|
+
export { XTheme, type XThemeProps } from "./x-theme";
|
|
84
|
+
export { XTimeline, type XTimelineProps } from "./x-timeline";
|
|
85
|
+
export { XTimelineItem, type XTimelineItemProps } from "./x-timeline-item";
|
|
86
|
+
export { XToast, type XToastProps } from "./x-toast";
|
|
87
|
+
export { XToaster, type XToasterProps } from "./x-toaster";
|
|
88
|
+
export { XTooltip, type XTooltipProps } from "./x-tooltip";
|
|
89
|
+
export { XTypography, type XTypographyProps } from "./x-typography";
|
|
90
|
+
export { XWelcomeTour, type XWelcomeTourProps } from "./x-welcome-tour";
|
|
91
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
// index.ts — auto-generated by generate_react.bb, do not edit
|
|
2
|
+
export { XAlert } from "./x-alert";
|
|
3
|
+
export { XAvatar } from "./x-avatar";
|
|
4
|
+
export { XAvatarGroup } from "./x-avatar-group";
|
|
5
|
+
export { XBadge } from "./x-badge";
|
|
6
|
+
export { XBentoGrid } from "./x-bento-grid";
|
|
7
|
+
export { XBentoItem } from "./x-bento-item";
|
|
8
|
+
export { XBreadcrumbs } from "./x-breadcrumbs";
|
|
9
|
+
export { XButton } from "./x-button";
|
|
10
|
+
export { XCancelDialogue } from "./x-cancel-dialogue";
|
|
11
|
+
export { XCard } from "./x-card";
|
|
12
|
+
export { XCarousel } from "./x-carousel";
|
|
13
|
+
export { XChart } from "./x-chart";
|
|
14
|
+
export { XCheckbox } from "./x-checkbox";
|
|
15
|
+
export { XChip } from "./x-chip";
|
|
16
|
+
export { XCollapse } from "./x-collapse";
|
|
17
|
+
export { XColorPicker } from "./x-color-picker";
|
|
18
|
+
export { XCombobox } from "./x-combobox";
|
|
19
|
+
export { XCommandPalette } from "./x-command-palette";
|
|
20
|
+
export { XContainer } from "./x-container";
|
|
21
|
+
export { XContextMenu } from "./x-context-menu";
|
|
22
|
+
export { XCopy } from "./x-copy";
|
|
23
|
+
export { XCurrencyField } from "./x-currency-field";
|
|
24
|
+
export { XDatePicker } from "./x-date-picker";
|
|
25
|
+
export { XDivider } from "./x-divider";
|
|
26
|
+
export { XDrawer } from "./x-drawer";
|
|
27
|
+
export { XDropdown } from "./x-dropdown";
|
|
28
|
+
export { XFieldset } from "./x-fieldset";
|
|
29
|
+
export { XFileDownload } from "./x-file-download";
|
|
30
|
+
export { XFileUpload } from "./x-file-upload";
|
|
31
|
+
export { XForm } from "./x-form";
|
|
32
|
+
export { XFormField } from "./x-form-field";
|
|
33
|
+
export { XGaussianBlur } from "./x-gaussian-blur";
|
|
34
|
+
export { XGrid } from "./x-grid";
|
|
35
|
+
export { XIcon } from "./x-icon";
|
|
36
|
+
export { XImage } from "./x-image";
|
|
37
|
+
export { XKineticFont } from "./x-kinetic-font";
|
|
38
|
+
export { XKineticTypography } from "./x-kinetic-typography";
|
|
39
|
+
export { XLiquidDock } from "./x-liquid-dock";
|
|
40
|
+
export { XLiquidFill } from "./x-liquid-fill";
|
|
41
|
+
export { XLiquidGlass } from "./x-liquid-glass";
|
|
42
|
+
export { XMenu } from "./x-menu";
|
|
43
|
+
export { XMenuItem } from "./x-menu-item";
|
|
44
|
+
export { XMetaballCursor } from "./x-metaball-cursor";
|
|
45
|
+
export { XModal } from "./x-modal";
|
|
46
|
+
export { XMorphStack } from "./x-morph-stack";
|
|
47
|
+
export { XNavbar } from "./x-navbar";
|
|
48
|
+
export { XNeuralGlow } from "./x-neural-glow";
|
|
49
|
+
export { XNotificationCenter } from "./x-notification-center";
|
|
50
|
+
export { XOrganicDivider } from "./x-organic-divider";
|
|
51
|
+
export { XOrganicProgress } from "./x-organic-progress";
|
|
52
|
+
export { XOrganicShape } from "./x-organic-shape";
|
|
53
|
+
export { XPagination } from "./x-pagination";
|
|
54
|
+
export { XParticleButton } from "./x-particle-button";
|
|
55
|
+
export { XPopover } from "./x-popover";
|
|
56
|
+
export { XProgress } from "./x-progress";
|
|
57
|
+
export { XProgressCircle } from "./x-progress-circle";
|
|
58
|
+
export { XRadio } from "./x-radio";
|
|
59
|
+
export { XRippleEffect } from "./x-ripple-effect";
|
|
60
|
+
export { XScroll } from "./x-scroll";
|
|
61
|
+
export { XScrollParallax } from "./x-scroll-parallax";
|
|
62
|
+
export { XScrollStack } from "./x-scroll-stack";
|
|
63
|
+
export { XScrollStory } from "./x-scroll-story";
|
|
64
|
+
export { XScrollTimeline } from "./x-scroll-timeline";
|
|
65
|
+
export { XSearchField } from "./x-search-field";
|
|
66
|
+
export { XSelect } from "./x-select";
|
|
67
|
+
export { XSidebar } from "./x-sidebar";
|
|
68
|
+
export { XSkeleton } from "./x-skeleton";
|
|
69
|
+
export { XSkeletonGroup } from "./x-skeleton-group";
|
|
70
|
+
export { XSlider } from "./x-slider";
|
|
71
|
+
export { XSoftBody } from "./x-soft-body";
|
|
72
|
+
export { XSpacer } from "./x-spacer";
|
|
73
|
+
export { XSpinner } from "./x-spinner";
|
|
74
|
+
export { XSplash } from "./x-splash";
|
|
75
|
+
export { XStat } from "./x-stat";
|
|
76
|
+
export { XStepper } from "./x-stepper";
|
|
77
|
+
export { XSwitch } from "./x-switch";
|
|
78
|
+
export { XTab } from "./x-tab";
|
|
79
|
+
export { XTable } from "./x-table";
|
|
80
|
+
export { XTableCell } from "./x-table-cell";
|
|
81
|
+
export { XTableRow } from "./x-table-row";
|
|
82
|
+
export { XTabs } from "./x-tabs";
|
|
83
|
+
export { XTextArea } from "./x-text-area";
|
|
84
|
+
export { XTheme } from "./x-theme";
|
|
85
|
+
export { XTimeline } from "./x-timeline";
|
|
86
|
+
export { XTimelineItem } from "./x-timeline-item";
|
|
87
|
+
export { XToast } from "./x-toast";
|
|
88
|
+
export { XToaster } from "./x-toaster";
|
|
89
|
+
export { XTooltip } from "./x-tooltip";
|
|
90
|
+
export { XTypography } from "./x-typography";
|
|
91
|
+
export { XWelcomeTour } from "./x-welcome-tour";
|
|
92
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XAlert as XAlertElement } from "@vanelsas/baredom/x-alert";
|
|
3
|
+
export interface XAlertProps {
|
|
4
|
+
type?: string;
|
|
5
|
+
text?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
dismissible?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
timeoutMs?: number;
|
|
10
|
+
onDismiss?: (e: CustomEvent<{
|
|
11
|
+
type: string;
|
|
12
|
+
reason: string;
|
|
13
|
+
text: string;
|
|
14
|
+
}>) => void;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
className?: string;
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
id?: string;
|
|
19
|
+
slot?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare const XAlert: React.ForwardRefExoticComponent<XAlertProps & React.RefAttributes<XAlertElement>>;
|
|
22
|
+
//# sourceMappingURL=x-alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-alert.d.ts","sourceRoot":"","sources":["../src/x-alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAKzE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,MAAM,mFA0BlB,CAAC"}
|
package/dist/x-alert.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-alert.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef, useEffect } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-alert";
|
|
6
|
+
init();
|
|
7
|
+
export const XAlert = forwardRef(function XAlert(props, forwardedRef) {
|
|
8
|
+
const { onDismiss, children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const el = innerRef.current;
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
if (onDismiss) {
|
|
23
|
+
el.addEventListener("x-alert-dismiss", onDismiss);
|
|
24
|
+
cleanup.push(() => el.removeEventListener("x-alert-dismiss", onDismiss));
|
|
25
|
+
}
|
|
26
|
+
return () => cleanup.forEach(fn => fn());
|
|
27
|
+
}, [onDismiss]);
|
|
28
|
+
return _jsx("x-alert", { ref: setRef, ...rest, children: children });
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=x-alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-alert.js","sourceRoot":"","sources":["../src/x-alert.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,iEAAiE;AAEjE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEjD,IAAI,EAAE,CAAC;AAiBP,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,SAAS,MAAM,CAAC,KAAK,EAAE,YAAY;IACjC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,CAAC,EAAwB,EAAE,EAAE;QAC1C,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,OAAO,GAAsB,EAAE,CAAC;QAEtC,IAAI,SAAS,EAAE,CAAC;YACd,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,SAA0B,CAAC,CAAC;YACnE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,SAA0B,CAAC,CAAC,CAAC;QAC5F,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,kBAAS,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAW,CAAC;AAC9D,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XAvatarGroup as XAvatarGroupElement } from "@vanelsas/baredom/x-avatar-group";
|
|
3
|
+
export interface XAvatarGroupProps {
|
|
4
|
+
size?: string;
|
|
5
|
+
overlap?: string;
|
|
6
|
+
max?: number;
|
|
7
|
+
direction?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
label?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
id?: string;
|
|
14
|
+
slot?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const XAvatarGroup: React.ForwardRefExoticComponent<XAvatarGroupProps & React.RefAttributes<XAvatarGroupElement>>;
|
|
17
|
+
//# sourceMappingURL=x-avatar-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-avatar-group.d.ts","sourceRoot":"","sources":["../src/x-avatar-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAK5F,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,+FAaxB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-avatar-group.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-avatar-group";
|
|
6
|
+
init();
|
|
7
|
+
export const XAvatarGroup = forwardRef(function XAvatarGroup(props, forwardedRef) {
|
|
8
|
+
const { children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
return _jsx("x-avatar-group", { ref: setRef, ...rest, children: children });
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=x-avatar-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-avatar-group.js","sourceRoot":"","sources":["../src/x-avatar-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,wEAAwE;AAExE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAExD,IAAI,EAAE,CAAC;AAgBP,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,KAAK,EAAE,YAAY;IACvC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEnD,MAAM,MAAM,GAAG,CAAC,EAA8B,EAAE,EAAE;QAChD,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,yBAAgB,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAkB,CAAC;AAC5E,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XAvatar as XAvatarElement } from "@vanelsas/baredom/x-avatar";
|
|
3
|
+
export interface XAvatarProps {
|
|
4
|
+
initials?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
variant?: string;
|
|
7
|
+
alt?: string;
|
|
8
|
+
name?: string;
|
|
9
|
+
src?: string;
|
|
10
|
+
size?: string;
|
|
11
|
+
status?: string;
|
|
12
|
+
shape?: string;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
id?: string;
|
|
17
|
+
slot?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const XAvatar: React.ForwardRefExoticComponent<XAvatarProps & React.RefAttributes<XAvatarElement>>;
|
|
20
|
+
//# sourceMappingURL=x-avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-avatar.d.ts","sourceRoot":"","sources":["../src/x-avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAK5E,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,OAAO,qFAanB,CAAC"}
|
package/dist/x-avatar.js
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-avatar.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-avatar";
|
|
6
|
+
init();
|
|
7
|
+
export const XAvatar = forwardRef(function XAvatar(props, forwardedRef) {
|
|
8
|
+
const { children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
return _jsx("x-avatar", { ref: setRef, ...rest, children: children });
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=x-avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-avatar.js","sourceRoot":"","sources":["../src/x-avatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,kEAAkE;AAElE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,IAAI,EAAE,CAAC;AAmBP,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,SAAS,OAAO,CAAC,KAAK,EAAE,YAAY;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,MAAM,GAAG,CAAC,EAAyB,EAAE,EAAE;QAC3C,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,mBAAU,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAY,CAAC;AAChE,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XBadge as XBadgeElement } from "@vanelsas/baredom/x-badge";
|
|
3
|
+
export interface XBadgeProps {
|
|
4
|
+
variant?: string;
|
|
5
|
+
size?: string;
|
|
6
|
+
pill?: boolean;
|
|
7
|
+
dot?: boolean;
|
|
8
|
+
count?: number;
|
|
9
|
+
max?: number;
|
|
10
|
+
text?: string;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
id?: string;
|
|
15
|
+
slot?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const XBadge: React.ForwardRefExoticComponent<XBadgeProps & React.RefAttributes<XBadgeElement>>;
|
|
18
|
+
//# sourceMappingURL=x-badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-badge.d.ts","sourceRoot":"","sources":["../src/x-badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAKzE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,MAAM,mFAalB,CAAC"}
|
package/dist/x-badge.js
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-badge.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-badge";
|
|
6
|
+
init();
|
|
7
|
+
export const XBadge = forwardRef(function XBadge(props, forwardedRef) {
|
|
8
|
+
const { children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
return _jsx("x-badge", { ref: setRef, ...rest, children: children });
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=x-badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-badge.js","sourceRoot":"","sources":["../src/x-badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,iEAAiE;AAEjE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEjD,IAAI,EAAE,CAAC;AAiBP,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,SAAS,MAAM,CAAC,KAAK,EAAE,YAAY;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,CAAC,EAAwB,EAAE,EAAE;QAC1C,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,kBAAS,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAW,CAAC;AAC9D,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XBentoGrid as XBentoGridElement } from "@vanelsas/baredom/x-bento-grid";
|
|
3
|
+
export interface XBentoGridProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
id?: string;
|
|
8
|
+
slot?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const XBentoGrid: React.ForwardRefExoticComponent<XBentoGridProps & React.RefAttributes<XBentoGridElement>>;
|
|
11
|
+
//# sourceMappingURL=x-bento-grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-bento-grid.d.ts","sourceRoot":"","sources":["../src/x-bento-grid.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKtF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,2FAatB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-bento-grid.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-bento-grid";
|
|
6
|
+
init();
|
|
7
|
+
export const XBentoGrid = forwardRef(function XBentoGrid(props, forwardedRef) {
|
|
8
|
+
const { children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
return _jsx("x-bento-grid", { ref: setRef, ...rest, children: children });
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=x-bento-grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-bento-grid.js","sourceRoot":"","sources":["../src/x-bento-grid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,sEAAsE;AAEtE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAEtD,IAAI,EAAE,CAAC;AAUP,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CAAC,KAAK,EAAE,YAAY;IACrC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAG,CAAC,EAA4B,EAAE,EAAE;QAC9C,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,uBAAc,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAgB,CAAC;AACxE,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XBentoItem as XBentoItemElement } from "@vanelsas/baredom/x-bento-item";
|
|
3
|
+
export interface XBentoItemProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
id?: string;
|
|
8
|
+
slot?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const XBentoItem: React.ForwardRefExoticComponent<XBentoItemProps & React.RefAttributes<XBentoItemElement>>;
|
|
11
|
+
//# sourceMappingURL=x-bento-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-bento-item.d.ts","sourceRoot":"","sources":["../src/x-bento-item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAKtF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,2FAatB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-bento-item.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-bento-item";
|
|
6
|
+
init();
|
|
7
|
+
export const XBentoItem = forwardRef(function XBentoItem(props, forwardedRef) {
|
|
8
|
+
const { children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
return _jsx("x-bento-item", { ref: setRef, ...rest, children: children });
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=x-bento-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-bento-item.js","sourceRoot":"","sources":["../src/x-bento-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,sEAAsE;AAEtE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAEtD,IAAI,EAAE,CAAC;AAUP,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CAAC,KAAK,EAAE,YAAY;IACrC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAG,CAAC,EAA4B,EAAE,EAAE;QAC9C,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,uBAAc,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAgB,CAAC;AACxE,CAAC,CACF,CAAC"}
|