@proyecto-viviana/ui 0.3.5 → 0.4.1
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 +80 -157
- package/dist/ActionButton.d.ts +2 -0
- package/dist/ActionButton.d.ts.map +1 -0
- package/dist/ActionButton.js +1 -0
- package/dist/ActionButton.jsx +1 -0
- package/dist/ActionMenu.d.ts +2 -0
- package/dist/ActionMenu.d.ts.map +1 -0
- package/dist/ActionMenu.js +1 -0
- package/dist/ActionMenu.jsx +1 -0
- package/dist/Breadcrumbs.d.ts +2 -0
- package/dist/Breadcrumbs.d.ts.map +1 -0
- package/dist/Breadcrumbs.js +1 -0
- package/dist/Breadcrumbs.jsx +1 -0
- package/dist/Button.d.ts +2 -0
- package/dist/Button.d.ts.map +1 -0
- package/dist/Button.js +1 -0
- package/dist/Button.jsx +1 -0
- package/dist/Calendar.d.ts +2 -0
- package/dist/Calendar.d.ts.map +1 -0
- package/dist/Calendar.js +1 -0
- package/dist/Calendar.jsx +1 -0
- package/dist/CalendarCard.d.ts +2 -0
- package/dist/CalendarCard.d.ts.map +1 -0
- package/dist/CalendarCard.js +96 -0
- package/dist/CalendarCard.js.map +1 -0
- package/dist/CalendarCard.jsx +50 -0
- package/dist/CalendarCard.jsx.map +1 -0
- package/dist/Card.d.ts +2 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.js +1 -0
- package/dist/Card.jsx +1 -0
- package/dist/CardView.d.ts +2 -0
- package/dist/CardView.d.ts.map +1 -0
- package/dist/CardView.js +1 -0
- package/dist/CardView.jsx +1 -0
- package/dist/CenterBaseline.d.ts +2 -0
- package/dist/CenterBaseline.d.ts.map +1 -0
- package/dist/CenterBaseline.js +1 -0
- package/dist/CenterBaseline.jsx +1 -0
- package/dist/Chip.d.ts +2 -0
- package/dist/Chip.d.ts.map +1 -0
- package/dist/Chip.js +2 -0
- package/dist/Chip.jsx +2 -0
- package/dist/ColorArea.d.ts +2 -0
- package/dist/ColorArea.d.ts.map +1 -0
- package/dist/ColorArea.js +1 -0
- package/dist/ColorArea.jsx +1 -0
- package/dist/ColorField.d.ts +2 -0
- package/dist/ColorField.d.ts.map +1 -0
- package/dist/ColorField.js +1 -0
- package/dist/ColorField.jsx +1 -0
- package/dist/ColorSlider.d.ts +2 -0
- package/dist/ColorSlider.d.ts.map +1 -0
- package/dist/ColorSlider.js +1 -0
- package/dist/ColorSlider.jsx +1 -0
- package/dist/ColorSwatch.d.ts +2 -0
- package/dist/ColorSwatch.d.ts.map +1 -0
- package/dist/ColorSwatch.js +1 -0
- package/dist/ColorSwatch.jsx +1 -0
- package/dist/ColorSwatchPicker.d.ts +2 -0
- package/dist/ColorSwatchPicker.d.ts.map +1 -0
- package/dist/ColorSwatchPicker.js +1 -0
- package/dist/ColorSwatchPicker.jsx +1 -0
- package/dist/ColorWheel.d.ts +2 -0
- package/dist/ColorWheel.d.ts.map +1 -0
- package/dist/ColorWheel.js +1 -0
- package/dist/ColorWheel.jsx +1 -0
- package/dist/ContrastIcon.d.ts +3 -0
- package/dist/ContrastIcon.d.ts.map +1 -0
- package/dist/ContrastIcon.js +3 -0
- package/dist/ContrastIcon.jsx +3 -0
- package/dist/Conversation.d.ts +2 -0
- package/dist/Conversation.d.ts.map +1 -0
- package/dist/Conversation.js +176 -0
- package/dist/Conversation.js.map +1 -0
- package/dist/Conversation.jsx +106 -0
- package/dist/Conversation.jsx.map +1 -0
- package/dist/Disclosure.d.ts +2 -0
- package/dist/Disclosure.d.ts.map +1 -0
- package/dist/Disclosure.js +1 -0
- package/dist/Disclosure.jsx +1 -0
- package/dist/EventCard.d.ts +2 -0
- package/dist/EventCard.d.ts.map +1 -0
- package/dist/EventCard.js +171 -0
- package/dist/EventCard.js.map +1 -0
- package/dist/EventCard.jsx +94 -0
- package/dist/EventCard.jsx.map +1 -0
- package/dist/FileTrigger.d.ts +2 -0
- package/dist/FileTrigger.d.ts.map +1 -0
- package/dist/FileTrigger.js +1 -0
- package/dist/FileTrigger.jsx +1 -0
- package/dist/GitHubIcon.d.ts +2 -0
- package/dist/GitHubIcon.d.ts.map +1 -0
- package/dist/GitHubIcon.js +1 -0
- package/dist/GitHubIcon.jsx +1 -0
- package/dist/LightenIcon.d.ts +3 -0
- package/dist/LightenIcon.d.ts.map +1 -0
- package/dist/LightenIcon.js +3 -0
- package/dist/LightenIcon.jsx +3 -0
- package/dist/LinkButton.d.ts +2 -0
- package/dist/LinkButton.d.ts.map +1 -0
- package/dist/LinkButton.js +1 -0
- package/dist/LinkButton.jsx +1 -0
- package/dist/ListView.d.ts +2 -0
- package/dist/ListView.d.ts.map +1 -0
- package/dist/ListView.js +1 -0
- package/dist/ListView.jsx +1 -0
- package/dist/Logo.d.ts +2 -0
- package/dist/Logo.d.ts.map +1 -0
- package/dist/Logo.js +116 -0
- package/dist/Logo.js.map +1 -0
- package/dist/Logo.jsx +101 -0
- package/dist/Logo.jsx.map +1 -0
- package/dist/Menu.d.ts +2 -0
- package/dist/Menu.d.ts.map +1 -0
- package/dist/Menu.js +1 -0
- package/dist/Menu.jsx +1 -0
- package/dist/PageLayout.d.ts +2 -0
- package/dist/PageLayout.d.ts.map +1 -0
- package/dist/PageLayout.js +31 -0
- package/dist/PageLayout.js.map +1 -0
- package/dist/PageLayout.jsx +23 -0
- package/dist/PageLayout.jsx.map +1 -0
- package/dist/Picker.d.ts +2 -0
- package/dist/Picker.d.ts.map +1 -0
- package/dist/Picker.js +1 -0
- package/dist/Picker.jsx +1 -0
- package/dist/ProfileCard.d.ts +2 -0
- package/dist/ProfileCard.d.ts.map +1 -0
- package/dist/ProfileCard.js +77 -0
- package/dist/ProfileCard.js.map +1 -0
- package/dist/ProfileCard.jsx +52 -0
- package/dist/ProfileCard.jsx.map +1 -0
- package/dist/ProjectCard.d.ts +2 -0
- package/dist/ProjectCard.d.ts.map +1 -0
- package/dist/ProjectCard.js +162 -0
- package/dist/ProjectCard.js.map +1 -0
- package/dist/ProjectCard.jsx +131 -0
- package/dist/ProjectCard.jsx.map +1 -0
- package/dist/Provider.d.ts +2 -0
- package/dist/Provider.d.ts.map +1 -0
- package/dist/Provider.js +1 -0
- package/dist/Provider.jsx +1 -0
- package/dist/RangeCalendar.d.ts +2 -0
- package/dist/RangeCalendar.d.ts.map +1 -0
- package/dist/RangeCalendar.js +1 -0
- package/dist/RangeCalendar.jsx +1 -0
- package/dist/SearchField.d.ts +2 -0
- package/dist/SearchField.d.ts.map +1 -0
- package/dist/SearchField.js +1 -0
- package/dist/SearchField.jsx +1 -0
- package/dist/SegmentedControl.d.ts +2 -0
- package/dist/SegmentedControl.d.ts.map +1 -0
- package/dist/SegmentedControl.js +1 -0
- package/dist/SegmentedControl.jsx +1 -0
- package/dist/Switch.d.ts +2 -0
- package/dist/Switch.d.ts.map +1 -0
- package/dist/Switch.js +1 -0
- package/dist/Switch.jsx +1 -0
- package/dist/Tabs.d.ts +2 -0
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.js +1 -0
- package/dist/Tabs.jsx +1 -0
- package/dist/TextArea.d.ts +2 -0
- package/dist/TextArea.d.ts.map +1 -0
- package/dist/TextArea.js +1 -0
- package/dist/TextArea.jsx +1 -0
- package/dist/TextField.d.ts +2 -0
- package/dist/TextField.d.ts.map +1 -0
- package/dist/TextField.js +1 -0
- package/dist/TextField.jsx +1 -0
- package/dist/TimelineItem.d.ts +2 -0
- package/dist/TimelineItem.d.ts.map +1 -0
- package/dist/TimelineItem.js +137 -0
- package/dist/TimelineItem.js.map +1 -0
- package/dist/TimelineItem.jsx +70 -0
- package/dist/TimelineItem.jsx.map +1 -0
- package/dist/TreeView.d.ts +2 -0
- package/dist/TreeView.d.ts.map +1 -0
- package/dist/TreeView.js +1 -0
- package/dist/TreeView.jsx +1 -0
- package/dist/chip2.js +82 -0
- package/dist/chip2.js.map +1 -0
- package/dist/chip2.jsx +68 -0
- package/dist/chip2.jsx.map +1 -0
- package/dist/components.css +2 -1077
- package/dist/custom/calendar-card/index.d.ts.map +1 -1
- package/dist/custom/chip/index.d.ts +2 -2
- package/dist/custom/chip/index.d.ts.map +1 -1
- package/dist/custom/conversation/index.d.ts +2 -2
- package/dist/custom/conversation/index.d.ts.map +1 -1
- package/dist/custom/event-card/index.d.ts +1 -1
- package/dist/custom/event-card/index.d.ts.map +1 -1
- package/dist/custom/header/index.d.ts +2 -6
- package/dist/custom/header/index.d.ts.map +1 -1
- package/dist/custom/lateral-nav/index.d.ts +1 -1
- package/dist/custom/lateral-nav/index.d.ts.map +1 -1
- package/dist/custom/logo/index.d.ts +1 -18
- package/dist/custom/logo/index.d.ts.map +1 -1
- package/dist/custom/nav-header/index.d.ts +2 -1
- package/dist/custom/nav-header/index.d.ts.map +1 -1
- package/dist/custom/page-layout/index.d.ts +1 -7
- package/dist/custom/page-layout/index.d.ts.map +1 -1
- package/dist/custom/profile-card/index.d.ts +1 -1
- package/dist/custom/profile-card/index.d.ts.map +1 -1
- package/dist/custom/project-card/index.d.ts +2 -13
- package/dist/custom/project-card/index.d.ts.map +1 -1
- package/dist/custom/timeline-item/index.d.ts +2 -2
- package/dist/custom/timeline-item/index.d.ts.map +1 -1
- package/dist/font-faces.css +1 -0
- package/dist/index.d.ts +1 -104
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -8222
- package/dist/index.jsx +1 -0
- package/dist/style/runtime.d.ts +2 -0
- package/dist/style/runtime.d.ts.map +1 -0
- package/dist/style/runtime.js +1 -0
- package/dist/style/runtime.jsx +1 -0
- package/dist/style.d.ts +2 -0
- package/dist/style.d.ts.map +1 -0
- package/dist/style.js +1 -0
- package/dist/style.jsx +1 -0
- package/dist/styles.css +9 -450
- package/dist/theme.css +2 -101
- package/dist/vite.d.ts +16 -0
- package/dist/vite.d.ts.map +1 -0
- package/dist/vite.js +82 -0
- package/dist/vite.js.map +1 -0
- package/dist/vite.jsx +82 -0
- package/dist/vite.jsx.map +1 -0
- package/dist/viviana-tokens.css +318 -0
- package/package.json +300 -44
- package/src/ActionButton.ts +1 -0
- package/src/ActionMenu.ts +1 -0
- package/src/Breadcrumbs.ts +1 -0
- package/src/Button.ts +1 -0
- package/src/Calendar.ts +1 -0
- package/src/CalendarCard.ts +1 -0
- package/src/Card.ts +1 -0
- package/src/CardView.ts +1 -0
- package/src/CenterBaseline.ts +1 -0
- package/src/Chip.ts +1 -0
- package/src/ColorArea.ts +1 -0
- package/src/ColorField.ts +1 -0
- package/src/ColorSlider.ts +1 -0
- package/src/ColorSwatch.ts +1 -0
- package/src/ColorSwatchPicker.ts +1 -0
- package/src/ColorWheel.ts +1 -0
- package/src/ContrastIcon.ts +2 -0
- package/src/Conversation.ts +1 -0
- package/src/Disclosure.ts +1 -0
- package/src/EventCard.ts +1 -0
- package/src/FileTrigger.ts +1 -0
- package/src/GitHubIcon.ts +1 -0
- package/src/LightenIcon.ts +2 -0
- package/src/LinkButton.ts +1 -0
- package/src/ListView.ts +1 -0
- package/src/Logo.ts +1 -0
- package/src/Menu.ts +1 -0
- package/src/PageLayout.ts +1 -0
- package/src/Picker.ts +1 -0
- package/src/ProfileCard.ts +1 -0
- package/src/ProjectCard.ts +1 -0
- package/src/Provider.ts +1 -0
- package/src/RangeCalendar.ts +1 -0
- package/src/SearchField.ts +1 -0
- package/src/SegmentedControl.ts +1 -0
- package/src/Switch.ts +1 -0
- package/src/Tabs.ts +1 -0
- package/src/TextArea.ts +1 -0
- package/src/TextField.ts +1 -0
- package/src/TimelineItem.ts +1 -0
- package/src/TreeView.ts +1 -0
- package/src/components.css +2 -1077
- package/src/custom/calendar-card/index.tsx +108 -50
- package/src/custom/chip/index.tsx +63 -27
- package/src/custom/conversation/index.tsx +166 -55
- package/src/custom/event-card/index.tsx +195 -74
- package/src/custom/header/index.tsx +64 -33
- package/src/custom/lateral-nav/index.tsx +93 -38
- package/src/custom/logo/index.tsx +41 -39
- package/src/custom/nav-header/index.tsx +89 -25
- package/src/custom/page-layout/index.tsx +23 -19
- package/src/custom/profile-card/index.tsx +94 -35
- package/src/custom/project-card/index.tsx +57 -40
- package/src/custom/timeline-item/index.tsx +91 -48
- package/src/font-faces.css +1 -0
- package/src/index.ts +8 -322
- package/src/style/runtime.ts +2 -0
- package/src/style.ts +5 -0
- package/src/styles.css +6 -450
- package/src/theme.css +2 -101
- package/src/vite.ts +164 -0
- package/src/viviana-tokens.css +318 -0
- package/dist/alert/index.d.ts +0 -12
- package/dist/alert/index.d.ts.map +0 -1
- package/dist/autocomplete/index.d.ts +0 -89
- package/dist/autocomplete/index.d.ts.map +0 -1
- package/dist/avatar/index.d.ts +0 -17
- package/dist/avatar/index.d.ts.map +0 -1
- package/dist/badge/index.d.ts +0 -12
- package/dist/badge/index.d.ts.map +0 -1
- package/dist/breadcrumbs/index.d.ts +0 -38
- package/dist/breadcrumbs/index.d.ts.map +0 -1
- package/dist/button/Button.d.ts +0 -19
- package/dist/button/Button.d.ts.map +0 -1
- package/dist/button/index.d.ts +0 -3
- package/dist/button/index.d.ts.map +0 -1
- package/dist/button/types.d.ts +0 -23
- package/dist/button/types.d.ts.map +0 -1
- package/dist/calendar/DateField.d.ts +0 -47
- package/dist/calendar/DateField.d.ts.map +0 -1
- package/dist/calendar/DatePicker.d.ts +0 -48
- package/dist/calendar/DatePicker.d.ts.map +0 -1
- package/dist/calendar/RangeCalendar.d.ts +0 -42
- package/dist/calendar/RangeCalendar.d.ts.map +0 -1
- package/dist/calendar/TimeField.d.ts +0 -44
- package/dist/calendar/TimeField.d.ts.map +0 -1
- package/dist/calendar/index.d.ts +0 -50
- package/dist/calendar/index.d.ts.map +0 -1
- package/dist/checkbox/index.d.ts +0 -43
- package/dist/checkbox/index.d.ts.map +0 -1
- package/dist/color/index.d.ts +0 -228
- package/dist/color/index.d.ts.map +0 -1
- package/dist/combobox/index.d.ts +0 -81
- package/dist/combobox/index.d.ts.map +0 -1
- package/dist/dialog/Dialog.d.ts +0 -67
- package/dist/dialog/Dialog.d.ts.map +0 -1
- package/dist/dialog/index.d.ts +0 -3
- package/dist/dialog/index.d.ts.map +0 -1
- package/dist/disclosure/index.d.ts +0 -84
- package/dist/disclosure/index.d.ts.map +0 -1
- package/dist/gridlist/index.d.ts +0 -92
- package/dist/gridlist/index.d.ts.map +0 -1
- package/dist/icon/icons/GitHubIcon.d.ts +0 -7
- package/dist/icon/icons/GitHubIcon.d.ts.map +0 -1
- package/dist/icon/index.d.ts +0 -28
- package/dist/icon/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -7
- package/dist/index.ssr.js +0 -6631
- package/dist/index.ssr.js.map +0 -7
- package/dist/landmark/index.d.ts +0 -83
- package/dist/landmark/index.d.ts.map +0 -1
- package/dist/link/index.d.ts +0 -39
- package/dist/link/index.d.ts.map +0 -1
- package/dist/listbox/index.d.ts +0 -47
- package/dist/listbox/index.d.ts.map +0 -1
- package/dist/menu/index.d.ts +0 -74
- package/dist/menu/index.d.ts.map +0 -1
- package/dist/meter/index.d.ts +0 -49
- package/dist/meter/index.d.ts.map +0 -1
- package/dist/numberfield/index.d.ts +0 -50
- package/dist/numberfield/index.d.ts.map +0 -1
- package/dist/popover/index.d.ts +0 -85
- package/dist/popover/index.d.ts.map +0 -1
- package/dist/progress-bar/index.d.ts +0 -49
- package/dist/progress-bar/index.d.ts.map +0 -1
- package/dist/radio/index.d.ts +0 -46
- package/dist/radio/index.d.ts.map +0 -1
- package/dist/searchfield/index.d.ts +0 -44
- package/dist/searchfield/index.d.ts.map +0 -1
- package/dist/select/index.d.ts +0 -72
- package/dist/select/index.d.ts.map +0 -1
- package/dist/separator/index.d.ts +0 -42
- package/dist/separator/index.d.ts.map +0 -1
- package/dist/slider/index.d.ts +0 -53
- package/dist/slider/index.d.ts.map +0 -1
- package/dist/switch/ToggleSwitch.d.ts +0 -28
- package/dist/switch/ToggleSwitch.d.ts.map +0 -1
- package/dist/switch/index.d.ts +0 -26
- package/dist/switch/index.d.ts.map +0 -1
- package/dist/table/index.d.ts +0 -140
- package/dist/table/index.d.ts.map +0 -1
- package/dist/tabs/index.d.ts +0 -56
- package/dist/tabs/index.d.ts.map +0 -1
- package/dist/tag-group/index.d.ts +0 -80
- package/dist/tag-group/index.d.ts.map +0 -1
- package/dist/test-utils/index.d.ts +0 -44
- package/dist/test-utils/index.d.ts.map +0 -1
- package/dist/textfield/index.d.ts +0 -31
- package/dist/textfield/index.d.ts.map +0 -1
- package/dist/toast/index.d.ts +0 -101
- package/dist/toast/index.d.ts.map +0 -1
- package/dist/toolbar/index.d.ts +0 -42
- package/dist/toolbar/index.d.ts.map +0 -1
- package/dist/tooltip/index.d.ts +0 -78
- package/dist/tooltip/index.d.ts.map +0 -1
- package/dist/tree/index.d.ts +0 -99
- package/dist/tree/index.d.ts.map +0 -1
- package/src/alert/index.tsx +0 -48
- package/src/assets/favicon.png +0 -0
- package/src/assets/fire.gif +0 -0
- package/src/autocomplete/index.tsx +0 -313
- package/src/avatar/index.tsx +0 -75
- package/src/badge/index.tsx +0 -43
- package/src/breadcrumbs/index.tsx +0 -207
- package/src/button/Button.tsx +0 -74
- package/src/button/index.ts +0 -2
- package/src/button/types.ts +0 -24
- package/src/calendar/DateField.tsx +0 -200
- package/src/calendar/DatePicker.tsx +0 -298
- package/src/calendar/RangeCalendar.tsx +0 -236
- package/src/calendar/TimeField.tsx +0 -196
- package/src/calendar/index.tsx +0 -223
- package/src/checkbox/index.tsx +0 -257
- package/src/color/index.tsx +0 -687
- package/src/combobox/index.tsx +0 -383
- package/src/dialog/Dialog.tsx +0 -260
- package/src/dialog/index.tsx +0 -3
- package/src/disclosure/index.tsx +0 -307
- package/src/gridlist/index.tsx +0 -403
- package/src/icon/icons/GitHubIcon.tsx +0 -20
- package/src/icon/index.tsx +0 -48
- package/src/landmark/index.tsx +0 -231
- package/src/link/index.tsx +0 -130
- package/src/listbox/index.tsx +0 -231
- package/src/menu/index.tsx +0 -297
- package/src/meter/index.tsx +0 -163
- package/src/numberfield/index.tsx +0 -482
- package/src/popover/index.tsx +0 -260
- package/src/progress-bar/index.tsx +0 -169
- package/src/radio/index.tsx +0 -173
- package/src/searchfield/index.tsx +0 -453
- package/src/select/index.tsx +0 -349
- package/src/separator/index.tsx +0 -141
- package/src/slider/index.tsx +0 -382
- package/src/switch/ToggleSwitch.tsx +0 -112
- package/src/switch/index.tsx +0 -90
- package/src/table/index.tsx +0 -531
- package/src/tabs/index.tsx +0 -273
- package/src/tag-group/index.tsx +0 -240
- package/src/test-utils/index.ts +0 -40
- package/src/textfield/index.tsx +0 -211
- package/src/toast/index.tsx +0 -324
- package/src/toolbar/index.tsx +0 -108
- package/src/tooltip/index.tsx +0 -197
- package/src/tree/index.tsx +0 -494
package/dist/combobox/index.d.ts
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* ComboBox component for proyecto-viviana-ui
|
|
3
|
-
*
|
|
4
|
-
* Styled combobox component built on top of solidaria-components.
|
|
5
|
-
* Inspired by Spectrum 2's ComboBox component patterns.
|
|
6
|
-
*/
|
|
7
|
-
import { type JSX } from 'solid-js';
|
|
8
|
-
import { defaultContainsFilter, type ComboBoxProps as HeadlessComboBoxProps, type ComboBoxInputProps as HeadlessComboBoxInputProps, type ComboBoxButtonProps as HeadlessComboBoxButtonProps, type ComboBoxListBoxProps as HeadlessComboBoxListBoxProps, type ComboBoxOptionProps as HeadlessComboBoxOptionProps } from '@proyecto-viviana/solidaria-components';
|
|
9
|
-
import type { Key, FilterFn, MenuTriggerAction } from '@proyecto-viviana/solid-stately';
|
|
10
|
-
export type ComboBoxSize = 'sm' | 'md' | 'lg';
|
|
11
|
-
export interface ComboBoxProps<T> extends Omit<HeadlessComboBoxProps<T>, 'class' | 'style'> {
|
|
12
|
-
/** The size of the combobox. */
|
|
13
|
-
size?: ComboBoxSize;
|
|
14
|
-
/** Additional CSS class name. */
|
|
15
|
-
class?: string;
|
|
16
|
-
/** Label for the combobox. */
|
|
17
|
-
label?: string;
|
|
18
|
-
/** Description for the combobox. */
|
|
19
|
-
description?: string;
|
|
20
|
-
/** Error message when invalid. */
|
|
21
|
-
errorMessage?: string;
|
|
22
|
-
/** Whether the combobox is invalid. */
|
|
23
|
-
isInvalid?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export interface ComboBoxInputProps extends Omit<HeadlessComboBoxInputProps, 'class' | 'style'> {
|
|
26
|
-
/** Additional CSS class name. */
|
|
27
|
-
class?: string;
|
|
28
|
-
}
|
|
29
|
-
export interface ComboBoxButtonProps extends Omit<HeadlessComboBoxButtonProps, 'class' | 'style'> {
|
|
30
|
-
/** Additional CSS class name. */
|
|
31
|
-
class?: string;
|
|
32
|
-
}
|
|
33
|
-
export interface ComboBoxListBoxProps<T> extends Omit<HeadlessComboBoxListBoxProps<T>, 'class' | 'style'> {
|
|
34
|
-
/** Additional CSS class name. */
|
|
35
|
-
class?: string;
|
|
36
|
-
}
|
|
37
|
-
export interface ComboBoxOptionProps<T> extends Omit<HeadlessComboBoxOptionProps<T>, 'class' | 'style'> {
|
|
38
|
-
/** Additional CSS class name. */
|
|
39
|
-
class?: string;
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* A combobox combines a text input with a listbox, allowing users to filter a list of options.
|
|
43
|
-
*
|
|
44
|
-
* Built on solidaria-components ComboBox for full accessibility support.
|
|
45
|
-
*/
|
|
46
|
-
export declare function ComboBox<T>(props: ComboBoxProps<T>): JSX.Element;
|
|
47
|
-
export declare namespace ComboBox {
|
|
48
|
-
var InputGroup: typeof ComboBoxInputGroup;
|
|
49
|
-
var Input: typeof ComboBoxInput;
|
|
50
|
-
var Button: typeof ComboBoxButton;
|
|
51
|
-
var ListBox: typeof ComboBoxListBox;
|
|
52
|
-
var Option: typeof ComboBoxOption;
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* A wrapper for the input and button that provides proper styling.
|
|
56
|
-
*/
|
|
57
|
-
export declare function ComboBoxInputGroup(props: {
|
|
58
|
-
children: JSX.Element;
|
|
59
|
-
class?: string;
|
|
60
|
-
}): JSX.Element;
|
|
61
|
-
/**
|
|
62
|
-
* The text input for a combobox.
|
|
63
|
-
*/
|
|
64
|
-
export declare function ComboBoxInput(props: ComboBoxInputProps): JSX.Element;
|
|
65
|
-
/**
|
|
66
|
-
* The trigger button for a combobox.
|
|
67
|
-
* SSR-compatible - renders children or chevron icon directly without render props.
|
|
68
|
-
*/
|
|
69
|
-
export declare function ComboBoxButton(props: ComboBoxButtonProps): JSX.Element;
|
|
70
|
-
/**
|
|
71
|
-
* The listbox popup for a combobox.
|
|
72
|
-
*/
|
|
73
|
-
export declare function ComboBoxListBox<T>(props: ComboBoxListBoxProps<T>): JSX.Element;
|
|
74
|
-
/**
|
|
75
|
-
* An option in a combobox listbox.
|
|
76
|
-
* SSR-compatible - renders check icon and content directly without render props.
|
|
77
|
-
*/
|
|
78
|
-
export declare function ComboBoxOption<T>(props: ComboBoxOptionProps<T>): JSX.Element;
|
|
79
|
-
export type { Key, FilterFn, MenuTriggerAction };
|
|
80
|
-
export { defaultContainsFilter };
|
|
81
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAML,qBAAqB,EACrB,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,kBAAkB,IAAI,0BAA0B,EACrD,KAAK,mBAAmB,IAAI,2BAA2B,EACvD,KAAK,oBAAoB,IAAI,4BAA4B,EACzD,KAAK,mBAAmB,IAAI,2BAA2B,EAMxD,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAMvF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQ7C,MAAM,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzF,gCAAgC;IAChC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7F,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,2BAA2B,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/F,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACvG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACrG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAqCD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAwChE;yBAxCe,QAAQ;;;;;;;AA8CxB;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAShG;AAMD;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkCpE;AAMD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAgCtE;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAgB9E;AAMD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA8C5E;AA0CD,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
|
package/dist/dialog/Dialog.d.ts
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Dialog component for proyecto-viviana-ui
|
|
3
|
-
*
|
|
4
|
-
* Styled dialog component with overlay and backdrop.
|
|
5
|
-
* Follows Spectrum 2 design patterns.
|
|
6
|
-
*/
|
|
7
|
-
import { type JSX } from 'solid-js';
|
|
8
|
-
export type DialogSize = 'sm' | 'md' | 'lg' | 'fullscreen';
|
|
9
|
-
export interface DialogProps {
|
|
10
|
-
/** The size of the dialog. */
|
|
11
|
-
size?: DialogSize;
|
|
12
|
-
/** Whether the dialog can be dismissed by clicking the X button. */
|
|
13
|
-
isDismissable?: boolean;
|
|
14
|
-
/** Additional CSS class name. */
|
|
15
|
-
class?: string;
|
|
16
|
-
/** The title of the dialog. */
|
|
17
|
-
title?: string;
|
|
18
|
-
/** The children content. */
|
|
19
|
-
children: JSX.Element;
|
|
20
|
-
/** Callback when dialog should close */
|
|
21
|
-
onClose?: () => void;
|
|
22
|
-
/** ARIA role - defaults to 'dialog' */
|
|
23
|
-
role?: 'dialog' | 'alertdialog';
|
|
24
|
-
/** ARIA label */
|
|
25
|
-
'aria-label'?: string;
|
|
26
|
-
/** ARIA labelledby */
|
|
27
|
-
'aria-labelledby'?: string;
|
|
28
|
-
}
|
|
29
|
-
export interface DialogTriggerProps {
|
|
30
|
-
/** Button to trigger the dialog. */
|
|
31
|
-
trigger: JSX.Element;
|
|
32
|
-
/** The dialog content - receives close function. */
|
|
33
|
-
content: (close: () => void) => JSX.Element;
|
|
34
|
-
/** Whether the dialog is controlled. */
|
|
35
|
-
isOpen?: boolean;
|
|
36
|
-
/** Callback when open state changes. */
|
|
37
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
38
|
-
/** Whether clicking outside the dialog closes it. Defaults to true. */
|
|
39
|
-
isDismissable?: boolean;
|
|
40
|
-
/** Whether pressing Escape closes the dialog. Defaults to true. */
|
|
41
|
-
isKeyboardDismissDisabled?: boolean;
|
|
42
|
-
}
|
|
43
|
-
interface DialogContextValue {
|
|
44
|
-
close: () => void;
|
|
45
|
-
}
|
|
46
|
-
export declare function useDialogContext(): DialogContextValue | null;
|
|
47
|
-
/**
|
|
48
|
-
* A dialog is an overlay shown above other content in an application.
|
|
49
|
-
*/
|
|
50
|
-
export declare function Dialog(props: DialogProps): JSX.Element;
|
|
51
|
-
/**
|
|
52
|
-
* DialogTrigger wraps a trigger button and dialog content.
|
|
53
|
-
* Handles opening/closing the dialog with overlay and backdrop.
|
|
54
|
-
*/
|
|
55
|
-
export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element;
|
|
56
|
-
export interface DialogFooterProps {
|
|
57
|
-
/** Footer content, typically buttons. */
|
|
58
|
-
children: JSX.Element;
|
|
59
|
-
/** Additional CSS class. */
|
|
60
|
-
class?: string;
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* Footer section for dialog actions.
|
|
64
|
-
*/
|
|
65
|
-
export declare function DialogFooter(props: DialogFooterProps): JSX.Element;
|
|
66
|
-
export {};
|
|
67
|
-
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+G,MAAM,UAAU,CAAA;AAQhJ,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAA;AAE1D,MAAM,WAAW,WAAW;IAC1B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAC/B,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,oDAAoD;IACpD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC,OAAO,CAAA;IAC3C,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mEAAmE;IACnE,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC;AAMD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAID,wBAAgB,gBAAgB,IAAI,kBAAkB,GAAG,IAAI,CAE5D;AAiBD;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6DtD;AAMD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAiFpE;AAMD,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAMlE"}
|
package/dist/dialog/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAC9D,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Disclosure and Accordion components for proyecto-viviana-ui
|
|
3
|
-
*
|
|
4
|
-
* Styled disclosure/accordion components built on top of solidaria-components.
|
|
5
|
-
* Inspired by Spectrum 2's disclosure patterns.
|
|
6
|
-
*/
|
|
7
|
-
import { type JSX } from 'solid-js';
|
|
8
|
-
import { type DisclosureProps as HeadlessDisclosureProps, type DisclosureGroupProps as HeadlessDisclosureGroupProps, type DisclosureTriggerProps as HeadlessDisclosureTriggerProps, type DisclosurePanelProps as HeadlessDisclosurePanelProps } from '@proyecto-viviana/solidaria-components';
|
|
9
|
-
export type DisclosureSize = 'sm' | 'md' | 'lg';
|
|
10
|
-
export type DisclosureVariant = 'default' | 'bordered' | 'filled' | 'ghost';
|
|
11
|
-
export interface DisclosureGroupProps extends Omit<HeadlessDisclosureGroupProps, 'class' | 'style'> {
|
|
12
|
-
/** The size of all disclosures in the group. */
|
|
13
|
-
size?: DisclosureSize;
|
|
14
|
-
/** The visual variant of all disclosures in the group. */
|
|
15
|
-
variant?: DisclosureVariant;
|
|
16
|
-
/** Additional CSS class name. */
|
|
17
|
-
class?: string;
|
|
18
|
-
}
|
|
19
|
-
export interface DisclosureProps extends Omit<HeadlessDisclosureProps, 'class' | 'style'> {
|
|
20
|
-
/** The size of the disclosure. Overrides group size if set. */
|
|
21
|
-
size?: DisclosureSize;
|
|
22
|
-
/** The visual variant. Overrides group variant if set. */
|
|
23
|
-
variant?: DisclosureVariant;
|
|
24
|
-
/** Additional CSS class name. */
|
|
25
|
-
class?: string;
|
|
26
|
-
}
|
|
27
|
-
export interface DisclosureTriggerProps extends Omit<HeadlessDisclosureTriggerProps, 'class' | 'style'> {
|
|
28
|
-
/** Additional CSS class name. */
|
|
29
|
-
class?: string;
|
|
30
|
-
/** Optional icon to show (defaults to chevron). */
|
|
31
|
-
hideIcon?: boolean;
|
|
32
|
-
}
|
|
33
|
-
export interface DisclosurePanelProps extends Omit<HeadlessDisclosurePanelProps, 'class' | 'style'> {
|
|
34
|
-
/** Additional CSS class name. */
|
|
35
|
-
class?: string;
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* DisclosureGroup manages a group of Disclosure components.
|
|
39
|
-
* Use this to create an accordion where only one item can be expanded at a time.
|
|
40
|
-
*
|
|
41
|
-
* @example
|
|
42
|
-
* ```tsx
|
|
43
|
-
* <DisclosureGroup>
|
|
44
|
-
* <Disclosure id="item1">
|
|
45
|
-
* <DisclosureTrigger>Section 1</DisclosureTrigger>
|
|
46
|
-
* <DisclosurePanel>Content 1</DisclosurePanel>
|
|
47
|
-
* </Disclosure>
|
|
48
|
-
* <Disclosure id="item2">
|
|
49
|
-
* <DisclosureTrigger>Section 2</DisclosureTrigger>
|
|
50
|
-
* <DisclosurePanel>Content 2</DisclosurePanel>
|
|
51
|
-
* </Disclosure>
|
|
52
|
-
* </DisclosureGroup>
|
|
53
|
-
* ```
|
|
54
|
-
*/
|
|
55
|
-
export declare function DisclosureGroup(props: DisclosureGroupProps): JSX.Element;
|
|
56
|
-
export declare namespace DisclosureGroup {
|
|
57
|
-
var Item: typeof Disclosure;
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* Disclosure is a widget that can be toggled to show or hide content.
|
|
61
|
-
*
|
|
62
|
-
* @example
|
|
63
|
-
* ```tsx
|
|
64
|
-
* <Disclosure>
|
|
65
|
-
* <DisclosureTrigger>Show more</DisclosureTrigger>
|
|
66
|
-
* <DisclosurePanel>Hidden content here...</DisclosurePanel>
|
|
67
|
-
* </Disclosure>
|
|
68
|
-
* ```
|
|
69
|
-
*/
|
|
70
|
-
export declare function Disclosure(props: DisclosureProps): JSX.Element;
|
|
71
|
-
export declare namespace Disclosure {
|
|
72
|
-
var Trigger: typeof DisclosureTrigger;
|
|
73
|
-
var Panel: typeof DisclosurePanel;
|
|
74
|
-
}
|
|
75
|
-
/**
|
|
76
|
-
* DisclosureTrigger is the button that toggles the disclosure.
|
|
77
|
-
* The chevron rotates based on the data-expanded attribute using Tailwind's group class.
|
|
78
|
-
*/
|
|
79
|
-
export declare function DisclosureTrigger(props: DisclosureTriggerProps): JSX.Element;
|
|
80
|
-
/**
|
|
81
|
-
* DisclosurePanel contains the content that is shown/hidden.
|
|
82
|
-
*/
|
|
83
|
-
export declare function DisclosurePanel(props: DisclosurePanelProps): JSX.Element;
|
|
84
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAC;AACjF,OAAO,EAKL,KAAK,eAAe,IAAI,uBAAuB,EAC/C,KAAK,oBAAoB,IAAI,4BAA4B,EACzD,KAAK,sBAAsB,IAAI,8BAA8B,EAC7D,KAAK,oBAAoB,IAAI,4BAA4B,EAG1D,MAAM,wCAAwC,CAAC;AAMhD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAgB5E,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,OAAO,GAAG,OAAO,CAAC;IACjG,gDAAgD;IAChD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,GAAG,OAAO,CAAC;IACvF,+DAA+D;IAC/D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,8BAA8B,EAAE,OAAO,GAAG,OAAO,CAAC;IACrG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,OAAO,GAAG,OAAO,CAAC;IACjG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA0BxE;yBA1Be,eAAe;;;AAgC/B;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA2B9D;yBA3Be,UAAU;;;;AAiC1B;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAoC5E;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAkBxE"}
|
package/dist/gridlist/index.d.ts
DELETED
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* GridList component for proyecto-viviana-ui
|
|
3
|
-
*
|
|
4
|
-
* Styled grid list component built on top of solidaria-components.
|
|
5
|
-
* Inspired by Spectrum 2's GridList component patterns.
|
|
6
|
-
*
|
|
7
|
-
* GridList is similar to ListBox but supports interactive elements within items
|
|
8
|
-
* and uses grid keyboard navigation.
|
|
9
|
-
*/
|
|
10
|
-
import { type JSX } from 'solid-js';
|
|
11
|
-
import { type GridListProps as HeadlessGridListProps, type GridListItemProps as HeadlessGridListItemProps } from '@proyecto-viviana/solidaria-components';
|
|
12
|
-
import type { Key } from '@proyecto-viviana/solid-stately';
|
|
13
|
-
export type GridListSize = 'sm' | 'md' | 'lg';
|
|
14
|
-
export type GridListVariant = 'default' | 'cards' | 'bordered';
|
|
15
|
-
export type GridListLayout = 'list' | 'grid';
|
|
16
|
-
export interface GridListProps<T extends object> extends Omit<HeadlessGridListProps<T>, 'class' | 'style'> {
|
|
17
|
-
/** The size of the grid list. */
|
|
18
|
-
size?: GridListSize;
|
|
19
|
-
/** The visual variant of the grid list. */
|
|
20
|
-
variant?: GridListVariant;
|
|
21
|
-
/** The layout of the grid list. */
|
|
22
|
-
layout?: GridListLayout;
|
|
23
|
-
/** Number of columns for grid layout (default: auto-fit). */
|
|
24
|
-
columns?: number | 'auto';
|
|
25
|
-
/** Additional CSS class name. */
|
|
26
|
-
class?: string;
|
|
27
|
-
/** Label for the grid list. */
|
|
28
|
-
label?: string;
|
|
29
|
-
/** Description for the grid list. */
|
|
30
|
-
description?: string;
|
|
31
|
-
}
|
|
32
|
-
export interface GridListItemProps<T extends object> extends Omit<HeadlessGridListItemProps<T>, 'class' | 'style'> {
|
|
33
|
-
/** Additional CSS class name. */
|
|
34
|
-
class?: string;
|
|
35
|
-
/** Optional description text. */
|
|
36
|
-
description?: string;
|
|
37
|
-
/**
|
|
38
|
-
* Optional icon to display before the content.
|
|
39
|
-
* Use a function returning JSX for SSR compatibility: `icon={() => <MyIcon />}`
|
|
40
|
-
*/
|
|
41
|
-
icon?: () => JSX.Element;
|
|
42
|
-
/**
|
|
43
|
-
* Optional image to display in the item.
|
|
44
|
-
*/
|
|
45
|
-
image?: string;
|
|
46
|
-
/** Alt text for the image. */
|
|
47
|
-
imageAlt?: string;
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* A grid list displays a list of interactive items, with support for
|
|
51
|
-
* keyboard navigation, single or multiple selection, and row actions.
|
|
52
|
-
*
|
|
53
|
-
* Built on solidaria-components GridList for full accessibility support.
|
|
54
|
-
*
|
|
55
|
-
* @example
|
|
56
|
-
* ```tsx
|
|
57
|
-
* const items = [
|
|
58
|
-
* { id: '1', name: 'Item 1', description: 'Description 1' },
|
|
59
|
-
* { id: '2', name: 'Item 2', description: 'Description 2' },
|
|
60
|
-
* ]
|
|
61
|
-
*
|
|
62
|
-
* <GridList
|
|
63
|
-
* items={items}
|
|
64
|
-
* getKey={(item) => item.id}
|
|
65
|
-
* selectionMode="multiple"
|
|
66
|
-
* >
|
|
67
|
-
* {(item) => (
|
|
68
|
-
* <GridListItem id={item.id} description={item.description}>
|
|
69
|
-
* {item.name}
|
|
70
|
-
* </GridListItem>
|
|
71
|
-
* )}
|
|
72
|
-
* </GridList>
|
|
73
|
-
* ```
|
|
74
|
-
*/
|
|
75
|
-
export declare function GridList<T extends object>(props: GridListProps<T>): JSX.Element;
|
|
76
|
-
export declare namespace GridList {
|
|
77
|
-
var Item: typeof GridListItem;
|
|
78
|
-
var SelectionCheckbox: typeof GridListSelectionCheckbox;
|
|
79
|
-
}
|
|
80
|
-
/**
|
|
81
|
-
* An item in a grid list.
|
|
82
|
-
*/
|
|
83
|
-
export declare function GridListItem<T extends object>(props: GridListItemProps<T>): JSX.Element;
|
|
84
|
-
/**
|
|
85
|
-
* A styled checkbox for item selection in a grid list.
|
|
86
|
-
*/
|
|
87
|
-
export declare function GridListSelectionCheckbox(props: {
|
|
88
|
-
itemKey: Key;
|
|
89
|
-
class?: string;
|
|
90
|
-
}): JSX.Element;
|
|
91
|
-
export type { Key };
|
|
92
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/gridlist/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAIL,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,iBAAiB,IAAI,yBAAyB,EAGpD,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAA;AAM1D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC7C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;AAC9D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAkB5C,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAC7C,SAAQ,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzD,iCAAiC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,mCAAmC;IACnC,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CACjD,SAAQ,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7D,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA6DD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA+E/E;yBA/Ee,QAAQ;;;;AAqFxB;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAoFvF;AAMD;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAAE,OAAO,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAU9F;AA2CD,YAAY,EAAE,GAAG,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GitHubIcon.d.ts","sourceRoot":"","sources":["../../../src/icon/icons/GitHubIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAY9D"}
|
package/dist/icon/index.d.ts
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import type { Component, JSX } from 'solid-js';
|
|
2
|
-
export interface IconProps {
|
|
3
|
-
/** The icon component to render (should accept size and color props) */
|
|
4
|
-
icon: Component<{
|
|
5
|
-
size?: string | number;
|
|
6
|
-
color?: string;
|
|
7
|
-
}>;
|
|
8
|
-
/** Size of the icon (e.g., '24px' or 24) */
|
|
9
|
-
size?: string | number;
|
|
10
|
-
/** Color of the icon */
|
|
11
|
-
color?: string;
|
|
12
|
-
/** Whether to show the accent shadow effect (4px offset to bottom) */
|
|
13
|
-
withShadow?: boolean;
|
|
14
|
-
/** Additional CSS class */
|
|
15
|
-
class?: string;
|
|
16
|
-
/** Click handler */
|
|
17
|
-
onClick?: () => void;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Icon wrapper component with optional accent shadow effect.
|
|
21
|
-
*
|
|
22
|
-
* The shadow effect creates a 4px offset accent-colored duplicate
|
|
23
|
-
* of the icon behind it for a stylized look.
|
|
24
|
-
*/
|
|
25
|
-
export declare function Icon(props: IconProps): JSX.Element;
|
|
26
|
-
export { GitHubIcon } from './icons/GitHubIcon';
|
|
27
|
-
export type { GitHubIconProps } from './icons/GitHubIcon';
|
|
28
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/icon/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,IAAI,EAAE,SAAS,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC3D,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAoBlD;AAGD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA"}
|