siesa-ui-kit 1.0.2 → 1.0.4
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 +115 -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 +2445 -0
- package/claude/prompts/component-template.md +121 -0
- package/claude/prompts/siesa-ui-kit.md +28 -0
- package/claude/settings.local.json +67 -2
- package/dist/components/Button/icons.d.ts +6 -5
- package/dist/components/Button/icons.d.ts.map +1 -1
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.d.ts.map +1 -1
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.types.d.ts +21 -0
- package/dist/components/DropdownItemCollapsible/DropdownItemCollapsible.types.d.ts.map +1 -1
- package/dist/components/NavigationRailCommercial/NavigationRailCommercial.d.ts +122 -0
- package/dist/components/NavigationRailCommercial/NavigationRailCommercial.d.ts.map +1 -0
- package/dist/components/NavigationRailCommercial/NavigationRailCommercial.types.d.ts +139 -0
- package/dist/components/NavigationRailCommercial/NavigationRailCommercial.types.d.ts.map +1 -0
- package/dist/components/NavigationRailCommercial/icons.d.ts +33 -0
- package/dist/components/NavigationRailCommercial/icons.d.ts.map +1 -0
- package/dist/components/NavigationRailCommercial/index.d.ts +4 -0
- package/dist/components/NavigationRailCommercial/index.d.ts.map +1 -0
- package/dist/components/NavigationRailItem/NavigationRailItem.d.ts.map +1 -1
- package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts +7 -0
- package/dist/components/NavigationRailItem/NavigationRailItem.types.d.ts.map +1 -1
- package/dist/components/NavigationRailTypes/NavigationRailTypes.d.ts.map +1 -1
- package/dist/components/NavigationRailTypes/NavigationRailTypes.types.d.ts +41 -0
- package/dist/components/NavigationRailTypes/NavigationRailTypes.types.d.ts.map +1 -1
- package/dist/components/NavigationRailTypes/icons.d.ts +15 -29
- package/dist/components/NavigationRailTypes/icons.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/icons.d.ts +6 -2
- package/dist/components/Select/icons.d.ts.map +1 -1
- package/dist/index.d.ts +32 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/siesa-ui-kit.cjs +404 -190
- package/dist/siesa-ui-kit.cjs.map +1 -1
- package/dist/siesa-ui-kit.mjs +6590 -1506
- package/dist/siesa-ui-kit.mjs.map +1 -1
- package/dist/views/LayoutCommercial/LayoutCommercial.d.ts +48 -0
- package/dist/views/LayoutCommercial/LayoutCommercial.d.ts.map +1 -0
- package/dist/views/LayoutCommercial/LayoutCommercial.types.d.ts +49 -0
- package/dist/views/LayoutCommercial/LayoutCommercial.types.d.ts.map +1 -0
- package/dist/views/LayoutCommercial/index.d.ts +3 -0
- package/dist/views/LayoutCommercial/index.d.ts.map +1 -0
- package/docs/icons.md +12 -31
- package/package.json +111 -110
- package/src/components/Avatar/Avatar.stories.tsx +494 -494
- 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 +23 -62
- package/src/components/DescriptionList/DescriptionList.stories.tsx +250 -250
- package/src/components/Divider/Divider.stories.tsx +263 -263
- package/src/components/DropdownItemCollapsible/DropdownItemCollapsible.stories.tsx +317 -317
- package/src/components/DropdownItemCollapsible/DropdownItemCollapsible.tsx +307 -287
- package/src/components/DropdownItemCollapsible/DropdownItemCollapsible.types.ts +136 -111
- package/src/components/DropdownItemCollapsible/README.md +264 -264
- package/src/components/DropdownItemCollapsible/icons.tsx +57 -57
- package/src/components/DropdownItemCollapsible/index.ts +12 -12
- package/src/components/DropdownItemHeading/DropdownItemHeading.stories.tsx +386 -386
- package/src/components/DropdownItemHeading/DropdownItemHeading.tsx +216 -216
- package/src/components/DropdownItemHeading/DropdownItemHeading.types.ts +93 -93
- package/src/components/DropdownItemHeading/README.md +573 -573
- package/src/components/DropdownItemHeading/icons.tsx +125 -125
- package/src/components/DropdownItemHeading/index.ts +3 -3
- package/src/components/Input/Input.stories.tsx +583 -583
- 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/index.ts +8 -8
- package/src/components/NavigationRailCommercial/NavigationRailCommercial.stories.tsx +464 -0
- package/src/components/NavigationRailCommercial/NavigationRailCommercial.tsx +301 -0
- package/src/components/NavigationRailCommercial/NavigationRailCommercial.types.ts +162 -0
- package/src/components/NavigationRailCommercial/README.md +251 -0
- package/src/components/NavigationRailCommercial/icons.tsx +54 -0
- package/src/components/NavigationRailCommercial/index.ts +6 -0
- package/src/components/NavigationRailItem/NavigationRailItem.stories.tsx +667 -667
- package/src/components/NavigationRailItem/NavigationRailItem.tsx +314 -313
- package/src/components/NavigationRailItem/NavigationRailItem.types.ts +175 -167
- package/src/components/NavigationRailItem/README.md +476 -476
- package/src/components/NavigationRailItem/index.ts +2 -2
- package/src/components/NavigationRailPanel/NavigationRailPanel.stories.tsx +462 -462
- package/src/components/NavigationRailPanel/NavigationRailPanel.tsx +332 -332
- package/src/components/NavigationRailPanel/NavigationRailPanel.types.ts +178 -178
- package/src/components/NavigationRailPanel/README.md +461 -461
- package/src/components/NavigationRailPanel/index.ts +6 -6
- package/src/components/NavigationRailTypes/NavigationRailTypes.stories.tsx +682 -528
- package/src/components/NavigationRailTypes/NavigationRailTypes.tsx +363 -378
- package/src/components/NavigationRailTypes/NavigationRailTypes.types.ts +178 -130
- package/src/components/NavigationRailTypes/README.md +573 -573
- package/src/components/NavigationRailTypes/icons.tsx +76 -141
- package/src/components/NavigationRailTypes/index.ts +7 -7
- 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/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/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/README.md +286 -286
- package/src/components/Quantity/Quantity.stories.tsx +457 -457
- package/src/components/Radio/Radio.stories.tsx +523 -523
- package/src/components/Radio/Radio.tsx +1 -1
- package/src/components/Select/Select.stories.tsx +32 -0
- package/src/components/Select/Select.tsx +457 -454
- package/src/components/Select/icons.tsx +16 -41
- 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/Table.stories.tsx +805 -805
- 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/index.ts +133 -102
- package/src/views/LayoutCommercial/LayoutCommercial.stories.tsx +374 -0
- package/src/views/LayoutCommercial/LayoutCommercial.tsx +125 -0
- package/src/views/LayoutCommercial/LayoutCommercial.types.ts +54 -0
- package/src/views/LayoutCommercial/README.md +286 -0
- package/src/views/LayoutCommercial/index.ts +2 -0
- package/src/views/ListView/ListView.stories.tsx +329 -329
- package/src/views/ListView/ListView.tsx +570 -570
- package/src/views/ListView/ListView.types.ts +211 -211
- package/src/views/ListView/icons.tsx +282 -282
- package/src/views/ListView/index.ts +11 -11
- package/src/views/LoginView/LoginView.tsx +426 -426
- 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/RecoverPasswordView.tsx +376 -376
- package/src/views/SignUpView/SignUpView.tsx +503 -503
- 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/dist/siesa-ui-kit.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
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
2
|
bg-primary-custom-600
|
|
3
3
|
text-primary-inverse-content
|
|
4
4
|
border
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
duration-150
|
|
37
37
|
dark:text-dark-content-custom
|
|
38
38
|
dark:hover:bg-hover-overlay-dark
|
|
39
|
-
`},
|
|
39
|
+
`},N=`
|
|
40
40
|
inline-flex
|
|
41
41
|
items-center
|
|
42
42
|
justify-center
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
disabled:opacity-50
|
|
54
54
|
disabled:cursor-not-allowed
|
|
55
55
|
disabled:pointer-events-none
|
|
56
|
-
`,
|
|
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
57
|
absolute
|
|
58
58
|
-top-1
|
|
59
59
|
-right-1
|
|
@@ -67,19 +67,19 @@
|
|
|
67
67
|
text-[10px]
|
|
68
68
|
font-bold
|
|
69
69
|
leading-none
|
|
70
|
-
${
|
|
71
|
-
${
|
|
70
|
+
${$.bg}
|
|
71
|
+
${$.text}
|
|
72
72
|
pointer-events-none
|
|
73
|
-
`.trim().replace(/\s+/g," "),"aria-label":`${
|
|
73
|
+
`.trim().replace(/\s+/g," "),"aria-label":`${h} notificaciones`,children:h>99?"99+":h}):e.jsx("span",{className:`
|
|
74
74
|
absolute
|
|
75
75
|
-top-1
|
|
76
76
|
-right-1
|
|
77
77
|
w-2
|
|
78
78
|
h-2
|
|
79
79
|
rounded-full
|
|
80
|
-
${
|
|
80
|
+
${$.bg}
|
|
81
81
|
pointer-events-none
|
|
82
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Notificación"});return e.jsxs("button",{type:
|
|
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
83
|
w-full
|
|
84
84
|
px-3
|
|
85
85
|
py-1.5
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
dark:border-dark-border-primary
|
|
100
100
|
dark:text-dark-content-primary
|
|
101
101
|
dark:placeholder:text-dark-content-tertiary
|
|
102
|
-
`,
|
|
102
|
+
`,m=u?`
|
|
103
103
|
opacity-50
|
|
104
104
|
cursor-not-allowed
|
|
105
105
|
bg-bg-secondary
|
|
@@ -114,24 +114,24 @@
|
|
|
114
114
|
dark:focus:border-dark-border-custom
|
|
115
115
|
dark:focus:ring-dark-border-custom
|
|
116
116
|
dark:focus:ring-offset-dark-bg-primary
|
|
117
|
-
`,
|
|
117
|
+
`,d=t?`
|
|
118
118
|
!border-error-border
|
|
119
119
|
focus:!ring-error-border/30
|
|
120
120
|
focus:!ring-offset-2
|
|
121
121
|
dark:!border-error-border
|
|
122
122
|
dark:focus:!ring-error-border/30
|
|
123
123
|
dark:focus:!ring-offset-dark-bg-primary
|
|
124
|
-
`:"",
|
|
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}
|
|
125
126
|
${m}
|
|
126
|
-
${
|
|
127
|
-
${u}
|
|
127
|
+
${d}
|
|
128
128
|
${o?"pl-9":""}
|
|
129
|
-
${
|
|
130
|
-
`.trim().replace(/\s+/g," "),...
|
|
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
131
|
text-xs
|
|
132
132
|
leading-5
|
|
133
|
-
${
|
|
134
|
-
`.trim().replace(/\s+/g," "),children:
|
|
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
135
|
w-full
|
|
136
136
|
px-3
|
|
137
137
|
pr-1.5
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
dark:border-dark-border-primary
|
|
152
152
|
dark:text-dark-content-primary
|
|
153
153
|
dark:placeholder:text-dark-content-tertiary
|
|
154
|
-
`,
|
|
154
|
+
`,m=i?`
|
|
155
155
|
opacity-50
|
|
156
156
|
cursor-not-allowed
|
|
157
157
|
bg-bg-secondary
|
|
@@ -163,24 +163,24 @@
|
|
|
163
163
|
dark:hover:border-zinc-500
|
|
164
164
|
dark:focus:border-2
|
|
165
165
|
dark:focus:border-dark-border-custom
|
|
166
|
-
`,
|
|
166
|
+
`,d=t?`
|
|
167
167
|
!border-error-border
|
|
168
168
|
focus:!border-2
|
|
169
169
|
focus:!border-error-border
|
|
170
170
|
dark:!border-error-border
|
|
171
171
|
dark:focus:!border-2
|
|
172
172
|
dark:focus:!border-error-border
|
|
173
|
-
`:"",
|
|
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}
|
|
174
175
|
${m}
|
|
175
|
-
${
|
|
176
|
-
${
|
|
177
|
-
|
|
178
|
-
`.trim().replace(/\s+/g," "),...b}),(n||a)&&e.jsx("p",{className:`
|
|
176
|
+
${d}
|
|
177
|
+
${g}
|
|
178
|
+
`.trim().replace(/\s+/g," "),...p}),(n||s)&&e.jsx("p",{className:`
|
|
179
179
|
text-sm
|
|
180
180
|
leading-5
|
|
181
181
|
text-content-tertiary
|
|
182
182
|
dark:text-dark-content-tertiary
|
|
183
|
-
`.trim().replace(/\s+/g," "),children:
|
|
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
184
|
w-4
|
|
185
185
|
h-4
|
|
186
186
|
rounded
|
|
@@ -194,10 +194,10 @@
|
|
|
194
194
|
justify-center
|
|
195
195
|
dark:bg-dark-bg-primary
|
|
196
196
|
dark:border-dark-border-primary
|
|
197
|
-
`,
|
|
197
|
+
`,s?`
|
|
198
198
|
opacity-50
|
|
199
199
|
cursor-not-allowed
|
|
200
|
-
`:n||
|
|
200
|
+
`:n||t?`
|
|
201
201
|
peer-hover:border-[#50a5f7]
|
|
202
202
|
peer-focus:ring-2
|
|
203
203
|
peer-focus:ring-primary-custom-400/20
|
|
@@ -213,13 +213,13 @@
|
|
|
213
213
|
dark:peer-hover:border-[#b6b6b9]
|
|
214
214
|
dark:peer-focus:border-dark-border-custom
|
|
215
215
|
dark:peer-focus:ring-dark-border-custom/20
|
|
216
|
-
`,n||
|
|
216
|
+
`,n||t?`
|
|
217
217
|
!bg-primary-custom-600
|
|
218
218
|
!border-primary-custom-500
|
|
219
219
|
shadow-button-inset
|
|
220
220
|
dark:!bg-dark-bg-inverse
|
|
221
221
|
dark:!border-dark-bg-inverse
|
|
222
|
-
`:"",
|
|
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
223
|
w-4
|
|
224
224
|
h-4
|
|
225
225
|
rounded-full
|
|
@@ -233,7 +233,7 @@
|
|
|
233
233
|
justify-center
|
|
234
234
|
dark:bg-dark-bg-primary
|
|
235
235
|
dark:border-dark-border-primary
|
|
236
|
-
`,
|
|
236
|
+
`,h=t?`
|
|
237
237
|
opacity-50
|
|
238
238
|
cursor-not-allowed
|
|
239
239
|
`:`
|
|
@@ -244,18 +244,18 @@
|
|
|
244
244
|
dark:peer-hover:border-dark-border-custom
|
|
245
245
|
dark:peer-focus:ring-dark-border-custom
|
|
246
246
|
dark:peer-focus:border-dark-border-custom
|
|
247
|
-
`,
|
|
247
|
+
`,b=n?`
|
|
248
248
|
!bg-primary-custom-600
|
|
249
249
|
!border-primary-inverse-border
|
|
250
|
-
shadow-
|
|
250
|
+
shadow-inner
|
|
251
251
|
dark:!bg-dark-bg-inverse
|
|
252
252
|
dark:!border-dark-bg-inverse
|
|
253
|
-
`:"";return e.jsxs("div",{className:`flex gap-3 items-start ${
|
|
254
|
-
${
|
|
255
|
-
${
|
|
256
|
-
${
|
|
257
|
-
${
|
|
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"})})]}),(
|
|
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
259
|
w-8
|
|
260
260
|
h-5
|
|
261
261
|
rounded-xl
|
|
@@ -264,7 +264,7 @@
|
|
|
264
264
|
relative
|
|
265
265
|
transition-all
|
|
266
266
|
duration-200
|
|
267
|
-
`,
|
|
267
|
+
`,h=()=>s?t?`
|
|
268
268
|
bg-primary-custom-600
|
|
269
269
|
border-primary-inverse-border
|
|
270
270
|
opacity-50
|
|
@@ -278,27 +278,27 @@
|
|
|
278
278
|
cursor-not-allowed
|
|
279
279
|
dark:bg-dark-bg-primary
|
|
280
280
|
dark:border-dark-border-primary
|
|
281
|
-
`:
|
|
281
|
+
`:t?`
|
|
282
282
|
bg-primary-custom-600
|
|
283
283
|
border-primary-inverse-border
|
|
284
284
|
cursor-pointer
|
|
285
285
|
peer-hover:border-[#307cc5]
|
|
286
|
-
peer-focus:shadow-
|
|
286
|
+
peer-focus:shadow-lg
|
|
287
287
|
dark:bg-primary-custom-600
|
|
288
288
|
dark:border-primary-inverse-border
|
|
289
289
|
dark:peer-hover:border-[#307cc5]
|
|
290
|
-
dark:peer-focus:shadow-
|
|
290
|
+
dark:peer-focus:shadow-lg
|
|
291
291
|
`:`
|
|
292
292
|
bg-[#fafafa]
|
|
293
293
|
border-border-primary
|
|
294
294
|
cursor-pointer
|
|
295
295
|
peer-hover:border-[#b6b6b9]
|
|
296
|
-
peer-focus:shadow-
|
|
296
|
+
peer-focus:shadow-lg
|
|
297
297
|
dark:bg-dark-bg-primary
|
|
298
298
|
dark:border-dark-border-primary
|
|
299
299
|
dark:peer-hover:border-[#b6b6b9]
|
|
300
|
-
dark:peer-focus:shadow-
|
|
301
|
-
`,
|
|
300
|
+
dark:peer-focus:shadow-lg
|
|
301
|
+
`,b=()=>{const k=`
|
|
302
302
|
absolute
|
|
303
303
|
w-4
|
|
304
304
|
h-4
|
|
@@ -309,7 +309,7 @@
|
|
|
309
309
|
-translate-y-1/2
|
|
310
310
|
transition-all
|
|
311
311
|
duration-200
|
|
312
|
-
`,
|
|
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
313
|
border-primary-inverse-border
|
|
314
314
|
peer-hover:border-[#307cc5]
|
|
315
315
|
dark:border-primary-inverse-border
|
|
@@ -319,29 +319,29 @@
|
|
|
319
319
|
peer-hover:border-[#b6b6b9]
|
|
320
320
|
dark:border-dark-border-primary
|
|
321
321
|
dark:peer-hover:border-[#b6b6b9]
|
|
322
|
-
`}`},
|
|
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
323
|
relative
|
|
324
324
|
inline-flex
|
|
325
325
|
items-center
|
|
326
326
|
justify-center
|
|
327
327
|
overflow-hidden
|
|
328
|
-
${
|
|
329
|
-
${
|
|
330
|
-
`;return n?e.jsx("div",{ref:c,className:`${
|
|
331
|
-
${
|
|
332
|
-
${
|
|
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
333
|
bg-content-primary
|
|
334
334
|
text-white
|
|
335
335
|
font-normal
|
|
336
336
|
dark:bg-dark-bg-inverse
|
|
337
337
|
dark:text-dark-content-inverse
|
|
338
338
|
${o}
|
|
339
|
-
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:"leading-none",children:
|
|
340
|
-
${
|
|
339
|
+
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:"leading-none",children:s})}):e.jsx("div",{ref:c,className:`
|
|
340
|
+
${p}
|
|
341
341
|
bg-background-secondary
|
|
342
342
|
dark:bg-dark-bg-primary
|
|
343
343
|
${o}
|
|
344
|
-
`.trim().replace(/\s+/g," ")})});
|
|
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
345
|
flex
|
|
346
346
|
flex-wrap
|
|
347
347
|
gap-1
|
|
@@ -350,7 +350,7 @@
|
|
|
350
350
|
border-b
|
|
351
351
|
border-border-secondary
|
|
352
352
|
dark:border-gray-700
|
|
353
|
-
`,
|
|
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
354
|
w-[512px]
|
|
355
355
|
bg-white
|
|
356
356
|
dark:bg-dark-bg-primary
|
|
@@ -358,8 +358,8 @@
|
|
|
358
358
|
border-border-primary
|
|
359
359
|
dark:border-dark-border-primary
|
|
360
360
|
rounded-xl
|
|
361
|
-
${
|
|
362
|
-
`.trim().replace(/\s+/g," "),...
|
|
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
363
|
h-3
|
|
364
364
|
flex
|
|
365
365
|
items-center
|
|
@@ -367,16 +367,16 @@
|
|
|
367
367
|
px-0.5
|
|
368
368
|
rounded-sm
|
|
369
369
|
min-w-[12px]
|
|
370
|
-
${
|
|
371
|
-
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`font-sans text-xs leading-4 ${
|
|
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
372
|
text-xs leading-4
|
|
373
373
|
text-primary-custom-600
|
|
374
374
|
hover:underline
|
|
375
375
|
dark:text-primary-custom-600
|
|
376
|
-
${
|
|
376
|
+
${l?"opacity-50 cursor-not-allowed":"cursor-pointer"}
|
|
377
377
|
transition-colors
|
|
378
378
|
duration-200
|
|
379
|
-
`.trim().replace(/\s+/g," "),children:
|
|
379
|
+
`.trim().replace(/\s+/g," "),children:x})]}),e.jsxs("div",{className:`
|
|
380
380
|
flex
|
|
381
381
|
items-center
|
|
382
382
|
gap-2
|
|
@@ -385,38 +385,128 @@
|
|
|
385
385
|
bg-white
|
|
386
386
|
dark:bg-dark-bg-primary
|
|
387
387
|
border
|
|
388
|
-
${
|
|
389
|
-
${
|
|
390
|
-
${
|
|
388
|
+
${L}
|
|
389
|
+
${$}
|
|
390
|
+
${H}
|
|
391
391
|
rounded-lg
|
|
392
392
|
transition-colors
|
|
393
393
|
duration-200
|
|
394
|
-
${
|
|
395
|
-
`.trim().replace(/\s+/g," "),children:[e.jsx("button",{type:"button",onClick:
|
|
394
|
+
${l?"opacity-50 cursor-not-allowed":""}
|
|
395
|
+
`.trim().replace(/\s+/g," "),children:[e.jsx("button",{type:"button",onClick:k,disabled:w,className:`
|
|
396
396
|
flex
|
|
397
397
|
items-center
|
|
398
398
|
justify-center
|
|
399
399
|
w-4
|
|
400
400
|
h-4
|
|
401
|
-
${
|
|
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
402
|
transition-colors
|
|
403
403
|
duration-200
|
|
404
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Decrementar",children:e.jsx(
|
|
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
405
|
text-base leading-6
|
|
406
|
-
${
|
|
407
|
-
`.trim().replace(/\s+/g," "),children:
|
|
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
408
|
flex
|
|
409
409
|
items-center
|
|
410
410
|
justify-center
|
|
411
411
|
w-4
|
|
412
412
|
h-4
|
|
413
|
-
${
|
|
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
414
|
transition-colors
|
|
415
415
|
duration-200
|
|
416
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Incrementar",children:e.jsx(
|
|
416
|
+
`.trim().replace(/\s+/g," "),"aria-label":"Incrementar",children:e.jsx(V,{})})]}),i&&e.jsx("p",{className:`
|
|
417
417
|
text-sm leading-5
|
|
418
|
-
${
|
|
419
|
-
`.trim().replace(/\s+/g," "),children:
|
|
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:`
|
|
420
510
|
inline-flex
|
|
421
511
|
items-center
|
|
422
512
|
justify-center
|
|
@@ -433,7 +523,7 @@
|
|
|
433
523
|
dark:${o.bg}
|
|
434
524
|
dark:${o.text}
|
|
435
525
|
${n}
|
|
436
|
-
`.trim().replace(/\s+/g," "),role:"status","aria-label":
|
|
526
|
+
`.trim().replace(/\s+/g," "),role:"status","aria-label":x,children:c})}return e.jsx("span",{className:`
|
|
437
527
|
inline-block
|
|
438
528
|
w-2
|
|
439
529
|
h-2
|
|
@@ -442,7 +532,7 @@
|
|
|
442
532
|
pointer-events-none
|
|
443
533
|
dark:${o.bg}
|
|
444
534
|
${n}
|
|
445
|
-
`.trim().replace(/\s+/g," "),role:"status","aria-label":
|
|
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=[`
|
|
446
536
|
inline-flex
|
|
447
537
|
items-center
|
|
448
538
|
justify-center
|
|
@@ -455,12 +545,12 @@
|
|
|
455
545
|
whitespace-nowrap
|
|
456
546
|
transition-all
|
|
457
547
|
duration-150
|
|
458
|
-
`,
|
|
548
|
+
`,k?`
|
|
459
549
|
text-primary-custom-600
|
|
460
550
|
dark:text-primary-custom-600
|
|
461
551
|
cursor-default
|
|
462
552
|
pointer-events-none
|
|
463
|
-
`:
|
|
553
|
+
`:m?`
|
|
464
554
|
bg-primary-custom-100
|
|
465
555
|
text-primary-custom-600
|
|
466
556
|
dark:bg-primary-custom-100
|
|
@@ -472,17 +562,17 @@
|
|
|
472
562
|
dark:text-primary-custom-600
|
|
473
563
|
dark:hover:bg-primary-custom-100
|
|
474
564
|
dark:active:scale-95
|
|
475
|
-
`,
|
|
565
|
+
`,d?`
|
|
476
566
|
opacity-50
|
|
477
567
|
cursor-not-allowed
|
|
478
568
|
pointer-events-none
|
|
479
|
-
`:""].join(" ").replace(/\s+/g," ").trim();return e.jsx("button",{type:"button",className:
|
|
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=`
|
|
480
570
|
inline-flex
|
|
481
571
|
items-center
|
|
482
572
|
justify-between
|
|
483
573
|
gap-0
|
|
484
|
-
${
|
|
485
|
-
`.replace(/\s+/g," ").trim();return e.jsxs("nav",{className:
|
|
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:`
|
|
486
576
|
inline-flex
|
|
487
577
|
items-center
|
|
488
578
|
justify-center
|
|
@@ -500,8 +590,8 @@
|
|
|
500
590
|
dark:active:scale-95
|
|
501
591
|
transition-all
|
|
502
592
|
duration-150
|
|
503
|
-
${
|
|
504
|
-
`.replace(/\s+/g," ").trim(),onClick:()=>
|
|
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:`
|
|
505
595
|
inline-flex
|
|
506
596
|
items-center
|
|
507
597
|
justify-center
|
|
@@ -519,8 +609,8 @@
|
|
|
519
609
|
dark:active:scale-95
|
|
520
610
|
transition-all
|
|
521
611
|
duration-150
|
|
522
|
-
${
|
|
523
|
-
`.replace(/\s+/g," ").trim(),onClick:()=>
|
|
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=[`
|
|
524
614
|
inline-flex
|
|
525
615
|
items-center
|
|
526
616
|
justify-between
|
|
@@ -535,7 +625,7 @@
|
|
|
535
625
|
border
|
|
536
626
|
transition-all
|
|
537
627
|
duration-150
|
|
538
|
-
`,
|
|
628
|
+
`,N?"w-full":"min-w-[200px]",o?`
|
|
539
629
|
border-error-border
|
|
540
630
|
bg-error-bg
|
|
541
631
|
text-content-primary
|
|
@@ -549,22 +639,18 @@
|
|
|
549
639
|
dark:bg-dark-bg-primary
|
|
550
640
|
dark:border-dark-border-primary
|
|
551
641
|
dark:text-dark-content-primary
|
|
552
|
-
`,!
|
|
553
|
-
hover:
|
|
554
|
-
hover:
|
|
555
|
-
|
|
556
|
-
dark:hover:bg-[linear-gradient(90deg,rgba(255,255,255,0.1)_0%,rgba(255,255,255,0.1)_100%)]
|
|
557
|
-
`:"",a?"":`
|
|
642
|
+
`,!s&&!o?`
|
|
643
|
+
hover:border-[#f9f9f9]
|
|
644
|
+
dark:hover:border-[#3a3a3f]
|
|
645
|
+
`:"",s?"":`
|
|
558
646
|
focus:outline-none
|
|
559
|
-
focus:
|
|
560
|
-
focus:
|
|
561
|
-
focus:
|
|
562
|
-
|
|
563
|
-
dark:focus:ring-offset-dark-bg-primary
|
|
564
|
-
`,a?`
|
|
647
|
+
focus-within:border-2
|
|
648
|
+
focus-within:border-[#329cff]
|
|
649
|
+
dark:focus-within:border-[#329cff]
|
|
650
|
+
`,s?`
|
|
565
651
|
opacity-50
|
|
566
652
|
cursor-not-allowed
|
|
567
|
-
`:"",
|
|
653
|
+
`:"",h].join(" ").replace(/\s+/g," ").trim(),ne=[`
|
|
568
654
|
absolute
|
|
569
655
|
z-50
|
|
570
656
|
w-full
|
|
@@ -573,13 +659,16 @@
|
|
|
573
659
|
overflow-y-auto
|
|
574
660
|
p-1
|
|
575
661
|
rounded-md
|
|
576
|
-
border
|
|
662
|
+
border
|
|
663
|
+
shadow-lg
|
|
577
664
|
transition-all
|
|
578
665
|
duration-150
|
|
579
|
-
`,
|
|
666
|
+
`,k==="top"?"bottom-full mb-1":"top-full mt-1",`
|
|
580
667
|
bg-background-secondary
|
|
668
|
+
border-border-secondary
|
|
581
669
|
dark:bg-dark-bg-primary
|
|
582
|
-
|
|
670
|
+
dark:border-dark-border-primary
|
|
671
|
+
`,w?"opacity-100 visible":"opacity-0 invisible",b].join(" ").replace(/\s+/g," ").trim(),oe=`
|
|
583
672
|
flex
|
|
584
673
|
items-center
|
|
585
674
|
cursor-pointer
|
|
@@ -593,7 +682,62 @@
|
|
|
593
682
|
text-[10px]
|
|
594
683
|
leading-[12px]
|
|
595
684
|
font-bold
|
|
596
|
-
`,
|
|
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=[`
|
|
597
741
|
flex
|
|
598
742
|
items-center
|
|
599
743
|
gap-3
|
|
@@ -605,12 +749,12 @@
|
|
|
605
749
|
dark:border-dark-border-primary
|
|
606
750
|
transition-colors
|
|
607
751
|
duration-150
|
|
608
|
-
`,
|
|
752
|
+
`,a?`
|
|
609
753
|
cursor-pointer
|
|
610
754
|
hover:bg-background-secondary
|
|
611
755
|
dark:hover:bg-dark-bg-primary/50
|
|
612
756
|
select-none
|
|
613
|
-
`:"",{left:"justify-start",center:"justify-center",right:"justify-end"}[
|
|
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:`
|
|
614
758
|
text-sm
|
|
615
759
|
font-bold
|
|
616
760
|
text-content-secondary
|
|
@@ -618,17 +762,17 @@
|
|
|
618
762
|
overflow-ellipsis
|
|
619
763
|
overflow-hidden
|
|
620
764
|
whitespace-nowrap
|
|
621
|
-
`,children:
|
|
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:`
|
|
622
766
|
flex
|
|
623
767
|
flex-col
|
|
624
|
-
${o[
|
|
768
|
+
${o[a]}
|
|
625
769
|
px-6
|
|
626
770
|
py-4
|
|
627
771
|
min-h-[56px]
|
|
628
772
|
border-b
|
|
629
773
|
border-border-secondary
|
|
630
774
|
dark:border-dark-border-primary
|
|
631
|
-
${
|
|
775
|
+
${x}
|
|
632
776
|
`,style:{width:n},children:e.jsx("span",{className:`
|
|
633
777
|
text-sm
|
|
634
778
|
text-content-primary
|
|
@@ -636,7 +780,7 @@
|
|
|
636
780
|
overflow-ellipsis
|
|
637
781
|
overflow-hidden
|
|
638
782
|
w-full
|
|
639
|
-
`,children:
|
|
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:`
|
|
640
784
|
flex
|
|
641
785
|
items-center
|
|
642
786
|
gap-3
|
|
@@ -653,7 +797,7 @@
|
|
|
653
797
|
disabled:cursor-not-allowed
|
|
654
798
|
transition-colors
|
|
655
799
|
duration-150
|
|
656
|
-
`,children:[e.jsx(
|
|
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:`
|
|
657
801
|
flex
|
|
658
802
|
items-center
|
|
659
803
|
justify-center
|
|
@@ -663,7 +807,7 @@
|
|
|
663
807
|
font-bold
|
|
664
808
|
text-primary-custom-600
|
|
665
809
|
dark:text-primary-custom-600
|
|
666
|
-
`,children:c},`ellipsis-${
|
|
810
|
+
`,children:c},`ellipsis-${i}`);const u=c===r;return e.jsx("button",{onClick:()=>n(c),className:`
|
|
667
811
|
flex
|
|
668
812
|
items-center
|
|
669
813
|
justify-center
|
|
@@ -676,8 +820,8 @@
|
|
|
676
820
|
dark:text-primary-custom-600
|
|
677
821
|
transition-colors
|
|
678
822
|
duration-150
|
|
679
|
-
${
|
|
680
|
-
`,children:c},c)})}),e.jsxs("button",{onClick:()=>
|
|
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:`
|
|
681
825
|
flex
|
|
682
826
|
items-center
|
|
683
827
|
gap-3
|
|
@@ -694,7 +838,7 @@
|
|
|
694
838
|
disabled:cursor-not-allowed
|
|
695
839
|
transition-colors
|
|
696
840
|
duration-150
|
|
697
|
-
`,children:[e.jsx("span",{children:
|
|
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=[`
|
|
698
842
|
flex
|
|
699
843
|
flex-col
|
|
700
844
|
gap-4
|
|
@@ -703,13 +847,13 @@
|
|
|
703
847
|
rounded-xl
|
|
704
848
|
transition-all
|
|
705
849
|
duration-150
|
|
706
|
-
`,
|
|
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"?`
|
|
707
851
|
border
|
|
708
852
|
border-border-primary
|
|
709
853
|
dark:border-dark-border-primary
|
|
710
854
|
rounded-lg
|
|
711
855
|
overflow-hidden
|
|
712
|
-
`:"";return e.jsxs("div",{className:
|
|
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:`
|
|
713
857
|
text-base
|
|
714
858
|
font-bold
|
|
715
859
|
text-content-primary
|
|
@@ -717,13 +861,13 @@
|
|
|
717
861
|
overflow-ellipsis
|
|
718
862
|
overflow-hidden
|
|
719
863
|
whitespace-nowrap
|
|
720
|
-
`,children:
|
|
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:`
|
|
721
865
|
h-4
|
|
722
866
|
bg-background-secondary
|
|
723
867
|
dark:bg-dark-border-primary
|
|
724
868
|
rounded
|
|
725
869
|
animate-pulse
|
|
726
|
-
`})},`loading-${
|
|
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:`
|
|
727
871
|
flex
|
|
728
872
|
items-center
|
|
729
873
|
justify-center
|
|
@@ -732,7 +876,7 @@
|
|
|
732
876
|
text-sm
|
|
733
877
|
text-content-secondary
|
|
734
878
|
dark:text-content-secondary
|
|
735
|
-
`,style:{gridColumn:`1 / ${
|
|
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=`
|
|
736
880
|
relative
|
|
737
881
|
flex
|
|
738
882
|
flex-col
|
|
@@ -744,7 +888,7 @@
|
|
|
744
888
|
p-0
|
|
745
889
|
border-0
|
|
746
890
|
bg-transparent
|
|
747
|
-
`,
|
|
891
|
+
`,l=s?"opacity-50 cursor-not-allowed pointer-events-none":"",p=`
|
|
748
892
|
flex
|
|
749
893
|
items-center
|
|
750
894
|
justify-center
|
|
@@ -755,30 +899,30 @@
|
|
|
755
899
|
transition-all
|
|
756
900
|
duration-150
|
|
757
901
|
w-full
|
|
758
|
-
`,
|
|
902
|
+
`,f=s?"":`
|
|
759
903
|
group-hover:bg-[rgba(0,0,0,0.03)]
|
|
760
904
|
group-focus-visible:bg-[rgba(0,0,0,0.03)]
|
|
761
|
-
group-focus-visible:shadow-
|
|
905
|
+
group-focus-visible:shadow-lg
|
|
762
906
|
dark:group-hover:bg-white/5
|
|
763
907
|
dark:group-focus-visible:bg-white/5
|
|
764
|
-
dark:group-focus-visible:shadow-
|
|
765
|
-
`,
|
|
908
|
+
dark:group-focus-visible:shadow-2xl
|
|
909
|
+
`,h=a?`
|
|
766
910
|
text-primary-custom-600
|
|
767
911
|
dark:text-primary-custom-600
|
|
768
912
|
`:`
|
|
769
913
|
text-content-primary
|
|
770
914
|
dark:text-dark-content-primary
|
|
771
|
-
`,
|
|
915
|
+
`,b=`
|
|
772
916
|
w-3
|
|
773
917
|
h-3
|
|
774
918
|
flex-shrink-0
|
|
775
|
-
`,
|
|
919
|
+
`,m=a?`
|
|
776
920
|
bg-primary-custom-600
|
|
777
921
|
dark:bg-primary-custom-600
|
|
778
922
|
`:`
|
|
779
923
|
bg-content-primary
|
|
780
924
|
dark:bg-dark-content-primary
|
|
781
|
-
`,
|
|
925
|
+
`,d=a?`
|
|
782
926
|
absolute
|
|
783
927
|
-bottom-2.5
|
|
784
928
|
left-0
|
|
@@ -788,13 +932,13 @@
|
|
|
788
932
|
bg-primary-custom-600
|
|
789
933
|
dark:bg-primary-custom-600
|
|
790
934
|
z-10
|
|
791
|
-
`:"hidden",
|
|
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:`
|
|
792
936
|
text-sm
|
|
793
937
|
font-bold
|
|
794
938
|
leading-5
|
|
795
939
|
whitespace-nowrap
|
|
796
|
-
${
|
|
797
|
-
`.replace(/\s+/g," ").trim(),children:
|
|
940
|
+
${h}
|
|
941
|
+
`.replace(/\s+/g," ").trim(),children:r}),t!==void 0&&t>0&&e.jsx("span",{className:`
|
|
798
942
|
flex
|
|
799
943
|
items-center
|
|
800
944
|
justify-center
|
|
@@ -807,15 +951,15 @@
|
|
|
807
951
|
leading-4
|
|
808
952
|
text-primary-inverse-content
|
|
809
953
|
dark:text-dark-bg-primary
|
|
810
|
-
${
|
|
811
|
-
`.replace(/\s+/g," ").trim(),"aria-label":`${
|
|
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=`
|
|
812
956
|
flex
|
|
813
957
|
items-end
|
|
814
958
|
pb-2.5
|
|
815
|
-
${{sm:"gap-0",base:"gap-1",lg:"gap-2"}[
|
|
959
|
+
${{sm:"gap-0",base:"gap-1",lg:"gap-2"}[x]}
|
|
816
960
|
${o?"w-full":""}
|
|
817
961
|
${c?"border-b border-border-primary dark:border-dark-border-primary":""}
|
|
818
|
-
`,
|
|
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=`
|
|
819
963
|
box-border
|
|
820
964
|
flex
|
|
821
965
|
flex-col
|
|
@@ -839,7 +983,7 @@
|
|
|
839
983
|
dark:focus:ring-offset-dark-bg-primary
|
|
840
984
|
transition-all
|
|
841
985
|
duration-150
|
|
842
|
-
`,
|
|
986
|
+
`,k=`
|
|
843
987
|
bg-primary-custom-600
|
|
844
988
|
text-primary-inverse-content
|
|
845
989
|
border
|
|
@@ -869,7 +1013,7 @@
|
|
|
869
1013
|
shrink-0
|
|
870
1014
|
transition-all
|
|
871
1015
|
duration-150
|
|
872
|
-
`,
|
|
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=`
|
|
873
1017
|
box-border
|
|
874
1018
|
flex
|
|
875
1019
|
items-center
|
|
@@ -891,7 +1035,7 @@
|
|
|
891
1035
|
rounded-lg
|
|
892
1036
|
transition-all
|
|
893
1037
|
duration-150
|
|
894
|
-
`;if(
|
|
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=[`
|
|
895
1039
|
box-border
|
|
896
1040
|
flex
|
|
897
1041
|
gap-8
|
|
@@ -902,7 +1046,7 @@
|
|
|
902
1046
|
w-full
|
|
903
1047
|
bg-background-primary
|
|
904
1048
|
dark:bg-dark-bg-primary
|
|
905
|
-
`,{responsive:"h-[40px] md:h-16",desktop:"h-16",tablet:"h-16",mobile:"h-[40px]"}[c],
|
|
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=`
|
|
906
1050
|
flex-1
|
|
907
1051
|
flex
|
|
908
1052
|
flex-col
|
|
@@ -914,8 +1058,8 @@
|
|
|
914
1058
|
cursor-pointer
|
|
915
1059
|
transition-all
|
|
916
1060
|
duration-150
|
|
917
|
-
${
|
|
918
|
-
`.replace(/\s+/g," ").trim(),
|
|
1061
|
+
${l.disabled?"opacity-50 cursor-not-allowed pointer-events-none":""}
|
|
1062
|
+
`.replace(/\s+/g," ").trim(),h=`
|
|
919
1063
|
flex
|
|
920
1064
|
items-center
|
|
921
1065
|
justify-center
|
|
@@ -925,8 +1069,8 @@
|
|
|
925
1069
|
overflow-hidden
|
|
926
1070
|
transition-all
|
|
927
1071
|
duration-150
|
|
928
|
-
${
|
|
929
|
-
`.replace(/\s+/g," ").trim(),
|
|
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=`
|
|
930
1074
|
font-['SiesaBT:Bold',sans-serif]
|
|
931
1075
|
text-[10px]
|
|
932
1076
|
leading-[12px]
|
|
@@ -938,7 +1082,7 @@
|
|
|
938
1082
|
dark:text-dark-content-primary
|
|
939
1083
|
transition-colors
|
|
940
1084
|
duration-150
|
|
941
|
-
`.replace(/\s+/g," ").trim(),
|
|
1085
|
+
`.replace(/\s+/g," ").trim(),m=`
|
|
942
1086
|
w-4
|
|
943
1087
|
h-4
|
|
944
1088
|
shrink-0
|
|
@@ -946,43 +1090,43 @@
|
|
|
946
1090
|
dark:text-dark-content-primary
|
|
947
1091
|
transition-colors
|
|
948
1092
|
duration-150
|
|
949
|
-
`.replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:
|
|
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=`
|
|
950
1094
|
bg-bg-primary
|
|
951
1095
|
dark:bg-dark-bg-primary
|
|
952
1096
|
p-4
|
|
953
1097
|
w-full
|
|
954
1098
|
transition-colors
|
|
955
1099
|
duration-150
|
|
956
|
-
`.replace(/\s+/g," ").trim(),
|
|
1100
|
+
`.replace(/\s+/g," ").trim(),i=`
|
|
957
1101
|
flex
|
|
958
1102
|
items-start
|
|
959
1103
|
justify-center
|
|
960
1104
|
w-full
|
|
961
|
-
`.replace(/\s+/g," ").trim(),
|
|
1105
|
+
`.replace(/\s+/g," ").trim(),u=`
|
|
962
1106
|
flex-1
|
|
963
1107
|
flex
|
|
964
1108
|
items-start
|
|
965
1109
|
gap-2
|
|
966
1110
|
min-h-0
|
|
967
1111
|
min-w-0
|
|
968
|
-
`.replace(/\s+/g," ").trim();return e.jsx("nav",{className:`${c} ${
|
|
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=[`
|
|
969
1113
|
inline-flex
|
|
970
1114
|
items-center
|
|
971
1115
|
gap-1
|
|
972
1116
|
shrink-0
|
|
973
|
-
`,
|
|
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:`
|
|
974
1118
|
text-xs
|
|
975
1119
|
leading-4
|
|
976
1120
|
font-normal
|
|
977
1121
|
text-content-primary
|
|
978
1122
|
dark:text-dark-content-primary
|
|
979
1123
|
whitespace-nowrap
|
|
980
|
-
`.replace(/\s+/g," ").trim(),children:
|
|
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=[`
|
|
981
1125
|
flex
|
|
982
1126
|
flex-col
|
|
983
1127
|
items-stretch
|
|
984
1128
|
justify-between
|
|
985
|
-
${
|
|
1129
|
+
${i?"w-full":"w-[189px]"}
|
|
986
1130
|
h-[68px]
|
|
987
1131
|
p-2
|
|
988
1132
|
rounded-lg
|
|
@@ -1000,28 +1144,28 @@
|
|
|
1000
1144
|
disabled:opacity-50
|
|
1001
1145
|
disabled:cursor-not-allowed
|
|
1002
1146
|
disabled:pointer-events-none
|
|
1003
|
-
`,x
|
|
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:`
|
|
1004
1148
|
text-base
|
|
1005
1149
|
font-bold
|
|
1006
1150
|
leading-6
|
|
1007
|
-
${
|
|
1008
|
-
`.replace(/\s+/g," ").trim(),children:
|
|
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:`
|
|
1009
1153
|
text-[10px]
|
|
1010
1154
|
leading-[12px]
|
|
1011
|
-
${
|
|
1012
|
-
`.replace(/\s+/g," ").trim(),children:
|
|
1155
|
+
${l.textColor}
|
|
1156
|
+
`.replace(/\s+/g," ").trim(),children:d})]}),e.jsxs("div",{className:`
|
|
1013
1157
|
inline-flex
|
|
1014
1158
|
items-center
|
|
1015
1159
|
gap-1
|
|
1016
1160
|
px-1.5
|
|
1017
1161
|
py-1
|
|
1018
1162
|
rounded-md
|
|
1019
|
-
${
|
|
1020
|
-
`.replace(/\s+/g," ").trim(),children:[e.jsx(
|
|
1163
|
+
${l.badgeBg}
|
|
1164
|
+
`.replace(/\s+/g," ").trim(),children:[e.jsx(p,{className:l.badgeText}),e.jsx("span",{className:`
|
|
1021
1165
|
text-xs
|
|
1022
1166
|
leading-4
|
|
1023
|
-
${
|
|
1024
|
-
`.replace(/\s+/g," ").trim(),children:
|
|
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=[`
|
|
1025
1169
|
inline-flex
|
|
1026
1170
|
items-center
|
|
1027
1171
|
justify-center
|
|
@@ -1041,7 +1185,7 @@
|
|
|
1041
1185
|
disabled:pointer-events-none
|
|
1042
1186
|
transition-all
|
|
1043
1187
|
duration-150
|
|
1044
|
-
`,
|
|
1188
|
+
`,u[r],l[r],a?`
|
|
1045
1189
|
bg-white
|
|
1046
1190
|
text-content-primary
|
|
1047
1191
|
border
|
|
@@ -1078,7 +1222,7 @@
|
|
|
1078
1222
|
dark:active:bg-dark-bg-inverse
|
|
1079
1223
|
dark:active:text-dark-content-inverse
|
|
1080
1224
|
dark:active:scale-95
|
|
1081
|
-
`,
|
|
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=[`
|
|
1082
1226
|
flex
|
|
1083
1227
|
flex-col
|
|
1084
1228
|
gap-2
|
|
@@ -1094,7 +1238,7 @@
|
|
|
1094
1238
|
focus:ring-offset-2
|
|
1095
1239
|
dark:focus:ring-dark-border-custom
|
|
1096
1240
|
dark:focus:ring-offset-dark-bg-primary
|
|
1097
|
-
`,
|
|
1241
|
+
`,t?`
|
|
1098
1242
|
bg-white
|
|
1099
1243
|
text-content-primary
|
|
1100
1244
|
opacity-55
|
|
@@ -1122,7 +1266,7 @@
|
|
|
1122
1266
|
dark:text-dark-content-primary
|
|
1123
1267
|
dark:hover:bg-dark-bg-primary/80
|
|
1124
1268
|
dark:active:scale-95
|
|
1125
|
-
`,o].join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:
|
|
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=`
|
|
1126
1270
|
flex
|
|
1127
1271
|
flex-col
|
|
1128
1272
|
gap-2
|
|
@@ -1137,12 +1281,12 @@
|
|
|
1137
1281
|
focus:ring-offset-2
|
|
1138
1282
|
dark:focus:ring-dark-border-custom
|
|
1139
1283
|
dark:focus:ring-offset-dark-bg-primary
|
|
1140
|
-
`,
|
|
1284
|
+
`,p=o?`
|
|
1141
1285
|
bg-white
|
|
1142
1286
|
opacity-55
|
|
1143
1287
|
cursor-not-allowed
|
|
1144
1288
|
dark:bg-dark-bg-primary
|
|
1145
|
-
`:
|
|
1289
|
+
`:s?`
|
|
1146
1290
|
bg-primary-custom-100
|
|
1147
1291
|
cursor-pointer
|
|
1148
1292
|
dark:bg-dark-bg-custom
|
|
@@ -1150,22 +1294,22 @@
|
|
|
1150
1294
|
bg-white
|
|
1151
1295
|
cursor-pointer
|
|
1152
1296
|
dark:bg-dark-bg-primary
|
|
1153
|
-
`,
|
|
1297
|
+
`,f=o?`
|
|
1154
1298
|
text-content-primary
|
|
1155
1299
|
dark:text-dark-content-primary
|
|
1156
|
-
`:
|
|
1300
|
+
`:s?`
|
|
1157
1301
|
text-primary-custom-600
|
|
1158
1302
|
dark:text-dark-content-custom
|
|
1159
1303
|
`:`
|
|
1160
1304
|
text-content-primary
|
|
1161
1305
|
dark:text-dark-content-primary
|
|
1162
|
-
`,
|
|
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:`
|
|
1163
1307
|
flex
|
|
1164
1308
|
flex-col
|
|
1165
1309
|
gap-2
|
|
1166
1310
|
w-full
|
|
1167
|
-
${
|
|
1168
|
-
${
|
|
1311
|
+
${f?"opacity-50 pointer-events-none":""}
|
|
1312
|
+
${h}
|
|
1169
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:`
|
|
1170
1314
|
inline-flex
|
|
1171
1315
|
items-center
|
|
@@ -1174,15 +1318,15 @@
|
|
|
1174
1318
|
rounded-md
|
|
1175
1319
|
transition-colors
|
|
1176
1320
|
duration-150
|
|
1177
|
-
${
|
|
1321
|
+
${d.bg}
|
|
1178
1322
|
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`
|
|
1179
1323
|
text-xs
|
|
1180
1324
|
leading-4
|
|
1181
1325
|
font-normal
|
|
1182
1326
|
text-center
|
|
1183
1327
|
whitespace-nowrap
|
|
1184
|
-
${
|
|
1185
|
-
`.trim().replace(/\s+/g," "),children:
|
|
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:`
|
|
1186
1330
|
flex
|
|
1187
1331
|
flex-col
|
|
1188
1332
|
gap-2
|
|
@@ -1193,7 +1337,7 @@
|
|
|
1193
1337
|
w-full
|
|
1194
1338
|
transition-colors
|
|
1195
1339
|
duration-150
|
|
1196
|
-
`.trim().replace(/\s+/g," "),children:o.map((
|
|
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:`
|
|
1197
1341
|
flex
|
|
1198
1342
|
items-center
|
|
1199
1343
|
justify-center
|
|
@@ -1216,16 +1360,16 @@
|
|
|
1216
1360
|
active:scale-95
|
|
1217
1361
|
transition-all
|
|
1218
1362
|
duration-150
|
|
1219
|
-
${
|
|
1220
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Eliminar producto",children:
|
|
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:`
|
|
1221
1365
|
absolute
|
|
1222
1366
|
top-0
|
|
1223
1367
|
left-0
|
|
1224
1368
|
right-0
|
|
1225
1369
|
h-[16px]
|
|
1226
1370
|
rounded-t-[4px]
|
|
1227
|
-
${
|
|
1228
|
-
${
|
|
1371
|
+
${l[a].chair}
|
|
1372
|
+
${l[a].chairDark}
|
|
1229
1373
|
`}),e.jsx("div",{className:`
|
|
1230
1374
|
absolute
|
|
1231
1375
|
bottom-0
|
|
@@ -1233,14 +1377,14 @@
|
|
|
1233
1377
|
right-[7.14%]
|
|
1234
1378
|
h-[14px]
|
|
1235
1379
|
rounded-b-[4px]
|
|
1236
|
-
${
|
|
1237
|
-
${
|
|
1238
|
-
`})]}),
|
|
1239
|
-
${
|
|
1240
|
-
${
|
|
1241
|
-
${
|
|
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}
|
|
1242
1386
|
shrink-0
|
|
1243
|
-
`})})}),
|
|
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:`
|
|
1244
1388
|
flex
|
|
1245
1389
|
flex-col
|
|
1246
1390
|
justify-center
|
|
@@ -1254,7 +1398,77 @@
|
|
|
1254
1398
|
shrink-0
|
|
1255
1399
|
text-[10px]
|
|
1256
1400
|
font-normal
|
|
1257
|
-
${
|
|
1258
|
-
${
|
|
1259
|
-
`,children:[e.jsxs("p",{className:"leading-[12px] overflow-ellipsis overflow-hidden",children:["Mesa ",t]}),p]})]})},ce=y.createContext(void 0),ar=({children:t,defaultTheme:s="light"})=>{const[n,r]=y.useState(()=>typeof window<"u"&&localStorage.getItem("siesa-ui-theme")||s);y.useEffect(()=>{const l=window.document.documentElement;n==="dark"?l.classList.add("dark"):l.classList.remove("dark"),localStorage.setItem("siesa-ui-theme",n)},[n]);const a=()=>{r(l=>l==="light"?"dark":"light")},o=l=>{r(l)};return e.jsx(ce.Provider,{value:{theme:n,toggleTheme:a,setTheme:o},children:t})},nr=()=>{const t=y.useContext(ce);if(t===void 0)throw new Error("useTheme debe ser usado dentro de un ThemeProvider");return t};exports.Alert=ie;exports.Avatar=ae;exports.Badge=O;exports.Button=q;exports.Checkbox=re;exports.DescriptionList=oe;exports.Divider=ne;exports.Dropdown=ke;exports.Input=Y;exports.Navbar=He;exports.NavigationBar=Oe;exports.Notification=je;exports.POSConvention=We;exports.POSLocationButton=Xe;exports.POSNumberButton=Je;exports.POSProductButton=Ye;exports.POSProductCard=rr;exports.POSProductSidebarItems=le;exports.POSTable=sr;exports.Pagination=$e;exports.Quantity=G;exports.Radio=te;exports.Select=_e;exports.Switch=se;exports.Table=ze;exports.Tabs=Ee;exports.Textarea=ee;exports.ThemeProvider=ar;exports.useTheme=nr;
|
|
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;
|
|
1260
1474
|
//# sourceMappingURL=siesa-ui-kit.cjs.map
|