siesa-ui-kit 1.0.4 → 1.0.6
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 +89 -115
- package/bin/install.cjs +502 -502
- package/bin/prepare-publish.cjs +28 -28
- package/bin/restore-folders.cjs +28 -28
- package/dist/index.cjs +1479 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.js +1479 -0
- package/dist/index.js.map +1 -0
- package/package.json +92 -111
- package/claude/agents/siesa-ui-kit-specialist.md +0 -2445
- package/claude/prompts/component-template.md +0 -121
- package/claude/prompts/siesa-ui-kit.md +0 -28
- package/claude/settings.local.json +0 -72
- package/dist/ButtonTest.d.ts +0 -6
- package/dist/ButtonTest.d.ts.map +0 -1
- package/dist/components/Alert/Alert.d.ts +0 -23
- package/dist/components/Alert/Alert.d.ts.map +0 -1
- package/dist/components/Alert/Alert.types.d.ts +0 -46
- package/dist/components/Alert/Alert.types.d.ts.map +0 -1
- package/dist/components/Avatar/Avatar.d.ts +0 -41
- package/dist/components/Avatar/Avatar.d.ts.map +0 -1
- package/dist/components/Avatar/Avatar.types.d.ts +0 -46
- package/dist/components/Avatar/Avatar.types.d.ts.map +0 -1
- package/dist/components/Badge/Badge.d.ts +0 -42
- package/dist/components/Badge/Badge.d.ts.map +0 -1
- package/dist/components/Badge/Badge.types.d.ts +0 -32
- package/dist/components/Badge/Badge.types.d.ts.map +0 -1
- package/dist/components/Button/Button.d.ts +0 -84
- package/dist/components/Button/Button.d.ts.map +0 -1
- package/dist/components/Button/Button.types.d.ts +0 -162
- package/dist/components/Button/Button.types.d.ts.map +0 -1
- package/dist/components/Button/icons.d.ts +0 -27
- package/dist/components/Button/icons.d.ts.map +0 -1
- package/dist/components/Button/index.d.ts +0 -4
- package/dist/components/Button/index.d.ts.map +0 -1
- package/dist/components/Checkbox/Checkbox.d.ts +0 -31
- package/dist/components/Checkbox/Checkbox.d.ts.map +0 -1
- package/dist/components/Checkbox/Checkbox.types.d.ts +0 -53
- package/dist/components/Checkbox/Checkbox.types.d.ts.map +0 -1
- package/dist/components/DescriptionList/DescriptionList.d.ts +0 -38
- package/dist/components/DescriptionList/DescriptionList.d.ts.map +0 -1
- package/dist/components/DescriptionList/DescriptionList.types.d.ts +0 -27
- package/dist/components/DescriptionList/DescriptionList.types.d.ts.map +0 -1
- package/dist/components/Divider/Divider.d.ts +0 -33
- package/dist/components/Divider/Divider.d.ts.map +0 -1
- package/dist/components/Divider/Divider.types.d.ts +0 -22
- package/dist/components/Divider/Divider.types.d.ts.map +0 -1
- package/dist/components/Dropdown/Dropdown.d.ts +0 -66
- package/dist/components/Dropdown/Dropdown.d.ts.map +0 -1
- package/dist/components/Dropdown/Dropdown.types.d.ts +0 -124
- package/dist/components/Dropdown/Dropdown.types.d.ts.map +0 -1
- package/dist/components/Dropdown/icons.d.ts +0 -10
- package/dist/components/Dropdown/icons.d.ts.map +0 -1
- package/dist/components/Dropdown/index.d.ts +0 -4
- package/dist/components/Dropdown/index.d.ts.map +0 -1
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.d.ts +0 -101
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.d.ts.map +0 -1
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.types.d.ts +0 -116
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.types.d.ts.map +0 -1
- package/dist/components/DropdownItemCollapsible/icons.d.ts +0 -19
- package/dist/components/DropdownItemCollapsible/icons.d.ts.map +0 -1
- package/dist/components/DropdownItemCollapsible/index.d.ts +0 -9
- package/dist/components/DropdownItemCollapsible/index.d.ts.map +0 -1
- package/dist/components/DropdownItemHeading/DropdownItemHeading.d.ts +0 -75
- package/dist/components/DropdownItemHeading/DropdownItemHeading.d.ts.map +0 -1
- package/dist/components/DropdownItemHeading/DropdownItemHeading.types.d.ts +0 -85
- package/dist/components/DropdownItemHeading/DropdownItemHeading.types.d.ts.map +0 -1
- package/dist/components/DropdownItemHeading/icons.d.ts +0 -48
- package/dist/components/DropdownItemHeading/icons.d.ts.map +0 -1
- package/dist/components/DropdownItemHeading/index.d.ts +0 -4
- package/dist/components/DropdownItemHeading/index.d.ts.map +0 -1
- package/dist/components/Input/Input.d.ts +0 -40
- package/dist/components/Input/Input.d.ts.map +0 -1
- package/dist/components/Input/Input.types.d.ts +0 -71
- package/dist/components/Input/Input.types.d.ts.map +0 -1
- package/dist/components/Input/icons.d.ts +0 -15
- package/dist/components/Input/icons.d.ts.map +0 -1
- package/dist/components/Input/index.d.ts +0 -3
- package/dist/components/Input/index.d.ts.map +0 -1
- package/dist/components/LoginView/LoginView.d.ts +0 -36
- package/dist/components/LoginView/LoginView.d.ts.map +0 -1
- package/dist/components/LoginView/LoginView.types.d.ts +0 -46
- package/dist/components/LoginView/LoginView.types.d.ts.map +0 -1
- package/dist/components/LoginView/icons.d.ts +0 -18
- package/dist/components/LoginView/icons.d.ts.map +0 -1
- package/dist/components/LoginView/index.d.ts +0 -4
- package/dist/components/LoginView/index.d.ts.map +0 -1
- package/dist/components/Navbar/Navbar.d.ts +0 -63
- package/dist/components/Navbar/Navbar.d.ts.map +0 -1
- package/dist/components/Navbar/Navbar.types.d.ts +0 -194
- package/dist/components/Navbar/Navbar.types.d.ts.map +0 -1
- package/dist/components/Navbar/icons.d.ts +0 -12
- package/dist/components/Navbar/icons.d.ts.map +0 -1
- package/dist/components/Navbar/index.d.ts +0 -4
- package/dist/components/Navbar/index.d.ts.map +0 -1
- package/dist/components/NavigationBar/NavigationBar.d.ts +0 -75
- package/dist/components/NavigationBar/NavigationBar.d.ts.map +0 -1
- package/dist/components/NavigationBar/NavigationBar.types.d.ts +0 -63
- package/dist/components/NavigationBar/NavigationBar.types.d.ts.map +0 -1
- package/dist/components/NavigationBar/index.d.ts +0 -3
- package/dist/components/NavigationBar/index.d.ts.map +0 -1
- package/dist/components/NavigationRail/NavigationRail.d.ts +0 -7
- package/dist/components/NavigationRail/NavigationRail.d.ts.map +0 -1
- package/dist/components/NavigationRail/NavigationRail.types.d.ts +0 -92
- package/dist/components/NavigationRail/NavigationRail.types.d.ts.map +0 -1
- package/dist/components/NavigationRail/index.d.ts +0 -3
- package/dist/components/NavigationRail/index.d.ts.map +0 -1
- package/dist/components/NavigationRailCommercial/NavigationRailCommercial.d.ts +0 -122
- package/dist/components/NavigationRailCommercial/NavigationRailCommercial.d.ts.map +0 -1
- package/dist/components/NavigationRailCommercial/NavigationRailCommercial.types.d.ts +0 -139
- package/dist/components/NavigationRailCommercial/NavigationRailCommercial.types.d.ts.map +0 -1
- package/dist/components/NavigationRailCommercial/icons.d.ts +0 -33
- package/dist/components/NavigationRailCommercial/icons.d.ts.map +0 -1
- package/dist/components/NavigationRailCommercial/index.d.ts +0 -4
- package/dist/components/NavigationRailCommercial/index.d.ts.map +0 -1
- package/dist/components/NavigationRailItem/NavigationRailItem.d.ts +0 -90
- package/dist/components/NavigationRailItem/NavigationRailItem.d.ts.map +0 -1
- package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts +0 -162
- package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts.map +0 -1
- package/dist/components/NavigationRailItem/index.d.ts +0 -3
- package/dist/components/NavigationRailItem/index.d.ts.map +0 -1
- package/dist/components/NavigationRailPanel/NavigationRailPanel.d.ts +0 -124
- package/dist/components/NavigationRailPanel/NavigationRailPanel.d.ts.map +0 -1
- package/dist/components/NavigationRailPanel/NavigationRailPanel.types.d.ts +0 -154
- package/dist/components/NavigationRailPanel/NavigationRailPanel.types.d.ts.map +0 -1
- package/dist/components/NavigationRailPanel/index.d.ts +0 -3
- package/dist/components/NavigationRailPanel/index.d.ts.map +0 -1
- package/dist/components/NavigationRailTypes/NavigationRailTypes.d.ts +0 -99
- package/dist/components/NavigationRailTypes/NavigationRailTypes.d.ts.map +0 -1
- package/dist/components/NavigationRailTypes/NavigationRailTypes.types.d.ts +0 -152
- package/dist/components/NavigationRailTypes/NavigationRailTypes.types.d.ts.map +0 -1
- package/dist/components/NavigationRailTypes/icons.d.ts +0 -44
- package/dist/components/NavigationRailTypes/icons.d.ts.map +0 -1
- package/dist/components/NavigationRailTypes/index.d.ts +0 -4
- package/dist/components/NavigationRailTypes/index.d.ts.map +0 -1
- package/dist/components/Notification/Notification.d.ts +0 -52
- package/dist/components/Notification/Notification.d.ts.map +0 -1
- package/dist/components/Notification/Notification.types.d.ts +0 -138
- package/dist/components/Notification/Notification.types.d.ts.map +0 -1
- package/dist/components/Notification/index.d.ts +0 -3
- package/dist/components/Notification/index.d.ts.map +0 -1
- package/dist/components/POSConvention/POSConvention.d.ts +0 -55
- package/dist/components/POSConvention/POSConvention.d.ts.map +0 -1
- package/dist/components/POSConvention/POSConvention.types.d.ts +0 -37
- package/dist/components/POSConvention/POSConvention.types.d.ts.map +0 -1
- package/dist/components/POSConvention/icons.d.ts +0 -21
- package/dist/components/POSConvention/icons.d.ts.map +0 -1
- package/dist/components/POSConvention/index.d.ts +0 -4
- package/dist/components/POSConvention/index.d.ts.map +0 -1
- package/dist/components/POSLocationButton/POSLocationButton.d.ts +0 -73
- package/dist/components/POSLocationButton/POSLocationButton.d.ts.map +0 -1
- package/dist/components/POSLocationButton/POSLocationButton.types.d.ts +0 -75
- package/dist/components/POSLocationButton/POSLocationButton.types.d.ts.map +0 -1
- package/dist/components/POSLocationButton/icons.d.ts +0 -37
- package/dist/components/POSLocationButton/icons.d.ts.map +0 -1
- package/dist/components/POSLocationButton/index.d.ts +0 -4
- package/dist/components/POSLocationButton/index.d.ts.map +0 -1
- package/dist/components/POSNumberButton/POSNumberButton.d.ts +0 -61
- package/dist/components/POSNumberButton/POSNumberButton.d.ts.map +0 -1
- package/dist/components/POSNumberButton/POSNumberButton.types.d.ts +0 -43
- package/dist/components/POSNumberButton/POSNumberButton.types.d.ts.map +0 -1
- package/dist/components/POSNumberButton/index.d.ts +0 -3
- package/dist/components/POSNumberButton/index.d.ts.map +0 -1
- package/dist/components/POSProductButton/POSProductButton.d.ts +0 -59
- package/dist/components/POSProductButton/POSProductButton.d.ts.map +0 -1
- package/dist/components/POSProductButton/POSProductButton.types.d.ts +0 -40
- package/dist/components/POSProductButton/POSProductButton.types.d.ts.map +0 -1
- package/dist/components/POSProductButton/index.d.ts +0 -3
- package/dist/components/POSProductButton/index.d.ts.map +0 -1
- package/dist/components/POSProductCard/POSProductCard.d.ts +0 -68
- package/dist/components/POSProductCard/POSProductCard.d.ts.map +0 -1
- package/dist/components/POSProductCard/POSProductCard.types.d.ts +0 -67
- package/dist/components/POSProductCard/POSProductCard.types.d.ts.map +0 -1
- package/dist/components/POSProductCard/icons.d.ts +0 -10
- package/dist/components/POSProductCard/icons.d.ts.map +0 -1
- package/dist/components/POSProductCard/index.d.ts +0 -3
- package/dist/components/POSProductCard/index.d.ts.map +0 -1
- package/dist/components/POSProductSidebarItems/POSProductSidebarItems.d.ts +0 -57
- package/dist/components/POSProductSidebarItems/POSProductSidebarItems.d.ts.map +0 -1
- package/dist/components/POSProductSidebarItems/POSProductSidebarItems.types.d.ts +0 -85
- package/dist/components/POSProductSidebarItems/POSProductSidebarItems.types.d.ts.map +0 -1
- package/dist/components/POSProductSidebarItems/icons.d.ts +0 -9
- package/dist/components/POSProductSidebarItems/icons.d.ts.map +0 -1
- package/dist/components/POSProductSidebarItems/index.d.ts +0 -4
- package/dist/components/POSProductSidebarItems/index.d.ts.map +0 -1
- package/dist/components/POSTable/POSTable.d.ts +0 -75
- package/dist/components/POSTable/POSTable.d.ts.map +0 -1
- package/dist/components/POSTable/POSTable.types.d.ts +0 -71
- package/dist/components/POSTable/POSTable.types.d.ts.map +0 -1
- package/dist/components/POSTable/index.d.ts +0 -3
- package/dist/components/POSTable/index.d.ts.map +0 -1
- package/dist/components/Pagination/Pagination.d.ts +0 -29
- package/dist/components/Pagination/Pagination.d.ts.map +0 -1
- package/dist/components/Pagination/Pagination.types.d.ts +0 -79
- package/dist/components/Pagination/Pagination.types.d.ts.map +0 -1
- package/dist/components/Pagination/icons.d.ts +0 -18
- package/dist/components/Pagination/icons.d.ts.map +0 -1
- package/dist/components/Pagination/index.d.ts +0 -4
- package/dist/components/Pagination/index.d.ts.map +0 -1
- package/dist/components/Quantity/Quantity.d.ts +0 -38
- package/dist/components/Quantity/Quantity.d.ts.map +0 -1
- package/dist/components/Quantity/Quantity.types.d.ts +0 -59
- package/dist/components/Quantity/Quantity.types.d.ts.map +0 -1
- package/dist/components/Radio/Radio.d.ts +0 -45
- package/dist/components/Radio/Radio.d.ts.map +0 -1
- package/dist/components/Radio/Radio.types.d.ts +0 -115
- package/dist/components/Radio/Radio.types.d.ts.map +0 -1
- package/dist/components/Select/Select.d.ts +0 -37
- package/dist/components/Select/Select.d.ts.map +0 -1
- package/dist/components/Select/Select.types.d.ts +0 -124
- package/dist/components/Select/Select.types.d.ts.map +0 -1
- package/dist/components/Select/icons.d.ts +0 -20
- package/dist/components/Select/icons.d.ts.map +0 -1
- package/dist/components/Select/index.d.ts +0 -4
- package/dist/components/Select/index.d.ts.map +0 -1
- package/dist/components/SignUpView/SignUpView.d.ts +0 -38
- package/dist/components/SignUpView/SignUpView.d.ts.map +0 -1
- package/dist/components/SignUpView/SignUpView.types.d.ts +0 -51
- package/dist/components/SignUpView/SignUpView.types.d.ts.map +0 -1
- package/dist/components/SignUpView/icons.d.ts +0 -18
- package/dist/components/SignUpView/icons.d.ts.map +0 -1
- package/dist/components/SignUpView/index.d.ts +0 -4
- package/dist/components/SignUpView/index.d.ts.map +0 -1
- package/dist/components/Switch/Switch.d.ts +0 -46
- package/dist/components/Switch/Switch.d.ts.map +0 -1
- package/dist/components/Switch/Switch.types.d.ts +0 -58
- package/dist/components/Switch/Switch.types.d.ts.map +0 -1
- package/dist/components/Table/Table.d.ts +0 -64
- package/dist/components/Table/Table.d.ts.map +0 -1
- package/dist/components/Table/Table.types.d.ts +0 -173
- package/dist/components/Table/Table.types.d.ts.map +0 -1
- package/dist/components/Table/index.d.ts +0 -3
- package/dist/components/Table/index.d.ts.map +0 -1
- package/dist/components/Tabs/Tabs.d.ts +0 -76
- package/dist/components/Tabs/Tabs.d.ts.map +0 -1
- package/dist/components/Tabs/Tabs.types.d.ts +0 -107
- package/dist/components/Tabs/Tabs.types.d.ts.map +0 -1
- package/dist/components/Tabs/icons.d.ts +0 -45
- package/dist/components/Tabs/icons.d.ts.map +0 -1
- package/dist/components/Tabs/index.d.ts +0 -4
- package/dist/components/Tabs/index.d.ts.map +0 -1
- package/dist/components/Textarea/Textarea.d.ts +0 -38
- package/dist/components/Textarea/Textarea.d.ts.map +0 -1
- package/dist/components/Textarea/Textarea.types.d.ts +0 -46
- package/dist/components/Textarea/Textarea.types.d.ts.map +0 -1
- package/dist/context/ThemeContext.d.ts +0 -46
- package/dist/context/ThemeContext.d.ts.map +0 -1
- package/dist/context/index.d.ts +0 -2
- package/dist/context/index.d.ts.map +0 -1
- package/dist/index.d.ts +0 -88
- package/dist/index.d.ts.map +0 -1
- package/dist/siesa-ui-kit.cjs +0 -1474
- package/dist/siesa-ui-kit.cjs.map +0 -1
- package/dist/siesa-ui-kit.mjs +0 -9580
- package/dist/siesa-ui-kit.mjs.map +0 -1
- package/dist/views/LayoutCommercial/LayoutCommercial.d.ts +0 -48
- package/dist/views/LayoutCommercial/LayoutCommercial.d.ts.map +0 -1
- package/dist/views/LayoutCommercial/LayoutCommercial.types.d.ts +0 -49
- package/dist/views/LayoutCommercial/LayoutCommercial.types.d.ts.map +0 -1
- package/dist/views/LayoutCommercial/index.d.ts +0 -3
- package/dist/views/LayoutCommercial/index.d.ts.map +0 -1
- package/dist/views/ListView/ListView.d.ts +0 -47
- package/dist/views/ListView/ListView.d.ts.map +0 -1
- package/dist/views/ListView/ListView.types.d.ts +0 -177
- package/dist/views/ListView/ListView.types.d.ts.map +0 -1
- package/dist/views/ListView/icons.d.ts +0 -60
- package/dist/views/ListView/icons.d.ts.map +0 -1
- package/dist/views/ListView/index.d.ts +0 -3
- package/dist/views/ListView/index.d.ts.map +0 -1
- package/dist/views/LoginView/LoginView.d.ts +0 -36
- package/dist/views/LoginView/LoginView.d.ts.map +0 -1
- package/dist/views/LoginView/LoginView.types.d.ts +0 -46
- package/dist/views/LoginView/LoginView.types.d.ts.map +0 -1
- package/dist/views/LoginView/icons.d.ts +0 -18
- package/dist/views/LoginView/icons.d.ts.map +0 -1
- package/dist/views/LoginView/index.d.ts +0 -4
- package/dist/views/LoginView/index.d.ts.map +0 -1
- package/dist/views/ProductsView/ProductsView.d.ts +0 -56
- package/dist/views/ProductsView/ProductsView.d.ts.map +0 -1
- package/dist/views/ProductsView/ProductsView.types.d.ts +0 -184
- package/dist/views/ProductsView/ProductsView.types.d.ts.map +0 -1
- package/dist/views/ProductsView/icons.d.ts +0 -12
- package/dist/views/ProductsView/icons.d.ts.map +0 -1
- package/dist/views/ProductsView/index.d.ts +0 -3
- package/dist/views/ProductsView/index.d.ts.map +0 -1
- package/dist/views/RecoverPasswordView/RecoverPasswordView.d.ts +0 -34
- package/dist/views/RecoverPasswordView/RecoverPasswordView.d.ts.map +0 -1
- package/dist/views/RecoverPasswordView/RecoverPasswordView.types.d.ts +0 -50
- package/dist/views/RecoverPasswordView/RecoverPasswordView.types.d.ts.map +0 -1
- package/dist/views/RecoverPasswordView/icons.d.ts +0 -9
- package/dist/views/RecoverPasswordView/icons.d.ts.map +0 -1
- package/dist/views/RecoverPasswordView/index.d.ts +0 -3
- package/dist/views/RecoverPasswordView/index.d.ts.map +0 -1
- package/dist/views/SignUpView/SignUpView.d.ts +0 -38
- package/dist/views/SignUpView/SignUpView.d.ts.map +0 -1
- package/dist/views/SignUpView/SignUpView.types.d.ts +0 -51
- package/dist/views/SignUpView/SignUpView.types.d.ts.map +0 -1
- package/dist/views/SignUpView/icons.d.ts +0 -18
- package/dist/views/SignUpView/icons.d.ts.map +0 -1
- package/dist/views/SignUpView/index.d.ts +0 -4
- package/dist/views/SignUpView/index.d.ts.map +0 -1
- package/dist/views/TableLayoutView/TableLayoutView.d.ts +0 -46
- package/dist/views/TableLayoutView/TableLayoutView.d.ts.map +0 -1
- package/dist/views/TableLayoutView/TableLayoutView.types.d.ts +0 -170
- package/dist/views/TableLayoutView/TableLayoutView.types.d.ts.map +0 -1
- package/dist/views/TableLayoutView/icons.d.ts +0 -27
- package/dist/views/TableLayoutView/icons.d.ts.map +0 -1
- package/dist/views/TableLayoutView/index.d.ts +0 -3
- package/dist/views/TableLayoutView/index.d.ts.map +0 -1
- package/docs/border-radius.md +0 -1261
- package/docs/colors.md +0 -832
- package/docs/dark-mode-guide.md +0 -1426
- package/docs/filters.md +0 -1243
- package/docs/icons.md +0 -1264
- package/docs/shadows.md +0 -1377
- package/docs/spacing.md +0 -1684
- package/docs/typography.md +0 -1268
- package/postcss.config.cjs +0 -6
- package/src/App.css +0 -42
- package/src/App.tsx +0 -8
- package/src/ButtonTest.tsx +0 -147
- package/src/assets/fonts/README.md +0 -261
- package/src/assets/fonts/SiesaBT/SiesaBT-Bold.otf +0 -0
- package/src/assets/fonts/SiesaBT/SiesaBT-Light.otf +0 -0
- package/src/assets/fonts/SiesaBT/SiesaBT-Regular.otf +0 -0
- package/src/assets/react.svg +0 -1
- package/src/components/Alert/Alert.stories.tsx +0 -332
- package/src/components/Alert/Alert.tsx +0 -106
- package/src/components/Alert/Alert.types.ts +0 -54
- package/src/components/Avatar/Avatar.stories.tsx +0 -494
- package/src/components/Avatar/Avatar.tsx +0 -143
- package/src/components/Avatar/Avatar.types.ts +0 -53
- package/src/components/Badge/Badge.stories.tsx +0 -339
- package/src/components/Badge/Badge.tsx +0 -278
- package/src/components/Badge/Badge.types.ts +0 -58
- package/src/components/Button/Button.stories.tsx +0 -950
- package/src/components/Button/Button.tsx +0 -337
- package/src/components/Button/Button.types.ts +0 -180
- package/src/components/Button/icons.tsx +0 -48
- package/src/components/Button/index.ts +0 -3
- package/src/components/Checkbox/Checkbox.stories.tsx +0 -453
- package/src/components/Checkbox/Checkbox.tsx +0 -208
- package/src/components/Checkbox/Checkbox.types.ts +0 -61
- package/src/components/DescriptionList/DescriptionList.stories.tsx +0 -250
- package/src/components/DescriptionList/DescriptionList.tsx +0 -96
- package/src/components/DescriptionList/DescriptionList.types.ts +0 -29
- package/src/components/Divider/Divider.stories.tsx +0 -263
- package/src/components/Divider/Divider.tsx +0 -80
- package/src/components/Divider/Divider.types.ts +0 -24
- package/src/components/Dropdown/Dropdown.stories.tsx +0 -552
- package/src/components/Dropdown/Dropdown.tsx +0 -422
- package/src/components/Dropdown/Dropdown.types.ts +0 -146
- package/src/components/Dropdown/README.md +0 -266
- package/src/components/Dropdown/icons.tsx +0 -72
- package/src/components/Dropdown/index.ts +0 -8
- package/src/components/DropdownItemCollapsible/DropdownItemCollapsible.stories.tsx +0 -317
- package/src/components/DropdownItemCollapsible/DropdownItemCollapsible.tsx +0 -307
- package/src/components/DropdownItemCollapsible/DropdownItemCollapsible.types.ts +0 -136
- package/src/components/DropdownItemCollapsible/README.md +0 -264
- package/src/components/DropdownItemCollapsible/icons.tsx +0 -57
- package/src/components/DropdownItemCollapsible/index.ts +0 -12
- package/src/components/DropdownItemHeading/DropdownItemHeading.stories.tsx +0 -386
- package/src/components/DropdownItemHeading/DropdownItemHeading.tsx +0 -216
- package/src/components/DropdownItemHeading/DropdownItemHeading.types.ts +0 -93
- package/src/components/DropdownItemHeading/README.md +0 -573
- package/src/components/DropdownItemHeading/icons.tsx +0 -125
- package/src/components/DropdownItemHeading/index.ts +0 -3
- package/src/components/Input/Input.stories.tsx +0 -583
- package/src/components/Input/Input.tsx +0 -204
- package/src/components/Input/Input.types.ts +0 -80
- package/src/components/Input/icons.tsx +0 -145
- package/src/components/Input/index.ts +0 -2
- package/src/components/LoginView/LoginView.stories.tsx +0 -148
- package/src/components/LoginView/LoginView.tsx +0 -426
- package/src/components/LoginView/LoginView.types.ts +0 -52
- package/src/components/LoginView/README.md +0 -396
- package/src/components/LoginView/icons.tsx +0 -85
- package/src/components/LoginView/index.ts +0 -3
- package/src/components/Navbar/Navbar.stories.tsx +0 -810
- package/src/components/Navbar/Navbar.tsx +0 -755
- package/src/components/Navbar/Navbar.types.ts +0 -219
- package/src/components/Navbar/README.md +0 -279
- package/src/components/Navbar/icons.tsx +0 -102
- package/src/components/Navbar/index.ts +0 -8
- package/src/components/NavigationBar/NavigationBar.stories.tsx +0 -406
- package/src/components/NavigationBar/NavigationBar.tsx +0 -246
- package/src/components/NavigationBar/NavigationBar.types.ts +0 -74
- package/src/components/NavigationBar/README.md +0 -469
- package/src/components/NavigationBar/index.ts +0 -2
- package/src/components/NavigationRail/NavigationRail.stories.tsx +0 -417
- package/src/components/NavigationRail/NavigationRail.tsx +0 -418
- package/src/components/NavigationRail/NavigationRail.types.ts +0 -109
- package/src/components/NavigationRail/README.md +0 -224
- package/src/components/NavigationRail/index.ts +0 -2
- package/src/components/NavigationRailCommercial/NavigationRailCommercial.stories.tsx +0 -464
- package/src/components/NavigationRailCommercial/NavigationRailCommercial.tsx +0 -301
- package/src/components/NavigationRailCommercial/NavigationRailCommercial.types.ts +0 -162
- package/src/components/NavigationRailCommercial/README.md +0 -251
- package/src/components/NavigationRailCommercial/icons.tsx +0 -54
- package/src/components/NavigationRailCommercial/index.ts +0 -6
- package/src/components/NavigationRailItem/NavigationRailItem.stories.tsx +0 -667
- package/src/components/NavigationRailItem/NavigationRailItem.tsx +0 -314
- package/src/components/NavigationRailItem/NavigationRailItem.types.ts +0 -175
- package/src/components/NavigationRailItem/README.md +0 -476
- package/src/components/NavigationRailItem/index.ts +0 -2
- package/src/components/NavigationRailPanel/NavigationRailPanel.stories.tsx +0 -462
- package/src/components/NavigationRailPanel/NavigationRailPanel.tsx +0 -332
- package/src/components/NavigationRailPanel/NavigationRailPanel.types.ts +0 -178
- package/src/components/NavigationRailPanel/README.md +0 -461
- package/src/components/NavigationRailPanel/index.ts +0 -6
- package/src/components/NavigationRailTypes/NavigationRailTypes.stories.tsx +0 -682
- package/src/components/NavigationRailTypes/NavigationRailTypes.tsx +0 -363
- package/src/components/NavigationRailTypes/NavigationRailTypes.types.ts +0 -178
- package/src/components/NavigationRailTypes/README.md +0 -573
- package/src/components/NavigationRailTypes/icons.tsx +0 -76
- package/src/components/NavigationRailTypes/index.ts +0 -7
- package/src/components/Notification/Notification.stories.tsx +0 -513
- package/src/components/Notification/Notification.tsx +0 -145
- package/src/components/Notification/Notification.types.ts +0 -142
- package/src/components/Notification/README.md +0 -409
- package/src/components/Notification/index.ts +0 -3
- package/src/components/POSConvention/POSConvention.stories.tsx +0 -235
- package/src/components/POSConvention/POSConvention.tsx +0 -129
- package/src/components/POSConvention/POSConvention.types.ts +0 -38
- package/src/components/POSConvention/README.md +0 -123
- package/src/components/POSConvention/icons.tsx +0 -45
- package/src/components/POSConvention/index.ts +0 -3
- package/src/components/POSLocationButton/POSLocationButton.stories.tsx +0 -531
- package/src/components/POSLocationButton/POSLocationButton.tsx +0 -247
- package/src/components/POSLocationButton/POSLocationButton.types.ts +0 -87
- package/src/components/POSLocationButton/README.md +0 -253
- package/src/components/POSLocationButton/icons.tsx +0 -120
- package/src/components/POSLocationButton/index.ts +0 -14
- package/src/components/POSNumberButton/POSNumberButton.stories.tsx +0 -415
- package/src/components/POSNumberButton/POSNumberButton.tsx +0 -179
- package/src/components/POSNumberButton/POSNumberButton.types.ts +0 -51
- package/src/components/POSNumberButton/README.md +0 -321
- package/src/components/POSNumberButton/index.ts +0 -3
- package/src/components/POSProductButton/POSProductButton.stories.tsx +0 -318
- package/src/components/POSProductButton/POSProductButton.tsx +0 -152
- package/src/components/POSProductButton/POSProductButton.types.ts +0 -46
- package/src/components/POSProductButton/README.md +0 -269
- package/src/components/POSProductButton/index.ts +0 -2
- package/src/components/POSProductCard/POSProductCard.stories.tsx +0 -642
- package/src/components/POSProductCard/POSProductCard.tsx +0 -208
- package/src/components/POSProductCard/POSProductCard.types.ts +0 -76
- package/src/components/POSProductCard/README.md +0 -179
- package/src/components/POSProductCard/icons.tsx +0 -26
- package/src/components/POSProductCard/index.ts +0 -2
- package/src/components/POSProductSidebarItems/POSProductSidebarItems.stories.tsx +0 -753
- package/src/components/POSProductSidebarItems/POSProductSidebarItems.tsx +0 -332
- package/src/components/POSProductSidebarItems/POSProductSidebarItems.types.ts +0 -119
- package/src/components/POSProductSidebarItems/README.md +0 -198
- package/src/components/POSProductSidebarItems/icons.tsx +0 -21
- package/src/components/POSProductSidebarItems/index.ts +0 -3
- package/src/components/POSTable/POSTable.stories.tsx +0 -737
- package/src/components/POSTable/POSTable.tsx +0 -401
- package/src/components/POSTable/POSTable.types.ts +0 -83
- package/src/components/POSTable/README.md +0 -286
- package/src/components/POSTable/index.ts +0 -7
- package/src/components/Pagination/Pagination.stories.tsx +0 -555
- package/src/components/Pagination/Pagination.tsx +0 -286
- package/src/components/Pagination/Pagination.types.ts +0 -93
- package/src/components/Pagination/README.md +0 -298
- package/src/components/Pagination/icons.tsx +0 -47
- package/src/components/Pagination/index.ts +0 -3
- package/src/components/Quantity/Quantity.stories.tsx +0 -457
- package/src/components/Quantity/Quantity.tsx +0 -289
- package/src/components/Quantity/Quantity.types.ts +0 -70
- package/src/components/Radio/Radio.stories.tsx +0 -523
- package/src/components/Radio/Radio.tsx +0 -170
- package/src/components/Radio/Radio.types.ts +0 -122
- package/src/components/Select/README.md +0 -299
- package/src/components/Select/Select.stories.tsx +0 -705
- package/src/components/Select/Select.tsx +0 -457
- package/src/components/Select/Select.types.ts +0 -148
- package/src/components/Select/icons.tsx +0 -25
- package/src/components/Select/index.ts +0 -3
- package/src/components/SignUpView/SignUpView.stories.tsx +0 -129
- package/src/components/SignUpView/SignUpView.tsx +0 -503
- package/src/components/SignUpView/SignUpView.types.ts +0 -58
- package/src/components/SignUpView/icons.tsx +0 -71
- package/src/components/SignUpView/index.ts +0 -3
- package/src/components/Switch/README.md +0 -112
- package/src/components/Switch/Switch.stories.tsx +0 -550
- package/src/components/Switch/Switch.tsx +0 -246
- package/src/components/Switch/Switch.types.ts +0 -67
- package/src/components/Table/README.md +0 -369
- package/src/components/Table/Table.stories.tsx +0 -805
- package/src/components/Table/Table.tsx +0 -688
- package/src/components/Table/Table.types.ts +0 -204
- package/src/components/Table/index.ts +0 -9
- package/src/components/Tabs/README.md +0 -201
- package/src/components/Tabs/Tabs.stories.tsx +0 -580
- package/src/components/Tabs/Tabs.tsx +0 -356
- package/src/components/Tabs/Tabs.types.ts +0 -127
- package/src/components/Tabs/icons.tsx +0 -129
- package/src/components/Tabs/index.ts +0 -11
- package/src/components/Textarea/Textarea.stories.tsx +0 -535
- package/src/components/Textarea/Textarea.tsx +0 -188
- package/src/components/Textarea/Textarea.types.ts +0 -54
- package/src/context/ThemeContext.tsx +0 -99
- package/src/context/index.ts +0 -1
- package/src/index.css +0 -29
- package/src/index.ts +0 -133
- package/src/main.tsx +0 -10
- package/src/views/LayoutCommercial/LayoutCommercial.stories.tsx +0 -374
- package/src/views/LayoutCommercial/LayoutCommercial.tsx +0 -125
- package/src/views/LayoutCommercial/LayoutCommercial.types.ts +0 -54
- package/src/views/LayoutCommercial/README.md +0 -286
- package/src/views/LayoutCommercial/index.ts +0 -2
- package/src/views/ListView/ListView.stories.tsx +0 -329
- package/src/views/ListView/ListView.tsx +0 -570
- package/src/views/ListView/ListView.types.ts +0 -211
- package/src/views/ListView/icons.tsx +0 -282
- package/src/views/ListView/index.ts +0 -11
- package/src/views/LoginView/LoginView.stories.tsx +0 -148
- package/src/views/LoginView/LoginView.tsx +0 -426
- package/src/views/LoginView/LoginView.types.ts +0 -52
- package/src/views/LoginView/README.md +0 -396
- package/src/views/LoginView/icons.tsx +0 -85
- package/src/views/LoginView/index.ts +0 -3
- package/src/views/ProductsView/ProductsView.stories.tsx +0 -344
- package/src/views/ProductsView/ProductsView.tsx +0 -480
- package/src/views/ProductsView/ProductsView.types.ts +0 -238
- package/src/views/ProductsView/README.md +0 -312
- package/src/views/ProductsView/icons.tsx +0 -38
- package/src/views/ProductsView/index.ts +0 -8
- package/src/views/RecoverPasswordView/README.md +0 -269
- package/src/views/RecoverPasswordView/RecoverPasswordView.stories.tsx +0 -131
- package/src/views/RecoverPasswordView/RecoverPasswordView.tsx +0 -376
- package/src/views/RecoverPasswordView/RecoverPasswordView.types.ts +0 -56
- package/src/views/RecoverPasswordView/icons.tsx +0 -17
- package/src/views/RecoverPasswordView/index.ts +0 -2
- package/src/views/SignUpView/SignUpView.stories.tsx +0 -129
- package/src/views/SignUpView/SignUpView.tsx +0 -503
- package/src/views/SignUpView/SignUpView.types.ts +0 -58
- package/src/views/SignUpView/icons.tsx +0 -71
- package/src/views/SignUpView/index.ts +0 -3
- package/src/views/TableLayoutView/README.md +0 -268
- package/src/views/TableLayoutView/TableLayoutView.stories.tsx +0 -235
- package/src/views/TableLayoutView/TableLayoutView.tsx +0 -461
- package/src/views/TableLayoutView/TableLayoutView.types.ts +0 -209
- package/src/views/TableLayoutView/icons.tsx +0 -113
- package/src/views/TableLayoutView/index.ts +0 -6
- package/storybook/main.ts +0 -20
- package/storybook/preview.tsx +0 -84
- package/storybook/vitest.setup.ts +0 -7
- package/tailwind.config.js +0 -128
- /package/{public → dist}/,Business Logo.png +0 -0
- /package/{public → dist}/.Siesa Logo.png +0 -0
- /package/{public → dist}/bg_siesa.png +0 -0
- /package/{public → dist}/siesa_logo_mobile.png +0 -0
- /package/{public → dist}/vite.svg +0 -0
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Props del componente SignUpView
|
|
3
|
-
*/
|
|
4
|
-
export interface SignUpViewProps {
|
|
5
|
-
/**
|
|
6
|
-
* Handler para el submit del formulario de registro
|
|
7
|
-
* @param name - Nombre ingresado por el usuario
|
|
8
|
-
* @param email - Email ingresado por el usuario
|
|
9
|
-
* @param password - Contraseña ingresada por el usuario
|
|
10
|
-
*/
|
|
11
|
-
onSubmit?: (name: string, email: string, password: string) => void;
|
|
12
|
-
/**
|
|
13
|
-
* Handler para el click en "Ya tengo una cuenta"
|
|
14
|
-
*/
|
|
15
|
-
onSignIn?: () => void;
|
|
16
|
-
/**
|
|
17
|
-
* Handler para el click en "Condiciones de Uso"
|
|
18
|
-
*/
|
|
19
|
-
onTermsClick?: () => void;
|
|
20
|
-
/**
|
|
21
|
-
* Handler para el click en "Políticas de Privacidad"
|
|
22
|
-
*/
|
|
23
|
-
onPrivacyClick?: () => void;
|
|
24
|
-
/**
|
|
25
|
-
* Estado de carga del botón de submit
|
|
26
|
-
* @default false
|
|
27
|
-
*/
|
|
28
|
-
isLoading?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Mensaje de error general para mostrar en el formulario
|
|
31
|
-
*/
|
|
32
|
-
errorMessage?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Clases CSS adicionales para el contenedor
|
|
35
|
-
*/
|
|
36
|
-
className?: string;
|
|
37
|
-
/**
|
|
38
|
-
* Si se muestra el fondo decorativo con imagen
|
|
39
|
-
* @default true
|
|
40
|
-
*/
|
|
41
|
-
showBackground?: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Variante de visualización
|
|
44
|
-
* - 'responsive': Se adapta según el viewport (default)
|
|
45
|
-
* - 'mobile': Siempre se muestra como mobile sin efectos de card
|
|
46
|
-
* - 'desktop': Siempre se muestra como desktop con card
|
|
47
|
-
* @default 'responsive'
|
|
48
|
-
*/
|
|
49
|
-
variant?: 'responsive' | 'mobile' | 'desktop';
|
|
50
|
-
}
|
|
51
|
-
//# sourceMappingURL=SignUpView.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SignUpView.types.d.ts","sourceRoot":"","sources":["../../../src/components/SignUpView/SignUpView.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC/C"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Icono de círculo de usuario para el input de nombre
|
|
4
|
-
*/
|
|
5
|
-
export declare const UserCircleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
6
|
-
/**
|
|
7
|
-
* Icono de sobre (envelope) para el input de email
|
|
8
|
-
*/
|
|
9
|
-
export declare const EnvelopeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
10
|
-
/**
|
|
11
|
-
* Icono de candado cerrado (lock) para el input de contraseña
|
|
12
|
-
*/
|
|
13
|
-
export declare const LockClosedIcon: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
14
|
-
/**
|
|
15
|
-
* Icono de ojo (eye) para mostrar/ocultar contraseña
|
|
16
|
-
*/
|
|
17
|
-
export declare const EyeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
18
|
-
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/SignUpView/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAalE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAUhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAalE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAc3D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SignUpView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import type { SwitchProps } from './Switch.types';
|
|
2
|
-
/**
|
|
3
|
-
* Switch - Componente de switch del sistema de diseño Siesa
|
|
4
|
-
*
|
|
5
|
-
* Campo de activación/desactivación con soporte para:
|
|
6
|
-
* - Estados: default, hover, focus, disabled
|
|
7
|
-
* - On, off
|
|
8
|
-
* - Label y description opcionales
|
|
9
|
-
* - Posición del label: leading (izquierda) o trailing (derecha)
|
|
10
|
-
* - Animación suave de transición
|
|
11
|
-
* - Dark mode completo
|
|
12
|
-
* - Accesibilidad completa
|
|
13
|
-
*
|
|
14
|
-
* Mejores prácticas implementadas:
|
|
15
|
-
* - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
|
|
16
|
-
* - Dark mode con estrategia 'class' (darkMode: 'class')
|
|
17
|
-
* - Tokens de color consistentes con la documentación
|
|
18
|
-
* - Focus ring con shadow especial según Figma
|
|
19
|
-
* - Type safety con TypeScript estricto
|
|
20
|
-
* - Accesibilidad con ARIA labels
|
|
21
|
-
*
|
|
22
|
-
* @see docs/colors.md - Sistema de colores
|
|
23
|
-
* @see docs/typography.md - Sistema tipográfico
|
|
24
|
-
* @see docs/spacing.md - Sistema de espaciado
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```tsx
|
|
28
|
-
* // Label a la izquierda (default)
|
|
29
|
-
* <Switch
|
|
30
|
-
* label="Permitir inserción"
|
|
31
|
-
* description="Permite que otros inserten los detalles de tu evento."
|
|
32
|
-
* checked={true}
|
|
33
|
-
* onChange={(e) => console.log(e.target.checked)}
|
|
34
|
-
* />
|
|
35
|
-
*
|
|
36
|
-
* // Label a la derecha
|
|
37
|
-
* <Switch
|
|
38
|
-
* label="Activar notificaciones"
|
|
39
|
-
* labelPosition="trailing"
|
|
40
|
-
* checked={false}
|
|
41
|
-
* onChange={(e) => console.log(e.target.checked)}
|
|
42
|
-
* />
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
46
|
-
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,MAAM,0GAqMlB,CAAC"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import type { InputHTMLAttributes } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Estados visuales del Switch
|
|
4
|
-
*/
|
|
5
|
-
export type SwitchState = 'default' | 'hover' | 'focus' | 'disabled';
|
|
6
|
-
/**
|
|
7
|
-
* Posición del label respecto al switch
|
|
8
|
-
* - `leading`: Label a la izquierda, switch a la derecha
|
|
9
|
-
* - `trailing`: Switch a la izquierda, label a la derecha
|
|
10
|
-
*/
|
|
11
|
-
export type LabelPosition = 'leading' | 'trailing';
|
|
12
|
-
/**
|
|
13
|
-
* Props del componente Switch
|
|
14
|
-
*
|
|
15
|
-
* @see docs/colors.md - Sistema de colores
|
|
16
|
-
* @see docs/typography.md - Sistema tipográfico
|
|
17
|
-
*/
|
|
18
|
-
export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
|
|
19
|
-
/**
|
|
20
|
-
* Etiqueta del switch
|
|
21
|
-
*/
|
|
22
|
-
label?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Descripción debajo del label
|
|
25
|
-
*/
|
|
26
|
-
description?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Posición del label respecto al switch
|
|
29
|
-
* - `leading`: Label a la izquierda, switch a la derecha (default)
|
|
30
|
-
* - `trailing`: Switch a la izquierda, label a la derecha
|
|
31
|
-
* @default 'leading'
|
|
32
|
-
*/
|
|
33
|
-
labelPosition?: LabelPosition;
|
|
34
|
-
/**
|
|
35
|
-
* Si el switch está activado
|
|
36
|
-
* @default false
|
|
37
|
-
*/
|
|
38
|
-
checked?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Si el switch está deshabilitado
|
|
41
|
-
* @default false
|
|
42
|
-
*/
|
|
43
|
-
disabled?: boolean;
|
|
44
|
-
/**
|
|
45
|
-
* Clases CSS adicionales
|
|
46
|
-
*/
|
|
47
|
-
className?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Callback cuando el estado del switch cambia
|
|
50
|
-
*/
|
|
51
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
52
|
-
/**
|
|
53
|
-
* Label para accesibilidad (ARIA)
|
|
54
|
-
* Si no se proporciona, se usa el valor de `label`
|
|
55
|
-
*/
|
|
56
|
-
ariaLabel?: string;
|
|
57
|
-
}
|
|
58
|
-
//# sourceMappingURL=Switch.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAErE;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/F;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEhE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import type { TableProps } from './Table.types';
|
|
2
|
-
/**
|
|
3
|
-
* Table - Componente principal de tabla
|
|
4
|
-
*
|
|
5
|
-
* Características implementadas:
|
|
6
|
-
* - Definición de columnas flexible con accessor y render custom
|
|
7
|
-
* - Sorting en columnas (controlado o no controlado)
|
|
8
|
-
* - Variantes: basic, fullWidth, striped, grid
|
|
9
|
-
* - Dark mode completo en todos los estados
|
|
10
|
-
* - Estados de loading y empty
|
|
11
|
-
* - Filas clickeables
|
|
12
|
-
* - Accesibilidad con roles y keyboard navigation
|
|
13
|
-
*
|
|
14
|
-
* Mejores prácticas implementadas:
|
|
15
|
-
* - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
|
|
16
|
-
* - Dark mode con estrategia 'class' (darkMode: 'class')
|
|
17
|
-
* - Tokens de color consistentes con la documentación
|
|
18
|
-
* - Type safety con TypeScript estricto y generics
|
|
19
|
-
* - Accesibilidad con ARIA labels y keyboard support
|
|
20
|
-
*
|
|
21
|
-
* @see docs/colors.md - Sistema de colores
|
|
22
|
-
* @see docs/typography.md - Sistema tipográfico (Label/Small para headers, Paragraph/Small para cells)
|
|
23
|
-
* @see docs/spacing.md - Sistema de espaciado
|
|
24
|
-
* @see docs/shadows.md - Sistema de sombras
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```tsx
|
|
28
|
-
* // Uso básico
|
|
29
|
-
* <Table
|
|
30
|
-
* title="Usuarios"
|
|
31
|
-
* columns={[
|
|
32
|
-
* { header: 'Nombre', accessor: 'name' },
|
|
33
|
-
* { header: 'Email', accessor: 'email' },
|
|
34
|
-
* { header: 'Rol', accessor: 'role', sortable: true },
|
|
35
|
-
* ]}
|
|
36
|
-
* data={users}
|
|
37
|
-
* />
|
|
38
|
-
*
|
|
39
|
-
* // Con render custom
|
|
40
|
-
* <Table
|
|
41
|
-
* columns={[
|
|
42
|
-
* {
|
|
43
|
-
* header: 'Estado',
|
|
44
|
-
* accessor: 'status',
|
|
45
|
-
* render: (value) => (
|
|
46
|
-
* <Badge color={value === 'active' ? 'green' : 'red'}>
|
|
47
|
-
* {value}
|
|
48
|
-
* </Badge>
|
|
49
|
-
* ),
|
|
50
|
-
* },
|
|
51
|
-
* ]}
|
|
52
|
-
* data={data}
|
|
53
|
-
* />
|
|
54
|
-
*
|
|
55
|
-
* // Variante striped
|
|
56
|
-
* <Table
|
|
57
|
-
* variant="striped"
|
|
58
|
-
* columns={columns}
|
|
59
|
-
* data={data}
|
|
60
|
-
* />
|
|
61
|
-
* ```
|
|
62
|
-
*/
|
|
63
|
-
export declare const Table: <T extends Record<string, any>>({ title, columns, data, variant, showBorder, showShadow, onSort, sortColumn: externalSortColumn, sortDirection: externalSortDirection, fullWidth, emptyMessage, loading, loadingRows, pagination, className, id, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
64
|
-
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EAKX,MAAM,eAAe,CAAC;AAuYvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,oNAkBlD,UAAU,CAAC,CAAC,CAAC,4CAkNf,CAAC"}
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Dirección de ordenamiento para columnas sortables
|
|
4
|
-
*/
|
|
5
|
-
export type SortDirection = 'asc' | 'desc' | null;
|
|
6
|
-
/**
|
|
7
|
-
* Definición de una columna de la tabla
|
|
8
|
-
*/
|
|
9
|
-
export interface TableColumn<T = any> {
|
|
10
|
-
/**
|
|
11
|
-
* Título que se muestra en el header de la columna
|
|
12
|
-
*/
|
|
13
|
-
header: string;
|
|
14
|
-
/**
|
|
15
|
-
* Key del objeto de datos para acceder al valor
|
|
16
|
-
* Puede ser una string o una función que retorna el valor
|
|
17
|
-
*/
|
|
18
|
-
accessor: keyof T | ((row: T) => any);
|
|
19
|
-
/**
|
|
20
|
-
* Si la columna es sortable (ordenable)
|
|
21
|
-
* @default false
|
|
22
|
-
*/
|
|
23
|
-
sortable?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Función custom para renderizar el contenido de la celda
|
|
26
|
-
* Si no se provee, se usa el valor del accessor directamente
|
|
27
|
-
*/
|
|
28
|
-
render?: (value: any, row: T, index: number) => ReactNode;
|
|
29
|
-
/**
|
|
30
|
-
* Alineación del contenido de la celda
|
|
31
|
-
* @default 'left'
|
|
32
|
-
*/
|
|
33
|
-
align?: 'left' | 'center' | 'right';
|
|
34
|
-
/**
|
|
35
|
-
* Ancho de la columna (CSS width)
|
|
36
|
-
*/
|
|
37
|
-
width?: string;
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* Props de paginación para la tabla
|
|
41
|
-
*/
|
|
42
|
-
export interface PaginationProps {
|
|
43
|
-
/**
|
|
44
|
-
* Página actual (1-indexed)
|
|
45
|
-
*/
|
|
46
|
-
currentPage: number;
|
|
47
|
-
/**
|
|
48
|
-
* Total de páginas
|
|
49
|
-
*/
|
|
50
|
-
totalPages: number;
|
|
51
|
-
/**
|
|
52
|
-
* Callback cuando cambia la página
|
|
53
|
-
*/
|
|
54
|
-
onPageChange: (page: number) => void;
|
|
55
|
-
/**
|
|
56
|
-
* Texto del botón "Anterior"
|
|
57
|
-
* @default 'Anterior'
|
|
58
|
-
*/
|
|
59
|
-
previousLabel?: string;
|
|
60
|
-
/**
|
|
61
|
-
* Texto del botón "Siguiente"
|
|
62
|
-
* @default 'Siguiente'
|
|
63
|
-
*/
|
|
64
|
-
nextLabel?: string;
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* Props del componente Table
|
|
68
|
-
*/
|
|
69
|
-
export interface TableProps<T = any> {
|
|
70
|
-
/**
|
|
71
|
-
* Título opcional de la tabla
|
|
72
|
-
*/
|
|
73
|
-
title?: string;
|
|
74
|
-
/**
|
|
75
|
-
* Definición de las columnas
|
|
76
|
-
*/
|
|
77
|
-
columns: TableColumn<T>[];
|
|
78
|
-
/**
|
|
79
|
-
* Datos de las filas
|
|
80
|
-
*/
|
|
81
|
-
data: T[];
|
|
82
|
-
/**
|
|
83
|
-
* Variante visual de la tabla
|
|
84
|
-
* @default 'basic'
|
|
85
|
-
*/
|
|
86
|
-
variant?: 'basic' | 'fullWidth' | 'striped' | 'grid';
|
|
87
|
-
/**
|
|
88
|
-
* Si se muestra el borde del container
|
|
89
|
-
* @default true
|
|
90
|
-
*/
|
|
91
|
-
showBorder?: boolean;
|
|
92
|
-
/**
|
|
93
|
-
* Si se muestra la sombra del container
|
|
94
|
-
* @default true
|
|
95
|
-
*/
|
|
96
|
-
showShadow?: boolean;
|
|
97
|
-
/**
|
|
98
|
-
* Callback cuando se hace click en una fila
|
|
99
|
-
*/
|
|
100
|
-
onRowClick?: (row: T, index: number) => void;
|
|
101
|
-
/**
|
|
102
|
-
* Callback cuando cambia el sort
|
|
103
|
-
*/
|
|
104
|
-
onSort?: (column: keyof T | string, direction: SortDirection) => void;
|
|
105
|
-
/**
|
|
106
|
-
* Estado de sort controlado desde fuera
|
|
107
|
-
*/
|
|
108
|
-
sortColumn?: keyof T | string;
|
|
109
|
-
/**
|
|
110
|
-
* Dirección de sort controlada desde fuera
|
|
111
|
-
*/
|
|
112
|
-
sortDirection?: SortDirection;
|
|
113
|
-
/**
|
|
114
|
-
* Si la tabla debe ocupar todo el ancho disponible
|
|
115
|
-
* @default false
|
|
116
|
-
*/
|
|
117
|
-
fullWidth?: boolean;
|
|
118
|
-
/**
|
|
119
|
-
* Texto a mostrar cuando no hay datos
|
|
120
|
-
* @default 'No hay datos disponibles'
|
|
121
|
-
*/
|
|
122
|
-
emptyMessage?: string;
|
|
123
|
-
/**
|
|
124
|
-
* Si se está cargando la información
|
|
125
|
-
* @default false
|
|
126
|
-
*/
|
|
127
|
-
loading?: boolean;
|
|
128
|
-
/**
|
|
129
|
-
* Número de filas skeleton a mostrar cuando loading=true
|
|
130
|
-
* @default 5
|
|
131
|
-
*/
|
|
132
|
-
loadingRows?: number;
|
|
133
|
-
/**
|
|
134
|
-
* Props de paginación (si se provee, se muestra paginación)
|
|
135
|
-
*/
|
|
136
|
-
pagination?: PaginationProps;
|
|
137
|
-
/**
|
|
138
|
-
* Clases CSS adicionales para el container
|
|
139
|
-
*/
|
|
140
|
-
className?: string;
|
|
141
|
-
/**
|
|
142
|
-
* ID único para accesibilidad
|
|
143
|
-
*/
|
|
144
|
-
id?: string;
|
|
145
|
-
}
|
|
146
|
-
/**
|
|
147
|
-
* Props del TableHeader (uso interno)
|
|
148
|
-
*/
|
|
149
|
-
export interface TableHeaderProps<T = any> {
|
|
150
|
-
column: TableColumn<T>;
|
|
151
|
-
sortable: boolean;
|
|
152
|
-
sorted: boolean;
|
|
153
|
-
sortDirection: SortDirection;
|
|
154
|
-
onSort: () => void;
|
|
155
|
-
}
|
|
156
|
-
/**
|
|
157
|
-
* Props del TableCell (uso interno)
|
|
158
|
-
*/
|
|
159
|
-
export interface TableCellProps {
|
|
160
|
-
children: ReactNode;
|
|
161
|
-
align?: 'left' | 'center' | 'right';
|
|
162
|
-
width?: string;
|
|
163
|
-
}
|
|
164
|
-
/**
|
|
165
|
-
* Props del TableRow (uso interno)
|
|
166
|
-
*/
|
|
167
|
-
export interface TableRowProps {
|
|
168
|
-
children: ReactNode;
|
|
169
|
-
onClick?: () => void;
|
|
170
|
-
striped?: boolean;
|
|
171
|
-
index: number;
|
|
172
|
-
}
|
|
173
|
-
//# sourceMappingURL=Table.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IAClC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;IAEtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAE1D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAE1B;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IAEV;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;IAErD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAEtE;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,GAAG;IACvC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,aAAa,CAAC;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,MAAM,eAAe,CAAC"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { TabProps, TabsProps } from './Tabs.types';
|
|
3
|
-
/**
|
|
4
|
-
* Componente Tab individual del sistema de diseño Siesa
|
|
5
|
-
*
|
|
6
|
-
* Representa un único tab dentro de un grupo de tabs. Incluye soporte para:
|
|
7
|
-
* - Estado activo/inactivo con indicador visual (línea inferior)
|
|
8
|
-
* - Icono opcional a la izquierda del texto
|
|
9
|
-
* - Badge de notificación con contador
|
|
10
|
-
* - Estados hover, focus y disabled
|
|
11
|
-
* - Dark mode completo
|
|
12
|
-
*
|
|
13
|
-
* Mejores prácticas implementadas:
|
|
14
|
-
* - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
|
|
15
|
-
* - Dark mode con estrategia 'class' (darkMode: 'class')
|
|
16
|
-
* - Tokens de color consistentes con la documentación
|
|
17
|
-
* - Type safety con TypeScript estricto
|
|
18
|
-
* - Accesibilidad con ARIA labels
|
|
19
|
-
*
|
|
20
|
-
* @see docs/colors.md - Sistema de colores
|
|
21
|
-
* @see docs/typography.md - Sistema tipográfico
|
|
22
|
-
* @see docs/spacing.md - Sistema de espaciado
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* ```tsx
|
|
26
|
-
* <Tab
|
|
27
|
-
* label="Inicio"
|
|
28
|
-
* active={true}
|
|
29
|
-
* icon={<HomeIcon />}
|
|
30
|
-
* badge={3}
|
|
31
|
-
* onClick={() => setActiveTab('home')}
|
|
32
|
-
* />
|
|
33
|
-
* ```
|
|
34
|
-
*/
|
|
35
|
-
export declare const Tab: React.FC<TabProps>;
|
|
36
|
-
/**
|
|
37
|
-
* Componente Tabs contenedor del sistema de diseño Siesa
|
|
38
|
-
*
|
|
39
|
-
* Agrupa múltiples tabs permitiendo navegación entre diferentes secciones.
|
|
40
|
-
* Soporta modo controlado (con activeId y onChange) y no controlado (con defaultActiveId).
|
|
41
|
-
*
|
|
42
|
-
* Mejores prácticas implementadas:
|
|
43
|
-
* - Orden de modificadores: {responsive}:{dark}:{state}:{utility}
|
|
44
|
-
* - Dark mode con estrategia 'class' (darkMode: 'class')
|
|
45
|
-
* - Tokens de color consistentes con la documentación
|
|
46
|
-
* - Type safety con TypeScript estricto
|
|
47
|
-
* - Accesibilidad con ARIA roles y keyboard navigation
|
|
48
|
-
*
|
|
49
|
-
* @see docs/colors.md - Sistema de colores
|
|
50
|
-
* @see docs/typography.md - Sistema tipográfico
|
|
51
|
-
* @see docs/spacing.md - Sistema de espaciado
|
|
52
|
-
*
|
|
53
|
-
* @example
|
|
54
|
-
* ```tsx
|
|
55
|
-
* // Modo controlado
|
|
56
|
-
* const [activeTab, setActiveTab] = useState('home');
|
|
57
|
-
*
|
|
58
|
-
* <Tabs
|
|
59
|
-
* items={[
|
|
60
|
-
* { id: 'home', label: 'Inicio', icon: <HomeIcon /> },
|
|
61
|
-
* { id: 'profile', label: 'Perfil', badge: 3 },
|
|
62
|
-
* { id: 'settings', label: 'Configuración' },
|
|
63
|
-
* ]}
|
|
64
|
-
* activeId={activeTab}
|
|
65
|
-
* onChange={setActiveTab}
|
|
66
|
-
* />
|
|
67
|
-
*
|
|
68
|
-
* // Modo no controlado
|
|
69
|
-
* <Tabs
|
|
70
|
-
* items={[...]}
|
|
71
|
-
* defaultActiveId="home"
|
|
72
|
-
* />
|
|
73
|
-
* ```
|
|
74
|
-
*/
|
|
75
|
-
export declare const Tabs: React.FC<TabsProps>;
|
|
76
|
-
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA0MlC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6EpC,CAAC"}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Configuración de un item de Tab individual
|
|
4
|
-
*/
|
|
5
|
-
export interface TabItem {
|
|
6
|
-
/**
|
|
7
|
-
* Identificador único del tab
|
|
8
|
-
*/
|
|
9
|
-
id: string;
|
|
10
|
-
/**
|
|
11
|
-
* Texto a mostrar en el tab
|
|
12
|
-
*/
|
|
13
|
-
label: string;
|
|
14
|
-
/**
|
|
15
|
-
* Icono a mostrar a la izquierda del texto (opcional)
|
|
16
|
-
*/
|
|
17
|
-
icon?: ReactNode;
|
|
18
|
-
/**
|
|
19
|
-
* Número de notificaciones a mostrar en el badge (opcional)
|
|
20
|
-
*/
|
|
21
|
-
badge?: number;
|
|
22
|
-
/**
|
|
23
|
-
* Si el tab está deshabilitado
|
|
24
|
-
* @default false
|
|
25
|
-
*/
|
|
26
|
-
disabled?: boolean;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Props del componente Tab individual (interno)
|
|
30
|
-
*/
|
|
31
|
-
export interface TabProps {
|
|
32
|
-
/**
|
|
33
|
-
* Texto a mostrar en el tab
|
|
34
|
-
*/
|
|
35
|
-
label: string;
|
|
36
|
-
/**
|
|
37
|
-
* Si el tab está activo/seleccionado
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
active?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Icono a mostrar a la izquierda del texto (opcional)
|
|
43
|
-
*/
|
|
44
|
-
icon?: ReactNode;
|
|
45
|
-
/**
|
|
46
|
-
* Número de notificaciones a mostrar en el badge (opcional)
|
|
47
|
-
*/
|
|
48
|
-
badge?: number;
|
|
49
|
-
/**
|
|
50
|
-
* Si el tab está deshabilitado
|
|
51
|
-
* @default false
|
|
52
|
-
*/
|
|
53
|
-
disabled?: boolean;
|
|
54
|
-
/**
|
|
55
|
-
* Función callback ejecutada al hacer click
|
|
56
|
-
*/
|
|
57
|
-
onClick?: () => void;
|
|
58
|
-
/**
|
|
59
|
-
* Clases CSS adicionales
|
|
60
|
-
*/
|
|
61
|
-
className?: string;
|
|
62
|
-
/**
|
|
63
|
-
* Etiqueta accesible para lectores de pantalla
|
|
64
|
-
*/
|
|
65
|
-
ariaLabel?: string;
|
|
66
|
-
}
|
|
67
|
-
/**
|
|
68
|
-
* Props del componente Tabs (contenedor)
|
|
69
|
-
*/
|
|
70
|
-
export interface TabsProps {
|
|
71
|
-
/**
|
|
72
|
-
* Lista de tabs a mostrar
|
|
73
|
-
*/
|
|
74
|
-
items: TabItem[];
|
|
75
|
-
/**
|
|
76
|
-
* ID del tab actualmente seleccionado
|
|
77
|
-
*/
|
|
78
|
-
activeId?: string;
|
|
79
|
-
/**
|
|
80
|
-
* ID del tab seleccionado por defecto (para componente no controlado)
|
|
81
|
-
*/
|
|
82
|
-
defaultActiveId?: string;
|
|
83
|
-
/**
|
|
84
|
-
* Callback ejecutado cuando cambia el tab seleccionado
|
|
85
|
-
*/
|
|
86
|
-
onChange?: (id: string) => void;
|
|
87
|
-
/**
|
|
88
|
-
* Clases CSS adicionales para el contenedor
|
|
89
|
-
*/
|
|
90
|
-
className?: string;
|
|
91
|
-
/**
|
|
92
|
-
* Si los tabs deben ocupar todo el ancho disponible
|
|
93
|
-
* @default false
|
|
94
|
-
*/
|
|
95
|
-
fullWidth?: boolean;
|
|
96
|
-
/**
|
|
97
|
-
* Tamaño de los tabs
|
|
98
|
-
* @default 'base'
|
|
99
|
-
*/
|
|
100
|
-
size?: 'sm' | 'base' | 'lg';
|
|
101
|
-
/**
|
|
102
|
-
* Si se muestra la línea inferior del contenedor de tabs
|
|
103
|
-
* @default true
|
|
104
|
-
*/
|
|
105
|
-
showBorder?: boolean;
|
|
106
|
-
}
|
|
107
|
-
//# sourceMappingURL=Tabs.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,KAAK,EAAE,OAAO,EAAE,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
|