siesa-ui-kit 1.0.4 → 1.0.5
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/claude/agents/siesa-ui-kit-specialist.md +2401 -2445
- package/claude/prompts/component-template.md +121 -121
- package/claude/settings.local.json +61 -72
- package/docs/border-radius.md +1261 -1261
- package/docs/colors.md +832 -832
- package/docs/dark-mode-guide.md +1426 -1426
- package/docs/filters.md +1243 -1243
- package/docs/icons.md +1283 -1264
- package/docs/shadows.md +1377 -1377
- package/docs/spacing.md +1684 -1684
- package/docs/typography.md +1268 -1268
- package/package.json +83 -111
- package/postcss.config.cjs +6 -6
- package/src/App.css +42 -42
- package/src/App.tsx +8 -8
- package/src/ButtonTest.tsx +147 -147
- package/src/assets/fonts/README.md +261 -261
- package/src/components/Alert/Alert.stories.tsx +332 -332
- package/src/components/Alert/Alert.tsx +106 -106
- package/src/components/Alert/Alert.types.ts +54 -54
- package/src/components/Avatar/Avatar.stories.tsx +494 -494
- package/src/components/Avatar/Avatar.tsx +143 -143
- package/src/components/Avatar/Avatar.types.ts +53 -53
- package/src/components/Badge/Badge.stories.tsx +339 -339
- package/src/components/Badge/Badge.tsx +278 -278
- package/src/components/Badge/Badge.types.ts +58 -58
- package/src/components/Button/Button.stories.tsx +950 -950
- package/src/components/Button/Button.tsx +337 -337
- package/src/components/Button/Button.types.ts +180 -180
- package/src/components/Button/icons.tsx +87 -48
- package/src/components/Button/index.ts +3 -3
- package/src/components/Checkbox/Checkbox.stories.tsx +453 -453
- package/src/components/Checkbox/Checkbox.tsx +208 -208
- package/src/components/Checkbox/Checkbox.types.ts +61 -61
- package/src/components/DescriptionList/DescriptionList.stories.tsx +250 -250
- package/src/components/DescriptionList/DescriptionList.tsx +96 -96
- package/src/components/DescriptionList/DescriptionList.types.ts +29 -29
- package/src/components/Divider/Divider.stories.tsx +263 -263
- package/src/components/Divider/Divider.tsx +80 -80
- package/src/components/Divider/Divider.types.ts +24 -24
- package/src/components/Dropdown/Dropdown.stories.tsx +552 -552
- package/src/components/Dropdown/Dropdown.tsx +422 -422
- package/src/components/Dropdown/Dropdown.types.ts +146 -146
- package/src/components/Dropdown/README.md +266 -266
- package/src/components/Dropdown/icons.tsx +72 -72
- package/src/components/Dropdown/index.ts +8 -8
- package/src/components/Input/Input.stories.tsx +583 -583
- package/src/components/Input/Input.tsx +204 -204
- package/src/components/Input/Input.types.ts +80 -80
- package/src/components/Input/icons.tsx +145 -145
- package/src/components/Input/index.ts +2 -2
- package/src/components/LoginView/LoginView.stories.tsx +148 -148
- package/src/components/LoginView/LoginView.tsx +426 -426
- package/src/components/LoginView/LoginView.types.ts +52 -52
- package/src/components/LoginView/README.md +396 -396
- package/src/components/LoginView/icons.tsx +85 -85
- package/src/components/LoginView/index.ts +3 -3
- package/src/components/Navbar/Navbar.stories.tsx +810 -810
- package/src/components/Navbar/Navbar.tsx +755 -755
- package/src/components/Navbar/Navbar.types.ts +219 -219
- package/src/components/Navbar/README.md +279 -279
- package/src/components/Navbar/icons.tsx +102 -102
- package/src/components/Navbar/index.ts +8 -8
- package/src/components/NavigationBar/NavigationBar.stories.tsx +406 -406
- package/src/components/NavigationBar/NavigationBar.tsx +246 -246
- package/src/components/NavigationBar/NavigationBar.types.ts +74 -74
- package/src/components/NavigationBar/README.md +469 -469
- package/src/components/NavigationBar/index.ts +2 -2
- package/src/components/NavigationRail/NavigationRail.stories.tsx +417 -417
- package/src/components/NavigationRail/NavigationRail.tsx +418 -418
- package/src/components/NavigationRail/NavigationRail.types.ts +109 -109
- package/src/components/NavigationRail/README.md +224 -224
- package/src/components/NavigationRail/index.ts +2 -2
- package/src/components/Notification/Notification.stories.tsx +513 -513
- package/src/components/Notification/Notification.tsx +145 -145
- package/src/components/Notification/Notification.types.ts +142 -142
- package/src/components/Notification/README.md +409 -409
- package/src/components/Notification/index.ts +3 -3
- package/src/components/POSConvention/POSConvention.stories.tsx +235 -235
- package/src/components/POSConvention/POSConvention.tsx +129 -129
- package/src/components/POSConvention/POSConvention.types.ts +38 -38
- package/src/components/POSConvention/README.md +123 -123
- package/src/components/POSConvention/icons.tsx +45 -45
- package/src/components/POSConvention/index.ts +3 -3
- package/src/components/POSLocationButton/POSLocationButton.stories.tsx +531 -531
- package/src/components/POSLocationButton/POSLocationButton.tsx +247 -247
- package/src/components/POSLocationButton/POSLocationButton.types.ts +87 -87
- package/src/components/POSLocationButton/README.md +253 -253
- package/src/components/POSLocationButton/icons.tsx +120 -120
- package/src/components/POSLocationButton/index.ts +14 -14
- package/src/components/POSNumberButton/POSNumberButton.stories.tsx +415 -415
- package/src/components/POSNumberButton/POSNumberButton.tsx +179 -179
- package/src/components/POSNumberButton/POSNumberButton.types.ts +51 -51
- package/src/components/POSNumberButton/README.md +321 -321
- package/src/components/POSNumberButton/index.ts +3 -3
- package/src/components/POSProductButton/POSProductButton.stories.tsx +318 -318
- package/src/components/POSProductButton/POSProductButton.tsx +152 -152
- package/src/components/POSProductButton/POSProductButton.types.ts +46 -46
- package/src/components/POSProductButton/README.md +269 -269
- package/src/components/POSProductButton/index.ts +2 -2
- package/src/components/POSProductCard/POSProductCard.stories.tsx +642 -642
- package/src/components/POSProductCard/POSProductCard.tsx +208 -208
- package/src/components/POSProductCard/POSProductCard.types.ts +76 -76
- package/src/components/POSProductCard/README.md +179 -179
- package/src/components/POSProductCard/icons.tsx +26 -26
- package/src/components/POSProductCard/index.ts +2 -2
- package/src/components/POSProductSidebarItems/POSProductSidebarItems.stories.tsx +753 -753
- package/src/components/POSProductSidebarItems/POSProductSidebarItems.tsx +332 -332
- package/src/components/POSProductSidebarItems/POSProductSidebarItems.types.ts +119 -119
- package/src/components/POSProductSidebarItems/README.md +198 -198
- package/src/components/POSProductSidebarItems/icons.tsx +21 -21
- package/src/components/POSProductSidebarItems/index.ts +3 -3
- package/src/components/POSTable/POSTable.stories.tsx +737 -737
- package/src/components/POSTable/POSTable.tsx +401 -401
- package/src/components/POSTable/POSTable.types.ts +83 -83
- package/src/components/POSTable/README.md +286 -286
- package/src/components/POSTable/index.ts +7 -7
- package/src/components/Pagination/Pagination.stories.tsx +555 -555
- package/src/components/Pagination/Pagination.tsx +286 -286
- package/src/components/Pagination/Pagination.types.ts +93 -93
- package/src/components/Pagination/README.md +298 -298
- package/src/components/Pagination/icons.tsx +47 -47
- package/src/components/Pagination/index.ts +3 -3
- package/src/components/Quantity/Quantity.stories.tsx +457 -457
- package/src/components/Quantity/Quantity.tsx +289 -289
- package/src/components/Quantity/Quantity.types.ts +70 -70
- package/src/components/Radio/Radio.stories.tsx +523 -523
- package/src/components/Radio/Radio.tsx +170 -170
- package/src/components/Radio/Radio.types.ts +122 -122
- package/src/components/Select/README.md +299 -299
- package/src/components/Select/Select.stories.tsx +673 -705
- package/src/components/Select/Select.tsx +454 -457
- package/src/components/Select/Select.types.ts +148 -148
- package/src/components/Select/icons.tsx +50 -25
- package/src/components/Select/index.ts +3 -3
- package/src/components/SignUpView/SignUpView.stories.tsx +129 -129
- package/src/components/SignUpView/SignUpView.tsx +503 -503
- package/src/components/SignUpView/SignUpView.types.ts +58 -58
- package/src/components/SignUpView/icons.tsx +71 -71
- package/src/components/SignUpView/index.ts +3 -3
- package/src/components/Switch/README.md +112 -112
- package/src/components/Switch/Switch.stories.tsx +550 -550
- package/src/components/Switch/Switch.tsx +246 -246
- package/src/components/Switch/Switch.types.ts +67 -67
- package/src/components/Table/README.md +369 -369
- package/src/components/Table/Table.stories.tsx +805 -805
- package/src/components/Table/Table.tsx +688 -688
- package/src/components/Table/Table.types.ts +204 -204
- package/src/components/Table/index.ts +9 -9
- package/src/components/Tabs/README.md +201 -201
- package/src/components/Tabs/Tabs.stories.tsx +580 -580
- package/src/components/Tabs/Tabs.tsx +356 -356
- package/src/components/Tabs/Tabs.types.ts +127 -127
- package/src/components/Tabs/icons.tsx +129 -129
- package/src/components/Tabs/index.ts +11 -11
- package/src/components/Textarea/Textarea.stories.tsx +535 -535
- package/src/components/Textarea/Textarea.tsx +188 -188
- package/src/components/Textarea/Textarea.types.ts +54 -54
- package/src/context/ThemeContext.tsx +99 -99
- package/src/context/index.ts +1 -1
- package/src/index.css +29 -29
- package/src/index.ts +39 -133
- package/src/main.tsx +10 -10
- package/src/views/ProductsView/ProductsView.stories.tsx +344 -344
- package/src/views/ProductsView/ProductsView.tsx +480 -480
- package/src/views/ProductsView/ProductsView.types.ts +238 -238
- package/src/views/ProductsView/README.md +312 -312
- package/src/views/ProductsView/icons.tsx +38 -38
- package/src/views/ProductsView/index.ts +8 -8
- package/src/views/RecoverPasswordView/README.md +269 -269
- package/src/views/RecoverPasswordView/RecoverPasswordView.stories.tsx +131 -131
- package/src/views/RecoverPasswordView/RecoverPasswordView.tsx +376 -376
- package/src/views/RecoverPasswordView/RecoverPasswordView.types.ts +56 -56
- package/src/views/RecoverPasswordView/icons.tsx +17 -17
- package/src/views/RecoverPasswordView/index.ts +2 -2
- package/src/views/TableLayoutView/README.md +268 -268
- package/src/views/TableLayoutView/TableLayoutView.stories.tsx +235 -235
- package/src/views/TableLayoutView/TableLayoutView.tsx +461 -461
- package/src/views/TableLayoutView/TableLayoutView.types.ts +209 -209
- package/src/views/TableLayoutView/icons.tsx +113 -113
- package/src/views/TableLayoutView/index.ts +6 -6
- package/storybook/main.ts +19 -19
- package/storybook/preview.tsx +84 -84
- package/storybook/vitest.setup.ts +6 -6
- package/tailwind.config.js +128 -128
- package/claude/prompts/siesa-ui-kit.md +0 -28
- 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/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/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/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/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/dist/siesa-ui-kit.cjs
DELETED
|
@@ -1,1474 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react");function Oe(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(a,n,t.get?t:{enumerable:!0,get:()=>r[n]})}}return a.default=r,Object.freeze(a)}const Z=Oe(j),D=({type:r="default",size:a="base",iconOnly:n=!1,leftIcon:t,rightIcon:s,children:o,disabled:x=!1,className:c="",onClick:i,htmlType:u="button",fullWidth:l=!1,ariaLabel:p,badge:f=!1,badgeCount:h,badgeColor:b="red",...m})=>{const d={xs:n?"h-6 w-6 p-1":"h-6 py-1 px-2 gap-2",sm:n?"h-7 w-7 p-1.5":"h-7 py-1 px-2 gap-2",base:n?"h-8 w-8 p-2":"h-8 py-1.5 px-2.5 gap-2",l:n?"h-9 w-9 p-2.5":"h-9 py-2 px-3 gap-3",xl:n?"h-10 w-10 p-3":"h-10 py-2 px-4 gap-3"},g={xs:"w-4 h-4",sm:"w-4 h-4",base:"w-4 h-4",l:"w-4 h-4",xl:"w-4 h-4"},y={xs:"text-xs",sm:"text-sm",base:"text-sm",l:"text-sm",xl:"text-sm"},k={default:`
|
|
2
|
-
bg-primary-custom-600
|
|
3
|
-
text-primary-inverse-content
|
|
4
|
-
border
|
|
5
|
-
border-primary-inverse-border
|
|
6
|
-
shadow-button-inset
|
|
7
|
-
hover:bg-primary-custom-500
|
|
8
|
-
active:scale-95
|
|
9
|
-
transition-all
|
|
10
|
-
duration-150
|
|
11
|
-
dark:bg-dark-bg-inverse
|
|
12
|
-
dark:text-dark-content-inverse
|
|
13
|
-
dark:border-dark-border-inverse
|
|
14
|
-
dark:hover:bg-dark-bg-inverse/90
|
|
15
|
-
`,outline:`
|
|
16
|
-
bg-transparent
|
|
17
|
-
text-primary-custom-600
|
|
18
|
-
border
|
|
19
|
-
border-primary-custom-300
|
|
20
|
-
shadow-sm
|
|
21
|
-
hover:bg-primary-custom-100
|
|
22
|
-
active:scale-95
|
|
23
|
-
transition-all
|
|
24
|
-
duration-150
|
|
25
|
-
dark:text-dark-content-custom
|
|
26
|
-
dark:border-dark-border-custom
|
|
27
|
-
dark:hover:bg-dark-bg-custom/20
|
|
28
|
-
`,plain:`
|
|
29
|
-
bg-transparent
|
|
30
|
-
text-primary-custom-600
|
|
31
|
-
border
|
|
32
|
-
border-transparent
|
|
33
|
-
hover:bg-hover-overlay
|
|
34
|
-
active:scale-95
|
|
35
|
-
transition-all
|
|
36
|
-
duration-150
|
|
37
|
-
dark:text-dark-content-custom
|
|
38
|
-
dark:hover:bg-hover-overlay-dark
|
|
39
|
-
`},N=`
|
|
40
|
-
inline-flex
|
|
41
|
-
items-center
|
|
42
|
-
justify-center
|
|
43
|
-
rounded-md
|
|
44
|
-
font-bold
|
|
45
|
-
whitespace-nowrap
|
|
46
|
-
focus:outline-none
|
|
47
|
-
focus:ring-4
|
|
48
|
-
focus:ring-primary-custom-400
|
|
49
|
-
focus:ring-offset-2
|
|
50
|
-
focus:ring-offset-primary-custom-100
|
|
51
|
-
dark:focus:ring-dark-border-custom
|
|
52
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
53
|
-
disabled:opacity-50
|
|
54
|
-
disabled:cursor-not-allowed
|
|
55
|
-
disabled:pointer-events-none
|
|
56
|
-
`,w=l?"w-full":"",v=[N,d[a],k[r],w,c].join(" ").replace(/\s+/g," ").trim(),S=z=>z?e.jsx("span",{className:`inline-flex items-center justify-center ${g[a]}`,children:z}):null,V=()=>n?S(t):e.jsxs(e.Fragment,{children:[t&&S(t),o&&e.jsx("span",{className:y[a],children:o}),s&&S(s)]}),L={zinc:{bg:"bg-zinc-600",text:"text-white"},red:{bg:"bg-red-700",text:"text-white"},orange:{bg:"bg-orange-700",text:"text-white"},amber:{bg:"bg-amber-700",text:"text-white"},yellow:{bg:"bg-yellow-700",text:"text-white"},lime:{bg:"bg-lime-700",text:"text-white"},green:{bg:"bg-green-700",text:"text-white"},emerald:{bg:"bg-emerald-700",text:"text-white"},teal:{bg:"bg-teal-700",text:"text-white"},cyan:{bg:"bg-cyan-700",text:"text-white"},sky:{bg:"bg-sky-700",text:"text-white"},blue:{bg:"bg-blue-700",text:"text-white"},indigo:{bg:"bg-indigo-700",text:"text-white"},violet:{bg:"bg-violet-700",text:"text-white"},purple:{bg:"bg-purple-700",text:"text-white"},fuchsia:{bg:"bg-fuchsia-700",text:"text-white"},pink:{bg:"bg-pink-700",text:"text-white"},rose:{bg:"bg-rose-700",text:"text-white"},primary:{bg:"bg-primary-custom-600",text:"text-white"},secondary:{bg:"bg-zinc-600",text:"text-white"},tertiary:{bg:"bg-zinc-600",text:"text-white"}},$=L[b]||L.red,H=()=>!f&&h===void 0?null:h!==void 0?e.jsx("span",{className:`
|
|
57
|
-
absolute
|
|
58
|
-
-top-1
|
|
59
|
-
-right-1
|
|
60
|
-
flex
|
|
61
|
-
items-center
|
|
62
|
-
justify-center
|
|
63
|
-
min-w-[16px]
|
|
64
|
-
h-4
|
|
65
|
-
px-1
|
|
66
|
-
rounded-full
|
|
67
|
-
text-[10px]
|
|
68
|
-
font-bold
|
|
69
|
-
leading-none
|
|
70
|
-
${$.bg}
|
|
71
|
-
${$.text}
|
|
72
|
-
pointer-events-none
|
|
73
|
-
`.trim().replace(/\s+/g," "),"aria-label":`${h} notificaciones`,children:h>99?"99+":h}):e.jsx("span",{className:`
|
|
74
|
-
absolute
|
|
75
|
-
-top-1
|
|
76
|
-
-right-1
|
|
77
|
-
w-2
|
|
78
|
-
h-2
|
|
79
|
-
rounded-full
|
|
80
|
-
${$.bg}
|
|
81
|
-
pointer-events-none
|
|
82
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Notificación"});return e.jsxs("button",{type:u,className:`${v} ${f||h!==void 0?"relative":""}`,disabled:x,onClick:i,"aria-label":p,...m,children:[V(),H()]})},Y=j.forwardRef(({label:r,labelSecondary:a,helperText:n,error:t=!1,errorMessage:s,leftIcon:o,rightIcon:x,fullWidth:c=!1,className:i="",disabled:u=!1,id:l,...p},f)=>{const h=l||`input-${Math.random().toString(36).substr(2,9)}`,b=`
|
|
83
|
-
w-full
|
|
84
|
-
px-3
|
|
85
|
-
py-1.5
|
|
86
|
-
text-sm
|
|
87
|
-
leading-6
|
|
88
|
-
font-normal
|
|
89
|
-
text-content-primary
|
|
90
|
-
bg-bg-primary
|
|
91
|
-
border
|
|
92
|
-
border-border-primary
|
|
93
|
-
rounded-md
|
|
94
|
-
outline-none
|
|
95
|
-
transition-all
|
|
96
|
-
duration-150
|
|
97
|
-
placeholder:text-content-tertiary
|
|
98
|
-
dark:bg-dark-bg-primary
|
|
99
|
-
dark:border-dark-border-primary
|
|
100
|
-
dark:text-dark-content-primary
|
|
101
|
-
dark:placeholder:text-dark-content-tertiary
|
|
102
|
-
`,m=u?`
|
|
103
|
-
opacity-50
|
|
104
|
-
cursor-not-allowed
|
|
105
|
-
bg-bg-secondary
|
|
106
|
-
dark:bg-dark-bg-secondary
|
|
107
|
-
`:`
|
|
108
|
-
hover:border-primary-custom-600
|
|
109
|
-
focus:border-primary-custom-600
|
|
110
|
-
focus:ring-2
|
|
111
|
-
focus:ring-primary-custom-400
|
|
112
|
-
focus:ring-offset-2
|
|
113
|
-
dark:hover:border-dark-border-custom
|
|
114
|
-
dark:focus:border-dark-border-custom
|
|
115
|
-
dark:focus:ring-dark-border-custom
|
|
116
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
117
|
-
`,d=t?`
|
|
118
|
-
!border-error-border
|
|
119
|
-
focus:!ring-error-border/30
|
|
120
|
-
focus:!ring-offset-2
|
|
121
|
-
dark:!border-error-border
|
|
122
|
-
dark:focus:!ring-error-border/30
|
|
123
|
-
dark:focus:!ring-offset-dark-bg-primary
|
|
124
|
-
`:"",g=c?"w-full":"w-[265px]",y=k=>{if(!k)return null;const N=k.props.className||"";return j.cloneElement(k,{className:`w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary ${N}`})};return e.jsxs("div",{className:`flex flex-col gap-2 ${g} ${i}`,children:[r&&e.jsxs("label",{htmlFor:h,className:"flex items-center w-full font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:[e.jsx("span",{className:"flex-1",children:r}),a&&e.jsx("span",{className:"text-xs leading-4 text-primary-custom-600 dark:text-primary-custom-600",children:a})]}),e.jsxs("div",{className:"relative flex items-center",children:[o&&e.jsx("div",{className:"absolute left-3 pointer-events-none",children:y(o)}),e.jsx("input",{ref:f,id:h,disabled:u,className:`
|
|
125
|
-
${b}
|
|
126
|
-
${m}
|
|
127
|
-
${d}
|
|
128
|
-
${o?"pl-9":""}
|
|
129
|
-
${x?"pr-9":""}
|
|
130
|
-
`.trim().replace(/\s+/g," "),...p}),x&&e.jsx("div",{className:"absolute right-3 pointer-events-none",children:y(x)})]}),(n||s)&&e.jsx("p",{className:`
|
|
131
|
-
text-xs
|
|
132
|
-
leading-5
|
|
133
|
-
${t?"text-error-content dark:text-error-content":"text-content-tertiary dark:text-dark-content-tertiary"}
|
|
134
|
-
`.trim().replace(/\s+/g," "),children:t&&s?s:n})]})});Y.displayName="Input";const $e=j.forwardRef(({label:r,description:a,helperText:n,error:t=!1,errorMessage:s,fullWidth:o=!1,resize:x="vertical",className:c="",disabled:i=!1,id:u,rows:l=4,...p},f)=>{const h=u||`textarea-${Math.random().toString(36).substr(2,9)}`,b=`
|
|
135
|
-
w-full
|
|
136
|
-
px-3
|
|
137
|
-
pr-1.5
|
|
138
|
-
py-1.5
|
|
139
|
-
text-base
|
|
140
|
-
leading-6
|
|
141
|
-
font-normal
|
|
142
|
-
bg-bg-primary
|
|
143
|
-
border
|
|
144
|
-
border-border-primary
|
|
145
|
-
rounded-lg
|
|
146
|
-
outline-none
|
|
147
|
-
transition-all
|
|
148
|
-
duration-150
|
|
149
|
-
placeholder:text-content-tertiary
|
|
150
|
-
dark:bg-dark-bg-primary
|
|
151
|
-
dark:border-dark-border-primary
|
|
152
|
-
dark:text-dark-content-primary
|
|
153
|
-
dark:placeholder:text-dark-content-tertiary
|
|
154
|
-
`,m=i?`
|
|
155
|
-
opacity-50
|
|
156
|
-
cursor-not-allowed
|
|
157
|
-
bg-bg-secondary
|
|
158
|
-
dark:bg-dark-bg-secondary
|
|
159
|
-
`:`
|
|
160
|
-
hover:border-zinc-400
|
|
161
|
-
focus:border-2
|
|
162
|
-
focus:border-primary-custom-600
|
|
163
|
-
dark:hover:border-zinc-500
|
|
164
|
-
dark:focus:border-2
|
|
165
|
-
dark:focus:border-dark-border-custom
|
|
166
|
-
`,d=t?`
|
|
167
|
-
!border-error-border
|
|
168
|
-
focus:!border-2
|
|
169
|
-
focus:!border-error-border
|
|
170
|
-
dark:!border-error-border
|
|
171
|
-
dark:focus:!border-2
|
|
172
|
-
dark:focus:!border-error-border
|
|
173
|
-
`:"",g=x==="none"?"resize-none":x==="vertical"?"resize-y":x==="horizontal"?"resize-x":"resize",y=o?"w-full":"w-[312px]";return e.jsxs("div",{className:`flex flex-col gap-2 ${y} ${c}`,children:[(r||a)&&e.jsxs("div",{className:"flex flex-col gap-1 w-full",children:[r&&e.jsx("label",{htmlFor:h,className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:r}),a&&e.jsx("p",{className:"text-sm leading-5 text-content-secondary dark:text-dark-content-secondary",children:a})]}),e.jsx("textarea",{ref:f,id:h,disabled:i,rows:l,className:`
|
|
174
|
-
${b}
|
|
175
|
-
${m}
|
|
176
|
-
${d}
|
|
177
|
-
${g}
|
|
178
|
-
`.trim().replace(/\s+/g," "),...p}),(n||s)&&e.jsx("p",{className:`
|
|
179
|
-
text-sm
|
|
180
|
-
leading-5
|
|
181
|
-
text-content-tertiary
|
|
182
|
-
dark:text-dark-content-tertiary
|
|
183
|
-
`.trim().replace(/\s+/g," "),children:t&&s?s:n})]})});$e.displayName="Textarea";const Be=j.forwardRef(({label:r,description:a,checked:n=!1,indeterminate:t=!1,disabled:s=!1,className:o="",id:x,onChange:c,...i},u)=>{const l=j.useRef(null),p=u||l,f=x||`checkbox-${Math.random().toString(36).substr(2,9)}`;j.useEffect(()=>{p.current&&(p.current.indeterminate=t)},[t,p]);const d=[`
|
|
184
|
-
w-4
|
|
185
|
-
h-4
|
|
186
|
-
rounded
|
|
187
|
-
border
|
|
188
|
-
border-border-primary
|
|
189
|
-
bg-bg-primary
|
|
190
|
-
transition-all
|
|
191
|
-
duration-150
|
|
192
|
-
flex
|
|
193
|
-
items-center
|
|
194
|
-
justify-center
|
|
195
|
-
dark:bg-dark-bg-primary
|
|
196
|
-
dark:border-dark-border-primary
|
|
197
|
-
`,s?`
|
|
198
|
-
opacity-50
|
|
199
|
-
cursor-not-allowed
|
|
200
|
-
`:n||t?`
|
|
201
|
-
peer-hover:border-[#50a5f7]
|
|
202
|
-
peer-focus:ring-2
|
|
203
|
-
peer-focus:ring-primary-custom-400/20
|
|
204
|
-
peer-focus:border-primary-custom-600
|
|
205
|
-
dark:peer-hover:border-[#50a5f7]
|
|
206
|
-
dark:peer-focus:border-dark-border-custom
|
|
207
|
-
dark:peer-focus:ring-dark-border-custom/20
|
|
208
|
-
`:`
|
|
209
|
-
peer-hover:border-[#b6b6b9]
|
|
210
|
-
peer-focus:ring-2
|
|
211
|
-
peer-focus:ring-primary-custom-400/20
|
|
212
|
-
peer-focus:border-primary-custom-600
|
|
213
|
-
dark:peer-hover:border-[#b6b6b9]
|
|
214
|
-
dark:peer-focus:border-dark-border-custom
|
|
215
|
-
dark:peer-focus:ring-dark-border-custom/20
|
|
216
|
-
`,n||t?`
|
|
217
|
-
!bg-primary-custom-600
|
|
218
|
-
!border-primary-custom-500
|
|
219
|
-
shadow-button-inset
|
|
220
|
-
dark:!bg-dark-bg-inverse
|
|
221
|
-
dark:!border-dark-bg-inverse
|
|
222
|
-
`:"",s?"cursor-not-allowed":"cursor-pointer"].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:`inline-flex gap-3 items-start ${o}`,children:[e.jsxs("div",{className:"flex items-center justify-center h-5 w-4 shrink-0",children:[e.jsx("input",{ref:p,type:"checkbox",id:f,checked:n,disabled:s,onChange:c,className:"peer sr-only",...i}),e.jsxs("label",{htmlFor:f,className:d,children:[n&&!t&&e.jsx("svg",{className:"w-3 h-3 text-primary-inverse-content pointer-events-none",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&e.jsx("svg",{className:"w-3 h-3 text-primary-inverse-content pointer-events-none",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2 6H10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})]})]}),(r||a)&&e.jsxs("label",{htmlFor:f,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${s?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[r&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:r}),a&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:a})]})]})});Be.displayName="Checkbox";const Se=j.forwardRef(({label:r,description:a,checked:n=!1,disabled:t=!1,className:s="",id:o,onChange:x,value:c,name:i,...u},l)=>{const p=o||`radio-${Math.random().toString(36).substr(2,9)}`,f=`
|
|
223
|
-
w-4
|
|
224
|
-
h-4
|
|
225
|
-
rounded-full
|
|
226
|
-
border
|
|
227
|
-
border-border-primary
|
|
228
|
-
bg-bg-primary
|
|
229
|
-
transition-all
|
|
230
|
-
duration-150
|
|
231
|
-
flex
|
|
232
|
-
items-center
|
|
233
|
-
justify-center
|
|
234
|
-
dark:bg-dark-bg-primary
|
|
235
|
-
dark:border-dark-border-primary
|
|
236
|
-
`,h=t?`
|
|
237
|
-
opacity-50
|
|
238
|
-
cursor-not-allowed
|
|
239
|
-
`:`
|
|
240
|
-
peer-hover:border-primary-custom-600
|
|
241
|
-
peer-focus:ring-2
|
|
242
|
-
peer-focus:ring-primary-custom-400
|
|
243
|
-
peer-focus:border-primary-custom-600
|
|
244
|
-
dark:peer-hover:border-dark-border-custom
|
|
245
|
-
dark:peer-focus:ring-dark-border-custom
|
|
246
|
-
dark:peer-focus:border-dark-border-custom
|
|
247
|
-
`,b=n?`
|
|
248
|
-
!bg-primary-custom-600
|
|
249
|
-
!border-primary-inverse-border
|
|
250
|
-
shadow-inner
|
|
251
|
-
dark:!bg-dark-bg-inverse
|
|
252
|
-
dark:!border-dark-bg-inverse
|
|
253
|
-
`:"";return e.jsxs("div",{className:`flex gap-3 items-start ${s}`,children:[e.jsxs("div",{className:"flex items-center justify-center h-5 w-4 shrink-0",children:[e.jsx("input",{ref:l,type:"radio",id:p,checked:n,disabled:t,onChange:x,value:c,name:i,className:"peer sr-only",...u}),e.jsx("label",{htmlFor:p,className:`
|
|
254
|
-
${f}
|
|
255
|
-
${h}
|
|
256
|
-
${b}
|
|
257
|
-
${t?"cursor-not-allowed":"cursor-pointer"}
|
|
258
|
-
`.trim().replace(/\s+/g," "),children:n&&e.jsx("div",{className:"w-1.5 h-1.5 bg-white rounded-full dark:bg-dark-content-inverse"})})]}),(r||a)&&e.jsxs("label",{htmlFor:p,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${t?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[r&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:r}),a&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:a})]})]})});Se.displayName="Radio";const ie=j.forwardRef(({label:r,description:a,labelPosition:n="leading",checked:t=!1,disabled:s=!1,className:o="",id:x,onChange:c,ariaLabel:i,...u},l)=>{const p=x||`switch-${Math.random().toString(36).substr(2,9)}`,f=`
|
|
259
|
-
w-8
|
|
260
|
-
h-5
|
|
261
|
-
rounded-xl
|
|
262
|
-
border
|
|
263
|
-
overflow-hidden
|
|
264
|
-
relative
|
|
265
|
-
transition-all
|
|
266
|
-
duration-200
|
|
267
|
-
`,h=()=>s?t?`
|
|
268
|
-
bg-primary-custom-600
|
|
269
|
-
border-primary-inverse-border
|
|
270
|
-
opacity-50
|
|
271
|
-
cursor-not-allowed
|
|
272
|
-
dark:bg-primary-custom-600
|
|
273
|
-
dark:border-primary-inverse-border
|
|
274
|
-
`:`
|
|
275
|
-
bg-[#fafafa]
|
|
276
|
-
border-border-primary
|
|
277
|
-
opacity-50
|
|
278
|
-
cursor-not-allowed
|
|
279
|
-
dark:bg-dark-bg-primary
|
|
280
|
-
dark:border-dark-border-primary
|
|
281
|
-
`:t?`
|
|
282
|
-
bg-primary-custom-600
|
|
283
|
-
border-primary-inverse-border
|
|
284
|
-
cursor-pointer
|
|
285
|
-
peer-hover:border-[#307cc5]
|
|
286
|
-
peer-focus:shadow-lg
|
|
287
|
-
dark:bg-primary-custom-600
|
|
288
|
-
dark:border-primary-inverse-border
|
|
289
|
-
dark:peer-hover:border-[#307cc5]
|
|
290
|
-
dark:peer-focus:shadow-lg
|
|
291
|
-
`:`
|
|
292
|
-
bg-[#fafafa]
|
|
293
|
-
border-border-primary
|
|
294
|
-
cursor-pointer
|
|
295
|
-
peer-hover:border-[#b6b6b9]
|
|
296
|
-
peer-focus:shadow-lg
|
|
297
|
-
dark:bg-dark-bg-primary
|
|
298
|
-
dark:border-dark-border-primary
|
|
299
|
-
dark:peer-hover:border-[#b6b6b9]
|
|
300
|
-
dark:peer-focus:shadow-lg
|
|
301
|
-
`,b=()=>{const k=`
|
|
302
|
-
absolute
|
|
303
|
-
w-4
|
|
304
|
-
h-4
|
|
305
|
-
bg-white
|
|
306
|
-
rounded-[10px]
|
|
307
|
-
border
|
|
308
|
-
top-1/2
|
|
309
|
-
-translate-y-1/2
|
|
310
|
-
transition-all
|
|
311
|
-
duration-200
|
|
312
|
-
`,N=t?"left-[13px]":"left-px";return s?`${k} ${N} ${t?"border-primary-inverse-border dark:border-primary-inverse-border":"border-border-primary dark:border-dark-border-primary"}`:`${k} ${N} ${t?`
|
|
313
|
-
border-primary-inverse-border
|
|
314
|
-
peer-hover:border-[#307cc5]
|
|
315
|
-
dark:border-primary-inverse-border
|
|
316
|
-
dark:peer-hover:border-[#307cc5]
|
|
317
|
-
`:`
|
|
318
|
-
border-border-primary
|
|
319
|
-
peer-hover:border-[#b6b6b9]
|
|
320
|
-
dark:border-dark-border-primary
|
|
321
|
-
dark:peer-hover:border-[#b6b6b9]
|
|
322
|
-
`}`},m=[f,h()].join(" ").replace(/\s+/g," ").trim(),d=b().replace(/\s+/g," ").trim(),g=r||a?e.jsxs("label",{htmlFor:p,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${s?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[r&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:r}),a&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:a})]}):null,y=e.jsxs("div",{className:"flex items-center justify-center shrink-0",children:[e.jsx("input",{ref:l,type:"checkbox",id:p,checked:t,disabled:s,onChange:c,className:"peer sr-only","aria-label":i||r,...u}),e.jsx("label",{htmlFor:p,className:m,"aria-hidden":"true",children:e.jsx("div",{className:d})})]});return e.jsx("div",{className:`flex gap-2 items-center w-[344px] ${o}`,children:n==="leading"?e.jsxs(e.Fragment,{children:[g,y]}):e.jsxs(e.Fragment,{children:[y,g]})})});ie.displayName="Switch";const de=j.forwardRef(({size:r="10",type:a="circular",src:n,alt:t="",initials:s,className:o="",...x},c)=>{const i={4:"w-5 h-5",6:"w-6 h-6",8:"w-8 h-8",10:"w-10 h-10"},u={4:"text-xs",6:"text-xs",8:"text-sm",10:"text-base"},l={circular:"rounded-full",rounded:"rounded-md"},p=`
|
|
323
|
-
relative
|
|
324
|
-
inline-flex
|
|
325
|
-
items-center
|
|
326
|
-
justify-center
|
|
327
|
-
overflow-hidden
|
|
328
|
-
${i[r]}
|
|
329
|
-
${l[a]}
|
|
330
|
-
`;return n?e.jsx("div",{ref:c,className:`${p} ${o}`.trim().replace(/\s+/g," "),children:e.jsx("img",{src:n,alt:t,className:"w-full h-full object-cover",...x})}):s?e.jsx("div",{ref:c,className:`
|
|
331
|
-
${p}
|
|
332
|
-
${u[r]}
|
|
333
|
-
bg-content-primary
|
|
334
|
-
text-white
|
|
335
|
-
font-normal
|
|
336
|
-
dark:bg-dark-bg-inverse
|
|
337
|
-
dark:text-dark-content-inverse
|
|
338
|
-
${o}
|
|
339
|
-
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:"leading-none",children:s})}):e.jsx("div",{ref:c,className:`
|
|
340
|
-
${p}
|
|
341
|
-
bg-background-secondary
|
|
342
|
-
dark:bg-dark-bg-primary
|
|
343
|
-
${o}
|
|
344
|
-
`.trim().replace(/\s+/g," ")})});de.displayName="Avatar";const G=j.forwardRef(({type:r="default",className:a="",...n},t)=>{const x=["w-full h-px border-0",{default:"bg-border-primary dark:bg-dark-border-primary",soft:"bg-border-secondary dark:bg-gray-700"}[r],a].join(" ").replace(/\s+/g," ").trim();return e.jsx("hr",{ref:t,className:x,...n})});G.displayName="Divider";const Re=j.forwardRef(({term:r,details:a,className:n="",...t},s)=>{const o=`
|
|
345
|
-
flex
|
|
346
|
-
flex-wrap
|
|
347
|
-
gap-1
|
|
348
|
-
items-start
|
|
349
|
-
py-2.5
|
|
350
|
-
border-b
|
|
351
|
-
border-border-secondary
|
|
352
|
-
dark:border-gray-700
|
|
353
|
-
`,x="flex-1 min-w-[180px]",c=[o,n].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:s,className:c,...t,children:[e.jsx("div",{className:x,children:e.jsx("p",{className:"text-sm leading-5 text-content-secondary dark:text-gray-400 font-normal",children:r})}),e.jsx("div",{className:x,children:e.jsx("p",{className:"text-sm leading-5 text-content-primary dark:text-dark-content-primary font-normal",children:a})})]})});Re.displayName="DescriptionList";const Ie=j.forwardRef(({title:r,description:a,children:n,actions:t,onCancel:s,onConfirm:o,cancelText:x="Cancelar",confirmText:c="Confirmar",className:i="",...u},l)=>{const p=t||e.jsxs(e.Fragment,{children:[s&&e.jsx(D,{type:"plain",size:"base",onClick:s,children:x}),o&&e.jsx(D,{type:"default",size:"base",onClick:o,children:c})]});return e.jsx("div",{ref:l,className:`
|
|
354
|
-
w-[512px]
|
|
355
|
-
bg-white
|
|
356
|
-
dark:bg-dark-bg-primary
|
|
357
|
-
border
|
|
358
|
-
border-border-primary
|
|
359
|
-
dark:border-dark-border-primary
|
|
360
|
-
rounded-xl
|
|
361
|
-
${i}
|
|
362
|
-
`.trim().replace(/\s+/g," "),...u,children:e.jsxs("div",{className:"p-6 flex flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("p",{className:"text-sm leading-5 font-bold text-content-primary dark:text-dark-content-primary",children:r}),a&&e.jsx("p",{className:"text-sm leading-5 font-normal text-content-tertiary dark:text-content-tertiary",children:a})]}),n&&e.jsx("div",{className:"flex flex-col gap-3",children:n}),e.jsx("div",{className:"flex flex-wrap gap-3 items-center justify-end",children:p})]})})});Ie.displayName="Alert";const K=j.forwardRef(({color:r="zinc",leftIcon:a,label:n,count:t,className:s="",...o},x)=>{const i={zinc:{bg:"bg-zinc-100",text:"text-zinc-600",hover:"hover:bg-zinc-200",notificationBg:"bg-zinc-600",notificationText:"text-zinc-100"},red:{bg:"bg-red-100",text:"text-red-700",hover:"hover:bg-red-200",notificationBg:"bg-red-700",notificationText:"text-red-100"},orange:{bg:"bg-orange-100",text:"text-orange-700",hover:"hover:bg-orange-200",notificationBg:"bg-orange-700",notificationText:"text-orange-100"},amber:{bg:"bg-amber-100",text:"text-amber-700",hover:"hover:bg-amber-200",notificationBg:"bg-amber-700",notificationText:"text-amber-100"},yellow:{bg:"bg-yellow-100",text:"text-yellow-700",hover:"hover:bg-yellow-200",notificationBg:"bg-yellow-700",notificationText:"text-yellow-100"},lime:{bg:"bg-lime-100",text:"text-lime-700",hover:"hover:bg-lime-200",notificationBg:"bg-lime-700",notificationText:"text-lime-100"},green:{bg:"bg-green-100",text:"text-green-700",hover:"hover:bg-green-200",notificationBg:"bg-green-700",notificationText:"text-green-100"},emerald:{bg:"bg-emerald-100",text:"text-emerald-700",hover:"hover:bg-emerald-200",notificationBg:"bg-emerald-700",notificationText:"text-emerald-100"},teal:{bg:"bg-teal-100",text:"text-teal-700",hover:"hover:bg-teal-200",notificationBg:"bg-teal-700",notificationText:"text-teal-100"},cyan:{bg:"bg-cyan-100",text:"text-cyan-700",hover:"hover:bg-cyan-200",notificationBg:"bg-cyan-700",notificationText:"text-cyan-100"},sky:{bg:"bg-sky-100",text:"text-sky-700",hover:"hover:bg-sky-200",notificationBg:"bg-sky-700",notificationText:"text-sky-100"},blue:{bg:"bg-blue-100",text:"text-blue-700",hover:"hover:bg-blue-200",notificationBg:"bg-blue-700",notificationText:"text-blue-100"},indigo:{bg:"bg-indigo-100",text:"text-indigo-700",hover:"hover:bg-indigo-200",notificationBg:"bg-indigo-700",notificationText:"text-indigo-100"},violet:{bg:"bg-violet-100",text:"text-violet-700",hover:"hover:bg-violet-200",notificationBg:"bg-violet-700",notificationText:"text-violet-100"},purple:{bg:"bg-purple-100",text:"text-purple-700",hover:"hover:bg-purple-200",notificationBg:"bg-purple-700",notificationText:"text-purple-100"},fuchsia:{bg:"bg-fuchsia-100",text:"text-fuchsia-700",hover:"hover:bg-fuchsia-200",notificationBg:"bg-fuchsia-700",notificationText:"text-fuchsia-100"},pink:{bg:"bg-pink-100",text:"text-pink-700",hover:"hover:bg-pink-200",notificationBg:"bg-pink-700",notificationText:"text-pink-100"},rose:{bg:"bg-rose-100",text:"text-rose-700",hover:"hover:bg-rose-200",notificationBg:"bg-rose-700",notificationText:"text-rose-100"},primary:{bg:"bg-primary-custom-100",text:"text-primary-custom-600",hover:"hover:bg-primary-custom-200",notificationBg:"bg-primary-custom-600",notificationText:"text-primary-custom-100"},secondary:{bg:"bg-zinc-100",text:"text-zinc-600",hover:"hover:bg-zinc-200",notificationBg:"bg-zinc-600",notificationText:"text-zinc-100"},tertiary:{bg:"bg-zinc-100",text:"text-zinc-600",hover:"hover:bg-zinc-200",notificationBg:"bg-zinc-600",notificationText:"text-zinc-100"}}[r],u=p=>{const f=p.props.className||"";return j.cloneElement(p,{className:`w-3 h-3 ${f}`.trim()})},l=["inline-flex","items-center","gap-1","px-1.5","py-1","rounded-md","font-sans",i.bg,i.hover,"transition-colors","duration-200",s].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:x,className:l,...o,children:[a&&e.jsx("div",{className:`flex items-center justify-center ${i.text}`,children:u(a)}),e.jsx("span",{className:`font-sans text-xs leading-4 ${i.text}`,children:n}),t!==void 0&&e.jsx("div",{className:`
|
|
363
|
-
h-3
|
|
364
|
-
flex
|
|
365
|
-
items-center
|
|
366
|
-
justify-center
|
|
367
|
-
px-0.5
|
|
368
|
-
rounded-sm
|
|
369
|
-
min-w-[12px]
|
|
370
|
-
${i.notificationBg}
|
|
371
|
-
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`font-sans text-xs leading-4 ${i.notificationText}`,children:t})})]})});K.displayName="Badge";const ce=j.forwardRef(({value:r,defaultValue:a=0,onChange:n,min:t=0,max:s,label:o,linkText:x,onLinkClick:c,helperText:i,error:u=!1,disabled:l=!1,className:p="",...f},h)=>{const[b,m]=j.useState(a),d=r!==void 0,g=d?r:b;j.useEffect(()=>{d||m(a)},[a,d]);const y=z=>{let P=z;t!==void 0&&P<t&&(P=t),s!==void 0&&P>s&&(P=s),d||m(P),n?.(P)},k=()=>{l||y(g-1)},N=()=>{l||y(g+1)},w=l||t!==void 0&&g<=t,v=l||s!==void 0&&g>=s,S=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M3 8H13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),V=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M8 3V13M3 8H13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),L=u?"border-error-border dark:border-error-border":"border-border-primary dark:border-dark-border-primary",$=!l&&!u?"hover:border-[#f9f9f9] dark:hover:border-[#f9f9f9]":"",H=!l&&!u?"focus-within:border-2 focus-within:border-[#329cff] dark:focus-within:border-[#329cff]":"";return e.jsxs("div",{ref:h,className:`flex flex-col gap-2 ${p}`.trim(),...f,children:[o&&e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("label",{className:"text-sm leading-5 font-bold text-content-primary dark:text-dark-content-primary",children:o}),x&&e.jsx("button",{type:"button",onClick:c,disabled:l,className:`
|
|
372
|
-
text-xs leading-4
|
|
373
|
-
text-primary-custom-600
|
|
374
|
-
hover:underline
|
|
375
|
-
dark:text-primary-custom-600
|
|
376
|
-
${l?"opacity-50 cursor-not-allowed":"cursor-pointer"}
|
|
377
|
-
transition-colors
|
|
378
|
-
duration-200
|
|
379
|
-
`.trim().replace(/\s+/g," "),children:x})]}),e.jsxs("div",{className:`
|
|
380
|
-
flex
|
|
381
|
-
items-center
|
|
382
|
-
gap-2
|
|
383
|
-
px-3
|
|
384
|
-
py-1.5
|
|
385
|
-
bg-white
|
|
386
|
-
dark:bg-dark-bg-primary
|
|
387
|
-
border
|
|
388
|
-
${L}
|
|
389
|
-
${$}
|
|
390
|
-
${H}
|
|
391
|
-
rounded-lg
|
|
392
|
-
transition-colors
|
|
393
|
-
duration-200
|
|
394
|
-
${l?"opacity-50 cursor-not-allowed":""}
|
|
395
|
-
`.trim().replace(/\s+/g," "),children:[e.jsx("button",{type:"button",onClick:k,disabled:w,className:`
|
|
396
|
-
flex
|
|
397
|
-
items-center
|
|
398
|
-
justify-center
|
|
399
|
-
w-4
|
|
400
|
-
h-4
|
|
401
|
-
${w?"text-content-tertiary dark:text-content-tertiary cursor-not-allowed":"text-content-primary dark:text-dark-content-primary hover:text-content-secondary dark:hover:text-content-secondary cursor-pointer"}
|
|
402
|
-
transition-colors
|
|
403
|
-
duration-200
|
|
404
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Decrementar",children:e.jsx(S,{})}),e.jsx("div",{className:"flex-1 text-center",children:e.jsx("span",{className:`
|
|
405
|
-
text-base leading-6
|
|
406
|
-
${g===0?"text-content-tertiary dark:text-content-tertiary":"text-content-primary dark:text-dark-content-primary"}
|
|
407
|
-
`.trim().replace(/\s+/g," "),children:g})}),e.jsx("button",{type:"button",onClick:N,disabled:v,className:`
|
|
408
|
-
flex
|
|
409
|
-
items-center
|
|
410
|
-
justify-center
|
|
411
|
-
w-4
|
|
412
|
-
h-4
|
|
413
|
-
${v?"text-content-tertiary dark:text-content-tertiary cursor-not-allowed":"text-content-primary dark:text-dark-content-primary hover:text-content-secondary dark:hover:text-content-secondary cursor-pointer"}
|
|
414
|
-
transition-colors
|
|
415
|
-
duration-200
|
|
416
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Incrementar",children:e.jsx(V,{})})]}),i&&e.jsx("p",{className:`
|
|
417
|
-
text-sm leading-5
|
|
418
|
-
${u?"text-error-content dark:text-error-content":"text-content-tertiary dark:text-content-tertiary"}
|
|
419
|
-
`.trim().replace(/\s+/g," "),children:i})]})});ce.displayName="Quantity";const te=({icon:r,label:a,selected:n=!1,disabled:t=!1,badge:s=!1,badgeCount:o,onClick:x,onMouseEnter:c,ariaLabel:i,id:u,showLabelText:l=!0,showIcon:p=!0,className:f=""})=>{const h=["flex","flex-col","items-center","justify-center","px-4","py-1","rounded-full","overflow-hidden","shrink-0",n?"bg-primary-custom-100 dark:bg-primary-custom-600/30":"bg-transparent hover:bg-primary-custom-100 dark:hover:bg-primary-custom-600/20","transition-colors","duration-150"].join(" "),b=["w-4","h-4","shrink-0",n?"text-primary-custom-600 dark:text-white":t?"text-content-tertiary dark:text-content-tertiary":"text-content-primary hover:text-primary-custom-600 dark:text-dark-content-primary dark:hover:text-white","transition-colors","duration-150"].join(" "),m=["text-xs","leading-3","font-bold","text-center","w-full","min-w-full","text-content-primary","dark:text-dark-content-primary","break-words"].join(" "),d=["relative","flex","flex-col","items-center","gap-1","px-0.5","py-0","w-14","shrink-0",t?"cursor-not-allowed opacity-55 pointer-events-none":"cursor-pointer","focus:outline-none","focus-visible:ring-2","focus-visible:ring-primary-custom-400","focus-visible:ring-offset-2","focus-visible:ring-offset-primary-custom-100","dark:focus-visible:ring-dark-border-custom","dark:focus-visible:ring-offset-dark-bg-primary","focus-visible:shadow-lg","dark:focus-visible:shadow-2xl","rounded-lg",f].join(" "),g=()=>!s&&o===void 0?null:o!==void 0?e.jsx("span",{className:`
|
|
420
|
-
absolute
|
|
421
|
-
-top-0.5
|
|
422
|
-
left-8
|
|
423
|
-
flex
|
|
424
|
-
items-center
|
|
425
|
-
justify-center
|
|
426
|
-
min-w-3
|
|
427
|
-
h-3
|
|
428
|
-
px-1
|
|
429
|
-
rounded-full
|
|
430
|
-
text-xs
|
|
431
|
-
font-bold
|
|
432
|
-
leading-none
|
|
433
|
-
bg-red-700
|
|
434
|
-
text-white
|
|
435
|
-
dark:bg-red-700
|
|
436
|
-
dark:text-white
|
|
437
|
-
pointer-events-none
|
|
438
|
-
select-none
|
|
439
|
-
`,"aria-label":`${o} notificaciones`,"data-badge":!0,children:o>99?"99+":o}):e.jsx("span",{className:`
|
|
440
|
-
absolute
|
|
441
|
-
-top-0.5
|
|
442
|
-
left-8
|
|
443
|
-
w-3
|
|
444
|
-
h-3
|
|
445
|
-
rounded-full
|
|
446
|
-
bg-red-700
|
|
447
|
-
dark:bg-red-700
|
|
448
|
-
pointer-events-none
|
|
449
|
-
select-none
|
|
450
|
-
`,"aria-label":"Notificación","data-badge":!0});return e.jsxs("button",{type:"button",className:d,disabled:t,onClick:x,onMouseEnter:c,"aria-label":i||a,"aria-current":n?"page":void 0,"aria-disabled":t,"data-item-id":u,"data-testid":`navigation-rail-item-${u}`,children:[p&&e.jsx("div",{className:h,children:e.jsx("span",{className:b,children:r})}),l&&e.jsx("p",{className:m,children:a}),g()]})};te.displayName="NavigationRailItem";const We=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",className:"w-4 h-4",children:e.jsx("path",{fillRule:"evenodd",d:"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}),qe=({variant:r="default",children:a,items:n,open:t,onOpenChange:s,disabled:o=!1,className:x="",menuClassName:c="",ariaLabel:i,placeholder:u="Options"})=>{const[l,p]=j.useState(!1),f=j.useRef(null),h=t!==void 0,b=h?t:l,m=()=>{if(o)return;const k=!b;h||p(k),s?.(k)};j.useEffect(()=>{const k=N=>{f.current&&!f.current.contains(N.target)&&(h||p(!1),s?.(!1))};if(b)return document.addEventListener("mousedown",k),()=>{document.removeEventListener("mousedown",k)}},[b,h,s]),j.useEffect(()=>{const k=N=>{N.key==="Escape"&&b&&(h||p(!1),s?.(!1))};if(b)return document.addEventListener("keydown",k),()=>{document.removeEventListener("keydown",k)}},[b,h,s]);const d=k=>{k.disabled||k.isDivider||k.isHeading||(k.onClick&&k.onClick({}),h||p(!1),s?.(!1))},g=["inline-flex","items-center","justify-center","rounded-lg","font-bold","text-sm","whitespace-nowrap","transition-all","duration-150",r==="icon-only"?"w-9 h-9":"gap-3 px-3 py-2","bg-bg-primary","text-content-secondary","border","border-border-primary","hover:bg-background-secondary","active:scale-95","dark:bg-dark-bg-primary","dark:text-content-secondary","dark:border-dark-border-primary","dark:hover:bg-dark-bg-primary","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","focus:ring-offset-2","dark:focus:ring-dark-border-custom","dark:focus:ring-offset-dark-bg-primary",o&&"opacity-50",o&&"cursor-not-allowed",o&&"pointer-events-none",x].filter(Boolean).join(" ").replace(/\s+/g," ").trim(),y=["absolute","top-full","left-0","mt-2","min-w-[182px]","rounded-xl","p-1","border","z-50","bg-background-secondary","border-border-primary","dark:bg-dark-bg-primary","dark:border-dark-border-primary","shadow-menu",c].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:f,className:"relative inline-block",children:[e.jsxs("button",{type:"button",className:g,onClick:m,disabled:o,"aria-label":i||(r==="icon-only"?"Abrir menú":void 0),"aria-haspopup":"true","aria-expanded":b,children:[r==="default"&&e.jsx("span",{children:a||u}),e.jsx(We,{})]}),b&&e.jsx("div",{className:y,children:n.map((k,N)=>k.isDivider?e.jsx(Ge,{className:k.className},N):k.isHeading?e.jsx(Ue,{className:k.className,children:k.children},N):e.jsx(_e,{...k,onClick:()=>d(k)},N))})]})},_e=({children:r,icon:a,description:n,shortcut:t,disabled:s=!1,selected:o=!1,onClick:x,className:c=""})=>{const i=["flex","items-center","gap-3","px-4","py-2","rounded-lg","text-sm","w-full","text-left","transition-colors","duration-150","text-content-primary",!s&&"hover:bg-white",o&&"bg-white","dark:text-dark-content-primary",!s&&"dark:hover:bg-dark-bg-primary",o&&"dark:bg-dark-bg-primary",s&&"opacity-50",s&&"cursor-not-allowed",!s&&"cursor-pointer",c].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:i,onClick:x,disabled:s,children:[a&&e.jsx("span",{className:"inline-flex items-center justify-center w-4 h-4 text-content-secondary dark:text-content-secondary",children:a}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-content-primary dark:text-dark-content-primary",children:r}),n&&e.jsx("div",{className:"text-xs text-content-secondary dark:text-content-secondary mt-0.5",children:n})]}),t&&e.jsx("span",{className:"text-xs text-content-secondary dark:text-content-secondary ml-auto whitespace-nowrap",children:t})]})},Ue=({children:r,className:a=""})=>{const n=["px-4","py-1","text-xs","font-normal","text-content-tertiary","dark:text-content-tertiary",a].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsx("div",{className:n,children:r})},Ge=({className:r=""})=>{const a=["px-4","py-1",r].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsx("div",{className:a,children:e.jsx("div",{className:"h-px bg-border-primary dark:bg-dark-border-primary"})})},Qe=({className:r=""})=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,children:e.jsx("path",{d:"M4 6L8 10L12 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),ae=({label:r,icon:a,children:n=[],defaultOpen:t=!1,disabled:s=!1,onOpenChange:o,onClick:x,isCollapsible:c=n.length>0,showHeading:i=!1,headingLabel:u,showDivider:l=!0,selected:p=!1,badge:f=!1,badgeCount:h,badgeColor:b="red",className:m=""})=>{const[d,g]=j.useState(t),y=()=>{if(s||!c)return;const w=!d;g(w),o?.(w)},k=w=>{s||(c?y():x?.(w))},N=w=>v=>{w.disabled||w.onClick?.(v)};return e.jsxs("div",{className:`flex flex-col gap-0.5 w-full ${m}`,children:[i&&u&&e.jsx("div",{className:"flex flex-col gap-0 items-start pb-1 pt-3 px-0 w-full",children:e.jsx("p",{className:"font-['Inter:Regular',sans-serif] font-normal leading-4 not-italic text-xs text-content-tertiary dark:text-content-tertiary w-full",children:u})}),e.jsxs("button",{onClick:k,disabled:s,className:["flex items-center gap-3 px-4 py-2 w-full","rounded-lg cursor-pointer","transition-all duration-150",p&&!s&&"bg-primary-custom-100 text-primary-custom-600",!p&&!s&&"text-content-primary",!s&&"hover:bg-primary-custom-100",!s&&"hover:text-primary-custom-600",p&&!s&&"dark:bg-dark-bg-custom dark:text-dark-content-custom",!p&&!s&&"dark:text-content-primary",!s&&"dark:hover:bg-dark-bg-custom",!s&&"dark:hover:text-dark-content-custom",!s&&"focus:outline-none",!s&&"focus:ring-2",!s&&"focus:ring-offset-2",!s&&"focus:ring-primary-custom-400",!s&&"focus:ring-offset-bg-primary",!s&&"dark:focus:ring-offset-dark-bg-primary",s&&"opacity-50",s&&"cursor-not-allowed"].filter(Boolean).join(" "),"aria-expanded":d&&c,"aria-disabled":s,children:[a&&e.jsx("div",{className:"flex items-center justify-center w-4 h-4 shrink-0 text-content-secondary dark:text-content-secondary",children:a}),e.jsx("div",{className:"flex flex-1 flex-col items-start justify-center gap-0.5",children:e.jsx("p",{className:"font-['Inter:Regular',sans-serif] font-normal leading-5 not-italic text-sm text-left",children:r})}),(f||h)&&e.jsx("div",{className:"flex items-center justify-center shrink-0",children:h?e.jsx("div",{className:"flex items-center justify-center px-1.5 py-0.5 rounded-full bg-red-500 dark:bg-red-600 text-white text-xs font-bold min-w-6 h-6",children:h>99?"99+":h}):e.jsx("div",{className:"w-2 h-2 rounded-full bg-red-500 dark:bg-red-600 shrink-0"})}),c&&e.jsx("div",{className:["flex items-center justify-center w-4 h-4 shrink-0","text-content-secondary dark:text-content-secondary","transition-transform duration-200",d?"rotate-180":"rotate-0"].join(" "),children:e.jsx(Qe,{className:"w-4 h-4"})})]}),l&&e.jsx("div",{className:"w-full h-px bg-border-primary dark:bg-dark-border-primary"}),d&&c&&n.length>0&&e.jsx("div",{className:"flex flex-col gap-0.5 w-full py-2 px-0",children:n.map((w,v)=>e.jsxs("div",{onClick:N(w),className:["flex gap-3 items-center pl-6 pr-4 py-2 w-full","rounded-lg cursor-pointer","transition-all duration-150",!w.disabled&&"text-content-primary",!w.disabled&&"hover:bg-primary-custom-100",!w.disabled&&"hover:text-primary-custom-600",!w.disabled&&"dark:text-content-primary",!w.disabled&&"dark:hover:bg-dark-bg-custom",!w.disabled&&"dark:hover:text-dark-content-custom",!w.disabled&&"focus:outline-none",!w.disabled&&"focus:ring-2",!w.disabled&&"focus:ring-offset-2",!w.disabled&&"focus:ring-primary-custom-400",!w.disabled&&"focus:ring-offset-bg-primary",!w.disabled&&"dark:focus:ring-offset-dark-bg-primary",w.disabled&&"opacity-50",w.disabled&&"cursor-not-allowed",w.className].filter(Boolean).join(" "),children:[w.icon&&e.jsx("div",{className:"flex items-center justify-center w-4 h-4 shrink-0 text-content-secondary dark:text-content-secondary",children:w.icon}),e.jsx("div",{className:"flex flex-1 flex-col items-start justify-center gap-0.5",children:e.jsx("p",{className:"font-['Inter:Regular',sans-serif] font-normal leading-5 not-italic text-sm text-left",children:w.label})})]},v))})]})},Ke=({className:r="w-4 h-4"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",className:r,children:e.jsx("path",{fillRule:"evenodd",d:"M6.455 1.45A.5.5 0 0 1 6.952 1h2.096a.5.5 0 0 1 .497.45l.186 1.858a4.996 4.996 0 0 1 1.466.848l1.703-.769a.5.5 0 0 1 .639.206l1.047 1.814a.5.5 0 0 1-.14.656l-1.517 1.09a5.026 5.026 0 0 1 0 1.694l1.516 1.09a.5.5 0 0 1 .141.656l-1.047 1.814a.5.5 0 0 1-.639.206l-1.703-.768c-.433.36-.928.649-1.466.847l-.186 1.858a.5.5 0 0 1-.497.45H6.952a.5.5 0 0 1-.497-.45l-.186-1.858a4.993 4.993 0 0 1-1.466-.848l-1.703.769a.5.5 0 0 1-.639-.206l-1.047-1.814a.5.5 0 0 1 .14-.656l1.517-1.09a5.033 5.033 0 0 1 0-1.694l-1.516-1.09a.5.5 0 0 1-.141-.656L2.461 3.39a.5.5 0 0 1 .639-.206l1.703.768c.433-.36.928-.649 1.466-.847l.186-1.858ZM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z",clipRule:"evenodd"})}),Je=({className:r="w-4 h-4"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",className:r,children:[e.jsx("path",{fillRule:"evenodd",d:"M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 1 1-1.06-1.06L12.69 4.22a.75.75 0 0 1 1.06 0Z",clipRule:"evenodd"}),e.jsx("path",{fillRule:"evenodd",d:"M2.22 9.28a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0Z",clipRule:"evenodd"})]}),Xe=({className:r="w-4 h-4"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",className:r,children:e.jsx("path",{d:"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"})}),Ye=({className:r="w-4 h-4"})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",className:r,children:e.jsx("path",{fillRule:"evenodd",d:"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}),er={"cog-6-tooth":Ke,check:Je,x:Xe,"chevron-down":Ye},rr=(r,a)=>{if(!r)return null;const n=er[r];return n?e.jsx(n,{className:a}):(console.warn(`Icon "${r}" not found in iconMap`),null)},xe=({label:r="Label",description:a,showDescription:n=!0,iconName:t="cog-6-tooth",showIcon:s=!0,actionLabel:o,showAction:x=!1,onActionClick:c,className:i="",...u})=>e.jsxs("div",{className:`
|
|
451
|
-
flex
|
|
452
|
-
gap-3
|
|
453
|
-
items-center
|
|
454
|
-
px-4
|
|
455
|
-
py-2
|
|
456
|
-
rounded-lg
|
|
457
|
-
w-56
|
|
458
|
-
${i}
|
|
459
|
-
`,"data-testid":"dropdown-item-heading",...u,children:[s&&t&&e.jsx("div",{className:`
|
|
460
|
-
flex
|
|
461
|
-
items-center
|
|
462
|
-
justify-center
|
|
463
|
-
shrink-0
|
|
464
|
-
w-4
|
|
465
|
-
h-4
|
|
466
|
-
`,"data-testid":"icon-wrapper",children:e.jsx("div",{className:"text-primary-custom-600 dark:text-dark-content-inverse",children:rr(t,"w-4 h-4")})}),e.jsxs("div",{className:`
|
|
467
|
-
flex
|
|
468
|
-
flex-1
|
|
469
|
-
flex-col
|
|
470
|
-
gap-0.5
|
|
471
|
-
items-start
|
|
472
|
-
justify-center
|
|
473
|
-
min-w-0
|
|
474
|
-
`,"data-testid":"content-wrapper",children:[e.jsx("p",{className:`
|
|
475
|
-
font-bold
|
|
476
|
-
text-sm
|
|
477
|
-
leading-5
|
|
478
|
-
text-content-primary
|
|
479
|
-
dark:text-dark-content-inverse
|
|
480
|
-
whitespace-nowrap
|
|
481
|
-
overflow-hidden
|
|
482
|
-
text-ellipsis
|
|
483
|
-
`,"data-testid":"label",children:r}),n&&a&&e.jsx("p",{className:`
|
|
484
|
-
font-normal
|
|
485
|
-
text-xs
|
|
486
|
-
leading-4
|
|
487
|
-
text-content-secondary
|
|
488
|
-
dark:text-dark-border-inverse
|
|
489
|
-
w-full
|
|
490
|
-
whitespace-pre-wrap
|
|
491
|
-
overflow-hidden
|
|
492
|
-
text-ellipsis
|
|
493
|
-
`,"data-testid":"description",children:a})]}),x&&o&&e.jsx("div",{className:`
|
|
494
|
-
flex
|
|
495
|
-
items-center
|
|
496
|
-
justify-center
|
|
497
|
-
shrink-0
|
|
498
|
-
cursor-pointer
|
|
499
|
-
hover:opacity-80
|
|
500
|
-
transition-opacity
|
|
501
|
-
duration-150
|
|
502
|
-
`,"data-testid":"action-wrapper",onClick:c,role:"button",tabIndex:0,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&c?.(l)},children:e.jsx("p",{className:`
|
|
503
|
-
font-normal
|
|
504
|
-
text-xs
|
|
505
|
-
leading-3
|
|
506
|
-
text-content-secondary
|
|
507
|
-
dark:text-dark-border-inverse
|
|
508
|
-
whitespace-nowrap
|
|
509
|
-
`,"data-testid":"action-label",children:o})})]});xe.displayName="DropdownItemHeading";const tr=({count:r,color:a="red",className:n="",ariaLabel:t})=>{const s={zinc:{bg:"bg-zinc-600",text:"text-white"},red:{bg:"bg-content-extensions-red",text:"text-white"},orange:{bg:"bg-orange-700",text:"text-white"},amber:{bg:"bg-amber-700",text:"text-white"},yellow:{bg:"bg-yellow-700",text:"text-white"},lime:{bg:"bg-lime-700",text:"text-white"},green:{bg:"bg-green-700",text:"text-white"},emerald:{bg:"bg-emerald-700",text:"text-white"},teal:{bg:"bg-teal-700",text:"text-white"},cyan:{bg:"bg-cyan-700",text:"text-white"},sky:{bg:"bg-sky-700",text:"text-white"},blue:{bg:"bg-blue-700",text:"text-white"},indigo:{bg:"bg-indigo-700",text:"text-white"},violet:{bg:"bg-violet-700",text:"text-white"},purple:{bg:"bg-purple-700",text:"text-white"},fuchsia:{bg:"bg-fuchsia-700",text:"text-white"},pink:{bg:"bg-pink-700",text:"text-white"},rose:{bg:"bg-rose-700",text:"text-white"},primary:{bg:"bg-primary-custom-600",text:"text-white"},secondary:{bg:"bg-zinc-600",text:"text-white"},tertiary:{bg:"bg-zinc-600",text:"text-white"}},o=s[a]||s.red,x=t||(r!==void 0&&r>0?`${r} notificaci${r===1?"ón":"ones"}`:"Notificación pendiente");if(r!==void 0&&r>0){const c=r>99?"99+":r.toString();return e.jsx("span",{className:`
|
|
510
|
-
inline-flex
|
|
511
|
-
items-center
|
|
512
|
-
justify-center
|
|
513
|
-
min-w-[16px]
|
|
514
|
-
h-4
|
|
515
|
-
px-1
|
|
516
|
-
rounded-full
|
|
517
|
-
text-[10px]
|
|
518
|
-
font-bold
|
|
519
|
-
leading-none
|
|
520
|
-
${o.bg}
|
|
521
|
-
${o.text}
|
|
522
|
-
pointer-events-none
|
|
523
|
-
dark:${o.bg}
|
|
524
|
-
dark:${o.text}
|
|
525
|
-
${n}
|
|
526
|
-
`.trim().replace(/\s+/g," "),role:"status","aria-label":x,children:c})}return e.jsx("span",{className:`
|
|
527
|
-
inline-block
|
|
528
|
-
w-2
|
|
529
|
-
h-2
|
|
530
|
-
rounded-full
|
|
531
|
-
${o.bg}
|
|
532
|
-
pointer-events-none
|
|
533
|
-
dark:${o.bg}
|
|
534
|
-
${n}
|
|
535
|
-
`.trim().replace(/\s+/g," "),role:"status","aria-label":x})},ar=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z",clipRule:"evenodd"})}),sr=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}),nr=({currentPage:r=1,totalPages:a,onPageChange:n,backText:t="Atrás",nextText:s="Siguiente",siblingCount:o=1,showBackButton:x=!0,showNextButton:c=!0,className:i="",ariaLabel:u="Paginación"})=>{const l=j.useMemo(()=>{const m=o*2+3+2;if(a<=m)return Array.from({length:a},(v,S)=>S+1);const d=Math.max(r-o,1),g=Math.min(r+o,a),y=d>2,k=g<a-1,N=1,w=a;if(!y&&k){const v=3+2*o;return[...Array.from({length:v},(V,L)=>L+1),"...",a]}if(y&&!k){const v=3+2*o,S=Array.from({length:v},(V,L)=>a-v+L+1);return[N,"...",...S]}if(y&&k){const v=Array.from({length:g-d+1},(S,V)=>d+V);return[N,"...",...v,"...",w]}return[]},[r,a,o]),p=b=>{b>=1&&b<=a&&b!==r&&n?.(b)},f=({page:b,isActive:m=!1,disabled:d=!1,onClick:g,ariaLabel:y})=>{const k=b==="...",S=[`
|
|
536
|
-
inline-flex
|
|
537
|
-
items-center
|
|
538
|
-
justify-center
|
|
539
|
-
gap-3
|
|
540
|
-
px-3
|
|
541
|
-
py-2
|
|
542
|
-
rounded-md
|
|
543
|
-
font-bold
|
|
544
|
-
text-sm
|
|
545
|
-
whitespace-nowrap
|
|
546
|
-
transition-all
|
|
547
|
-
duration-150
|
|
548
|
-
`,k?`
|
|
549
|
-
text-primary-custom-600
|
|
550
|
-
dark:text-primary-custom-600
|
|
551
|
-
cursor-default
|
|
552
|
-
pointer-events-none
|
|
553
|
-
`:m?`
|
|
554
|
-
bg-primary-custom-100
|
|
555
|
-
text-primary-custom-600
|
|
556
|
-
dark:bg-primary-custom-100
|
|
557
|
-
dark:text-primary-custom-600
|
|
558
|
-
`:`
|
|
559
|
-
text-primary-custom-600
|
|
560
|
-
hover:bg-primary-custom-100
|
|
561
|
-
active:scale-95
|
|
562
|
-
dark:text-primary-custom-600
|
|
563
|
-
dark:hover:bg-primary-custom-100
|
|
564
|
-
dark:active:scale-95
|
|
565
|
-
`,d?`
|
|
566
|
-
opacity-50
|
|
567
|
-
cursor-not-allowed
|
|
568
|
-
pointer-events-none
|
|
569
|
-
`:""].join(" ").replace(/\s+/g," ").trim();return e.jsx("button",{type:"button",className:S,onClick:g,disabled:d||k,"aria-label":y,"aria-current":m?"page":void 0,children:b})},h=`
|
|
570
|
-
inline-flex
|
|
571
|
-
items-center
|
|
572
|
-
justify-between
|
|
573
|
-
gap-0
|
|
574
|
-
${i}
|
|
575
|
-
`.replace(/\s+/g," ").trim();return e.jsxs("nav",{className:h,"aria-label":u,role:"navigation",children:[x&&e.jsxs("button",{type:"button",className:`
|
|
576
|
-
inline-flex
|
|
577
|
-
items-center
|
|
578
|
-
justify-center
|
|
579
|
-
gap-3
|
|
580
|
-
px-3
|
|
581
|
-
py-2
|
|
582
|
-
rounded-md
|
|
583
|
-
font-bold
|
|
584
|
-
text-sm
|
|
585
|
-
text-primary-custom-600
|
|
586
|
-
hover:bg-primary-custom-100
|
|
587
|
-
active:scale-95
|
|
588
|
-
dark:text-primary-custom-600
|
|
589
|
-
dark:hover:bg-primary-custom-100
|
|
590
|
-
dark:active:scale-95
|
|
591
|
-
transition-all
|
|
592
|
-
duration-150
|
|
593
|
-
${r===1?"opacity-50 cursor-not-allowed pointer-events-none":""}
|
|
594
|
-
`.replace(/\s+/g," ").trim(),onClick:()=>p(r-1),disabled:r===1,"aria-label":`${t} page`,children:[e.jsx(ar,{className:"w-4 h-4"}),t]}),e.jsx("div",{className:"inline-flex items-center",children:l.map((b,m)=>e.jsx(f,{page:b,isActive:b===r,onClick:()=>typeof b=="number"&&p(b),ariaLabel:typeof b=="number"?`Go to page ${b}`:`Page ${b}`},`${b}-${m}`))}),c&&e.jsxs("button",{type:"button",className:`
|
|
595
|
-
inline-flex
|
|
596
|
-
items-center
|
|
597
|
-
justify-center
|
|
598
|
-
gap-3
|
|
599
|
-
px-3
|
|
600
|
-
py-2
|
|
601
|
-
rounded-md
|
|
602
|
-
font-bold
|
|
603
|
-
text-sm
|
|
604
|
-
text-primary-custom-600
|
|
605
|
-
hover:bg-primary-custom-100
|
|
606
|
-
active:scale-95
|
|
607
|
-
dark:text-primary-custom-600
|
|
608
|
-
dark:hover:bg-primary-custom-100
|
|
609
|
-
dark:active:scale-95
|
|
610
|
-
transition-all
|
|
611
|
-
duration-150
|
|
612
|
-
${r===a?"opacity-50 cursor-not-allowed pointer-events-none":""}
|
|
613
|
-
`.replace(/\s+/g," ").trim(),onClick:()=>p(r+1),disabled:r===a,"aria-label":`${s} page`,children:[s,e.jsx(sr,{className:"w-4 h-4"})]})]})};function or({title:r,titleId:a,...n},t){return Z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},n),r?Z.createElement("title",{id:a},r):null,Z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"}))}const lr=Z.forwardRef(or);function ir({title:r,titleId:a,...n},t){return Z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},n),r?Z.createElement("title",{id:a},r):null,Z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"}))}const dr=Z.forwardRef(ir);function cr({title:r,titleId:a,...n},t){return Z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},n),r?Z.createElement("title",{id:a},r):null,Z.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"}))}const xr=Z.forwardRef(cr),mr=({className:r="size-5"})=>e.jsx(dr,{className:r,"aria-hidden":"true"}),ur=({className:r="size-4"})=>e.jsx(lr,{className:r,"aria-hidden":"true"}),pr=({options:r=[],value:a,defaultValue:n,placeholder:t="Seleccionar...",disabled:s=!1,error:o=!1,label:x,description:c,showLabel:i=!0,showDescription:u=!0,menuHeader:l,onChange:p,className:f="",triggerClassName:h="",menuClassName:b="",ariaLabel:m,id:d,name:g,required:y=!1,menuPosition:k="bottom",fullWidth:N=!1})=>{const[w,v]=j.useState(!1),[S,V]=j.useState(a!==void 0?a:n),[L,$]=j.useState(-1),H=j.useRef(null),z=j.useRef(null),P=j.useRef(null);j.useEffect(()=>{a!==void 0&&V(a)},[a]),j.useEffect(()=>{const R=E=>{H.current&&!H.current.contains(E.target)&&v(!1)};if(w)return document.addEventListener("mousedown",R),()=>{document.removeEventListener("mousedown",R)}},[w]),j.useEffect(()=>{const R=E=>{if(w)switch(E.key){case"Escape":v(!1),z.current?.focus();break;case"ArrowDown":E.preventDefault(),$(U=>U<r.length-1?U+1:0);break;case"ArrowUp":E.preventDefault(),$(U=>U>0?U-1:r.length-1);break;case"Enter":E.preventDefault(),L>=0&&L<r.length&&B(r[L]);break}};if(w)return document.addEventListener("keydown",R),()=>{document.removeEventListener("keydown",R)}},[w,L,r]);const F=r.find(R=>R.value===S),M=()=>{s||(v(!w),$(-1))},B=R=>{R.disabled||(V(R.value),v(!1),p?.(R.value),setTimeout(()=>{z.current?.focus()},0))},q=[`
|
|
614
|
-
inline-flex
|
|
615
|
-
items-center
|
|
616
|
-
justify-between
|
|
617
|
-
gap-3
|
|
618
|
-
w-full
|
|
619
|
-
px-3
|
|
620
|
-
py-2
|
|
621
|
-
text-sm
|
|
622
|
-
font-normal
|
|
623
|
-
leading-5
|
|
624
|
-
rounded-lg
|
|
625
|
-
border
|
|
626
|
-
transition-all
|
|
627
|
-
duration-150
|
|
628
|
-
`,N?"w-full":"min-w-[200px]",o?`
|
|
629
|
-
border-error-border
|
|
630
|
-
bg-error-bg
|
|
631
|
-
text-content-primary
|
|
632
|
-
dark:border-error-border
|
|
633
|
-
dark:bg-error-bg
|
|
634
|
-
dark:text-dark-content-primary
|
|
635
|
-
`:`
|
|
636
|
-
bg-bg-primary
|
|
637
|
-
border-border-primary
|
|
638
|
-
text-content-primary
|
|
639
|
-
dark:bg-dark-bg-primary
|
|
640
|
-
dark:border-dark-border-primary
|
|
641
|
-
dark:text-dark-content-primary
|
|
642
|
-
`,!s&&!o?`
|
|
643
|
-
hover:border-[#f9f9f9]
|
|
644
|
-
dark:hover:border-[#3a3a3f]
|
|
645
|
-
`:"",s?"":`
|
|
646
|
-
focus:outline-none
|
|
647
|
-
focus-within:border-2
|
|
648
|
-
focus-within:border-[#329cff]
|
|
649
|
-
dark:focus-within:border-[#329cff]
|
|
650
|
-
`,s?`
|
|
651
|
-
opacity-50
|
|
652
|
-
cursor-not-allowed
|
|
653
|
-
`:"",h].join(" ").replace(/\s+/g," ").trim(),ne=[`
|
|
654
|
-
absolute
|
|
655
|
-
z-50
|
|
656
|
-
w-full
|
|
657
|
-
min-w-[200px]
|
|
658
|
-
max-h-40
|
|
659
|
-
overflow-y-auto
|
|
660
|
-
p-1
|
|
661
|
-
rounded-md
|
|
662
|
-
border
|
|
663
|
-
shadow-lg
|
|
664
|
-
transition-all
|
|
665
|
-
duration-150
|
|
666
|
-
`,k==="top"?"bottom-full mb-1":"top-full mt-1",`
|
|
667
|
-
bg-background-secondary
|
|
668
|
-
border-border-secondary
|
|
669
|
-
dark:bg-dark-bg-primary
|
|
670
|
-
dark:border-dark-border-primary
|
|
671
|
-
`,w?"opacity-100 visible":"opacity-0 invisible",b].join(" ").replace(/\s+/g," ").trim(),oe=`
|
|
672
|
-
flex
|
|
673
|
-
items-center
|
|
674
|
-
cursor-pointer
|
|
675
|
-
rounded-md
|
|
676
|
-
transition-all
|
|
677
|
-
duration-150
|
|
678
|
-
pl-2
|
|
679
|
-
pr-2.5
|
|
680
|
-
py-0.5
|
|
681
|
-
gap-0.5
|
|
682
|
-
text-[10px]
|
|
683
|
-
leading-[12px]
|
|
684
|
-
font-bold
|
|
685
|
-
`,C=(R,E)=>{const U=R.value===S,ee=E===L,Te=ee||U&&ee?"bg-primary-custom-600 text-primary-inverse-content dark:bg-primary-custom-600 dark:text-primary-inverse-content":"text-content-primary dark:text-dark-content-primary",He=R.disabled?"":"hover:bg-primary-custom-600 hover:text-primary-inverse-content dark:hover:bg-primary-custom-600 dark:hover:text-primary-inverse-content",Fe=R.disabled?"opacity-50 cursor-not-allowed":"";return[oe,Te,He,Fe].join(" ").replace(/\s+/g," ").trim()},A=["size-5","flex-shrink-0","transition-transform","duration-150",w&&"rotate-180",s?"text-content-tertiary dark:text-content-tertiary":"text-content-secondary dark:text-content-secondary"].filter(Boolean).join(" ").replace(/\s+/g," ").trim(),T="size-4 flex-shrink-0";return e.jsxs("div",{className:`relative ${N?"w-full":""} ${f}`,ref:H,children:[i&&x||u&&c?e.jsxs("div",{className:"flex flex-col gap-1 mb-1 w-full",children:[i&&x&&e.jsxs("label",{htmlFor:d,className:"text-sm font-bold leading-5 text-content-primary dark:text-dark-content-primary",children:[x,y&&e.jsx("span",{className:"ml-1 text-error-content",children:"*"})]}),u&&c&&e.jsx("p",{className:"text-sm font-normal leading-5 text-content-tertiary dark:text-content-tertiary",children:c})]}):null,e.jsxs("button",{ref:z,type:"button",className:q,onClick:M,disabled:s,"aria-label":m||x,"aria-haspopup":"listbox","aria-expanded":w,id:d,children:[e.jsx("span",{className:F?"":"text-content-secondary dark:text-content-secondary",children:F?F.label:t}),e.jsx(mr,{className:A})]}),g&&e.jsx("input",{type:"hidden",name:g,value:S!==void 0?String(S):""}),w&&e.jsxs("div",{ref:P,className:ne,role:"listbox",children:[l&&e.jsx("div",{className:"flex items-center gap-0.5 px-6 py-0.5 rounded-[5px]",children:e.jsx("span",{className:"text-[10px] font-bold leading-[12px] text-content-tertiary dark:text-content-tertiary",children:l})}),r.length===0&&e.jsx("div",{className:"px-2 py-1.5 text-[10px] leading-[12px] text-content-secondary dark:text-content-secondary",children:"No hay opciones disponibles"}),r.map((R,E)=>e.jsxs("div",{className:C(R,E),onClick:()=>B(R),onMouseEnter:()=>$(E),role:"option","aria-selected":R.value===S,"aria-disabled":R.disabled,children:[e.jsx("div",{className:"w-4 flex items-center justify-center",children:R.value===S&&e.jsx(ur,{className:T})}),R.icon&&e.jsx("span",{className:"flex-shrink-0 w-4 h-4",children:R.icon}),e.jsx("span",{className:"flex-1 text-left",children:R.label})]},R.value))]})]})},fr=({icon:r,label:a,selected:n=!1,disabled:t=!1,badge:s=!1,badgeCount:o,onClick:x,ariaLabel:c,id:i})=>{const u=["flex","flex-col","items-center","justify-center","px-4","py-1","rounded-full","overflow-hidden","shrink-0",n?"bg-primary-custom-100 dark:bg-primary-custom-600/30":"bg-transparent hover:bg-primary-custom-100 dark:hover:bg-primary-custom-600/20","transition-colors","duration-150"].join(" "),l=["w-4","h-4","shrink-0",n||!t?n?"text-primary-custom-600 dark:text-white":"text-content-primary hover:text-primary-custom-600 dark:text-dark-content-primary dark:hover:text-white":"text-content-tertiary dark:text-content-tertiary","transition-colors","duration-150"].join(" "),p=["text-[10px]","leading-3","font-bold","text-center","w-full","min-w-full","text-content-primary","dark:text-dark-content-primary"].join(" "),f=["relative","flex","flex-col","items-center","gap-1","px-0.5","py-0","w-14","shrink-0",t?"cursor-not-allowed opacity-50 pointer-events-none":"cursor-pointer","focus:outline-none","focus-visible:ring-2","focus-visible:ring-primary-custom-400","focus-visible:ring-offset-2","dark:focus-visible:ring-dark-border-custom","dark:focus-visible:ring-offset-dark-bg-primary","rounded-lg"].join(" "),h=()=>!s&&o===void 0?null:o!==void 0?e.jsx("span",{className:`
|
|
686
|
-
absolute
|
|
687
|
-
-top-0.5
|
|
688
|
-
left-[34px]
|
|
689
|
-
flex
|
|
690
|
-
items-center
|
|
691
|
-
justify-center
|
|
692
|
-
min-w-[13px]
|
|
693
|
-
h-[13px]
|
|
694
|
-
px-1
|
|
695
|
-
rounded-full
|
|
696
|
-
text-[10px]
|
|
697
|
-
font-bold
|
|
698
|
-
leading-none
|
|
699
|
-
bg-red-700
|
|
700
|
-
text-white
|
|
701
|
-
dark:bg-red-700
|
|
702
|
-
dark:text-white
|
|
703
|
-
pointer-events-none
|
|
704
|
-
`,"aria-label":`${o} notificaciones`,children:o>99?"99+":o}):e.jsx("span",{className:`
|
|
705
|
-
absolute
|
|
706
|
-
-top-0.5
|
|
707
|
-
left-[34px]
|
|
708
|
-
w-[13px]
|
|
709
|
-
h-[13px]
|
|
710
|
-
rounded-full
|
|
711
|
-
bg-red-700
|
|
712
|
-
dark:bg-red-700
|
|
713
|
-
pointer-events-none
|
|
714
|
-
`,"aria-label":"Notificación"});return e.jsxs("button",{type:"button",className:f,disabled:t,onClick:x,"aria-label":c||a,"aria-current":n?"page":void 0,"data-item-id":i,children:[e.jsx("div",{className:u,children:e.jsx("span",{className:l,children:r})}),e.jsx("p",{className:p,children:a}),h()]})},Me=({items:r,alignment:a="top",showFab:n=!1,fabIcon:t,onFabClick:s,fabAriaLabel:o="Crear nuevo",className:x="",selectedId:c,onItemSelect:i})=>{const u=["flex","flex-col","items-center","relative","w-20","h-full","bg-white","dark:bg-dark-bg-primary","border-r","border-border-primary","dark:border-dark-border-primary",x].join(" "),l=["flex","flex-col","items-center","gap-10","w-20","pb-10","pt-2",a!=="top"&&"grow",a!=="top"&&"basis-0",a!=="top"&&"min-h-0"].filter(Boolean).join(" "),f=(()=>{const m=["flex","flex-col","items-center","gap-3","w-20"];return a==="top"?[...m,"shrink-0"].join(" "):a==="center"?[...m,"absolute","left-1/2","top-1/2","-translate-x-1/2","-translate-y-1/2"].join(" "):a==="bottom"?[...m,"grow","basis-0","min-h-0","justify-end","shrink-0"].join(" "):m.join(" ")})(),h=["flex","items-center","justify-center","p-3","shrink-0","rounded-md","bg-primary-custom-600","text-primary-inverse-content","border","border-primary-custom-600","shadow-button-inset","hover:bg-primary-custom-500","active:scale-95","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","focus:ring-offset-2","dark:bg-dark-bg-inverse","dark:text-dark-content-inverse","dark:border-dark-bg-inverse","dark:hover:bg-dark-bg-inverse/90","dark:focus:ring-dark-border-custom","dark:focus:ring-offset-dark-bg-primary","transition-all","duration-150"].join(" "),b=m=>{m.disabled||(m.onClick&&m.onClick(),i&&m.id&&i(m.id))};return e.jsx("nav",{className:u,"aria-label":"Navegación principal",children:e.jsxs("div",{className:l,children:[n&&e.jsx("div",{className:"flex items-start gap-2.5 shrink-0",children:e.jsx("button",{type:"button",className:h,onClick:s,"aria-label":o,children:e.jsx("span",{className:"w-4 h-4 flex items-center justify-center",children:t})})}),e.jsx("div",{className:f,children:r.map((m,d)=>e.jsx(fr,{...m,selected:m.selected||c!==void 0&&m.id===c,onClick:()=>b(m)},m.id||d))})]})})},Le=({height:r=900,width:a=248,showHeading:n=!0,heading:t,showSearch:s=!0,search:o,sections:x,items:c,className:i="",panelClassName:u=""})=>{const[l,p]=j.useState(o?.value||""),f=m=>{p(m),o?.onChange?.(m)},h={height:typeof r=="number"?`${r}px`:r},b={width:typeof a=="number"?`${a}px`:a};return e.jsx("div",{className:`flex items-start relative ${i}`,style:h,"data-testid":"navigation-rail-panel-container",children:e.jsxs("div",{className:`bg-bg-primary dark:bg-dark-bg-primary border-border-primary dark:border-dark-border-primary border-b-0 border-l border-r border-solid border-t-0 flex flex-col h-full items-start overflow-clip relative shrink-0 ${u}`,style:b,"data-testid":"navigation-rail-panel",children:[n&&t&&e.jsx("div",{className:"flex flex-col items-start p-3 relative shrink-0 w-full",children:e.jsx(xe,{label:t.label,description:t.description,showDescription:t.showDescription!==!1,iconName:t.iconName,showIcon:!0,actionLabel:t.actionLabel,showAction:t.showAction,onActionClick:t.onActionClick,className:"w-full"})}),s&&e.jsx("div",{className:"flex flex-col items-start p-3 relative shrink-0 w-full","data-testid":"navigation-rail-search",children:e.jsx(Y,{placeholder:o?.placeholder||"Buscar módulo",value:l,onChange:m=>f(m.target.value),className:"w-full"})}),e.jsx(G,{className:"w-full"}),e.jsxs("div",{className:"flex flex-1 flex-col gap-0.5 items-start min-h-px min-w-px p-3 relative shrink-0 overflow-y-auto w-full","data-testid":"navigation-rail-body",children:[x&&x.length>0?x.map((m,d)=>e.jsxs("div",{className:"w-full",children:[m.heading&&e.jsx("div",{className:"flex flex-col gap-0 items-start pb-1 pt-3 px-0 relative shrink-0 w-full","data-testid":`section-heading-${d}`,children:e.jsx("p",{className:"font-['Inter:Regular',sans-serif] font-normal text-xs leading-4 not-italic relative shrink-0 text-content-tertiary dark:text-content-tertiary w-full whitespace-pre-wrap",children:m.heading})}),e.jsx("div",{className:"flex flex-col gap-0.5 items-start relative shrink-0 w-full","data-testid":`section-items-${d}`,children:m.items.map((g,y)=>e.jsx(ve,{item:g},`item-${d}-${y}`))}),m.showDivider!==!1&&d<x.length-1&&e.jsx(G,{className:"mt-3 w-full"})]},`section-${d}`)):null,c&&c.length>0&&!x?c.map((m,d)=>e.jsx(ve,{item:m},`item-${d}`)):null]})]})})},ve=({item:r})=>r.isCollapsible?e.jsx(ae,{label:r.label,icon:r.icon,children:r.children,defaultOpen:r.defaultOpen,disabled:r.disabled,onClick:r.onClick,onOpenChange:r.onOpenChange,className:r.className,showDivider:!1,showHeading:!1}):e.jsxs("button",{onClick:r.onClick,disabled:r.disabled,className:["flex items-center gap-3 px-4 py-2 w-full","rounded-lg cursor-pointer","transition-colors duration-150",!r.disabled&&"text-content-primary",!r.disabled&&"hover:bg-primary-custom-100",!r.disabled&&"dark:text-content-primary",!r.disabled&&"dark:hover:bg-dark-bg-custom",!r.disabled&&"focus:outline-none",!r.disabled&&"focus:ring-2",!r.disabled&&"focus:ring-offset-2",!r.disabled&&"focus:ring-primary-custom-400",!r.disabled&&"focus:ring-offset-bg-primary",!r.disabled&&"dark:focus:ring-offset-dark-bg-primary",r.disabled&&"opacity-50",r.disabled&&"cursor-not-allowed",r.className].filter(Boolean).join(" "),"data-testid":`navigation-rail-item-${r.label}`,"aria-disabled":r.disabled,children:[r.icon&&e.jsx("div",{className:"flex items-center justify-center w-4 h-4 shrink-0 text-content-secondary dark:text-content-secondary",children:r.icon}),e.jsx("p",{className:"font-['Inter:Regular',sans-serif] text-sm font-normal leading-5 not-italic relative shrink-0 text-left",children:r.label})]});function br({title:r,titleId:a,...n},t){return Z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},n),r?Z.createElement("title",{id:a},r):null,Z.createElement("path",{fillRule:"evenodd",d:"M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z",clipRule:"evenodd"}))}const hr=Z.forwardRef(br);function gr({title:r,titleId:a,...n},t){return Z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},n),r?Z.createElement("title",{id:a},r):null,Z.createElement("path",{fillRule:"evenodd",d:"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"}))}const vr=Z.forwardRef(gr);function kr({title:r,titleId:a,...n},t){return Z.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":a},n),r?Z.createElement("title",{id:a},r):null,Z.createElement("path",{fillRule:"evenodd",d:"M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z",clipRule:"evenodd"}))}const Ae=Z.forwardRef(kr),yr=({className:r="size-5"})=>e.jsx(vr,{className:r,"aria-hidden":"true"}),wr=({className:r="size-5"})=>e.jsx(hr,{className:r,"aria-hidden":"true"}),ke=({className:r="size-5"})=>e.jsx(xr,{className:r,"aria-hidden":"true"}),ye=({className:r="size-5"})=>e.jsx(Ae,{className:r,"aria-hidden":"true"}),me=j.forwardRef(({collapsed:r=!0,items:a=[],showRecentButton:n=!0,showSearchButton:t=!0,onCollapsedChange:s,onItemClick:o,onItemHover:x,className:c,labels:i={}},u)=>{const[l,p]=j.useState(""),f={searchButton:i.searchButton??"Search",searchPlaceholder:i.searchPlaceholder??"Buscar módulo",recentButton:i.recentButton??"Recientes",collapseButton:i.collapseButton??"Colapsar",expandButton:i.expandButton??"Expandir"},h=()=>{s?.(!r)},b=(d,g)=>{g.onClick?.(new Event("click")),o?.(d,g)},m=(d,g)=>{x?.(d,g)};return e.jsxs("div",{ref:u,className:`
|
|
715
|
-
${r?"w-[80px]":"w-[215px]"}
|
|
716
|
-
h-full
|
|
717
|
-
bg-background-primary dark:bg-background-primary
|
|
718
|
-
${r?"border-r border-border-primary dark:border-border-primary":"border-l border-r border-border-primary dark:border-border-primary"}
|
|
719
|
-
border-solid
|
|
720
|
-
flex flex-col
|
|
721
|
-
items-center
|
|
722
|
-
relative
|
|
723
|
-
transition-all duration-300
|
|
724
|
-
${c||""}
|
|
725
|
-
`,children:[!r&&e.jsxs("div",{className:"w-full flex flex-col gap-3 px-3 py-3 relative shrink-0",children:[e.jsx(Y,{placeholder:f.searchPlaceholder,value:l,onChange:d=>p(d.target.value),leftIcon:e.jsx(ye,{className:"size-4 text-content-secondary dark:text-content-secondary"}),fullWidth:!0}),e.jsx(G,{className:"w-full"})]}),e.jsxs("div",{className:`
|
|
726
|
-
flex-1 flex flex-col
|
|
727
|
-
items-center min-h-px min-w-px
|
|
728
|
-
relative shrink-0
|
|
729
|
-
px-0
|
|
730
|
-
${r?"gap-7 py-2 w-[80px]":"gap-0.5 p-3 w-full bg-background-primary dark:bg-background-primary border-l dark:border-border-primary border-border-primary border-solid"}
|
|
731
|
-
`,children:[r&&t&&e.jsx(D,{type:"default",size:"xl",iconOnly:!0,leftIcon:e.jsx(ye,{className:"overflow-clip relative shrink-0 size-4 text-primary-inverse-content dark:text-primary-inverse-content"}),ariaLabel:f.searchButton}),e.jsx("div",{className:`
|
|
732
|
-
flex flex-col items-center min-h-px min-w-px
|
|
733
|
-
relative shrink-0
|
|
734
|
-
flex-1
|
|
735
|
-
overflow-hidden
|
|
736
|
-
${r?"gap-3 leading-none w-[80px]":"gap-0.5 p-3 w-full"}
|
|
737
|
-
`,children:a.length===0?e.jsxs(e.Fragment,{children:[r&&Array.from({length:4}).map((d,g)=>e.jsx(te,{id:`demo-collapsed-${g}`,label:"Item",icon:e.jsx("svg",{className:"size-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 12a9 9 0 1118 0 9 9 0 01-18 0z"})}),showLabelText:!1},`demo-collapsed-${g}`)),!r&&Array.from({length:6}).map((d,g)=>e.jsx(ae,{label:"Item",showDivider:!1,showHeading:!1},`demo-expanded-${g}`))]}):r?e.jsx(e.Fragment,{children:a.map((d,g)=>e.jsx(te,{id:d.id,label:d.label,icon:d.icon,selected:d.active,disabled:d.disabled,badge:d.badge,badgeCount:d.badgeCount,ariaLabel:d.ariaLabel,showLabelText:!1,onClick:()=>b(g,d),onMouseEnter:()=>m(g,d)},d.id))}):e.jsx(e.Fragment,{children:a.map((d,g)=>{const y=d.children&&d.children.length>0;return e.jsx("div",{className:"w-full",children:e.jsx(ae,{label:d.label,icon:d.icon,selected:d.active,disabled:d.disabled,badge:d.badge,badgeCount:d.badgeCount,badgeColor:d.badgeColor,showDivider:!1,showHeading:!1,isCollapsible:y,defaultOpen:d.defaultOpen,children:y?d.children:void 0,onClick:()=>b(g,d)})},d.id)})})}),e.jsxs("div",{className:`w-full flex flex-col gap-3 items-center relative shrink-0 ${r?"":"px-3"}`,children:[e.jsx(G,{className:"w-full"}),e.jsxs("div",{className:`
|
|
738
|
-
flex flex-col gap-3 relative shrink-0 w-full
|
|
739
|
-
${r?"items-stretch px-3":"items-stretch"}
|
|
740
|
-
`,children:[n&&r&&e.jsx(D,{type:"outline",size:"base",fullWidth:!0,leftIcon:e.jsx(ke,{className:"size-4 text-primary-custom-600 dark:text-primary-custom-600"}),ariaLabel:f.recentButton}),n&&!r&&e.jsx(D,{type:"outline",size:"base",leftIcon:e.jsx(ke,{className:"size-4 text-primary-custom-600 dark:text-primary-custom-600"}),fullWidth:!0,children:f.recentButton}),r?e.jsx(D,{type:"plain",size:"base",fullWidth:!0,leftIcon:e.jsx(yr,{className:"overflow-clip relative shrink-0 size-4 text-background-inverse-custom-primary dark:text-background-inverse-custom-primary"}),onClick:h,ariaLabel:f.expandButton}):e.jsx(D,{type:"outline",size:"base",leftIcon:e.jsx(wr,{className:"overflow-clip relative shrink-0 size-4 text-content-custom-primary dark:text-content-custom-primary"}),onClick:h,fullWidth:!0,children:f.collapseButton})]})]})]})]})});me.displayName="NavigationRailTypes";const jr=({className:r="size-4"})=>e.jsx(Ae,{className:r,"aria-hidden":"true"}),ue=j.forwardRef(({state:r="collapsed",items:a=[],onStateChange:n,onItemClick:t,onItemHover:s,labels:o={},className:x,showSearchButton:c=!0},i)=>{const[u,l]=j.useState(!1),[p,f]=j.useState("hover"),[h,b]=j.useState(null),m={searchPlaceholder:o.searchPlaceholder??"Buscar módulo",collapseButton:o.collapseButton??"Colapsar",recentSection:o.recentSection??"Recientes",frequentSection:o.frequentSection??"Opciones frecuentes"},d=r==="collapsed"||r==="hover"||r==="searcher",g=v=>{n?.(v?"collapsed":"expanded")},y=v=>{const S=a[v];S&&t?.(S)},k=v=>{const S=a[v];S&&d&&N(S)},N=v=>{d&&v.isCollapsible&&v.children&&(b(v),f("hover"),l(!0),s?.(v))},w=a.map(v=>({id:v.id,label:v.label,icon:v.icon,active:v.active,disabled:v.disabled,badge:v.badge,badgeCount:v.badgeCount,children:v.children,defaultOpen:v.defaultOpen,onClick:()=>{v.onClick?.()}}));return e.jsxs("div",{ref:i,className:`relative flex items-start h-full ${x||""}`,"data-testid":"navigation-rail-commercial",children:[e.jsx(me,{collapsed:d,items:w,showRecentButton:!1,showSearchButton:c,onCollapsedChange:g,onItemClick:y,onItemHover:k,labels:{searchButton:m.searchPlaceholder,searchPlaceholder:m.searchPlaceholder,collapseButton:m.collapseButton}}),u&&d&&e.jsx("div",{className:"absolute left-[80px] top-0 z-10 h-full",onMouseLeave:()=>l(!1),children:e.jsx(Le,{height:"100%",width:248,showHeading:p==="hover"&&h!==null,heading:p==="hover"&&h?{label:h.label,iconName:"cog-6-tooth",showDescription:!1,showAction:!1}:void 0,showSearch:p==="searcher",search:{placeholder:m.searchPlaceholder},sections:p==="hover"&&h?.children?[{items:h.children.map(v=>({label:v.label,icon:v.icon,onClick:v.onClick,disabled:v.disabled}))}]:p==="searcher"?[{heading:m.recentSection,items:[{label:"Configuración",icon:e.jsx(jr,{className:"size-4"})}]},{heading:m.frequentSection,items:[{label:"Item"}]}]:[]})})]})});ue.displayName="NavigationRailCommercial";const Nr=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"transition-transform",children:e.jsx("path",{d:"M12 10L8 6L4 10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),Cr=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"transition-transform",children:e.jsx("path",{d:"M4 6L8 10L12 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),$r=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M14 8H2M2 8L6.5 3.5M2 8L6.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Br=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2 8H14M14 8L9.5 3.5M14 8L9.5 12.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Sr=({column:r,sortable:a,sorted:n,sortDirection:t,onSort:s})=>{const i=[`
|
|
741
|
-
flex
|
|
742
|
-
items-center
|
|
743
|
-
gap-3
|
|
744
|
-
px-6
|
|
745
|
-
py-2.5
|
|
746
|
-
min-h-[40px]
|
|
747
|
-
border-b
|
|
748
|
-
border-border-primary
|
|
749
|
-
dark:border-dark-border-primary
|
|
750
|
-
transition-colors
|
|
751
|
-
duration-150
|
|
752
|
-
`,a?`
|
|
753
|
-
cursor-pointer
|
|
754
|
-
hover:bg-background-secondary
|
|
755
|
-
dark:hover:bg-dark-bg-primary/50
|
|
756
|
-
select-none
|
|
757
|
-
`:"",{left:"justify-start",center:"justify-center",right:"justify-end"}[r.align||"left"]].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:i,onClick:a?s:void 0,role:a?"button":void 0,tabIndex:a?0:void 0,onKeyDown:a?u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),s())}:void 0,style:{width:r.width},children:[e.jsx("span",{className:`
|
|
758
|
-
text-sm
|
|
759
|
-
font-bold
|
|
760
|
-
text-content-secondary
|
|
761
|
-
dark:text-content-secondary
|
|
762
|
-
overflow-ellipsis
|
|
763
|
-
overflow-hidden
|
|
764
|
-
whitespace-nowrap
|
|
765
|
-
`,children:r.header}),a&&e.jsxs("span",{className:"flex-shrink-0 text-content-secondary dark:text-content-secondary",children:[n&&t==="asc"&&e.jsx(Nr,{}),n&&t==="desc"&&e.jsx(Cr,{}),!n&&e.jsx("div",{className:"w-4 h-4"})]})]})},we=({children:r,align:a="left",width:n,isStriped:t=!1,rowIndex:s=0})=>{const o={left:"justify-start text-left",center:"justify-center text-center",right:"justify-end text-right"},x=t&&s%2===1?"bg-background-secondary dark:bg-dark-bg-primary/30":"";return e.jsx("div",{className:`
|
|
766
|
-
flex
|
|
767
|
-
flex-col
|
|
768
|
-
${o[a]}
|
|
769
|
-
px-6
|
|
770
|
-
py-4
|
|
771
|
-
min-h-[56px]
|
|
772
|
-
border-b
|
|
773
|
-
border-border-secondary
|
|
774
|
-
dark:border-dark-border-primary
|
|
775
|
-
${x}
|
|
776
|
-
`,style:{width:n},children:e.jsx("span",{className:`
|
|
777
|
-
text-sm
|
|
778
|
-
text-content-primary
|
|
779
|
-
dark:text-dark-content-primary
|
|
780
|
-
overflow-ellipsis
|
|
781
|
-
overflow-hidden
|
|
782
|
-
w-full
|
|
783
|
-
`,children:r})})},Rr=({currentPage:r,totalPages:a,onPageChange:n,previousLabel:t="Anterior",nextLabel:s="Siguiente"})=>{const x=(()=>{const c=[];if(a<=7)for(let u=1;u<=a;u++)c.push(u);else c.push(1),r<=3?c.push(2,3):r>=a-2?(c.push("..."),c.push(a-2,a-1)):(c.push("..."),c.push(r),c.push("...")),a>1&&c.push(a);return c})();return e.jsxs("div",{className:"flex items-center justify-between w-full h-9",children:[e.jsxs("button",{onClick:()=>r>1&&n(r-1),disabled:r===1,className:`
|
|
784
|
-
flex
|
|
785
|
-
items-center
|
|
786
|
-
gap-3
|
|
787
|
-
px-3
|
|
788
|
-
py-2
|
|
789
|
-
rounded-md
|
|
790
|
-
text-sm
|
|
791
|
-
font-bold
|
|
792
|
-
text-primary-custom-600
|
|
793
|
-
dark:text-primary-custom-600
|
|
794
|
-
hover:bg-blue-50
|
|
795
|
-
dark:hover:bg-blue-900/20
|
|
796
|
-
disabled:opacity-50
|
|
797
|
-
disabled:cursor-not-allowed
|
|
798
|
-
transition-colors
|
|
799
|
-
duration-150
|
|
800
|
-
`,children:[e.jsx($r,{}),e.jsx("span",{children:t})]}),e.jsx("div",{className:"flex items-center gap-0",children:x.map((c,i)=>{if(c==="...")return e.jsx("div",{className:`
|
|
801
|
-
flex
|
|
802
|
-
items-center
|
|
803
|
-
justify-center
|
|
804
|
-
px-3
|
|
805
|
-
py-2
|
|
806
|
-
text-sm
|
|
807
|
-
font-bold
|
|
808
|
-
text-primary-custom-600
|
|
809
|
-
dark:text-primary-custom-600
|
|
810
|
-
`,children:c},`ellipsis-${i}`);const u=c===r;return e.jsx("button",{onClick:()=>n(c),className:`
|
|
811
|
-
flex
|
|
812
|
-
items-center
|
|
813
|
-
justify-center
|
|
814
|
-
px-3
|
|
815
|
-
py-2
|
|
816
|
-
rounded-md
|
|
817
|
-
text-sm
|
|
818
|
-
font-bold
|
|
819
|
-
text-primary-custom-600
|
|
820
|
-
dark:text-primary-custom-600
|
|
821
|
-
transition-colors
|
|
822
|
-
duration-150
|
|
823
|
-
${u?"bg-blue-100 dark:bg-blue-900/30":"hover:bg-blue-50 dark:hover:bg-blue-900/20"}
|
|
824
|
-
`,children:c},c)})}),e.jsxs("button",{onClick:()=>r<a&&n(r+1),disabled:r===a,className:`
|
|
825
|
-
flex
|
|
826
|
-
items-center
|
|
827
|
-
gap-3
|
|
828
|
-
px-3
|
|
829
|
-
py-2
|
|
830
|
-
rounded-md
|
|
831
|
-
text-sm
|
|
832
|
-
font-bold
|
|
833
|
-
text-primary-custom-600
|
|
834
|
-
dark:text-primary-custom-600
|
|
835
|
-
hover:bg-blue-50
|
|
836
|
-
dark:hover:bg-blue-900/20
|
|
837
|
-
disabled:opacity-50
|
|
838
|
-
disabled:cursor-not-allowed
|
|
839
|
-
transition-colors
|
|
840
|
-
duration-150
|
|
841
|
-
`,children:[e.jsx("span",{children:s}),e.jsx(Br,{})]})]})},Ir=({title:r,columns:a,data:n,variant:t="basic",showBorder:s=!0,showShadow:o=!0,onSort:x,sortColumn:c,sortDirection:i,fullWidth:u=!1,emptyMessage:l="No hay datos disponibles",loading:p=!1,loadingRows:f=5,pagination:h,className:b="",id:m})=>{const[d,g]=j.useState(null),[y,k]=j.useState(null),N=c!==void 0?c:d,w=i!==void 0?i:y,v=M=>{let B="asc";N===M&&(w==="asc"?B="desc":w==="desc"&&(B=null)),x?x(M,B):(g(B?M:null),k(B))},S=(M,B)=>typeof B=="function"?B(M):M[B],P=[`
|
|
842
|
-
flex
|
|
843
|
-
flex-col
|
|
844
|
-
gap-4
|
|
845
|
-
bg-white
|
|
846
|
-
dark:bg-dark-bg-primary
|
|
847
|
-
rounded-xl
|
|
848
|
-
transition-all
|
|
849
|
-
duration-150
|
|
850
|
-
`,s?"border border-border-primary dark:border-dark-border-primary":"",o?"shadow-base":"","p-8",u||t==="fullWidth"?"w-full":"",b].join(" ").replace(/\s+/g," ").trim(),F=t==="grid"?`
|
|
851
|
-
border
|
|
852
|
-
border-border-primary
|
|
853
|
-
dark:border-dark-border-primary
|
|
854
|
-
rounded-lg
|
|
855
|
-
overflow-hidden
|
|
856
|
-
`:"";return e.jsxs("div",{className:P,id:m,children:[r&&e.jsx("div",{className:"flex items-center justify-center w-full",children:e.jsx("h3",{className:`
|
|
857
|
-
text-base
|
|
858
|
-
font-bold
|
|
859
|
-
text-content-primary
|
|
860
|
-
dark:text-dark-content-primary
|
|
861
|
-
overflow-ellipsis
|
|
862
|
-
overflow-hidden
|
|
863
|
-
whitespace-nowrap
|
|
864
|
-
`,children:r})}),e.jsx("div",{className:`flex w-full overflow-x-auto ${F}`,children:a.map((M,B)=>{const O=typeof M.accessor=="function"?`column_${B}`:String(M.accessor);return e.jsxs("div",{className:"flex flex-col flex-1 min-w-0",children:[e.jsx(Sr,{column:M,sortable:M.sortable||!1,sorted:N===O,sortDirection:N===O?w:null,onSort:()=>v(O)}),p&&e.jsx(e.Fragment,{children:Array.from({length:f}).map((_,W)=>e.jsx(we,{align:M.align,width:M.width,isStriped:t==="striped",rowIndex:W,children:e.jsx("div",{className:`
|
|
865
|
-
h-4
|
|
866
|
-
bg-background-secondary
|
|
867
|
-
dark:bg-dark-border-primary
|
|
868
|
-
rounded
|
|
869
|
-
animate-pulse
|
|
870
|
-
`})},`loading-${W}`))}),!p&&n.length>0&&e.jsx(e.Fragment,{children:n.map((_,W)=>{const Q=S(_,M.accessor),J=M.render?M.render(Q,_,W):Q;return e.jsx(we,{align:M.align,width:M.width,isStriped:t==="striped",rowIndex:W,children:J},W)})}),!p&&n.length===0&&B===0&&e.jsx("div",{className:`
|
|
871
|
-
flex
|
|
872
|
-
items-center
|
|
873
|
-
justify-center
|
|
874
|
-
px-6
|
|
875
|
-
py-12
|
|
876
|
-
text-sm
|
|
877
|
-
text-content-secondary
|
|
878
|
-
dark:text-content-secondary
|
|
879
|
-
`,style:{gridColumn:`1 / ${a.length+1}`},children:l})]},O)})}),h&&e.jsx(Rr,{currentPage:h.currentPage,totalPages:h.totalPages,onPageChange:h.onPageChange,previousLabel:h.previousLabel,nextLabel:h.nextLabel})]})},Mr=({label:r,active:a=!1,icon:n,badge:t,disabled:s=!1,onClick:o,className:x="",ariaLabel:c})=>{const i=`
|
|
880
|
-
relative
|
|
881
|
-
flex
|
|
882
|
-
flex-col
|
|
883
|
-
items-center
|
|
884
|
-
cursor-pointer
|
|
885
|
-
outline-none
|
|
886
|
-
transition-all
|
|
887
|
-
duration-150
|
|
888
|
-
p-0
|
|
889
|
-
border-0
|
|
890
|
-
bg-transparent
|
|
891
|
-
`,l=s?"opacity-50 cursor-not-allowed pointer-events-none":"",p=`
|
|
892
|
-
flex
|
|
893
|
-
items-center
|
|
894
|
-
justify-center
|
|
895
|
-
gap-1
|
|
896
|
-
p-2
|
|
897
|
-
rounded-lg
|
|
898
|
-
overflow-hidden
|
|
899
|
-
transition-all
|
|
900
|
-
duration-150
|
|
901
|
-
w-full
|
|
902
|
-
`,f=s?"":`
|
|
903
|
-
group-hover:bg-[rgba(0,0,0,0.03)]
|
|
904
|
-
group-focus-visible:bg-[rgba(0,0,0,0.03)]
|
|
905
|
-
group-focus-visible:shadow-lg
|
|
906
|
-
dark:group-hover:bg-white/5
|
|
907
|
-
dark:group-focus-visible:bg-white/5
|
|
908
|
-
dark:group-focus-visible:shadow-2xl
|
|
909
|
-
`,h=a?`
|
|
910
|
-
text-primary-custom-600
|
|
911
|
-
dark:text-primary-custom-600
|
|
912
|
-
`:`
|
|
913
|
-
text-content-primary
|
|
914
|
-
dark:text-dark-content-primary
|
|
915
|
-
`,b=`
|
|
916
|
-
w-3
|
|
917
|
-
h-3
|
|
918
|
-
flex-shrink-0
|
|
919
|
-
`,m=a?`
|
|
920
|
-
bg-primary-custom-600
|
|
921
|
-
dark:bg-primary-custom-600
|
|
922
|
-
`:`
|
|
923
|
-
bg-content-primary
|
|
924
|
-
dark:bg-dark-content-primary
|
|
925
|
-
`,d=a?`
|
|
926
|
-
absolute
|
|
927
|
-
-bottom-2.5
|
|
928
|
-
left-0
|
|
929
|
-
right-0
|
|
930
|
-
h-0.5
|
|
931
|
-
rounded-full
|
|
932
|
-
bg-primary-custom-600
|
|
933
|
-
dark:bg-primary-custom-600
|
|
934
|
-
z-10
|
|
935
|
-
`:"hidden",g=[i,"",l,"group",x].join(" ").replace(/\s+/g," ").trim(),y=[p,f].join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",role:"tab","aria-selected":a,"aria-disabled":s,"aria-label":c||r,tabIndex:s?-1:0,className:g,onClick:s?void 0:o,disabled:s,children:[e.jsxs("div",{className:y,children:[n&&e.jsx("span",{className:`${b} ${h}`.trim(),children:n}),e.jsx("span",{className:`
|
|
936
|
-
text-sm
|
|
937
|
-
font-bold
|
|
938
|
-
leading-5
|
|
939
|
-
whitespace-nowrap
|
|
940
|
-
${h}
|
|
941
|
-
`.replace(/\s+/g," ").trim(),children:r}),t!==void 0&&t>0&&e.jsx("span",{className:`
|
|
942
|
-
flex
|
|
943
|
-
items-center
|
|
944
|
-
justify-center
|
|
945
|
-
h-3
|
|
946
|
-
min-w-[12px]
|
|
947
|
-
px-0.5
|
|
948
|
-
rounded-sm
|
|
949
|
-
text-xs
|
|
950
|
-
font-normal
|
|
951
|
-
leading-4
|
|
952
|
-
text-primary-inverse-content
|
|
953
|
-
dark:text-dark-bg-primary
|
|
954
|
-
${m}
|
|
955
|
-
`.replace(/\s+/g," ").trim(),"aria-label":`${t} notificaciones`,children:t>99?"99+":t})]}),e.jsx("div",{className:d})]})},Lr=({items:r,activeId:a,defaultActiveId:n,onChange:t,className:s="",fullWidth:o=!1,size:x="base",showBorder:c=!0})=>{const[i,u]=j.useState(n||(r.length>0?r[0].id:"")),l=a!==void 0,p=l?a:i,f=g=>{l||u(g),t?.(g)},b=`
|
|
956
|
-
flex
|
|
957
|
-
items-end
|
|
958
|
-
pb-2.5
|
|
959
|
-
${{sm:"gap-0",base:"gap-1",lg:"gap-2"}[x]}
|
|
960
|
-
${o?"w-full":""}
|
|
961
|
-
${c?"border-b border-border-primary dark:border-dark-border-primary":""}
|
|
962
|
-
`,m=o?"flex-1":"",d=[b,s].join(" ").replace(/\s+/g," ").trim();return e.jsx("div",{role:"tablist","aria-label":"Pestañas de navegación",className:d,children:r.map(g=>e.jsx(Mr,{label:g.label,active:p===g.id,icon:g.icon,badge:g.badge,disabled:g.disabled,onClick:()=>f(g.id),className:m},g.id))})},Ar=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{d:"M1.75 1.002a.75.75 0 1 0 0 1.5h1.035l1.38 5.514a2.75 2.75 0 0 0 2.658 2.048h5.355a2.75 2.75 0 0 0 2.658-2.048l.9-3.597a.75.75 0 0 0-.728-.919H4.655l-.22-.88A.75.75 0 0 0 3.71 2H1.75ZM5 13a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM11.5 13a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"})}),Zr=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M12 5a4 4 0 0 0-8 0v2.379a1.5 1.5 0 0 1-.44 1.06L2.294 9.707a1 1 0 0 0-.293.707V11a1 1 0 0 0 1 1h2a3 3 0 1 0 6 0h2a1 1 0 0 0 1-1v-.586a1 1 0 0 0-.293-.707L12.44 8.44A1.5 1.5 0 0 1 12 7.38V5Zm-5.5 7a1.5 1.5 0 0 0 3 0h-3Z",clipRule:"evenodd"})}),je=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z",clipRule:"evenodd"})}),Ne=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}),re=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 7.25a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",clipRule:"evenodd"})}),Vr=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16",children:e.jsx("path",{fillRule:"evenodd",d:"M14 4.75A2.75 2.75 0 0 0 11.25 2h-3A2.75 2.75 0 0 0 5.5 4.75v.5a.75.75 0 0 0 1.5 0v-.5c0-.69.56-1.25 1.25-1.25h3c.69 0 1.25.56 1.25 1.25v6.5c0 .69-.56 1.25-1.25 1.25h-3c-.69 0-1.25-.56-1.25-1.25v-.5a.75.75 0 0 0-1.5 0v.5A2.75 2.75 0 0 0 8.25 14h3A2.75 2.75 0 0 0 14 11.25v-6.5Zm-9.47.47a.75.75 0 0 0-1.06 0L1.22 7.47a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 1 0 1.06-1.06l-.97-.97h5.69a.75.75 0 0 0 0-1.5H3.56l.97-.97a.75.75 0 0 0 0-1.06Z",clipRule:"evenodd"})}),se=({logo:r,productName:a="Nombre Producto",environmentBadge:n,userDropdown:t,actions:s,notifications:o,className:x="",variant:c="responsive",hideActionButtons:i=!1,leadingAction:u,siesaLogo:l,showBusinessLogo:p=!1,showSiesaLogoLeading:f=!0,showSiesaLogoTrailing:h=!1,onNavigationClick:b,onSearchClick:m,onCartClick:d,onNotificationsClick:g})=>{const y=`
|
|
963
|
-
box-border
|
|
964
|
-
flex
|
|
965
|
-
flex-col
|
|
966
|
-
items-center
|
|
967
|
-
justify-center
|
|
968
|
-
p-1
|
|
969
|
-
relative
|
|
970
|
-
rounded-md
|
|
971
|
-
shrink-0
|
|
972
|
-
text-primary-custom-600
|
|
973
|
-
hover:bg-background-secondary
|
|
974
|
-
active:scale-95
|
|
975
|
-
focus:outline-none
|
|
976
|
-
focus:ring-2
|
|
977
|
-
focus:ring-primary-custom-400
|
|
978
|
-
focus:ring-offset-2
|
|
979
|
-
dark:text-primary-custom-600
|
|
980
|
-
dark:hover:bg-dark-bg-secondary
|
|
981
|
-
dark:active:scale-95
|
|
982
|
-
dark:focus:ring-dark-border-custom
|
|
983
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
984
|
-
transition-all
|
|
985
|
-
duration-150
|
|
986
|
-
`,k=`
|
|
987
|
-
bg-primary-custom-600
|
|
988
|
-
text-primary-inverse-content
|
|
989
|
-
border
|
|
990
|
-
border-primary-custom-600
|
|
991
|
-
shadow-button-inset
|
|
992
|
-
hover:bg-primary-custom-500
|
|
993
|
-
active:scale-95
|
|
994
|
-
focus:outline-none
|
|
995
|
-
focus:ring-2
|
|
996
|
-
focus:ring-primary-custom-400
|
|
997
|
-
focus:ring-offset-2
|
|
998
|
-
dark:bg-dark-bg-inverse
|
|
999
|
-
dark:text-dark-content-inverse
|
|
1000
|
-
dark:border-dark-bg-inverse
|
|
1001
|
-
dark:hover:bg-dark-bg-inverse/90
|
|
1002
|
-
dark:active:scale-95
|
|
1003
|
-
dark:focus:ring-dark-border-custom
|
|
1004
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
1005
|
-
box-border
|
|
1006
|
-
flex
|
|
1007
|
-
flex-col
|
|
1008
|
-
items-center
|
|
1009
|
-
justify-center
|
|
1010
|
-
p-3
|
|
1011
|
-
relative
|
|
1012
|
-
rounded-md
|
|
1013
|
-
shrink-0
|
|
1014
|
-
transition-all
|
|
1015
|
-
duration-150
|
|
1016
|
-
`,N=c==="mobile",w=c==="desktop",v=c==="tablet",S=c==="responsive",V=()=>{if(N)return null;const I=e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(Vr,{})});return w||v?e.jsx("button",{className:k,"aria-label":"Volver",onClick:b,children:I}):e.jsx("button",{className:`hidden md:flex ${k}`,"aria-label":"Volver",onClick:b,children:I})},L=()=>{if(N||!p)return null;const I=e.jsx("img",{src:"/,Business Logo.png",alt:"Business Logo",className:"w-full h-full object-contain"});return w?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[168px] h-[30px]",children:I}):v?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[140px] h-[25px]",children:I}):e.jsx("div",{className:"hidden md:block overflow-hidden relative shrink-0 w-[140px] lg:w-[168px] h-[25px] lg:h-[30px]",children:I})},$=()=>{const I=e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-full h-full object-contain"}),q=e.jsx("img",{src:"/siesa_logo_mobile.png",alt:"Siesa",className:"w-full h-full object-contain"});return N?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[30px] h-[30px]",children:q}):f?w?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:I}):v?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:I}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"md:hidden overflow-hidden relative shrink-0 w-[30px] h-[30px]",children:q}),f&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:I}),e.jsx("div",{className:"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:I})]})]}):null},H=()=>{if(!h||N)return null;const I=e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-full h-full object-contain"});return w?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:I}):v?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:I}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:I}),e.jsx("div",{className:"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:I})]})},z=({responsive:I=!0})=>{const q=e.jsx("div",{className:"grow shrink-0 w-px min-h-px bg-border-primary dark:bg-dark-border-primary"});return N?null:w||v?e.jsx("div",{className:"flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0",children:q}):I?e.jsx("div",{className:"hidden md:flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0",children:q}):null},P=()=>{if(N||!a)return null;const I=e.jsx("p",{className:"font-bold leading-7 text-xl text-content-primary dark:text-dark-content-primary tracking-[-0.5px] whitespace-nowrap",children:a});return w||v?I:e.jsx("p",{className:"hidden md:block font-bold leading-7 text-xl text-content-primary dark:text-dark-content-primary tracking-[-0.5px] whitespace-nowrap",children:a})},F=()=>n?N?e.jsx(K,{color:"yellow",leftIcon:e.jsx(re,{}),label:"Pruebas"}):w||v?e.jsx(K,{color:"yellow",leftIcon:e.jsx(re,{}),label:n}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"md:hidden",children:e.jsx(K,{color:"yellow",leftIcon:e.jsx(re,{}),label:"Pruebas"})}),e.jsx("div",{className:"hidden md:block",children:e.jsx(K,{color:"yellow",leftIcon:e.jsx(re,{}),label:n})})]}):null,M=()=>i?null:N?e.jsx("button",{className:y,"aria-label":"Buscar",onClick:m,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(je,{})})}):S?e.jsx("button",{className:`md:hidden ${y}`,"aria-label":"Buscar",onClick:m,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(je,{})})}):null,B=()=>i?null:e.jsxs("div",{className:"relative",children:[e.jsx("button",{className:y,"aria-label":"Carrito de compras",onClick:d,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(Ar,{})})}),o?.cart!==void 0&&o.cart>0&&e.jsx("div",{className:"absolute bg-error-content dark:bg-error-content flex flex-col gap-2.5 h-4 items-center justify-center left-[calc(50%+8px)] px-1 py-0 rounded-full top-[calc(50%-8px)] -translate-x-1/2 -translate-y-1/2 pointer-events-none min-w-[16px]",children:e.jsx("p",{className:"font-bold leading-3 text-[10px] text-white text-center whitespace-nowrap",children:o.cart>99?"+99":o.cart})})]}),O=()=>i?null:e.jsxs("div",{className:"relative",children:[e.jsx("button",{className:y,"aria-label":"Notificaciones",onClick:g,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(Zr,{})})}),o?.bell&&e.jsx("div",{className:"absolute w-2 h-2 bg-error-content dark:bg-error-content rounded-full left-[calc(50%+4px)] top-[calc(50%-8px)] -translate-x-1/2 pointer-events-none"})]}),_=()=>{if(!t)return null;const I=`
|
|
1017
|
-
box-border
|
|
1018
|
-
flex
|
|
1019
|
-
items-center
|
|
1020
|
-
justify-center
|
|
1021
|
-
overflow-hidden
|
|
1022
|
-
p-0
|
|
1023
|
-
relative
|
|
1024
|
-
shrink-0
|
|
1025
|
-
hover:bg-background-secondary
|
|
1026
|
-
active:scale-95
|
|
1027
|
-
focus:outline-none
|
|
1028
|
-
focus:ring-2
|
|
1029
|
-
focus:ring-primary-custom-400
|
|
1030
|
-
focus:ring-offset-2
|
|
1031
|
-
dark:hover:bg-dark-bg-secondary
|
|
1032
|
-
dark:active:scale-95
|
|
1033
|
-
dark:focus:ring-dark-border-custom
|
|
1034
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
1035
|
-
rounded-lg
|
|
1036
|
-
transition-all
|
|
1037
|
-
duration-150
|
|
1038
|
-
`;if(N)return e.jsx("button",{className:I,onClick:t.onMenuClick,"aria-label":"Menú de usuario",children:e.jsx("div",{className:"relative rounded-full shrink-0 w-8 h-8",children:e.jsx("img",{alt:t.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full",src:t.avatar})})});const q=()=>e.jsx("button",{className:I,onClick:t.onMenuClick,"aria-label":"Menú de usuario",children:e.jsxs("div",{className:"box-border flex gap-3 items-center justify-center overflow-hidden px-3 py-2 relative rounded-lg shrink-0",children:[e.jsxs("div",{className:"flex gap-3 items-center justify-center relative shrink-0",children:[e.jsx("div",{className:"flex items-center justify-center relative shrink-0",children:e.jsx("div",{className:"relative rounded-md shrink-0 w-10 h-10",children:e.jsx("img",{alt:t.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full",src:t.avatar})})}),e.jsxs("div",{className:"flex flex-col gap-0.5 items-start justify-center relative shrink-0 w-[123px]",children:[e.jsx("p",{className:"leading-5 relative shrink-0 text-sm text-content-primary dark:text-dark-content-primary whitespace-nowrap font-normal",children:t.name}),(t.email||t.role)&&e.jsx("p",{className:"leading-4 min-w-full relative shrink-0 text-xs text-content-secondary dark:text-content-secondary w-min whitespace-nowrap overflow-hidden text-ellipsis",children:t.email||t.role})]})]}),e.jsx("div",{className:"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary",children:e.jsx(Ne,{})})]})});return w||v?q():e.jsxs(e.Fragment,{children:[e.jsx("button",{className:`md:hidden ${I}`,onClick:t.onMenuClick,"aria-label":"Menú de usuario",children:e.jsx("div",{className:"relative rounded-full shrink-0 w-8 h-8",children:e.jsx("img",{alt:t.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full",src:t.avatar})})}),e.jsx("button",{className:`hidden md:flex ${I}`,onClick:t.onMenuClick,"aria-label":"Menú de usuario",children:e.jsxs("div",{className:"box-border flex gap-3 items-center justify-center overflow-hidden px-3 py-2 relative rounded-lg shrink-0",children:[e.jsxs("div",{className:"flex gap-3 items-center justify-center relative shrink-0",children:[e.jsx("div",{className:"flex items-center justify-center relative shrink-0",children:e.jsx("div",{className:"relative rounded-md shrink-0 w-10 h-10",children:e.jsx("img",{alt:t.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full",src:t.avatar})})}),e.jsxs("div",{className:"flex flex-col gap-0.5 items-start justify-center relative shrink-0 w-[123px]",children:[e.jsx("p",{className:"leading-5 relative shrink-0 text-sm text-content-primary dark:text-dark-content-primary whitespace-nowrap font-normal",children:t.name}),(t.email||t.role)&&e.jsx("p",{className:"leading-4 min-w-full relative shrink-0 text-xs text-content-secondary dark:text-content-secondary w-min whitespace-nowrap overflow-hidden text-ellipsis",children:t.email||t.role})]})]}),e.jsx("div",{className:"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary",children:e.jsx(Ne,{})})]})})]})},J=[`
|
|
1039
|
-
box-border
|
|
1040
|
-
flex
|
|
1041
|
-
gap-8
|
|
1042
|
-
items-center
|
|
1043
|
-
px-4
|
|
1044
|
-
py-1
|
|
1045
|
-
relative
|
|
1046
|
-
w-full
|
|
1047
|
-
bg-background-primary
|
|
1048
|
-
dark:bg-dark-bg-primary
|
|
1049
|
-
`,{responsive:"h-[40px] md:h-16",desktop:"h-16",tablet:"h-16",mobile:"h-[40px]"}[c],x].join(" ").replace(/\s+/g," ").trim();return e.jsxs("nav",{className:J,children:[e.jsxs("div",{className:"flex gap-4 items-center relative shrink-0",children:[!N&&(u||e.jsx(V,{})),r||e.jsx(L,{}),p&&f&&!N&&e.jsx(z,{}),l||e.jsx($,{}),a&&f&&!N&&e.jsx(z,{}),e.jsx(P,{})]}),e.jsxs("div",{className:"flex gap-4 items-center justify-end grow min-h-px min-w-px relative shrink-0",children:[e.jsx(F,{}),e.jsx(M,{}),e.jsx(B,{}),e.jsx(O,{}),t&&!i&&e.jsx(z,{}),e.jsx(_,{}),h&&t&&!N&&e.jsx(z,{}),e.jsx(H,{}),s&&e.jsx("div",{className:"flex gap-2 items-center",children:s})]})]})},Er=({items:r,activeItemId:a,onItemClick:n,className:t="",ariaLabel:s="Navegación Principal"})=>{r.length>5&&console.warn("NavigationBar: Se recomienda un máximo de 5 ítems para mejor UX");const o=l=>{l.disabled||(l.onClick&&l.onClick(l.id),n&&n(l.id))},x=l=>{const p=l.active||l.id===a,f=`
|
|
1050
|
-
flex-1
|
|
1051
|
-
flex
|
|
1052
|
-
flex-col
|
|
1053
|
-
items-center
|
|
1054
|
-
gap-1
|
|
1055
|
-
px-0.5
|
|
1056
|
-
py-0
|
|
1057
|
-
min-w-0
|
|
1058
|
-
cursor-pointer
|
|
1059
|
-
transition-all
|
|
1060
|
-
duration-150
|
|
1061
|
-
${l.disabled?"opacity-50 cursor-not-allowed pointer-events-none":""}
|
|
1062
|
-
`.replace(/\s+/g," ").trim(),h=`
|
|
1063
|
-
flex
|
|
1064
|
-
items-center
|
|
1065
|
-
justify-center
|
|
1066
|
-
px-4
|
|
1067
|
-
py-1
|
|
1068
|
-
rounded-full
|
|
1069
|
-
overflow-hidden
|
|
1070
|
-
transition-all
|
|
1071
|
-
duration-150
|
|
1072
|
-
${p?"bg-primary-custom-100 dark:bg-primary-custom-100":"bg-transparent hover:bg-hover-overlay dark:hover:bg-hover-overlay-dark"}
|
|
1073
|
-
`.replace(/\s+/g," ").trim(),b=`
|
|
1074
|
-
font-['SiesaBT:Bold',sans-serif]
|
|
1075
|
-
text-[10px]
|
|
1076
|
-
leading-[12px]
|
|
1077
|
-
font-bold
|
|
1078
|
-
text-center
|
|
1079
|
-
w-full
|
|
1080
|
-
min-w-0
|
|
1081
|
-
text-content-primary
|
|
1082
|
-
dark:text-dark-content-primary
|
|
1083
|
-
transition-colors
|
|
1084
|
-
duration-150
|
|
1085
|
-
`.replace(/\s+/g," ").trim(),m=`
|
|
1086
|
-
w-4
|
|
1087
|
-
h-4
|
|
1088
|
-
shrink-0
|
|
1089
|
-
text-content-primary
|
|
1090
|
-
dark:text-dark-content-primary
|
|
1091
|
-
transition-colors
|
|
1092
|
-
duration-150
|
|
1093
|
-
`.replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:f,onClick:()=>o(l),disabled:l.disabled,"aria-label":l.ariaLabel||l.label,"aria-current":p?"page":void 0,children:[e.jsx("div",{className:h,children:e.jsx("span",{className:m,children:l.icon})}),e.jsx("span",{className:b,children:l.label})]},l.id)},c=`
|
|
1094
|
-
bg-bg-primary
|
|
1095
|
-
dark:bg-dark-bg-primary
|
|
1096
|
-
p-4
|
|
1097
|
-
w-full
|
|
1098
|
-
transition-colors
|
|
1099
|
-
duration-150
|
|
1100
|
-
`.replace(/\s+/g," ").trim(),i=`
|
|
1101
|
-
flex
|
|
1102
|
-
items-start
|
|
1103
|
-
justify-center
|
|
1104
|
-
w-full
|
|
1105
|
-
`.replace(/\s+/g," ").trim(),u=`
|
|
1106
|
-
flex-1
|
|
1107
|
-
flex
|
|
1108
|
-
items-start
|
|
1109
|
-
gap-2
|
|
1110
|
-
min-h-0
|
|
1111
|
-
min-w-0
|
|
1112
|
-
`.replace(/\s+/g," ").trim();return e.jsx("nav",{className:`${c} ${t}`.trim(),role:"navigation","aria-label":s,children:e.jsx("div",{className:i,children:e.jsx("div",{className:u,children:r.map(l=>x(l))})})})},Pr=({lightColor:r,darkColor:a,className:n=""})=>e.jsxs("svg",{className:`w-4 h-4 shrink-0 ${n}`.trim(),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16","aria-hidden":"true",children:[e.jsx("circle",{cx:"8",cy:"8",r:"8",fill:r,className:"dark:hidden"}),e.jsx("circle",{cx:"8",cy:"8",r:"8",fill:a,className:"hidden dark:block"})]}),X=({status:r="available",className:a=""})=>{const t={available:{lightColor:"#0e79fd",darkColor:"#93d1fd",label:"Disponible"},occupied:{lightColor:"#af460e",darkColor:"#f5a927",label:"Ocupada"},reserved:{lightColor:"#7e22ce",darkColor:"#c084fc",label:"Reservada"},outOfService:{lightColor:"#3f3f46",darkColor:"#a1a1aa",label:"Fuera de Servicio"}}[r],o=[`
|
|
1113
|
-
inline-flex
|
|
1114
|
-
items-center
|
|
1115
|
-
gap-1
|
|
1116
|
-
shrink-0
|
|
1117
|
-
`,a].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:o,role:"presentation","aria-label":`Estado: ${t.label}`,children:[e.jsx(Pr,{lightColor:t.lightColor,darkColor:t.darkColor}),e.jsx("span",{className:`
|
|
1118
|
-
text-xs
|
|
1119
|
-
leading-4
|
|
1120
|
-
font-normal
|
|
1121
|
-
text-content-primary
|
|
1122
|
-
dark:text-dark-content-primary
|
|
1123
|
-
whitespace-nowrap
|
|
1124
|
-
`.replace(/\s+/g," ").trim(),children:t.label})]})},zr=({className:r=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,children:e.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Dr=({className:r=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,children:e.jsx("path",{d:"M9 3L3 9M3 3L9 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Tr=({className:r=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,children:e.jsx("path",{d:"M10.5 5H1.5M8.5 1V3M3.5 1V3M3.25 11H8.75C9.57843 11 10.25 10.3284 10.25 9.5V3.5C10.25 2.67157 9.57843 2 8.75 2H3.25C2.42157 2 1.75 2.67157 1.75 3.5V9.5C1.75 10.3284 2.42157 11 3.25 11Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Hr=({className:r=""})=>e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,children:[e.jsx("path",{d:"M10.5 6C10.5 8.48528 8.48528 10.5 6 10.5C3.51472 10.5 1.5 8.48528 1.5 6C1.5 3.51472 3.51472 1.5 6 1.5C8.48528 1.5 10.5 3.51472 10.5 6Z",stroke:"currentColor",strokeWidth:"1.5"}),e.jsx("path",{d:"M9.18198 2.81802L2.81802 9.18198",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),Fr=({className:r=""})=>e.jsx("svg",{width:"13",height:"10",viewBox:"0 0 13 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,children:e.jsx("path",{d:"M9.25 9V8C9.25 6.89543 8.35457 6 7.25 6H2.75C1.64543 6 0.75 6.89543 0.75 8V9M12.25 9V8C12.25 6.89543 11.3546 6 10.25 6H9.75M7 2.5C7 3.60457 6.10457 4.5 5 4.5C3.89543 4.5 3 3.60457 3 2.5C3 1.39543 3.89543 0.5 5 0.5C6.10457 0.5 7 1.39543 7 2.5ZM10 2C10 2.82843 9.32843 3.5 8.5 3.5C7.67157 3.5 7 2.82843 7 2C7 1.17157 7.67157 0.5 8.5 0.5C9.32843 0.5 10 1.17157 10 2Z",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round"})}),Ze=({locationName:r,status:a="available",state:n="enabled",capacity:t,onClick:s,disabled:o=!1,className:x="",ariaLabel:c,fullWidth:i=!0})=>{const l={available:{textColor:"text-primary-custom-600 dark:text-primary-custom-600",badgeBg:"bg-primary-custom-100 dark:bg-blue-900/30",badgeText:"text-primary-custom-600 dark:text-blue-400",activedBg:"bg-primary-custom-100 dark:bg-blue-900/30",icon:zr,badgeLabel:"Disponible"},occupied:{textColor:"text-[#af460e] dark:text-orange-400",badgeBg:"bg-[#fcedc9] dark:bg-yellow-900/30",badgeText:"text-[#af460e] dark:text-orange-400",activedBg:"bg-[#fcedc9] dark:bg-yellow-900/30",icon:Dr,badgeLabel:"Ocupada"},reserved:{textColor:"text-[#7e22ce] dark:text-fuchsia-400",badgeBg:"bg-[#f3e8ff] dark:bg-purple-900/30",badgeText:"text-[#7e22ce] dark:text-purple-400",activedBg:"bg-[#f3e8ff] dark:bg-purple-900/30",icon:Tr,badgeLabel:"Reservada"},outOfService:{textColor:"text-[#3f3f46] dark:text-zinc-400",badgeBg:"bg-[#f4f4f5] dark:bg-zinc-800/30",badgeText:"text-content-tertiary dark:text-zinc-400",activedBg:"bg-[#f4f4f5] dark:bg-zinc-800/30",icon:Hr,badgeLabel:"F. de Servicio"}}[a],p=l.icon,f=n==="actived"?l.activedBg:"bg-white dark:bg-dark-bg-primary",m=[`
|
|
1125
|
-
flex
|
|
1126
|
-
flex-col
|
|
1127
|
-
items-stretch
|
|
1128
|
-
justify-between
|
|
1129
|
-
${i?"w-full":"w-[189px]"}
|
|
1130
|
-
h-[68px]
|
|
1131
|
-
p-2
|
|
1132
|
-
rounded-lg
|
|
1133
|
-
cursor-pointer
|
|
1134
|
-
transition-all
|
|
1135
|
-
duration-150
|
|
1136
|
-
focus:outline-none
|
|
1137
|
-
focus:ring-2
|
|
1138
|
-
focus:ring-primary-custom-400
|
|
1139
|
-
focus:ring-offset-2
|
|
1140
|
-
dark:focus:ring-dark-border-custom
|
|
1141
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
1142
|
-
hover:shadow-md
|
|
1143
|
-
active:scale-[0.98]
|
|
1144
|
-
disabled:opacity-50
|
|
1145
|
-
disabled:cursor-not-allowed
|
|
1146
|
-
disabled:pointer-events-none
|
|
1147
|
-
`,f,x].join(" ").replace(/\s+/g," ").trim(),d=t?`${t.current}/${t.total} mesas`:null;return e.jsxs("button",{className:m,onClick:s,disabled:o,"aria-label":c||`${r} - ${l.badgeLabel}`,type:"button",children:[e.jsx("div",{className:`
|
|
1148
|
-
text-base
|
|
1149
|
-
font-bold
|
|
1150
|
-
leading-6
|
|
1151
|
-
${l.textColor}
|
|
1152
|
-
`.replace(/\s+/g," ").trim(),children:r}),e.jsxs("div",{className:"flex items-center justify-between",children:[d&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(Fr,{className:l.textColor}),e.jsx("span",{className:`
|
|
1153
|
-
text-[10px]
|
|
1154
|
-
leading-[12px]
|
|
1155
|
-
${l.textColor}
|
|
1156
|
-
`.replace(/\s+/g," ").trim(),children:d})]}),e.jsxs("div",{className:`
|
|
1157
|
-
inline-flex
|
|
1158
|
-
items-center
|
|
1159
|
-
gap-1
|
|
1160
|
-
px-1.5
|
|
1161
|
-
py-1
|
|
1162
|
-
rounded-md
|
|
1163
|
-
${l.badgeBg}
|
|
1164
|
-
`.replace(/\s+/g," ").trim(),children:[e.jsx(p,{className:l.badgeText}),e.jsx("span",{className:`
|
|
1165
|
-
text-xs
|
|
1166
|
-
leading-4
|
|
1167
|
-
${l.badgeText}
|
|
1168
|
-
`.replace(/\s+/g," ").trim(),children:l.badgeLabel})]})]})]})},Ve=({size:r="l",border:a=!1,children:n,disabled:t=!1,className:s="",onClick:o,ariaLabel:x,htmlType:c="button",...i})=>{const u={s:"w-10 h-10",m:"w-[65px] h-[65px]",l:"w-20 h-20"},l={s:"text-2xl",m:"text-5xl",l:"text-5xl"},b=[`
|
|
1169
|
-
inline-flex
|
|
1170
|
-
items-center
|
|
1171
|
-
justify-center
|
|
1172
|
-
rounded-lg
|
|
1173
|
-
font-bold
|
|
1174
|
-
tracking-tighter
|
|
1175
|
-
whitespace-nowrap
|
|
1176
|
-
cursor-pointer
|
|
1177
|
-
focus:outline-none
|
|
1178
|
-
focus:ring-2
|
|
1179
|
-
focus:ring-primary-custom-400
|
|
1180
|
-
focus:ring-offset-2
|
|
1181
|
-
dark:focus:ring-dark-border-custom
|
|
1182
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
1183
|
-
disabled:opacity-50
|
|
1184
|
-
disabled:cursor-not-allowed
|
|
1185
|
-
disabled:pointer-events-none
|
|
1186
|
-
transition-all
|
|
1187
|
-
duration-150
|
|
1188
|
-
`,u[r],l[r],a?`
|
|
1189
|
-
bg-white
|
|
1190
|
-
text-content-primary
|
|
1191
|
-
border
|
|
1192
|
-
border-border-primary
|
|
1193
|
-
hover:bg-primary-custom-600
|
|
1194
|
-
hover:text-primary-inverse-content
|
|
1195
|
-
hover:border-primary-inverse-border
|
|
1196
|
-
active:bg-primary-custom-600
|
|
1197
|
-
active:text-primary-inverse-content
|
|
1198
|
-
active:border-primary-inverse-border
|
|
1199
|
-
active:scale-95
|
|
1200
|
-
dark:bg-dark-bg-primary
|
|
1201
|
-
dark:text-dark-content-primary
|
|
1202
|
-
dark:border-dark-border-primary
|
|
1203
|
-
dark:hover:bg-dark-bg-inverse
|
|
1204
|
-
dark:hover:text-dark-content-inverse
|
|
1205
|
-
dark:hover:border-primary-inverse-border
|
|
1206
|
-
dark:active:bg-dark-bg-inverse
|
|
1207
|
-
dark:active:text-dark-content-inverse
|
|
1208
|
-
dark:active:border-primary-inverse-border
|
|
1209
|
-
dark:active:scale-95
|
|
1210
|
-
`:`
|
|
1211
|
-
bg-white
|
|
1212
|
-
text-content-primary
|
|
1213
|
-
hover:bg-primary-custom-600
|
|
1214
|
-
hover:text-primary-inverse-content
|
|
1215
|
-
active:bg-primary-custom-600
|
|
1216
|
-
active:text-primary-inverse-content
|
|
1217
|
-
active:scale-95
|
|
1218
|
-
dark:bg-dark-bg-primary
|
|
1219
|
-
dark:text-dark-content-primary
|
|
1220
|
-
dark:hover:bg-dark-bg-inverse
|
|
1221
|
-
dark:hover:text-dark-content-inverse
|
|
1222
|
-
dark:active:bg-dark-bg-inverse
|
|
1223
|
-
dark:active:text-dark-content-inverse
|
|
1224
|
-
dark:active:scale-95
|
|
1225
|
-
`,s].join(" ").replace(/\s+/g," ").trim();return e.jsx("button",{type:c,className:b,disabled:t,onClick:o,"aria-label":x||`Número ${n}`,...i,children:n})},Ee=({image:r,label:a,active:n=!1,disabled:t=!1,onClick:s,className:o="",ariaLabel:x})=>{const u=[`
|
|
1226
|
-
flex
|
|
1227
|
-
flex-col
|
|
1228
|
-
gap-2
|
|
1229
|
-
p-3
|
|
1230
|
-
rounded-lg
|
|
1231
|
-
font-bold
|
|
1232
|
-
text-sm
|
|
1233
|
-
transition-all
|
|
1234
|
-
duration-150
|
|
1235
|
-
focus:outline-none
|
|
1236
|
-
focus:ring-2
|
|
1237
|
-
focus:ring-primary-custom-400
|
|
1238
|
-
focus:ring-offset-2
|
|
1239
|
-
dark:focus:ring-dark-border-custom
|
|
1240
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
1241
|
-
`,t?`
|
|
1242
|
-
bg-white
|
|
1243
|
-
text-content-primary
|
|
1244
|
-
opacity-55
|
|
1245
|
-
cursor-not-allowed
|
|
1246
|
-
pointer-events-none
|
|
1247
|
-
dark:bg-dark-bg-primary
|
|
1248
|
-
dark:text-dark-content-primary
|
|
1249
|
-
`:n?`
|
|
1250
|
-
bg-primary-custom-100
|
|
1251
|
-
text-primary-custom-600
|
|
1252
|
-
cursor-pointer
|
|
1253
|
-
hover:bg-primary-custom-100
|
|
1254
|
-
active:scale-95
|
|
1255
|
-
dark:bg-primary-custom-100/20
|
|
1256
|
-
dark:text-primary-custom-600
|
|
1257
|
-
dark:hover:bg-primary-custom-100/30
|
|
1258
|
-
dark:active:scale-95
|
|
1259
|
-
`:`
|
|
1260
|
-
bg-white
|
|
1261
|
-
text-content-primary
|
|
1262
|
-
cursor-pointer
|
|
1263
|
-
hover:bg-background-secondary
|
|
1264
|
-
active:scale-95
|
|
1265
|
-
dark:bg-dark-bg-primary
|
|
1266
|
-
dark:text-dark-content-primary
|
|
1267
|
-
dark:hover:bg-dark-bg-primary/80
|
|
1268
|
-
dark:active:scale-95
|
|
1269
|
-
`,o].join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:u,disabled:t,onClick:s,"aria-label":x||a,"aria-pressed":n,children:[e.jsx("div",{className:"aspect-[158/80] w-full rounded-lg overflow-hidden",children:e.jsx("img",{src:r,alt:a,className:"w-full h-full object-cover"})}),e.jsx("div",{className:"w-full text-left leading-5",children:a})]})},Or=({className:r=""})=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,"aria-hidden":"true",children:e.jsx("path",{d:"M8 3V13M3 8H13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Pe=({image:r,productName:a,price:n,buttonText:t="Agregar",active:s=!1,disabled:o=!1,onAddClick:x,onCardClick:c,className:i="",ariaLabel:u})=>{const l=`
|
|
1270
|
-
flex
|
|
1271
|
-
flex-col
|
|
1272
|
-
gap-2
|
|
1273
|
-
p-3
|
|
1274
|
-
rounded-lg
|
|
1275
|
-
w-[170px]
|
|
1276
|
-
transition-all
|
|
1277
|
-
duration-150
|
|
1278
|
-
focus:outline-none
|
|
1279
|
-
focus:ring-2
|
|
1280
|
-
focus:ring-primary-custom-400
|
|
1281
|
-
focus:ring-offset-2
|
|
1282
|
-
dark:focus:ring-dark-border-custom
|
|
1283
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
1284
|
-
`,p=o?`
|
|
1285
|
-
bg-white
|
|
1286
|
-
opacity-55
|
|
1287
|
-
cursor-not-allowed
|
|
1288
|
-
dark:bg-dark-bg-primary
|
|
1289
|
-
`:s?`
|
|
1290
|
-
bg-primary-custom-100
|
|
1291
|
-
cursor-pointer
|
|
1292
|
-
dark:bg-dark-bg-custom
|
|
1293
|
-
`:`
|
|
1294
|
-
bg-white
|
|
1295
|
-
cursor-pointer
|
|
1296
|
-
dark:bg-dark-bg-primary
|
|
1297
|
-
`,f=o?`
|
|
1298
|
-
text-content-primary
|
|
1299
|
-
dark:text-dark-content-primary
|
|
1300
|
-
`:s?`
|
|
1301
|
-
text-primary-custom-600
|
|
1302
|
-
dark:text-dark-content-custom
|
|
1303
|
-
`:`
|
|
1304
|
-
text-content-primary
|
|
1305
|
-
dark:text-dark-content-primary
|
|
1306
|
-
`,h=[l,p,i].join(" ").replace(/\s+/g," ").trim(),b=d=>{o||d.target.closest("button")||c?.(d)},m=d=>{d.stopPropagation(),!o&&x?.(d)};return e.jsxs("div",{className:h,onClick:b,role:"article","aria-label":u||`${a} - ${n}`,tabIndex:o?-1:0,children:[e.jsxs("div",{className:"flex flex-col gap-3 w-full",children:[e.jsx("div",{className:"h-[88px] w-full rounded-lg overflow-hidden",children:e.jsx("img",{src:r,alt:a,className:"w-full h-full object-cover"})}),e.jsxs("div",{className:`flex flex-col w-full font-bold ${f}`.trim().replace(/\s+/g," "),children:[e.jsx("div",{className:"text-sm leading-5",children:a}),e.jsx("div",{className:"text-2xl leading-8 tracking-tighter",children:n})]})]}),e.jsx(D,{type:"default",size:"sm",leftIcon:e.jsx(Or,{className:"w-4 h-4"}),onClick:m,disabled:o,fullWidth:!0,ariaLabel:`${t} ${a}`,children:t})]})},Wr=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M5 3.25V4H2.75a.75.75 0 0 0 0 1.5h.3l.815 8.15A1.5 1.5 0 0 0 5.357 15h5.285a1.5 1.5 0 0 0 1.493-1.35l.815-8.15h.3a.75.75 0 0 0 0-1.5H11v-.75A2.25 2.25 0 0 0 8.75 1h-1.5A2.25 2.25 0 0 0 5 3.25Zm2.25-.75a.75.75 0 0 0-.75.75V4h3v-.75a.75.75 0 0 0-.75-.75h-1.5ZM6.05 6a.75.75 0 0 1 .787.713l.275 5.5a.75.75 0 0 1-1.498.075l-.275-5.5A.75.75 0 0 1 6.05 6Zm3.9 0a.75.75 0 0 1 .712.787l-.275 5.5a.75.75 0 0 1-1.498-.075l.275-5.5a.75.75 0 0 1 .786-.711Z",clipRule:"evenodd"})}),pe=({categoryLabel:r,categoryColor:a="lime",productRef:n,price:t,productName:s,descriptionItems:o=[],showDescription:x=!0,quantity:c=0,minQuantity:i=0,maxQuantity:u,onQuantityChange:l,onDelete:p,disabled:f=!1,className:h="",deleteIcon:b})=>{const m={lime:{bg:"bg-lime-100 dark:bg-lime-900/40",text:"text-lime-700 dark:text-lime-300"},red:{bg:"bg-red-100 dark:bg-red-900/40",text:"text-red-700 dark:text-red-300"},orange:{bg:"bg-orange-100 dark:bg-orange-900/40",text:"text-orange-700 dark:text-orange-300"},amber:{bg:"bg-amber-100 dark:bg-amber-900/40",text:"text-amber-700 dark:text-amber-300"},yellow:{bg:"bg-yellow-100 dark:bg-yellow-900/40",text:"text-yellow-700 dark:text-yellow-300"},green:{bg:"bg-green-100 dark:bg-green-900/40",text:"text-green-700 dark:text-green-300"},emerald:{bg:"bg-emerald-100 dark:bg-emerald-900/40",text:"text-emerald-700 dark:text-emerald-300"},teal:{bg:"bg-teal-100 dark:bg-teal-900/40",text:"text-teal-700 dark:text-teal-300"},cyan:{bg:"bg-cyan-100 dark:bg-cyan-900/40",text:"text-cyan-700 dark:text-cyan-300"},sky:{bg:"bg-sky-100 dark:bg-sky-900/40",text:"text-sky-700 dark:text-sky-300"},blue:{bg:"bg-blue-100 dark:bg-blue-900/40",text:"text-blue-700 dark:text-blue-300"},indigo:{bg:"bg-indigo-100 dark:bg-indigo-900/40",text:"text-indigo-700 dark:text-indigo-300"},violet:{bg:"bg-violet-100 dark:bg-violet-900/40",text:"text-violet-700 dark:text-violet-300"},purple:{bg:"bg-purple-100 dark:bg-purple-900/40",text:"text-purple-700 dark:text-purple-300"},fuchsia:{bg:"bg-fuchsia-100 dark:bg-fuchsia-900/40",text:"text-fuchsia-700 dark:text-fuchsia-300"},pink:{bg:"bg-pink-100 dark:bg-pink-900/40",text:"text-pink-700 dark:text-pink-300"},rose:{bg:"bg-rose-100 dark:bg-rose-900/40",text:"text-rose-700 dark:text-rose-300"},zinc:{bg:"bg-zinc-100 dark:bg-zinc-800/50",text:"text-zinc-600 dark:text-zinc-300"},primary:{bg:"bg-primary-custom-100 dark:bg-primary-custom-600/30",text:"text-primary-custom-600 dark:text-primary-custom-300"}},d=m[a]||m.lime,g=k=>{!f&&l&&l(k)},y=()=>{!f&&p&&p()};return e.jsxs("div",{className:`
|
|
1307
|
-
flex
|
|
1308
|
-
flex-col
|
|
1309
|
-
gap-2
|
|
1310
|
-
w-full
|
|
1311
|
-
${f?"opacity-50 pointer-events-none":""}
|
|
1312
|
-
${h}
|
|
1313
|
-
`.trim().replace(/\s+/g," "),"data-component":"POSProductSidebarItems",children:[e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("div",{className:"flex flex-col gap-1 w-full",children:[e.jsxs("div",{className:"flex items-center gap-1 w-full",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-0",children:[e.jsx("div",{className:`
|
|
1314
|
-
inline-flex
|
|
1315
|
-
items-center
|
|
1316
|
-
px-1.5
|
|
1317
|
-
py-1
|
|
1318
|
-
rounded-md
|
|
1319
|
-
transition-colors
|
|
1320
|
-
duration-150
|
|
1321
|
-
${d.bg}
|
|
1322
|
-
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`
|
|
1323
|
-
text-xs
|
|
1324
|
-
leading-4
|
|
1325
|
-
font-normal
|
|
1326
|
-
text-center
|
|
1327
|
-
whitespace-nowrap
|
|
1328
|
-
${d.text}
|
|
1329
|
-
`.trim().replace(/\s+/g," "),children:r})}),e.jsx("span",{className:"text-[10px] leading-3 font-normal text-content-primary dark:text-dark-content-primary whitespace-nowrap",children:n})]}),e.jsx("div",{className:"flex items-center shrink-0",children:e.jsx("span",{className:"text-xs leading-4 font-bold text-content-primary dark:text-dark-content-primary whitespace-nowrap text-right",children:t})})]}),e.jsx("div",{className:"flex items-start w-full",children:e.jsx("span",{className:"text-xs leading-4 font-bold text-content-primary dark:text-dark-content-primary flex-1 min-w-0",children:s})})]}),x&&o.length>0&&e.jsx("div",{className:`
|
|
1330
|
-
flex
|
|
1331
|
-
flex-col
|
|
1332
|
-
gap-2
|
|
1333
|
-
p-2
|
|
1334
|
-
rounded-lg
|
|
1335
|
-
bg-background-secondary
|
|
1336
|
-
dark:bg-zinc-700
|
|
1337
|
-
w-full
|
|
1338
|
-
transition-colors
|
|
1339
|
-
duration-150
|
|
1340
|
-
`.trim().replace(/\s+/g," "),children:o.map((k,N)=>e.jsxs("div",{className:"flex items-center gap-1 w-full",children:[e.jsx("span",{className:"flex-1 min-w-0 text-xs leading-3 font-normal text-content-primary dark:text-dark-content-primary",children:k.description}),e.jsx("span",{className:"text-xs leading-3 font-bold text-content-primary dark:text-dark-content-primary whitespace-nowrap text-right shrink-0",children:k.price})]},N))})]}),e.jsxs("div",{className:"flex items-center justify-between w-full",children:[e.jsx("div",{className:"w-[118px]",children:e.jsx(ce,{value:c,min:i,max:u,onChange:g,disabled:f})}),e.jsx("button",{type:"button",onClick:y,disabled:f,className:`
|
|
1341
|
-
flex
|
|
1342
|
-
items-center
|
|
1343
|
-
justify-center
|
|
1344
|
-
w-6
|
|
1345
|
-
h-6
|
|
1346
|
-
rounded-md
|
|
1347
|
-
text-red-700
|
|
1348
|
-
dark:text-red-500
|
|
1349
|
-
hover:text-red-800
|
|
1350
|
-
dark:hover:text-red-400
|
|
1351
|
-
hover:bg-red-50
|
|
1352
|
-
dark:hover:bg-red-900/20
|
|
1353
|
-
focus:outline-none
|
|
1354
|
-
focus:ring-2
|
|
1355
|
-
focus:ring-red-500/50
|
|
1356
|
-
dark:focus:ring-red-400/50
|
|
1357
|
-
focus:ring-offset-1
|
|
1358
|
-
focus:ring-offset-white
|
|
1359
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
1360
|
-
active:scale-95
|
|
1361
|
-
transition-all
|
|
1362
|
-
duration-150
|
|
1363
|
-
${f?"cursor-not-allowed opacity-50":"cursor-pointer"}
|
|
1364
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Eliminar producto",children:b||e.jsx(Wr,{className:"w-[18px] h-[21px]"})})]})]})};pe.displayName="POSProductSidebarItems";const le=({tableNumber:r,status:a="available",shape:n="square",chairs:t=4,showChairs:s=!0,isActive:o=!1,onClick:x,className:c="",disabled:i=!1,children:u})=>{const l={available:{border:"border-[#0e79fd]",borderDark:"dark:border-[#93d1fd]",bgEnabled:"bg-transparent",bgEnabledDark:"dark:bg-transparent",bgActive:"bg-[#dbeefe]",bgActiveDark:"dark:bg-[#1e3a5f]",borderActive:"border-[#bce4ff]",borderActiveDark:"dark:border-[#1e3a5f]",table:"bg-[#0e79fd]",tableDark:"dark:bg-[#93d1fd]",chair:"bg-[#0e79fd]",chairDark:"dark:bg-[#93d1fd]",text:"text-[#0e79fd]",textDark:"dark:text-[#93d1fd]",focusRing:"focus:ring-[#93d1fd]",focusRingDark:"dark:focus:ring-[#0e79fd]"},busy:{border:"border-[#af460e]",borderDark:"dark:border-[#f5a927]",bgEnabled:"bg-transparent",bgEnabledDark:"dark:bg-transparent",bgActive:"bg-[#fed7aa]",bgActiveDark:"dark:bg-[#5c3a1e]",borderActive:"border-[#fed7aa]",borderActiveDark:"dark:border-[#5c3a1e]",table:"bg-[#af460e]",tableDark:"dark:bg-[#f5a927]",chair:"bg-[#af460e]",chairDark:"dark:bg-[#f5a927]",text:"text-[#af460e]",textDark:"dark:text-[#f5a927]",focusRing:"focus:ring-[#f5a927]",focusRingDark:"dark:focus:ring-[#af460e]"},reserved:{border:"border-[#7e22ce]",borderDark:"dark:border-[#c084fc]",bgEnabled:"bg-transparent",bgEnabledDark:"dark:bg-transparent",bgActive:"bg-[#e9d5ff]",bgActiveDark:"dark:bg-[#3b1f5c]",borderActive:"border-[#e9d5ff]",borderActiveDark:"dark:border-[#3b1f5c]",table:"bg-[#7e22ce]",tableDark:"dark:bg-[#c084fc]",chair:"bg-[#7e22ce]",chairDark:"dark:bg-[#c084fc]",text:"text-[#7e22ce]",textDark:"dark:text-[#c084fc]",focusRing:"focus:ring-[#c084fc]",focusRingDark:"dark:focus:ring-[#7e22ce]"}},p={square:{container:"rounded-[4px]",table:"w-[64px] h-[64px] rounded-[4px]"},circle:{container:"rounded-[9999px]",table:"w-[64px] h-[64px] rounded-[9999px]"},rectangle:{container:"rounded-[4px]",table:"w-[80px] h-[64px] rounded-[4px]"},oval:{container:"rounded-[24px]",table:"w-[80px] h-[64px] rounded-[24px]"}},f=({rotation:d})=>e.jsxs("div",{className:"w-[28px] h-[22px]",style:{transform:`rotate(${d}deg)`},"aria-hidden":"true",children:[e.jsx("div",{className:`
|
|
1365
|
-
absolute
|
|
1366
|
-
top-0
|
|
1367
|
-
left-0
|
|
1368
|
-
right-0
|
|
1369
|
-
h-[16px]
|
|
1370
|
-
rounded-t-[4px]
|
|
1371
|
-
${l[a].chair}
|
|
1372
|
-
${l[a].chairDark}
|
|
1373
|
-
`}),e.jsx("div",{className:`
|
|
1374
|
-
absolute
|
|
1375
|
-
bottom-0
|
|
1376
|
-
left-[7.14%]
|
|
1377
|
-
right-[7.14%]
|
|
1378
|
-
h-[14px]
|
|
1379
|
-
rounded-b-[4px]
|
|
1380
|
-
${l[a].chair}
|
|
1381
|
-
${l[a].chairDark}
|
|
1382
|
-
`})]}),h=()=>{!i&&x&&x()},b=d=>{(d.key==="Enter"||d.key===" ")&&!i&&x&&(d.preventDefault(),x())},m=["w-[160px]","h-[160px]","shrink-0","relative","flex","flex-col","items-center","justify-center","p-0","border-2","box-border","rounded-[8px]",o?l[a].borderActive:l[a].border,o?l[a].borderActiveDark:l[a].borderDark,o?l[a].bgActive:l[a].bgEnabled,o?l[a].bgActiveDark:l[a].bgEnabledDark,"focus:outline-none","focus:ring-2",l[a].focusRing,l[a].focusRingDark,"focus:ring-offset-2","dark:focus:ring-offset-dark-bg-primary","transition-all","duration-150",x&&!i?"cursor-pointer":"",x&&!i?"hover:scale-105":"",x&&!i?"active:scale-95":"",i?"opacity-50 cursor-not-allowed":"",c].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{className:m,onClick:h,onKeyDown:b,disabled:i,type:"button","aria-label":`Mesa ${r} - ${a==="available"?"Disponible":a==="busy"?"Ocupada":"Reservada"}`,children:[e.jsxs("div",{className:"flex flex-col gap-[4px] items-center justify-center w-[134px] h-[134px] shrink-0",children:[s&&(t===2||t===4||t===6||t===8)&&e.jsxs("div",{className:"flex gap-[4px] items-center justify-center shrink-0",children:[t>=6&&e.jsxs(e.Fragment,{children:[e.jsx(f,{rotation:0}),e.jsx(f,{rotation:0})]}),t===2&&e.jsx(f,{rotation:0}),t===4&&e.jsx(f,{rotation:0})]}),e.jsxs("div",{className:"flex gap-[4px] items-center justify-center shrink-0",children:[s&&(t===4||t===6||t===8)&&e.jsxs("div",{className:"flex flex-col gap-[4px] items-start justify-center shrink-0",children:[t>=8&&e.jsxs(e.Fragment,{children:[e.jsx(f,{rotation:270}),e.jsx(f,{rotation:270})]}),(t===4||t===6)&&e.jsx(f,{rotation:270})]}),e.jsx("div",{className:"flex flex-col gap-[4px] items-start justify-center shrink-0",children:e.jsx("div",{className:"flex items-center shrink-0",children:e.jsx("div",{className:`
|
|
1383
|
-
${p[n].table}
|
|
1384
|
-
${l[a].table}
|
|
1385
|
-
${l[a].tableDark}
|
|
1386
|
-
shrink-0
|
|
1387
|
-
`})})}),s&&(t===4||t===6||t===8)&&e.jsxs("div",{className:"flex flex-col gap-[4px] items-start justify-center shrink-0",children:[t>=8&&e.jsxs(e.Fragment,{children:[e.jsx(f,{rotation:90}),e.jsx(f,{rotation:90})]}),(t===4||t===6)&&e.jsx(f,{rotation:90})]})]}),s&&(t===2||t===4||t===6||t===8)&&e.jsxs("div",{className:"flex gap-[4px] items-center justify-center shrink-0",children:[t>=6&&e.jsxs(e.Fragment,{children:[e.jsx(f,{rotation:180}),e.jsx(f,{rotation:180})]}),t===2&&e.jsx(f,{rotation:180}),t===4&&e.jsx(f,{rotation:180})]})]}),e.jsxs("div",{className:`
|
|
1388
|
-
flex
|
|
1389
|
-
flex-col
|
|
1390
|
-
justify-center
|
|
1391
|
-
leading-[0]
|
|
1392
|
-
not-italic
|
|
1393
|
-
overflow-ellipsis
|
|
1394
|
-
overflow-hidden
|
|
1395
|
-
min-w-full
|
|
1396
|
-
text-center
|
|
1397
|
-
whitespace-nowrap
|
|
1398
|
-
shrink-0
|
|
1399
|
-
text-[10px]
|
|
1400
|
-
font-normal
|
|
1401
|
-
${l[a].text}
|
|
1402
|
-
${l[a].textDark}
|
|
1403
|
-
`,children:[e.jsxs("p",{className:"leading-[12px] overflow-ellipsis overflow-hidden",children:["Mesa ",r]}),u]})]})},qr=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:[e.jsx("path",{d:"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z"}),e.jsx("path",{d:"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z"})]}),_r=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:e.jsx("path",{fillRule:"evenodd",d:"M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z",clipRule:"evenodd"})}),Ur=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:[e.jsx("path",{d:"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}),e.jsx("path",{fillRule:"evenodd",d:"M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z",clipRule:"evenodd"})]}),Gr=({onSubmit:r,onForgotPassword:a,onSignUp:n,isLoading:t=!1,errorMessage:s,className:o="",showBackground:x=!0,variant:c="responsive"})=>{const[i,u]=j.useState(""),[l,p]=j.useState(""),[f,h]=j.useState(!1),[b,m]=j.useState(""),d=k=>{if(k.preventDefault(),!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i)){m("Por favor ingresa un email válido");return}m(""),r?.(i,l)},g=k=>{u(k.target.value),b&&m("")},y=()=>{h(!f)};return e.jsxs("div",{className:["relative","min-h-screen","w-full","flex","flex-col","items-center","justify-center","box-border","p-0","md:p-4",o].join(" "),children:[x&&e.jsxs("div",{className:"absolute inset-0 pointer-events-none","aria-hidden":"true",children:[e.jsx("div",{className:"absolute inset-0 bg-primary-custom-100 dark:bg-[#112d57]"}),e.jsx("img",{src:"/bg_siesa.png",alt:"",className:"absolute inset-0 w-full h-full object-cover opacity-10"})]}),e.jsxs("div",{className:["relative","box-border","flex","flex-col","items-center","justify-center","gap-4","p-16","shrink-0","bg-bg-primary","dark:bg-dark-bg-primary",...c==="mobile"?["w-full","h-full","shadow-none","rounded-none","border-0"]:c==="desktop"?["w-[400px]","h-auto","rounded-2xl","shadow-lg","dark:shadow-2xl","overflow-clip","border","border-transparent","dark:border-dark-border-primary"]:["w-full","h-full","shadow-none","rounded-none","border-0","md:w-[400px]","md:h-auto","md:rounded-2xl","md:shadow-lg","md:dark:shadow-2xl","md:overflow-clip","md:border","md:border-transparent","md:dark:border-dark-border-primary"]].join(" "),children:[e.jsx("div",{className:"w-full flex flex-col items-center pb-4",children:e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-[200px] h-[50px] object-contain"})}),e.jsxs("div",{className:"w-full text-center",children:[e.jsx("h1",{className:["text-[20px]","leading-[28px]","font-bold","tracking-[-0.5px]","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Iniciar Sesión"}),e.jsx("p",{className:["text-[12px]","leading-[16px]","font-normal","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Inicia sesión ingresando con tu correo electrónico y contraseña."})]}),s&&e.jsx("div",{className:["w-full","p-3","bg-error-bg","dark:bg-error-bg","border","border-error-border","dark:border-error-border","rounded-md","text-error-content","dark:text-error-content","text-sm"].join(" "),role:"alert",children:s}),e.jsxs("form",{onSubmit:d,className:"w-full flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("label",{htmlFor:"email-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Correo Electrónico ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(qr,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"email-input",type:"email",placeholder:"ejemplo@miempresa.com",value:i,onChange:g,disabled:t,required:!0,autoComplete:"email",className:["w-full","pl-9","pr-3","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150",b?"!border-error-border":""].filter(Boolean).join(" ")})]}),b&&e.jsx("p",{className:"text-xs text-error-content dark:text-error-content",children:b})]}),e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("label",{htmlFor:"password-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Contraseña ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx("button",{type:"button",onClick:a,className:"text-[12px] leading-4 font-bold text-primary-custom-600 dark:text-[#93d1fd] hover:underline transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded px-1",children:"Olvidé mi Contraseña"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(_r,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"password-input",type:f?"text":"password",placeholder:"••••••••",value:l,onChange:k=>p(k.target.value),disabled:t,required:!0,autoComplete:"current-password",className:["w-full","pl-9","pr-10","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150"].join(" ")}),e.jsx("button",{type:"button",onClick:y,className:"absolute right-3 top-1/2 -translate-y-1/2 opacity-50 hover:opacity-100 text-content-tertiary dark:text-dark-content-tertiary transition-opacity duration-150 focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-dark-border-custom rounded p-1","aria-label":f?"Ocultar contraseña":"Mostrar contraseña",children:e.jsx(Ur,{className:"w-4 h-4"})})]})]}),e.jsx("button",{type:"submit",disabled:t||!i||!l,className:["relative","w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#eff8ff]","dark:text-[#0e79fd]","bg-[#0e79fd]","dark:bg-[#bfe2fe]","border","border-[#3c9bf6]","dark:border-[#93d1fd]","rounded-md","button-inset-shadow","hover:bg-primary-custom-500","dark:hover:bg-[#93d1fd]","active:scale-95","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]","disabled:opacity-50","disabled:cursor-not-allowed"].join(" "),children:t?"Iniciando sesión...":"Iniciar Sesión"})]}),e.jsx("button",{type:"button",onClick:n,className:["w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#0e79fd]","dark:text-[#93d1fd]","hover:bg-primary-custom-100","dark:hover:bg-[#93d1fd]/10","rounded-md","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]"].join(" "),children:"¿No tienes una cuenta?"})]})]})},Qr=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:e.jsx("path",{fillRule:"evenodd",d:"M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5-2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 9c-1.825 0-3.422.977-4.295 2.437A5.49 5.49 0 0 0 8 13.5a5.49 5.49 0 0 0 4.294-2.063A4.997 4.997 0 0 0 8 9Z",clipRule:"evenodd"})}),Kr=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:[e.jsx("path",{d:"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z"}),e.jsx("path",{d:"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z"})]}),Jr=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:e.jsx("path",{fillRule:"evenodd",d:"M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z",clipRule:"evenodd"})}),Xr=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:[e.jsx("path",{d:"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}),e.jsx("path",{fillRule:"evenodd",d:"M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z",clipRule:"evenodd"})]}),Yr=({onSubmit:r,onSignIn:a,onTermsClick:n,onPrivacyClick:t,isLoading:s=!1,errorMessage:o,className:x="",showBackground:c=!0,variant:i="responsive"})=>{const[u,l]=j.useState(""),[p,f]=j.useState(""),[h,b]=j.useState(""),[m,d]=j.useState(!1),[g,y]=j.useState(""),k=v=>{if(v.preventDefault(),!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(p)){y("Por favor ingresa un email válido");return}y(""),r?.(u,p,h)},N=v=>{f(v.target.value),g&&y("")},w=()=>{d(!m)};return e.jsxs("div",{className:["relative","min-h-screen","w-full","flex","flex-col","items-center","justify-center","box-border","p-0","md:p-4",x].join(" "),children:[c&&e.jsxs("div",{className:"absolute inset-0 pointer-events-none","aria-hidden":"true",children:[e.jsx("div",{className:"absolute inset-0 bg-primary-custom-100 dark:bg-[#112d57]"}),e.jsx("img",{src:"/bg_siesa.png",alt:"",className:"absolute inset-0 w-full h-full object-cover opacity-10"})]}),e.jsxs("div",{className:["relative","box-border","flex","flex-col","items-center","justify-center","gap-4","p-16","shrink-0","bg-bg-primary","dark:bg-dark-bg-primary",...i==="mobile"?["w-full","h-full","shadow-none","rounded-none","border-0"]:i==="desktop"?["w-[400px]","h-auto","rounded-2xl","shadow-lg","dark:shadow-2xl","overflow-clip","border","border-transparent","dark:border-dark-border-primary"]:["w-full","h-full","shadow-none","rounded-none","border-0","md:w-[400px]","md:h-auto","md:rounded-2xl","md:shadow-lg","md:dark:shadow-2xl","md:overflow-clip","md:border","md:border-transparent","md:dark:border-dark-border-primary"]].join(" "),children:[e.jsx("div",{className:"w-full flex flex-col items-center pb-4",children:e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-[200px] h-[50px] object-contain"})}),e.jsxs("div",{className:"w-full text-center",children:[e.jsx("h1",{className:["text-[20px]","leading-[28px]","font-bold","tracking-[-0.5px]","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Crear Cuenta"}),e.jsx("p",{className:["text-[12px]","leading-[16px]","font-normal","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Ingresa todos los datos para crear tu cuenta."})]}),o&&e.jsx("div",{className:["w-full","p-3","bg-error-bg","dark:bg-error-bg","border","border-error-border","dark:border-error-border","rounded-md","text-error-content","dark:text-error-content","text-sm"].join(" "),role:"alert",children:o}),e.jsxs("form",{onSubmit:k,className:"w-full flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("label",{htmlFor:"name-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Nombre ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(Qr,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"name-input",type:"text",placeholder:"Juan Pérez",value:u,onChange:v=>l(v.target.value),disabled:s,required:!0,autoComplete:"name",className:["w-full","pl-9","pr-3","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150"].join(" ")})]})]}),e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("label",{htmlFor:"email-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Correo Electrónico ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(Kr,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"email-input",type:"email",placeholder:"ejemplo@miempresa.com",value:p,onChange:N,disabled:s,required:!0,autoComplete:"email",className:["w-full","pl-9","pr-3","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150",g?"!border-error-border":""].filter(Boolean).join(" ")})]}),g&&e.jsx("p",{className:"text-xs text-error-content dark:text-error-content",children:g})]}),e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("label",{htmlFor:"password-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Contraseña ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(Jr,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"password-input",type:m?"text":"password",placeholder:"••••••••",value:h,onChange:v=>b(v.target.value),disabled:s,required:!0,autoComplete:"new-password",className:["w-full","pl-9","pr-10","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150"].join(" ")}),e.jsx("button",{type:"button",onClick:w,className:"absolute right-3 top-1/2 -translate-y-1/2 opacity-50 hover:opacity-100 text-content-tertiary dark:text-dark-content-tertiary transition-opacity duration-150 focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-dark-border-custom rounded p-1","aria-label":m?"Ocultar contraseña":"Mostrar contraseña",children:e.jsx(Xr,{className:"w-4 h-4"})})]})]}),e.jsx("button",{type:"submit",disabled:s||!u||!p||!h,className:["relative","w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#eff8ff]","dark:text-[#0e79fd]","bg-[#0e79fd]","dark:bg-[#bfe2fe]","border","border-[#3c9bf6]","dark:border-[#93d1fd]","rounded-md","shadow-inner","hover:bg-primary-custom-500","dark:hover:bg-[#93d1fd]","active:scale-95","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]","disabled:opacity-50","disabled:cursor-not-allowed"].join(" "),children:s?"Registrando...":"Registrarse"})]}),e.jsx("button",{type:"button",onClick:a,className:["w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#0e79fd]","dark:text-[#93d1fd]","hover:bg-primary-custom-100","dark:hover:bg-[#93d1fd]/10","rounded-md","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]"].join(" "),children:"Ya tengo una cuenta"}),e.jsx("div",{className:"w-full text-center",children:e.jsxs("p",{className:["text-[12px]","leading-[16px]","font-normal","text-content-primary","dark:text-dark-content-primary"].join(" "),children:["Al registrarse, estás aceptando nuestras"," ",e.jsx("button",{type:"button",onClick:n,className:"text-[#0e79fd] dark:text-[#93d1fd] underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded",children:"Condiciones de Uso"})," ","y nuestras"," ",e.jsx("button",{type:"button",onClick:t,className:"text-[#0e79fd] dark:text-[#93d1fd] underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded",children:"Políticas de Privacidad"}),"."]})})]})]})},et=({productName:r="SB Comercial",userDropdown:a,navigationItems:n,children:t,className:s="",contentClassName:o=""})=>{const[x,c]=j.useState("collapsed"),i=u=>{u&&c(u)};return e.jsxs("div",{className:["h-screen","w-full","bg-white","dark:bg-dark-bg-primary","flex","flex-col","overflow-hidden",s].join(" ").replace(/\s+/g," ").trim(),children:[e.jsx(se,{productName:r,userDropdown:a,hideActionButtons:!0,showSiesaLogoLeading:!0,showBusinessLogo:!1,className:"bg-white dark:bg-dark-bg-primary"}),e.jsxs("div",{className:"flex flex-1 overflow-hidden",children:[e.jsx(ue,{state:x,items:n,showSearchButton:!1,onStateChange:i,onItemClick:u=>console.log("Item clicked:",u),onItemHover:u=>console.log("Item hover:",u)}),e.jsx("div",{className:["flex-1","overflow-y-auto","bg-gray-50","dark:bg-dark-bg-primary",o].join(" ").replace(/\s+/g," ").trim(),children:t})]})]})},rt=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M8.543 2.232a.75.75 0 0 0-1.085 0l-5.25 5.5A.75.75 0 0 0 2.75 9H4v4a1 1 0 0 0 1 1h1.5a.5.5 0 0 0 .5-.5v-2a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v2a.5.5 0 0 0 .5.5H12a1 1 0 0 0 1-1V9h1.25a.75.75 0 0 0 .543-1.268l-5.25-5.5Z"})}),tt=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM5.37 2.822a6.493 6.493 0 0 0-2.818 3.428h2.103c.088-.907.254-1.778.494-2.595a8.932 8.932 0 0 1 .221-.833ZM1.5 8c0 .522.062 1.03.179 1.516l.135.484h2.49a16.15 16.15 0 0 1 0-4H1.815L1.68 6.484A6.533 6.533 0 0 0 1.5 8Zm.552 2.75A6.493 6.493 0 0 0 5.37 14.18a8.932 8.932 0 0 1-.221-.833 13.2 13.2 0 0 1-.494-2.595H2.552Zm4.058 0c.083.78.23 1.497.429 2.128.197.622.423 1.07.649 1.357.225.286.401.265.312.265.089 0 .265.021.49-.265.226-.287.452-.735.649-1.357.199-.631.346-1.348.429-2.128H6.11Zm4.234 0a13.198 13.198 0 0 1-.494 2.595 8.938 8.938 0 0 1-.22.833 6.493 6.493 0 0 0 2.817-3.428h-2.103Zm2.104-2h-2.48a16.15 16.15 0 0 0 0-4h2.48l.135.484A6.538 6.538 0 0 1 14.5 8a6.538 6.538 0 0 1-.179 1.516l-.135.484h.162Zm-2.818-4.928c.167.251.394.699.221.833.24.817.406 1.688.494 2.595h2.103a6.493 6.493 0 0 0-2.818-3.428ZM9.89 6h-3.78c.083-.78.23-1.497.429-2.128.197-.622.423-1.07.649-1.357.225-.286.401-.265.312-.265.089 0 .265-.021.49.265.226.287.452.735.649 1.357.199.631.346 1.348.429 2.128Zm-4.234 0H3.553a6.493 6.493 0 0 1 2.818-3.428 8.932 8.932 0 0 0-.221.833c-.24.817-.406 1.688-.494 2.595Zm.144 2a14.65 14.65 0 0 0 0 4h4.4a14.65 14.65 0 0 0 0-4H5.8Z"})}),at=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",d:"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6.414A2 2 0 0 0 13.414 5L10 1.586A2 2 0 0 0 8.586 1H4Zm1 5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H5Zm-.5 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm.5 1.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1H5Z",clipRule:"evenodd"})}),st=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M1 9.5A3.5 3.5 0 0 0 4.5 13H12a3 3 0 0 0 .917-5.857 2.503 2.503 0 0 0-3.198-3.019 3.5 3.5 0 0 0-6.628 2.171A3.5 3.5 0 0 0 1 9.5Z"})}),nt=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2 4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4ZM10 4a2 2 0 0 1 2-2h.5a.5.5 0 0 1 0 1H12a1 1 0 0 0-1 1v.5a.5.5 0 0 1-1 0V4ZM2 12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2ZM10.5 8a.5.5 0 0 0-.5.5V10H8.5a.5.5 0 0 0 0 1H10v1.5a.5.5 0 0 0 1 0V11h1.5a.5.5 0 0 0 0-1H11V8.5a.5.5 0 0 0-.5-.5Z"})}),ot=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",d:"M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z",clipRule:"evenodd"})}),lt=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z"})}),it=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",d:"M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4.75 3.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5ZM4 8a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 4 8Zm.75 3.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5ZM3 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.5 4.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z",clipRule:"evenodd"})}),dt=({className:r=""})=>e.jsxs("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M14 2H2c-.55 0-.95.538-.75 1.032l3 7.5c.127.318.44.528.783.528h5.934c.343 0 .656-.21.783-.528l3-7.5C14.95 2.538 14.55 2 14 2Z"}),e.jsx("path",{d:"M6 12.25v1.25a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1.25H6Z"})]}),ct=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",d:"M12 5a4 4 0 0 0-8 0v2.379c0 .398-.158.779-.44 1.06L2.294 9.707a1 1 0 0 0 .707 1.707h9.998a1 1 0 0 0 .707-1.707l-1.266-1.268A1.5 1.5 0 0 1 12 7.379V5ZM6.268 13.682a.75.75 0 0 0 1.04.199 1.496 1.496 0 0 0 1.385 0 .75.75 0 1 0-.839-1.244.003.003 0 0 1-.004.003.003.003 0 0 1-.004-.003.75.75 0 0 0-1.244.199.75.75 0 0 0 .666.846Z",clipRule:"evenodd"})}),Ce=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",d:"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})}),xt=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",d:"M14 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25h9.44A.75.75 0 0 1 14 8Z",clipRule:"evenodd"})}),mt=({className:r=""})=>e.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",d:"M2 8a.75.75 0 0 1 .75-.75h9.44l-2.72-2.72a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H2.75A.75.75 0 0 1 2 8Z",clipRule:"evenodd"})}),ut=({className:r=""})=>e.jsxs("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z"}),e.jsx("path",{d:"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z"})]}),pt=({title:r="List View",navbarTitle:a="List View",tableTitle:n="Usuarios",columns:t,data:s,navigationItems:o,quickFilters:x,actionButtons:c,userDropdown:i,notifications:u,showFab:l=!0,fabIcon:p,onFabClick:f,onSearch:h,searchPlaceholder:b="Jane Doe",onSort:m,sortColumn:d,sortDirection:g,pagination:y,loading:k=!1,loadingRows:N=5,emptyMessage:w="No hay datos disponibles",className:v="",selectedNavId:S,onNavSelect:V,onNotificationsClick:L,viewOptions:$,selectedViewOption:H,onViewOptionChange:z})=>{const[P,F]=j.useState(null),[M,B]=j.useState(null),[O,_]=j.useState(""),[W,Q]=j.useState(!1),J=d!==void 0?d:P,I=g!==void 0?g:M,q=o||[{id:"home",icon:e.jsx(rt,{className:"w-4 h-4"}),label:"Inicio",selected:!0},{id:"option1",icon:e.jsx(tt,{className:"w-4 h-4"}),label:"Opción 1"},{id:"option2",icon:e.jsx(at,{className:"w-4 h-4"}),label:"Opción 2"},{id:"option3",icon:e.jsx(st,{className:"w-4 h-4"}),label:"Opción 3"},{id:"more",icon:e.jsx(nt,{className:"w-4 h-4"}),label:"Ver más..."}],fe=x||[{id:"paid",label:"Facturas Pagadas",color:"lime",icon:void 0},{id:"pending",label:"facturas Pendientes por Pago",color:"rose",icon:void 0},{id:"orders",label:"Ordenes de Compra",color:"sky",icon:void 0}],be=c||[{id:"create",label:"Crear",icon:e.jsx(lt,{className:"w-4 h-4"}),variant:"primary",onClick:void 0},{id:"audit",label:"Auditoria",icon:e.jsx(it,{className:"w-4 h-4"}),variant:"primary",onClick:void 0},{id:"filter",label:"Filtrar",icon:e.jsx(dt,{className:"w-4 h-4"}),variant:"primary",onClick:void 0}],he=C=>{let A="asc";J===C&&(I==="asc"?A="desc":I==="desc"&&(A=null)),m?m(C,A):(F(A?C:null),B(A))},ge=C=>{_(C.target.value),h?.(C.target.value)},ne=(C,A)=>typeof A=="function"?A(C):C[A],oe=()=>{if(!y)return[];const{currentPage:C,totalPages:A}=y,T=[];if(A<=5)for(let E=1;E<=A;E++)T.push(E);else T.push(1),C<=3?T.push(2,3):C>=A-2?(T.push("..."),T.push(A-2,A-1)):(T.push("..."),T.push(C),T.push("...")),A>1&&T.push(A);return T};return e.jsx("div",{className:["bg-bg-tertiary","dark:bg-dark-bg-tertiary","flex","flex-col","w-full","h-full","min-h-screen",v].join(" "),children:e.jsx("div",{className:"flex flex-col grow overflow-hidden w-full",children:e.jsxs("div",{className:"flex grow overflow-hidden w-full",children:[e.jsx(Me,{items:q.map(C=>({...C,selected:S?C.id===S:C.selected})),alignment:"center",showFab:l,fabIcon:p||e.jsx(ot,{className:"w-4 h-4"}),onFabClick:f,fabAriaLabel:"Buscar",selectedId:S,onItemSelect:V}),e.jsxs("div",{className:"flex flex-col grow overflow-hidden",children:[e.jsxs("nav",{className:"flex items-center gap-8 px-4 py-1 w-full bg-bg-primary dark:bg-dark-bg-primary",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-[120px] h-[30px] object-contain"}),e.jsx("div",{className:"w-px h-6 bg-border-primary dark:bg-dark-border-primary"}),e.jsx("h1",{className:"font-bold text-xl leading-7 tracking-[-0.5px] text-content-primary dark:text-dark-content-primary whitespace-nowrap",children:a})]}),e.jsxs("div",{className:"flex items-center gap-4 grow justify-end",children:[e.jsxs("div",{className:"relative",children:[e.jsx("button",{className:"flex flex-col items-center justify-center p-1 rounded-md text-content-primary dark:text-dark-content-primary hover:bg-bg-secondary dark:hover:bg-dark-bg-secondary transition-colors",onClick:L,"aria-label":"Notificaciones",children:e.jsx(ct,{className:"w-4 h-4"})}),u?.bell&&e.jsx("span",{className:"absolute -top-0.5 left-[calc(50%+4px)] w-[13px] h-[13px] rounded-full bg-red-700 flex items-center justify-center text-[10px] font-bold text-white",children:u.cart&&u.cart>99?"+99":u.cart})]}),e.jsx("div",{className:"w-px h-6 bg-border-primary dark:bg-dark-border-primary"}),i&&e.jsxs("button",{className:"flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-bg-secondary dark:hover:bg-dark-bg-secondary transition-colors",onClick:i.onMenuClick,"aria-label":"Menú de usuario",children:[e.jsx(de,{src:i.avatar,alt:i.name,size:"10",type:"rounded"}),e.jsxs("div",{className:"flex flex-col items-start gap-0.5 w-[123px]",children:[e.jsx("span",{className:"text-sm leading-5 text-content-primary dark:text-dark-content-primary whitespace-nowrap",children:i.name}),(i.email||i.role)&&e.jsx("span",{className:"text-xs leading-4 text-content-secondary dark:text-content-secondary whitespace-nowrap overflow-hidden text-ellipsis w-full",children:i.role||i.email})]}),e.jsx(Ce,{className:"w-5 h-5 text-content-secondary dark:text-content-secondary"})]})]})]}),e.jsx("div",{className:"flex items-center gap-2 px-0 py-2 w-full",children:fe.map(C=>e.jsx(K,{color:C.color,label:C.label,leftIcon:C.icon},C.id))}),e.jsx("div",{className:"flex grow overflow-hidden",children:e.jsxs("div",{className:"flex flex-col gap-4 grow bg-bg-primary dark:bg-dark-bg-primary p-4 rounded-tl-3xl overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between w-full",children:[e.jsx("h2",{className:"font-bold text-xl leading-7 tracking-[-0.5px] text-content-primary dark:text-dark-content-primary",children:r}),e.jsx("div",{className:"flex items-center gap-2",children:be.map(C=>e.jsxs("button",{onClick:C.onClick,className:["flex","items-center","justify-center","gap-2","px-2.5","py-1.5","rounded-md","font-bold","text-sm","leading-5","transition-all","duration-150",C.variant==="primary"?["bg-primary-custom-600","text-primary-inverse-content","border","border-primary-custom-600","shadow-button-inset","hover:bg-primary-custom-500","dark:bg-dark-bg-inverse","dark:text-dark-content-inverse","dark:border-dark-bg-inverse"].join(" "):["bg-bg-primary","text-content-primary","border","border-border-primary","hover:bg-bg-secondary","dark:bg-dark-bg-primary","dark:text-dark-content-primary","dark:border-dark-border-primary"].join(" ")].join(" "),children:[C.icon,e.jsx("span",{children:C.label})]},C.id))})]}),e.jsxs("div",{className:"flex flex-col gap-4 grow bg-bg-primary dark:bg-dark-bg-primary border border-border-primary dark:border-dark-border-primary rounded-xl p-8 overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-4 w-full",children:[e.jsx("h3",{className:"grow font-bold text-base leading-6 text-content-primary dark:text-dark-content-primary overflow-hidden text-ellipsis whitespace-nowrap",children:n}),e.jsx(Y,{placeholder:b,leftIcon:e.jsx(ut,{className:"w-4 h-4"}),value:O,onChange:ge,className:"w-[200px]"}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>Q(!W),className:"flex items-center gap-3 px-3 py-2 bg-bg-primary dark:bg-dark-bg-primary border border-border-primary dark:border-dark-border-primary rounded-lg shadow-sm hover:bg-bg-secondary dark:hover:bg-dark-bg-secondary transition-colors",children:[e.jsx("span",{className:"font-bold text-sm text-content-secondary dark:text-content-secondary",children:"Ver"}),e.jsx(Ce,{className:"w-5 h-5 text-content-secondary dark:text-content-secondary"})]}),W&&$&&e.jsx("div",{className:"absolute top-full right-0 mt-1 bg-bg-primary dark:bg-dark-bg-primary border border-border-primary dark:border-dark-border-primary rounded-lg shadow-lg z-10",children:$.map(C=>e.jsx("button",{onClick:()=>{z?.(C.id),Q(!1)},className:["block","w-full","px-4","py-2","text-left","text-sm","hover:bg-bg-secondary","dark:hover:bg-dark-bg-secondary",H===C.id?"bg-primary-custom-100 dark:bg-primary-custom-600/20":""].join(" "),children:C.label},C.id))})]})]}),e.jsx("div",{className:"flex grow overflow-auto w-full",children:t.map((C,A)=>{const T=typeof C.accessor=="function"?`column_${A}`:String(C.accessor);return e.jsxs("div",{className:"flex flex-col flex-1 min-w-0",children:[e.jsx("div",{className:["flex","items-center","gap-3","px-6","py-2.5","border-b","border-border-primary","dark:border-dark-border-primary",C.sortable?"cursor-pointer hover:bg-bg-secondary dark:hover:bg-dark-bg-secondary":""].join(" "),onClick:C.sortable?()=>he(T):void 0,style:{width:C.width},children:e.jsx("span",{className:"font-bold text-sm text-content-secondary dark:text-content-secondary overflow-hidden text-ellipsis whitespace-nowrap flex-1",children:C.header})}),k&&Array.from({length:N}).map((R,E)=>e.jsx("div",{className:"flex flex-col px-6 py-4 min-h-[56px] border-b border-border-secondary dark:border-dark-border-primary",style:{width:C.width},children:e.jsx("div",{className:"h-4 bg-bg-secondary dark:bg-dark-border-primary rounded animate-pulse"})},`loading-${E}`)),!k&&s.map((R,E)=>{const U=ne(R,C.accessor),ee=C.render?C.render(U,R,E):U;return e.jsx("div",{className:"flex flex-col justify-center px-6 py-4 min-h-[56px] border-b border-border-secondary dark:border-dark-border-primary",style:{width:C.width},children:e.jsx("span",{className:"text-sm text-content-primary dark:text-dark-content-primary overflow-hidden text-ellipsis",children:ee})},E)}),!k&&s.length===0&&A===0&&e.jsx("div",{className:"flex items-center justify-center px-6 py-12 text-sm text-content-secondary dark:text-content-secondary",children:w})]},T)})}),y&&e.jsxs("div",{className:"flex items-center justify-between w-full h-9",children:[e.jsxs("button",{onClick:()=>y.currentPage>1&&y.onPageChange(y.currentPage-1),disabled:y.currentPage===1,className:"flex items-center gap-3 px-3 py-2 rounded-md text-sm font-bold text-primary-custom-600 dark:text-primary-custom-600 hover:bg-primary-custom-100 dark:hover:bg-primary-custom-600/20 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:[e.jsx(xt,{className:"w-4 h-4"}),e.jsx("span",{children:y.previousLabel||"Atrás"})]}),e.jsx("div",{className:"flex items-center gap-0",children:oe().map((C,A)=>{if(C==="...")return e.jsx("div",{className:"flex items-center justify-center px-3 py-2 text-sm font-bold text-primary-custom-600 dark:text-primary-custom-600",children:C},`ellipsis-${A}`);const T=C===y.currentPage;return e.jsx("button",{onClick:()=>y.onPageChange(C),className:["flex","items-center","justify-center","px-3","py-2","rounded-md","text-sm","font-bold","text-primary-custom-600","dark:text-primary-custom-600","transition-colors",T?"bg-primary-custom-100 dark:bg-primary-custom-600/20":"hover:bg-primary-custom-50 dark:hover:bg-primary-custom-600/10"].join(" "),children:C},C)})}),e.jsxs("button",{onClick:()=>y.currentPage<y.totalPages&&y.onPageChange(y.currentPage+1),disabled:y.currentPage===y.totalPages,className:"flex items-center gap-3 px-3 py-2 rounded-md text-sm font-bold text-primary-custom-600 dark:text-primary-custom-600 hover:bg-primary-custom-100 dark:hover:bg-primary-custom-600/20 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:[e.jsx("span",{children:y.nextLabel||"Siguiente"}),e.jsx(mt,{className:"w-4 h-4"})]})]})]})]})})]})]})})})},ft=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:[e.jsx("path",{d:"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z"}),e.jsx("path",{d:"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z"})]}),bt=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:e.jsx("path",{fillRule:"evenodd",d:"M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z",clipRule:"evenodd"})}),ht=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:[e.jsx("path",{d:"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}),e.jsx("path",{fillRule:"evenodd",d:"M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z",clipRule:"evenodd"})]}),gt=({onSubmit:r,onForgotPassword:a,onSignUp:n,isLoading:t=!1,errorMessage:s,className:o="",showBackground:x=!0,variant:c="responsive"})=>{const[i,u]=j.useState(""),[l,p]=j.useState(""),[f,h]=j.useState(!1),[b,m]=j.useState(""),d=k=>{if(k.preventDefault(),!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i)){m("Por favor ingresa un email válido");return}m(""),r?.(i,l)},g=k=>{u(k.target.value),b&&m("")},y=()=>{h(!f)};return e.jsxs("div",{className:["relative","min-h-screen","w-full","flex","flex-col","items-center","justify-center","box-border","p-0","md:p-4",o].join(" "),children:[x&&e.jsxs("div",{className:"absolute inset-0 pointer-events-none","aria-hidden":"true",children:[e.jsx("div",{className:"absolute inset-0 bg-primary-custom-100 dark:bg-[#112d57]"}),e.jsx("img",{src:"/bg_siesa.png",alt:"",className:"absolute inset-0 w-full h-full object-cover opacity-10"})]}),e.jsxs("div",{className:["relative","box-border","flex","flex-col","items-center","justify-center","gap-4","p-16","shrink-0","bg-bg-primary","dark:bg-dark-bg-primary",...c==="mobile"?["w-full","h-full","shadow-none","rounded-none","border-0"]:c==="desktop"?["w-[400px]","h-auto","rounded-2xl","shadow-lg","dark:shadow-2xl","overflow-clip","border","border-transparent","dark:border-dark-border-primary"]:["w-full","h-full","shadow-none","rounded-none","border-0","md:w-[400px]","md:h-auto","md:rounded-2xl","md:shadow-lg","md:dark:shadow-2xl","md:overflow-clip","md:border","md:border-transparent","md:dark:border-dark-border-primary"]].join(" "),children:[e.jsx("div",{className:"w-full flex flex-col items-center pb-4",children:e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-[200px] h-[50px] object-contain"})}),e.jsxs("div",{className:"w-full text-center",children:[e.jsx("h1",{className:["text-[20px]","leading-[28px]","font-bold","tracking-[-0.5px]","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Iniciar Sesión"}),e.jsx("p",{className:["text-[12px]","leading-[16px]","font-normal","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Inicia sesión ingresando con tu correo electrónico y contraseña."})]}),s&&e.jsx("div",{className:["w-full","p-3","bg-error-bg","dark:bg-error-bg","border","border-error-border","dark:border-error-border","rounded-md","text-error-content","dark:text-error-content","text-sm"].join(" "),role:"alert",children:s}),e.jsxs("form",{onSubmit:d,className:"w-full flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("label",{htmlFor:"email-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Correo Electrónico ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(ft,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"email-input",type:"email",placeholder:"ejemplo@miempresa.com",value:i,onChange:g,disabled:t,required:!0,autoComplete:"email",className:["w-full","pl-9","pr-3","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150",b?"!border-error-border":""].filter(Boolean).join(" ")})]}),b&&e.jsx("p",{className:"text-xs text-error-content dark:text-error-content",children:b})]}),e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("label",{htmlFor:"password-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Contraseña ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsx("button",{type:"button",onClick:a,className:"text-[12px] leading-4 font-bold text-primary-custom-600 dark:text-[#93d1fd] hover:underline transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded px-1",children:"Olvidé mi Contraseña"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(bt,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"password-input",type:f?"text":"password",placeholder:"••••••••",value:l,onChange:k=>p(k.target.value),disabled:t,required:!0,autoComplete:"current-password",className:["w-full","pl-9","pr-10","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150"].join(" ")}),e.jsx("button",{type:"button",onClick:y,className:"absolute right-3 top-1/2 -translate-y-1/2 opacity-50 hover:opacity-100 text-content-tertiary dark:text-dark-content-tertiary transition-opacity duration-150 focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-dark-border-custom rounded p-1","aria-label":f?"Ocultar contraseña":"Mostrar contraseña",children:e.jsx(ht,{className:"w-4 h-4"})})]})]}),e.jsx("button",{type:"submit",disabled:t||!i||!l,className:["relative","w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#eff8ff]","dark:text-[#0e79fd]","bg-[#0e79fd]","dark:bg-[#bfe2fe]","border","border-[#3c9bf6]","dark:border-[#93d1fd]","rounded-md","shadow-inner","hover:bg-primary-custom-500","dark:hover:bg-[#93d1fd]","active:scale-95","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]","disabled:opacity-50","disabled:cursor-not-allowed"].join(" "),children:t?"Iniciando sesión...":"Iniciar Sesión"})]}),e.jsx("button",{type:"button",onClick:n,className:["w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#0e79fd]","dark:text-[#93d1fd]","hover:bg-primary-custom-100","dark:hover:bg-[#93d1fd]/10","rounded-md","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]"].join(" "),children:"¿No tienes una cuenta?"})]})]})},vt=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M14 8a.75.75 0 0 1-.75.75H4.56l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 1.06L4.56 7.25h8.69A.75.75 0 0 1 14 8Z",clipRule:"evenodd"})}),kt=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z",clipRule:"evenodd"})}),ze=({tableTitle:r="Mesa 1",changeTableLabel:a="Cambiar Mesa",menusTitle:n="Menús",menus:t=[{id:"1",label:"Corral"},{id:"2",label:"Burguer One"},{id:"3",label:"Andrés Carne de Res"},{id:"4",label:"Aceites"},{id:"5",label:"Kiosco Mac"},{id:"6",label:"Kiosco Qbano"},{id:"7",label:"Premier Dinning"}],selectedMenuId:s="1",onMenuSelect:o,onChangeTable:x,categoryTitle:c="Categoría",categories:i=[],selectedCategoryId:u,onCategorySelect:l,productsTitle:p="Productos",products:f=[],onAddProduct:h,activeTab:b="products",onTabChange:m,orderItems:d=[],onOrderItemQuantityChange:g,onOrderItemDelete:y,subtotal:k="40,000.00",taxes:N="40,000.00",total:w="40,000.00",confirmLabel:v="Confirmar Pedido",onConfirmOrder:S,isLoading:V=!1,errorMessage:L,userAvatar:$,userName:H="Jhonnatan Diaz",userRole:z="Administrador",businessLogo:P,siesaLogo:F,className:M=""})=>e.jsxs("div",{className:`
|
|
1404
|
-
min-h-screen
|
|
1405
|
-
w-full
|
|
1406
|
-
bg-background-secondary
|
|
1407
|
-
dark:bg-dark-bg-primary
|
|
1408
|
-
flex
|
|
1409
|
-
flex-col
|
|
1410
|
-
${M}
|
|
1411
|
-
`.trim().replace(/\s+/g," "),children:[e.jsx(se,{logo:P&&e.jsx("div",{className:"h-[30px] w-[168px] overflow-hidden",children:typeof P=="string"?e.jsx("img",{src:P,alt:"Business Logo",className:"h-full w-full object-contain"}):P}),productName:"",userDropdown:$?{avatar:$,name:H,role:z}:void 0,hideActionButtons:!0,siesaLogo:F&&e.jsx("div",{className:"h-[30px] w-[120px] overflow-hidden",children:typeof F=="string"?e.jsx("img",{src:F,alt:"Siesa Logo",className:"h-full w-full object-contain"}):F}),variant:"desktop",className:"bg-background-secondary dark:bg-dark-bg-primary"}),e.jsx("div",{className:"flex flex-1 w-full overflow-hidden",children:e.jsxs("div",{className:"flex flex-1 w-full overflow-hidden",children:[e.jsxs("div",{className:`
|
|
1412
|
-
flex-1
|
|
1413
|
-
flex
|
|
1414
|
-
flex-col
|
|
1415
|
-
gap-4
|
|
1416
|
-
p-4
|
|
1417
|
-
bg-white
|
|
1418
|
-
dark:bg-dark-bg-primary
|
|
1419
|
-
rounded-tl-3xl
|
|
1420
|
-
rounded-tr-3xl
|
|
1421
|
-
overflow-hidden
|
|
1422
|
-
`,children:[e.jsxs("div",{className:"flex items-center gap-4 w-full",children:[e.jsx("div",{className:"shrink-0",children:e.jsx(D,{type:"default",leftIcon:e.jsx(vt,{className:"w-4 h-4"}),onClick:x,ariaLabel:a,children:a})}),e.jsx("div",{className:"h-8 w-px bg-border-primary dark:bg-dark-border-primary shrink-0"}),e.jsx("div",{className:"shrink-0",children:e.jsx("h2",{className:"text-xl font-bold leading-7 tracking-tight text-content-primary dark:text-dark-content-primary",children:n})}),e.jsx("div",{className:"flex-1 flex gap-2 overflow-x-auto overflow-y-hidden",children:t.map(B=>e.jsx(D,{type:s===B.id?"default":"outline",onClick:()=>o?.(B.id),children:B.label},B.id))})]}),e.jsxs("div",{className:`
|
|
1423
|
-
flex-1
|
|
1424
|
-
flex
|
|
1425
|
-
gap-0
|
|
1426
|
-
bg-background-secondary
|
|
1427
|
-
dark:bg-dark-bg-primary/50
|
|
1428
|
-
rounded-xl
|
|
1429
|
-
overflow-hidden
|
|
1430
|
-
`,children:[e.jsx("div",{className:"w-[213px] p-4 border-b border-border-primary dark:border-dark-border-primary",children:e.jsxs("div",{className:"flex flex-col gap-4 h-full",children:[e.jsx("div",{className:"flex items-center justify-center w-full",children:e.jsx("h3",{className:"text-xl font-bold leading-6 text-content-primary dark:text-dark-content-primary",children:c})}),e.jsx("div",{className:"flex-1 flex flex-col gap-2 overflow-x-hidden overflow-y-auto",children:i.map(B=>e.jsx(Ee,{image:B.image,label:B.label,active:u===B.id,onClick:()=>l?.(B.id)},B.id))})]})}),e.jsx("div",{className:"flex-1 p-4 border-l border-b border-border-primary dark:border-dark-border-primary",children:e.jsxs("div",{className:"flex flex-col gap-4 h-full",children:[e.jsx("div",{className:"flex items-center justify-center w-full",children:e.jsx("h3",{className:"text-xl font-bold leading-6 text-content-primary dark:text-dark-content-primary",children:p})}),e.jsxs("div",{className:"flex-1 overflow-x-hidden overflow-y-auto",children:[e.jsx("div",{className:"flex flex-col items-center justify-start min-h-full w-full",children:e.jsx("div",{className:"flex flex-wrap gap-2 justify-center max-w-[704px]",children:f.map(B=>e.jsx(Pe,{image:B.image,productName:B.name,price:B.price,onAddClick:()=>h?.(B.id)},B.id))})}),f.length===0&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("p",{className:"text-content-secondary dark:text-content-secondary",children:"No hay productos disponibles"})}),V&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("p",{className:"text-content-secondary dark:text-content-secondary",children:"Cargando productos..."})}),L&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("p",{className:"text-red-600 dark:text-red-400",children:L})})]})]})})]})]}),e.jsx("div",{className:"w-[304px] p-4 flex flex-col gap-0 h-full overflow-hidden",children:e.jsxs("div",{className:"flex flex-col h-full relative",children:[e.jsx("div",{className:"border-b border-border-primary dark:border-dark-border-primary pb-4 z-10",children:e.jsx("h2",{className:"text-xl font-bold leading-7 tracking-tight text-content-primary dark:text-dark-content-primary",children:r})}),e.jsxs("div",{className:"flex items-start py-2.5 z-10",children:[e.jsxs("button",{className:`
|
|
1431
|
-
flex-1
|
|
1432
|
-
flex
|
|
1433
|
-
flex-col
|
|
1434
|
-
items-center
|
|
1435
|
-
p-2
|
|
1436
|
-
rounded-lg
|
|
1437
|
-
transition-colors
|
|
1438
|
-
duration-150
|
|
1439
|
-
${b==="products"?"relative":""}
|
|
1440
|
-
`,onClick:()=>m?.("products"),children:[e.jsx("span",{className:`
|
|
1441
|
-
text-sm
|
|
1442
|
-
font-bold
|
|
1443
|
-
leading-5
|
|
1444
|
-
${b==="products"?"text-primary-custom-600 dark:text-primary-custom-600":"text-content-primary dark:text-dark-content-primary"}
|
|
1445
|
-
`,children:"Productos"}),b==="products"&&e.jsx("div",{className:"absolute bottom-[-10px] left-0 right-0 h-0.5 bg-primary-custom-600 dark:bg-primary-custom-600 rounded-full"})]}),e.jsxs("button",{className:`
|
|
1446
|
-
flex-1
|
|
1447
|
-
flex
|
|
1448
|
-
flex-col
|
|
1449
|
-
items-center
|
|
1450
|
-
p-2
|
|
1451
|
-
rounded-lg
|
|
1452
|
-
transition-colors
|
|
1453
|
-
duration-150
|
|
1454
|
-
${b==="client"?"relative":""}
|
|
1455
|
-
`,onClick:()=>m?.("client"),children:[e.jsx("span",{className:`
|
|
1456
|
-
text-sm
|
|
1457
|
-
font-bold
|
|
1458
|
-
leading-5
|
|
1459
|
-
${b==="client"?"text-primary-custom-600 dark:text-primary-custom-600":"text-content-primary dark:text-dark-content-primary"}
|
|
1460
|
-
`,children:"Cliente"}),b==="client"&&e.jsx("div",{className:"absolute bottom-[-10px] left-0 right-0 h-0.5 bg-primary-custom-600 dark:bg-primary-custom-600 rounded-full"})]})]}),e.jsxs("div",{className:`
|
|
1461
|
-
flex-1
|
|
1462
|
-
flex
|
|
1463
|
-
flex-col
|
|
1464
|
-
gap-2
|
|
1465
|
-
p-4
|
|
1466
|
-
bg-white
|
|
1467
|
-
dark:bg-dark-bg-primary
|
|
1468
|
-
rounded-bl-lg
|
|
1469
|
-
rounded-br-lg
|
|
1470
|
-
overflow-x-hidden
|
|
1471
|
-
overflow-y-auto
|
|
1472
|
-
z-10
|
|
1473
|
-
`,children:[d.map((B,O)=>e.jsxs(j.Fragment,{children:[e.jsx(pe,{categoryLabel:B.categoryLabel,categoryColor:B.categoryColor,productRef:B.productRef,price:B.price,productName:B.productName,descriptionItems:B.descriptionItems,showDescription:!!B.descriptionItems&&B.descriptionItems.length>0,quantity:B.quantity,onQuantityChange:_=>g?.(B.productId,_),onDelete:()=>y?.(B.productId)}),O<d.length-1&&e.jsx(G,{})]},B.productId)),d.length===0&&e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("p",{className:"text-content-secondary dark:text-content-secondary text-center",children:"No hay productos en el pedido"})})]}),e.jsxs("div",{className:"flex flex-col gap-4 pt-4 z-10",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-start text-base font-bold leading-6 text-content-primary dark:text-dark-content-primary",children:[e.jsx("div",{className:"flex-1",children:"Subtotal"}),e.jsx("div",{className:"flex-1 text-right",children:k})]}),e.jsxs("div",{className:"flex items-start text-base font-bold leading-6 text-content-primary dark:text-dark-content-primary",children:[e.jsx("div",{className:"flex-1",children:"Impuestos"}),e.jsx("div",{className:"flex-1 text-right",children:N})]}),e.jsx(G,{}),e.jsxs("div",{className:"flex items-start text-lg font-bold leading-7 text-content-primary dark:text-dark-content-primary",children:[e.jsx("div",{className:"flex-1",children:"Total"}),e.jsx("div",{className:"flex-1 text-right",children:w})]})]}),e.jsx("div",{className:"flex gap-2 w-full",children:e.jsx(D,{type:"default",leftIcon:e.jsx(kt,{className:"w-4 h-4"}),onClick:S,fullWidth:!0,disabled:d.length===0||V,children:v})})]})]})})]})})]});ze.displayName="ProductsView";const yt=({className:r="w-4 h-4"})=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",className:r,children:[e.jsx("path",{d:"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z"}),e.jsx("path",{d:"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z"})]}),wt=({onSubmit:r,onBackToLogin:a,isLoading:n=!1,errorMessage:t,successMessage:s,className:o="",showBackground:x=!0,variant:c="responsive"})=>{const[i,u]=j.useState(""),[l,p]=j.useState(""),f=b=>{if(b.preventDefault(),!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i)){p("Por favor ingresa un email válido");return}p(""),r?.(i)},h=b=>{u(b.target.value),l&&p("")};return e.jsxs("div",{className:["relative","min-h-screen","w-full","flex","flex-col","items-center","justify-center","box-border","p-0","md:p-4",o].join(" "),children:[x&&e.jsxs("div",{className:"hidden md:block absolute inset-0 pointer-events-none","aria-hidden":"true",children:[e.jsx("div",{className:"absolute inset-0 bg-[#dbeefe] dark:bg-[#112d57]"}),e.jsx("img",{src:"/bg_siesa.jpg",alt:"",className:"absolute inset-0 w-full h-full object-cover opacity-10"})]}),e.jsxs("div",{className:["relative","box-border","flex","flex-col","items-center","justify-center","gap-4","p-16","shrink-0","bg-bg-primary","dark:bg-zinc-700",...c==="mobile"?["w-full","h-full","shadow-none","rounded-none","border-0"]:c==="desktop"?["w-[400px]","h-auto","rounded-2xl","shadow-lg","dark:shadow-2xl","overflow-clip","border","border-transparent","dark:border-dark-border-primary"]:["w-full","h-full","shadow-none","rounded-none","border-0","md:w-[400px]","md:h-auto","md:rounded-2xl","md:shadow-lg","md:dark:shadow-2xl","md:overflow-clip","md:border","md:border-transparent","md:dark:border-dark-border-primary"]].join(" "),children:[e.jsx("div",{className:"w-full flex flex-col items-center pb-4",children:e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-[200px] h-[50px] object-contain"})}),e.jsxs("div",{className:"w-full text-center",children:[e.jsx("h1",{className:["text-[20px]","leading-[28px]","font-bold","tracking-[-0.5px]","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Restablecer Contraseña"}),e.jsx("p",{className:["text-[12px]","leading-[16px]","font-normal","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Reestablece tu contraseña ingresando con tu correo electrónico."})]}),t&&e.jsx("div",{className:["w-full","p-3","bg-error-bg","dark:bg-error-bg","border","border-error-border","dark:border-error-border","rounded-md","text-error-content","dark:text-error-content","text-sm"].join(" "),role:"alert",children:t}),s&&e.jsx("div",{className:["w-full","p-3","bg-[#d1fae5]","dark:bg-[#064e3b]","border","border-[#a7f3d0]","dark:border-[#065f46]","rounded-md","text-[#065f46]","dark:text-[#a7f3d0]","text-sm"].join(" "),role:"status",children:s}),e.jsxs("form",{onSubmit:f,className:"w-full flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("label",{htmlFor:"email-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Correo Electrónico ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(yt,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"email-input",type:"email",placeholder:"ejemplo@miempresa.com",value:i,onChange:h,disabled:n,required:!0,autoComplete:"email",className:["w-full","pl-9","pr-3","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-zinc-700","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150",l?"!border-error-border":""].filter(Boolean).join(" ")})]}),l&&e.jsx("p",{className:"text-xs text-error-content dark:text-error-content",children:l})]}),e.jsx("button",{type:"submit",disabled:n||!i,className:["relative","w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#eff8ff]","dark:text-[#0e79fd]","bg-[#0e79fd]","dark:bg-[#bfe2fe]","border","border-[#3c9bf6]","dark:border-[#93d1fd]","rounded-md","shadow-inner","hover:bg-primary-custom-500","dark:hover:bg-[#93d1fd]","active:scale-95","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]","disabled:opacity-50","disabled:cursor-not-allowed"].join(" "),children:n?"Enviando...":"Reestablecer Contraseña"})]}),e.jsx("button",{type:"button",onClick:a,className:["w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#0e79fd]","dark:text-[#93d1fd]","bg-transparent","border","border-[#93d1fd]","dark:border-[#93d1fd]","rounded-md","hover:bg-primary-custom-100","dark:hover:bg-[#93d1fd]/10","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]"].join(" "),children:"Iniciar Sesión"})]})]})},jt=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:e.jsx("path",{fillRule:"evenodd",d:"M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-5-2a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 9c-1.825 0-3.422.977-4.295 2.437A5.49 5.49 0 0 0 8 13.5a5.49 5.49 0 0 0 4.294-2.063A4.997 4.997 0 0 0 8 9Z",clipRule:"evenodd"})}),Nt=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:[e.jsx("path",{d:"M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z"}),e.jsx("path",{d:"M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z"})]}),Ct=r=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:e.jsx("path",{fillRule:"evenodd",d:"M8 1a3.5 3.5 0 0 0-3.5 3.5V7A1.5 1.5 0 0 0 3 8.5v5A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 11.5 7V4.5A3.5 3.5 0 0 0 8 1Zm2 6V4.5a2 2 0 1 0-4 0V7h4Z",clipRule:"evenodd"})}),$t=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",...r,children:[e.jsx("path",{d:"M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}),e.jsx("path",{fillRule:"evenodd",d:"M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .56A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z",clipRule:"evenodd"})]}),Bt=({onSubmit:r,onSignIn:a,onTermsClick:n,onPrivacyClick:t,isLoading:s=!1,errorMessage:o,className:x="",showBackground:c=!0,variant:i="responsive"})=>{const[u,l]=j.useState(""),[p,f]=j.useState(""),[h,b]=j.useState(""),[m,d]=j.useState(!1),[g,y]=j.useState(""),k=v=>{if(v.preventDefault(),!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(p)){y("Por favor ingresa un email válido");return}y(""),r?.(u,p,h)},N=v=>{f(v.target.value),g&&y("")},w=()=>{d(!m)};return e.jsxs("div",{className:["relative","min-h-screen","w-full","flex","flex-col","items-center","justify-center","box-border","p-0","md:p-4",x].join(" "),children:[c&&e.jsxs("div",{className:"absolute inset-0 pointer-events-none","aria-hidden":"true",children:[e.jsx("div",{className:"absolute inset-0 bg-primary-custom-100 dark:bg-[#112d57]"}),e.jsx("img",{src:"/bg_siesa.png",alt:"",className:"absolute inset-0 w-full h-full object-cover opacity-10"})]}),e.jsxs("div",{className:["relative","box-border","flex","flex-col","items-center","justify-center","gap-4","p-16","shrink-0","bg-bg-primary","dark:bg-dark-bg-primary",...i==="mobile"?["w-full","h-full","shadow-none","rounded-none","border-0"]:i==="desktop"?["w-[400px]","h-auto","rounded-2xl","shadow-lg","dark:shadow-2xl","overflow-clip","border","border-transparent","dark:border-dark-border-primary"]:["w-full","h-full","shadow-none","rounded-none","border-0","md:w-[400px]","md:h-auto","md:rounded-2xl","md:shadow-lg","md:dark:shadow-2xl","md:overflow-clip","md:border","md:border-transparent","md:dark:border-dark-border-primary"]].join(" "),children:[e.jsx("div",{className:"w-full flex flex-col items-center pb-4",children:e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-[200px] h-[50px] object-contain"})}),e.jsxs("div",{className:"w-full text-center",children:[e.jsx("h1",{className:["text-[20px]","leading-[28px]","font-bold","tracking-[-0.5px]","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Crear Cuenta"}),e.jsx("p",{className:["text-[12px]","leading-[16px]","font-normal","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Ingresa todos los datos para crear tu cuenta."})]}),o&&e.jsx("div",{className:["w-full","p-3","bg-error-bg","dark:bg-error-bg","border","border-error-border","dark:border-error-border","rounded-md","text-error-content","dark:text-error-content","text-sm"].join(" "),role:"alert",children:o}),e.jsxs("form",{onSubmit:k,className:"w-full flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("label",{htmlFor:"name-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Nombre ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(jt,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"name-input",type:"text",placeholder:"Juan Pérez",value:u,onChange:v=>l(v.target.value),disabled:s,required:!0,autoComplete:"name",className:["w-full","pl-9","pr-3","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150"].join(" ")})]})]}),e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("label",{htmlFor:"email-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Correo Electrónico ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(Nt,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"email-input",type:"email",placeholder:"ejemplo@miempresa.com",value:p,onChange:N,disabled:s,required:!0,autoComplete:"email",className:["w-full","pl-9","pr-3","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150",g?"!border-error-border":""].filter(Boolean).join(" ")})]}),g&&e.jsx("p",{className:"text-xs text-error-content dark:text-error-content",children:g})]}),e.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[e.jsxs("label",{htmlFor:"password-input",className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:["Contraseña ",e.jsx("span",{className:"text-red-600",children:"*"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none opacity-50",children:e.jsx(Ct,{className:"w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary"})}),e.jsx("input",{id:"password-input",type:m?"text":"password",placeholder:"••••••••",value:h,onChange:v=>b(v.target.value),disabled:s,required:!0,autoComplete:"new-password",className:["w-full","pl-9","pr-10","py-1.5","text-base","leading-6","bg-bg-primary","dark:bg-dark-bg-primary","border","border-[#e4e4e7]","dark:border-dark-border-primary","rounded-lg","placeholder:text-content-tertiary","dark:placeholder:text-dark-content-tertiary","text-content-primary","dark:text-dark-content-primary","focus:outline-none","focus:border-primary-custom-600","dark:focus:border-dark-border-custom","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-dark-border-custom","transition-all","duration-150"].join(" ")}),e.jsx("button",{type:"button",onClick:w,className:"absolute right-3 top-1/2 -translate-y-1/2 opacity-50 hover:opacity-100 text-content-tertiary dark:text-dark-content-tertiary transition-opacity duration-150 focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-dark-border-custom rounded p-1","aria-label":m?"Ocultar contraseña":"Mostrar contraseña",children:e.jsx($t,{className:"w-4 h-4"})})]})]}),e.jsx("button",{type:"submit",disabled:s||!u||!p||!h,className:["relative","w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#eff8ff]","dark:text-[#0e79fd]","bg-[#0e79fd]","dark:bg-[#bfe2fe]","border","border-[#3c9bf6]","dark:border-[#93d1fd]","rounded-md","shadow-inner","hover:bg-primary-custom-500","dark:hover:bg-[#93d1fd]","active:scale-95","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]","disabled:opacity-50","disabled:cursor-not-allowed"].join(" "),children:s?"Registrando...":"Registrarse"})]}),e.jsx("button",{type:"button",onClick:a,className:["w-full","px-[10px]","py-[6px]","flex","items-center","justify-center","gap-2","font-bold","text-sm","leading-5","text-[#0e79fd]","dark:text-[#93d1fd]","hover:bg-primary-custom-100","dark:hover:bg-[#93d1fd]/10","rounded-md","transition-all","duration-150","focus:outline-none","focus:ring-2","focus:ring-primary-custom-400","dark:focus:ring-[#93d1fd]","focus:ring-offset-2","dark:focus:ring-offset-[#3f3f46]"].join(" "),children:"Ya tengo una cuenta"}),e.jsx("div",{className:"w-full text-center",children:e.jsxs("p",{className:["text-[12px]","leading-[16px]","font-normal","text-content-primary","dark:text-dark-content-primary"].join(" "),children:["Al registrarse, estás aceptando nuestras"," ",e.jsx("button",{type:"button",onClick:n,className:"text-[#0e79fd] dark:text-[#93d1fd] underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded",children:"Condiciones de Uso"})," ","y nuestras"," ",e.jsx("button",{type:"button",onClick:t,className:"text-[#0e79fd] dark:text-[#93d1fd] underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-primary-custom-400 dark:focus:ring-[#93d1fd] rounded",children:"Políticas de Privacidad"}),"."]})})]})]})},St=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z"})}),Rt=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M2.22 2.22a.75.75 0 0 1 1.06 0l2 2a.75.75 0 1 1-1.06 1.06l-.72-.72v2.69a.75.75 0 0 1-1.5 0V2.5c0-.69.56-1.25 1.25-1.25h4.75a.75.75 0 0 1 0 1.5H4.81l.72.72a.75.75 0 0 1-1.06 1.06l-2-2a.75.75 0 0 1 0-1.06ZM9 2.75a.75.75 0 0 1 .75-.75h4.75C15.19 2 15.75 2.56 15.75 3.25v4.75a.75.75 0 0 1-1.5 0V5.31l-.72.72a.75.75 0 1 1-1.06-1.06l2-2a.75.75 0 0 1 1.06 0l2 2a.75.75 0 1 1-1.06 1.06l-.72-.72V8a.75.75 0 0 1-1.5 0V3.5H9.75A.75.75 0 0 1 9 2.75ZM2.75 9a.75.75 0 0 1 .75.75v2.69l.72-.72a.75.75 0 1 1 1.06 1.06l-2 2a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06l.72.72V9.75c0-.41.34-.75.75-.75Zm10.5 0a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-4.75c-.69 0-1.25-.56-1.25-1.25V9.75a.75.75 0 0 1 .75-.75Z",clipRule:"evenodd"})}),It=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M2.75 2a.75.75 0 0 0-.75.75v3.5a.75.75 0 0 0 1.5 0V3.81l2.47 2.47a.75.75 0 1 0 1.06-1.06L4.56 2.75h2.69a.75.75 0 0 0 0-1.5h-4.5ZM9 2.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-2.69l2.47 2.47a.75.75 0 1 1-1.06 1.06L10.5 4.56v2.69a.75.75 0 0 1-1.5 0v-4.5ZM2.75 9a.75.75 0 0 1 .75.75v2.69l2.47-2.47a.75.75 0 1 1 1.06 1.06L4.56 13.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 .75-.75Zm10.5 0a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-2.47-2.47a.75.75 0 1 1 1.06-1.06l2.47 2.47V9.75a.75.75 0 0 1 .75-.75Z",clipRule:"evenodd"})}),Mt=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M2 4.75A2.75 2.75 0 0 1 4.75 2h3a2.75 2.75 0 0 1 2.75 2.75v.5a.75.75 0 0 1-1.5 0v-.5c0-.69-.56-1.25-1.25-1.25h-3c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h3c.69 0 1.25-.56 1.25-1.25v-.5a.75.75 0 0 1 1.5 0v.5A2.75 2.75 0 0 1 7.75 14h-3A2.75 2.75 0 0 1 2 11.25v-6.5Zm10.58 2.96-1.72-1.72a.75.75 0 1 1 1.06-1.06l2.78 2.78c.3.29.3.76 0 1.06l-2.78 2.78a.75.75 0 1 1-1.06-1.06l1.72-1.72H7.25a.75.75 0 0 1 0-1.5h5.33Z",clipRule:"evenodd"})}),Lt=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{fillRule:"evenodd",d:"M13.78 10.47a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 1 1-1.06-1.06l.97-.97H5.75a.75.75 0 0 1 0-1.5h5.69l-.97-.97a.75.75 0 0 1 1.06-1.06l2.25 2.25ZM2.22 5.53a.75.75 0 0 1 0-1.06l2.25-2.25a.75.75 0 0 1 1.06 1.06l-.97.97h5.69a.75.75 0 0 1 0 1.5H4.56l.97.97a.75.75 0 1 1-1.06 1.06L2.22 5.53Z",clipRule:"evenodd"})}),At=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M2.5 3.5h3v3h-3v-3ZM6.5 2a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4ZM2.5 10.5h3v3h-3v-3ZM6.5 9a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-4ZM10.5 3.5h3v3h-3v-3ZM13.5 2h-3a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-.5ZM10.5 10.5h3v3h-3v-3Z"})}),Zt=({className:r=""})=>e.jsx("svg",{className:r,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"})}),Vt=({locations:r=[],activeLocationId:a,tables:n=[],tablesTitle:t="Mesas de Antejardín",showPeopleCountPanel:s=!1,selectedTable:o,onLocationSelect:x,onTableSelect:c,onCreateTables:i,onMergeTables:u,onSplitTables:l,onPeopleCountSelect:p,onAssignTable:f,onTransferTable:h,onSetCutlery:b,onClosePeoplePanel:m,onTableSwitchChange:d,isLoading:g=!1,errorMessage:y,tableLayout:k="grid",className:N="",userInfo:w})=>{const v=()=>e.jsx("div",{className:"w-full shrink-0",children:e.jsx(se,{variant:"desktop",productName:"",userDropdown:w?{avatar:w.avatar,name:w.name,email:w.role,onMenuClick:()=>{}}:void 0})}),S=()=>e.jsxs("div",{className:["w-full","md:w-[245px]","h-auto","md:h-full","shrink-0","flex","flex-col","gap-2.5","p-4","overflow-auto"].join(" "),children:[e.jsx("div",{className:"w-full",children:e.jsx("h2",{className:["text-xl","leading-7","font-bold","tracking-[-0.5px]","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Salones"})}),e.jsx("div",{className:"flex flex-col gap-2 w-full",children:g?e.jsx("div",{className:"text-content-secondary dark:text-content-secondary text-sm",children:"Cargando salones..."}):r.length===0?e.jsx("div",{className:"text-content-secondary dark:text-content-secondary text-sm",children:"No hay salones disponibles"}):r.map($=>e.jsx(Ze,{locationName:$.name,status:$.status,state:$.id===a?"actived":"enabled",capacity:$.capacity,onClick:()=>x?.($.id)},$.id))})]}),V=()=>e.jsxs("div",{className:["flex-1","min-w-0","flex","flex-col","gap-4","p-4","bg-white","dark:bg-dark-bg-primary","rounded-tl-3xl","rounded-tr-3xl","overflow-auto"].join(" "),children:[e.jsxs("div",{className:"flex flex-col md:flex-row gap-4 items-start md:items-center justify-between w-full",children:[e.jsx("h2",{className:["text-xl","leading-7","font-bold","tracking-[-0.5px]","text-content-primary","dark:text-dark-content-primary","flex-1"].join(" "),children:t}),e.jsxs("div",{className:"flex gap-2 flex-wrap",children:[e.jsx(D,{type:"default",size:"sm",leftIcon:e.jsx(St,{}),onClick:i,children:"Crear Mesas"}),e.jsx(D,{type:"default",size:"sm",leftIcon:e.jsx(Rt,{}),onClick:u,children:"Unir Mesas"}),e.jsx(D,{type:"default",size:"sm",leftIcon:e.jsx(It,{}),onClick:l,children:"Separar Mesas"})]})]}),e.jsx("div",{className:["flex-1","bg-background-secondary","dark:bg-dark-bg-secondary","rounded-xl","p-4","overflow-auto","min-h-[400px]"].join(" "),children:g?e.jsx("div",{className:"flex items-center justify-center h-full text-content-secondary dark:text-content-secondary",children:"Cargando mesas..."}):y?e.jsx("div",{className:"flex items-center justify-center h-full text-error-content dark:text-error-content",children:y}):n.length===0?e.jsx("div",{className:"flex items-center justify-center h-full text-content-secondary dark:text-content-secondary",children:"No hay mesas en esta ubicación"}):k==="grid"?e.jsx("div",{className:"flex flex-col items-center justify-center min-h-full w-full p-4",children:e.jsx("div",{className:"flex flex-wrap gap-2 justify-center max-w-[664px]",children:n.map($=>e.jsx(le,{tableNumber:$.tableNumber,status:$.status,shape:$.shape,chairs:$.chairs,isActive:$.isActive,onClick:()=>c?.($.tableNumber)},$.tableNumber))})}):e.jsx("div",{className:"relative w-full h-full min-h-[400px]",children:n.map($=>e.jsx("div",{className:"absolute",style:$.position?{left:`${$.position.x}%`,top:`${$.position.y}%`,transform:"translate(-50%, -50%)"}:void 0,children:e.jsx(le,{tableNumber:$.tableNumber,status:$.status,shape:$.shape,chairs:$.chairs,isActive:$.isActive,onClick:()=>c?.($.tableNumber)})},$.tableNumber))})}),e.jsxs("div",{className:"flex flex-wrap gap-4 items-center w-full",children:[e.jsx(X,{status:"available"}),e.jsx(X,{status:"occupied"}),e.jsx(X,{status:"reserved"}),e.jsx(X,{status:"outOfService"})]})]}),L=()=>s?e.jsxs("div",{className:["w-full","md:w-[304px]","shrink-0","flex","flex-col","p-4","overflow-hidden"].join(" "),children:[e.jsxs("div",{className:"flex items-center justify-between w-full pb-4 border-b border-border-primary dark:border-dark-border-primary shrink-0",children:[e.jsx(ie,{label:o?.locationName||"Ubicación",description:o?.tableName||"Mesa",labelPosition:"trailing",checked:!1,onChange:$=>d?.($.target.checked)}),e.jsx("button",{className:["p-2","rounded-md","border","border-primary-custom-300","text-primary-custom-600","hover:bg-background-secondary","dark:border-dark-border-custom","dark:hover:bg-dark-bg-primary","transition-colors"].join(" "),onClick:m,"aria-label":"Cerrar panel",children:e.jsx(Zt,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"flex flex-col gap-2 w-full flex-1 overflow-auto pt-4",children:[e.jsxs("div",{className:"flex flex-col gap-1 w-full",children:[e.jsx("h3",{className:["text-xl","leading-7","font-bold","tracking-[-0.5px]","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Tomar pedido"}),e.jsx("p",{className:["text-sm","leading-5","text-content-primary","dark:text-dark-content-primary"].join(" "),children:"Selecciona la cantidad de personas"})]}),e.jsx("div",{className:"grid grid-cols-3 gap-2 w-full mt-2",children:[1,2,3,4,5,6,7,8].map($=>e.jsx(Ve,{size:"l",border:!0,onClick:()=>p?.($),children:$},$))})]}),e.jsxs("div",{className:"flex flex-col gap-4 w-full pt-4 mt-auto shrink-0 grow-0 basis-auto border-t border-border-primary dark:border-dark-border-primary",children:[e.jsx(D,{type:"default",size:"sm",fullWidth:!0,leftIcon:e.jsx(Mt,{}),onClick:f,children:"Asignar"}),e.jsxs("div",{className:"flex gap-2 w-full",children:[e.jsx(D,{type:"outline",size:"sm",fullWidth:!0,leftIcon:e.jsx(Lt,{}),onClick:h,children:"Transferir"}),e.jsx(D,{type:"outline",size:"sm",fullWidth:!0,leftIcon:e.jsx(At,{}),onClick:b,children:"Cubiertos"})]})]})]}):null;return e.jsxs("div",{className:["flex","flex-col","w-full","min-h-screen","bg-background-secondary","dark:bg-dark-bg-primary",N].join(" "),children:[v(),e.jsxs("div",{className:"flex flex-1 w-full overflow-hidden",children:[S(),V(),L()]})]})},De=j.createContext(void 0),Et=({children:r,defaultTheme:a="light"})=>{const[n,t]=j.useState(()=>typeof window<"u"&&localStorage.getItem("siesa-ui-theme")||a);j.useEffect(()=>{const x=window.document.documentElement;n==="dark"?x.classList.add("dark"):x.classList.remove("dark"),localStorage.setItem("siesa-ui-theme",n)},[n]);const s=()=>{t(x=>x==="light"?"dark":"light")},o=x=>{t(x)};return e.jsx(De.Provider,{value:{theme:n,toggleTheme:s,setTheme:o},children:r})},Pt=()=>{const r=j.useContext(De);if(r===void 0)throw new Error("useTheme debe ser usado dentro de un ThemeProvider");return r};exports.Alert=Ie;exports.Avatar=de;exports.Badge=K;exports.Button=D;exports.Checkbox=Be;exports.DescriptionList=Re;exports.Divider=G;exports.Dropdown=qe;exports.DropdownItemCollapsible=ae;exports.DropdownItemHeading=xe;exports.Input=Y;exports.LayoutCommercial=et;exports.ListView=pt;exports.LoginView=Gr;exports.LoginViewPage=gt;exports.Navbar=se;exports.NavigationBar=Er;exports.NavigationRail=Me;exports.NavigationRailCommercial=ue;exports.NavigationRailItem=te;exports.NavigationRailPanel=Le;exports.NavigationRailTypes=me;exports.Notification=tr;exports.POSConvention=X;exports.POSLocationButton=Ze;exports.POSNumberButton=Ve;exports.POSProductButton=Ee;exports.POSProductCard=Pe;exports.POSProductSidebarItems=pe;exports.POSTable=le;exports.Pagination=nr;exports.ProductsView=ze;exports.Quantity=ce;exports.Radio=Se;exports.RecoverPasswordView=wt;exports.Select=pr;exports.SignUpView=Yr;exports.SignUpViewPage=Bt;exports.Switch=ie;exports.Table=Ir;exports.TableLayoutView=Vt;exports.Tabs=Lr;exports.Textarea=$e;exports.ThemeProvider=Et;exports.useTheme=Pt;
|
|
1474
|
-
//# sourceMappingURL=siesa-ui-kit.cjs.map
|