siesa-ui-kit 1.0.8 → 1.0.9
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/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/siesa-ui-kit.cjs +122 -122
- package/dist/siesa-ui-kit.cjs.map +1 -1
- package/dist/siesa-ui-kit.mjs +694 -687
- package/dist/siesa-ui-kit.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
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"),v=require("react"),q=({type:t="default",size:s="base",iconOnly:n=!1,leftIcon:r,rightIcon:a,children:o,disabled:l=!1,className:c="",onClick:d,htmlType:m="button",fullWidth:i=!1,ariaLabel:x,badge:b=!1,badgeCount:u,badgeColor:p="red",...h})=>{const g={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"},f={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"},j={xs:"text-xs",sm:"text-sm",base:"text-sm",l:"text-sm",xl:"text-sm"},C={default:`
|
|
2
2
|
bg-primary-custom-600
|
|
3
3
|
text-primary-inverse-content
|
|
4
4
|
border
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
duration-150
|
|
50
50
|
dark:text-dark-content-custom
|
|
51
51
|
dark:hover:bg-hover-overlay-dark
|
|
52
|
-
`},
|
|
52
|
+
`},y=`
|
|
53
53
|
inline-flex
|
|
54
54
|
items-center
|
|
55
55
|
justify-center
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
disabled:opacity-50
|
|
67
67
|
disabled:cursor-not-allowed
|
|
68
68
|
disabled:pointer-events-none
|
|
69
|
-
`,
|
|
69
|
+
`,w=i?"w-full":"",N=[y,g[s],C[t],w,c].join(" ").replace(/\s+/g," ").trim(),B=M=>M?e.jsx("span",{className:`inline-flex items-center justify-center ${f[s]}`,children:M}):null,k=()=>n?B(r):e.jsxs(e.Fragment,{children:[r&&B(r),o&&e.jsx("span",{className:j[s],children:o}),a&&B(a)]}),$={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"}},I=$[p]||$.red,D=()=>!b&&u===void 0?null:u!==void 0?e.jsx("span",{className:`
|
|
70
70
|
absolute
|
|
71
71
|
-top-1
|
|
72
72
|
-right-1
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
${I.bg}
|
|
84
84
|
${I.text}
|
|
85
85
|
pointer-events-none
|
|
86
|
-
`.trim().replace(/\s+/g," "),"aria-label":`${
|
|
86
|
+
`.trim().replace(/\s+/g," "),"aria-label":`${u} notificaciones`,children:u>99?"99+":u}):e.jsx("span",{className:`
|
|
87
87
|
absolute
|
|
88
88
|
-top-1
|
|
89
89
|
-right-1
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
rounded-full
|
|
93
93
|
${I.bg}
|
|
94
94
|
pointer-events-none
|
|
95
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Notificación"});return e.jsxs("button",{type:
|
|
95
|
+
`.trim().replace(/\s+/g," "),"aria-label":"Notificación"});return e.jsxs("button",{type:m,className:`${N} ${b||u!==void 0?"relative":""}`,disabled:l,onClick:d,"aria-label":x,...h,children:[k(),D()]})},Y=v.forwardRef(({label:t,labelSecondary:s,helperText:n,error:r=!1,errorMessage:a,leftIcon:o,rightIcon:l,fullWidth:c=!1,className:d="",disabled:m=!1,id:i,...x},b)=>{const u=i||`input-${Math.random().toString(36).substr(2,9)}`,p=`
|
|
96
96
|
w-full
|
|
97
97
|
px-3
|
|
98
98
|
py-1.5
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
dark:border-dark-border-primary
|
|
113
113
|
dark:text-dark-content-primary
|
|
114
114
|
dark:placeholder:text-dark-content-tertiary
|
|
115
|
-
`,
|
|
115
|
+
`,h=m?`
|
|
116
116
|
opacity-50
|
|
117
117
|
cursor-not-allowed
|
|
118
118
|
bg-bg-secondary
|
|
@@ -127,24 +127,24 @@
|
|
|
127
127
|
dark:focus:border-dark-border-custom
|
|
128
128
|
dark:focus:ring-dark-border-custom
|
|
129
129
|
dark:focus:ring-offset-dark-bg-primary
|
|
130
|
-
`,
|
|
130
|
+
`,g=r?`
|
|
131
131
|
border-error-border!
|
|
132
132
|
focus:ring-error-border/30!
|
|
133
133
|
focus:ring-offset-2!
|
|
134
134
|
dark:border-error-border!
|
|
135
135
|
dark:focus:ring-error-border/30!
|
|
136
136
|
dark:focus:ring-offset-dark-bg-primary!
|
|
137
|
-
`:"",
|
|
138
|
-
${
|
|
139
|
-
${
|
|
140
|
-
${
|
|
137
|
+
`:"",f=c?"w-full":"w-[265px]",j=C=>{if(!C)return null;const y=C.props.className||"";return v.cloneElement(C,{className:`w-4 h-4 text-content-tertiary dark:text-dark-content-tertiary ${y}`})};return e.jsxs("div",{className:`flex flex-col gap-2 ${f} ${d}`,children:[t&&e.jsxs("label",{htmlFor:u,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:t}),s&&e.jsx("span",{className:"text-xs leading-4 text-primary-custom-600 dark:text-primary-custom-600",children:s})]}),e.jsxs("div",{className:"relative flex items-center",children:[o&&e.jsx("div",{className:"absolute left-3 pointer-events-none",children:j(o)}),e.jsx("input",{ref:b,id:u,disabled:m,className:`
|
|
138
|
+
${p}
|
|
139
|
+
${h}
|
|
140
|
+
${g}
|
|
141
141
|
${o?"pl-9":""}
|
|
142
142
|
${l?"pr-9":""}
|
|
143
|
-
`.trim().replace(/\s+/g," "),...
|
|
143
|
+
`.trim().replace(/\s+/g," "),...x}),l&&e.jsx("div",{className:"absolute right-3 pointer-events-none",children:j(l)})]}),(n||a)&&e.jsx("p",{className:`
|
|
144
144
|
text-xs
|
|
145
145
|
leading-5
|
|
146
146
|
${r?"text-error-content dark:text-error-content":"text-content-tertiary dark:text-dark-content-tertiary"}
|
|
147
|
-
`.trim().replace(/\s+/g," "),children:r&&a?a:n})]})});Y.displayName="Input";const ee=
|
|
147
|
+
`.trim().replace(/\s+/g," "),children:r&&a?a:n})]})});Y.displayName="Input";const ee=v.forwardRef(({label:t,description:s,helperText:n,error:r=!1,errorMessage:a,fullWidth:o=!1,resize:l="vertical",className:c="",disabled:d=!1,id:m,rows:i=4,...x},b)=>{const u=m||`textarea-${Math.random().toString(36).substr(2,9)}`,p=`
|
|
148
148
|
w-full
|
|
149
149
|
px-3
|
|
150
150
|
pr-1.5
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
dark:border-dark-border-primary
|
|
165
165
|
dark:text-dark-content-primary
|
|
166
166
|
dark:placeholder:text-dark-content-tertiary
|
|
167
|
-
`,
|
|
167
|
+
`,h=d?`
|
|
168
168
|
opacity-50
|
|
169
169
|
cursor-not-allowed
|
|
170
170
|
bg-bg-secondary
|
|
@@ -176,24 +176,24 @@
|
|
|
176
176
|
dark:hover:border-zinc-500
|
|
177
177
|
dark:focus:border-2
|
|
178
178
|
dark:focus:border-dark-border-custom
|
|
179
|
-
`,
|
|
179
|
+
`,g=r?`
|
|
180
180
|
border-error-border!
|
|
181
181
|
focus:border-2!
|
|
182
182
|
focus:border-error-border!
|
|
183
183
|
dark:border-error-border!
|
|
184
184
|
dark:focus:border-2!
|
|
185
185
|
dark:focus:border-error-border!
|
|
186
|
-
`:"",
|
|
187
|
-
${
|
|
188
|
-
${v}
|
|
189
|
-
${u}
|
|
186
|
+
`:"",f=l==="none"?"resize-none":l==="vertical"?"resize-y":l==="horizontal"?"resize-x":"resize",j=o?"w-full":"w-[312px]";return e.jsxs("div",{className:`flex flex-col gap-2 ${j} ${c}`,children:[(t||s)&&e.jsxs("div",{className:"flex flex-col gap-1 w-full",children:[t&&e.jsx("label",{htmlFor:u,className:"font-bold text-sm leading-5 text-content-primary dark:text-dark-content-primary",children:t}),s&&e.jsx("p",{className:"text-sm leading-5 text-content-secondary dark:text-dark-content-secondary",children:s})]}),e.jsx("textarea",{ref:b,id:u,disabled:d,rows:i,className:`
|
|
187
|
+
${p}
|
|
190
188
|
${h}
|
|
191
|
-
|
|
189
|
+
${g}
|
|
190
|
+
${f}
|
|
191
|
+
`.trim().replace(/\s+/g," "),...x}),(n||a)&&e.jsx("p",{className:`
|
|
192
192
|
text-sm
|
|
193
193
|
leading-5
|
|
194
194
|
text-content-tertiary
|
|
195
195
|
dark:text-dark-content-tertiary
|
|
196
|
-
`.trim().replace(/\s+/g," "),children:r&&a?a:n})]})});ee.displayName="Textarea";const re=
|
|
196
|
+
`.trim().replace(/\s+/g," "),children:r&&a?a:n})]})});ee.displayName="Textarea";const re=v.forwardRef(({label:t,description:s,checked:n=!1,indeterminate:r=!1,disabled:a=!1,className:o="",id:l,onChange:c,...d},m)=>{const i=v.useRef(null),x=m||i,b=l||`checkbox-${Math.random().toString(36).substr(2,9)}`;v.useEffect(()=>{x.current&&(x.current.indeterminate=r)},[r,x]);const g=[`
|
|
197
197
|
w-4
|
|
198
198
|
h-4
|
|
199
199
|
rounded
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
shadow-button-inset
|
|
233
233
|
dark:bg-dark-bg-inverse!
|
|
234
234
|
dark:border-dark-bg-inverse!
|
|
235
|
-
`:"",a?"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:
|
|
235
|
+
`:"",a?"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:x,type:"checkbox",id:b,checked:n,disabled:a,onChange:c,className:"peer sr-only",...d}),e.jsxs("label",{htmlFor:b,className:g,children:[n&&!r&&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"})}),r&&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"})})]})]}),(t||s)&&e.jsxs("label",{htmlFor:b,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${a?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[t&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:t}),s&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:s})]})]})});re.displayName="Checkbox";const te=v.forwardRef(({label:t,description:s,checked:n=!1,disabled:r=!1,className:a="",id:o,onChange:l,value:c,name:d,...m},i)=>{const x=o||`radio-${Math.random().toString(36).substr(2,9)}`,b=`
|
|
236
236
|
w-4
|
|
237
237
|
h-4
|
|
238
238
|
rounded-full
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
justify-center
|
|
247
247
|
dark:bg-dark-bg-primary
|
|
248
248
|
dark:border-dark-border-primary
|
|
249
|
-
`,
|
|
249
|
+
`,u=r?`
|
|
250
250
|
opacity-50
|
|
251
251
|
cursor-not-allowed
|
|
252
252
|
`:`
|
|
@@ -257,18 +257,18 @@
|
|
|
257
257
|
dark:peer-hover:border-dark-border-custom
|
|
258
258
|
dark:peer-focus:ring-dark-border-custom
|
|
259
259
|
dark:peer-focus:border-dark-border-custom
|
|
260
|
-
`,
|
|
260
|
+
`,p=n?`
|
|
261
261
|
bg-primary-custom-600!
|
|
262
262
|
border-primary-inverse-border!
|
|
263
263
|
shadow-button-inset
|
|
264
264
|
dark:bg-dark-bg-inverse!
|
|
265
265
|
dark:border-dark-bg-inverse!
|
|
266
|
-
`:"";return e.jsxs("div",{className:`flex gap-3 items-start ${a}`,children:[e.jsxs("div",{className:"flex items-center justify-center h-5 w-4 shrink-0",children:[e.jsx("input",{ref:i,type:"radio",id:
|
|
267
|
-
${
|
|
268
|
-
${
|
|
269
|
-
${
|
|
266
|
+
`:"";return e.jsxs("div",{className:`flex gap-3 items-start ${a}`,children:[e.jsxs("div",{className:"flex items-center justify-center h-5 w-4 shrink-0",children:[e.jsx("input",{ref:i,type:"radio",id:x,checked:n,disabled:r,onChange:l,value:c,name:d,className:"peer sr-only",...m}),e.jsx("label",{htmlFor:x,className:`
|
|
267
|
+
${b}
|
|
268
|
+
${u}
|
|
269
|
+
${p}
|
|
270
270
|
${r?"cursor-not-allowed":"cursor-pointer"}
|
|
271
|
-
`.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"})})]}),(t||s)&&e.jsxs("label",{htmlFor:
|
|
271
|
+
`.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"})})]}),(t||s)&&e.jsxs("label",{htmlFor:x,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${r?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[t&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:t}),s&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:s})]})]})});te.displayName="Radio";const se=v.forwardRef(({label:t,description:s,labelPosition:n="leading",checked:r=!1,disabled:a=!1,className:o="",id:l,onChange:c,ariaLabel:d,...m},i)=>{const x=l||`switch-${Math.random().toString(36).substr(2,9)}`,b=`
|
|
272
272
|
w-8
|
|
273
273
|
h-5
|
|
274
274
|
rounded-xl
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
relative
|
|
278
278
|
transition-all
|
|
279
279
|
duration-200
|
|
280
|
-
`,
|
|
280
|
+
`,u=()=>a?r?`
|
|
281
281
|
bg-primary-custom-600
|
|
282
282
|
border-primary-inverse-border
|
|
283
283
|
opacity-50
|
|
@@ -311,7 +311,7 @@
|
|
|
311
311
|
dark:border-dark-border-primary
|
|
312
312
|
dark:peer-hover:border-[#b6b6b9]
|
|
313
313
|
dark:peer-focus:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]
|
|
314
|
-
`,
|
|
314
|
+
`,p=()=>{const C=`
|
|
315
315
|
absolute
|
|
316
316
|
w-4
|
|
317
317
|
h-4
|
|
@@ -322,7 +322,7 @@
|
|
|
322
322
|
-translate-y-1/2
|
|
323
323
|
transition-all
|
|
324
324
|
duration-200
|
|
325
|
-
`,
|
|
325
|
+
`,y=r?"left-[13px]":"left-px";return a?`${C} ${y} ${r?"border-primary-inverse-border dark:border-primary-inverse-border":"border-border-primary dark:border-dark-border-primary"}`:`${C} ${y} ${r?`
|
|
326
326
|
border-primary-inverse-border
|
|
327
327
|
peer-hover:border-[#307cc5]
|
|
328
328
|
dark:border-primary-inverse-border
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
peer-hover:border-[#b6b6b9]
|
|
333
333
|
dark:border-dark-border-primary
|
|
334
334
|
dark:peer-hover:border-[#b6b6b9]
|
|
335
|
-
`}`},
|
|
335
|
+
`}`},h=[b,u()].join(" ").replace(/\s+/g," ").trim(),g=p().replace(/\s+/g," ").trim(),f=t||s?e.jsxs("label",{htmlFor:x,className:`flex-1 flex flex-col gap-1 text-sm leading-5 ${a?"cursor-not-allowed opacity-50":"cursor-pointer"}`,children:[t&&e.jsx("span",{className:"font-bold text-content-primary dark:text-dark-content-primary",children:t}),s&&e.jsx("span",{className:"font-normal text-content-secondary dark:text-content-secondary",children:s})]}):null,j=e.jsxs("div",{className:"flex items-center justify-center shrink-0",children:[e.jsx("input",{ref:i,type:"checkbox",id:x,checked:r,disabled:a,onChange:c,className:"peer sr-only","aria-label":d||t,...m}),e.jsx("label",{htmlFor:x,className:h,"aria-hidden":"true",children:e.jsx("div",{className:g})})]});return e.jsx("div",{className:`flex gap-2 items-center w-[344px] ${o}`,children:n==="leading"?e.jsxs(e.Fragment,{children:[f,j]}):e.jsxs(e.Fragment,{children:[j,f]})})});se.displayName="Switch";const ae=v.forwardRef(({size:t="10",type:s="circular",src:n,alt:r="",initials:a,className:o="",...l},c)=>{const d={4:"w-5 h-5",6:"w-6 h-6",8:"w-8 h-8",10:"w-10 h-10"},m={4:"text-xs",6:"text-xs",8:"text-sm",10:"text-base"},i={circular:"rounded-full",rounded:"rounded-md"},x=`
|
|
336
336
|
relative
|
|
337
337
|
inline-flex
|
|
338
338
|
items-center
|
|
@@ -340,9 +340,9 @@
|
|
|
340
340
|
overflow-hidden
|
|
341
341
|
${d[t]}
|
|
342
342
|
${i[s]}
|
|
343
|
-
`;return n?e.jsx("div",{ref:c,className:`${
|
|
344
|
-
${
|
|
345
|
-
${
|
|
343
|
+
`;return n?e.jsx("div",{ref:c,className:`${x} ${o}`.trim().replace(/\s+/g," "),children:e.jsx("img",{src:n,alt:r,className:"w-full h-full object-cover",...l})}):a?e.jsx("div",{ref:c,className:`
|
|
344
|
+
${x}
|
|
345
|
+
${m[t]}
|
|
346
346
|
bg-content-primary
|
|
347
347
|
text-white
|
|
348
348
|
font-normal
|
|
@@ -350,11 +350,11 @@
|
|
|
350
350
|
dark:text-dark-content-inverse
|
|
351
351
|
${o}
|
|
352
352
|
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:"leading-none",children:a})}):e.jsx("div",{ref:c,className:`
|
|
353
|
-
${
|
|
353
|
+
${x}
|
|
354
354
|
bg-background-secondary
|
|
355
355
|
dark:bg-dark-bg-primary
|
|
356
356
|
${o}
|
|
357
|
-
`.trim().replace(/\s+/g," ")})});ae.displayName="Avatar";const ne=
|
|
357
|
+
`.trim().replace(/\s+/g," ")})});ae.displayName="Avatar";const ne=v.forwardRef(({type:t="default",className:s="",...n},r)=>{const l=["w-full h-px border-0",{default:"bg-border-primary dark:bg-dark-border-primary",soft:"bg-border-secondary dark:bg-gray-700"}[t],s].join(" ").replace(/\s+/g," ").trim();return e.jsx("hr",{ref:r,className:l,...n})});ne.displayName="Divider";const oe=v.forwardRef(({term:t,details:s,className:n="",...r},a)=>{const o=`
|
|
358
358
|
flex
|
|
359
359
|
flex-wrap
|
|
360
360
|
gap-1
|
|
@@ -363,7 +363,7 @@
|
|
|
363
363
|
border-b
|
|
364
364
|
border-border-secondary
|
|
365
365
|
dark:border-gray-700
|
|
366
|
-
`,l="flex-1 min-w-[180px]",c=[o,n].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:a,className:c,...r,children:[e.jsx("div",{className:l,children:e.jsx("p",{className:"text-sm leading-5 text-content-secondary dark:text-gray-400 font-normal",children:t})}),e.jsx("div",{className:l,children:e.jsx("p",{className:"text-sm leading-5 text-content-primary dark:text-dark-content-primary font-normal",children:s})})]})});oe.displayName="DescriptionList";const ie=
|
|
366
|
+
`,l="flex-1 min-w-[180px]",c=[o,n].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:a,className:c,...r,children:[e.jsx("div",{className:l,children:e.jsx("p",{className:"text-sm leading-5 text-content-secondary dark:text-gray-400 font-normal",children:t})}),e.jsx("div",{className:l,children:e.jsx("p",{className:"text-sm leading-5 text-content-primary dark:text-dark-content-primary font-normal",children:s})})]})});oe.displayName="DescriptionList";const ie=v.forwardRef(({title:t,description:s,children:n,actions:r,onCancel:a,onConfirm:o,cancelText:l="Cancelar",confirmText:c="Confirmar",className:d="",...m},i)=>{const x=r||e.jsxs(e.Fragment,{children:[a&&e.jsx(q,{type:"plain",size:"base",onClick:a,children:l}),o&&e.jsx(q,{type:"default",size:"base",onClick:o,children:c})]});return e.jsx("div",{ref:i,className:`
|
|
367
367
|
w-[512px]
|
|
368
368
|
bg-white
|
|
369
369
|
dark:bg-dark-bg-primary
|
|
@@ -372,7 +372,7 @@
|
|
|
372
372
|
dark:border-dark-border-primary
|
|
373
373
|
rounded-xl
|
|
374
374
|
${d}
|
|
375
|
-
`.trim().replace(/\s+/g," "),...
|
|
375
|
+
`.trim().replace(/\s+/g," "),...m,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:t}),s&&e.jsx("p",{className:"text-sm leading-5 font-normal text-content-tertiary dark:text-content-tertiary",children:s})]}),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:x})]})})});ie.displayName="Alert";const P=v.forwardRef(({color:t="zinc",leftIcon:s,label:n,count:r,className:a="",...o},l)=>{const d={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"}}[t],m=x=>{const b=x.props.className||"";return v.cloneElement(x,{className:`w-3 h-3 ${b}`.trim()})},i=["inline-flex","items-center","gap-1","px-1.5","py-1","rounded-md","font-sans",d.bg,d.hover,"transition-colors","duration-200",a].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{ref:l,className:i,...o,children:[s&&e.jsx("div",{className:`flex items-center justify-center ${d.text}`,children:m(s)}),e.jsx("span",{className:`font-sans text-xs leading-4 ${d.text}`,children:n}),r!==void 0&&e.jsx("div",{className:`
|
|
376
376
|
h-3
|
|
377
377
|
flex
|
|
378
378
|
items-center
|
|
@@ -381,7 +381,7 @@
|
|
|
381
381
|
rounded-xs
|
|
382
382
|
min-w-[12px]
|
|
383
383
|
${d.notificationBg}
|
|
384
|
-
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`font-sans text-xs leading-4 ${d.notificationText}`,children:r})})]})});
|
|
384
|
+
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`font-sans text-xs leading-4 ${d.notificationText}`,children:r})})]})});P.displayName="Badge";const G=v.forwardRef(({value:t,defaultValue:s=0,onChange:n,min:r=0,max:a,label:o,linkText:l,onLinkClick:c,helperText:d,error:m=!1,disabled:i=!1,className:x="",...b},u)=>{const[p,h]=v.useState(s),g=t!==void 0,f=g?t:p;v.useEffect(()=>{g||h(s)},[s,g]);const j=M=>{let T=M;r!==void 0&&T<r&&(T=r),a!==void 0&&T>a&&(T=a),g||h(T),n?.(T)},C=()=>{i||j(f-1)},y=()=>{i||j(f+1)},w=i||r!==void 0&&f<=r,N=i||a!==void 0&&f>=a,B=()=>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"})}),k=()=>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"})}),$=m?"border-error-border dark:border-error-border":"border-border-primary dark:border-dark-border-primary",I=!i&&!m?"hover:border-[#f9f9f9] dark:hover:border-[#f9f9f9]":"",D=!i&&!m?"focus-within:border-2 focus-within:border-[#329cff] dark:focus-within:border-[#329cff]":"";return e.jsxs("div",{ref:u,className:`flex flex-col gap-2 ${x}`.trim(),...b,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}),l&&e.jsx("button",{type:"button",onClick:c,disabled:i,className:`
|
|
385
385
|
text-xs leading-4
|
|
386
386
|
text-primary-custom-600
|
|
387
387
|
hover:underline
|
|
@@ -398,38 +398,38 @@
|
|
|
398
398
|
bg-white
|
|
399
399
|
dark:bg-dark-bg-primary
|
|
400
400
|
border
|
|
401
|
-
${
|
|
401
|
+
${$}
|
|
402
402
|
${I}
|
|
403
|
-
${
|
|
403
|
+
${D}
|
|
404
404
|
rounded-lg
|
|
405
405
|
transition-colors
|
|
406
406
|
duration-200
|
|
407
407
|
${i?"opacity-50 cursor-not-allowed":""}
|
|
408
|
-
`.trim().replace(/\s+/g," "),children:[e.jsx("button",{type:"button",onClick:
|
|
408
|
+
`.trim().replace(/\s+/g," "),children:[e.jsx("button",{type:"button",onClick:C,disabled:w,className:`
|
|
409
409
|
flex
|
|
410
410
|
items-center
|
|
411
411
|
justify-center
|
|
412
412
|
w-4
|
|
413
413
|
h-4
|
|
414
|
-
${
|
|
414
|
+
${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"}
|
|
415
415
|
transition-colors
|
|
416
416
|
duration-200
|
|
417
417
|
`.trim().replace(/\s+/g," "),"aria-label":"Decrementar",children:e.jsx(B,{})}),e.jsx("div",{className:"flex-1 text-center",children:e.jsx("span",{className:`
|
|
418
418
|
text-base leading-6
|
|
419
|
-
${
|
|
420
|
-
`.trim().replace(/\s+/g," "),children:
|
|
419
|
+
${f===0?"text-content-tertiary dark:text-content-tertiary":"text-content-primary dark:text-dark-content-primary"}
|
|
420
|
+
`.trim().replace(/\s+/g," "),children:f})}),e.jsx("button",{type:"button",onClick:y,disabled:N,className:`
|
|
421
421
|
flex
|
|
422
422
|
items-center
|
|
423
423
|
justify-center
|
|
424
424
|
w-4
|
|
425
425
|
h-4
|
|
426
|
-
${
|
|
426
|
+
${N?"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"}
|
|
427
427
|
transition-colors
|
|
428
428
|
duration-200
|
|
429
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Incrementar",children:e.jsx(
|
|
429
|
+
`.trim().replace(/\s+/g," "),"aria-label":"Incrementar",children:e.jsx(k,{})})]}),d&&e.jsx("p",{className:`
|
|
430
430
|
text-sm leading-5
|
|
431
|
-
${
|
|
432
|
-
`.trim().replace(/\s+/g," "),children:d})]})});G.displayName="Quantity";const he=()=>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"})}),ke=({variant:t="default",children:s,items:n,open:r,onOpenChange:a,disabled:o=!1,className:l="",menuClassName:c="",ariaLabel:d,placeholder:
|
|
431
|
+
${m?"text-error-content dark:text-error-content":"text-content-tertiary dark:text-content-tertiary"}
|
|
432
|
+
`.trim().replace(/\s+/g," "),children:d})]})});G.displayName="Quantity";const he=()=>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"})}),ke=({variant:t="default",children:s,items:n,open:r,onOpenChange:a,disabled:o=!1,className:l="",menuClassName:c="",ariaLabel:d,placeholder:m="Options"})=>{const[i,x]=v.useState(!1),[b,u]=v.useState("bottom-left"),p=v.useRef(null),h=v.useRef(null),g=r!==void 0,f=g?r:i,j=v.useCallback(()=>{if(!p.current)return;const k=p.current.getBoundingClientRect(),$=window.innerWidth,I=window.innerHeight,D=200,M=250,T=I-k.bottom,E=k.top,S=$-k.left,R=k.right,A=T<M&&E>T,F=S<D&&R>S;u(A&&F?"top-right":A?"top-left":F?"bottom-right":"bottom-left")},[]),C=()=>{if(o)return;const k=!f;k&&j(),g||x(k),a?.(k)};v.useEffect(()=>{const k=$=>{p.current&&!p.current.contains($.target)&&(g||x(!1),a?.(!1))};if(f)return document.addEventListener("mousedown",k),()=>{document.removeEventListener("mousedown",k)}},[f,g,a]),v.useEffect(()=>{const k=$=>{$.key==="Escape"&&f&&(g||x(!1),a?.(!1))};if(f)return document.addEventListener("keydown",k),()=>{document.removeEventListener("keydown",k)}},[f,g,a]);const y=k=>{k.disabled||k.isDivider||k.isHeading||(k.onClick&&k.onClick({}),g||x(!1),a?.(!1))},w=["inline-flex","items-center","justify-center","rounded-lg","font-bold","text-sm","whitespace-nowrap","transition-all","duration-150",t==="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-dark-content-primary","dark:border-dark-border-primary","dark:hover:bg-dark-bg-secondary","focus:outline-hidden","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",l].filter(Boolean).join(" ").replace(/\s+/g," ").trim(),B=["absolute",{"bottom-left":"top-full left-0 mt-2","bottom-right":"top-full right-0 mt-2","top-left":"bottom-full left-0 mb-2","top-right":"bottom-full right-0 mb-2"}[b],"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:p,className:"relative inline-block",children:[e.jsxs("button",{type:"button",className:w,onClick:C,disabled:o,"aria-label":d||(t==="icon-only"?"Abrir menú":void 0),"aria-haspopup":"true","aria-expanded":f,children:[t==="default"&&e.jsx("span",{children:s||m}),e.jsx(he,{})]}),f&&e.jsx("div",{ref:h,className:B,children:n.map((k,$)=>k.isDivider?e.jsx(we,{className:k.className},$):k.isHeading?e.jsx(ye,{className:k.className,children:k.children},$):e.jsx(ve,{...k,onClick:()=>y(k)},$))})]})},ve=({children:t,icon:s,description:n,shortcut:r,disabled:a=!1,selected:o=!1,onClick:l,className:c=""})=>{const d=["flex","items-center","gap-3","px-4","py-2","rounded-lg","text-sm","w-full","text-left","transition-colors","duration-150","text-content-primary",!a&&"hover:bg-bg-primary",o&&"bg-bg-primary","dark:text-dark-content-primary",!a&&"dark:hover:bg-dark-bg-secondary",o&&"dark:bg-dark-bg-secondary",a&&"opacity-50",a&&"cursor-not-allowed",!a&&"cursor-pointer",c].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:d,onClick:l,disabled:a,children:[s&&e.jsx("span",{className:"inline-flex items-center justify-center w-4 h-4 text-content-secondary dark:text-dark-content-secondary",children:s}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-content-primary dark:text-dark-content-primary",children:t}),n&&e.jsx("div",{className:"text-xs text-content-secondary dark:text-dark-content-secondary mt-0.5",children:n})]}),r&&e.jsx("span",{className:"text-xs text-content-secondary dark:text-dark-content-secondary ml-auto whitespace-nowrap",children:r})]})},ye=({children:t,className:s=""})=>{const n=["px-4","py-1","text-xs","font-normal","text-content-tertiary","dark:text-dark-content-tertiary",s].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsx("div",{className:n,children:t})},we=({className:t=""})=>{const s=["px-4","py-1",t].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsx("div",{className:s,children:e.jsx("div",{className:"h-px bg-border-primary dark:bg-dark-border-primary"})})},je=({count:t,color:s="red",className:n="",ariaLabel:r})=>{const a={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=a[s]||a.red,l=r||(t!==void 0&&t>0?`${t} notificaci${t===1?"ón":"ones"}`:"Notificación pendiente");if(t!==void 0&&t>0){const c=t>99?"99+":t.toString();return e.jsx("span",{className:`
|
|
433
433
|
inline-flex
|
|
434
434
|
items-center
|
|
435
435
|
justify-center
|
|
@@ -455,7 +455,7 @@
|
|
|
455
455
|
pointer-events-none
|
|
456
456
|
dark:${o.bg}
|
|
457
457
|
${n}
|
|
458
|
-
`.trim().replace(/\s+/g," "),role:"status","aria-label":l})},Ce=({className:t=""})=>e.jsx("svg",{className:t,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"})}),Ne=({className:t=""})=>e.jsx("svg",{className:t,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"})}),$e=({currentPage:t=1,totalPages:s,onPageChange:n,backText:r="Atrás",nextText:a="Siguiente",siblingCount:o=1,showBackButton:l=!0,showNextButton:c=!0,className:d="",ariaLabel:
|
|
458
|
+
`.trim().replace(/\s+/g," "),role:"status","aria-label":l})},Ce=({className:t=""})=>e.jsx("svg",{className:t,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"})}),Ne=({className:t=""})=>e.jsx("svg",{className:t,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"})}),$e=({currentPage:t=1,totalPages:s,onPageChange:n,backText:r="Atrás",nextText:a="Siguiente",siblingCount:o=1,showBackButton:l=!0,showNextButton:c=!0,className:d="",ariaLabel:m="Paginación"})=>{const i=v.useMemo(()=>{const h=o*2+3+2;if(s<=h)return Array.from({length:s},(N,B)=>B+1);const g=Math.max(t-o,1),f=Math.min(t+o,s),j=g>2,C=f<s-1,y=1,w=s;if(!j&&C){const N=3+2*o;return[...Array.from({length:N},(k,$)=>$+1),"...",s]}if(j&&!C){const N=3+2*o,B=Array.from({length:N},(k,$)=>s-N+$+1);return[y,"...",...B]}if(j&&C){const N=Array.from({length:f-g+1},(B,k)=>g+k);return[y,"...",...N,"...",w]}return[]},[t,s,o]),x=p=>{p>=1&&p<=s&&p!==t&&n?.(p)},b=({page:p,isActive:h=!1,disabled:g=!1,onClick:f,ariaLabel:j})=>{const C=p==="...",B=[`
|
|
459
459
|
inline-flex
|
|
460
460
|
items-center
|
|
461
461
|
justify-center
|
|
@@ -468,12 +468,12 @@
|
|
|
468
468
|
whitespace-nowrap
|
|
469
469
|
transition-all
|
|
470
470
|
duration-150
|
|
471
|
-
`,
|
|
471
|
+
`,C?`
|
|
472
472
|
text-primary-custom-600
|
|
473
473
|
dark:text-primary-custom-600
|
|
474
474
|
cursor-default
|
|
475
475
|
pointer-events-none
|
|
476
|
-
`:
|
|
476
|
+
`:h?`
|
|
477
477
|
bg-primary-custom-100
|
|
478
478
|
text-primary-custom-600
|
|
479
479
|
dark:bg-primary-custom-100
|
|
@@ -485,17 +485,17 @@
|
|
|
485
485
|
dark:text-primary-custom-600
|
|
486
486
|
dark:hover:bg-primary-custom-100
|
|
487
487
|
dark:active:scale-95
|
|
488
|
-
`,
|
|
488
|
+
`,g?`
|
|
489
489
|
opacity-50
|
|
490
490
|
cursor-not-allowed
|
|
491
491
|
pointer-events-none
|
|
492
|
-
`:""].join(" ").replace(/\s+/g," ").trim();return e.jsx("button",{type:"button",className:B,onClick:
|
|
492
|
+
`:""].join(" ").replace(/\s+/g," ").trim();return e.jsx("button",{type:"button",className:B,onClick:f,disabled:g||C,"aria-label":j,"aria-current":h?"page":void 0,children:p})},u=`
|
|
493
493
|
inline-flex
|
|
494
494
|
items-center
|
|
495
495
|
justify-between
|
|
496
496
|
gap-0
|
|
497
497
|
${d}
|
|
498
|
-
`.replace(/\s+/g," ").trim();return e.jsxs("nav",{className:
|
|
498
|
+
`.replace(/\s+/g," ").trim();return e.jsxs("nav",{className:u,"aria-label":m,role:"navigation",children:[l&&e.jsxs("button",{type:"button",className:`
|
|
499
499
|
inline-flex
|
|
500
500
|
items-center
|
|
501
501
|
justify-center
|
|
@@ -514,7 +514,7 @@
|
|
|
514
514
|
transition-all
|
|
515
515
|
duration-150
|
|
516
516
|
${t===1?"opacity-50 cursor-not-allowed pointer-events-none":""}
|
|
517
|
-
`.replace(/\s+/g," ").trim(),onClick:()=>
|
|
517
|
+
`.replace(/\s+/g," ").trim(),onClick:()=>x(t-1),disabled:t===1,"aria-label":`${r} page`,children:[e.jsx(Ce,{className:"w-4 h-4"}),r]}),e.jsx("div",{className:"inline-flex items-center",children:i.map((p,h)=>e.jsx(b,{page:p,isActive:p===t,onClick:()=>typeof p=="number"&&x(p),ariaLabel:typeof p=="number"?`Go to page ${p}`:`Page ${p}`},`${p}-${h}`))}),c&&e.jsxs("button",{type:"button",className:`
|
|
518
518
|
inline-flex
|
|
519
519
|
items-center
|
|
520
520
|
justify-center
|
|
@@ -533,7 +533,7 @@
|
|
|
533
533
|
transition-all
|
|
534
534
|
duration-150
|
|
535
535
|
${t===s?"opacity-50 cursor-not-allowed pointer-events-none":""}
|
|
536
|
-
`.replace(/\s+/g," ").trim(),onClick:()=>
|
|
536
|
+
`.replace(/\s+/g," ").trim(),onClick:()=>x(t+1),disabled:t===s,"aria-label":`${a} page`,children:[a,e.jsx(Ne,{className:"w-4 h-4"})]})]})},Be=({className:t=""})=>e.jsxs("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true",children:[e.jsx("path",{fillRule:"evenodd",d:"M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z",clipRule:"evenodd"}),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"})]}),Le=({className:t=""})=>e.jsx("svg",{className:t,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"})}),Se=({options:t=[],value:s,defaultValue:n,placeholder:r="Seleccionar...",disabled:a=!1,error:o=!1,label:l,description:c,showLabel:d=!0,showDescription:m=!0,menuHeader:i,onChange:x,className:b="",triggerClassName:u="",menuClassName:p="",ariaLabel:h,id:g,name:f,required:j=!1,menuPosition:C="bottom",fullWidth:y=!1})=>{const[w,N]=v.useState(!1),[B,k]=v.useState(s!==void 0?s:n),[$,I]=v.useState(-1),D=v.useRef(null),M=v.useRef(null),T=v.useRef(null);v.useEffect(()=>{s!==void 0&&k(s)},[s]),v.useEffect(()=>{const _=z=>{D.current&&!D.current.contains(z.target)&&N(!1)};if(w)return document.addEventListener("mousedown",_),()=>{document.removeEventListener("mousedown",_)}},[w]),v.useEffect(()=>{const _=z=>{if(w)switch(z.key){case"Escape":N(!1),M.current?.focus();break;case"ArrowDown":z.preventDefault(),I(V=>V<t.length-1?V+1:0);break;case"ArrowUp":z.preventDefault(),I(V=>V>0?V-1:t.length-1);break;case"Enter":z.preventDefault(),$>=0&&$<t.length&&R(t[$]);break}};if(w)return document.addEventListener("keydown",_),()=>{document.removeEventListener("keydown",_)}},[w,$,t]);const E=t.find(_=>_.value===B),S=()=>{a||(N(!w),I(-1))},R=_=>{_.disabled||(k(_.value),N(!1),x?.(_.value),setTimeout(()=>{M.current?.focus()},0))},Z=[`
|
|
537
537
|
inline-flex
|
|
538
538
|
items-center
|
|
539
539
|
justify-between
|
|
@@ -548,7 +548,7 @@
|
|
|
548
548
|
border
|
|
549
549
|
transition-all
|
|
550
550
|
duration-150
|
|
551
|
-
`,
|
|
551
|
+
`,y?"w-full":"min-w-[200px]",o?`
|
|
552
552
|
border-error-border
|
|
553
553
|
bg-error-bg
|
|
554
554
|
text-content-primary
|
|
@@ -577,7 +577,7 @@
|
|
|
577
577
|
`,a?`
|
|
578
578
|
opacity-50
|
|
579
579
|
cursor-not-allowed
|
|
580
|
-
`:"",
|
|
580
|
+
`:"",u].join(" ").replace(/\s+/g," ").trim(),de=[`
|
|
581
581
|
absolute
|
|
582
582
|
z-50
|
|
583
583
|
w-full
|
|
@@ -589,10 +589,10 @@
|
|
|
589
589
|
border-0
|
|
590
590
|
transition-all
|
|
591
591
|
duration-150
|
|
592
|
-
`,
|
|
592
|
+
`,C==="top"?"bottom-full mb-1":"top-full mt-1",`
|
|
593
593
|
bg-background-secondary
|
|
594
594
|
dark:bg-dark-bg-primary
|
|
595
|
-
`,
|
|
595
|
+
`,w?"opacity-100 visible":"opacity-0 invisible",p].join(" ").replace(/\s+/g," ").trim(),xe=`
|
|
596
596
|
flex
|
|
597
597
|
items-center
|
|
598
598
|
cursor-pointer
|
|
@@ -606,7 +606,7 @@
|
|
|
606
606
|
text-[10px]
|
|
607
607
|
leading-[12px]
|
|
608
608
|
font-bold
|
|
609
|
-
`,be=(
|
|
609
|
+
`,be=(_,z)=>{const V=_.value===B,K=z===$,ge=V&&!K?"text-content-primary dark:text-dark-content-primary":K||V&&K?"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",ue=_.disabled?"":"hover:bg-primary-custom-600 hover:text-primary-inverse-content dark:hover:bg-primary-custom-600 dark:hover:text-primary-inverse-content",fe=_.disabled?"opacity-50 cursor-not-allowed":"";return[xe,ge,ue,fe].join(" ").replace(/\s+/g," ").trim()},me=["shrink-0","transition-transform","duration-150",w&&"rotate-180",a?"text-content-tertiary dark:text-content-tertiary":"text-content-secondary dark:text-content-secondary"].filter(Boolean).join(" ").replace(/\s+/g," ").trim(),pe="shrink-0 w-4 h-4";return e.jsxs("div",{className:`relative ${y?"w-full":""} ${b}`,ref:D,children:[d&&l||m&&c?e.jsxs("div",{className:"flex flex-col gap-1 mb-1 w-full",children:[d&&l&&e.jsxs("label",{htmlFor:g,className:"text-sm font-bold leading-5 text-content-primary dark:text-dark-content-primary",children:[l,j&&e.jsx("span",{className:"ml-1 text-error-content",children:"*"})]}),m&&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:M,type:"button",className:Z,onClick:S,disabled:a,"aria-label":h||l,"aria-haspopup":"listbox","aria-expanded":w,id:g,children:[e.jsx("span",{className:E?"":"text-content-secondary dark:text-content-secondary",children:E?E.label:r}),e.jsx(Be,{className:me})]}),f&&e.jsx("input",{type:"hidden",name:f,value:B!==void 0?String(B):""}),w&&e.jsxs("div",{ref:T,className:de,role:"listbox",children:[i&&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:i})}),t.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"}),t.map((_,z)=>e.jsxs("div",{className:be(_,z),onClick:()=>R(_),onMouseEnter:()=>I(z),role:"option","aria-selected":_.value===B,"aria-disabled":_.disabled,children:[e.jsx("div",{className:"w-4 flex items-center justify-center",children:_.value===B&&e.jsx(Le,{className:pe})}),_.icon&&e.jsx("span",{className:"shrink-0 w-4 h-4",children:_.icon}),e.jsx("span",{className:"flex-1 text-left",children:_.label})]},_.value))]})]})},_e=()=>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"})}),Re=()=>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"})}),Me=()=>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"})}),Ie=()=>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"})}),Te=({column:t,sortable:s,sorted:n,sortDirection:r,onSort:a})=>{const d=[`
|
|
610
610
|
flex
|
|
611
611
|
items-center
|
|
612
612
|
gap-3
|
|
@@ -623,7 +623,7 @@
|
|
|
623
623
|
hover:bg-background-secondary
|
|
624
624
|
dark:hover:bg-dark-bg-primary/50
|
|
625
625
|
select-none
|
|
626
|
-
`:"",{left:"justify-start",center:"justify-center",right:"justify-end"}[t.align||"left"]].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:d,onClick:s?a:void 0,role:s?"button":void 0,tabIndex:s?0:void 0,onKeyDown:s?
|
|
626
|
+
`:"",{left:"justify-start",center:"justify-center",right:"justify-end"}[t.align||"left"]].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:d,onClick:s?a:void 0,role:s?"button":void 0,tabIndex:s?0:void 0,onKeyDown:s?m=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),a())}:void 0,style:{width:t.width},children:[e.jsx("span",{className:`
|
|
627
627
|
text-sm
|
|
628
628
|
font-bold
|
|
629
629
|
text-content-secondary
|
|
@@ -631,7 +631,7 @@
|
|
|
631
631
|
text-ellipsis
|
|
632
632
|
overflow-hidden
|
|
633
633
|
whitespace-nowrap
|
|
634
|
-
`,children:t.header}),s&&e.jsxs("span",{className:"shrink-0 text-content-secondary dark:text-content-secondary",children:[n&&r==="asc"&&e.jsx(_e,{}),n&&r==="desc"&&e.jsx(
|
|
634
|
+
`,children:t.header}),s&&e.jsxs("span",{className:"shrink-0 text-content-secondary dark:text-content-secondary",children:[n&&r==="asc"&&e.jsx(_e,{}),n&&r==="desc"&&e.jsx(Re,{}),!n&&e.jsx("div",{className:"w-4 h-4"})]})]})},Q=({children:t,align:s="left",width:n,isStriped:r=!1,rowIndex:a=0})=>{const o={left:"justify-start text-left",center:"justify-center text-center",right:"justify-end text-right"},l=r&&a%2===1?"bg-background-secondary dark:bg-dark-bg-primary/30":"";return e.jsx("div",{className:`
|
|
635
635
|
flex
|
|
636
636
|
flex-col
|
|
637
637
|
${o[s]}
|
|
@@ -649,7 +649,7 @@
|
|
|
649
649
|
text-ellipsis
|
|
650
650
|
overflow-hidden
|
|
651
651
|
w-full
|
|
652
|
-
`,children:t})})},De=({currentPage:t,totalPages:s,onPageChange:n,previousLabel:r="Anterior",nextLabel:a="Siguiente"})=>{const l=(()=>{const c=[];if(s<=7)for(let
|
|
652
|
+
`,children:t})})},De=({currentPage:t,totalPages:s,onPageChange:n,previousLabel:r="Anterior",nextLabel:a="Siguiente"})=>{const l=(()=>{const c=[];if(s<=7)for(let m=1;m<=s;m++)c.push(m);else c.push(1),t<=3?c.push(2,3):t>=s-2?(c.push("..."),c.push(s-2,s-1)):(c.push("..."),c.push(t),c.push("...")),s>1&&c.push(s);return c})();return e.jsxs("div",{className:"flex items-center justify-between w-full h-9",children:[e.jsxs("button",{onClick:()=>t>1&&n(t-1),disabled:t===1,className:`
|
|
653
653
|
flex
|
|
654
654
|
items-center
|
|
655
655
|
gap-3
|
|
@@ -666,7 +666,7 @@
|
|
|
666
666
|
disabled:cursor-not-allowed
|
|
667
667
|
transition-colors
|
|
668
668
|
duration-150
|
|
669
|
-
`,children:[e.jsx(
|
|
669
|
+
`,children:[e.jsx(Me,{}),e.jsx("span",{children:r})]}),e.jsx("div",{className:"flex items-center gap-0",children:l.map((c,d)=>{if(c==="...")return e.jsx("div",{className:`
|
|
670
670
|
flex
|
|
671
671
|
items-center
|
|
672
672
|
justify-center
|
|
@@ -676,7 +676,7 @@
|
|
|
676
676
|
font-bold
|
|
677
677
|
text-primary-custom-600
|
|
678
678
|
dark:text-primary-custom-600
|
|
679
|
-
`,children:c},`ellipsis-${d}`);const
|
|
679
|
+
`,children:c},`ellipsis-${d}`);const m=c===t;return e.jsx("button",{onClick:()=>n(c),className:`
|
|
680
680
|
flex
|
|
681
681
|
items-center
|
|
682
682
|
justify-center
|
|
@@ -689,7 +689,7 @@
|
|
|
689
689
|
dark:text-primary-custom-600
|
|
690
690
|
transition-colors
|
|
691
691
|
duration-150
|
|
692
|
-
${
|
|
692
|
+
${m?"bg-blue-100 dark:bg-blue-900/30":"hover:bg-blue-50 dark:hover:bg-blue-900/20"}
|
|
693
693
|
`,children:c},c)})}),e.jsxs("button",{onClick:()=>t<s&&n(t+1),disabled:t===s,className:`
|
|
694
694
|
flex
|
|
695
695
|
items-center
|
|
@@ -707,7 +707,7 @@
|
|
|
707
707
|
disabled:cursor-not-allowed
|
|
708
708
|
transition-colors
|
|
709
709
|
duration-150
|
|
710
|
-
`,children:[e.jsx("span",{children:a}),e.jsx(Ie,{})]})]})},ze=({title:t,columns:s,data:n,variant:r="basic",showBorder:a=!0,showShadow:o=!0,onSort:l,sortColumn:c,sortDirection:d,fullWidth:
|
|
710
|
+
`,children:[e.jsx("span",{children:a}),e.jsx(Ie,{})]})]})},ze=({title:t,columns:s,data:n,variant:r="basic",showBorder:a=!0,showShadow:o=!0,onSort:l,sortColumn:c,sortDirection:d,fullWidth:m=!1,emptyMessage:i="No hay datos disponibles",loading:x=!1,loadingRows:b=5,pagination:u,className:p="",id:h})=>{const[g,f]=v.useState(null),[j,C]=v.useState(null),y=c!==void 0?c:g,w=d!==void 0?d:j,N=S=>{let R="asc";y===S&&(w==="asc"?R="desc":w==="desc"&&(R=null)),l?l(S,R):(f(R?S:null),C(R))},B=(S,R)=>typeof R=="function"?R(S):S[R],T=[`
|
|
711
711
|
flex
|
|
712
712
|
flex-col
|
|
713
713
|
gap-4
|
|
@@ -716,13 +716,13 @@
|
|
|
716
716
|
rounded-xl
|
|
717
717
|
transition-all
|
|
718
718
|
duration-150
|
|
719
|
-
`,a?"border border-border-primary dark:border-dark-border-primary":"",o?"shadow-base":"","p-8",
|
|
719
|
+
`,a?"border border-border-primary dark:border-dark-border-primary":"",o?"shadow-base":"","p-8",m||r==="fullWidth"?"w-full":"",p].join(" ").replace(/\s+/g," ").trim(),E=r==="grid"?`
|
|
720
720
|
border
|
|
721
721
|
border-border-primary
|
|
722
722
|
dark:border-dark-border-primary
|
|
723
723
|
rounded-lg
|
|
724
724
|
overflow-hidden
|
|
725
|
-
`:"";return e.jsxs("div",{className:T,id:
|
|
725
|
+
`:"";return e.jsxs("div",{className:T,id:h,children:[t&&e.jsx("div",{className:"flex items-center justify-center w-full",children:e.jsx("h3",{className:`
|
|
726
726
|
text-base
|
|
727
727
|
font-bold
|
|
728
728
|
text-content-primary
|
|
@@ -730,13 +730,13 @@
|
|
|
730
730
|
text-ellipsis
|
|
731
731
|
overflow-hidden
|
|
732
732
|
whitespace-nowrap
|
|
733
|
-
`,children:t})}),e.jsx("div",{className:`flex w-full overflow-x-auto ${
|
|
733
|
+
`,children:t})}),e.jsx("div",{className:`flex w-full overflow-x-auto ${E}`,children:s.map((S,R)=>{const A=typeof S.accessor=="function"?`column_${R}`:String(S.accessor);return e.jsxs("div",{className:"flex flex-col flex-1 min-w-0",children:[e.jsx(Te,{column:S,sortable:S.sortable||!1,sorted:y===A,sortDirection:y===A?w:null,onSort:()=>N(A)}),x&&e.jsx(e.Fragment,{children:Array.from({length:b}).map((F,H)=>e.jsx(Q,{align:S.align,width:S.width,isStriped:r==="striped",rowIndex:H,children:e.jsx("div",{className:`
|
|
734
734
|
h-4
|
|
735
735
|
bg-background-secondary
|
|
736
736
|
dark:bg-dark-border-primary
|
|
737
737
|
rounded
|
|
738
738
|
animate-pulse
|
|
739
|
-
`})},`loading-${
|
|
739
|
+
`})},`loading-${H}`))}),!x&&n.length>0&&e.jsx(e.Fragment,{children:n.map((F,H)=>{const O=B(F,S.accessor),W=S.render?S.render(O,F,H):O;return e.jsx(Q,{align:S.align,width:S.width,isStriped:r==="striped",rowIndex:H,children:W},H)})}),!x&&n.length===0&&R===0&&e.jsx("div",{className:`
|
|
740
740
|
flex
|
|
741
741
|
items-center
|
|
742
742
|
justify-center
|
|
@@ -745,7 +745,7 @@
|
|
|
745
745
|
text-sm
|
|
746
746
|
text-content-secondary
|
|
747
747
|
dark:text-content-secondary
|
|
748
|
-
`,style:{gridColumn:`1 / ${s.length+1}`},children:i})]},
|
|
748
|
+
`,style:{gridColumn:`1 / ${s.length+1}`},children:i})]},A)})}),u&&e.jsx(De,{currentPage:u.currentPage,totalPages:u.totalPages,onPageChange:u.onPageChange,previousLabel:u.previousLabel,nextLabel:u.nextLabel})]})},Ae=({label:t,active:s=!1,icon:n,badge:r,disabled:a=!1,onClick:o,className:l="",ariaLabel:c})=>{const d=`
|
|
749
749
|
relative
|
|
750
750
|
flex
|
|
751
751
|
flex-col
|
|
@@ -757,7 +757,7 @@
|
|
|
757
757
|
p-0
|
|
758
758
|
border-0
|
|
759
759
|
bg-transparent
|
|
760
|
-
`,i=a?"opacity-50 cursor-not-allowed pointer-events-none":"",
|
|
760
|
+
`,i=a?"opacity-50 cursor-not-allowed pointer-events-none":"",x=`
|
|
761
761
|
flex
|
|
762
762
|
items-center
|
|
763
763
|
justify-center
|
|
@@ -768,30 +768,30 @@
|
|
|
768
768
|
transition-all
|
|
769
769
|
duration-150
|
|
770
770
|
w-full
|
|
771
|
-
`,
|
|
771
|
+
`,b=a?"":`
|
|
772
772
|
group-hover:bg-[rgba(0,0,0,0.03)]
|
|
773
773
|
group-focus-visible:bg-[rgba(0,0,0,0.03)]
|
|
774
774
|
group-focus-visible:shadow-[0px_0px_0px_2px_#dbeefe,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#60b6fa]
|
|
775
775
|
dark:group-hover:bg-white/5
|
|
776
776
|
dark:group-focus-visible:bg-white/5
|
|
777
777
|
dark:group-focus-visible:shadow-[0px_0px_0px_2px_#1e3a5f,0px_1px_2px_0px_rgba(0,0,0,0.05),0px_0px_0px_4px_#0f6ae3]
|
|
778
|
-
`,
|
|
778
|
+
`,u=s?`
|
|
779
779
|
text-primary-custom-600
|
|
780
780
|
dark:text-primary-custom-600
|
|
781
781
|
`:`
|
|
782
782
|
text-content-primary
|
|
783
783
|
dark:text-dark-content-primary
|
|
784
|
-
`,
|
|
784
|
+
`,p=`
|
|
785
785
|
w-3
|
|
786
786
|
h-3
|
|
787
787
|
shrink-0
|
|
788
|
-
`,
|
|
788
|
+
`,h=s?`
|
|
789
789
|
bg-primary-custom-600
|
|
790
790
|
dark:bg-primary-custom-600
|
|
791
791
|
`:`
|
|
792
792
|
bg-content-primary
|
|
793
793
|
dark:bg-dark-content-primary
|
|
794
|
-
`,
|
|
794
|
+
`,g=s?`
|
|
795
795
|
absolute
|
|
796
796
|
-bottom-2.5
|
|
797
797
|
left-0
|
|
@@ -801,12 +801,12 @@
|
|
|
801
801
|
bg-primary-custom-600
|
|
802
802
|
dark:bg-primary-custom-600
|
|
803
803
|
z-10
|
|
804
|
-
`:"hidden",
|
|
804
|
+
`:"hidden",f=[d,"",i,"group",l].join(" ").replace(/\s+/g," ").trim(),j=[x,b].join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",role:"tab","aria-selected":s,"aria-disabled":a,"aria-label":c||t,tabIndex:a?-1:0,className:f,onClick:a?void 0:o,disabled:a,children:[e.jsxs("div",{className:j,children:[n&&e.jsx("span",{className:`${p} ${u}`.trim(),children:n}),e.jsx("span",{className:`
|
|
805
805
|
text-sm
|
|
806
806
|
font-bold
|
|
807
807
|
leading-5
|
|
808
808
|
whitespace-nowrap
|
|
809
|
-
${
|
|
809
|
+
${u}
|
|
810
810
|
`.replace(/\s+/g," ").trim(),children:t}),r!==void 0&&r>0&&e.jsx("span",{className:`
|
|
811
811
|
flex
|
|
812
812
|
items-center
|
|
@@ -820,15 +820,15 @@
|
|
|
820
820
|
leading-4
|
|
821
821
|
text-primary-inverse-content
|
|
822
822
|
dark:text-dark-bg-primary
|
|
823
|
-
${
|
|
824
|
-
`.replace(/\s+/g," ").trim(),"aria-label":`${r} notificaciones`,children:r>99?"99+":r})]}),e.jsx("div",{className:
|
|
823
|
+
${h}
|
|
824
|
+
`.replace(/\s+/g," ").trim(),"aria-label":`${r} notificaciones`,children:r>99?"99+":r})]}),e.jsx("div",{className:g})]})},Ee=({items:t,activeId:s,defaultActiveId:n,onChange:r,className:a="",fullWidth:o=!1,size:l="base",showBorder:c=!0})=>{const[d,m]=v.useState(n||(t.length>0?t[0].id:"")),i=s!==void 0,x=i?s:d,b=f=>{i||m(f),r?.(f)},p=`
|
|
825
825
|
flex
|
|
826
826
|
items-end
|
|
827
827
|
pb-2.5
|
|
828
828
|
${{sm:"gap-0",base:"gap-1",lg:"gap-2"}[l]}
|
|
829
829
|
${o?"w-full":""}
|
|
830
830
|
${c?"border-b border-border-primary dark:border-dark-border-primary":""}
|
|
831
|
-
`,
|
|
831
|
+
`,h=o?"flex-1":"",g=[p,a].join(" ").replace(/\s+/g," ").trim();return e.jsx("div",{role:"tablist","aria-label":"Pestañas de navegación",className:g,children:t.map(f=>e.jsx(Ae,{label:f.label,active:x===f.id,icon:f.icon,badge:f.badge,disabled:f.disabled,onClick:()=>b(f.id),className:h},f.id))})},Fe=()=>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"})}),Ze=()=>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"})}),X=()=>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"})}),J=()=>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"})}),U=()=>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"})}),He=()=>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"})}),Ve=({logo:t,productName:s="Nombre Producto",environmentBadge:n,userDropdown:r,actions:a,notifications:o,className:l="",variant:c="responsive",hideActionButtons:d=!1,leadingAction:m,siesaLogo:i,showBusinessLogo:x=!1,showSiesaLogoLeading:b=!0,showSiesaLogoTrailing:u=!1,onNavigationClick:p,onSearchClick:h,onCartClick:g,onNotificationsClick:f})=>{const j=`
|
|
832
832
|
box-border
|
|
833
833
|
flex
|
|
834
834
|
flex-col
|
|
@@ -852,7 +852,7 @@
|
|
|
852
852
|
dark:focus:ring-offset-dark-bg-primary
|
|
853
853
|
transition-all
|
|
854
854
|
duration-150
|
|
855
|
-
`,
|
|
855
|
+
`,C=`
|
|
856
856
|
bg-primary-custom-600
|
|
857
857
|
text-primary-inverse-content
|
|
858
858
|
border
|
|
@@ -882,7 +882,7 @@
|
|
|
882
882
|
shrink-0
|
|
883
883
|
transition-all
|
|
884
884
|
duration-150
|
|
885
|
-
`,
|
|
885
|
+
`,y=c==="mobile",w=c==="desktop",N=c==="tablet",B=c==="responsive",k=()=>{if(y)return null;const L=e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(He,{})});return w||N?e.jsx("button",{className:C,"aria-label":"Volver",onClick:p,children:L}):e.jsx("button",{className:`hidden md:flex ${C}`,"aria-label":"Volver",onClick:p,children:L})},$=()=>{if(y||!x)return null;const L=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:L}):N?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[140px] h-[25px]",children:L}):e.jsx("div",{className:"hidden md:block overflow-hidden relative shrink-0 w-[140px] lg:w-[168px] h-[25px] lg:h-[30px]",children:L})},I=()=>{const L=e.jsx("img",{src:"/.Siesa Logo.png",alt:"Siesa",className:"w-full h-full object-contain"}),Z=e.jsx("img",{src:"/siesa_logo_mobile.png",alt:"Siesa",className:"w-full h-full object-contain"});return y?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[30px] h-[30px]",children:Z}):b?w?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:L}):N?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:L}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"md:hidden overflow-hidden relative shrink-0 w-[30px] h-[30px]",children:Z}),b&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:L}),e.jsx("div",{className:"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:L})]})]}):null},D=()=>{if(!u||y)return null;const L=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:L}):N?e.jsx("div",{className:"overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:L}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"hidden md:block lg:hidden overflow-hidden relative shrink-0 w-[100px] h-[25px]",children:L}),e.jsx("div",{className:"hidden lg:block overflow-hidden relative shrink-0 w-[120px] h-[30px]",children:L})]})},M=({responsive:L=!0})=>{const Z=e.jsx("div",{className:"grow shrink-0 w-px min-h-px bg-border-primary dark:bg-dark-border-primary"});return y?null:w||N?e.jsx("div",{className:"flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0",children:Z}):L?e.jsx("div",{className:"hidden md:flex flex-col gap-2 h-8 items-start px-0 py-1 relative shrink-0",children:Z}):null},T=()=>{if(y||!s)return null;const L=e.jsx("p",{className:"font-bold leading-7 text-xl text-content-primary dark:text-dark-content-primary tracking-[-0.5px] whitespace-nowrap",children:s});return w||N?L: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:s})},E=()=>n?y?e.jsx(P,{color:"yellow",leftIcon:e.jsx(U,{}),label:"Pruebas"}):w||N?e.jsx(P,{color:"yellow",leftIcon:e.jsx(U,{}),label:n}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"md:hidden",children:e.jsx(P,{color:"yellow",leftIcon:e.jsx(U,{}),label:"Pruebas"})}),e.jsx("div",{className:"hidden md:block",children:e.jsx(P,{color:"yellow",leftIcon:e.jsx(U,{}),label:n})})]}):null,S=()=>d?null:y?e.jsx("button",{className:j,"aria-label":"Buscar",onClick:h,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(X,{})})}):B?e.jsx("button",{className:`md:hidden ${j}`,"aria-label":"Buscar",onClick:h,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(X,{})})}):null,R=()=>d?null:e.jsxs("div",{className:"relative",children:[e.jsx("button",{className:j,"aria-label":"Carrito de compras",onClick:g,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(Fe,{})})}),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})})]}),A=()=>d?null:e.jsxs("div",{className:"relative",children:[e.jsx("button",{className:j,"aria-label":"Notificaciones",onClick:f,children:e.jsx("div",{className:"overflow-hidden relative shrink-0 w-4 h-4",children:e.jsx(Ze,{})})}),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"})]}),F=()=>{if(!r)return null;const L=`
|
|
886
886
|
box-border
|
|
887
887
|
flex
|
|
888
888
|
items-center
|
|
@@ -904,7 +904,7 @@
|
|
|
904
904
|
rounded-lg
|
|
905
905
|
transition-all
|
|
906
906
|
duration-150
|
|
907
|
-
`;if(
|
|
907
|
+
`;if(y)return e.jsx("button",{className:L,onClick:r.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:r.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full",src:r.avatar})})});const Z=()=>e.jsx("button",{className:L,onClick:r.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:r.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full",src:r.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:r.name}),(r.email||r.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:r.email||r.role})]})]}),e.jsx("div",{className:"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary",children:e.jsx(J,{})})]})});return w||N?Z():e.jsxs(e.Fragment,{children:[e.jsx("button",{className:`md:hidden ${L}`,onClick:r.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:r.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-full w-full h-full",src:r.avatar})})}),e.jsx("button",{className:`hidden md:flex ${L}`,onClick:r.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:r.name,className:"absolute inset-0 max-w-none object-center object-cover pointer-events-none rounded-md w-full h-full",src:r.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:r.name}),(r.email||r.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:r.email||r.role})]})]}),e.jsx("div",{className:"overflow-hidden relative shrink-0 w-5 h-5 text-content-secondary dark:text-content-secondary",children:e.jsx(J,{})})]})})]})},W=[`
|
|
908
908
|
box-border
|
|
909
909
|
flex
|
|
910
910
|
gap-8
|
|
@@ -915,7 +915,7 @@
|
|
|
915
915
|
w-full
|
|
916
916
|
bg-background-primary
|
|
917
917
|
dark:bg-dark-bg-primary
|
|
918
|
-
`,{responsive:"h-[40px] md:h-16",desktop:"h-16",tablet:"h-16",mobile:"h-[40px]"}[c],l].join(" ").replace(/\s+/g," ").trim();return e.jsxs("nav",{className:W,children:[e.jsxs("div",{className:"flex gap-4 items-center relative shrink-0",children:[!
|
|
918
|
+
`,{responsive:"h-[40px] md:h-16",desktop:"h-16",tablet:"h-16",mobile:"h-[40px]"}[c],l].join(" ").replace(/\s+/g," ").trim();return e.jsxs("nav",{className:W,children:[e.jsxs("div",{className:"flex gap-4 items-center relative shrink-0",children:[!y&&(m||e.jsx(k,{})),t||e.jsx($,{}),x&&b&&!y&&e.jsx(M,{}),i||e.jsx(I,{}),s&&b&&!y&&e.jsx(M,{}),e.jsx(T,{})]}),e.jsxs("div",{className:"flex gap-4 items-center justify-end grow min-h-px min-w-px relative shrink-0",children:[e.jsx(E,{}),e.jsx(S,{}),e.jsx(R,{}),e.jsx(A,{}),r&&!d&&e.jsx(M,{}),e.jsx(F,{}),u&&r&&!y&&e.jsx(M,{}),e.jsx(D,{}),a&&e.jsx("div",{className:"flex gap-2 items-center",children:a})]})]})},Pe=({items:t,activeItemId:s,onItemClick:n,className:r="",ariaLabel:a="Navegación Principal"})=>{t.length>5&&console.warn("NavigationBar: Se recomienda un máximo de 5 ítems para mejor UX");const o=i=>{i.disabled||(i.onClick&&i.onClick(i.id),n&&n(i.id))},l=i=>{const x=i.active||i.id===s,b=`
|
|
919
919
|
flex-1
|
|
920
920
|
flex
|
|
921
921
|
flex-col
|
|
@@ -928,7 +928,7 @@
|
|
|
928
928
|
transition-all
|
|
929
929
|
duration-150
|
|
930
930
|
${i.disabled?"opacity-50 cursor-not-allowed pointer-events-none":""}
|
|
931
|
-
`.replace(/\s+/g," ").trim(),
|
|
931
|
+
`.replace(/\s+/g," ").trim(),u=`
|
|
932
932
|
flex
|
|
933
933
|
items-center
|
|
934
934
|
justify-center
|
|
@@ -938,8 +938,8 @@
|
|
|
938
938
|
overflow-hidden
|
|
939
939
|
transition-all
|
|
940
940
|
duration-150
|
|
941
|
-
${
|
|
942
|
-
`.replace(/\s+/g," ").trim(),
|
|
941
|
+
${x?"bg-primary-custom-100 dark:bg-primary-custom-100":"bg-transparent hover:bg-hover-overlay dark:hover:bg-hover-overlay-dark"}
|
|
942
|
+
`.replace(/\s+/g," ").trim(),p=`
|
|
943
943
|
font-['SiesaBT:Bold',sans-serif]
|
|
944
944
|
text-[10px]
|
|
945
945
|
leading-[12px]
|
|
@@ -951,7 +951,7 @@
|
|
|
951
951
|
dark:text-dark-content-primary
|
|
952
952
|
transition-colors
|
|
953
953
|
duration-150
|
|
954
|
-
`.replace(/\s+/g," ").trim(),
|
|
954
|
+
`.replace(/\s+/g," ").trim(),h=`
|
|
955
955
|
w-4
|
|
956
956
|
h-4
|
|
957
957
|
shrink-0
|
|
@@ -959,7 +959,7 @@
|
|
|
959
959
|
dark:text-dark-content-primary
|
|
960
960
|
transition-colors
|
|
961
961
|
duration-150
|
|
962
|
-
`.replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:
|
|
962
|
+
`.replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:b,onClick:()=>o(i),disabled:i.disabled,"aria-label":i.ariaLabel||i.label,"aria-current":x?"page":void 0,children:[e.jsx("div",{className:u,children:e.jsx("span",{className:h,children:i.icon})}),e.jsx("span",{className:p,children:i.label})]},i.id)},c=`
|
|
963
963
|
bg-bg-primary
|
|
964
964
|
dark:bg-dark-bg-primary
|
|
965
965
|
p-4
|
|
@@ -971,26 +971,26 @@
|
|
|
971
971
|
items-start
|
|
972
972
|
justify-center
|
|
973
973
|
w-full
|
|
974
|
-
`.replace(/\s+/g," ").trim(),
|
|
974
|
+
`.replace(/\s+/g," ").trim(),m=`
|
|
975
975
|
flex-1
|
|
976
976
|
flex
|
|
977
977
|
items-start
|
|
978
978
|
gap-2
|
|
979
979
|
min-h-0
|
|
980
980
|
min-w-0
|
|
981
|
-
`.replace(/\s+/g," ").trim();return e.jsx("nav",{className:`${c} ${r}`.trim(),role:"navigation","aria-label":a,children:e.jsx("div",{className:d,children:e.jsx("div",{className:
|
|
981
|
+
`.replace(/\s+/g," ").trim();return e.jsx("nav",{className:`${c} ${r}`.trim(),role:"navigation","aria-label":a,children:e.jsx("div",{className:d,children:e.jsx("div",{className:m,children:t.map(i=>l(i))})})})},Oe=({lightColor:t,darkColor:s,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:t,className:"dark:hidden"}),e.jsx("circle",{cx:"8",cy:"8",r:"8",fill:s,className:"hidden dark:block"})]}),We=({status:t="available",className:s=""})=>{const r={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"}}[t],o=[`
|
|
982
982
|
inline-flex
|
|
983
983
|
items-center
|
|
984
984
|
gap-1
|
|
985
985
|
shrink-0
|
|
986
|
-
`,s].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:o,role:"presentation","aria-label":`Estado: ${r.label}`,children:[e.jsx(
|
|
986
|
+
`,s].join(" ").replace(/\s+/g," ").trim();return e.jsxs("div",{className:o,role:"presentation","aria-label":`Estado: ${r.label}`,children:[e.jsx(Oe,{lightColor:r.lightColor,darkColor:r.darkColor}),e.jsx("span",{className:`
|
|
987
987
|
text-xs
|
|
988
988
|
leading-4
|
|
989
989
|
font-normal
|
|
990
990
|
text-content-primary
|
|
991
991
|
dark:text-dark-content-primary
|
|
992
992
|
whitespace-nowrap
|
|
993
|
-
`.replace(/\s+/g," ").trim(),children:r.label})]})},Ue=({className:t=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),qe=({className:t=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M9 3L3 9M3 3L9 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Ke=({className:t=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,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"})}),Ge=({className:t=""})=>e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,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"})]}),Qe=({className:t=""})=>e.jsx("svg",{width:"13",height:"10",viewBox:"0 0 13 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,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"})}),Xe=({locationName:t,status:s="available",state:n="enabled",capacity:r,onClick:a,disabled:o=!1,className:l="",ariaLabel:c,fullWidth:d=!0})=>{const i={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:Ue,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:qe,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:Ke,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:Ge,badgeLabel:"F. de Servicio"}}[s],
|
|
993
|
+
`.replace(/\s+/g," ").trim(),children:r.label})]})},Ue=({className:t=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),qe=({className:t=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,children:e.jsx("path",{d:"M9 3L3 9M3 3L9 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Ke=({className:t=""})=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,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"})}),Ge=({className:t=""})=>e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,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"})]}),Qe=({className:t=""})=>e.jsx("svg",{width:"13",height:"10",viewBox:"0 0 13 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,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"})}),Xe=({locationName:t,status:s="available",state:n="enabled",capacity:r,onClick:a,disabled:o=!1,className:l="",ariaLabel:c,fullWidth:d=!0})=>{const i={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:Ue,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:qe,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:Ke,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:Ge,badgeLabel:"F. de Servicio"}}[s],x=i.icon,b=n==="actived"?i.activedBg:"bg-white dark:bg-dark-bg-primary",h=[`
|
|
994
994
|
flex
|
|
995
995
|
flex-col
|
|
996
996
|
items-stretch
|
|
@@ -1013,16 +1013,16 @@
|
|
|
1013
1013
|
disabled:opacity-50
|
|
1014
1014
|
disabled:cursor-not-allowed
|
|
1015
1015
|
disabled:pointer-events-none
|
|
1016
|
-
`,
|
|
1016
|
+
`,b,l].join(" ").replace(/\s+/g," ").trim(),g=r?`${r.current}/${r.total} mesas`:null;return e.jsxs("button",{className:h,onClick:a,disabled:o,"aria-label":c||`${t} - ${i.badgeLabel}`,type:"button",children:[e.jsx("div",{className:`
|
|
1017
1017
|
text-base
|
|
1018
1018
|
font-bold
|
|
1019
1019
|
leading-6
|
|
1020
1020
|
${i.textColor}
|
|
1021
|
-
`.replace(/\s+/g," ").trim(),children:t}),e.jsxs("div",{className:"flex items-center justify-between",children:[
|
|
1021
|
+
`.replace(/\s+/g," ").trim(),children:t}),e.jsxs("div",{className:"flex items-center justify-between",children:[g&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(Qe,{className:i.textColor}),e.jsx("span",{className:`
|
|
1022
1022
|
text-[10px]
|
|
1023
1023
|
leading-[12px]
|
|
1024
1024
|
${i.textColor}
|
|
1025
|
-
`.replace(/\s+/g," ").trim(),children:
|
|
1025
|
+
`.replace(/\s+/g," ").trim(),children:g})]}),e.jsxs("div",{className:`
|
|
1026
1026
|
inline-flex
|
|
1027
1027
|
items-center
|
|
1028
1028
|
gap-1
|
|
@@ -1030,11 +1030,11 @@
|
|
|
1030
1030
|
py-1
|
|
1031
1031
|
rounded-md
|
|
1032
1032
|
${i.badgeBg}
|
|
1033
|
-
`.replace(/\s+/g," ").trim(),children:[e.jsx(
|
|
1033
|
+
`.replace(/\s+/g," ").trim(),children:[e.jsx(x,{className:i.badgeText}),e.jsx("span",{className:`
|
|
1034
1034
|
text-xs
|
|
1035
1035
|
leading-4
|
|
1036
1036
|
${i.badgeText}
|
|
1037
|
-
`.replace(/\s+/g," ").trim(),children:i.badgeLabel})]})]})]})},Je=({size:t="l",border:s=!1,children:n,disabled:r=!1,className:a="",onClick:o,ariaLabel:l,htmlType:c="button",...d})=>{const
|
|
1037
|
+
`.replace(/\s+/g," ").trim(),children:i.badgeLabel})]})]})]})},Je=({size:t="l",border:s=!1,children:n,disabled:r=!1,className:a="",onClick:o,ariaLabel:l,htmlType:c="button",...d})=>{const m={s:"w-10 h-10",m:"w-[65px] h-[65px]",l:"w-20 h-20"},i={s:"text-2xl",m:"text-5xl",l:"text-5xl"},p=[`
|
|
1038
1038
|
inline-flex
|
|
1039
1039
|
items-center
|
|
1040
1040
|
justify-center
|
|
@@ -1054,7 +1054,7 @@
|
|
|
1054
1054
|
disabled:pointer-events-none
|
|
1055
1055
|
transition-all
|
|
1056
1056
|
duration-150
|
|
1057
|
-
`,
|
|
1057
|
+
`,m[t],i[t],s?`
|
|
1058
1058
|
bg-white
|
|
1059
1059
|
text-content-primary
|
|
1060
1060
|
border
|
|
@@ -1091,7 +1091,7 @@
|
|
|
1091
1091
|
dark:active:bg-dark-bg-inverse
|
|
1092
1092
|
dark:active:text-dark-content-inverse
|
|
1093
1093
|
dark:active:scale-95
|
|
1094
|
-
`,a].join(" ").replace(/\s+/g," ").trim();return e.jsx("button",{type:c,className:
|
|
1094
|
+
`,a].join(" ").replace(/\s+/g," ").trim();return e.jsx("button",{type:c,className:p,disabled:r,onClick:o,"aria-label":l||`Número ${n}`,...d,children:n})},Ye=({image:t,label:s,active:n=!1,disabled:r=!1,onClick:a,className:o="",ariaLabel:l})=>{const m=[`
|
|
1095
1095
|
flex
|
|
1096
1096
|
flex-col
|
|
1097
1097
|
gap-2
|
|
@@ -1135,7 +1135,7 @@
|
|
|
1135
1135
|
dark:text-dark-content-primary
|
|
1136
1136
|
dark:hover:bg-dark-bg-primary/80
|
|
1137
1137
|
dark:active:scale-95
|
|
1138
|
-
`,o].join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:
|
|
1138
|
+
`,o].join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{type:"button",className:m,disabled:r,onClick:a,"aria-label":l||s,"aria-pressed":n,children:[e.jsx("div",{className:"aspect-158/80 w-full rounded-lg overflow-hidden",children:e.jsx("img",{src:t,alt:s,className:"w-full h-full object-cover"})}),e.jsx("div",{className:"w-full text-left leading-5",children:s})]})},er=({className:t=""})=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":"true",children:e.jsx("path",{d:"M8 3V13M3 8H13",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),rr=({image:t,productName:s,price:n,buttonText:r="Agregar",active:a=!1,disabled:o=!1,onAddClick:l,onCardClick:c,className:d="",ariaLabel:m})=>{const i=`
|
|
1139
1139
|
flex
|
|
1140
1140
|
flex-col
|
|
1141
1141
|
gap-2
|
|
@@ -1150,7 +1150,7 @@
|
|
|
1150
1150
|
focus:ring-offset-2
|
|
1151
1151
|
dark:focus:ring-dark-border-custom
|
|
1152
1152
|
dark:focus:ring-offset-dark-bg-primary
|
|
1153
|
-
`,
|
|
1153
|
+
`,x=o?`
|
|
1154
1154
|
bg-white
|
|
1155
1155
|
opacity-55
|
|
1156
1156
|
cursor-not-allowed
|
|
@@ -1163,7 +1163,7 @@
|
|
|
1163
1163
|
bg-white
|
|
1164
1164
|
cursor-pointer
|
|
1165
1165
|
dark:bg-dark-bg-primary
|
|
1166
|
-
`,
|
|
1166
|
+
`,b=o?`
|
|
1167
1167
|
text-content-primary
|
|
1168
1168
|
dark:text-dark-content-primary
|
|
1169
1169
|
`:a?`
|
|
@@ -1172,13 +1172,13 @@
|
|
|
1172
1172
|
`:`
|
|
1173
1173
|
text-content-primary
|
|
1174
1174
|
dark:text-dark-content-primary
|
|
1175
|
-
`,
|
|
1175
|
+
`,u=[i,x,d].join(" ").replace(/\s+/g," ").trim(),p=g=>{o||g.target.closest("button")||c?.(g)},h=g=>{g.stopPropagation(),!o&&l?.(g)};return e.jsxs("div",{className:u,onClick:p,role:"article","aria-label":m||`${s} - ${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:t,alt:s,className:"w-full h-full object-cover"})}),e.jsxs("div",{className:`flex flex-col w-full font-bold ${b}`.trim().replace(/\s+/g," "),children:[e.jsx("div",{className:"text-sm leading-5",children:s}),e.jsx("div",{className:"text-2xl leading-8 tracking-tighter",children:n})]})]}),e.jsx(q,{type:"default",size:"sm",leftIcon:e.jsx(er,{className:"w-4 h-4"}),onClick:h,disabled:o,fullWidth:!0,ariaLabel:`${r} ${s}`,children:r})]})},tr=({className:t=""})=>e.jsx("svg",{className:t,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"})}),le=({categoryLabel:t,categoryColor:s="lime",productRef:n,price:r,productName:a,descriptionItems:o=[],showDescription:l=!0,quantity:c=0,minQuantity:d=0,maxQuantity:m,onQuantityChange:i,onDelete:x,disabled:b=!1,className:u="",deleteIcon:p})=>{const h={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"}},g=h[s]||h.lime,f=C=>{!b&&i&&i(C)},j=()=>{!b&&x&&x()};return e.jsxs("div",{className:`
|
|
1176
1176
|
flex
|
|
1177
1177
|
flex-col
|
|
1178
1178
|
gap-2
|
|
1179
1179
|
w-full
|
|
1180
|
-
${
|
|
1181
|
-
${
|
|
1180
|
+
${b?"opacity-50 pointer-events-none":""}
|
|
1181
|
+
${u}
|
|
1182
1182
|
`.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:`
|
|
1183
1183
|
inline-flex
|
|
1184
1184
|
items-center
|
|
@@ -1187,14 +1187,14 @@
|
|
|
1187
1187
|
rounded-md
|
|
1188
1188
|
transition-colors
|
|
1189
1189
|
duration-150
|
|
1190
|
-
${
|
|
1190
|
+
${g.bg}
|
|
1191
1191
|
`.trim().replace(/\s+/g," "),children:e.jsx("span",{className:`
|
|
1192
1192
|
text-xs
|
|
1193
1193
|
leading-4
|
|
1194
1194
|
font-normal
|
|
1195
1195
|
text-center
|
|
1196
1196
|
whitespace-nowrap
|
|
1197
|
-
${
|
|
1197
|
+
${g.text}
|
|
1198
1198
|
`.trim().replace(/\s+/g," "),children:t})}),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:r})})]}),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:a})})]}),l&&o.length>0&&e.jsx("div",{className:`
|
|
1199
1199
|
flex
|
|
1200
1200
|
flex-col
|
|
@@ -1206,7 +1206,7 @@
|
|
|
1206
1206
|
w-full
|
|
1207
1207
|
transition-colors
|
|
1208
1208
|
duration-150
|
|
1209
|
-
`.trim().replace(/\s+/g," "),children:o.map((
|
|
1209
|
+
`.trim().replace(/\s+/g," "),children:o.map((C,y)=>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:C.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:C.price})]},y))})]}),e.jsxs("div",{className:"flex items-center justify-between w-full",children:[e.jsx("div",{className:"w-[118px]",children:e.jsx(G,{value:c,min:d,max:m,onChange:f,disabled:b})}),e.jsx("button",{type:"button",onClick:j,disabled:b,className:`
|
|
1210
1210
|
flex
|
|
1211
1211
|
items-center
|
|
1212
1212
|
justify-center
|
|
@@ -1229,8 +1229,8 @@
|
|
|
1229
1229
|
active:scale-95
|
|
1230
1230
|
transition-all
|
|
1231
1231
|
duration-150
|
|
1232
|
-
${
|
|
1233
|
-
`.trim().replace(/\s+/g," "),"aria-label":"Eliminar producto",children:
|
|
1232
|
+
${b?"cursor-not-allowed opacity-50":"cursor-pointer"}
|
|
1233
|
+
`.trim().replace(/\s+/g," "),"aria-label":"Eliminar producto",children:p||e.jsx(tr,{className:"w-[18px] h-[21px]"})})]})]})};le.displayName="POSProductSidebarItems";const sr=({tableNumber:t,status:s="available",shape:n="square",chairs:r=4,showChairs:a=!0,isActive:o=!1,onClick:l,className:c="",disabled:d=!1,children:m})=>{const i={available:{border:"border-[#0e79fd]",borderDark:"dark:border-[#93d1fd]",bgEnabled:"bg-transparent",bgEnabledDark:"dark:bg-transparent",bgActive:"bg-primary-custom-100",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]"}},x={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-3xl",table:"w-[80px] h-[64px] rounded-3xl"}},b=({rotation:g})=>e.jsxs("div",{className:"w-[28px] h-[22px]",style:{transform:`rotate(${g}deg)`},"aria-hidden":"true",children:[e.jsx("div",{className:`
|
|
1234
1234
|
absolute
|
|
1235
1235
|
top-0
|
|
1236
1236
|
left-0
|
|
@@ -1248,12 +1248,12 @@
|
|
|
1248
1248
|
rounded-b-[4px]
|
|
1249
1249
|
${i[s].chair}
|
|
1250
1250
|
${i[s].chairDark}
|
|
1251
|
-
`})]}),
|
|
1252
|
-
${
|
|
1251
|
+
`})]}),u=()=>{!d&&l&&l()},p=g=>{(g.key==="Enter"||g.key===" ")&&!d&&l&&(g.preventDefault(),l())},h=["w-[160px]","h-[160px]","shrink-0","relative","flex","flex-col","items-center","justify-center","p-0","border-2","box-border","rounded-[8px]",o?i[s].borderActive:i[s].border,o?i[s].borderActiveDark:i[s].borderDark,o?i[s].bgActive:i[s].bgEnabled,o?i[s].bgActiveDark:i[s].bgEnabledDark,"focus:outline-hidden","focus:ring-2",i[s].focusRing,i[s].focusRingDark,"focus:ring-offset-2","dark:focus:ring-offset-dark-bg-primary","transition-all","duration-150",l&&!d?"cursor-pointer":"",l&&!d?"hover:scale-105":"",l&&!d?"active:scale-95":"",d?"opacity-50 cursor-not-allowed":"",c].filter(Boolean).join(" ").replace(/\s+/g," ").trim();return e.jsxs("button",{className:h,onClick:u,onKeyDown:p,disabled:d,type:"button","aria-label":`Mesa ${t} - ${s==="available"?"Disponible":s==="busy"?"Ocupada":"Reservada"}`,children:[e.jsxs("div",{className:"flex flex-col gap-[4px] items-center justify-center w-[134px] h-[134px] shrink-0",children:[a&&(r===2||r===4||r===6||r===8)&&e.jsxs("div",{className:"flex gap-[4px] items-center justify-center shrink-0",children:[r>=6&&e.jsxs(e.Fragment,{children:[e.jsx(b,{rotation:0}),e.jsx(b,{rotation:0})]}),r===2&&e.jsx(b,{rotation:0}),r===4&&e.jsx(b,{rotation:0})]}),e.jsxs("div",{className:"flex gap-[4px] items-center justify-center shrink-0",children:[a&&(r===4||r===6||r===8)&&e.jsxs("div",{className:"flex flex-col gap-[4px] items-start justify-center shrink-0",children:[r>=8&&e.jsxs(e.Fragment,{children:[e.jsx(b,{rotation:270}),e.jsx(b,{rotation:270})]}),(r===4||r===6)&&e.jsx(b,{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:`
|
|
1252
|
+
${x[n].table}
|
|
1253
1253
|
${i[s].table}
|
|
1254
1254
|
${i[s].tableDark}
|
|
1255
1255
|
shrink-0
|
|
1256
|
-
`})})}),a&&(r===4||r===6||r===8)&&e.jsxs("div",{className:"flex flex-col gap-[4px] items-start justify-center shrink-0",children:[r>=8&&e.jsxs(e.Fragment,{children:[e.jsx(
|
|
1256
|
+
`})})}),a&&(r===4||r===6||r===8)&&e.jsxs("div",{className:"flex flex-col gap-[4px] items-start justify-center shrink-0",children:[r>=8&&e.jsxs(e.Fragment,{children:[e.jsx(b,{rotation:90}),e.jsx(b,{rotation:90})]}),(r===4||r===6)&&e.jsx(b,{rotation:90})]})]}),a&&(r===2||r===4||r===6||r===8)&&e.jsxs("div",{className:"flex gap-[4px] items-center justify-center shrink-0",children:[r>=6&&e.jsxs(e.Fragment,{children:[e.jsx(b,{rotation:180}),e.jsx(b,{rotation:180})]}),r===2&&e.jsx(b,{rotation:180}),r===4&&e.jsx(b,{rotation:180})]})]}),e.jsxs("div",{className:`
|
|
1257
1257
|
flex
|
|
1258
1258
|
flex-col
|
|
1259
1259
|
justify-center
|
|
@@ -1269,5 +1269,5 @@
|
|
|
1269
1269
|
font-normal
|
|
1270
1270
|
${i[s].text}
|
|
1271
1271
|
${i[s].textDark}
|
|
1272
|
-
`,children:[e.jsxs("p",{className:"leading-[12px] text-ellipsis overflow-hidden",children:["Mesa ",t]}),
|
|
1272
|
+
`,children:[e.jsxs("p",{className:"leading-[12px] text-ellipsis overflow-hidden",children:["Mesa ",t]}),m]})]})},ce=v.createContext(void 0),ar=({children:t,defaultTheme:s="light"})=>{const[n,r]=v.useState(()=>typeof window<"u"&&localStorage.getItem("siesa-ui-theme")||s);v.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=v.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=P;exports.Button=q;exports.Checkbox=re;exports.DescriptionList=oe;exports.Divider=ne;exports.Dropdown=ke;exports.Input=Y;exports.Navbar=Ve;exports.NavigationBar=Pe;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=Se;exports.Switch=se;exports.Table=ze;exports.Tabs=Ee;exports.Textarea=ee;exports.ThemeProvider=ar;exports.useTheme=nr;
|
|
1273
1273
|
//# sourceMappingURL=siesa-ui-kit.cjs.map
|