agentic-ds-kit 0.1.0 → 0.2.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 +6 -7
- package/dist/lib/tokens.css +637 -0
- package/dist/src/index.d.ts +67 -0
- package/dist/src/index.js +69 -0
- package/dist/src/tokens.d.ts +0 -0
- package/dist/src/tokens.js +2 -0
- package/dist/ui/Accordion/Accordion.d.ts +3 -0
- package/dist/ui/Accordion/Accordion.js +49 -0
- package/dist/ui/Accordion/Accordion.js.map +1 -0
- package/{ui → dist/ui}/Accordion/Accordion.module.css +11 -11
- package/dist/ui/Accordion/Accordion.module.js +16 -0
- package/dist/ui/Accordion/Accordion.module.js.map +1 -0
- package/dist/ui/Accordion/Accordion.types.d.ts +9 -0
- package/dist/ui/Accordion/index.d.ts +2 -0
- package/dist/ui/Alert/Alert.d.ts +3 -0
- package/dist/ui/Alert/Alert.js +36 -0
- package/dist/ui/Alert/Alert.js.map +1 -0
- package/{ui → dist/ui}/Alert/Alert.module.css +12 -12
- package/dist/ui/Alert/Alert.module.js +17 -0
- package/dist/ui/Alert/Alert.module.js.map +1 -0
- package/{ui/Alert/Alert.types.ts → dist/ui/Alert/Alert.types.d.ts} +3 -4
- package/dist/ui/Alert/index.d.ts +2 -0
- package/dist/ui/AlertDialog/AlertDialog.d.ts +3 -0
- package/dist/ui/AlertDialog/AlertDialog.js +76 -0
- package/dist/ui/AlertDialog/AlertDialog.js.map +1 -0
- package/{ui → dist/ui}/AlertDialog/AlertDialog.module.css +11 -11
- package/dist/ui/AlertDialog/AlertDialog.module.js +17 -0
- package/dist/ui/AlertDialog/AlertDialog.module.js.map +1 -0
- package/dist/ui/AlertDialog/AlertDialog.types.d.ts +13 -0
- package/dist/ui/AlertDialog/index.d.ts +2 -0
- package/dist/ui/AppHeader/AppHeader.d.ts +3 -0
- package/dist/ui/AppHeader/AppHeader.js +57 -0
- package/dist/ui/AppHeader/AppHeader.js.map +1 -0
- package/{ui → dist/ui}/AppHeader/AppHeader.module.css +15 -15
- package/dist/ui/AppHeader/AppHeader.module.js +17 -0
- package/dist/ui/AppHeader/AppHeader.module.js.map +1 -0
- package/dist/ui/AppHeader/AppHeader.types.d.ts +26 -0
- package/dist/ui/AppHeader/index.d.ts +2 -0
- package/dist/ui/AppNav/AppNav.d.ts +3 -0
- package/dist/ui/AppNav/AppNav.js +108 -0
- package/dist/ui/AppNav/AppNav.js.map +1 -0
- package/{ui → dist/ui}/AppNav/AppNav.module.css +27 -27
- package/dist/ui/AppNav/AppNav.module.js +28 -0
- package/dist/ui/AppNav/AppNav.module.js.map +1 -0
- package/dist/ui/AppNav/AppNav.types.d.ts +21 -0
- package/{ui/AppNav/index.ts → dist/ui/AppNav/index.d.ts} +2 -2
- package/dist/ui/Avatar/Avatar.d.ts +3 -0
- package/dist/ui/Avatar/Avatar.js +48 -0
- package/dist/ui/Avatar/Avatar.js.map +1 -0
- package/{ui → dist/ui}/Avatar/Avatar.module.css +7 -7
- package/dist/ui/Avatar/Avatar.module.js +15 -0
- package/dist/ui/Avatar/Avatar.module.js.map +1 -0
- package/dist/ui/Avatar/Avatar.types.d.ts +7 -0
- package/dist/ui/Avatar/index.d.ts +2 -0
- package/dist/ui/AvatarGroup/AvatarGroup.d.ts +3 -0
- package/dist/ui/AvatarGroup/AvatarGroup.js +31 -0
- package/dist/ui/AvatarGroup/AvatarGroup.js.map +1 -0
- package/{ui → dist/ui}/AvatarGroup/AvatarGroup.module.css +7 -7
- package/dist/ui/AvatarGroup/AvatarGroup.module.js +14 -0
- package/dist/ui/AvatarGroup/AvatarGroup.module.js.map +1 -0
- package/dist/ui/AvatarGroup/AvatarGroup.types.d.ts +13 -0
- package/dist/ui/AvatarGroup/index.d.ts +2 -0
- package/dist/ui/Badge/Badge.d.ts +3 -0
- package/dist/ui/Badge/Badge.js +35 -0
- package/dist/ui/Badge/Badge.js.map +1 -0
- package/{ui → dist/ui}/Badge/Badge.module.css +14 -14
- package/dist/ui/Badge/Badge.module.js +20 -0
- package/dist/ui/Badge/Badge.module.js.map +1 -0
- package/{ui/Badge/Badge.types.ts → dist/ui/Badge/Badge.types.d.ts} +6 -7
- package/dist/ui/Badge/index.d.ts +2 -0
- package/dist/ui/BarChart/BarChart.d.ts +3 -0
- package/dist/ui/BarChart/BarChart.js +242 -0
- package/dist/ui/BarChart/BarChart.js.map +1 -0
- package/{ui → dist/ui}/BarChart/BarChart.module.css +10 -10
- package/dist/ui/BarChart/BarChart.module.js +16 -0
- package/dist/ui/BarChart/BarChart.module.js.map +1 -0
- package/dist/ui/BarChart/BarChart.types.d.ts +16 -0
- package/dist/ui/BarChart/index.d.ts +2 -0
- package/dist/ui/Breadcrumb/Breadcrumb.d.ts +3 -0
- package/dist/ui/Breadcrumb/Breadcrumb.js +78 -0
- package/dist/ui/Breadcrumb/Breadcrumb.js.map +1 -0
- package/{ui → dist/ui}/Breadcrumb/Breadcrumb.module.css +11 -11
- package/dist/ui/Breadcrumb/Breadcrumb.module.js +16 -0
- package/dist/ui/Breadcrumb/Breadcrumb.module.js.map +1 -0
- package/dist/ui/Breadcrumb/Breadcrumb.types.d.ts +12 -0
- package/dist/ui/Breadcrumb/index.d.ts +2 -0
- package/dist/ui/Button/Button.d.ts +3 -0
- package/dist/ui/Button/Button.js +44 -0
- package/dist/ui/Button/Button.js.map +1 -0
- package/{ui → dist/ui}/Button/Button.module.css +20 -20
- package/dist/ui/Button/Button.module.js +20 -0
- package/dist/ui/Button/Button.module.js.map +1 -0
- package/dist/ui/Button/Button.types.d.ts +17 -0
- package/dist/ui/Button/index.d.ts +2 -0
- package/dist/ui/Button/lucideName.d.ts +5 -0
- package/dist/ui/Button/lucideName.js +103 -0
- package/dist/ui/Button/lucideName.js.map +1 -0
- package/dist/ui/ButtonGroup/ButtonGroup.d.ts +3 -0
- package/dist/ui/ButtonGroup/ButtonGroup.js +15 -0
- package/dist/ui/ButtonGroup/ButtonGroup.js.map +1 -0
- package/dist/ui/ButtonGroup/ButtonGroup.module.css +31 -0
- package/dist/ui/ButtonGroup/ButtonGroup.module.js +7 -0
- package/dist/ui/ButtonGroup/ButtonGroup.module.js.map +1 -0
- package/dist/ui/ButtonGroup/ButtonGroup.types.d.ts +5 -0
- package/dist/ui/ButtonGroup/index.d.ts +2 -0
- package/dist/ui/Calendar/Calendar.d.ts +3 -0
- package/dist/ui/Calendar/Calendar.js +205 -0
- package/dist/ui/Calendar/Calendar.js.map +1 -0
- package/{ui → dist/ui}/Calendar/Calendar.module.css +22 -22
- package/dist/ui/Calendar/Calendar.module.js +20 -0
- package/dist/ui/Calendar/Calendar.module.js.map +1 -0
- package/dist/ui/Calendar/Calendar.types.d.ts +10 -0
- package/dist/ui/Calendar/index.d.ts +2 -0
- package/dist/ui/Card/Card.d.ts +3 -0
- package/dist/ui/Card/Card.js +57 -0
- package/dist/ui/Card/Card.js.map +1 -0
- package/{ui → dist/ui}/Card/Card.module.css +13 -13
- package/dist/ui/Card/Card.module.js +18 -0
- package/dist/ui/Card/Card.module.js.map +1 -0
- package/dist/ui/Card/Card.types.d.ts +20 -0
- package/{ui/Card/index.ts → dist/ui/Card/index.d.ts} +2 -2
- package/dist/ui/Carousel/Carousel.d.ts +3 -0
- package/dist/ui/Carousel/Carousel.js +99 -0
- package/dist/ui/Carousel/Carousel.js.map +1 -0
- package/{ui → dist/ui}/Carousel/Carousel.module.css +22 -22
- package/dist/ui/Carousel/Carousel.module.js +21 -0
- package/dist/ui/Carousel/Carousel.module.js.map +1 -0
- package/dist/ui/Carousel/Carousel.types.d.ts +15 -0
- package/dist/ui/Carousel/index.d.ts +2 -0
- package/dist/ui/Cell/Cell.d.ts +3 -0
- package/dist/ui/Cell/Cell.js +215 -0
- package/dist/ui/Cell/Cell.js.map +1 -0
- package/{ui → dist/ui}/Cell/Cell.module.css +23 -23
- package/dist/ui/Cell/Cell.module.js +27 -0
- package/dist/ui/Cell/Cell.module.js.map +1 -0
- package/dist/ui/Cell/Cell.types.d.ts +46 -0
- package/dist/ui/Cell/index.d.ts +2 -0
- package/dist/ui/Chat/Chat.d.ts +3 -0
- package/dist/ui/Chat/Chat.js +149 -0
- package/dist/ui/Chat/Chat.js.map +1 -0
- package/{ui → dist/ui}/Chat/Chat.module.css +21 -21
- package/dist/ui/Chat/Chat.module.js +27 -0
- package/dist/ui/Chat/Chat.module.js.map +1 -0
- package/dist/ui/Chat/Chat.types.d.ts +35 -0
- package/dist/ui/Chat/index.d.ts +2 -0
- package/dist/ui/Checkbox/Checkbox.d.ts +3 -0
- package/dist/ui/Checkbox/Checkbox.js +64 -0
- package/dist/ui/Checkbox/Checkbox.js.map +1 -0
- package/{ui → dist/ui}/Checkbox/Checkbox.module.css +28 -28
- package/dist/ui/Checkbox/Checkbox.module.js +16 -0
- package/dist/ui/Checkbox/Checkbox.module.js.map +1 -0
- package/dist/ui/Checkbox/Checkbox.types.d.ts +14 -0
- package/dist/ui/Checkbox/index.d.ts +2 -0
- package/dist/ui/Collapsible/Collapsible.d.ts +3 -0
- package/dist/ui/Collapsible/Collapsible.js +50 -0
- package/dist/ui/Collapsible/Collapsible.js.map +1 -0
- package/{ui → dist/ui}/Collapsible/Collapsible.module.css +8 -8
- package/dist/ui/Collapsible/Collapsible.module.js +14 -0
- package/dist/ui/Collapsible/Collapsible.module.js.map +1 -0
- package/dist/ui/Collapsible/Collapsible.types.d.ts +8 -0
- package/dist/ui/Collapsible/index.d.ts +2 -0
- package/dist/ui/Command/Command.d.ts +3 -0
- package/dist/ui/Command/Command.js +120 -0
- package/dist/ui/Command/Command.js.map +1 -0
- package/{ui → dist/ui}/Command/Command.module.css +22 -22
- package/dist/ui/Command/Command.module.js +22 -0
- package/dist/ui/Command/Command.module.js.map +1 -0
- package/dist/ui/Command/Command.types.d.ts +18 -0
- package/dist/ui/Command/index.d.ts +2 -0
- package/dist/ui/DataTable/DataTable.d.ts +3 -0
- package/dist/ui/DataTable/DataTable.js +324 -0
- package/dist/ui/DataTable/DataTable.js.map +1 -0
- package/{ui → dist/ui}/DataTable/DataTable.module.css +34 -34
- package/dist/ui/DataTable/DataTable.module.js +27 -0
- package/dist/ui/DataTable/DataTable.module.js.map +1 -0
- package/dist/ui/DataTable/DataTable.types.d.ts +28 -0
- package/dist/ui/DataTable/index.d.ts +2 -0
- package/dist/ui/DatePicker/DatePicker.d.ts +3 -0
- package/dist/ui/DatePicker/DatePicker.js +92 -0
- package/dist/ui/DatePicker/DatePicker.js.map +1 -0
- package/{ui → dist/ui}/DatePicker/DatePicker.module.css +7 -7
- package/dist/ui/DatePicker/DatePicker.module.js +14 -0
- package/dist/ui/DatePicker/DatePicker.module.js.map +1 -0
- package/dist/ui/DatePicker/DatePicker.types.d.ts +14 -0
- package/dist/ui/DatePicker/index.d.ts +2 -0
- package/dist/ui/Drawer/Drawer.d.ts +3 -0
- package/dist/ui/Drawer/Drawer.js +82 -0
- package/dist/ui/Drawer/Drawer.js.map +1 -0
- package/{ui → dist/ui}/Drawer/Drawer.module.css +31 -31
- package/dist/ui/Drawer/Drawer.module.js +26 -0
- package/dist/ui/Drawer/Drawer.module.js.map +1 -0
- package/dist/ui/Drawer/Drawer.types.d.ts +12 -0
- package/dist/ui/Drawer/index.d.ts +2 -0
- package/dist/ui/DropdownMenu/DropdownMenu.d.ts +3 -0
- package/dist/ui/DropdownMenu/DropdownMenu.js +378 -0
- package/dist/ui/DropdownMenu/DropdownMenu.js.map +1 -0
- package/{ui → dist/ui}/DropdownMenu/DropdownMenu.module.css +53 -53
- package/dist/ui/DropdownMenu/DropdownMenu.module.js +42 -0
- package/dist/ui/DropdownMenu/DropdownMenu.module.js.map +1 -0
- package/dist/ui/DropdownMenu/DropdownMenu.types.d.ts +44 -0
- package/dist/ui/DropdownMenu/index.d.ts +2 -0
- package/dist/ui/Empty/Empty.d.ts +3 -0
- package/dist/ui/Empty/Empty.js +43 -0
- package/dist/ui/Empty/Empty.js.map +1 -0
- package/{ui → dist/ui}/Empty/Empty.module.css +9 -9
- package/dist/ui/Empty/Empty.module.js +16 -0
- package/dist/ui/Empty/Empty.module.js.map +1 -0
- package/dist/ui/Empty/Empty.types.d.ts +9 -0
- package/dist/ui/Empty/index.d.ts +2 -0
- package/dist/ui/Field/Field.d.ts +3 -0
- package/dist/ui/Field/Field.js +38 -0
- package/dist/ui/Field/Field.js.map +1 -0
- package/{ui → dist/ui}/Field/Field.module.css +11 -11
- package/dist/ui/Field/Field.module.js +15 -0
- package/dist/ui/Field/Field.module.js.map +1 -0
- package/dist/ui/Field/Field.types.d.ts +10 -0
- package/dist/ui/Field/index.d.ts +2 -0
- package/dist/ui/FieldSet/FieldSet.d.ts +3 -0
- package/dist/ui/FieldSet/FieldSet.js +26 -0
- package/dist/ui/FieldSet/FieldSet.js.map +1 -0
- package/{ui → dist/ui}/FieldSet/FieldSet.module.css +4 -4
- package/dist/ui/FieldSet/FieldSet.module.js +12 -0
- package/dist/ui/FieldSet/FieldSet.module.js.map +1 -0
- package/dist/ui/FieldSet/FieldSet.types.d.ts +6 -0
- package/dist/ui/FieldSet/index.d.ts +2 -0
- package/dist/ui/HeaderCell/HeaderCell.d.ts +3 -0
- package/dist/ui/HeaderCell/HeaderCell.js +42 -0
- package/dist/ui/HeaderCell/HeaderCell.js.map +1 -0
- package/{ui → dist/ui}/HeaderCell/HeaderCell.module.css +14 -14
- package/dist/ui/HeaderCell/HeaderCell.module.js +19 -0
- package/dist/ui/HeaderCell/HeaderCell.module.js.map +1 -0
- package/dist/ui/HeaderCell/HeaderCell.types.d.ts +17 -0
- package/dist/ui/HeaderCell/index.d.ts +2 -0
- package/dist/ui/Input/Input.d.ts +3 -0
- package/dist/ui/Input/Input.js +58 -0
- package/dist/ui/Input/Input.js.map +1 -0
- package/{ui → dist/ui}/Input/Input.module.css +12 -12
- package/dist/ui/Input/Input.module.js +13 -0
- package/dist/ui/Input/Input.module.js.map +1 -0
- package/dist/ui/Input/Input.types.d.ts +21 -0
- package/dist/ui/Input/index.d.ts +2 -0
- package/dist/ui/InputOTP/InputOTP.d.ts +3 -0
- package/dist/ui/InputOTP/InputOTP.js +86 -0
- package/dist/ui/InputOTP/InputOTP.js.map +1 -0
- package/{ui → dist/ui}/InputOTP/InputOTP.module.css +20 -20
- package/dist/ui/InputOTP/InputOTP.module.js +20 -0
- package/dist/ui/InputOTP/InputOTP.module.js.map +1 -0
- package/dist/ui/InputOTP/InputOTP.types.d.ts +18 -0
- package/{ui/InputOTP/index.ts → dist/ui/InputOTP/index.d.ts} +2 -2
- package/dist/ui/InsightCard/InsightCard.d.ts +3 -0
- package/dist/ui/InsightCard/InsightCard.js +89 -0
- package/dist/ui/InsightCard/InsightCard.js.map +1 -0
- package/{ui → dist/ui}/InsightCard/InsightCard.module.css +23 -23
- package/dist/ui/InsightCard/InsightCard.module.js +29 -0
- package/dist/ui/InsightCard/InsightCard.module.js.map +1 -0
- package/dist/ui/InsightCard/InsightCard.types.d.ts +18 -0
- package/dist/ui/InsightCard/index.d.ts +2 -0
- package/dist/ui/LineChart/LineChart.d.ts +3 -0
- package/dist/ui/LineChart/LineChart.js +307 -0
- package/dist/ui/LineChart/LineChart.js.map +1 -0
- package/{ui → dist/ui}/LineChart/LineChart.module.css +16 -16
- package/dist/ui/LineChart/LineChart.module.js +22 -0
- package/dist/ui/LineChart/LineChart.module.js.map +1 -0
- package/dist/ui/LineChart/LineChart.types.d.ts +17 -0
- package/dist/ui/LineChart/index.d.ts +2 -0
- package/dist/ui/LoadingAnimation/LoadingAnimation.d.ts +3 -0
- package/dist/ui/LoadingAnimation/LoadingAnimation.js +24 -0
- package/dist/ui/LoadingAnimation/LoadingAnimation.js.map +1 -0
- package/{ui → dist/ui}/LoadingAnimation/LoadingAnimation.module.css +11 -11
- package/dist/ui/LoadingAnimation/LoadingAnimation.module.js +13 -0
- package/dist/ui/LoadingAnimation/LoadingAnimation.module.js.map +1 -0
- package/{ui/LoadingAnimation/LoadingAnimation.types.ts → dist/ui/LoadingAnimation/LoadingAnimation.types.d.ts} +4 -5
- package/dist/ui/LoadingAnimation/index.d.ts +2 -0
- package/dist/ui/Modal/Modal.d.ts +3 -0
- package/dist/ui/Modal/Modal.js +66 -0
- package/dist/ui/Modal/Modal.js.map +1 -0
- package/{ui → dist/ui}/Modal/Modal.module.css +7 -7
- package/dist/ui/Modal/Modal.module.js +12 -0
- package/dist/ui/Modal/Modal.module.js.map +1 -0
- package/dist/ui/Modal/Modal.types.d.ts +13 -0
- package/dist/ui/Modal/index.d.ts +2 -0
- package/dist/ui/ModalCard/ModalCard.d.ts +3 -0
- package/dist/ui/ModalCard/ModalCard.js +56 -0
- package/dist/ui/ModalCard/ModalCard.js.map +1 -0
- package/{ui → dist/ui}/ModalCard/ModalCard.module.css +20 -20
- package/dist/ui/ModalCard/ModalCard.module.js +20 -0
- package/dist/ui/ModalCard/ModalCard.module.js.map +1 -0
- package/dist/ui/ModalCard/ModalCard.types.d.ts +13 -0
- package/dist/ui/ModalCard/index.d.ts +2 -0
- package/dist/ui/NavigationMenu/NavigationMenu.d.ts +3 -0
- package/dist/ui/NavigationMenu/NavigationMenu.js +35 -0
- package/dist/ui/NavigationMenu/NavigationMenu.js.map +1 -0
- package/{ui → dist/ui}/NavigationMenu/NavigationMenu.module.css +5 -5
- package/dist/ui/NavigationMenu/NavigationMenu.module.js +11 -0
- package/dist/ui/NavigationMenu/NavigationMenu.module.js.map +1 -0
- package/dist/ui/NavigationMenu/NavigationMenu.types.d.ts +18 -0
- package/dist/ui/NavigationMenu/index.d.ts +2 -0
- package/dist/ui/NumberTransition/NumberTransition.d.ts +3 -0
- package/dist/ui/NumberTransition/NumberTransition.js +54 -0
- package/dist/ui/NumberTransition/NumberTransition.js.map +1 -0
- package/{ui → dist/ui}/NumberTransition/NumberTransition.module.css +21 -21
- package/dist/ui/NumberTransition/NumberTransition.module.js +20 -0
- package/dist/ui/NumberTransition/NumberTransition.module.js.map +1 -0
- package/dist/ui/NumberTransition/NumberTransition.types.d.ts +8 -0
- package/dist/ui/NumberTransition/index.d.ts +2 -0
- package/dist/ui/PageHeader/PageHeader.d.ts +3 -0
- package/dist/ui/PageHeader/PageHeader.js +44 -0
- package/dist/ui/PageHeader/PageHeader.js.map +1 -0
- package/{ui → dist/ui}/PageHeader/PageHeader.module.css +8 -8
- package/dist/ui/PageHeader/PageHeader.module.js +16 -0
- package/dist/ui/PageHeader/PageHeader.module.js.map +1 -0
- package/dist/ui/PageHeader/PageHeader.types.d.ts +11 -0
- package/dist/ui/PageHeader/index.d.ts +2 -0
- package/dist/ui/Pagination/Pagination.d.ts +3 -0
- package/dist/ui/Pagination/Pagination.js +109 -0
- package/dist/ui/Pagination/Pagination.js.map +1 -0
- package/{ui → dist/ui}/Pagination/Pagination.module.css +3 -3
- package/dist/ui/Pagination/Pagination.module.js +11 -0
- package/dist/ui/Pagination/Pagination.module.js.map +1 -0
- package/dist/ui/Pagination/Pagination.types.d.ts +11 -0
- package/dist/ui/Pagination/index.d.ts +2 -0
- package/dist/ui/PieChart/PieChart.d.ts +3 -0
- package/dist/ui/PieChart/PieChart.js +254 -0
- package/dist/ui/PieChart/PieChart.js.map +1 -0
- package/{ui → dist/ui}/PieChart/PieChart.module.css +22 -22
- package/dist/ui/PieChart/PieChart.module.js +22 -0
- package/dist/ui/PieChart/PieChart.module.js.map +1 -0
- package/dist/ui/PieChart/PieChart.types.d.ts +20 -0
- package/{ui/PieChart/index.ts → dist/ui/PieChart/index.d.ts} +2 -2
- package/dist/ui/Progress/Progress.d.ts +3 -0
- package/dist/ui/Progress/Progress.js +117 -0
- package/dist/ui/Progress/Progress.js.map +1 -0
- package/{ui → dist/ui}/Progress/Progress.module.css +42 -42
- package/dist/ui/Progress/Progress.module.js +32 -0
- package/dist/ui/Progress/Progress.module.js.map +1 -0
- package/{ui/Progress/Progress.types.ts → dist/ui/Progress/Progress.types.d.ts} +8 -9
- package/dist/ui/Progress/index.d.ts +2 -0
- package/dist/ui/ProgressSteps/ProgressSteps.d.ts +3 -0
- package/dist/ui/ProgressSteps/ProgressSteps.js +92 -0
- package/dist/ui/ProgressSteps/ProgressSteps.js.map +1 -0
- package/{ui → dist/ui}/ProgressSteps/ProgressSteps.module.css +33 -33
- package/dist/ui/ProgressSteps/ProgressSteps.module.js +31 -0
- package/dist/ui/ProgressSteps/ProgressSteps.module.js.map +1 -0
- package/{ui/ProgressSteps/ProgressSteps.types.ts → dist/ui/ProgressSteps/ProgressSteps.types.d.ts} +10 -12
- package/dist/ui/ProgressSteps/index.d.ts +2 -0
- package/dist/ui/RadioGroup/RadioGroup.d.ts +3 -0
- package/dist/ui/RadioGroup/RadioGroup.js +87 -0
- package/dist/ui/RadioGroup/RadioGroup.js.map +1 -0
- package/{ui → dist/ui}/RadioGroup/RadioGroup.module.css +48 -48
- package/dist/ui/RadioGroup/RadioGroup.module.js +27 -0
- package/dist/ui/RadioGroup/RadioGroup.module.js.map +1 -0
- package/dist/ui/RadioGroup/RadioGroup.types.d.ts +27 -0
- package/dist/ui/RadioGroup/index.d.ts +2 -0
- package/dist/ui/Scoreboard/Scoreboard.d.ts +3 -0
- package/dist/ui/Scoreboard/Scoreboard.js +33 -0
- package/dist/ui/Scoreboard/Scoreboard.js.map +1 -0
- package/{ui → dist/ui}/Scoreboard/Scoreboard.module.css +11 -11
- package/dist/ui/Scoreboard/Scoreboard.module.js +15 -0
- package/dist/ui/Scoreboard/Scoreboard.module.js.map +1 -0
- package/dist/ui/Scoreboard/Scoreboard.types.d.ts +6 -0
- package/dist/ui/Scoreboard/index.d.ts +2 -0
- package/dist/ui/Scorecard/Scorecard.d.ts +3 -0
- package/dist/ui/Scorecard/Scorecard.js +76 -0
- package/dist/ui/Scorecard/Scorecard.js.map +1 -0
- package/{ui → dist/ui}/Scorecard/Scorecard.module.css +25 -25
- package/dist/ui/Scorecard/Scorecard.module.js +26 -0
- package/dist/ui/Scorecard/Scorecard.module.js.map +1 -0
- package/dist/ui/Scorecard/Scorecard.types.d.ts +15 -0
- package/dist/ui/Scorecard/index.d.ts +2 -0
- package/dist/ui/Section/Section.d.ts +3 -0
- package/dist/ui/Section/Section.js +54 -0
- package/dist/ui/Section/Section.js.map +1 -0
- package/{ui → dist/ui}/Section/Section.module.css +15 -15
- package/dist/ui/Section/Section.module.js +21 -0
- package/dist/ui/Section/Section.module.js.map +1 -0
- package/dist/ui/Section/Section.types.d.ts +13 -0
- package/dist/ui/Section/index.d.ts +2 -0
- package/dist/ui/Select/Select.d.ts +3 -0
- package/dist/ui/Select/Select.js +59 -0
- package/dist/ui/Select/Select.js.map +1 -0
- package/dist/ui/Select/Select.types.d.ts +24 -0
- package/dist/ui/Select/index.d.ts +2 -0
- package/dist/ui/ShimmerText/ShimmerText.d.ts +3 -0
- package/dist/ui/ShimmerText/ShimmerText.js +35 -0
- package/dist/ui/ShimmerText/ShimmerText.js.map +1 -0
- package/{ui → dist/ui}/ShimmerText/ShimmerText.module.css +8 -8
- package/dist/ui/ShimmerText/ShimmerText.module.js +14 -0
- package/dist/ui/ShimmerText/ShimmerText.module.js.map +1 -0
- package/dist/ui/ShimmerText/ShimmerText.types.d.ts +10 -0
- package/dist/ui/ShimmerText/index.d.ts +2 -0
- package/dist/ui/SideNav/SideNav.d.ts +3 -0
- package/dist/ui/SideNav/SideNav.js +176 -0
- package/dist/ui/SideNav/SideNav.js.map +1 -0
- package/{ui → dist/ui}/SideNav/SideNav.module.css +54 -54
- package/dist/ui/SideNav/SideNav.module.js +32 -0
- package/dist/ui/SideNav/SideNav.module.js.map +1 -0
- package/dist/ui/SideNav/SideNav.types.d.ts +38 -0
- package/dist/ui/SideNav/index.d.ts +2 -0
- package/dist/ui/Slider/Slider.d.ts +3 -0
- package/dist/ui/Slider/Slider.js +129 -0
- package/dist/ui/Slider/Slider.js.map +1 -0
- package/{ui → dist/ui}/Slider/Slider.module.css +18 -18
- package/dist/ui/Slider/Slider.module.js +15 -0
- package/dist/ui/Slider/Slider.module.js.map +1 -0
- package/dist/ui/Slider/Slider.types.d.ts +10 -0
- package/dist/ui/Slider/index.d.ts +2 -0
- package/dist/ui/Spinner/Spinner.d.ts +3 -0
- package/dist/ui/Spinner/Spinner.js +24 -0
- package/dist/ui/Spinner/Spinner.js.map +1 -0
- package/{ui → dist/ui}/Spinner/Spinner.module.css +11 -11
- package/dist/ui/Spinner/Spinner.module.js +15 -0
- package/dist/ui/Spinner/Spinner.module.js.map +1 -0
- package/{ui/Spinner/Spinner.types.ts → dist/ui/Spinner/Spinner.types.d.ts} +2 -3
- package/dist/ui/Spinner/index.d.ts +2 -0
- package/dist/ui/Switch/Switch.d.ts +3 -0
- package/dist/ui/Switch/Switch.js +45 -0
- package/dist/ui/Switch/Switch.js.map +1 -0
- package/{ui → dist/ui}/Switch/Switch.module.css +27 -27
- package/dist/ui/Switch/Switch.module.js +18 -0
- package/dist/ui/Switch/Switch.module.js.map +1 -0
- package/dist/ui/Switch/Switch.types.d.ts +11 -0
- package/dist/ui/Switch/index.d.ts +2 -0
- package/dist/ui/Table/Table.d.ts +3 -0
- package/dist/ui/Table/Table.js +84 -0
- package/dist/ui/Table/Table.js.map +1 -0
- package/{ui → dist/ui}/Table/Table.module.css +24 -24
- package/dist/ui/Table/Table.module.js +22 -0
- package/dist/ui/Table/Table.module.js.map +1 -0
- package/dist/ui/Table/Table.types.d.ts +22 -0
- package/dist/ui/Table/index.d.ts +2 -0
- package/dist/ui/Tabs/Tabs.d.ts +3 -0
- package/dist/ui/Tabs/Tabs.js +112 -0
- package/dist/ui/Tabs/Tabs.js.map +1 -0
- package/{ui → dist/ui}/Tabs/Tabs.module.css +26 -26
- package/dist/ui/Tabs/Tabs.module.js +18 -0
- package/dist/ui/Tabs/Tabs.module.js.map +1 -0
- package/dist/ui/Tabs/Tabs.types.d.ts +18 -0
- package/dist/ui/Tabs/index.d.ts +2 -0
- package/dist/ui/Textarea/Textarea.d.ts +3 -0
- package/dist/ui/Textarea/Textarea.js +26 -0
- package/dist/ui/Textarea/Textarea.js.map +1 -0
- package/{ui → dist/ui}/Textarea/Textarea.module.css +15 -15
- package/dist/ui/Textarea/Textarea.module.js +13 -0
- package/dist/ui/Textarea/Textarea.module.js.map +1 -0
- package/dist/ui/Textarea/Textarea.types.d.ts +13 -0
- package/dist/ui/Textarea/index.d.ts +2 -0
- package/dist/ui/ThinkingAnimation/ThinkingAnimation.d.ts +3 -0
- package/dist/ui/ThinkingAnimation/ThinkingAnimation.js +28 -0
- package/dist/ui/ThinkingAnimation/ThinkingAnimation.js.map +1 -0
- package/{ui → dist/ui}/ThinkingAnimation/ThinkingAnimation.module.css +13 -13
- package/dist/ui/ThinkingAnimation/ThinkingAnimation.module.js +15 -0
- package/dist/ui/ThinkingAnimation/ThinkingAnimation.module.js.map +1 -0
- package/dist/ui/ThinkingAnimation/ThinkingAnimation.types.d.ts +7 -0
- package/dist/ui/ThinkingAnimation/index.d.ts +2 -0
- package/dist/ui/Timeline/Timeline.d.ts +3 -0
- package/dist/ui/Timeline/Timeline.js +50 -0
- package/dist/ui/Timeline/Timeline.js.map +1 -0
- package/{ui → dist/ui}/Timeline/Timeline.module.css +16 -16
- package/dist/ui/Timeline/Timeline.module.js +20 -0
- package/dist/ui/Timeline/Timeline.module.js.map +1 -0
- package/dist/ui/Timeline/Timeline.types.d.ts +14 -0
- package/{ui/Timeline/index.ts → dist/ui/Timeline/index.d.ts} +2 -2
- package/dist/ui/Toast/Toast.d.ts +3 -0
- package/dist/ui/Toast/Toast.js +86 -0
- package/dist/ui/Toast/Toast.js.map +1 -0
- package/{ui → dist/ui}/Toast/Toast.module.css +20 -20
- package/dist/ui/Toast/Toast.module.js +24 -0
- package/dist/ui/Toast/Toast.module.js.map +1 -0
- package/dist/ui/Toast/Toast.types.d.ts +15 -0
- package/dist/ui/Toast/index.d.ts +2 -0
- package/dist/ui/Tooltip/Tooltip.d.ts +12 -0
- package/dist/ui/Tooltip/Tooltip.js +51 -0
- package/dist/ui/Tooltip/Tooltip.js.map +1 -0
- package/{ui → dist/ui}/Tooltip/Tooltip.module.css +17 -17
- package/dist/ui/Tooltip/Tooltip.module.js +16 -0
- package/dist/ui/Tooltip/Tooltip.module.js.map +1 -0
- package/dist/ui/Tooltip/index.d.ts +2 -0
- package/dist/ui/patterns/ActivityPattern/ActivityFeed.d.ts +4 -0
- package/dist/ui/patterns/ActivityPattern/ActivityFeed.js +162 -0
- package/dist/ui/patterns/ActivityPattern/ActivityFeed.js.map +1 -0
- package/dist/ui/patterns/ActivityPattern/ActivityPattern.d.ts +5 -0
- package/dist/ui/patterns/ActivityPattern/ActivityPattern.js +168 -0
- package/dist/ui/patterns/ActivityPattern/ActivityPattern.js.map +1 -0
- package/dist/ui/patterns/ActivityPattern/ActivityTasks.d.ts +11 -0
- package/dist/ui/patterns/ActivityPattern/ActivityTasks.js +89 -0
- package/dist/ui/patterns/ActivityPattern/ActivityTasks.js.map +1 -0
- package/dist/ui/patterns/ActivityPattern/TaskDrawer.d.ts +21 -0
- package/dist/ui/patterns/ActivityPattern/TaskDrawer.js +184 -0
- package/dist/ui/patterns/ActivityPattern/TaskDrawer.js.map +1 -0
- package/{ui → dist/ui}/patterns/ActivityPattern/TaskDrawer.module.css +6 -6
- package/dist/ui/patterns/ActivityPattern/TaskDrawer.module.js +14 -0
- package/dist/ui/patterns/ActivityPattern/TaskDrawer.module.js.map +1 -0
- package/dist/ui/patterns/ActivityPattern/index.d.ts +2 -0
- package/dist/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.d.ts +5 -0
- package/dist/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.js +123 -0
- package/dist/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.js.map +1 -0
- package/{ui → dist/ui}/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.module.css +3 -3
- package/dist/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.module.js +11 -0
- package/dist/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.module.js.map +1 -0
- package/dist/ui/patterns/AssistantWorkspacePattern/index.d.ts +2 -0
- package/dist/ui/patterns/DashboardPattern/DashboardPattern.d.ts +4 -0
- package/dist/ui/patterns/DashboardPattern/DashboardPattern.js +225 -0
- package/dist/ui/patterns/DashboardPattern/DashboardPattern.js.map +1 -0
- package/dist/ui/patterns/DashboardPattern/index.d.ts +1 -0
- package/dist/ui/patterns/EmptyFirstRunPattern/EmptyFirstRunPattern.d.ts +8 -0
- package/dist/ui/patterns/EmptyFirstRunPattern/EmptyFirstRunPattern.js +109 -0
- package/dist/ui/patterns/EmptyFirstRunPattern/EmptyFirstRunPattern.js.map +1 -0
- package/dist/ui/patterns/EmptyFirstRunPattern/index.d.ts +2 -0
- package/dist/ui/patterns/InboxPattern/InboxPattern.d.ts +5 -0
- package/dist/ui/patterns/InboxPattern/InboxPattern.js +275 -0
- package/dist/ui/patterns/InboxPattern/InboxPattern.js.map +1 -0
- package/{ui → dist/ui}/patterns/InboxPattern/InboxPattern.module.css +6 -6
- package/dist/ui/patterns/InboxPattern/InboxPattern.module.js +14 -0
- package/dist/ui/patterns/InboxPattern/InboxPattern.module.js.map +1 -0
- package/dist/ui/patterns/InboxPattern/InboxReplyDrawer.d.ts +7 -0
- package/dist/ui/patterns/InboxPattern/InboxReplyDrawer.js +87 -0
- package/dist/ui/patterns/InboxPattern/InboxReplyDrawer.js.map +1 -0
- package/dist/ui/patterns/InboxPattern/inbox-data.d.ts +15 -0
- package/dist/ui/patterns/InboxPattern/inbox-data.js +86 -0
- package/dist/ui/patterns/InboxPattern/inbox-data.js.map +1 -0
- package/dist/ui/patterns/InboxPattern/index.d.ts +2 -0
- package/dist/ui/patterns/InviteMembersPattern/InviteMembersPattern.d.ts +9 -0
- package/dist/ui/patterns/InviteMembersPattern/InviteMembersPattern.js +158 -0
- package/dist/ui/patterns/InviteMembersPattern/InviteMembersPattern.js.map +1 -0
- package/dist/ui/patterns/InviteMembersPattern/index.d.ts +2 -0
- package/dist/ui/patterns/ListDetailPattern/ListDetailPattern.d.ts +16 -0
- package/dist/ui/patterns/ListDetailPattern/ListDetailPattern.js +143 -0
- package/dist/ui/patterns/ListDetailPattern/ListDetailPattern.js.map +1 -0
- package/{ui → dist/ui}/patterns/ListDetailPattern/ListDetailPattern.module.css +5 -5
- package/dist/ui/patterns/ListDetailPattern/ListDetailPattern.module.js +12 -0
- package/dist/ui/patterns/ListDetailPattern/ListDetailPattern.module.js.map +1 -0
- package/dist/ui/patterns/ListDetailPattern/index.d.ts +2 -0
- package/dist/ui/patterns/SettingsFormPattern/SettingsFormPattern.d.ts +7 -0
- package/dist/ui/patterns/SettingsFormPattern/SettingsFormPattern.js +127 -0
- package/dist/ui/patterns/SettingsFormPattern/SettingsFormPattern.js.map +1 -0
- package/{ui → dist/ui}/patterns/SettingsFormPattern/SettingsFormPattern.module.css +2 -2
- package/dist/ui/patterns/SettingsFormPattern/SettingsFormPattern.module.js +10 -0
- package/dist/ui/patterns/SettingsFormPattern/SettingsFormPattern.module.js.map +1 -0
- package/dist/ui/patterns/SettingsFormPattern/index.d.ts +2 -0
- package/dist/ui/shared/ChartFrame.d.ts +14 -0
- package/dist/ui/shared/ChartFrame.js +61 -0
- package/dist/ui/shared/ChartFrame.js.map +1 -0
- package/{ui → dist/ui}/shared/ChartFrame.module.css +41 -41
- package/dist/ui/shared/ChartFrame.module.js +39 -0
- package/dist/ui/shared/ChartFrame.module.js.map +1 -0
- package/dist/ui/shared/chartMath.d.ts +78 -0
- package/dist/ui/shared/chartMath.js +127 -0
- package/dist/ui/shared/chartMath.js.map +1 -0
- package/{ui → dist/ui}/shared/controls.module.css +8 -8
- package/dist/ui/shared/controls.module.js +13 -0
- package/dist/ui/shared/controls.module.js.map +1 -0
- package/dist/ui/shared/useChartSize.d.ts +5 -0
- package/dist/ui/shared/useChartSize.js +22 -0
- package/dist/ui/shared/useChartSize.js.map +1 -0
- package/package.json +28 -8
- package/skills/prototype-from-kit/SKILL.md +1 -1
- package/src/index.ts +0 -71
- package/ui/Accordion/Accordion.tsx +0 -51
- package/ui/Accordion/Accordion.types.ts +0 -10
- package/ui/Accordion/index.ts +0 -2
- package/ui/Alert/Alert.tsx +0 -27
- package/ui/Alert/index.ts +0 -2
- package/ui/AlertDialog/AlertDialog.tsx +0 -109
- package/ui/AlertDialog/AlertDialog.types.ts +0 -14
- package/ui/AlertDialog/index.ts +0 -6
- package/ui/AppHeader/AppHeader.tsx +0 -70
- package/ui/AppHeader/AppHeader.types.ts +0 -28
- package/ui/AppHeader/index.ts +0 -2
- package/ui/AppNav/AppNav.tsx +0 -137
- package/ui/AppNav/AppNav.types.ts +0 -24
- package/ui/Avatar/Avatar.tsx +0 -62
- package/ui/Avatar/Avatar.types.ts +0 -8
- package/ui/Avatar/index.ts +0 -2
- package/ui/AvatarGroup/AvatarGroup.tsx +0 -29
- package/ui/AvatarGroup/AvatarGroup.types.ts +0 -16
- package/ui/AvatarGroup/index.ts +0 -2
- package/ui/Badge/Badge.tsx +0 -43
- package/ui/Badge/index.ts +0 -2
- package/ui/BarChart/BarChart.tsx +0 -380
- package/ui/BarChart/BarChart.types.ts +0 -18
- package/ui/BarChart/index.ts +0 -2
- package/ui/Breadcrumb/Breadcrumb.tsx +0 -89
- package/ui/Breadcrumb/Breadcrumb.types.ts +0 -14
- package/ui/Breadcrumb/index.ts +0 -2
- package/ui/Button/Button.tsx +0 -49
- package/ui/Button/Button.types.ts +0 -18
- package/ui/Button/index.ts +0 -2
- package/ui/Button/lucideName.tsx +0 -188
- package/ui/ButtonGroup/ButtonGroup.module.css +0 -31
- package/ui/ButtonGroup/ButtonGroup.tsx +0 -12
- package/ui/ButtonGroup/ButtonGroup.types.ts +0 -6
- package/ui/ButtonGroup/index.ts +0 -2
- package/ui/Calendar/Calendar.tsx +0 -296
- package/ui/Calendar/Calendar.types.ts +0 -11
- package/ui/Calendar/index.ts +0 -2
- package/ui/Card/Card.tsx +0 -69
- package/ui/Card/Card.types.ts +0 -23
- package/ui/Carousel/Carousel.tsx +0 -152
- package/ui/Carousel/Carousel.types.ts +0 -17
- package/ui/Carousel/index.ts +0 -7
- package/ui/Cell/Cell.tsx +0 -300
- package/ui/Cell/Cell.types.ts +0 -69
- package/ui/Cell/index.ts +0 -11
- package/ui/Chat/Chat.tsx +0 -175
- package/ui/Chat/Chat.types.ts +0 -39
- package/ui/Chat/index.ts +0 -2
- package/ui/Checkbox/Checkbox.tsx +0 -70
- package/ui/Checkbox/Checkbox.types.ts +0 -15
- package/ui/Checkbox/index.ts +0 -2
- package/ui/Collapsible/Collapsible.tsx +0 -59
- package/ui/Collapsible/Collapsible.types.ts +0 -9
- package/ui/Collapsible/index.ts +0 -2
- package/ui/Command/Command.tsx +0 -152
- package/ui/Command/Command.types.ts +0 -20
- package/ui/Command/index.ts +0 -2
- package/ui/DataTable/DataTable.tsx +0 -429
- package/ui/DataTable/DataTable.types.ts +0 -35
- package/ui/DataTable/index.ts +0 -8
- package/ui/DatePicker/DatePicker.tsx +0 -123
- package/ui/DatePicker/DatePicker.types.ts +0 -15
- package/ui/DatePicker/index.ts +0 -2
- package/ui/Drawer/Drawer.tsx +0 -112
- package/ui/Drawer/Drawer.types.ts +0 -14
- package/ui/Drawer/index.ts +0 -2
- package/ui/DropdownMenu/DropdownMenu.tsx +0 -580
- package/ui/DropdownMenu/DropdownMenu.types.ts +0 -48
- package/ui/DropdownMenu/index.ts +0 -8
- package/ui/Empty/Empty.tsx +0 -35
- package/ui/Empty/Empty.types.ts +0 -10
- package/ui/Empty/index.ts +0 -2
- package/ui/Field/Field.tsx +0 -46
- package/ui/Field/Field.types.ts +0 -12
- package/ui/Field/index.ts +0 -2
- package/ui/FieldSet/FieldSet.tsx +0 -14
- package/ui/FieldSet/FieldSet.types.ts +0 -7
- package/ui/FieldSet/index.ts +0 -2
- package/ui/HeaderCell/HeaderCell.tsx +0 -71
- package/ui/HeaderCell/HeaderCell.types.ts +0 -18
- package/ui/HeaderCell/index.ts +0 -2
- package/ui/Input/Input.tsx +0 -65
- package/ui/Input/Input.types.ts +0 -22
- package/ui/Input/index.ts +0 -2
- package/ui/InputOTP/InputOTP.tsx +0 -136
- package/ui/InputOTP/InputOTP.types.ts +0 -19
- package/ui/InsightCard/InsightCard.tsx +0 -90
- package/ui/InsightCard/InsightCard.types.ts +0 -20
- package/ui/InsightCard/index.ts +0 -7
- package/ui/LineChart/LineChart.tsx +0 -424
- package/ui/LineChart/LineChart.types.ts +0 -19
- package/ui/LineChart/index.ts +0 -2
- package/ui/LoadingAnimation/LoadingAnimation.tsx +0 -41
- package/ui/LoadingAnimation/index.ts +0 -6
- package/ui/Modal/Modal.tsx +0 -114
- package/ui/Modal/Modal.types.ts +0 -15
- package/ui/Modal/index.ts +0 -2
- package/ui/ModalCard/ModalCard.tsx +0 -58
- package/ui/ModalCard/ModalCard.types.ts +0 -15
- package/ui/ModalCard/index.ts +0 -2
- package/ui/NavigationMenu/NavigationMenu.tsx +0 -57
- package/ui/NavigationMenu/NavigationMenu.types.ts +0 -22
- package/ui/NavigationMenu/index.ts +0 -7
- package/ui/NumberTransition/NumberTransition.tsx +0 -78
- package/ui/NumberTransition/NumberTransition.types.ts +0 -9
- package/ui/NumberTransition/index.ts +0 -2
- package/ui/PageHeader/PageHeader.tsx +0 -39
- package/ui/PageHeader/PageHeader.types.ts +0 -12
- package/ui/PageHeader/index.ts +0 -2
- package/ui/Pagination/Pagination.tsx +0 -147
- package/ui/Pagination/Pagination.types.ts +0 -12
- package/ui/Pagination/index.ts +0 -2
- package/ui/PieChart/PieChart.tsx +0 -293
- package/ui/PieChart/PieChart.types.ts +0 -22
- package/ui/Progress/Progress.tsx +0 -167
- package/ui/Progress/index.ts +0 -8
- package/ui/ProgressSteps/ProgressSteps.tsx +0 -105
- package/ui/ProgressSteps/index.ts +0 -8
- package/ui/RadioGroup/RadioGroup.tsx +0 -116
- package/ui/RadioGroup/RadioGroup.types.ts +0 -30
- package/ui/RadioGroup/index.ts +0 -8
- package/ui/Scoreboard/Scoreboard.tsx +0 -41
- package/ui/Scoreboard/Scoreboard.types.ts +0 -7
- package/ui/Scoreboard/index.ts +0 -2
- package/ui/Scorecard/Scorecard.tsx +0 -92
- package/ui/Scorecard/Scorecard.types.ts +0 -18
- package/ui/Scorecard/index.ts +0 -2
- package/ui/Section/Section.tsx +0 -75
- package/ui/Section/Section.types.ts +0 -15
- package/ui/Section/index.ts +0 -2
- package/ui/Select/Select.module.css +0 -7
- package/ui/Select/Select.tsx +0 -113
- package/ui/Select/Select.types.ts +0 -26
- package/ui/Select/index.ts +0 -2
- package/ui/ShimmerText/ShimmerText.tsx +0 -48
- package/ui/ShimmerText/ShimmerText.types.ts +0 -12
- package/ui/ShimmerText/index.ts +0 -2
- package/ui/SideNav/SideNav.tsx +0 -222
- package/ui/SideNav/SideNav.types.ts +0 -42
- package/ui/SideNav/index.ts +0 -8
- package/ui/Slider/Slider.tsx +0 -187
- package/ui/Slider/Slider.types.ts +0 -11
- package/ui/Slider/index.ts +0 -2
- package/ui/Spinner/Spinner.tsx +0 -19
- package/ui/Spinner/index.ts +0 -2
- package/ui/Switch/Switch.tsx +0 -65
- package/ui/Switch/Switch.types.ts +0 -12
- package/ui/Switch/index.ts +0 -2
- package/ui/Table/Table.tsx +0 -108
- package/ui/Table/Table.types.ts +0 -26
- package/ui/Table/index.ts +0 -8
- package/ui/Tabs/Tabs.tsx +0 -150
- package/ui/Tabs/Tabs.types.ts +0 -21
- package/ui/Tabs/index.ts +0 -2
- package/ui/Textarea/Textarea.tsx +0 -38
- package/ui/Textarea/Textarea.types.ts +0 -14
- package/ui/Textarea/index.ts +0 -2
- package/ui/ThinkingAnimation/ThinkingAnimation.tsx +0 -31
- package/ui/ThinkingAnimation/ThinkingAnimation.types.ts +0 -8
- package/ui/ThinkingAnimation/index.ts +0 -2
- package/ui/Timeline/Timeline.tsx +0 -47
- package/ui/Timeline/Timeline.types.ts +0 -16
- package/ui/Toast/Toast.tsx +0 -89
- package/ui/Toast/Toast.types.ts +0 -17
- package/ui/Toast/index.ts +0 -2
- package/ui/Tooltip/Tooltip.tsx +0 -101
- package/ui/Tooltip/index.ts +0 -2
- package/ui/patterns/ActivityPattern/ActivityFeed.tsx +0 -77
- package/ui/patterns/ActivityPattern/ActivityPattern.tsx +0 -120
- package/ui/patterns/ActivityPattern/ActivityTasks.tsx +0 -86
- package/ui/patterns/ActivityPattern/TaskDrawer.tsx +0 -186
- package/ui/patterns/ActivityPattern/index.ts +0 -2
- package/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.tsx +0 -159
- package/ui/patterns/AssistantWorkspacePattern/index.ts +0 -2
- package/ui/patterns/DashboardPattern/DashboardPattern.tsx +0 -102
- package/ui/patterns/DashboardPattern/index.ts +0 -1
- package/ui/patterns/DashboardPattern/patterns.module.css +0 -6
- package/ui/patterns/EmptyFirstRunPattern/EmptyFirstRunPattern.tsx +0 -125
- package/ui/patterns/EmptyFirstRunPattern/index.ts +0 -2
- package/ui/patterns/InboxPattern/InboxPattern.tsx +0 -192
- package/ui/patterns/InboxPattern/InboxReplyDrawer.tsx +0 -97
- package/ui/patterns/InboxPattern/inbox-data.ts +0 -101
- package/ui/patterns/InboxPattern/index.ts +0 -2
- package/ui/patterns/InviteMembersPattern/InviteMembersPattern.tsx +0 -148
- package/ui/patterns/InviteMembersPattern/index.ts +0 -2
- package/ui/patterns/ListDetailPattern/ListDetailPattern.tsx +0 -145
- package/ui/patterns/ListDetailPattern/index.ts +0 -2
- package/ui/patterns/SettingsFormPattern/SettingsFormPattern.tsx +0 -89
- package/ui/patterns/SettingsFormPattern/index.ts +0 -3
- package/ui/shared/ChartFrame.tsx +0 -87
- package/ui/shared/chartMath.ts +0 -228
- package/ui/shared/useChartSize.ts +0 -22
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SideNav.module.js","names":[],"sources":["../../../ui/SideNav/SideNav.module.css"],"sourcesContent":[".root {\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n align-self: stretch;\n width: var(--layout-sidebar);\n max-width: var(--layout-sidebar);\n min-height: 0;\n overflow: hidden;\n border: var(--border-surface) solid var(--border-faint);\n border-radius: var(--radius-surface-md);\n background: var(--surface-card);\n color: var(--text-primary);\n transition:\n width var(--motion-expand-duration) var(--motion-expand-easing),\n max-width var(--motion-expand-duration) var(--motion-expand-easing);\n}\n\n.radiusNone {\n border-radius: var(--radius-0);\n}\n\n.rootClosed {\n width: var(--layout-sidebar-compact);\n max-width: var(--layout-sidebar-compact);\n}\n\n.header {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--space-inline-md);\n flex-shrink: 0;\n min-width: 0;\n padding: var(--space-inset-md) var(--space-inset-lg);\n border-bottom: var(--border-divider) solid var(--border-subtle);\n overflow: hidden;\n transition: padding var(--motion-expand-duration) var(--motion-expand-easing);\n}\n\n.rootClosed .header {\n justify-content: center;\n gap: 0;\n padding: var(--space-inset-sm);\n}\n\n.mark {\n display: grid;\n place-items: center;\n flex-shrink: 0;\n width: var(--space-inset-2xl);\n height: var(--space-inset-2xl);\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: var(--radius-control-md);\n background: var(--fill-brand);\n color: var(--brand-on-brand);\n font-family: var(--font-sans);\n font-size: var(--type-size-label);\n font-weight: var(--type-weight-label);\n line-height: 1;\n}\n\n.markButton {\n appearance: none;\n cursor: pointer;\n}\n\n.markButton:focus-visible {\n outline: var(--border-focus-width) solid var(--focus-ring);\n outline-offset: var(--space-inset-2xs);\n}\n\n.title {\n min-width: 0;\n margin: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--font-sans);\n font-size: var(--type-size-heading);\n font-weight: var(--type-weight-heading);\n line-height: var(--type-line-heading);\n color: var(--text-primary);\n transition: opacity var(--motion-overlay-duration) var(--motion-overlay-easing);\n}\n\n.rootClosed .title {\n flex: 0 0 0;\n width: 0;\n min-width: 0;\n max-width: 0;\n height: 0;\n margin: 0;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n}\n\n.close {\n margin-inline-start: auto;\n flex-shrink: 0;\n transition: opacity var(--motion-overlay-duration) var(--motion-overlay-easing);\n}\n\n.nav {\n flex: 1;\n display: grid;\n align-content: start;\n gap: var(--space-stack-md);\n min-height: 0;\n padding: var(--space-inset-md) var(--space-inset-lg);\n overflow-x: hidden;\n overflow-y: auto;\n scrollbar-width: none;\n transition: padding var(--motion-expand-duration) var(--motion-expand-easing);\n}\n\n.nav::-webkit-scrollbar {\n display: none;\n}\n\n.rootClosed .nav {\n padding: var(--space-inset-sm);\n}\n\n.section {\n position: relative;\n display: grid;\n gap: var(--space-stack-xs);\n min-width: 0;\n}\n\n.sectionLabel {\n margin: 0;\n padding-inline: var(--space-inset-md);\n overflow: hidden;\n font-family: var(--font-sans);\n font-size: var(--type-size-caption);\n font-weight: var(--type-weight-caption);\n color: var(--text-secondary);\n max-height: 2rem;\n transition:\n opacity var(--motion-overlay-duration) var(--motion-overlay-easing),\n max-height var(--motion-expand-duration) var(--motion-expand-easing),\n padding var(--motion-expand-duration) var(--motion-expand-easing);\n}\n\n.rootClosed .sectionLabel {\n opacity: 0;\n max-height: 0;\n padding: 0;\n pointer-events: none;\n}\n\n.list {\n display: grid;\n gap: 0;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.entry {\n display: grid;\n min-width: 0;\n}\n\n.item {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--space-inline-md);\n width: 100%;\n margin: 0;\n padding: var(--space-inset-sm) var(--space-inset-md);\n appearance: none;\n border: 0;\n border-radius: var(--radius-control-md);\n background: transparent;\n color: var(--text-primary);\n font-family: var(--font-sans);\n font-size: var(--type-size-body-sm);\n font-weight: var(--type-weight-body);\n line-height: var(--type-line-body);\n text-align: start;\n text-decoration: none;\n cursor: pointer;\n transition: padding var(--motion-expand-duration) var(--motion-expand-easing);\n}\n\n.rootClosed .item {\n width: auto;\n justify-self: center;\n justify-content: center;\n gap: 0;\n padding: var(--space-inset-sm);\n aspect-ratio: 1;\n line-height: 1;\n overflow: hidden;\n}\n\n.item:hover:not(:disabled):not(.itemDisabled) {\n background: var(--surface-muted);\n color: var(--text-primary);\n}\n\n.itemActive,\n.itemActive:hover:not(:disabled):not(.itemDisabled) {\n background: var(--surface-brand-subtle);\n color: var(--text-brand);\n}\n\n.item:focus-visible {\n outline: var(--border-focus-width) solid var(--focus-ring);\n outline-offset: var(--space-inset-2xs);\n}\n\n.item:disabled,\n.itemDisabled {\n background: var(--surface-disabled);\n color: var(--text-disabled);\n cursor: not-allowed;\n}\n\n.icon {\n display: grid;\n place-items: center;\n flex-shrink: 0;\n width: var(--space-inset-lg);\n height: var(--space-inset-lg);\n color: var(--icon-secondary);\n}\n\n.itemActive .icon {\n color: var(--icon-brand);\n}\n\n.item:disabled .icon,\n.itemDisabled .icon {\n color: var(--text-disabled);\n}\n\n.label {\n min-width: 0;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n transition: opacity var(--motion-overlay-duration) var(--motion-overlay-easing);\n}\n\n.rootClosed .label,\n.rootClosed .meta {\n flex: 0 0 0;\n width: 0;\n min-width: 0;\n max-width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n}\n\n.meta {\n display: flex;\n align-items: center;\n gap: var(--space-inline-xs);\n margin-inline-start: auto;\n flex-shrink: 0;\n overflow: hidden;\n transition: opacity var(--motion-overlay-duration) var(--motion-overlay-easing);\n}\n\n.badge {\n padding: var(--space-inset-2xs) var(--space-inset-xs);\n border-radius: var(--radius-pill);\n background: var(--surface-muted);\n color: var(--text-secondary);\n font-family: var(--font-sans);\n font-size: var(--type-size-caption);\n font-weight: var(--type-weight-caption);\n line-height: 1;\n}\n\n.itemActive .badge {\n background: var(--surface-brand-subtle);\n color: var(--text-brand);\n}\n\n.chevron {\n display: grid;\n place-items: center;\n flex-shrink: 0;\n color: var(--icon-muted);\n transition: transform var(--motion-expand-duration) var(--motion-expand-easing);\n}\n\n.chevronOpen {\n transform: rotate(90deg);\n}\n\n.submenu {\n display: grid;\n margin: 0;\n margin-inline-start: var(--space-inset-lg);\n padding: 0;\n padding-inline-start: var(--space-inset-xs);\n list-style: none;\n border-inline-start: var(--border-divider) solid var(--border-faint);\n}\n\n.rootClosed .submenu {\n margin-inline-start: 0;\n padding-inline-start: 0;\n border-inline-start: 0;\n}\n\n.footer {\n flex-shrink: 0;\n padding: var(--space-inset-md) var(--space-inset-lg);\n border-top: var(--border-divider) solid var(--border-subtle);\n transition: padding var(--motion-expand-duration) var(--motion-expand-easing);\n}\n\n.rootClosed .footer {\n padding: var(--space-inset-sm);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .root,\n .header,\n .nav,\n .footer,\n .item,\n .title,\n .label,\n .sectionLabel,\n .meta,\n .close,\n .chevron {\n transition: none;\n }\n}\n"],"mappings":""}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export type SideNavSide = "left" | "right";
|
|
2
|
+
export type SideNavRadius = "md" | "none";
|
|
3
|
+
export interface SideNavItem {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
/** In-app select. When set, the leaf is a button and href is not used. */
|
|
8
|
+
onClick?: () => void;
|
|
9
|
+
/** Lucide name, via LucideByName from @/ui/Button/lucideName */
|
|
10
|
+
icon?: string;
|
|
11
|
+
active?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
badge?: string;
|
|
14
|
+
/** One nested submenu level. */
|
|
15
|
+
items?: SideNavItem[];
|
|
16
|
+
}
|
|
17
|
+
export interface SideNavGroup {
|
|
18
|
+
label: string;
|
|
19
|
+
items: SideNavItem[];
|
|
20
|
+
}
|
|
21
|
+
export interface SideNavProps {
|
|
22
|
+
title: string;
|
|
23
|
+
/** Brand letter; default first char of title. */
|
|
24
|
+
mark?: string;
|
|
25
|
+
/** Brand header and close. Default true. Set false when AppHeader already provides brand. */
|
|
26
|
+
showHeader?: boolean;
|
|
27
|
+
/** Rail corners. Default md. Use none when SideNav is flush in an app shell. */
|
|
28
|
+
radius?: SideNavRadius;
|
|
29
|
+
open?: boolean;
|
|
30
|
+
defaultOpen?: boolean;
|
|
31
|
+
onOpenChange?: (open: boolean) => void;
|
|
32
|
+
side?: SideNavSide;
|
|
33
|
+
groups?: SideNavGroup[];
|
|
34
|
+
/** Flat list if no groups. */
|
|
35
|
+
items?: SideNavItem[];
|
|
36
|
+
/** Footer rows. One or many. */
|
|
37
|
+
footer?: SideNavItem | SideNavItem[];
|
|
38
|
+
}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import e from "./Slider.module.js";
|
|
3
|
+
import { useCallback as t, useRef as n } from "react";
|
|
4
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
+
//#region ui/Slider/Slider.tsx
|
|
6
|
+
function a(e, t, n, r) {
|
|
7
|
+
if (!Number.isFinite(e) || n - t <= 0) return t;
|
|
8
|
+
let i = t + Math.round((e - t) / r) * r;
|
|
9
|
+
return Math.min(n, Math.max(t, i));
|
|
10
|
+
}
|
|
11
|
+
function o(e, t, n) {
|
|
12
|
+
return n <= t ? 0 : (e - t) / (n - t) * 100;
|
|
13
|
+
}
|
|
14
|
+
function s(e, t) {
|
|
15
|
+
if (e.length <= 1) return 0;
|
|
16
|
+
let n = 0, r = Math.abs(e[0] - t);
|
|
17
|
+
for (let i = 1; i < e.length; i += 1) {
|
|
18
|
+
let a = Math.abs(e[i] - t);
|
|
19
|
+
a < r && (n = i, r = a);
|
|
20
|
+
}
|
|
21
|
+
return n;
|
|
22
|
+
}
|
|
23
|
+
function c({ value: c, min: l = 0, max: u = 100, step: d = 1, orientation: f = "horizontal", disabled: p = !1, onValueChange: m }) {
|
|
24
|
+
let h = n(null), g = Array.isArray(c) ? c : [c], _ = f === "vertical", v = Array.isArray(c), y = t((e, t) => {
|
|
25
|
+
if (p || !m) return;
|
|
26
|
+
let n = a(t, l, u, d);
|
|
27
|
+
if (v) {
|
|
28
|
+
let t = [...c];
|
|
29
|
+
t[e] = n, t.length === 2 && (e === 0 && t[0] > t[1] && (t[0] = t[1]), e === 1 && t[1] < t[0] && (t[1] = t[0])), m(t);
|
|
30
|
+
} else m(n);
|
|
31
|
+
}, [
|
|
32
|
+
p,
|
|
33
|
+
v,
|
|
34
|
+
u,
|
|
35
|
+
l,
|
|
36
|
+
m,
|
|
37
|
+
d,
|
|
38
|
+
c
|
|
39
|
+
]), b = t((e, t) => {
|
|
40
|
+
let n = h.current;
|
|
41
|
+
if (!n) return l;
|
|
42
|
+
let r = n.getBoundingClientRect(), i = _ ? 1 - (t - r.top) / r.height : (e - r.left) / r.width;
|
|
43
|
+
return a(l + Math.min(1, Math.max(0, i)) * (u - l), l, u, d);
|
|
44
|
+
}, [
|
|
45
|
+
_,
|
|
46
|
+
l,
|
|
47
|
+
u,
|
|
48
|
+
d
|
|
49
|
+
]), x = (e) => {
|
|
50
|
+
if (p) return;
|
|
51
|
+
let t = b(e.clientX, e.clientY), n = s(g, t);
|
|
52
|
+
y(n, t), e.currentTarget.setPointerCapture(e.pointerId);
|
|
53
|
+
}, S = (e) => {
|
|
54
|
+
if (!e.currentTarget.hasPointerCapture(e.pointerId) || p) return;
|
|
55
|
+
let t = b(e.clientX, e.clientY), n = s(g, t);
|
|
56
|
+
y(n, t);
|
|
57
|
+
}, C = (e, t) => {
|
|
58
|
+
if (p) return;
|
|
59
|
+
let n = g[e], r = n, i = d * 10;
|
|
60
|
+
switch (t.key) {
|
|
61
|
+
case "ArrowRight":
|
|
62
|
+
case "ArrowUp":
|
|
63
|
+
r = n + d;
|
|
64
|
+
break;
|
|
65
|
+
case "ArrowLeft":
|
|
66
|
+
case "ArrowDown":
|
|
67
|
+
r = n - d;
|
|
68
|
+
break;
|
|
69
|
+
case "PageUp":
|
|
70
|
+
r = n + i;
|
|
71
|
+
break;
|
|
72
|
+
case "PageDown":
|
|
73
|
+
r = n - i;
|
|
74
|
+
break;
|
|
75
|
+
case "Home":
|
|
76
|
+
r = l;
|
|
77
|
+
break;
|
|
78
|
+
case "End":
|
|
79
|
+
r = u;
|
|
80
|
+
break;
|
|
81
|
+
default: return;
|
|
82
|
+
}
|
|
83
|
+
t.preventDefault(), y(e, r);
|
|
84
|
+
}, w = [...g].sort((e, t) => e - t), T = o(w[0], l, u), E = o(w[w.length - 1], l, u), D = _ ? {
|
|
85
|
+
bottom: `${T}%`,
|
|
86
|
+
height: `${E - T}%`
|
|
87
|
+
} : {
|
|
88
|
+
left: `${T}%`,
|
|
89
|
+
width: `${E - T}%`
|
|
90
|
+
};
|
|
91
|
+
return /* @__PURE__ */ r("div", {
|
|
92
|
+
className: `${e.root} ${e[f]}${p ? ` ${e.disabled}` : ""}`,
|
|
93
|
+
children: /* @__PURE__ */ i("div", {
|
|
94
|
+
ref: h,
|
|
95
|
+
className: e.track,
|
|
96
|
+
onPointerDown: x,
|
|
97
|
+
onPointerMove: S,
|
|
98
|
+
children: [/* @__PURE__ */ r("div", {
|
|
99
|
+
className: e.fill,
|
|
100
|
+
style: D,
|
|
101
|
+
"aria-hidden": !0
|
|
102
|
+
}), g.map((t, n) => {
|
|
103
|
+
let i = o(t, l, u), a = _ ? { bottom: `${i}%` } : { left: `${i}%` };
|
|
104
|
+
return /* @__PURE__ */ r("span", {
|
|
105
|
+
role: "slider",
|
|
106
|
+
className: e.thumb,
|
|
107
|
+
tabIndex: p ? -1 : 0,
|
|
108
|
+
"aria-valuemin": l,
|
|
109
|
+
"aria-valuemax": u,
|
|
110
|
+
"aria-valuenow": t,
|
|
111
|
+
"aria-orientation": f,
|
|
112
|
+
"aria-disabled": p || void 0,
|
|
113
|
+
style: a,
|
|
114
|
+
onKeyDown: (e) => C(n, e),
|
|
115
|
+
onPointerDown: (e) => {
|
|
116
|
+
e.stopPropagation(), !p && e.currentTarget.setPointerCapture(e.pointerId);
|
|
117
|
+
},
|
|
118
|
+
onPointerMove: (e) => {
|
|
119
|
+
!e.currentTarget.hasPointerCapture(e.pointerId) || p || y(n, b(e.clientX, e.clientY));
|
|
120
|
+
}
|
|
121
|
+
}, n);
|
|
122
|
+
})]
|
|
123
|
+
})
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
//#endregion
|
|
127
|
+
export { c as Slider };
|
|
128
|
+
|
|
129
|
+
//# sourceMappingURL=Slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.js","names":[],"sources":["../../../ui/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useRef, type KeyboardEvent, type PointerEvent } from \"react\";\nimport type { SliderProps } from \"./Slider.types\";\nimport styles from \"./Slider.module.css\";\n\nexport type { SliderProps, SliderOrientation } from \"./Slider.types\";\n\nfunction clampValue(value: number, min: number, max: number, step: number): number {\n if (!Number.isFinite(value)) return min;\n const span = max - min;\n if (span <= 0) return min;\n const steps = Math.round((value - min) / step);\n const snapped = min + steps * step;\n return Math.min(max, Math.max(min, snapped));\n}\n\nfunction toPercent(value: number, min: number, max: number): number {\n if (max <= min) return 0;\n return ((value - min) / (max - min)) * 100;\n}\n\nfunction nearestThumbIndex(values: number[], target: number): number {\n if (values.length <= 1) return 0;\n let best = 0;\n let bestDist = Math.abs(values[0] - target);\n for (let i = 1; i < values.length; i += 1) {\n const dist = Math.abs(values[i] - target);\n if (dist < bestDist) {\n best = i;\n bestDist = dist;\n }\n }\n return best;\n}\n\nexport function Slider({\n value,\n min = 0,\n max = 100,\n step = 1,\n orientation = \"horizontal\",\n disabled = false,\n onValueChange,\n}: SliderProps) {\n const trackRef = useRef<HTMLDivElement>(null);\n const values = Array.isArray(value) ? value : [value];\n const isVertical = orientation === \"vertical\";\n const isRange = Array.isArray(value);\n\n const commit = useCallback(\n (index: number, next: number) => {\n if (disabled || !onValueChange) return;\n const clamped = clampValue(next, min, max, step);\n if (isRange) {\n const copy = [...(value as number[])];\n copy[index] = clamped;\n if (copy.length === 2) {\n if (index === 0 && copy[0] > copy[1]) copy[0] = copy[1];\n if (index === 1 && copy[1] < copy[0]) copy[1] = copy[0];\n }\n onValueChange(copy);\n } else {\n onValueChange(clamped);\n }\n },\n [disabled, isRange, max, min, onValueChange, step, value],\n );\n\n const pointerToValue = useCallback(\n (clientX: number, clientY: number) => {\n const track = trackRef.current;\n if (!track) return min;\n const rect = track.getBoundingClientRect();\n const ratio = isVertical\n ? 1 - (clientY - rect.top) / rect.height\n : (clientX - rect.left) / rect.width;\n const raw = min + Math.min(1, Math.max(0, ratio)) * (max - min);\n return clampValue(raw, min, max, step);\n },\n [isVertical, min, max, step],\n );\n\n const onTrackPointerDown = (event: PointerEvent<HTMLDivElement>) => {\n if (disabled) return;\n const target = pointerToValue(event.clientX, event.clientY);\n const index = nearestThumbIndex(values, target);\n commit(index, target);\n event.currentTarget.setPointerCapture(event.pointerId);\n };\n\n const onTrackPointerMove = (event: PointerEvent<HTMLDivElement>) => {\n if (!event.currentTarget.hasPointerCapture(event.pointerId) || disabled) return;\n const target = pointerToValue(event.clientX, event.clientY);\n const index = nearestThumbIndex(values, target);\n commit(index, target);\n };\n\n const onThumbKeyDown = (index: number, event: KeyboardEvent<HTMLSpanElement>) => {\n if (disabled) return;\n const current = values[index];\n let next = current;\n const big = step * 10;\n\n switch (event.key) {\n case \"ArrowRight\":\n case \"ArrowUp\":\n next = current + step;\n break;\n case \"ArrowLeft\":\n case \"ArrowDown\":\n next = current - step;\n break;\n case \"PageUp\":\n next = current + big;\n break;\n case \"PageDown\":\n next = current - big;\n break;\n case \"Home\":\n next = min;\n break;\n case \"End\":\n next = max;\n break;\n default:\n return;\n }\n\n event.preventDefault();\n commit(index, next);\n };\n\n const sorted = [...values].sort((a, b) => a - b);\n const fillStart = toPercent(sorted[0], min, max);\n const fillEnd = toPercent(sorted[sorted.length - 1], min, max);\n\n const fillStyle = isVertical\n ? { bottom: `${fillStart}%`, height: `${fillEnd - fillStart}%` }\n : { left: `${fillStart}%`, width: `${fillEnd - fillStart}%` };\n\n return (\n <div\n className={`${styles.root} ${styles[orientation]}${disabled ? ` ${styles.disabled}` : \"\"}`}\n >\n <div\n ref={trackRef}\n className={styles.track}\n onPointerDown={onTrackPointerDown}\n onPointerMove={onTrackPointerMove}\n >\n <div className={styles.fill} style={fillStyle} aria-hidden />\n {values.map((thumbValue, index) => {\n const percent = toPercent(thumbValue, min, max);\n const thumbStyle = isVertical\n ? { bottom: `${percent}%` }\n : { left: `${percent}%` };\n\n return (\n <span\n key={index}\n role=\"slider\"\n className={styles.thumb}\n tabIndex={disabled ? -1 : 0}\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={thumbValue}\n aria-orientation={orientation}\n aria-disabled={disabled || undefined}\n style={thumbStyle}\n onKeyDown={(event) => onThumbKeyDown(index, event)}\n onPointerDown={(event) => {\n event.stopPropagation();\n if (disabled) return;\n event.currentTarget.setPointerCapture(event.pointerId);\n }}\n onPointerMove={(event) => {\n if (!event.currentTarget.hasPointerCapture(event.pointerId) || disabled) return;\n commit(index, pointerToValue(event.clientX, event.clientY));\n }}\n />\n );\n })}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1ltek_1 {
|
|
2
2
|
display: flex;
|
|
3
3
|
width: 100%;
|
|
4
4
|
min-width: 0;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.
|
|
7
|
+
._horizontal_1ltek_7 {
|
|
8
8
|
height: 1.25rem;
|
|
9
9
|
align-items: center;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
.
|
|
12
|
+
._vertical_1ltek_12 {
|
|
13
13
|
width: 1.25rem;
|
|
14
14
|
height: 8rem;
|
|
15
15
|
justify-content: center;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
._track_1ltek_18 {
|
|
19
19
|
position: relative;
|
|
20
20
|
flex: 1;
|
|
21
21
|
border-radius: var(--radius-pill);
|
|
@@ -23,32 +23,32 @@
|
|
|
23
23
|
touch-action: none;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
._horizontal_1ltek_7 ._track_1ltek_18 {
|
|
27
27
|
height: var(--space-2);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
._vertical_1ltek_12 ._track_1ltek_18 {
|
|
31
31
|
width: var(--space-2);
|
|
32
32
|
height: 100%;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.
|
|
35
|
+
._fill_1ltek_35 {
|
|
36
36
|
position: absolute;
|
|
37
37
|
border-radius: inherit;
|
|
38
38
|
background: var(--fill-brand);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.
|
|
41
|
+
._horizontal_1ltek_7 ._fill_1ltek_35 {
|
|
42
42
|
top: 0;
|
|
43
43
|
bottom: 0;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
.
|
|
46
|
+
._vertical_1ltek_12 ._fill_1ltek_35 {
|
|
47
47
|
left: 0;
|
|
48
48
|
right: 0;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.
|
|
51
|
+
._thumb_1ltek_51 {
|
|
52
52
|
position: absolute;
|
|
53
53
|
box-sizing: border-box;
|
|
54
54
|
width: 1rem;
|
|
@@ -66,40 +66,40 @@
|
|
|
66
66
|
outline-color var(--motion-interaction-duration) var(--motion-interaction-easing);
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.
|
|
69
|
+
._horizontal_1ltek_7 ._thumb_1ltek_51 {
|
|
70
70
|
top: 50%;
|
|
71
71
|
transform: translate(-50%, -50%);
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
.
|
|
74
|
+
._vertical_1ltek_12 ._thumb_1ltek_51 {
|
|
75
75
|
left: 50%;
|
|
76
76
|
transform: translate(-50%, 50%);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
.
|
|
79
|
+
._thumb_1ltek_51:hover:not(:disabled) {
|
|
80
80
|
border-color: var(--border-strong);
|
|
81
81
|
}
|
|
82
82
|
|
|
83
|
-
.
|
|
83
|
+
._thumb_1ltek_51:focus-visible {
|
|
84
84
|
outline: var(--border-focus-width) solid var(--focus-ring);
|
|
85
85
|
outline-offset: var(--space-inset-2xs);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
.
|
|
88
|
+
._thumb_1ltek_51:active {
|
|
89
89
|
cursor: grabbing;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
.
|
|
92
|
+
._disabled_1ltek_92 {
|
|
93
93
|
opacity: var(--opacity-disabled);
|
|
94
94
|
cursor: not-allowed;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
._disabled_1ltek_92 ._thumb_1ltek_51 {
|
|
98
98
|
cursor: not-allowed;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
@media (prefers-reduced-motion: reduce) {
|
|
102
|
-
.
|
|
102
|
+
._thumb_1ltek_51 {
|
|
103
103
|
transition: none;
|
|
104
104
|
}
|
|
105
105
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import "./Slider.module.css";
|
|
2
|
+
//#region ui/Slider/Slider.module.css
|
|
3
|
+
var e = "_root_1ltek_1", t = "_horizontal_1ltek_7", n = "_vertical_1ltek_12", r = "_track_1ltek_18", i = "_fill_1ltek_35", a = "_thumb_1ltek_51", o = "_disabled_1ltek_92", s = {
|
|
4
|
+
root: e,
|
|
5
|
+
horizontal: t,
|
|
6
|
+
vertical: n,
|
|
7
|
+
track: r,
|
|
8
|
+
fill: i,
|
|
9
|
+
thumb: a,
|
|
10
|
+
disabled: o
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
export { s as default, o as disabled, i as fill, t as horizontal, e as root, a as thumb, r as track, n as vertical };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=Slider.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.module.js","names":[],"sources":["../../../ui/Slider/Slider.module.css"],"sourcesContent":[".root {\n display: flex;\n width: 100%;\n min-width: 0;\n}\n\n.horizontal {\n height: 1.25rem;\n align-items: center;\n}\n\n.vertical {\n width: 1.25rem;\n height: 8rem;\n justify-content: center;\n}\n\n.track {\n position: relative;\n flex: 1;\n border-radius: var(--radius-pill);\n background: var(--fill-subtle);\n touch-action: none;\n}\n\n.horizontal .track {\n height: var(--space-2);\n}\n\n.vertical .track {\n width: var(--space-2);\n height: 100%;\n}\n\n.fill {\n position: absolute;\n border-radius: inherit;\n background: var(--fill-brand);\n}\n\n.horizontal .fill {\n top: 0;\n bottom: 0;\n}\n\n.vertical .fill {\n left: 0;\n right: 0;\n}\n\n.thumb {\n position: absolute;\n box-sizing: border-box;\n width: 1rem;\n height: 1rem;\n margin: 0;\n padding: 0;\n border: var(--border-control) solid var(--border-faint);\n border-radius: var(--radius-full);\n background: var(--action-on-primary);\n box-shadow: 0 0 0 1px var(--surface-card);\n cursor: grab;\n touch-action: none;\n transition:\n border-color var(--motion-interaction-duration) var(--motion-interaction-easing),\n outline-color var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.horizontal .thumb {\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.vertical .thumb {\n left: 50%;\n transform: translate(-50%, 50%);\n}\n\n.thumb:hover:not(:disabled) {\n border-color: var(--border-strong);\n}\n\n.thumb:focus-visible {\n outline: var(--border-focus-width) solid var(--focus-ring);\n outline-offset: var(--space-inset-2xs);\n}\n\n.thumb:active {\n cursor: grabbing;\n}\n\n.disabled {\n opacity: var(--opacity-disabled);\n cursor: not-allowed;\n}\n\n.disabled .thumb {\n cursor: not-allowed;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .thumb {\n transition: none;\n }\n}\n"],"mappings":""}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type SliderOrientation = "horizontal" | "vertical";
|
|
2
|
+
export interface SliderProps {
|
|
3
|
+
value: number | number[];
|
|
4
|
+
min?: number;
|
|
5
|
+
max?: number;
|
|
6
|
+
step?: number;
|
|
7
|
+
orientation?: SliderOrientation;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onValueChange?: (value: number | number[]) => void;
|
|
10
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import e from "./Spinner.module.js";
|
|
2
|
+
import { Loader as t } from "lucide-react";
|
|
3
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
|
+
//#region ui/Spinner/Spinner.tsx
|
|
5
|
+
function i({ size: i = "md", label: a }) {
|
|
6
|
+
return /* @__PURE__ */ r("span", {
|
|
7
|
+
className: `${e.root} ${e[i]}`,
|
|
8
|
+
role: "status",
|
|
9
|
+
"aria-live": "polite",
|
|
10
|
+
"aria-label": a ? void 0 : "Loading",
|
|
11
|
+
children: [/* @__PURE__ */ n(t, {
|
|
12
|
+
className: e.icon,
|
|
13
|
+
strokeWidth: 2,
|
|
14
|
+
"aria-hidden": !0
|
|
15
|
+
}), a ? /* @__PURE__ */ n("span", {
|
|
16
|
+
className: e.label,
|
|
17
|
+
children: a
|
|
18
|
+
}) : null]
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
//#endregion
|
|
22
|
+
export { i as Spinner };
|
|
23
|
+
|
|
24
|
+
//# sourceMappingURL=Spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.js","names":[],"sources":["../../../ui/Spinner/Spinner.tsx"],"sourcesContent":["import { Loader } from \"lucide-react\";\nimport type { SpinnerProps } from \"./Spinner.types\";\nimport styles from \"./Spinner.module.css\";\n\nexport type { SpinnerProps, SpinnerSize } from \"./Spinner.types\";\n\nexport function Spinner({ size = \"md\", label }: SpinnerProps) {\n return (\n <span\n className={`${styles.root} ${styles[size]}`}\n role=\"status\"\n aria-live=\"polite\"\n aria-label={label ? undefined : \"Loading\"}\n >\n <Loader className={styles.icon} strokeWidth={2} aria-hidden />\n {label ? <span className={styles.label}>{label}</span> : null}\n </span>\n );\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAQ,EAAE,UAAO,MAAM,YAAuB;CAC5D,OACE,kBAAC,QAAD;EACE,WAAW,GAAG,EAAO,KAAK,GAAG,EAAO;EACpC,MAAK;EACL,aAAU;EACV,cAAY,IAAQ,KAAA,IAAY;EAJlC,UAAA,CAME,kBAAC,GAAD;GAAQ,WAAW,EAAO;GAAM,aAAa;GAAG,eAAA;EAAa,CAAA,GAC5D,IAAQ,kBAAC,QAAD;GAAM,WAAW,EAAO;GAAQ,UAAA;EAAY,CAAA,IAAI,IACrD;;AAEV"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_bshlp_1 {
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
gap: var(--space-2);
|
|
@@ -6,42 +6,42 @@
|
|
|
6
6
|
color: var(--icon-secondary);
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.
|
|
9
|
+
._icon_bshlp_9 {
|
|
10
10
|
display: block;
|
|
11
11
|
flex-shrink: 0;
|
|
12
|
-
animation:
|
|
12
|
+
animation: _spinner-spin_bshlp_1 calc(var(--motion-duration-600) * 4) var(--motion-ease-linear) infinite;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.
|
|
15
|
+
._sm_bshlp_15 ._icon_bshlp_9 {
|
|
16
16
|
width: 0.875rem;
|
|
17
17
|
height: 0.875rem;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
._md_bshlp_20 ._icon_bshlp_9 {
|
|
21
21
|
width: 1rem;
|
|
22
22
|
height: 1rem;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.
|
|
25
|
+
._lg_bshlp_25 ._icon_bshlp_9 {
|
|
26
26
|
width: 1.25rem;
|
|
27
27
|
height: 1.25rem;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
._label_bshlp_30 {
|
|
31
31
|
font-size: var(--type-size-body-sm);
|
|
32
32
|
line-height: var(--type-line-body);
|
|
33
33
|
color: var(--text-secondary);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.
|
|
36
|
+
._sm_bshlp_15 ._label_bshlp_30 {
|
|
37
37
|
font-size: var(--type-size-caption);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
.
|
|
40
|
+
._lg_bshlp_25 ._label_bshlp_30 {
|
|
41
41
|
font-size: var(--type-size-label);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
@keyframes
|
|
44
|
+
@keyframes _spinner-spin_bshlp_1 {
|
|
45
45
|
from {
|
|
46
46
|
transform: rotate(0deg);
|
|
47
47
|
}
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
@media (prefers-reduced-motion: reduce) {
|
|
55
|
-
.
|
|
55
|
+
._icon_bshlp_9 {
|
|
56
56
|
animation: none;
|
|
57
57
|
}
|
|
58
58
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import "./Spinner.module.css";
|
|
2
|
+
//#region ui/Spinner/Spinner.module.css
|
|
3
|
+
var e = "_root_bshlp_1", t = "_icon_bshlp_9", n = "_sm_bshlp_15", r = "_md_bshlp_20", i = "_lg_bshlp_25", a = "_label_bshlp_30", o = {
|
|
4
|
+
root: e,
|
|
5
|
+
icon: t,
|
|
6
|
+
"spinner-spin": "_spinner-spin_bshlp_1",
|
|
7
|
+
sm: n,
|
|
8
|
+
md: r,
|
|
9
|
+
lg: i,
|
|
10
|
+
label: a
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
export { o as default, t as icon, a as label, i as lg, r as md, e as root, n as sm };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=Spinner.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.module.js","names":[],"sources":["../../../ui/Spinner/Spinner.module.css"],"sourcesContent":[".root {\n display: inline-flex;\n align-items: center;\n gap: var(--space-2);\n font-family: var(--font-sans);\n color: var(--icon-secondary);\n}\n\n.icon {\n display: block;\n flex-shrink: 0;\n animation: spinner-spin calc(var(--motion-duration-600) * 4) var(--motion-ease-linear) infinite;\n}\n\n.sm .icon {\n width: 0.875rem;\n height: 0.875rem;\n}\n\n.md .icon {\n width: 1rem;\n height: 1rem;\n}\n\n.lg .icon {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n.label {\n font-size: var(--type-size-body-sm);\n line-height: var(--type-line-body);\n color: var(--text-secondary);\n}\n\n.sm .label {\n font-size: var(--type-size-caption);\n}\n\n.lg .label {\n font-size: var(--type-size-label);\n}\n\n@keyframes spinner-spin {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .icon {\n animation: none;\n }\n}\n"],"mappings":""}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import e from "./Switch.module.js";
|
|
3
|
+
import { useId as t, useState as n } from "react";
|
|
4
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
+
//#region ui/Switch/Switch.tsx
|
|
6
|
+
function a({ id: a, label: o, ariaLabel: s, size: c = "md", disabled: l = !1, checked: u, defaultChecked: d = !1, onChange: f }) {
|
|
7
|
+
let p = t(), m = a ?? p, h = typeof u == "boolean", [g, _] = n(d), v = h ? u : g, [y, b] = n(!1);
|
|
8
|
+
function x() {
|
|
9
|
+
if (l) return;
|
|
10
|
+
let e = !v;
|
|
11
|
+
if (h || _(e), f?.(e), y) {
|
|
12
|
+
b(!1), requestAnimationFrame(() => b(!0));
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
b(!0);
|
|
16
|
+
}
|
|
17
|
+
return /* @__PURE__ */ i("div", {
|
|
18
|
+
className: `${e.switch} ${e[c]}${o ? ` ${e.labeled}` : ""}`,
|
|
19
|
+
"data-disabled": l || void 0,
|
|
20
|
+
children: [o ? /* @__PURE__ */ r("label", {
|
|
21
|
+
className: e.label,
|
|
22
|
+
htmlFor: m,
|
|
23
|
+
children: o
|
|
24
|
+
}) : null, /* @__PURE__ */ r("button", {
|
|
25
|
+
type: "button",
|
|
26
|
+
role: "switch",
|
|
27
|
+
id: m,
|
|
28
|
+
className: e.control,
|
|
29
|
+
"aria-checked": v,
|
|
30
|
+
"aria-label": o ? void 0 : s,
|
|
31
|
+
disabled: l,
|
|
32
|
+
"data-jelly": y || void 0,
|
|
33
|
+
onClick: x,
|
|
34
|
+
onAnimationEnd: () => b(!1),
|
|
35
|
+
children: /* @__PURE__ */ r("span", {
|
|
36
|
+
className: e.thumb,
|
|
37
|
+
"aria-hidden": !0
|
|
38
|
+
})
|
|
39
|
+
})]
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
//#endregion
|
|
43
|
+
export { a as Switch };
|
|
44
|
+
|
|
45
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","names":[],"sources":["../../../ui/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useState } from \"react\";\nimport type { SwitchProps } from \"./Switch.types\";\nimport styles from \"./Switch.module.css\";\n\nexport type { SwitchProps, SwitchSize } from \"./Switch.types\";\n\nexport function Switch({\n id,\n label,\n ariaLabel,\n size = \"md\",\n disabled = false,\n checked,\n defaultChecked = false,\n onChange,\n}: SwitchProps) {\n const generatedId = useId();\n const switchId = id ?? generatedId;\n const isControlled = typeof checked === \"boolean\";\n const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n const isChecked = isControlled ? checked : uncontrolled;\n const [jelly, setJelly] = useState(false);\n\n function toggle() {\n if (disabled) return;\n const next = !isChecked;\n if (!isControlled) setUncontrolled(next);\n onChange?.(next);\n if (jelly) {\n setJelly(false);\n requestAnimationFrame(() => setJelly(true));\n return;\n }\n setJelly(true);\n }\n\n return (\n <div\n className={`${styles.switch} ${styles[size]}${label ? ` ${styles.labeled}` : \"\"}`}\n data-disabled={disabled || undefined}\n >\n {label ? (\n <label className={styles.label} htmlFor={switchId}>\n {label}\n </label>\n ) : null}\n <button\n type=\"button\"\n role=\"switch\"\n id={switchId}\n className={styles.control}\n aria-checked={isChecked}\n aria-label={label ? undefined : ariaLabel}\n disabled={disabled}\n data-jelly={jelly || undefined}\n onClick={toggle}\n onAnimationEnd={() => setJelly(false)}\n >\n <span className={styles.thumb} aria-hidden />\n </button>\n </div>\n );\n}\n"],"mappings":";;;;;AAQA,SAAgB,EAAO,EACrB,OACA,UACA,cACA,UAAO,MACP,cAAW,IACX,YACA,oBAAiB,IACjB,eACc;CACd,IAAM,IAAc,EAAM,GACpB,IAAW,KAAM,GACjB,IAAe,OAAO,KAAY,WAClC,CAAC,GAAc,KAAmB,EAAS,CAAc,GACzD,IAAY,IAAe,IAAU,GACrC,CAAC,GAAO,KAAY,EAAS,EAAK;CAExC,SAAS,IAAS;EAChB,IAAI,GAAU;EACd,IAAM,IAAO,CAAC;EAGd,IAFK,KAAc,EAAgB,CAAI,GACvC,IAAW,CAAI,GACX,GAAO;GAET,AADA,EAAS,EAAK,GACd,4BAA4B,EAAS,EAAI,CAAC;GAC1C;EACF;EACA,EAAS,EAAI;CACf;CAEA,OACE,kBAAC,OAAD;EACE,WAAW,GAAG,EAAO,OAAO,GAAG,EAAO,KAAQ,IAAQ,IAAI,EAAO,YAAY;EAC7E,iBAAe,KAAY,KAAA;EAF7B,UAAA,CAIG,IACC,kBAAC,SAAD;GAAO,WAAW,EAAO;GAAO,SAAS;GACtC,UAAA;EACI,CAAA,IACL,MACJ,kBAAC,UAAD;GACE,MAAK;GACL,MAAK;GACL,IAAI;GACJ,WAAW,EAAO;GAClB,gBAAc;GACd,cAAY,IAAQ,KAAA,IAAY;GACtB;GACV,cAAY,KAAS,KAAA;GACrB,SAAS;GACT,sBAAsB,EAAS,EAAK;GAEpC,UAAA,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAO,eAAA;GAAa,CAAA;EACtC,CAAA,CACL;;AAET"}
|