@sixthshift/design-system 0.1.0 → 0.3.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/README.md +139 -31
- package/dist/components/Avatar/Avatar.d.ts +6 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.js +11 -0
- package/dist/components/Avatar/Avatar.js.map +1 -0
- package/dist/components/Avatar/index.d.ts +2 -0
- package/dist/components/Avatar/index.d.ts.map +1 -0
- package/dist/components/Avatar/index.js +2 -0
- package/dist/components/Avatar/index.js.map +1 -0
- package/dist/components/Badge/Badge.d.ts +13 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.js +54 -0
- package/dist/components/Badge/Badge.js.map +1 -0
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Badge/index.js +2 -0
- package/dist/components/Badge/index.js.map +1 -0
- package/dist/components/BarChart/BarChart.d.ts +21 -0
- package/dist/components/BarChart/BarChart.d.ts.map +1 -0
- package/dist/components/BarChart/BarChart.js +16 -0
- package/dist/components/BarChart/BarChart.js.map +1 -0
- package/dist/components/BarChart/index.d.ts +2 -0
- package/dist/components/BarChart/index.d.ts.map +1 -0
- package/dist/components/BarChart/index.js +2 -0
- package/dist/components/BarChart/index.js.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +12 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.js +19 -0
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/components/Breadcrumb/index.d.ts +2 -0
- package/dist/components/Breadcrumb/index.d.ts.map +1 -0
- package/dist/components/Breadcrumb/index.js +2 -0
- package/dist/components/Breadcrumb/index.js.map +1 -0
- package/dist/components/Button/Button.d.ts +21 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.js +127 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Button/index.js +2 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Calendar/Calendar.d.ts +20 -0
- package/dist/components/Calendar/Calendar.d.ts.map +1 -0
- package/dist/components/Calendar/Calendar.js +97 -0
- package/dist/components/Calendar/Calendar.js.map +1 -0
- package/dist/components/Calendar/CalendarView.d.ts +15 -0
- package/dist/components/Calendar/CalendarView.d.ts.map +1 -0
- package/dist/components/Calendar/CalendarView.js +255 -0
- package/dist/components/Calendar/CalendarView.js.map +1 -0
- package/dist/components/Calendar/calendar.hooks.d.ts +68 -0
- package/dist/components/Calendar/calendar.hooks.d.ts.map +1 -0
- package/dist/components/Calendar/calendar.hooks.js +252 -0
- package/dist/components/Calendar/calendar.hooks.js.map +1 -0
- package/dist/components/Calendar/calendar.types.d.ts +147 -0
- package/dist/components/Calendar/calendar.types.d.ts.map +1 -0
- package/dist/components/Calendar/calendar.types.js +15 -0
- package/dist/components/Calendar/calendar.types.js.map +1 -0
- package/dist/components/Calendar/index.d.ts +18 -0
- package/dist/components/Calendar/index.d.ts.map +1 -0
- package/dist/components/Calendar/index.js +17 -0
- package/dist/components/Calendar/index.js.map +1 -0
- package/dist/components/Card/Card.d.ts +14 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.js +19 -0
- package/dist/components/Card/Card.js.map +1 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Card/index.js +2 -0
- package/dist/components/Card/index.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +35 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +32 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/Checkbox/index.js +2 -0
- package/dist/components/Checkbox/index.js.map +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +55 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts.map +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.js +62 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -0
- package/dist/components/CheckboxGroup/index.d.ts +2 -0
- package/dist/components/CheckboxGroup/index.d.ts.map +1 -0
- package/dist/components/CheckboxGroup/index.js +2 -0
- package/dist/components/CheckboxGroup/index.js.map +1 -0
- package/dist/components/Code/Editor/Editor.d.ts +28 -0
- package/dist/components/Code/Editor/Editor.d.ts.map +1 -0
- package/dist/components/Code/Editor/Editor.js +113 -0
- package/dist/components/Code/Editor/Editor.js.map +1 -0
- package/dist/components/Code/Editor/index.d.ts +3 -0
- package/dist/components/Code/Editor/index.d.ts.map +1 -0
- package/dist/components/Code/Editor/index.js +2 -0
- package/dist/components/Code/Editor/index.js.map +1 -0
- package/dist/components/Code/Editor/semanticTokenProvider.d.ts +17 -0
- package/dist/components/Code/Editor/semanticTokenProvider.d.ts.map +1 -0
- package/dist/components/Code/Editor/semanticTokenProvider.js +46 -0
- package/dist/components/Code/Editor/semanticTokenProvider.js.map +1 -0
- package/dist/components/Code/Editor/themes.d.ts +4 -0
- package/dist/components/Code/Editor/themes.d.ts.map +1 -0
- package/dist/components/Code/Editor/themes.js +106 -0
- package/dist/components/Code/Editor/themes.js.map +1 -0
- package/dist/components/Code/ValidationStatus/ValidationStatus.d.ts +14 -0
- package/dist/components/Code/ValidationStatus/ValidationStatus.d.ts.map +1 -0
- package/dist/components/Code/ValidationStatus/ValidationStatus.js +35 -0
- package/dist/components/Code/ValidationStatus/ValidationStatus.js.map +1 -0
- package/dist/components/Code/ValidationStatus/index.d.ts +2 -0
- package/dist/components/Code/ValidationStatus/index.d.ts.map +1 -0
- package/dist/components/Code/ValidationStatus/index.js +2 -0
- package/dist/components/Code/ValidationStatus/index.js.map +1 -0
- package/dist/components/Code/Workspace/StatusBar.d.ts +18 -0
- package/dist/components/Code/Workspace/StatusBar.d.ts.map +1 -0
- package/dist/components/Code/Workspace/StatusBar.js +8 -0
- package/dist/components/Code/Workspace/StatusBar.js.map +1 -0
- package/dist/components/Code/Workspace/Toolbar.d.ts +20 -0
- package/dist/components/Code/Workspace/Toolbar.d.ts.map +1 -0
- package/dist/components/Code/Workspace/Toolbar.js +9 -0
- package/dist/components/Code/Workspace/Toolbar.js.map +1 -0
- package/dist/components/Code/Workspace/Workspace.d.ts +46 -0
- package/dist/components/Code/Workspace/Workspace.d.ts.map +1 -0
- package/dist/components/Code/Workspace/Workspace.js +36 -0
- package/dist/components/Code/Workspace/Workspace.js.map +1 -0
- package/dist/components/Code/Workspace/index.d.ts +4 -0
- package/dist/components/Code/Workspace/index.d.ts.map +1 -0
- package/dist/components/Code/Workspace/index.js +4 -0
- package/dist/components/Code/Workspace/index.js.map +1 -0
- package/dist/components/ColorDot/ColorDot.d.ts +19 -0
- package/dist/components/ColorDot/ColorDot.d.ts.map +1 -0
- package/dist/components/ColorDot/ColorDot.js +36 -0
- package/dist/components/ColorDot/ColorDot.js.map +1 -0
- package/dist/components/ColorDot/index.d.ts +2 -0
- package/dist/components/ColorDot/index.d.ts.map +1 -0
- package/dist/components/ColorDot/index.js +2 -0
- package/dist/components/ColorDot/index.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +5 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.js +165 -0
- package/dist/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/components/DatePicker/datepicker.hooks.d.ts +63 -0
- package/dist/components/DatePicker/datepicker.hooks.d.ts.map +1 -0
- package/dist/components/DatePicker/datepicker.hooks.js +303 -0
- package/dist/components/DatePicker/datepicker.hooks.js.map +1 -0
- package/dist/components/DatePicker/datepicker.types.d.ts +104 -0
- package/dist/components/DatePicker/datepicker.types.d.ts.map +1 -0
- package/dist/components/DatePicker/datepicker.types.js +10 -0
- package/dist/components/DatePicker/datepicker.types.js.map +1 -0
- package/dist/components/DatePicker/index.d.ts +13 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -0
- package/dist/components/DatePicker/index.js +10 -0
- package/dist/components/DatePicker/index.js.map +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +10 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.js +98 -0
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -0
- package/dist/components/DateRangePicker/daterangepicker.types.d.ts +37 -0
- package/dist/components/DateRangePicker/daterangepicker.types.d.ts.map +1 -0
- package/dist/components/DateRangePicker/daterangepicker.types.js +8 -0
- package/dist/components/DateRangePicker/daterangepicker.types.js.map +1 -0
- package/dist/components/DateRangePicker/index.d.ts +10 -0
- package/dist/components/DateRangePicker/index.d.ts.map +1 -0
- package/dist/components/DateRangePicker/index.js +8 -0
- package/dist/components/DateRangePicker/index.js.map +1 -0
- package/dist/components/DateTimePicker/DateTimePicker.d.ts +10 -0
- package/dist/components/DateTimePicker/DateTimePicker.d.ts.map +1 -0
- package/dist/components/DateTimePicker/DateTimePicker.js +210 -0
- package/dist/components/DateTimePicker/DateTimePicker.js.map +1 -0
- package/dist/components/DateTimePicker/datetimepicker.types.d.ts +35 -0
- package/dist/components/DateTimePicker/datetimepicker.types.d.ts.map +1 -0
- package/dist/components/DateTimePicker/datetimepicker.types.js +12 -0
- package/dist/components/DateTimePicker/datetimepicker.types.js.map +1 -0
- package/dist/components/DateTimePicker/index.d.ts +10 -0
- package/dist/components/DateTimePicker/index.d.ts.map +1 -0
- package/dist/components/DateTimePicker/index.js +8 -0
- package/dist/components/DateTimePicker/index.js.map +1 -0
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts +10 -0
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map +1 -0
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js +382 -0
- package/dist/components/DateTimeRangePicker/DateTimeRangePicker.js.map +1 -0
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts +46 -0
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.d.ts.map +1 -0
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.js +10 -0
- package/dist/components/DateTimeRangePicker/datetimerangepicker.types.js.map +1 -0
- package/dist/components/DateTimeRangePicker/index.d.ts +11 -0
- package/dist/components/DateTimeRangePicker/index.d.ts.map +1 -0
- package/dist/components/DateTimeRangePicker/index.js +9 -0
- package/dist/components/DateTimeRangePicker/index.js.map +1 -0
- package/dist/components/EmptyState/EmptyState.d.ts +26 -0
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/dist/components/EmptyState/EmptyState.js +9 -0
- package/dist/components/EmptyState/EmptyState.js.map +1 -0
- package/dist/components/EmptyState/index.d.ts +2 -0
- package/dist/components/EmptyState/index.d.ts.map +1 -0
- package/dist/components/EmptyState/index.js +2 -0
- package/dist/components/EmptyState/index.js.map +1 -0
- package/dist/components/Field/Field.d.ts +40 -0
- package/dist/components/Field/Field.d.ts.map +1 -0
- package/dist/components/Field/Field.js +12 -0
- package/dist/components/Field/Field.js.map +1 -0
- package/dist/components/Field/index.d.ts +2 -0
- package/dist/components/Field/index.d.ts.map +1 -0
- package/dist/components/Field/index.js +2 -0
- package/dist/components/Field/index.js.map +1 -0
- package/dist/components/FormField/FormField.d.ts +19 -0
- package/dist/components/FormField/FormField.d.ts.map +1 -0
- package/dist/components/FormField/FormField.js +25 -0
- package/dist/components/FormField/FormField.js.map +1 -0
- package/dist/components/FormField/index.d.ts +3 -0
- package/dist/components/FormField/index.d.ts.map +1 -0
- package/dist/components/FormField/index.js +2 -0
- package/dist/components/FormField/index.js.map +1 -0
- package/dist/components/HeatMap/HeatMapCalendar.d.ts +11 -0
- package/dist/components/HeatMap/HeatMapCalendar.d.ts.map +1 -0
- package/dist/components/HeatMap/HeatMapCalendar.js +68 -0
- package/dist/components/HeatMap/HeatMapCalendar.js.map +1 -0
- package/dist/components/HeatMap/HeatMapMatrix.d.ts +12 -0
- package/dist/components/HeatMap/HeatMapMatrix.d.ts.map +1 -0
- package/dist/components/HeatMap/HeatMapMatrix.js +35 -0
- package/dist/components/HeatMap/HeatMapMatrix.js.map +1 -0
- package/dist/components/HeatMap/heat-map.utils.d.ts +10 -0
- package/dist/components/HeatMap/heat-map.utils.d.ts.map +1 -0
- package/dist/components/HeatMap/heat-map.utils.js +10 -0
- package/dist/components/HeatMap/heat-map.utils.js.map +1 -0
- package/dist/components/HeatMap/index.d.ts +4 -0
- package/dist/components/HeatMap/index.d.ts.map +1 -0
- package/dist/components/HeatMap/index.js +3 -0
- package/dist/components/HeatMap/index.js.map +1 -0
- package/dist/components/HoverCard/HoverCard.d.ts +30 -0
- package/dist/components/HoverCard/HoverCard.d.ts.map +1 -0
- package/dist/components/HoverCard/HoverCard.js +44 -0
- package/dist/components/HoverCard/HoverCard.js.map +1 -0
- package/dist/components/HoverCard/components/HoverCardContent.d.ts +4 -0
- package/dist/components/HoverCard/components/HoverCardContent.d.ts.map +1 -0
- package/dist/components/HoverCard/components/HoverCardContent.js +19 -0
- package/dist/components/HoverCard/components/HoverCardContent.js.map +1 -0
- package/dist/components/HoverCard/components/HoverCardContext.d.ts +13 -0
- package/dist/components/HoverCard/components/HoverCardContext.d.ts.map +1 -0
- package/dist/components/HoverCard/components/HoverCardContext.js +10 -0
- package/dist/components/HoverCard/components/HoverCardContext.js.map +1 -0
- package/dist/components/HoverCard/components/HoverCardTrigger.d.ts +10 -0
- package/dist/components/HoverCard/components/HoverCardTrigger.d.ts.map +1 -0
- package/dist/components/HoverCard/components/HoverCardTrigger.js +21 -0
- package/dist/components/HoverCard/components/HoverCardTrigger.js.map +1 -0
- package/dist/components/HoverCard/index.d.ts +4 -0
- package/dist/components/HoverCard/index.d.ts.map +1 -0
- package/dist/components/HoverCard/index.js +4 -0
- package/dist/components/HoverCard/index.js.map +1 -0
- package/dist/components/Input/Input.d.ts +11 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/Input.js +16 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/Input/index.js +2 -0
- package/dist/components/Input/index.js.map +1 -0
- package/dist/components/LineChart/LineChart.d.ts +46 -0
- package/dist/components/LineChart/LineChart.d.ts.map +1 -0
- package/dist/components/LineChart/LineChart.js +117 -0
- package/dist/components/LineChart/LineChart.js.map +1 -0
- package/dist/components/LineChart/index.d.ts +2 -0
- package/dist/components/LineChart/index.d.ts.map +1 -0
- package/dist/components/LineChart/index.js +2 -0
- package/dist/components/LineChart/index.js.map +1 -0
- package/dist/components/Markdown/Markdown.d.ts +7 -0
- package/dist/components/Markdown/Markdown.d.ts.map +1 -0
- package/dist/components/Markdown/Markdown.js +21 -0
- package/dist/components/Markdown/Markdown.js.map +1 -0
- package/dist/components/Markdown/index.d.ts +2 -0
- package/dist/components/Markdown/index.d.ts.map +1 -0
- package/dist/components/Markdown/index.js +2 -0
- package/dist/components/Markdown/index.js.map +1 -0
- package/dist/components/Message/Message.d.ts +22 -0
- package/dist/components/Message/Message.d.ts.map +1 -0
- package/dist/components/Message/Message.js +48 -0
- package/dist/components/Message/Message.js.map +1 -0
- package/dist/components/Message/components/MessageBody.d.ts +4 -0
- package/dist/components/Message/components/MessageBody.d.ts.map +1 -0
- package/dist/components/Message/components/MessageBody.js +8 -0
- package/dist/components/Message/components/MessageBody.js.map +1 -0
- package/dist/components/Message/components/MessageDescription.d.ts +4 -0
- package/dist/components/Message/components/MessageDescription.d.ts.map +1 -0
- package/dist/components/Message/components/MessageDescription.js +8 -0
- package/dist/components/Message/components/MessageDescription.js.map +1 -0
- package/dist/components/Message/components/MessageIcon.d.ts +4 -0
- package/dist/components/Message/components/MessageIcon.d.ts.map +1 -0
- package/dist/components/Message/components/MessageIcon.js +8 -0
- package/dist/components/Message/components/MessageIcon.js.map +1 -0
- package/dist/components/Message/components/MessageTitle.d.ts +4 -0
- package/dist/components/Message/components/MessageTitle.d.ts.map +1 -0
- package/dist/components/Message/components/MessageTitle.js +8 -0
- package/dist/components/Message/components/MessageTitle.js.map +1 -0
- package/dist/components/Message/index.d.ts +11 -0
- package/dist/components/Message/index.d.ts.map +1 -0
- package/dist/components/Message/index.js +6 -0
- package/dist/components/Message/index.js.map +1 -0
- package/dist/components/MetricList/MetricList.d.ts +9 -0
- package/dist/components/MetricList/MetricList.d.ts.map +1 -0
- package/dist/components/MetricList/MetricList.js +8 -0
- package/dist/components/MetricList/MetricList.js.map +1 -0
- package/dist/components/MetricList/MetricRow.d.ts +13 -0
- package/dist/components/MetricList/MetricRow.d.ts.map +1 -0
- package/dist/components/MetricList/MetricRow.js +13 -0
- package/dist/components/MetricList/MetricRow.js.map +1 -0
- package/dist/components/MetricList/index.d.ts +3 -0
- package/dist/components/MetricList/index.d.ts.map +1 -0
- package/dist/components/MetricList/index.js +3 -0
- package/dist/components/MetricList/index.js.map +1 -0
- package/dist/components/Modal/Modal.d.ts +52 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Modal/Modal.js +89 -0
- package/dist/components/Modal/Modal.js.map +1 -0
- package/dist/components/Modal/components/ModalBody.d.ts +4 -0
- package/dist/components/Modal/components/ModalBody.d.ts.map +1 -0
- package/dist/components/Modal/components/ModalBody.js +6 -0
- package/dist/components/Modal/components/ModalBody.js.map +1 -0
- package/dist/components/Modal/components/ModalContext.d.ts +32 -0
- package/dist/components/Modal/components/ModalContext.d.ts.map +1 -0
- package/dist/components/Modal/components/ModalContext.js +15 -0
- package/dist/components/Modal/components/ModalContext.js.map +1 -0
- package/dist/components/Modal/components/ModalFooter.d.ts +4 -0
- package/dist/components/Modal/components/ModalFooter.d.ts.map +1 -0
- package/dist/components/Modal/components/ModalFooter.js +6 -0
- package/dist/components/Modal/components/ModalFooter.js.map +1 -0
- package/dist/components/Modal/components/ModalHeader.d.ts +4 -0
- package/dist/components/Modal/components/ModalHeader.d.ts.map +1 -0
- package/dist/components/Modal/components/ModalHeader.js +24 -0
- package/dist/components/Modal/components/ModalHeader.js.map +1 -0
- package/dist/components/Modal/components/index.d.ts +5 -0
- package/dist/components/Modal/components/index.d.ts.map +1 -0
- package/dist/components/Modal/components/index.js +5 -0
- package/dist/components/Modal/components/index.js.map +1 -0
- package/dist/components/Modal/index.d.ts +3 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/Modal/index.js +3 -0
- package/dist/components/Modal/index.js.map +1 -0
- package/dist/components/NavBottom/NavBottom.d.ts +16 -0
- package/dist/components/NavBottom/NavBottom.d.ts.map +1 -0
- package/dist/components/NavBottom/NavBottom.js +21 -0
- package/dist/components/NavBottom/NavBottom.js.map +1 -0
- package/dist/components/NavBottom/index.d.ts +3 -0
- package/dist/components/NavBottom/index.d.ts.map +1 -0
- package/dist/components/NavBottom/index.js +2 -0
- package/dist/components/NavBottom/index.js.map +1 -0
- package/dist/components/NavSide/NavItem.d.ts +9 -0
- package/dist/components/NavSide/NavItem.d.ts.map +1 -0
- package/dist/components/NavSide/NavItem.js +13 -0
- package/dist/components/NavSide/NavItem.js.map +1 -0
- package/dist/components/NavSide/NavSide.d.ts +16 -0
- package/dist/components/NavSide/NavSide.d.ts.map +1 -0
- package/dist/components/NavSide/NavSide.js +12 -0
- package/dist/components/NavSide/NavSide.js.map +1 -0
- package/dist/components/NavSide/index.d.ts +3 -0
- package/dist/components/NavSide/index.d.ts.map +1 -0
- package/dist/components/NavSide/index.js +2 -0
- package/dist/components/NavSide/index.js.map +1 -0
- package/dist/components/NavSide/types.d.ts +38 -0
- package/dist/components/NavSide/types.d.ts.map +1 -0
- package/dist/components/NavSide/types.js +2 -0
- package/dist/components/NavSide/types.js.map +1 -0
- package/dist/components/Pagination/Pagination.d.ts +35 -0
- package/dist/components/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.js +26 -0
- package/dist/components/Pagination/Pagination.js.map +1 -0
- package/dist/components/Pagination/index.d.ts +3 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/Pagination/index.js +2 -0
- package/dist/components/Pagination/index.js.map +1 -0
- package/dist/components/Popover/Popover.d.ts +26 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/Popover/Popover.js +54 -0
- package/dist/components/Popover/Popover.js.map +1 -0
- package/dist/components/Popover/components/PopoverBody.d.ts +4 -0
- package/dist/components/Popover/components/PopoverBody.d.ts.map +1 -0
- package/dist/components/Popover/components/PopoverBody.js +22 -0
- package/dist/components/Popover/components/PopoverBody.js.map +1 -0
- package/dist/components/Popover/components/PopoverClose.d.ts +10 -0
- package/dist/components/Popover/components/PopoverClose.d.ts.map +1 -0
- package/dist/components/Popover/components/PopoverClose.js +14 -0
- package/dist/components/Popover/components/PopoverClose.js.map +1 -0
- package/dist/components/Popover/components/PopoverContext.d.ts +16 -0
- package/dist/components/Popover/components/PopoverContext.d.ts.map +1 -0
- package/dist/components/Popover/components/PopoverContext.js +10 -0
- package/dist/components/Popover/components/PopoverContext.js.map +1 -0
- package/dist/components/Popover/components/PopoverTrigger.d.ts +10 -0
- package/dist/components/Popover/components/PopoverTrigger.d.ts.map +1 -0
- package/dist/components/Popover/components/PopoverTrigger.js +17 -0
- package/dist/components/Popover/components/PopoverTrigger.js.map +1 -0
- package/dist/components/Popover/index.d.ts +5 -0
- package/dist/components/Popover/index.d.ts.map +1 -0
- package/dist/components/Popover/index.js +5 -0
- package/dist/components/Popover/index.js.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +11 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.js +14 -0
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/components/ProgressBar/index.d.ts +2 -0
- package/dist/components/ProgressBar/index.d.ts.map +1 -0
- package/dist/components/ProgressBar/index.js +2 -0
- package/dist/components/ProgressBar/index.js.map +1 -0
- package/dist/components/RadioButton/RadioButton.d.ts +31 -0
- package/dist/components/RadioButton/RadioButton.d.ts.map +1 -0
- package/dist/components/RadioButton/RadioButton.js +23 -0
- package/dist/components/RadioButton/RadioButton.js.map +1 -0
- package/dist/components/RadioButton/index.d.ts +2 -0
- package/dist/components/RadioButton/index.d.ts.map +1 -0
- package/dist/components/RadioButton/index.js +2 -0
- package/dist/components/RadioButton/index.js.map +1 -0
- package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts +55 -0
- package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts.map +1 -0
- package/dist/components/RadioButtonGroup/RadioButtonGroup.js +73 -0
- package/dist/components/RadioButtonGroup/RadioButtonGroup.js.map +1 -0
- package/dist/components/RadioButtonGroup/index.d.ts +2 -0
- package/dist/components/RadioButtonGroup/index.d.ts.map +1 -0
- package/dist/components/RadioButtonGroup/index.js +2 -0
- package/dist/components/RadioButtonGroup/index.js.map +1 -0
- package/dist/components/SearchInput/SearchInput.d.ts +17 -0
- package/dist/components/SearchInput/SearchInput.d.ts.map +1 -0
- package/dist/components/SearchInput/SearchInput.js +18 -0
- package/dist/components/SearchInput/SearchInput.js.map +1 -0
- package/dist/components/SearchInput/index.d.ts +3 -0
- package/dist/components/SearchInput/index.d.ts.map +1 -0
- package/dist/components/SearchInput/index.js +2 -0
- package/dist/components/SearchInput/index.js.map +1 -0
- package/dist/components/Select/Select.d.ts +40 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/Select.js +223 -0
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/Select/SelectDropdown.d.ts +34 -0
- package/dist/components/Select/SelectDropdown.d.ts.map +1 -0
- package/dist/components/Select/SelectDropdown.js +32 -0
- package/dist/components/Select/SelectDropdown.js.map +1 -0
- package/dist/components/Select/SelectTrigger.d.ts +38 -0
- package/dist/components/Select/SelectTrigger.d.ts.map +1 -0
- package/dist/components/Select/SelectTrigger.js +21 -0
- package/dist/components/Select/SelectTrigger.js.map +1 -0
- package/dist/components/Select/index.d.ts +4 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Select/index.js +4 -0
- package/dist/components/Select/index.js.map +1 -0
- package/dist/components/Select/useSelectKeyboard.d.ts +30 -0
- package/dist/components/Select/useSelectKeyboard.d.ts.map +1 -0
- package/dist/components/Select/useSelectKeyboard.js +86 -0
- package/dist/components/Select/useSelectKeyboard.js.map +1 -0
- package/dist/components/Separator/Separator.d.ts +11 -0
- package/dist/components/Separator/Separator.d.ts.map +1 -0
- package/dist/components/Separator/Separator.js +7 -0
- package/dist/components/Separator/Separator.js.map +1 -0
- package/dist/components/Separator/index.d.ts +2 -0
- package/dist/components/Separator/index.d.ts.map +1 -0
- package/dist/components/Separator/index.js +2 -0
- package/dist/components/Separator/index.js.map +1 -0
- package/dist/components/Sheet/Sheet.d.ts +42 -0
- package/dist/components/Sheet/Sheet.d.ts.map +1 -0
- package/dist/components/Sheet/Sheet.js +77 -0
- package/dist/components/Sheet/Sheet.js.map +1 -0
- package/dist/components/Sheet/components/SheetBody.d.ts +4 -0
- package/dist/components/Sheet/components/SheetBody.d.ts.map +1 -0
- package/dist/components/Sheet/components/SheetBody.js +6 -0
- package/dist/components/Sheet/components/SheetBody.js.map +1 -0
- package/dist/components/Sheet/components/SheetContext.d.ts +24 -0
- package/dist/components/Sheet/components/SheetContext.d.ts.map +1 -0
- package/dist/components/Sheet/components/SheetContext.js +15 -0
- package/dist/components/Sheet/components/SheetContext.js.map +1 -0
- package/dist/components/Sheet/components/SheetFooter.d.ts +4 -0
- package/dist/components/Sheet/components/SheetFooter.d.ts.map +1 -0
- package/dist/components/Sheet/components/SheetFooter.js +6 -0
- package/dist/components/Sheet/components/SheetFooter.js.map +1 -0
- package/dist/components/Sheet/components/SheetHeader.d.ts +4 -0
- package/dist/components/Sheet/components/SheetHeader.d.ts.map +1 -0
- package/dist/components/Sheet/components/SheetHeader.js +22 -0
- package/dist/components/Sheet/components/SheetHeader.js.map +1 -0
- package/dist/components/Sheet/components/index.d.ts +5 -0
- package/dist/components/Sheet/components/index.d.ts.map +1 -0
- package/dist/components/Sheet/components/index.js +5 -0
- package/dist/components/Sheet/components/index.js.map +1 -0
- package/dist/components/Sheet/index.d.ts +3 -0
- package/dist/components/Sheet/index.d.ts.map +1 -0
- package/dist/components/Sheet/index.js +3 -0
- package/dist/components/Sheet/index.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +4 -0
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.js +9 -0
- package/dist/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/components/Skeleton/index.d.ts +2 -0
- package/dist/components/Skeleton/index.d.ts.map +1 -0
- package/dist/components/Skeleton/index.js +2 -0
- package/dist/components/Skeleton/index.js.map +1 -0
- package/dist/components/Sparkline/Sparkline.d.ts +21 -0
- package/dist/components/Sparkline/Sparkline.d.ts.map +1 -0
- package/dist/components/Sparkline/Sparkline.js +59 -0
- package/dist/components/Sparkline/Sparkline.js.map +1 -0
- package/dist/components/Sparkline/index.d.ts +2 -0
- package/dist/components/Sparkline/index.d.ts.map +1 -0
- package/dist/components/Sparkline/index.js +2 -0
- package/dist/components/Sparkline/index.js.map +1 -0
- package/dist/components/Spinner/Spinner.d.ts +11 -0
- package/dist/components/Spinner/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner/Spinner.js +21 -0
- package/dist/components/Spinner/Spinner.js.map +1 -0
- package/dist/components/Spinner/index.d.ts +2 -0
- package/dist/components/Spinner/index.d.ts.map +1 -0
- package/dist/components/Spinner/index.js +2 -0
- package/dist/components/Spinner/index.js.map +1 -0
- package/dist/components/StatsCard/StatsCard.d.ts +17 -0
- package/dist/components/StatsCard/StatsCard.d.ts.map +1 -0
- package/dist/components/StatsCard/StatsCard.js +15 -0
- package/dist/components/StatsCard/StatsCard.js.map +1 -0
- package/dist/components/StatsCard/index.d.ts +2 -0
- package/dist/components/StatsCard/index.d.ts.map +1 -0
- package/dist/components/StatsCard/index.js +2 -0
- package/dist/components/StatsCard/index.js.map +1 -0
- package/dist/components/Switch/Switch.d.ts +39 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/Switch.js +28 -0
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/index.d.ts.map +1 -0
- package/dist/components/Switch/index.js +2 -0
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +20 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.js +29 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Tabs/components/TabsContext.d.ts +26 -0
- package/dist/components/Tabs/components/TabsContext.d.ts.map +1 -0
- package/dist/components/Tabs/components/TabsContext.js +10 -0
- package/dist/components/Tabs/components/TabsContext.js.map +1 -0
- package/dist/components/Tabs/components/TabsList.d.ts +9 -0
- package/dist/components/Tabs/components/TabsList.d.ts.map +1 -0
- package/dist/components/Tabs/components/TabsList.js +62 -0
- package/dist/components/Tabs/components/TabsList.js.map +1 -0
- package/dist/components/Tabs/components/TabsPanels.d.ts +6 -0
- package/dist/components/Tabs/components/TabsPanels.d.ts.map +1 -0
- package/dist/components/Tabs/components/TabsPanels.js +17 -0
- package/dist/components/Tabs/components/TabsPanels.js.map +1 -0
- package/dist/components/Tabs/components/TabsTrigger.d.ts +7 -0
- package/dist/components/Tabs/components/TabsTrigger.d.ts.map +1 -0
- package/dist/components/Tabs/components/TabsTrigger.js +34 -0
- package/dist/components/Tabs/components/TabsTrigger.js.map +1 -0
- package/dist/components/Tabs/index.d.ts +4 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/components/Tabs/index.js +4 -0
- package/dist/components/Tabs/index.js.map +1 -0
- package/dist/components/TagChip/TagChip.d.ts +22 -0
- package/dist/components/TagChip/TagChip.d.ts.map +1 -0
- package/dist/components/TagChip/TagChip.js +13 -0
- package/dist/components/TagChip/TagChip.js.map +1 -0
- package/dist/components/TagChip/index.d.ts +2 -0
- package/dist/components/TagChip/index.d.ts.map +1 -0
- package/dist/components/TagChip/index.js +2 -0
- package/dist/components/TagChip/index.js.map +1 -0
- package/dist/components/TagInput/TagInput.d.ts +17 -0
- package/dist/components/TagInput/TagInput.d.ts.map +1 -0
- package/dist/components/TagInput/TagInput.js +25 -0
- package/dist/components/TagInput/TagInput.js.map +1 -0
- package/dist/components/TagInput/index.d.ts +2 -0
- package/dist/components/TagInput/index.d.ts.map +1 -0
- package/dist/components/TagInput/index.js +2 -0
- package/dist/components/TagInput/index.js.map +1 -0
- package/dist/components/Text/Text.d.ts +10 -0
- package/dist/components/Text/Text.d.ts.map +1 -0
- package/dist/components/Text/Text.js +11 -0
- package/dist/components/Text/Text.js.map +1 -0
- package/dist/components/Text/index.d.ts +2 -0
- package/dist/components/Text/index.d.ts.map +1 -0
- package/dist/components/Text/index.js +2 -0
- package/dist/components/Text/index.js.map +1 -0
- package/dist/components/TextInline/TextInline.d.ts +13 -0
- package/dist/components/TextInline/TextInline.d.ts.map +1 -0
- package/dist/components/TextInline/TextInline.js +30 -0
- package/dist/components/TextInline/TextInline.js.map +1 -0
- package/dist/components/TextInline/index.d.ts +2 -0
- package/dist/components/TextInline/index.d.ts.map +1 -0
- package/dist/components/TextInline/index.js +2 -0
- package/dist/components/TextInline/index.js.map +1 -0
- package/dist/components/Textarea/Textarea.d.ts +5 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.js +9 -0
- package/dist/components/Textarea/Textarea.js.map +1 -0
- package/dist/components/Textarea/index.d.ts +2 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Textarea/index.js +2 -0
- package/dist/components/Textarea/index.js.map +1 -0
- package/dist/components/TimePicker/PeriodSelector.d.ts +7 -0
- package/dist/components/TimePicker/PeriodSelector.d.ts.map +1 -0
- package/dist/components/TimePicker/PeriodSelector.js +6 -0
- package/dist/components/TimePicker/PeriodSelector.js.map +1 -0
- package/dist/components/TimePicker/TimeColumn.d.ts +9 -0
- package/dist/components/TimePicker/TimeColumn.d.ts.map +1 -0
- package/dist/components/TimePicker/TimeColumn.js +24 -0
- package/dist/components/TimePicker/TimeColumn.js.map +1 -0
- package/dist/components/TimePicker/TimePicker.d.ts +5 -0
- package/dist/components/TimePicker/TimePicker.d.ts.map +1 -0
- package/dist/components/TimePicker/TimePicker.js +149 -0
- package/dist/components/TimePicker/TimePicker.js.map +1 -0
- package/dist/components/TimePicker/index.d.ts +3 -0
- package/dist/components/TimePicker/index.d.ts.map +1 -0
- package/dist/components/TimePicker/index.js +2 -0
- package/dist/components/TimePicker/index.js.map +1 -0
- package/dist/components/TimePicker/timepicker.hooks.d.ts +63 -0
- package/dist/components/TimePicker/timepicker.hooks.d.ts.map +1 -0
- package/dist/components/TimePicker/timepicker.hooks.js +154 -0
- package/dist/components/TimePicker/timepicker.hooks.js.map +1 -0
- package/dist/components/TimePicker/timepicker.types.d.ts +67 -0
- package/dist/components/TimePicker/timepicker.types.d.ts.map +1 -0
- package/dist/components/TimePicker/timepicker.types.js +9 -0
- package/dist/components/TimePicker/timepicker.types.js.map +1 -0
- package/dist/components/Toast/Toast.d.ts +36 -0
- package/dist/components/Toast/Toast.d.ts.map +1 -0
- package/dist/components/Toast/Toast.js +45 -0
- package/dist/components/Toast/Toast.js.map +1 -0
- package/dist/components/Toast/index.d.ts +2 -0
- package/dist/components/Toast/index.d.ts.map +1 -0
- package/dist/components/Toast/index.js +2 -0
- package/dist/components/Toast/index.js.map +1 -0
- package/dist/components/Toggle/Toggle.d.ts +33 -0
- package/dist/components/Toggle/Toggle.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.js +45 -0
- package/dist/components/Toggle/Toggle.js.map +1 -0
- package/dist/components/Toggle/index.d.ts +2 -0
- package/dist/components/Toggle/index.d.ts.map +1 -0
- package/dist/components/Toggle/index.js +2 -0
- package/dist/components/Toggle/index.js.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +5 -0
- package/dist/components/ToggleGroup/ToggleGroup.d.ts.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroup.js +13 -0
- package/dist/components/ToggleGroup/ToggleGroup.js.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroupContainer.d.ts +5 -0
- package/dist/components/ToggleGroup/ToggleGroupContainer.d.ts.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroupContainer.js +11 -0
- package/dist/components/ToggleGroup/ToggleGroupContainer.js.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroupItem.d.ts +11 -0
- package/dist/components/ToggleGroup/ToggleGroupItem.d.ts.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroupItem.js +24 -0
- package/dist/components/ToggleGroup/ToggleGroupItem.js.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts +17 -0
- package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroupMultiple.js +20 -0
- package/dist/components/ToggleGroup/ToggleGroupMultiple.js.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts +17 -0
- package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroupSingle.js +49 -0
- package/dist/components/ToggleGroup/ToggleGroupSingle.js.map +1 -0
- package/dist/components/ToggleGroup/index.d.ts +3 -0
- package/dist/components/ToggleGroup/index.d.ts.map +1 -0
- package/dist/components/ToggleGroup/index.js +2 -0
- package/dist/components/ToggleGroup/index.js.map +1 -0
- package/dist/components/ToggleGroup/toggleGroup.types.d.ts +51 -0
- package/dist/components/ToggleGroup/toggleGroup.types.d.ts.map +1 -0
- package/dist/components/ToggleGroup/toggleGroup.types.js +2 -0
- package/dist/components/ToggleGroup/toggleGroup.types.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +24 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +44 -0
- package/dist/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/components/Tooltip/components/TooltipBody.d.ts +4 -0
- package/dist/components/Tooltip/components/TooltipBody.d.ts.map +1 -0
- package/dist/components/Tooltip/components/TooltipBody.js +19 -0
- package/dist/components/Tooltip/components/TooltipBody.js.map +1 -0
- package/dist/components/Tooltip/components/TooltipContext.d.ts +13 -0
- package/dist/components/Tooltip/components/TooltipContext.d.ts.map +1 -0
- package/dist/components/Tooltip/components/TooltipContext.js +10 -0
- package/dist/components/Tooltip/components/TooltipContext.js.map +1 -0
- package/dist/components/Tooltip/components/TooltipTrigger.d.ts +10 -0
- package/dist/components/Tooltip/components/TooltipTrigger.d.ts.map +1 -0
- package/dist/components/Tooltip/components/TooltipTrigger.js +17 -0
- package/dist/components/Tooltip/components/TooltipTrigger.js.map +1 -0
- package/dist/components/Tooltip/index.d.ts +4 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/components/Tooltip/index.js +4 -0
- package/dist/components/Tooltip/index.js.map +1 -0
- package/dist/date-time/arithmetic.d.ts +51 -0
- package/dist/date-time/arithmetic.d.ts.map +1 -0
- package/dist/date-time/arithmetic.js +90 -0
- package/dist/date-time/arithmetic.js.map +1 -0
- package/dist/date-time/boundaries.d.ts +49 -0
- package/dist/date-time/boundaries.d.ts.map +1 -0
- package/dist/date-time/boundaries.js +74 -0
- package/dist/date-time/boundaries.js.map +1 -0
- package/dist/date-time/compare.d.ts +51 -0
- package/dist/date-time/compare.d.ts.map +1 -0
- package/dist/date-time/compare.js +74 -0
- package/dist/date-time/compare.js.map +1 -0
- package/dist/date-time/duration.d.ts +39 -0
- package/dist/date-time/duration.d.ts.map +1 -0
- package/dist/date-time/duration.js +55 -0
- package/dist/date-time/duration.js.map +1 -0
- package/dist/date-time/elapsed.d.ts +11 -0
- package/dist/date-time/elapsed.d.ts.map +1 -0
- package/dist/date-time/elapsed.js +16 -0
- package/dist/date-time/elapsed.js.map +1 -0
- package/dist/date-time/format.d.ts +341 -0
- package/dist/date-time/format.d.ts.map +1 -0
- package/dist/date-time/format.js +665 -0
- package/dist/date-time/format.js.map +1 -0
- package/dist/date-time/index.d.ts +47 -0
- package/dist/date-time/index.d.ts.map +1 -0
- package/dist/date-time/index.js +130 -0
- package/dist/date-time/index.js.map +1 -0
- package/dist/date-time/iso.d.ts +261 -0
- package/dist/date-time/iso.d.ts.map +1 -0
- package/dist/date-time/iso.js +358 -0
- package/dist/date-time/iso.js.map +1 -0
- package/dist/date-time/now.d.ts +44 -0
- package/dist/date-time/now.d.ts.map +1 -0
- package/dist/date-time/now.js +61 -0
- package/dist/date-time/now.js.map +1 -0
- package/dist/date-time/parse.d.ts +114 -0
- package/dist/date-time/parse.d.ts.map +1 -0
- package/dist/date-time/parse.js +157 -0
- package/dist/date-time/parse.js.map +1 -0
- package/dist/date-time/serialize.d.ts +60 -0
- package/dist/date-time/serialize.d.ts.map +1 -0
- package/dist/date-time/serialize.js +76 -0
- package/dist/date-time/serialize.js.map +1 -0
- package/dist/date-time/timezone.d.ts +33 -0
- package/dist/date-time/timezone.d.ts.map +1 -0
- package/dist/date-time/timezone.js +43 -0
- package/dist/date-time/timezone.js.map +1 -0
- package/dist/date-time/validate.d.ts +121 -0
- package/dist/date-time/validate.d.ts.map +1 -0
- package/dist/date-time/validate.js +264 -0
- package/dist/date-time/validate.js.map +1 -0
- package/dist/hooks/index.d.ts +11 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +11 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useCollapsible.d.ts +7 -0
- package/dist/hooks/useCollapsible.d.ts.map +1 -0
- package/dist/hooks/useCollapsible.js +14 -0
- package/dist/hooks/useCollapsible.js.map +1 -0
- package/dist/hooks/useControllableState.d.ts +16 -0
- package/dist/hooks/useControllableState.d.ts.map +1 -0
- package/dist/hooks/useControllableState.js +32 -0
- package/dist/hooks/useControllableState.js.map +1 -0
- package/dist/hooks/useDebouncedCallback.d.ts +6 -0
- package/dist/hooks/useDebouncedCallback.d.ts.map +1 -0
- package/dist/hooks/useDebouncedCallback.js +17 -0
- package/dist/hooks/useDebouncedCallback.js.map +1 -0
- package/dist/hooks/useDebouncedState.d.ts +10 -0
- package/dist/hooks/useDebouncedState.d.ts.map +1 -0
- package/dist/hooks/useDebouncedState.js +18 -0
- package/dist/hooks/useDebouncedState.js.map +1 -0
- package/dist/hooks/useDeviceFormFactor.d.ts +26 -0
- package/dist/hooks/useDeviceFormFactor.d.ts.map +1 -0
- package/dist/hooks/useDeviceFormFactor.js +44 -0
- package/dist/hooks/useDeviceFormFactor.js.map +1 -0
- package/dist/hooks/useLocalStorage.d.ts +4 -0
- package/dist/hooks/useLocalStorage.d.ts.map +1 -0
- package/dist/hooks/useLocalStorage.js +51 -0
- package/dist/hooks/useLocalStorage.js.map +1 -0
- package/dist/hooks/useMergedFloatingRef.d.ts +12 -0
- package/dist/hooks/useMergedFloatingRef.d.ts.map +1 -0
- package/dist/hooks/useMergedFloatingRef.js +18 -0
- package/dist/hooks/useMergedFloatingRef.js.map +1 -0
- package/dist/hooks/usePresence.d.ts +54 -0
- package/dist/hooks/usePresence.d.ts.map +1 -0
- package/dist/hooks/usePresence.js +97 -0
- package/dist/hooks/usePresence.js.map +1 -0
- package/dist/hooks/useStack.d.ts +30 -0
- package/dist/hooks/useStack.d.ts.map +1 -0
- package/dist/hooks/useStack.js +70 -0
- package/dist/hooks/useStack.js.map +1 -0
- package/dist/hooks/useTheme.d.ts +16 -0
- package/dist/hooks/useTheme.d.ts.map +1 -0
- package/dist/hooks/useTheme.js +95 -0
- package/dist/hooks/useTheme.js.map +1 -0
- package/dist/internal/Slot.d.ts +13 -0
- package/dist/internal/Slot.d.ts.map +1 -0
- package/dist/internal/Slot.js +68 -0
- package/dist/internal/Slot.js.map +1 -0
- package/dist/internal/index.d.ts +3 -0
- package/dist/internal/index.d.ts.map +1 -0
- package/dist/internal/index.js +2 -0
- package/dist/internal/index.js.map +1 -0
- package/dist/internal/rovingFocus.d.ts +22 -0
- package/dist/internal/rovingFocus.d.ts.map +1 -0
- package/dist/internal/rovingFocus.js +39 -0
- package/dist/internal/rovingFocus.js.map +1 -0
- package/dist/internal/types.d.ts +13 -0
- package/dist/internal/types.d.ts.map +1 -0
- package/dist/internal/types.js +2 -0
- package/dist/internal/types.js.map +1 -0
- package/dist/lib/EmptyBoundary.d.ts +9 -0
- package/dist/lib/EmptyBoundary.d.ts.map +1 -0
- package/dist/lib/EmptyBoundary.js +7 -0
- package/dist/lib/EmptyBoundary.js.map +1 -0
- package/dist/lib/ErrorBoundary.d.ts +21 -0
- package/dist/lib/ErrorBoundary.d.ts.map +1 -0
- package/dist/lib/ErrorBoundary.js +28 -0
- package/dist/lib/ErrorBoundary.js.map +1 -0
- package/dist/lib/contexts/ComponentsContext/ComponentsContext.d.ts +18 -0
- package/dist/lib/contexts/ComponentsContext/ComponentsContext.d.ts.map +1 -0
- package/dist/lib/contexts/ComponentsContext/ComponentsContext.js +8 -0
- package/dist/lib/contexts/ComponentsContext/ComponentsContext.js.map +1 -0
- package/dist/lib/contexts/ComponentsContext/index.d.ts +2 -0
- package/dist/lib/contexts/ComponentsContext/index.d.ts.map +1 -0
- package/dist/lib/contexts/ComponentsContext/index.js +2 -0
- package/dist/lib/contexts/ComponentsContext/index.js.map +1 -0
- package/dist/lib/contexts/OverlayContext/OverlayContext.d.ts +25 -0
- package/dist/lib/contexts/OverlayContext/OverlayContext.d.ts.map +1 -0
- package/dist/lib/contexts/OverlayContext/OverlayContext.js +36 -0
- package/dist/lib/contexts/OverlayContext/OverlayContext.js.map +1 -0
- package/dist/lib/contexts/OverlayContext/hooks/useModal.d.ts +27 -0
- package/dist/lib/contexts/OverlayContext/hooks/useModal.d.ts.map +1 -0
- package/dist/lib/contexts/OverlayContext/hooks/useModal.js +83 -0
- package/dist/lib/contexts/OverlayContext/hooks/useModal.js.map +1 -0
- package/dist/lib/contexts/OverlayContext/hooks/useToast.d.ts +12 -0
- package/dist/lib/contexts/OverlayContext/hooks/useToast.d.ts.map +1 -0
- package/dist/lib/contexts/OverlayContext/hooks/useToast.js +52 -0
- package/dist/lib/contexts/OverlayContext/hooks/useToast.js.map +1 -0
- package/dist/lib/contexts/OverlayContext/index.d.ts +6 -0
- package/dist/lib/contexts/OverlayContext/index.d.ts.map +1 -0
- package/dist/lib/contexts/OverlayContext/index.js +6 -0
- package/dist/lib/contexts/OverlayContext/index.js.map +1 -0
- package/dist/lib/format.d.ts +22 -0
- package/dist/lib/format.d.ts.map +1 -0
- package/dist/lib/format.js +50 -0
- package/dist/lib/format.js.map +1 -0
- package/dist/lib/utils.d.ts +7 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +10 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/lib/withEmpty.d.ts +6 -0
- package/dist/lib/withEmpty.d.ts.map +1 -0
- package/dist/lib/withEmpty.js +12 -0
- package/dist/lib/withEmpty.js.map +1 -0
- package/dist/lib/withErrorBoundary.d.ts +7 -0
- package/dist/lib/withErrorBoundary.d.ts.map +1 -0
- package/dist/lib/withErrorBoundary.js +10 -0
- package/dist/lib/withErrorBoundary.js.map +1 -0
- package/dist/lib/withSuspense.d.ts +6 -0
- package/dist/lib/withSuspense.d.ts.map +1 -0
- package/dist/lib/withSuspense.js +10 -0
- package/dist/lib/withSuspense.js.map +1 -0
- package/dist/lib/withSuspenseAndErrorBoundary.d.ts +12 -0
- package/dist/lib/withSuspenseAndErrorBoundary.d.ts.map +1 -0
- package/dist/lib/withSuspenseAndErrorBoundary.js +12 -0
- package/dist/lib/withSuspenseAndErrorBoundary.js.map +1 -0
- package/dist/theme/index.d.ts +9 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +8 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/schema.d.ts +103 -0
- package/dist/theme/schema.d.ts.map +1 -0
- package/dist/theme/schema.js +58 -0
- package/dist/theme/schema.js.map +1 -0
- package/dist/typography/Body.d.ts +5 -0
- package/dist/typography/Body.d.ts.map +1 -0
- package/dist/typography/Body.js +7 -0
- package/dist/typography/Body.js.map +1 -0
- package/dist/typography/Caption.d.ts +5 -0
- package/dist/typography/Caption.d.ts.map +1 -0
- package/dist/typography/Caption.js +7 -0
- package/dist/typography/Caption.js.map +1 -0
- package/dist/typography/Code.d.ts +5 -0
- package/dist/typography/Code.d.ts.map +1 -0
- package/dist/typography/Code.js +7 -0
- package/dist/typography/Code.js.map +1 -0
- package/dist/typography/Display.d.ts +5 -0
- package/dist/typography/Display.d.ts.map +1 -0
- package/dist/typography/Display.js +7 -0
- package/dist/typography/Display.js.map +1 -0
- package/dist/typography/Emphasis.d.ts +5 -0
- package/dist/typography/Emphasis.d.ts.map +1 -0
- package/dist/typography/Emphasis.js +7 -0
- package/dist/typography/Emphasis.js.map +1 -0
- package/dist/typography/Heading.d.ts +11 -0
- package/dist/typography/Heading.d.ts.map +1 -0
- package/dist/typography/Heading.js +15 -0
- package/dist/typography/Heading.js.map +1 -0
- package/dist/typography/Label.d.ts +4 -0
- package/dist/typography/Label.d.ts.map +1 -0
- package/dist/typography/Label.js +8 -0
- package/dist/typography/Label.js.map +1 -0
- package/dist/typography/Lead.d.ts +5 -0
- package/dist/typography/Lead.d.ts.map +1 -0
- package/dist/typography/Lead.js +7 -0
- package/dist/typography/Lead.js.map +1 -0
- package/dist/typography/Mono.d.ts +5 -0
- package/dist/typography/Mono.d.ts.map +1 -0
- package/dist/typography/Mono.js +7 -0
- package/dist/typography/Mono.js.map +1 -0
- package/dist/typography/Muted.d.ts +5 -0
- package/dist/typography/Muted.d.ts.map +1 -0
- package/dist/typography/Muted.js +7 -0
- package/dist/typography/Muted.js.map +1 -0
- package/dist/typography/SectionTitle.d.ts +5 -0
- package/dist/typography/SectionTitle.d.ts.map +1 -0
- package/dist/typography/SectionTitle.js +7 -0
- package/dist/typography/SectionTitle.js.map +1 -0
- package/dist/typography/Subtitle.d.ts +5 -0
- package/dist/typography/Subtitle.d.ts.map +1 -0
- package/dist/typography/Subtitle.js +7 -0
- package/dist/typography/Subtitle.js.map +1 -0
- package/dist/typography/Timestamp.d.ts +5 -0
- package/dist/typography/Timestamp.d.ts.map +1 -0
- package/dist/typography/Timestamp.js +7 -0
- package/dist/typography/Timestamp.js.map +1 -0
- package/dist/typography/index.d.ts +11 -0
- package/dist/typography/index.d.ts.map +1 -0
- package/dist/typography/index.js +11 -0
- package/dist/typography/index.js.map +1 -0
- package/package.json +332 -95
- package/src/components/Badge/Badge.tsx +5 -4
- package/src/components/BarChart/BarChart.tsx +25 -30
- package/src/components/Calendar/Calendar.tsx +91 -401
- package/src/components/Calendar/CalendarView.tsx +445 -0
- package/src/components/Calendar/calendar.types.ts +94 -29
- package/src/components/Calendar/index.ts +16 -17
- package/src/components/ColorDot/ColorDot.tsx +6 -4
- package/src/components/DatePicker/DatePicker.tsx +92 -16
- package/src/components/DatePicker/datepicker.types.ts +38 -39
- package/src/components/DatePicker/index.ts +11 -10
- package/src/components/DateRangePicker/DateRangePicker.tsx +17 -21
- package/src/components/DateRangePicker/daterangepicker.types.ts +22 -22
- package/src/components/DateRangePicker/index.ts +9 -1
- package/src/components/DateTimePicker/DateTimePicker.tsx +46 -18
- package/src/components/DateTimePicker/datetimepicker.types.ts +22 -18
- package/src/components/DateTimePicker/index.ts +9 -1
- package/src/components/DateTimeRangePicker/DateTimeRangePicker.tsx +62 -28
- package/src/components/DateTimeRangePicker/datetimerangepicker.types.ts +24 -19
- package/src/components/DateTimeRangePicker/index.ts +9 -0
- package/src/components/EmptyState/EmptyState.tsx +8 -7
- package/src/components/Field/Field.tsx +7 -6
- package/src/components/LineChart/LineChart.tsx +147 -141
- package/src/components/Markdown/Markdown.tsx +4 -3
- package/src/components/Message/Message.tsx +17 -1
- package/src/components/MetricList/MetricList.tsx +10 -5
- package/src/components/Modal/Modal.tsx +119 -87
- package/src/components/Modal/components/ModalContext.tsx +14 -0
- package/src/components/Modal/components/ModalHeader.tsx +14 -2
- package/src/components/NavBottom/NavBottom.tsx +6 -4
- package/src/components/NavSide/NavItem.tsx +1 -1
- package/src/components/NavSide/NavSide.tsx +5 -3
- package/src/components/Popover/Popover.tsx +7 -0
- package/src/components/Popover/components/PopoverBody.tsx +6 -1
- package/src/components/Popover/components/PopoverContext.tsx +1 -0
- package/src/components/Popover/components/PopoverTrigger.tsx +2 -1
- package/src/components/ProgressBar/ProgressBar.tsx +32 -28
- package/src/components/Select/Select.tsx +76 -19
- package/src/components/Select/SelectDropdown.tsx +32 -3
- package/src/components/Select/SelectTrigger.tsx +26 -3
- package/src/components/Select/useSelectKeyboard.ts +20 -10
- package/src/components/Sheet/Sheet.tsx +108 -83
- package/src/components/Sheet/components/SheetContext.tsx +10 -0
- package/src/components/Sheet/components/SheetHeader.tsx +17 -2
- package/src/components/Skeleton/Skeleton.tsx +5 -3
- package/src/components/Sparkline/Sparkline.tsx +29 -36
- package/src/components/StatsCard/StatsCard.tsx +7 -6
- package/src/components/Tabs/components/TabsList.tsx +5 -3
- package/src/components/Tabs/components/TabsPanels.tsx +5 -3
- package/src/components/TagChip/TagChip.tsx +10 -3
- package/src/components/TagInput/TagInput.tsx +5 -3
- package/src/components/TimePicker/TimePicker.tsx +31 -13
- package/src/components/TimePicker/timepicker.types.ts +14 -13
- package/src/date-time/index.ts +61 -0
- package/src/date-time/iso.ts +511 -0
- package/src/date-time/now.ts +10 -9
- package/src/theme/index.ts +11 -3
- package/src/theme/schema.ts +82 -54
- package/src/theme/tokens.css +807 -0
- package/dist/styles.css +0 -2
- package/dist/theme.generated.css +0 -438
- package/src/styles/base.css +0 -41
- package/src/theme/palette.json +0 -100
- package/src/theme/palette.schema.json +0 -40
- package/src/theme/theme.json +0 -349
- package/src/theme/theme.schema.json +0 -876
- package/src/theme/typography.json +0 -7
- package/src/theme/typography.schema.json +0 -36
- package/tailwind.config.ts +0 -261
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@ A single package, `@sixthshift/design-system`: ~80 components (primitives, overl
|
|
|
8
8
|
|
|
9
9
|
**Owns:** The component library — 80+ exports via subpath imports, design tokens, theme system (JSON-driven CSS generation), Tailwind config, and Storybook stories. Components span primitives, composites, typography, charts, and overlays.
|
|
10
10
|
|
|
11
|
-
**Boundaries:** Bundles a `./date-time` module (`@sixthshift/design-system/date-time`, wrapping `@js-temporal/polyfill`) used by the date/time components, Floating UI (popover/tooltip positioning)
|
|
11
|
+
**Boundaries:** Bundles a `./date-time` module (`@sixthshift/design-system/date-time`, wrapping `@js-temporal/polyfill`) used internally by the date/time components — those components exchange ISO 8601 strings, so consuming one does not require adopting Temporal. Also Floating UI (popover/tooltip positioning) and CVA (variant styling). Peer-depends on React 18 or 19. No app/domain coupling — domain-specific components live in consuming apps.
|
|
12
12
|
|
|
13
13
|
**Surprise:** All components are imported via subpath exports (`@sixthshift/design-system/button`), never from a barrel root — there is no main export. Positioning uses Floating UI, not Radix. Variants use the `variant` (visual) + `intent` (semantic) orthogonal prop pattern via CVA, not className-based styling. Compound components (e.g. Tabs) use `Object.assign` to attach sub-components. Check `src/components/` before creating any new UI element.
|
|
14
14
|
|
|
@@ -18,20 +18,30 @@ A single package, `@sixthshift/design-system`: ~80 components (primitives, overl
|
|
|
18
18
|
npm install @sixthshift/design-system
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
import "
|
|
24
|
-
import "@sixthshift/design-system/
|
|
21
|
+
```css
|
|
22
|
+
/* your CSS entry — Tailwind 4 is a required peer */
|
|
23
|
+
@import "tailwindcss";
|
|
24
|
+
@import "@sixthshift/design-system/theme.css";
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
That second line is opinionated: it replaces Tailwind's default palette with this
|
|
28
|
+
system's tokens and takes over a few globals. See
|
|
29
|
+
[what the theme takes over](#what-the-theme-takes-over) before adopting it.
|
|
25
30
|
|
|
31
|
+
```tsx
|
|
26
32
|
// anywhere — components via subpath exports (no barrel root)
|
|
27
33
|
import { Button } from "@sixthshift/design-system/button";
|
|
28
34
|
```
|
|
29
35
|
|
|
30
|
-
**
|
|
36
|
+
**What ships:** compiled ESM (`.js`) plus type declarations (`.d.ts`) in `dist/`, and the tokens as CSS. No prebuilt stylesheet: the components are Tailwind classes, so your build compiles them from the `@theme` block `theme.css` brings with it. Nothing runs on install and no consumer toolchain has to transpile this package. The module tree is preserved rather than bundled, so subpath imports still tree-shake.
|
|
37
|
+
|
|
38
|
+
TypeScript sources are published too, but only as the target of the declaration and source maps — nothing resolves to them. Go-to-definition lands on real `.tsx`, and stack traces map back to it.
|
|
39
|
+
|
|
40
|
+
**Module resolution:** subpath types only resolve under `"moduleResolution": "bundler"`, `"node16"`, or `"nodenext"` in `tsconfig.json`. The older `"node"` setting ignores the `exports` map entirely and fails with `TS2307` on every subpath. The package is also ESM-only — every `exports` entry has an `"import"` condition and nothing else, so `require("@sixthshift/design-system/button")` fails with `ERR_PACKAGE_PATH_NOT_EXPORTED`. A CJS test runner (e.g. Jest without ESM configured) needs to be set up for ESM before it can import this package.
|
|
31
41
|
|
|
32
42
|
### Peer dependencies
|
|
33
43
|
|
|
34
|
-
`react
|
|
44
|
+
`react`, `react-dom` and `tailwindcss` are the required peers — React at **18 or 19**, Tailwind at **4**. CI runs the type-check and the full unit suite against both React versions on every change, so that range is verified rather than merely declared.
|
|
35
45
|
|
|
36
46
|
Everything else is an **optional** peer — install it only if you import the entry point that needs it. Nothing else in the library imports them, and package managers do not warn about a missing optional peer.
|
|
37
47
|
|
|
@@ -76,7 +86,8 @@ import { FormField } from "@sixthshift/design-system/form-field";
|
|
|
76
86
|
// Charts (LineChart, BarChart, Sparkline, HeatMap)
|
|
77
87
|
import { LineChart } from "@sixthshift/design-system/line-chart";
|
|
78
88
|
|
|
79
|
-
// Pickers (Calendar, DatePicker, TimePicker, DateTimePicker, DateTimeRangePicker)
|
|
89
|
+
// Pickers (Calendar, DatePicker, TimePicker, DateTimePicker, DateRangePicker, DateTimeRangePicker)
|
|
90
|
+
// — all values are ISO 8601 strings, never date objects
|
|
80
91
|
import { DatePicker } from "@sixthshift/design-system/date-picker";
|
|
81
92
|
|
|
82
93
|
// Overlays (Modal, Sheet, Toast, Tooltip, Popover, HoverCard)
|
|
@@ -105,30 +116,125 @@ Components use two orthogonal props:
|
|
|
105
116
|
<Badge variant="soft" intent="warning">Pending</Badge>
|
|
106
117
|
```
|
|
107
118
|
|
|
119
|
+
## Dates and times
|
|
120
|
+
|
|
121
|
+
Every date/time component takes and returns canonical ISO 8601 strings. There is no
|
|
122
|
+
date library to adopt, and the engine behind the components stays an implementation
|
|
123
|
+
detail.
|
|
124
|
+
|
|
125
|
+
```tsx
|
|
126
|
+
<DatePicker value="2026-08-26" onChange={(date) => save(date)} />
|
|
127
|
+
<TimePicker value="09:30" onChange={(time) => save(time)} />
|
|
128
|
+
<DateTimePicker value="2026-08-26T00:30:00Z" onChange={(instant) => save(instant)} />
|
|
129
|
+
<DatePicker mode="range" value={{ from: "2026-08-01", to: "2026-08-07" }} onChange={setRange} />
|
|
130
|
+
```
|
|
131
|
+
|
|
132
|
+
| Type | Shape | Notes |
|
|
133
|
+
| --- | --- | --- |
|
|
134
|
+
| `ISODate` | `"2026-08-26"` | |
|
|
135
|
+
| `ISOTime` | `"09:30"` or `"09:30:00"` | callbacks emit `HH:MM:SS` |
|
|
136
|
+
| `ISOInstant` | `"2026-08-26T00:30:00Z"` | always UTC; an offset like `+10:00` is accepted and normalised |
|
|
137
|
+
|
|
138
|
+
The types are template literals, so a literal in the wrong shape is a compile error
|
|
139
|
+
— a datetime passed to a `DatePicker`, an offset where `Z` is required. Values
|
|
140
|
+
arriving as `string` from an API are checked at runtime instead, and a value
|
|
141
|
+
carrying a time where a date belongs throws rather than being silently truncated.
|
|
142
|
+
|
|
143
|
+
Disabling dates is declarative, so the common cases need no date arithmetic:
|
|
144
|
+
|
|
145
|
+
```tsx
|
|
146
|
+
<DatePicker disabled={{ dayOfWeek: ["sat", "sun"] }} />
|
|
147
|
+
<DatePicker disabled={[{ before: "2026-01-01" }, "2026-12-25"]} />
|
|
148
|
+
```
|
|
149
|
+
|
|
150
|
+
For building `presets` and bounds, `@sixthshift/design-system/date-time` carries
|
|
151
|
+
ISO-native helpers (`todayISO`, `addDaysISO`, `startOfMonthISO`, `isWeekendISO`,
|
|
152
|
+
`compareISO`, …) so you never need Temporal at a call site. It also still exports
|
|
153
|
+
Temporal itself, for arithmetic the ISO surface deliberately does not carry —
|
|
154
|
+
widen with `fromISODate`, compute, narrow back with `toISODate`.
|
|
155
|
+
|
|
156
|
+
See [docs/component-catalog.md](docs/component-catalog.md#datetime-pickers) for the
|
|
157
|
+
full prop tables.
|
|
158
|
+
|
|
159
|
+
### Upgrading from 0.2.x
|
|
160
|
+
|
|
161
|
+
The pickers previously took and returned `Temporal` objects. At a call site, wrap
|
|
162
|
+
existing values with `serialize()` and parse what comes back, or — better — drop
|
|
163
|
+
Temporal from your own code entirely:
|
|
164
|
+
|
|
165
|
+
```tsx
|
|
166
|
+
// before
|
|
167
|
+
<DatePicker value={Temporal.PlainDate.from(dueDate)} onChange={(d) => save(d?.toString())} />
|
|
168
|
+
|
|
169
|
+
// after
|
|
170
|
+
<DatePicker value={dueDate} onChange={(d) => save(d)} />
|
|
171
|
+
```
|
|
172
|
+
|
|
173
|
+
`DateRangeValue` and `DisabledDateMatcher` are no longer exported; use
|
|
174
|
+
`ISODateRange` and `DisabledDates`. `DateTimeRangeValue` survives as an alias of
|
|
175
|
+
`ISOInstantRange`. The Temporal-typed helpers that `@sixthshift/design-system/calendar`
|
|
176
|
+
re-exported (`isDateDisabled`, `temporalToISO`, and friends) are now internal — the
|
|
177
|
+
ISO helpers above cover what they were reachable for.
|
|
178
|
+
|
|
108
179
|
## Theming
|
|
109
180
|
|
|
110
|
-
Tokens are
|
|
181
|
+
Tokens are CSS (`src/theme/tokens.css`), published as `theme.css`. That one file
|
|
182
|
+
holds the palette, the semantic tokens for each mode, and the `@theme` block that
|
|
183
|
+
tells Tailwind which utilities exist — so a token and its utility can never
|
|
184
|
+
disagree.
|
|
185
|
+
|
|
186
|
+
Light/dark switch via the `data-theme` attribute on the root element. Consumers
|
|
187
|
+
restyle by overriding CSS variables at runtime — component source stays
|
|
188
|
+
untouched. See [docs/design-tokens.md](docs/design-tokens.md) for the full token
|
|
189
|
+
reference.
|
|
111
190
|
|
|
112
191
|
### Tailwind integration
|
|
113
192
|
|
|
114
|
-
|
|
193
|
+
The two `@import` lines above are the whole integration. That single theme import
|
|
194
|
+
carries the token variables *and* the `@theme` block declaring the library's
|
|
195
|
+
utilities, so `bg-bg-brand`, `z-modal`, `animate-fade-in` and `dark:*` compile in
|
|
196
|
+
your build alongside your own classes — same pass, same tree-shaking, and
|
|
197
|
+
`className="mt-8"` on a library component works like any other Tailwind class.
|
|
198
|
+
|
|
199
|
+
Add the library to your `content` sources only if you scan explicitly; automatic
|
|
200
|
+
detection already covers `node_modules` imports. There is no preset, no
|
|
201
|
+
`@config`, and no prebuilt stylesheet to import.
|
|
202
|
+
|
|
203
|
+
**Tailwind 4 is required, not optional.** Every component is a set of Tailwind
|
|
204
|
+
classes, so without it they render unstyled. That is why `tailwindcss` is a
|
|
205
|
+
non-optional peer dependency.
|
|
115
206
|
|
|
116
|
-
|
|
117
|
-
// tailwind.config.ts
|
|
118
|
-
import uiConfig from "@sixthshift/design-system/tailwind.config";
|
|
207
|
+
### What the theme takes over
|
|
119
208
|
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
209
|
+
This is a design system, not a component grab-bag: importing `theme.css` adopts
|
|
210
|
+
its opinions across your whole app, not just inside its components. All of it is
|
|
211
|
+
deliberate, and all of it is worth knowing before you commit.
|
|
212
|
+
|
|
213
|
+
| What | Effect on your app |
|
|
214
|
+
| --- | --- |
|
|
215
|
+
| **Tailwind's default palette is removed** | `bg-red-500`, `text-gray-700`, `border-gray-200` and the rest stop compiling — in your own markup too. What remains is this system's tokens (`bg-bg-brand`, `text-fg-subtle`, `border-border-normal`, …) plus `white`, `black`, `transparent` and `current`. A colour that was never designed should not be one class away. |
|
|
216
|
+
| **`dark:` means `[data-theme="dark"]`** | Not `prefers-color-scheme`. Theming here is a runtime attribute swap, so every `dark:` utility in your app follows the attribute instead of the OS setting. |
|
|
217
|
+
| **`font-sans` and `font-mono`** | Resolve to Inter Variable and JetBrains Mono. Install the [font peers](#fonts) or the stacks fall through to the system defaults. |
|
|
218
|
+
| **Three global rules** | `*` gets `border-color: var(--border-normal)`, so a bare `border` is the token colour rather than `currentColor`; `:focus-visible` gets the system focus ring; and under `prefers-reduced-motion` every animation and transition is pinned to `0.01ms`. These apply to your elements as well as ours. |
|
|
219
|
+
| **`--color-{emerald,sky,slate}-*`** | 33 variable names shared with Tailwind's palette hold this system's values. Only reachable if you read the variables directly in your own CSS. |
|
|
220
|
+
|
|
221
|
+
If you want a specific stock colour back, re-declare it in your own `@theme`
|
|
222
|
+
block after the import — everything you do not name stays gone:
|
|
223
|
+
|
|
224
|
+
```css
|
|
225
|
+
@import "tailwindcss";
|
|
226
|
+
@import "@sixthshift/design-system/theme.css";
|
|
227
|
+
|
|
228
|
+
@theme {
|
|
229
|
+
--color-red-500: oklch(63.7% 0.237 25.331);
|
|
230
|
+
}
|
|
124
231
|
```
|
|
125
232
|
|
|
126
233
|
## Development
|
|
127
234
|
|
|
128
235
|
```bash
|
|
129
|
-
bun install # `prepare` builds
|
|
130
|
-
bun run
|
|
131
|
-
bun run dev # watch-rebuild theme + Tailwind CSS
|
|
236
|
+
bun install # `prepare` builds JS, types and styles into dist/
|
|
237
|
+
bun run dev # component workbench on :6006
|
|
132
238
|
bun run test # unit + date-time tests
|
|
133
239
|
bun run type-check # tsc --noEmit (src and tests)
|
|
134
240
|
bun run check # biome lint + format
|
|
@@ -191,12 +297,11 @@ bun run scripts/next-version.ts --explain
|
|
|
191
297
|
```
|
|
192
298
|
|
|
193
299
|
The line between the two halves of that table is **whether the commit can reach
|
|
194
|
-
the published tarball**, not whether it feels important.
|
|
195
|
-
`src/`
|
|
196
|
-
|
|
197
|
-
and
|
|
198
|
-
|
|
199
|
-
nothing.
|
|
300
|
+
the published tarball**, not whether it feels important. Every code subpath is
|
|
301
|
+
compiled from `src/` into the tarball, so a `refactor:` still changes the bytes
|
|
302
|
+
a consumer receives, and `build:` changes what lands in `dist/`. Tests,
|
|
303
|
+
workflows, formatting and prose either do not ship or are not user-visible, so
|
|
304
|
+
they release nothing.
|
|
200
305
|
|
|
201
306
|
Two consequences worth knowing:
|
|
202
307
|
|
|
@@ -205,11 +310,14 @@ Two consequences worth knowing:
|
|
|
205
310
|
- A renamed or removed export needs `feat!:` or a `BREAKING CHANGE:` footer.
|
|
206
311
|
Filed as `refactor:` it cuts a patch, which understates it.
|
|
207
312
|
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
313
|
+
No repository secret is required. Publishing goes through npm trusted
|
|
314
|
+
publishing (OIDC): GitHub Actions mints a short-lived token scoped to the run,
|
|
315
|
+
npm exchanges it against the trusted publisher configured on the package, and
|
|
316
|
+
provenance is attached automatically. There is nothing to leak and nothing to
|
|
317
|
+
rotate. npm authorises the *calling* workflow rather than the one containing
|
|
318
|
+
the publish step, so `version.yml` has to stay the sole entry point — see
|
|
319
|
+
[`.github/workflows/release.yml`](.github/workflows/release.yml) for the
|
|
320
|
+
detail.
|
|
213
321
|
|
|
214
322
|
Tagging by hand still works and goes through the same publish path:
|
|
215
323
|
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Avatar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
|
|
3
|
+
declare const AvatarImage: React.ForwardRefExoticComponent<React.ImgHTMLAttributes<HTMLImageElement> & React.RefAttributes<HTMLImageElement>>;
|
|
4
|
+
declare const AvatarFallback: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
6
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,MAAM,+GAEV,CAAC;AAGH,QAAA,MAAM,WAAW,oHAEf,CAAC;AAGH,QAAA,MAAM,cAAc,+GAElB,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@sixthshift/design-system/utils";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
const Avatar = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className), ...props })));
|
|
5
|
+
Avatar.displayName = "Avatar";
|
|
6
|
+
const AvatarImage = React.forwardRef(({ className, alt, ...props }, ref) => (_jsx("img", { ref: ref, alt: alt, className: cn("aspect-square h-full w-full", className), ...props })));
|
|
7
|
+
AvatarImage.displayName = "AvatarImage";
|
|
8
|
+
const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, className: cn("flex h-full w-full items-center justify-center rounded-full bg-bg-subtle font-medium text-sm", className), ...props })));
|
|
9
|
+
AvatarFallback.displayName = "AvatarFallback";
|
|
10
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
11
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAyD,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxH,eAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,+DAA+D,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzH,CAAC,CAAC;AACH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAA8D,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvI,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAChG,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAyD,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChI,eAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,8FAA8F,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACxJ,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "solid" | "soft" | "outline" | null | undefined;
|
|
5
|
+
intent?: "neutral" | "primary" | "danger" | "success" | "warning" | "muted" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants>;
|
|
8
|
+
export declare const Badge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
|
|
9
|
+
variant?: "solid" | "soft" | "outline" | null | undefined;
|
|
10
|
+
intent?: "neutral" | "primary" | "danger" | "success" | "warning" | "muted" | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
export { badgeVariants };
|
|
13
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,aAAa;;;8EA8ClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAEpG,eAAO,MAAM,KAAK;;;uHAEhB,CAAC;AAGH,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@sixthshift/design-system/utils";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-hidden focus:ring-2 focus:ring-border-brand focus:ring-offset-2", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
solid: "border-transparent shadow",
|
|
9
|
+
soft: "border-transparent",
|
|
10
|
+
outline: "",
|
|
11
|
+
},
|
|
12
|
+
intent: {
|
|
13
|
+
neutral: "",
|
|
14
|
+
primary: "",
|
|
15
|
+
danger: "",
|
|
16
|
+
success: "",
|
|
17
|
+
warning: "",
|
|
18
|
+
muted: "",
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
compoundVariants: [
|
|
22
|
+
// Solid variants
|
|
23
|
+
{ variant: "solid", intent: "neutral", className: "bg-bg-strong text-fg-on-strong" },
|
|
24
|
+
{ variant: "solid", intent: "primary", className: "bg-bg-brand text-fg-on-brand" },
|
|
25
|
+
{ variant: "solid", intent: "danger", className: "bg-bg-danger text-fg-on-danger" },
|
|
26
|
+
{ variant: "solid", intent: "success", className: "bg-bg-success text-fg-on-success" },
|
|
27
|
+
{ variant: "solid", intent: "warning", className: "bg-bg-warning text-fg-on-warning" },
|
|
28
|
+
{ variant: "solid", intent: "muted", className: "bg-bg-subtle text-fg-subtle" },
|
|
29
|
+
// Soft variants
|
|
30
|
+
{ variant: "soft", intent: "neutral", className: "bg-bg-subtle text-fg-normal" },
|
|
31
|
+
{ variant: "soft", intent: "primary", className: "bg-bg-brand-subtle text-fg-on-brand-subtle" },
|
|
32
|
+
{ variant: "soft", intent: "danger", className: "bg-bg-danger-subtle text-fg-on-danger-subtle" },
|
|
33
|
+
{ variant: "soft", intent: "success", className: "bg-bg-success-subtle text-fg-on-success-subtle" },
|
|
34
|
+
{ variant: "soft", intent: "warning", className: "bg-bg-warning-subtle text-fg-on-warning-subtle" },
|
|
35
|
+
{ variant: "soft", intent: "muted", className: "bg-bg-subtle text-fg-subtle" },
|
|
36
|
+
// Outline variants
|
|
37
|
+
{ variant: "outline", intent: "neutral", className: "border-border-normal bg-bg-normal text-fg-normal" },
|
|
38
|
+
{ variant: "outline", intent: "primary", className: "border-border-brand bg-bg-normal text-fg-brand" },
|
|
39
|
+
{ variant: "outline", intent: "danger", className: "border-border-danger bg-bg-normal text-fg-danger" },
|
|
40
|
+
{ variant: "outline", intent: "success", className: "border-border-success bg-bg-normal text-fg-success" },
|
|
41
|
+
{ variant: "outline", intent: "warning", className: "border-border-warning bg-bg-normal text-fg-warning" },
|
|
42
|
+
{ variant: "outline", intent: "muted", className: "border-border-normal bg-bg-normal text-fg-subtle" },
|
|
43
|
+
],
|
|
44
|
+
defaultVariants: {
|
|
45
|
+
variant: "solid",
|
|
46
|
+
intent: "primary",
|
|
47
|
+
},
|
|
48
|
+
});
|
|
49
|
+
export const Badge = React.forwardRef(({ className, variant, intent, ...props }, ref) => {
|
|
50
|
+
return _jsx("span", { ref: ref, className: cn(badgeVariants({ variant, intent }), className), ...props });
|
|
51
|
+
});
|
|
52
|
+
Badge.displayName = "Badge";
|
|
53
|
+
export { badgeVariants };
|
|
54
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,aAAa,GAAG,GAAG,CACvB,gLAAgL,EAChL;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,2BAA2B;YAClC,IAAI,EAAE,oBAAoB;YAC1B,OAAO,EAAE,EAAE;SACZ;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;SACV;KACF;IACD,gBAAgB,EAAE;QAChB,iBAAiB;QACjB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,gCAAgC,EAAE;QACpF,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,8BAA8B,EAAE;QAClF,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,gCAAgC,EAAE;QACnF,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,kCAAkC,EAAE;QACtF,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,kCAAkC,EAAE;QACtF,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,6BAA6B,EAAE;QAC/E,gBAAgB;QAChB,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,6BAA6B,EAAE;QAChF,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,4CAA4C,EAAE;QAC/F,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,8CAA8C,EAAE;QAChG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,gDAAgD,EAAE;QACnG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,gDAAgD,EAAE;QACnG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,6BAA6B,EAAE;QAC9E,mBAAmB;QACnB,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,kDAAkD,EAAE;QACxG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,gDAAgD,EAAE;QACtG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,kDAAkD,EAAE;QACvG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,oDAAoD,EAAE;QAC1G,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,oDAAoD,EAAE;QAC1G,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,kDAAkD,EAAE;KACvG;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,SAAS;KAClB;CACF,CACF,CAAC;AAIF,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnH,OAAO,eAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACrG,CAAC,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type BarChartItem = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: number;
|
|
5
|
+
color?: string;
|
|
6
|
+
};
|
|
7
|
+
export type BarChartProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
8
|
+
data: BarChartItem[];
|
|
9
|
+
showValues?: boolean;
|
|
10
|
+
maxValue?: number;
|
|
11
|
+
formatValue?: (value: number) => string;
|
|
12
|
+
barHeight?: number;
|
|
13
|
+
};
|
|
14
|
+
export declare const BarChart: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
15
|
+
data: BarChartItem[];
|
|
16
|
+
showValues?: boolean;
|
|
17
|
+
maxValue?: number;
|
|
18
|
+
formatValue?: (value: number) => string;
|
|
19
|
+
barHeight?: number;
|
|
20
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
//# sourceMappingURL=BarChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/BarChart/BarChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACjE,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,QAAQ;UATb,YAAY,EAAE;iBACP,OAAO;eACT,MAAM;kBACH,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;gBAC3B,MAAM;wCA8BnB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@sixthshift/design-system/utils";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
const DEFAULT_COLORS = ["var(--fg-brand)", "var(--fg-success)", "var(--fg-warning)", "var(--fg-danger)", "var(--fg-subtle)"];
|
|
5
|
+
export const BarChart = React.forwardRef(({ data, showValues = true, maxValue: maxValueProp, formatValue = (v) => String(v), barHeight = 24, className, ...rest }, ref) => {
|
|
6
|
+
const maxValue = maxValueProp ?? Math.max(...data.map((d) => d.value), 1);
|
|
7
|
+
return (_jsx("div", { ref: ref, ...rest, className: cn("flex flex-col gap-2", className), children: data.map((item, i) => {
|
|
8
|
+
// Clamp both ends: a negative value would otherwise emit an invalid
|
|
9
|
+
// `width: -n%`, whose rendering is undefined.
|
|
10
|
+
const percent = Math.min(Math.max((item.value / maxValue) * 100, 0), 100);
|
|
11
|
+
const color = item.color ?? DEFAULT_COLORS[i % DEFAULT_COLORS.length];
|
|
12
|
+
return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "w-20 shrink-0 truncate text-right text-fg-subtle text-sm", children: item.label }), _jsx("div", { className: "flex-1 overflow-hidden rounded-sm bg-bg-subtle", style: { height: barHeight }, children: _jsx("div", { className: "h-full rounded-sm transition-all duration-300", style: { width: `${percent}%`, backgroundColor: color } }) }), showValues && _jsx("span", { className: "w-12 shrink-0 text-right font-medium text-fg-normal text-sm", children: formatValue(item.value) })] }, item.label));
|
|
13
|
+
}) }));
|
|
14
|
+
});
|
|
15
|
+
BarChart.displayName = "BarChart";
|
|
16
|
+
//# sourceMappingURL=BarChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../src/components/BarChart/BarChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;AAE7H,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/H,MAAM,QAAQ,GAAG,YAAY,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,KAAM,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YACrE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACpB,oEAAoE;YACpE,8CAA8C;YAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YAC1E,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,cAAc,CAAC,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;YAEtE,OAAO,CACL,eAAsB,SAAS,EAAC,yBAAyB,aACvD,eAAM,SAAS,EAAC,0DAA0D,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC9F,cAAK,SAAS,EAAC,gDAAgD,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YAC1F,cAAK,SAAS,EAAC,+CAA+C,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,GAAI,GACtH,EACL,UAAU,IAAI,eAAM,SAAS,EAAC,6DAA6D,YAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,GAAQ,KALrH,IAAI,CAAC,KAAK,CAMd,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BarChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BarChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAyC,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactNode } from "react";
|
|
2
|
+
export type BreadcrumbItem = {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
href?: string;
|
|
5
|
+
};
|
|
6
|
+
export type BreadcrumbProps = Omit<ComponentPropsWithoutRef<"nav">, "children"> & {
|
|
7
|
+
items: BreadcrumbItem[];
|
|
8
|
+
};
|
|
9
|
+
export declare const Breadcrumb: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "children"> & {
|
|
10
|
+
items: BreadcrumbItem[];
|
|
11
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
12
|
+
//# sourceMappingURL=Breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU;WAHd,cAAc,EAAE;+CAkCvB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useComponents } from "@sixthshift/design-system/components";
|
|
3
|
+
import { cn } from "@sixthshift/design-system/utils";
|
|
4
|
+
import { ChevronRight } from "lucide-react";
|
|
5
|
+
import { forwardRef } from "react";
|
|
6
|
+
export const Breadcrumb = forwardRef(({ className, items, ...props }, ref) => {
|
|
7
|
+
const { Link } = useComponents();
|
|
8
|
+
if (items.length === 0)
|
|
9
|
+
return null;
|
|
10
|
+
return (_jsx("nav", { ref: ref, "aria-label": "breadcrumb", className: cn("", className), ...props, children: _jsx("ol", { className: "flex flex-wrap items-center gap-1.5 text-sm sm:gap-2.5", children: items.map((item, index) => {
|
|
11
|
+
const isLast = index === items.length - 1;
|
|
12
|
+
const isClickable = !isLast && item.href;
|
|
13
|
+
return (
|
|
14
|
+
// biome-ignore lint/suspicious/noArrayIndexKey: Breadcrumb path items maintain stable order
|
|
15
|
+
_jsxs("li", { className: "inline-flex items-center gap-1.5", children: [isClickable ? (_jsx(Link, { href: item.href, className: "text-fg-subtle transition-colors hover:text-fg-normal", children: item.label })) : (_jsx("span", { className: cn(isLast ? "font-medium text-fg-normal" : "text-fg-subtle"), "aria-current": isLast ? "page" : undefined, children: item.label })), !isLast && _jsx(ChevronRight, { className: "size-3.5 text-fg-subtle", "aria-hidden": "true" })] }, index));
|
|
16
|
+
}) }) }));
|
|
17
|
+
});
|
|
18
|
+
Breadcrumb.displayName = "Breadcrumb";
|
|
19
|
+
//# sourceMappingURL=Breadcrumb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAiC,UAAU,EAAkB,MAAM,OAAO,CAAC;AAWlF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA+B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzG,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAC;IAEjC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,gBAAa,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,YAC5E,aAAI,SAAS,EAAC,wDAAwD,YACnE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC1C,MAAM,WAAW,GAAG,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC;gBAEzC,OAAO;gBACL,4FAA4F;gBAC5F,cAAgB,SAAS,EAAC,kCAAkC,aACzD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAK,EAAE,SAAS,EAAC,uDAAuD,YACtF,IAAI,CAAC,KAAK,GACN,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,gBAAgB,CAAC,kBAAgB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YACrH,IAAI,CAAC,KAAK,GACN,CACR,EACA,CAAC,MAAM,IAAI,KAAC,YAAY,IAAC,SAAS,EAAC,yBAAyB,iBAAa,MAAM,GAAG,KAV5E,KAAK,CAWT,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,GAGX,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "link" | "solid" | "outline" | "ghost" | null | undefined;
|
|
5
|
+
intent?: "neutral" | "danger" | "success" | "warning" | null | undefined;
|
|
6
|
+
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
|
|
9
|
+
asChild?: boolean;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
};
|
|
12
|
+
declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
13
|
+
variant?: "link" | "solid" | "outline" | "ghost" | null | undefined;
|
|
14
|
+
intent?: "neutral" | "danger" | "success" | "warning" | null | undefined;
|
|
15
|
+
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | null | undefined;
|
|
16
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
17
|
+
asChild?: boolean;
|
|
18
|
+
loading?: boolean;
|
|
19
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export { Button, buttonVariants };
|
|
21
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,cAAc;;;;8EAqHnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACrE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,MAAM;;;;;cAJE,OAAO;cACP,OAAO;2CA0BpB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|