@proyecto-viviana/ui 0.3.4 → 0.4.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 +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 +97 -0
- package/dist/CalendarCard.js.map +1 -0
- package/dist/CalendarCard.jsx +51 -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 +177 -0
- package/dist/Conversation.js.map +1 -0
- package/dist/Conversation.jsx +107 -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 +173 -0
- package/dist/EventCard.js.map +1 -0
- package/dist/EventCard.jsx +96 -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 +78 -0
- package/dist/ProfileCard.js.map +1 -0
- package/dist/ProfileCard.jsx +53 -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 +164 -0
- package/dist/ProjectCard.js.map +1 -0
- package/dist/ProjectCard.jsx +133 -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 +15 -0
- package/dist/vite.d.ts.map +1 -0
- package/dist/vite.js +74 -0
- package/dist/vite.js.map +1 -0
- package/dist/vite.jsx +74 -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 +99 -50
- package/src/custom/chip/index.tsx +59 -27
- package/src/custom/conversation/index.tsx +149 -55
- package/src/custom/event-card/index.tsx +174 -74
- package/src/custom/header/index.tsx +64 -33
- package/src/custom/lateral-nav/index.tsx +84 -38
- package/src/custom/logo/index.tsx +34 -39
- package/src/custom/nav-header/index.tsx +81 -25
- package/src/custom/page-layout/index.tsx +23 -19
- package/src/custom/profile-card/index.tsx +85 -35
- package/src/custom/project-card/index.tsx +57 -40
- package/src/custom/timeline-item/index.tsx +83 -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 +152 -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
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/calendar/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AACtD,OAAO,EAML,KAAK,eAAe,IAAI,uBAAuB,EAC/C,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AA4BhD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC9D,SAAQ,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACxE,4CAA4C;IAC5C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAkCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EAC3D,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GACxB,GAAG,CAAC,OAAO,CA6Ib;AAqCD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* RangeCalendar component for proyecto-viviana-ui
|
|
3
|
-
*
|
|
4
|
-
* Styled range calendar component built on top of solidaria-components.
|
|
5
|
-
* A range calendar displays a grid of days and allows users to select a date range.
|
|
6
|
-
*/
|
|
7
|
-
import { type JSX } from 'solid-js';
|
|
8
|
-
import { type CalendarDate, type DateValue, type RangeValue } from '@proyecto-viviana/solidaria-components';
|
|
9
|
-
import type { RangeCalendarStateProps } from '@proyecto-viviana/solid-stately';
|
|
10
|
-
export type RangeCalendarSize = 'sm' | 'md' | 'lg';
|
|
11
|
-
export interface RangeCalendarProps<T extends DateValue = DateValue> extends Omit<RangeCalendarStateProps<T>, 'locale'> {
|
|
12
|
-
/** The size of the calendar. @default 'md' */
|
|
13
|
-
size?: RangeCalendarSize;
|
|
14
|
-
/** Additional CSS class name. */
|
|
15
|
-
class?: string;
|
|
16
|
-
/** The locale to use for formatting. */
|
|
17
|
-
locale?: string;
|
|
18
|
-
/** Custom aria label. */
|
|
19
|
-
'aria-label'?: string;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* A range calendar displays a grid of days and allows users to select a date range.
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* ```tsx
|
|
26
|
-
* // Basic usage
|
|
27
|
-
* <RangeCalendar
|
|
28
|
-
* aria-label="Trip dates"
|
|
29
|
-
* onChange={(range) => console.log(range)}
|
|
30
|
-
* />
|
|
31
|
-
*
|
|
32
|
-
* // Controlled
|
|
33
|
-
* const [range, setRange] = createSignal<RangeValue<CalendarDate> | null>(null);
|
|
34
|
-
* <RangeCalendar
|
|
35
|
-
* value={range()}
|
|
36
|
-
* onChange={setRange}
|
|
37
|
-
* />
|
|
38
|
-
* ```
|
|
39
|
-
*/
|
|
40
|
-
export declare function RangeCalendar<T extends DateValue = CalendarDate>(props: RangeCalendarProps<T>): JSX.Element;
|
|
41
|
-
export type { RangeValue };
|
|
42
|
-
//# sourceMappingURL=RangeCalendar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../src/calendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAM/E,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CACjE,SAAQ,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;IAClD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EAC9D,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC3B,GAAG,CAAC,OAAO,CAgJb;AAGD,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* TimeField component for proyecto-viviana-ui
|
|
3
|
-
*
|
|
4
|
-
* Styled time field component with segment-based editing.
|
|
5
|
-
*/
|
|
6
|
-
import { type JSX } from 'solid-js';
|
|
7
|
-
import { type TimeFieldProps as HeadlessTimeFieldProps, type TimeValue } from '@proyecto-viviana/solidaria-components';
|
|
8
|
-
export type TimeFieldSize = 'sm' | 'md' | 'lg';
|
|
9
|
-
export interface TimeFieldProps<T extends TimeValue = TimeValue> extends Omit<HeadlessTimeFieldProps<T>, 'class' | 'style' | 'children'> {
|
|
10
|
-
/** The size of the field. @default 'md' */
|
|
11
|
-
size?: TimeFieldSize;
|
|
12
|
-
/** Additional CSS class name. */
|
|
13
|
-
class?: string;
|
|
14
|
-
/** Label for the field. */
|
|
15
|
-
label?: string;
|
|
16
|
-
/** Description text. */
|
|
17
|
-
description?: string;
|
|
18
|
-
/** Error message. */
|
|
19
|
-
errorMessage?: string;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* A time field allows users to enter and edit time values using a keyboard.
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* ```tsx
|
|
26
|
-
* // Basic usage
|
|
27
|
-
* <TimeField label="Start time" />
|
|
28
|
-
*
|
|
29
|
-
* // With 24-hour format
|
|
30
|
-
* <TimeField
|
|
31
|
-
* label="Meeting time"
|
|
32
|
-
* hourCycle={24}
|
|
33
|
-
* />
|
|
34
|
-
*
|
|
35
|
-
* // With seconds
|
|
36
|
-
* <TimeField
|
|
37
|
-
* label="Precise time"
|
|
38
|
-
* granularity="second"
|
|
39
|
-
* />
|
|
40
|
-
* ```
|
|
41
|
-
*/
|
|
42
|
-
export declare function TimeField<T extends TimeValue = TimeValue>(props: TimeFieldProps<T>): JSX.Element;
|
|
43
|
-
export type { TimeValue };
|
|
44
|
-
//# sourceMappingURL=TimeField.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/calendar/TimeField.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAIL,KAAK,cAAc,IAAI,sBAAsB,EAC7C,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AAMhD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC7D,SAAQ,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACvE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EACvD,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GACvB,GAAG,CAAC,OAAO,CAyGb;AAGD,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/calendar/index.d.ts
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Calendar component for proyecto-viviana-ui
|
|
3
|
-
*
|
|
4
|
-
* Styled calendar component built on top of solidaria-components.
|
|
5
|
-
* A calendar displays a grid of days and allows users to select dates.
|
|
6
|
-
*/
|
|
7
|
-
import { type JSX } from 'solid-js';
|
|
8
|
-
import { type CalendarDate, type DateValue } from '@proyecto-viviana/solidaria-components';
|
|
9
|
-
import type { CalendarStateProps } from '@proyecto-viviana/solid-stately';
|
|
10
|
-
export type CalendarSize = 'sm' | 'md' | 'lg';
|
|
11
|
-
export interface CalendarProps<T extends DateValue = DateValue> extends Omit<CalendarStateProps<T>, 'locale'> {
|
|
12
|
-
/** The size of the calendar. @default 'md' */
|
|
13
|
-
size?: CalendarSize;
|
|
14
|
-
/** Additional CSS class name. */
|
|
15
|
-
class?: string;
|
|
16
|
-
/** Whether to show week numbers. */
|
|
17
|
-
showWeekNumbers?: boolean;
|
|
18
|
-
/** The locale to use for formatting. */
|
|
19
|
-
locale?: string;
|
|
20
|
-
/** Custom aria label. */
|
|
21
|
-
'aria-label'?: string;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* A calendar displays a grid of days and allows users to select a date.
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```tsx
|
|
28
|
-
* // Basic usage
|
|
29
|
-
* <Calendar
|
|
30
|
-
* aria-label="Event date"
|
|
31
|
-
* onChange={(date) => console.log(date)}
|
|
32
|
-
* />
|
|
33
|
-
*
|
|
34
|
-
* // Controlled
|
|
35
|
-
* const [date, setDate] = createSignal<CalendarDate | null>(null);
|
|
36
|
-
* <Calendar
|
|
37
|
-
* value={date()}
|
|
38
|
-
* onChange={setDate}
|
|
39
|
-
* />
|
|
40
|
-
*
|
|
41
|
-
* // With min/max dates
|
|
42
|
-
* <Calendar
|
|
43
|
-
* minValue={today(getLocalTimeZone())}
|
|
44
|
-
* maxValue={today(getLocalTimeZone()).add({ months: 3 })}
|
|
45
|
-
* />
|
|
46
|
-
* ```
|
|
47
|
-
*/
|
|
48
|
-
export declare function Calendar<T extends DateValue = CalendarDate>(props: CalendarProps<T>): JSX.Element;
|
|
49
|
-
export type { CalendarDate, DateValue };
|
|
50
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calendar/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAM1E,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC5D,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;IAC7C,8CAA8C;IAC9C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EACzD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GACtB,GAAG,CAAC,OAAO,CA4Hb;AAGD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/checkbox/index.d.ts
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Checkbox component for proyecto-viviana-ui
|
|
3
|
-
*
|
|
4
|
-
* A styled checkbox component built on top of solidaria-components.
|
|
5
|
-
* This component only handles styling - all behavior and accessibility
|
|
6
|
-
* is provided by the headless Checkbox from solidaria-components.
|
|
7
|
-
*/
|
|
8
|
-
import { type JSX } from 'solid-js';
|
|
9
|
-
import { type CheckboxProps as HeadlessCheckboxProps, type CheckboxGroupProps as HeadlessCheckboxGroupProps } from '@proyecto-viviana/solidaria-components';
|
|
10
|
-
export type CheckboxSize = 'sm' | 'md' | 'lg';
|
|
11
|
-
export interface CheckboxProps extends Omit<HeadlessCheckboxProps, 'class' | 'children' | 'style'> {
|
|
12
|
-
/** The size of the checkbox. */
|
|
13
|
-
size?: CheckboxSize;
|
|
14
|
-
/** Additional CSS class name. */
|
|
15
|
-
class?: string;
|
|
16
|
-
/** Label text for the checkbox. */
|
|
17
|
-
children?: JSX.Element;
|
|
18
|
-
}
|
|
19
|
-
export interface CheckboxGroupProps extends Omit<HeadlessCheckboxGroupProps, 'class' | 'children' | 'style'> {
|
|
20
|
-
/** Additional CSS class name. */
|
|
21
|
-
class?: string;
|
|
22
|
-
/** Children checkboxes. */
|
|
23
|
-
children?: JSX.Element;
|
|
24
|
-
/** Label for the group. */
|
|
25
|
-
label?: string;
|
|
26
|
-
/** Description for the group. */
|
|
27
|
-
description?: string;
|
|
28
|
-
/** Error message when invalid. */
|
|
29
|
-
errorMessage?: string;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* A checkbox allows users to select one or more items from a set.
|
|
33
|
-
*
|
|
34
|
-
* Built on solidaria-components Checkbox for full accessibility support.
|
|
35
|
-
*/
|
|
36
|
-
export declare function Checkbox(props: CheckboxProps): JSX.Element;
|
|
37
|
-
/**
|
|
38
|
-
* A checkbox group allows users to select multiple items from a list.
|
|
39
|
-
*
|
|
40
|
-
* Built on solidaria-components CheckboxGroup for full accessibility support.
|
|
41
|
-
*/
|
|
42
|
-
export declare function CheckboxGroup(props: CheckboxGroupProps): JSX.Element;
|
|
43
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAA;AACpF,OAAO,EAGL,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,kBAAkB,IAAI,0BAA0B,EAGtD,MAAM,wCAAwC,CAAA;AAM/C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE7C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAChG,gCAAgC;IAChC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAC1G,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAqED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAsF1D;AAMD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAyCpE"}
|
package/dist/color/index.d.ts
DELETED
|
@@ -1,228 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Color components for proyecto-viviana-ui
|
|
3
|
-
*
|
|
4
|
-
* Styled color picker components built on top of solidaria-components.
|
|
5
|
-
* Inspired by Spectrum 2's color picker patterns.
|
|
6
|
-
*/
|
|
7
|
-
import { type JSX } from 'solid-js';
|
|
8
|
-
import { type ColorSliderProps as HeadlessColorSliderProps, type ColorAreaProps as HeadlessColorAreaProps, type ColorWheelProps as HeadlessColorWheelProps, type ColorFieldProps as HeadlessColorFieldProps, type ColorSwatchProps as HeadlessColorSwatchProps } from '@proyecto-viviana/solidaria-components';
|
|
9
|
-
import type { Color, ColorChannel, ColorFormat } from '@proyecto-viviana/solid-stately';
|
|
10
|
-
export type ColorSize = 'sm' | 'md' | 'lg';
|
|
11
|
-
export interface ColorSliderProps extends Omit<HeadlessColorSliderProps, 'class' | 'style' | 'children'> {
|
|
12
|
-
/** The size of the color slider. */
|
|
13
|
-
size?: ColorSize;
|
|
14
|
-
/** Additional CSS class name. */
|
|
15
|
-
class?: string;
|
|
16
|
-
/** Show the current value. */
|
|
17
|
-
showValue?: boolean;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* A color slider allows users to adjust a single color channel.
|
|
21
|
-
*
|
|
22
|
-
* @example
|
|
23
|
-
* ```tsx
|
|
24
|
-
* const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
|
|
25
|
-
*
|
|
26
|
-
* <ColorSlider
|
|
27
|
-
* channel="hue"
|
|
28
|
-
* value={color()}
|
|
29
|
-
* onChange={setColor}
|
|
30
|
-
* label="Hue"
|
|
31
|
-
* />
|
|
32
|
-
* ```
|
|
33
|
-
*/
|
|
34
|
-
export declare function ColorSlider(props: ColorSliderProps): JSX.Element;
|
|
35
|
-
export declare namespace ColorSlider {
|
|
36
|
-
var Track: typeof ColorSliderTrack;
|
|
37
|
-
var Thumb: typeof ColorSliderThumb;
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* The track component for a color slider.
|
|
41
|
-
*/
|
|
42
|
-
export declare function ColorSliderTrack(props: {
|
|
43
|
-
children?: JSX.Element | (() => JSX.Element);
|
|
44
|
-
class?: string;
|
|
45
|
-
}): JSX.Element;
|
|
46
|
-
/**
|
|
47
|
-
* The thumb component for a color slider.
|
|
48
|
-
*/
|
|
49
|
-
export declare function ColorSliderThumb(props: {
|
|
50
|
-
class?: string;
|
|
51
|
-
}): JSX.Element;
|
|
52
|
-
export interface ColorAreaProps extends Omit<HeadlessColorAreaProps, 'class' | 'style' | 'children'> {
|
|
53
|
-
/** The size of the color area. */
|
|
54
|
-
size?: ColorSize;
|
|
55
|
-
/** Additional CSS class name. */
|
|
56
|
-
class?: string;
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* A color area allows users to select a color by dragging in a 2D gradient.
|
|
60
|
-
*
|
|
61
|
-
* @example
|
|
62
|
-
* ```tsx
|
|
63
|
-
* const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
|
|
64
|
-
*
|
|
65
|
-
* <ColorArea
|
|
66
|
-
* value={color()}
|
|
67
|
-
* onChange={setColor}
|
|
68
|
-
* xChannel="saturation"
|
|
69
|
-
* yChannel="lightness"
|
|
70
|
-
* />
|
|
71
|
-
* ```
|
|
72
|
-
*/
|
|
73
|
-
export declare function ColorArea(props: ColorAreaProps): JSX.Element;
|
|
74
|
-
export declare namespace ColorArea {
|
|
75
|
-
var Gradient: typeof ColorAreaGradient;
|
|
76
|
-
var Thumb: typeof ColorAreaThumb;
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* The gradient background for a color area.
|
|
80
|
-
*/
|
|
81
|
-
export declare function ColorAreaGradient(props: {
|
|
82
|
-
class?: string;
|
|
83
|
-
}): JSX.Element;
|
|
84
|
-
/**
|
|
85
|
-
* The thumb component for a color area.
|
|
86
|
-
*/
|
|
87
|
-
export declare function ColorAreaThumb(props: {
|
|
88
|
-
class?: string;
|
|
89
|
-
}): JSX.Element;
|
|
90
|
-
export interface ColorWheelProps extends Omit<HeadlessColorWheelProps, 'class' | 'style' | 'children'> {
|
|
91
|
-
/** The size of the color wheel. */
|
|
92
|
-
size?: ColorSize;
|
|
93
|
-
/** Additional CSS class name. */
|
|
94
|
-
class?: string;
|
|
95
|
-
}
|
|
96
|
-
/**
|
|
97
|
-
* A color wheel allows users to select a hue by dragging around a circular track.
|
|
98
|
-
*
|
|
99
|
-
* @example
|
|
100
|
-
* ```tsx
|
|
101
|
-
* const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
|
|
102
|
-
*
|
|
103
|
-
* <ColorWheel
|
|
104
|
-
* value={color()}
|
|
105
|
-
* onChange={setColor}
|
|
106
|
-
* />
|
|
107
|
-
* ```
|
|
108
|
-
*/
|
|
109
|
-
export declare function ColorWheel(props: ColorWheelProps): JSX.Element;
|
|
110
|
-
export declare namespace ColorWheel {
|
|
111
|
-
var Track: typeof ColorWheelTrack;
|
|
112
|
-
var Thumb: typeof ColorWheelThumb;
|
|
113
|
-
}
|
|
114
|
-
/**
|
|
115
|
-
* The circular track for a color wheel.
|
|
116
|
-
*/
|
|
117
|
-
export declare function ColorWheelTrack(props: {
|
|
118
|
-
class?: string;
|
|
119
|
-
}): JSX.Element;
|
|
120
|
-
/**
|
|
121
|
-
* The thumb component for a color wheel.
|
|
122
|
-
*/
|
|
123
|
-
export declare function ColorWheelThumb(props: {
|
|
124
|
-
class?: string;
|
|
125
|
-
}): JSX.Element;
|
|
126
|
-
export interface ColorFieldProps extends Omit<HeadlessColorFieldProps, 'class' | 'style' | 'children'> {
|
|
127
|
-
/** The size of the color field. */
|
|
128
|
-
size?: ColorSize;
|
|
129
|
-
/** Additional CSS class name. */
|
|
130
|
-
class?: string;
|
|
131
|
-
/** Description text below the input. */
|
|
132
|
-
description?: string;
|
|
133
|
-
/** Error message to display. */
|
|
134
|
-
errorMessage?: string;
|
|
135
|
-
}
|
|
136
|
-
/**
|
|
137
|
-
* A color field allows users to enter a color value as text.
|
|
138
|
-
*
|
|
139
|
-
* @example
|
|
140
|
-
* ```tsx
|
|
141
|
-
* const [color, setColor] = createSignal(parseColor('#ff0000'))
|
|
142
|
-
*
|
|
143
|
-
* <ColorField
|
|
144
|
-
* value={color()}
|
|
145
|
-
* onChange={setColor}
|
|
146
|
-
* label="Color"
|
|
147
|
-
* />
|
|
148
|
-
* ```
|
|
149
|
-
*/
|
|
150
|
-
export declare function ColorField(props: ColorFieldProps): JSX.Element;
|
|
151
|
-
export declare namespace ColorField {
|
|
152
|
-
var Input: typeof ColorFieldInput;
|
|
153
|
-
}
|
|
154
|
-
/**
|
|
155
|
-
* The input component for a color field.
|
|
156
|
-
*/
|
|
157
|
-
export declare function ColorFieldInput(props: {
|
|
158
|
-
class?: string;
|
|
159
|
-
isInvalid?: boolean;
|
|
160
|
-
}): JSX.Element;
|
|
161
|
-
export interface ColorSwatchProps extends Omit<HeadlessColorSwatchProps, 'class' | 'style'> {
|
|
162
|
-
/** The size of the color swatch. */
|
|
163
|
-
size?: ColorSize;
|
|
164
|
-
/** Additional CSS class name. */
|
|
165
|
-
class?: string;
|
|
166
|
-
/** Whether the swatch is selectable. */
|
|
167
|
-
isSelectable?: boolean;
|
|
168
|
-
/** Whether the swatch is selected. */
|
|
169
|
-
isSelected?: boolean;
|
|
170
|
-
/** Handler called when the swatch is clicked. */
|
|
171
|
-
onClick?: () => void;
|
|
172
|
-
}
|
|
173
|
-
/**
|
|
174
|
-
* A color swatch displays a color sample.
|
|
175
|
-
*
|
|
176
|
-
* @example
|
|
177
|
-
* ```tsx
|
|
178
|
-
* <ColorSwatch color={parseColor('#ff0000')} />
|
|
179
|
-
*
|
|
180
|
-
* // Selectable swatch
|
|
181
|
-
* <ColorSwatch
|
|
182
|
-
* color={parseColor('#00ff00')}
|
|
183
|
-
* isSelectable
|
|
184
|
-
* isSelected={selectedColor === '#00ff00'}
|
|
185
|
-
* onClick={() => setSelectedColor('#00ff00')}
|
|
186
|
-
* />
|
|
187
|
-
* ```
|
|
188
|
-
*/
|
|
189
|
-
export declare function ColorSwatch(props: ColorSwatchProps): JSX.Element;
|
|
190
|
-
export interface ColorPickerProps {
|
|
191
|
-
/** The current color value (controlled). */
|
|
192
|
-
value?: Color | string;
|
|
193
|
-
/** The default color value (uncontrolled). */
|
|
194
|
-
defaultValue?: Color | string;
|
|
195
|
-
/** Handler called when the color changes. */
|
|
196
|
-
onChange?: (color: Color) => void;
|
|
197
|
-
/** The size of the picker. */
|
|
198
|
-
size?: ColorSize;
|
|
199
|
-
/** Additional CSS class name. */
|
|
200
|
-
class?: string;
|
|
201
|
-
/** Whether the picker is disabled. */
|
|
202
|
-
isDisabled?: boolean;
|
|
203
|
-
/** A label for the picker. */
|
|
204
|
-
label?: string;
|
|
205
|
-
/** Whether to show the hex input field. */
|
|
206
|
-
showInput?: boolean;
|
|
207
|
-
/** Whether to show channel sliders. */
|
|
208
|
-
showSliders?: boolean;
|
|
209
|
-
}
|
|
210
|
-
/**
|
|
211
|
-
* A complete color picker component with area, sliders, and input.
|
|
212
|
-
*
|
|
213
|
-
* @example
|
|
214
|
-
* ```tsx
|
|
215
|
-
* const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
|
|
216
|
-
*
|
|
217
|
-
* <ColorPicker
|
|
218
|
-
* value={color()}
|
|
219
|
-
* onChange={setColor}
|
|
220
|
-
* label="Pick a color"
|
|
221
|
-
* showInput
|
|
222
|
-
* showSliders
|
|
223
|
-
* />
|
|
224
|
-
* ```
|
|
225
|
-
*/
|
|
226
|
-
export declare function ColorPicker(props: ColorPickerProps): JSX.Element;
|
|
227
|
-
export type { Color, ColorChannel, ColorFormat };
|
|
228
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color/index.tsx"],"names":[],"mappings":"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"}
|
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"}
|