@datatechsolutions/ui 2.11.59 → 2.11.61

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.
Files changed (19) hide show
  1. package/dist/astrlabe/index.js +132 -132
  2. package/dist/astrlabe/index.mjs +4 -4
  3. package/dist/astrlabe/workflow-canvas.js +4 -4
  4. package/dist/astrlabe/workflow-canvas.mjs +3 -3
  5. package/dist/{chunk-GA72TPLH.js → chunk-3BR5TG34.js} +2420 -161
  6. package/dist/chunk-3BR5TG34.js.map +1 -0
  7. package/dist/{chunk-XWORZXP2.mjs → chunk-CC3SGQ2Q.mjs} +4 -4
  8. package/dist/{chunk-XWORZXP2.mjs.map → chunk-CC3SGQ2Q.mjs.map} +1 -1
  9. package/dist/{chunk-ZXDCFAFG.js → chunk-GUKB6TLR.js} +54 -54
  10. package/dist/{chunk-ZXDCFAFG.js.map → chunk-GUKB6TLR.js.map} +1 -1
  11. package/dist/{chunk-F4TRCO3M.mjs → chunk-REZMAQKJ.mjs} +2412 -164
  12. package/dist/chunk-REZMAQKJ.mjs.map +1 -0
  13. package/dist/index.d.mts +116 -1
  14. package/dist/index.d.ts +116 -1
  15. package/dist/index.js +783 -739
  16. package/dist/index.mjs +2 -2
  17. package/package.json +1 -1
  18. package/dist/chunk-F4TRCO3M.mjs.map +0 -1
  19. package/dist/chunk-GA72TPLH.js.map +0 -1
package/dist/{chunk-GA72TPLH.js → chunk-3BR5TG34.js} RENAMED
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
+ var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
4
5
  var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
5
6
  var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
6
- var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
7
7
  var Headless6 = require('@headlessui/react');
8
8
  var clsx = require('clsx');
9
9
  var React12 = require('react');
@@ -19,9 +19,9 @@ var solid$1 = require('@heroicons/react/24/solid');
19
19
  var reactTransitionProgress = require('react-transition-progress');
20
20
  var lucideReact = require('lucide-react');
21
21
  var d3Geo = require('d3-geo');
22
+ var ProgressPrimitive = require('@radix-ui/react-progress');
22
23
  var TabsPrimitive = require('@radix-ui/react-tabs');
23
24
  var nextIntl = require('next-intl');
24
- var ProgressPrimitive = require('@radix-ui/react-progress');
25
25
  var zustand = require('zustand');
26
26
 
27
27
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -49,8 +49,8 @@ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
49
49
  var React12__namespace = /*#__PURE__*/_interopNamespace(React12);
50
50
  var HeroIcons__namespace = /*#__PURE__*/_interopNamespace(HeroIcons);
51
51
  var Popover__namespace = /*#__PURE__*/_interopNamespace(Popover);
52
- var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
53
52
  var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
53
+ var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
54
54
 
55
55
  var Link = React12.forwardRef(function Link2(props, ref) {
56
56
  const RouterLink = chunkS7KHTUHA_js.useLink();
@@ -14148,152 +14148,2419 @@ function IncidentPipelineDemo({
14148
14148
  ] })
14149
14149
  ] }) });
14150
14150
  }
14151
- function EntityDrawer({
14152
- open,
14153
- onClose,
14154
- title,
14155
- subtitle,
14156
- icon,
14157
- gradient = "from-gray-400 to-gray-500",
14158
- maxWidth = "max-w-xl",
14159
- tabs,
14160
- children
14151
+ function IconTile({ icon: Icon, gradient, size = "md" }) {
14152
+ const wrapper = size === "md" ? "h-12 w-12" : "h-10 w-10";
14153
+ const icon = size === "md" ? "h-6 w-6" : "h-5 w-5";
14154
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${wrapper} rounded-xl bg-gradient-to-br ${gradient} flex items-center justify-center`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `${icon} text-white` }) });
14155
+ }
14156
+ function BentoFeatureGrid({
14157
+ aiPanel,
14158
+ metricsPanel,
14159
+ securityPanel,
14160
+ agentsPanel,
14161
+ className
14161
14162
  }) {
14162
- if (!open) return null;
14163
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
14164
- /* @__PURE__ */ jsxRuntime.jsx(
14165
- "div",
14163
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full min-h-screen h-full flex items-center justify-center p-4 md:p-6 lg:p-8 ${className ?? ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full max-w-7xl", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 lg:grid-cols-3 lg:grid-rows-2 h-full min-h-[600px] lg:min-h-[700px]", children: [
14164
+ /* @__PURE__ */ jsxRuntime.jsxs(
14165
+ framerMotion.motion.div,
14166
14166
  {
14167
- className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-[2px] transition-opacity",
14168
- onClick: onClose,
14169
- "data-testid": "entity-drawer-backdrop"
14167
+ initial: { opacity: 0, y: 20 },
14168
+ animate: { opacity: 1, y: 0 },
14169
+ transition: { duration: 0.6, delay: 0.1 },
14170
+ className: "relative lg:row-span-2",
14171
+ children: [
14172
+ aiPanel.bgTint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-px rounded-2xl bg-gradient-to-br ${aiPanel.bgTint}` }),
14173
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-full flex-col overflow-hidden rounded-2xl border ${aiPanel.borderColor ?? "border-gray-200 dark:border-gray-800"} bg-white/50 dark:bg-zinc-900/50 backdrop-blur-sm`, children: [
14174
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pt-6 pb-4", children: [
14175
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
14176
+ /* @__PURE__ */ jsxRuntime.jsx(IconTile, { icon: aiPanel.icon, gradient: aiPanel.gradient, size: "md" }),
14177
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-gray-900 dark:text-white", children: aiPanel.title })
14178
+ ] }),
14179
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: aiPanel.description })
14180
+ ] }),
14181
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative min-h-[200px] w-full grow p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: aiPanel.items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
14182
+ framerMotion.motion.div,
14183
+ {
14184
+ initial: { opacity: 0, x: -20 },
14185
+ animate: { opacity: 1, x: 0 },
14186
+ transition: { delay: 0.3 + index * 0.2 },
14187
+ className: `flex items-center gap-3 p-3 rounded-xl ${item.bgTint}`,
14188
+ children: [
14189
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-2 w-2 rounded-full animate-pulse ${item.dotColor}` }),
14190
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-xs font-medium ${item.textColor}`, children: item.label })
14191
+ ]
14192
+ },
14193
+ `${item.label}-${index}`
14194
+ )) }) })
14195
+ ] }),
14196
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-px rounded-2xl shadow-sm" })
14197
+ ]
14170
14198
  }
14171
14199
  ),
14172
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `fixed top-[64px] right-2 bottom-2 z-50 flex w-full ${maxWidth} flex-col overflow-hidden rounded-2xl border border-white/60 bg-white/80 shadow-[0_8px_60px_-12px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.1)] backdrop-blur-2xl dark:border-white/[0.12] dark:bg-gray-900/85 dark:shadow-[0_8px_60px_-12px_rgba(0,0,0,0.6),0_0_0_1px_rgba(255,255,255,0.06)]`, children: [
14173
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-y-0 left-0 w-[3px] bg-gradient-to-b ${gradient} opacity-80` }),
14174
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-5", children: [
14175
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3.5", children: [
14176
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 items-center justify-center rounded-[14px] bg-gradient-to-br ${gradient} shadow-lg shadow-black/20 ring-1 ring-white/25`, children: icon }),
14177
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
14178
- /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-bold tracking-tight text-gray-900 dark:text-white", children: title }),
14179
- subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-[13px] text-gray-500 dark:text-gray-400", children: subtitle })
14180
- ] })
14181
- ] }),
14200
+ /* @__PURE__ */ jsxRuntime.jsxs(
14201
+ framerMotion.motion.div,
14202
+ {
14203
+ initial: { opacity: 0, y: 20 },
14204
+ animate: { opacity: 1, y: 0 },
14205
+ transition: { duration: 0.6, delay: 0.2 },
14206
+ className: "relative max-lg:row-start-1",
14207
+ children: [
14208
+ metricsPanel.bgTint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-px rounded-2xl bg-gradient-to-br ${metricsPanel.bgTint}` }),
14209
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-full flex-col overflow-hidden rounded-2xl border ${metricsPanel.borderColor ?? "border-gray-200 dark:border-gray-800"} bg-white/50 dark:bg-zinc-900/50 backdrop-blur-sm`, children: [
14210
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pt-6 pb-4", children: [
14211
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
14212
+ /* @__PURE__ */ jsxRuntime.jsx(IconTile, { icon: metricsPanel.icon, gradient: metricsPanel.gradient, size: "sm" }),
14213
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-bold text-gray-900 dark:text-white", children: metricsPanel.title })
14214
+ ] }),
14215
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400", children: metricsPanel.description })
14216
+ ] }),
14217
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center justify-center px-6 pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3 w-full", children: metricsPanel.metrics.map((metric, index) => /* @__PURE__ */ jsxRuntime.jsxs(
14218
+ framerMotion.motion.div,
14219
+ {
14220
+ initial: { scale: 0 },
14221
+ animate: { scale: 1 },
14222
+ transition: { delay: 0.5 + index * 0.1 },
14223
+ className: `${metric.bgTint} rounded-xl p-3 text-center`,
14224
+ children: [
14225
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-2xl font-bold ${metric.valueColor}`, children: metric.value }),
14226
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-gray-600 dark:text-gray-400", children: metric.label })
14227
+ ]
14228
+ },
14229
+ `${metric.label}-${index}`
14230
+ )) }) })
14231
+ ] }),
14232
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-px rounded-2xl shadow-sm" })
14233
+ ]
14234
+ }
14235
+ ),
14236
+ /* @__PURE__ */ jsxRuntime.jsxs(
14237
+ framerMotion.motion.div,
14238
+ {
14239
+ initial: { opacity: 0, y: 20 },
14240
+ animate: { opacity: 1, y: 0 },
14241
+ transition: { duration: 0.6, delay: 0.3 },
14242
+ className: "relative max-lg:row-start-3 lg:col-start-2 lg:row-start-2",
14243
+ children: [
14244
+ securityPanel.bgTint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-px rounded-2xl bg-gradient-to-br ${securityPanel.bgTint}` }),
14245
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-full flex-col overflow-hidden rounded-2xl border ${securityPanel.borderColor ?? "border-gray-200 dark:border-gray-800"} bg-white/50 dark:bg-zinc-900/50 backdrop-blur-sm`, children: [
14246
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pt-6 pb-4", children: [
14247
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
14248
+ /* @__PURE__ */ jsxRuntime.jsx(IconTile, { icon: securityPanel.icon, gradient: securityPanel.gradient, size: "sm" }),
14249
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-bold text-gray-900 dark:text-white", children: securityPanel.title })
14250
+ ] }),
14251
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400", children: securityPanel.description })
14252
+ ] }),
14253
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-center px-6 pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full space-y-2", children: securityPanel.bars.map((bar, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14254
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 flex-1 rounded-full overflow-hidden ${bar.trackColor}`, children: /* @__PURE__ */ jsxRuntime.jsx(
14255
+ framerMotion.motion.div,
14256
+ {
14257
+ initial: { width: 0 },
14258
+ animate: { width: "100%" },
14259
+ transition: { delay: 0.7 + index * 0.2, duration: 1 },
14260
+ className: `h-full ${bar.fillColor}`
14261
+ }
14262
+ ) }),
14263
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] font-medium ${bar.labelColor}`, children: bar.label })
14264
+ ] }, `${bar.label}-${index}`)) }) })
14265
+ ] }),
14266
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-px rounded-2xl shadow-sm" })
14267
+ ]
14268
+ }
14269
+ ),
14270
+ /* @__PURE__ */ jsxRuntime.jsxs(
14271
+ framerMotion.motion.div,
14272
+ {
14273
+ initial: { opacity: 0, y: 20 },
14274
+ animate: { opacity: 1, y: 0 },
14275
+ transition: { duration: 0.6, delay: 0.4 },
14276
+ className: "relative lg:row-span-2",
14277
+ children: [
14278
+ agentsPanel.bgTint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-px rounded-2xl bg-gradient-to-br ${agentsPanel.bgTint}` }),
14279
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-full flex-col overflow-hidden rounded-2xl border ${agentsPanel.borderColor ?? "border-gray-200 dark:border-gray-800"} bg-white/50 dark:bg-zinc-900/50 backdrop-blur-sm`, children: [
14280
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pt-6 pb-4", children: [
14281
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-3", children: [
14282
+ /* @__PURE__ */ jsxRuntime.jsx(IconTile, { icon: agentsPanel.icon, gradient: agentsPanel.gradient, size: "md" }),
14283
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-gray-900 dark:text-white", children: agentsPanel.title })
14284
+ ] }),
14285
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: agentsPanel.description })
14286
+ ] }),
14287
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full grow p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3", children: agentsPanel.agents.map((agent, index) => {
14288
+ const delay = 0.5 + index * 0.1;
14289
+ return /* @__PURE__ */ jsxRuntime.jsxs(
14290
+ framerMotion.motion.div,
14291
+ {
14292
+ initial: { opacity: 0, scale: 0.8 },
14293
+ animate: { opacity: 1, scale: 1 },
14294
+ transition: { delay },
14295
+ className: `relative overflow-hidden rounded-xl bg-gradient-to-br ${agent.color} p-3 text-white`,
14296
+ children: [
14297
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10", children: [
14298
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold", children: agent.name }),
14299
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 h-1 w-12 bg-white/30 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(
14300
+ framerMotion.motion.div,
14301
+ {
14302
+ initial: { width: 0 },
14303
+ animate: { width: "100%" },
14304
+ transition: { delay: delay + 0.3, duration: 0.8 },
14305
+ className: "h-full bg-white rounded-full"
14306
+ }
14307
+ ) })
14308
+ ] }),
14309
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 w-16 h-16 bg-white/10 rounded-full -mr-8 -mt-8" })
14310
+ ]
14311
+ },
14312
+ agent.name
14313
+ );
14314
+ }) }) })
14315
+ ] }),
14316
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-px rounded-2xl shadow-sm" })
14317
+ ]
14318
+ }
14319
+ )
14320
+ ] }) }) });
14321
+ }
14322
+ var CustomerAnalyticsDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
14323
+ framerMotion.motion.div,
14324
+ {
14325
+ initial: { opacity: 0 },
14326
+ animate: { opacity: 1 },
14327
+ exit: { opacity: 0 },
14328
+ transition: { duration: 0.5 },
14329
+ className: "flex flex-col h-full overflow-hidden",
14330
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
14331
+ /* @__PURE__ */ jsxRuntime.jsxs(
14332
+ framerMotion.motion.div,
14333
+ {
14334
+ initial: { y: -20, opacity: 0 },
14335
+ animate: { y: 0, opacity: 1 },
14336
+ transition: { duration: 0.5, delay: 0.3 },
14337
+ className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
14338
+ children: [
14339
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
14340
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "An\xE1lise de Clientes" }),
14341
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium", children: "IA Analytics" })
14342
+ ] }),
14343
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14344
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
14345
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
14346
+ ] })
14347
+ ]
14348
+ }
14349
+ ),
14350
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
14351
+ /* @__PURE__ */ jsxRuntime.jsxs(
14352
+ framerMotion.motion.div,
14353
+ {
14354
+ initial: { opacity: 0, y: 20 },
14355
+ animate: { opacity: 1, y: 0 },
14356
+ transition: { delay: 0.5 },
14357
+ className: "grid grid-cols-2 gap-3",
14358
+ children: [
14359
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-blue-500 to-cyan-500 text-white", children: [
14360
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
14361
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5" }),
14362
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "+12%" })
14363
+ ] }),
14364
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "2.547" }),
14365
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Clientes Ativos" })
14366
+ ] }),
14367
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-purple-500 to-pink-500 text-white", children: [
14368
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
14369
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-5 w-5" }),
14370
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "+28%" })
14371
+ ] }),
14372
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "R$ 485k" }),
14373
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Receita Mensal" })
14374
+ ] })
14375
+ ]
14376
+ }
14377
+ ),
14182
14378
  /* @__PURE__ */ jsxRuntime.jsx(
14183
- "button",
14379
+ framerMotion.motion.div,
14184
14380
  {
14185
- onClick: onClose,
14186
- "aria-label": "Close",
14187
- className: "rounded-xl p-2 text-gray-400 transition-all hover:bg-black/5 hover:text-gray-600 active:scale-95 dark:text-gray-500 dark:hover:bg-white/10 dark:hover:text-gray-300",
14188
- "data-testid": "entity-drawer-close",
14189
- children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
14381
+ initial: { opacity: 0, y: 20 },
14382
+ animate: { opacity: 1, y: 0 },
14383
+ transition: { delay: 0.7 },
14384
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
14385
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-blue-600 to-cyan-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14386
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-4 w-4" }),
14387
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Insights IA" })
14388
+ ] }) }),
14389
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-3", children: [
14390
+ /* @__PURE__ */ jsxRuntime.jsxs(
14391
+ framerMotion.motion.div,
14392
+ {
14393
+ initial: { opacity: 0, x: -10 },
14394
+ animate: { opacity: 1, x: 0 },
14395
+ transition: { delay: 0.9 },
14396
+ className: "flex items-start gap-2",
14397
+ children: [
14398
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-3 w-3 text-green-500" }) }),
14399
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
14400
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Segmento Premium crescendo" }),
14401
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "+45% de convers\xE3o em produtos acima de R$ 500" })
14402
+ ] })
14403
+ ]
14404
+ }
14405
+ ),
14406
+ /* @__PURE__ */ jsxRuntime.jsxs(
14407
+ framerMotion.motion.div,
14408
+ {
14409
+ initial: { opacity: 0, x: -10 },
14410
+ animate: { opacity: 1, x: 0 },
14411
+ transition: { delay: 1.1 },
14412
+ className: "flex items-start gap-2",
14413
+ children: [
14414
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-3 w-3 text-blue-500" }) }),
14415
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
14416
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Reten\xE7\xE3o melhorou 32%" }),
14417
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Ap\xF3s implementa\xE7\xE3o do programa de fidelidade" })
14418
+ ] })
14419
+ ]
14420
+ }
14421
+ ),
14422
+ /* @__PURE__ */ jsxRuntime.jsxs(
14423
+ framerMotion.motion.div,
14424
+ {
14425
+ initial: { opacity: 0, x: -10 },
14426
+ animate: { opacity: 1, x: 0 },
14427
+ transition: { delay: 1.3 },
14428
+ className: "flex items-start gap-2",
14429
+ children: [
14430
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-3 w-3 text-purple-500" }) }),
14431
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
14432
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "847 clientes em risco" }),
14433
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Sem compras h\xE1 60+ dias - recomendar campanha" })
14434
+ ] })
14435
+ ]
14436
+ }
14437
+ )
14438
+ ] })
14439
+ ] })
14440
+ }
14441
+ ),
14442
+ /* @__PURE__ */ jsxRuntime.jsx(
14443
+ framerMotion.motion.div,
14444
+ {
14445
+ initial: { opacity: 0, y: 20 },
14446
+ animate: { opacity: 1, y: 0 },
14447
+ transition: { delay: 1.5 },
14448
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
14449
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold mb-2", children: "Top Clientes (\xDAltimo M\xEAs)" }),
14450
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: ["Maria Silva", "Jo\xE3o Santos", "Ana Costa"].map((name, i) => /* @__PURE__ */ jsxRuntime.jsxs(
14451
+ framerMotion.motion.div,
14452
+ {
14453
+ initial: { opacity: 0, x: -10 },
14454
+ animate: { opacity: 1, x: 0 },
14455
+ transition: { delay: 1.7 + i * 0.2 },
14456
+ className: "flex items-center justify-between",
14457
+ children: [
14458
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14459
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded-full bg-gradient-to-br from-gray-400 to-gray-600 flex items-center justify-center text-white text-[10px] font-bold", children: name.charAt(0) }),
14460
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: name })
14461
+ ] }),
14462
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
14463
+ "R$ ",
14464
+ Math.floor(Math.random() * 50 + 10),
14465
+ "k"
14466
+ ] })
14467
+ ]
14468
+ },
14469
+ name
14470
+ )) })
14471
+ ] })
14190
14472
  }
14191
14473
  )
14192
- ] }),
14193
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-5 h-px bg-gradient-to-r from-transparent via-gray-200/80 to-transparent dark:via-white/10" }),
14194
- tabs,
14195
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-6 py-5", children })
14474
+ ] })
14196
14475
  ] })
14197
- ] });
14198
- }
14199
-
14200
- // src/lib/locale-flags.ts
14201
- var flag_br = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23259245%3B%22%20d%3D%22M395.901%2C7.286H116.099C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C512H116.099C52.082%2C512%2C0%2C459.918%2C0%2C395.901V116.099C0%2C52.082%2C52.082%2C0%2C116.099%2C0h279.803%0A%09C459.918%2C0%2C512%2C52.082%2C512%2C116.099v279.803C512%2C459.918%2C459.918%2C512%2C395.901%2C512z%20M116.099%2C14.573%0A%09c-55.981%2C0-101.526%2C45.544-101.526%2C101.526v279.803c0%2C55.981%2C45.544%2C101.526%2C101.526%2C101.526h279.803%0A%09c55.981%2C0%2C101.526-45.545%2C101.526-101.526V116.099c0-55.981-45.545-101.526-101.526-101.526%0A%09C395.902%2C14.573%2C116.099%2C14.573%2C116.099%2C14.573z%22%2F%3E%0A%3Cpolygon%20style%3D%22fill%3A%23FFE000%3B%22%20points%3D%22256%2C374.81%2051.502%2C256%20256%2C137.19%20460.498%2C256%20%22%2F%3E%0A%3Cpath%20d%3D%22M256%2C382.097c-1.265%2C0-2.529-0.328-3.66-0.986L47.842%2C262.301c-2.245-1.305-3.626-3.705-3.626-6.301%0A%09s1.381-4.996%2C3.626-6.301l204.498-118.81c2.264-1.315%2C5.057-1.315%2C7.321%2C0l204.498%2C118.81c2.245%2C1.305%2C3.626%2C3.705%2C3.626%2C6.301%0A%09c0%2C2.596-1.381%2C4.996-3.626%2C6.301l-32.303%2C18.767c-3.48%2C2.02-7.939%2C0.841-9.961-2.64c-2.021-3.479-0.84-7.939%2C2.64-9.961%0A%09L445.993%2C256L256%2C145.617L66.007%2C256L256%2C366.383l139.861-81.258c3.478-2.021%2C7.938-0.841%2C9.961%2C2.64%0A%09c2.021%2C3.479%2C0.84%2C7.939-2.64%2C9.961L259.66%2C381.111C258.529%2C381.768%2C257.265%2C382.097%2C256%2C382.097z%22%2F%3E%0A%3Ccircle%20style%3D%22fill%3A%23103B9B%3B%22%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%2267.47%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M316.265%2C293.777c-2.7%2C0-5.294-1.507-6.556-4.097c-10.094-20.712-27.403-36.941-48.741-45.697%0A%09c-21.334-8.755-45.052-9.367-66.782-1.72c-3.794%2C1.333-7.955-0.659-9.292-4.455c-1.335-3.796%2C0.659-7.956%2C4.455-9.292%0A%09c25.106-8.835%2C52.506-8.129%2C77.152%2C1.986c24.649%2C10.116%2C44.646%2C28.865%2C56.308%2C52.796c1.763%2C3.617%2C0.259%2C7.979-3.359%2C9.742%0A%09C318.423%2C293.54%2C317.336%2C293.777%2C316.265%2C293.777z%22%2F%3E%0A%3Cpath%20d%3D%22M256%2C330.753c-41.219%2C0-74.753-33.534-74.753-74.753s33.534-74.753%2C74.753-74.753s74.753%2C33.534%2C74.753%2C74.753%0A%09S297.219%2C330.753%2C256%2C330.753z%20M256%2C195.82c-33.183%2C0-60.18%2C26.997-60.18%2C60.18s26.997%2C60.18%2C60.18%2C60.18s60.18-26.997%2C60.18-60.18%0A%09S289.183%2C195.82%2C256%2C195.82z%22%2F%3E%0A%3C%2Fsvg%3E";
14202
- var flag_us = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512.001%20512.001%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M395.901%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.004%2C7.286%2C116.1v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.1%0A%09C504.714%2C56.004%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%3Cg%3E%0A%09%3Crect%20x%3D%227.286%22%20y%3D%22338.901%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22497.43%22%20height%3D%2255.26%22%2F%3E%0A%09%3Crect%20x%3D%22225.79%22%20y%3D%22228.361%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22278.92%22%20height%3D%2255.28%22%2F%3E%0A%09%3Crect%20x%3D%22236.17%22%20y%3D%22117.831%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22268.55%22%20height%3D%2255.26%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M116.099%2C504.715h279.803c40.628%2C0%2C76.05-22.27%2C94.739-55.264H21.36%0A%09%09C40.049%2C482.445%2C75.471%2C504.715%2C116.099%2C504.715z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M490.64%2C62.552c-18.689-32.995-54.111-55.264-94.739-55.264H225.79v55.264H490.64z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%23164FCE%3B%22%20d%3D%22M335.041%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.004%2C7.286%2C116.1v167.541h327.755L335.041%2C7.287%0A%09L335.041%2C7.287z%22%2F%3E%0A%3Cg%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M497.341%2C59.688c-0.199-0.465-0.447-0.902-0.734-1.311C476.551%2C23.521%2C438.921%2C0.001%2C395.901%2C0.001H116.099%0A%09C52.082%2C0.001%2C0%2C52.083%2C0%2C116.1v279.803c0%2C20.462%2C5.328%2C39.7%2C14.659%2C56.412c0.199%2C0.464%2C0.447%2C0.902%2C0.734%2C1.311%0A%09C35.449%2C488.481%2C73.079%2C512%2C116.099%2C512h279.803c43.02%2C0%2C80.65-23.52%2C100.706-58.376c0.287-0.409%2C0.535-0.846%2C0.734-1.311%0A%09c9.331-16.712%2C14.659-35.95%2C14.659-56.412V116.1C512%2C95.638%2C506.672%2C76.4%2C497.341%2C59.688z%20M438.39%2C386.883%0A%09c-4.024%2C0-7.286%2C3.262-7.286%2C7.287s3.262%2C7.286%2C7.286%2C7.286h58.883c-0.791%2C14.595-4.676%2C28.38-11.013%2C40.708H25.74%0A%09c-6.337-12.328-10.222-26.113-11.013-40.708h390.501c4.024%2C0%2C7.286-3.262%2C7.286-7.286c0-4.025-3.262-7.287-7.286-7.287H14.573%0A%09v-40.692h482.854v40.692L438.39%2C386.883L438.39%2C386.883z%20M497.273%2C110.546H342.328V69.838H486.26%0A%09C492.597%2C82.166%2C496.482%2C95.951%2C497.273%2C110.546z%20M389.101%2C180.383h108.326v40.691H342.328v-40.691h19.156%0A%09c4.024%2C0%2C7.286-3.262%2C7.286-7.287c0-4.025-3.262-7.286-7.286-7.286h-19.156v-40.692h155.099v40.692H389.101%0A%09c-4.024%2C0-7.287%2C3.262-7.287%2C7.286C381.814%2C177.121%2C385.076%2C180.383%2C389.101%2C180.383z%20M342.328%2C235.647h155.099v40.708H342.328%0A%09V235.647z%20M497.427%2C290.928v40.691H14.573v-40.691H497.427z%20M477.132%2C55.265H342.328V14.574h53.574%0A%09C429.082%2C14.574%2C458.594%2C30.575%2C477.132%2C55.265z%20M116.099%2C14.574h211.656v261.781H14.573V116.1%0A%09C14.573%2C60.119%2C60.117%2C14.574%2C116.099%2C14.574z%20M395.901%2C497.428H116.099c-33.181%2C0-62.693-16.001-81.231-40.691h442.264%0A%09C458.594%2C481.427%2C429.082%2C497.428%2C395.901%2C497.428z%22%2F%3E%0A%3C%2Fsvg%3E";
14203
- var flag_es = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%227.286%22%20y%3D%22131.64%22%20style%3D%22fill%3A%23FFE000%3B%22%20width%3D%22497.43%22%20height%3D%22248.71%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.003%2C7.286%2C116.099v15.545h497.427v-15.545%0A%09%09C504.714%2C56.003%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M7.286%2C395.901c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803%0A%09%09c60.095%2C0%2C108.812-48.717%2C108.812-108.812v-15.545H7.286V395.901z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M116.099%2C14.573h279.803%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526v8.258H14.573v-8.258C14.573%2C60.117%2C60.117%2C14.573%2C116.099%2C14.573z%20M395.901%2C497.427%0A%09H116.099c-55.982%2C0-101.526-45.544-101.526-101.526v-8.258h390.655c4.024%2C0%2C7.286-3.262%2C7.286-7.287s-3.262-7.286-7.286-7.286%0A%09H14.573V138.93h482.854v234.14H438.39c-4.024%2C0-7.286%2C3.262-7.286%2C7.286s3.262%2C7.287%2C7.286%2C7.287h59.037v8.258%0A%09C497.427%2C451.883%2C451.883%2C497.427%2C395.901%2C497.427z%22%2F%3E%0A%3C%2Fsvg%3E";
14204
- var flag_fr = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%22173.1%22%20y%3D%227.287%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22165.81%22%20height%3D%22497.43%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23164FCE%3B%22%20d%3D%22M116.099%2C7.287C56.003%2C7.287%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h56.997V7.287H116.099z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.287h-56.997v497.427h56.997c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M14.573%2C395.901V116.099%0A%09c0-55.981%2C45.544-101.526%2C101.526-101.526h49.71v482.854h-49.71C60.117%2C497.427%2C14.573%2C451.883%2C14.573%2C395.901z%20M497.427%2C395.901%0A%09c0%2C55.982-45.545%2C101.526-101.526%2C101.526H346.19V156.515c0-4.024-3.262-7.286-7.286-7.286c-4.025%2C0-7.287%2C3.262-7.287%2C7.286%0A%09v340.912H180.382V14.573h151.236v92.199c0%2C4.024%2C3.262%2C7.286%2C7.287%2C7.286s7.286-3.262%2C7.286-7.286V14.573h49.711%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526L497.427%2C395.901L497.427%2C395.901z%22%2F%3E%0A%3C%2Fsvg%3E";
14205
- var flag_de = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%227.286%22%20y%3D%22173.1%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22497.43%22%20height%3D%22165.81%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23FFE000%3B%22%20d%3D%22M7.286%2C395.901c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803%0A%09c60.095%2C0%2C108.812-48.717%2C108.812-108.812v-56.997H7.286V395.901z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23333333%3B%22%20d%3D%22M395.901%2C7.286H116.099C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v56.997h497.427v-56.997%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M116.099%2C14.573h279.803%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526v49.71H14.573v-49.71C14.573%2C60.117%2C60.117%2C14.573%2C116.099%2C14.573z%20M395.901%2C497.427%0A%09H116.099c-55.982%2C0-101.526-45.544-101.526-101.526v-49.71h390.655c4.025%2C0%2C7.286-3.262%2C7.286-7.286s-3.262-7.286-7.286-7.286%0A%09H14.573V180.382h482.854v151.236H438.39c-4.025%2C0-7.286%2C3.262-7.286%2C7.286s3.262%2C7.286%2C7.286%2C7.286h59.037v49.71%0A%09C497.427%2C451.883%2C451.882%2C497.427%2C395.901%2C497.427z%22%2F%3E%0A%3C%2Fsvg%3E";
14206
- var flag_it = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%22173.1%22%20y%3D%227.286%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22165.81%22%20height%3D%22497.43%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23259245%3B%22%20d%3D%22M116.099%2C7.286C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h56.997V7.286H116.099z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.286h-56.997v497.427h56.997c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M14.573%2C395.901V116.099%0A%09c0-55.982%2C45.544-101.526%2C101.526-101.526h49.71v482.854h-49.71C60.117%2C497.427%2C14.573%2C451.883%2C14.573%2C395.901z%20M497.427%2C395.901%0A%09c0%2C55.982-45.544%2C101.526-101.526%2C101.526h-49.71V156.515c0-4.024-3.262-7.286-7.287-7.286c-4.024%2C0-7.286%2C3.262-7.286%2C7.286%0A%09v340.912H180.382V14.573h151.236v92.199c0%2C4.024%2C3.262%2C7.286%2C7.286%2C7.286c4.024%2C0%2C7.287-3.262%2C7.287-7.286V14.573h49.71%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526L497.427%2C395.901L497.427%2C395.901z%22%2F%3E%0A%3C%2Fsvg%3E";
14207
- var LOCALE_FLAGS = {
14208
- "br": flag_br,
14209
- "us": flag_us,
14210
- "es": flag_es,
14211
- "fr": flag_fr,
14212
- "de": flag_de,
14213
- "it": flag_it,
14214
- // Locale code aliases
14215
- "pt-BR": flag_br,
14216
- "pt": flag_br,
14217
- "en": flag_us,
14218
- "en-US": flag_us
14219
- };
14220
- function FilterPill({ icon, label, variant, onRemove }) {
14221
- return /* @__PURE__ */ jsxRuntime.jsxs(
14222
- "button",
14223
- {
14224
- type: "button",
14225
- onClick: onRemove,
14226
- role: "option",
14227
- "aria-selected": true,
14228
- "aria-label": typeof label === "string" ? label : void 0,
14229
- "data-testid": "filter-pill",
14230
- className: `liquid-pill liquid-pill-${variant}`,
14231
- children: [
14232
- icon,
14233
- label,
14234
- /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "liquid-pill-dismiss", "data-testid": "filter-pill-remove" })
14235
- ]
14236
- }
14237
- );
14238
- }
14239
-
14240
- // src/lib/themes/us.ts
14241
- var US_STATE_PALETTES = {
14242
- // Northeast — blue/indigo tones
14243
- CT: { primary: "#4f6d9b", secondary: "#c8a962", text: "light" },
14244
- DE: { primary: "#3b82f6", secondary: "#c8a962", text: "light" },
14245
- MA: { primary: "#6366f1", secondary: "#c8a962", text: "light" },
14246
- ME: { primary: "#2563eb", secondary: "#c8a962", text: "light" },
14247
- MD: { primary: "#e03c31", secondary: "#eaab00", text: "light" },
14248
- NH: { primary: "#818cf8", secondary: "#c8a962", text: "light" },
14249
- NJ: { primary: "#c8a962", secondary: "#4f46e5", text: "dark" },
14250
- NY: { primary: "#4f46e5", secondary: "#c8a962", text: "light" },
14251
- PA: { primary: "#3b82f6", secondary: "#c8a962", text: "light" },
14252
- RI: { primary: "#6366f1", secondary: "#c8a962", text: "light" },
14253
- VT: { primary: "#2563eb", secondary: "#c8a962", text: "light" },
14254
- // Southeast — red/rose tones
14255
- AL: { primary: "#dc2626", secondary: "#f0f0f0", text: "light" },
14256
- AR: { primary: "#e11d48", secondary: "#4f46e5", text: "light" },
14257
- FL: { primary: "#be123c", secondary: "#f0f0f0", text: "light" },
14258
- GA: { primary: "#9f1239", secondary: "#dc2626", text: "light" },
14259
- KY: { primary: "#b91c1c", secondary: "#c8a962", text: "light" },
14260
- LA: { primary: "#a855f7", secondary: "#dc2626", text: "light" },
14261
- MS: { primary: "#f43f5e", secondary: "#4f46e5", text: "light" },
14262
- NC: { primary: "#e11d48", secondary: "#dc2626", text: "light" },
14263
- SC: { primary: "#be185d", secondary: "#c8a962", text: "light" },
14264
- TN: { primary: "#dc2626", secondary: "#4f46e5", text: "light" },
14265
- VA: { primary: "#9f1239", secondary: "#c8a962", text: "light" },
14266
- WV: { primary: "#f43f5e", secondary: "#dc2626", text: "light" },
14267
- // Midwest — green/emerald tones
14268
- IL: { primary: "#16a34a", secondary: "#dc2626", text: "light" },
14269
- IN: { primary: "#059669", secondary: "#c8a962", text: "light" },
14270
- IA: { primary: "#10b981", secondary: "#dc2626", text: "light" },
14271
- KS: { primary: "#0d9488", secondary: "#c8a962", text: "light" },
14272
- MI: { primary: "#16a34a", secondary: "#c8a962", text: "light" },
14273
- MN: { primary: "#059669", secondary: "#c8a962", text: "light" },
14274
- MO: { primary: "#14b8a6", secondary: "#dc2626", text: "light" },
14275
- NE: { primary: "#10b981", secondary: "#c8a962", text: "light" },
14276
- ND: { primary: "#0d9488", secondary: "#c8a962", text: "light" },
14277
- OH: { primary: "#16a34a", secondary: "#dc2626", text: "light" },
14278
- SD: { primary: "#059669", secondary: "#c8a962", text: "light" },
14279
- WI: { primary: "#10b981", secondary: "#c8a962", text: "light" },
14280
- // Southwest — orange/amber tones
14281
- AZ: { primary: "#ea580c", secondary: "#c8a962", text: "light" },
14282
- NM: { primary: "#f59e0b", secondary: "#dc2626", text: "dark" },
14283
- OK: { primary: "#d97706", secondary: "#c8a962", text: "light" },
14284
- TX: { primary: "#ea580c", secondary: "#dc2626", text: "light" },
14285
- // West — purple/violet tones
14286
- AK: { primary: "#7c3aed", secondary: "#c8a962", text: "light" },
14287
- CA: { primary: "#a855f7", secondary: "#dc2626", text: "light" },
14288
- CO: { primary: "#8b5cf6", secondary: "#dc2626", text: "light" },
14289
- HI: { primary: "#7c3aed", secondary: "#dc2626", text: "light" },
14290
- ID: { primary: "#9333ea", secondary: "#c8a962", text: "light" },
14291
- MT: { primary: "#a855f7", secondary: "#c8a962", text: "light" },
14292
- NV: { primary: "#8b5cf6", secondary: "#c8a962", text: "light" },
14293
- OR: { primary: "#059669", secondary: "#c8a962", text: "light" },
14294
- UT: { primary: "#7c3aed", secondary: "#c8a962", text: "light" },
14295
- WA: { primary: "#15803d", secondary: "#c8a962", text: "light" },
14296
- WY: { primary: "#9333ea", secondary: "#dc2626", text: "light" },
14476
+ }
14477
+ );
14478
+ var FinancialDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
14479
+ framerMotion.motion.div,
14480
+ {
14481
+ initial: { opacity: 0 },
14482
+ animate: { opacity: 1 },
14483
+ exit: { opacity: 0 },
14484
+ transition: { duration: 0.5 },
14485
+ className: "flex flex-col h-full overflow-hidden",
14486
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
14487
+ /* @__PURE__ */ jsxRuntime.jsxs(
14488
+ framerMotion.motion.div,
14489
+ {
14490
+ initial: { y: -20, opacity: 0 },
14491
+ animate: { y: 0, opacity: 1 },
14492
+ transition: { duration: 0.5, delay: 0.3 },
14493
+ className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
14494
+ children: [
14495
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
14496
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Planejamento Financeiro" }),
14497
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-green-500/10 text-green-600 dark:text-green-400 font-medium", children: "Q4 2024" })
14498
+ ] }),
14499
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14500
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
14501
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
14502
+ ] })
14503
+ ]
14504
+ }
14505
+ ),
14506
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
14507
+ /* @__PURE__ */ jsxRuntime.jsxs(
14508
+ framerMotion.motion.div,
14509
+ {
14510
+ initial: { opacity: 0, y: 20 },
14511
+ animate: { opacity: 1, y: 0 },
14512
+ transition: { delay: 0.5 },
14513
+ className: "grid grid-cols-2 gap-3",
14514
+ children: [
14515
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-green-500 to-emerald-500 text-white", children: [
14516
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
14517
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-5 w-5" }),
14518
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "+18%" })
14519
+ ] }),
14520
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "R$ 1.2M" }),
14521
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Receita do Trimestre" })
14522
+ ] }),
14523
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-red-500 to-orange-500 text-white", children: [
14524
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
14525
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.DocumentTextIcon, { className: "h-5 w-5" }),
14526
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "Auto" })
14527
+ ] }),
14528
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "R$ 387k" }),
14529
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Impostos Calculados" })
14530
+ ] })
14531
+ ]
14532
+ }
14533
+ ),
14534
+ /* @__PURE__ */ jsxRuntime.jsx(
14535
+ framerMotion.motion.div,
14536
+ {
14537
+ initial: { opacity: 0, y: 20 },
14538
+ animate: { opacity: 1, y: 0 },
14539
+ transition: { delay: 0.7 },
14540
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
14541
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-green-600 to-emerald-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14542
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.DocumentTextIcon, { className: "h-4 w-4" }),
14543
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Impostos Brasileiros" })
14544
+ ] }) }),
14545
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
14546
+ /* @__PURE__ */ jsxRuntime.jsxs(
14547
+ framerMotion.motion.div,
14548
+ {
14549
+ initial: { opacity: 0, x: -10 },
14550
+ animate: { opacity: 1, x: 0 },
14551
+ transition: { delay: 0.9 },
14552
+ className: "flex items-center justify-between p-2 bg-blue-50 dark:bg-blue-950/20 rounded-lg border border-blue-200 dark:border-blue-800",
14553
+ children: [
14554
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14555
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-blue-500" }),
14556
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
14557
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "ICMS" }),
14558
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Estadual" })
14559
+ ] })
14560
+ ] }),
14561
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold", children: "R$ 185k" })
14562
+ ]
14563
+ }
14564
+ ),
14565
+ /* @__PURE__ */ jsxRuntime.jsxs(
14566
+ framerMotion.motion.div,
14567
+ {
14568
+ initial: { opacity: 0, x: -10 },
14569
+ animate: { opacity: 1, x: 0 },
14570
+ transition: { delay: 1.1 },
14571
+ className: "flex items-center justify-between p-2 bg-green-50 dark:bg-green-950/20 rounded-lg border border-green-200 dark:border-green-800",
14572
+ children: [
14573
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14574
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-green-500" }),
14575
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
14576
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "PIS/COFINS" }),
14577
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Federal" })
14578
+ ] })
14579
+ ] }),
14580
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold", children: "R$ 142k" })
14581
+ ]
14582
+ }
14583
+ ),
14584
+ /* @__PURE__ */ jsxRuntime.jsxs(
14585
+ framerMotion.motion.div,
14586
+ {
14587
+ initial: { opacity: 0, x: -10 },
14588
+ animate: { opacity: 1, x: 0 },
14589
+ transition: { delay: 1.3 },
14590
+ className: "flex items-center justify-between p-2 bg-purple-50 dark:bg-purple-950/20 rounded-lg border border-purple-200 dark:border-purple-800",
14591
+ children: [
14592
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14593
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-purple-500" }),
14594
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
14595
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "ISS" }),
14596
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Municipal" })
14597
+ ] })
14598
+ ] }),
14599
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold", children: "R$ 60k" })
14600
+ ]
14601
+ }
14602
+ )
14603
+ ] })
14604
+ ] })
14605
+ }
14606
+ ),
14607
+ /* @__PURE__ */ jsxRuntime.jsx(
14608
+ framerMotion.motion.div,
14609
+ {
14610
+ initial: { opacity: 0, y: 20 },
14611
+ animate: { opacity: 1, y: 0 },
14612
+ transition: { delay: 1.5 },
14613
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
14614
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
14615
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-4 w-4 text-green-500" }),
14616
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "4 Agentes Financeiros" })
14617
+ ] }),
14618
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: ["Finance", "Tax", "Reports", "Compliance"].map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
14619
+ framerMotion.motion.div,
14620
+ {
14621
+ initial: { opacity: 0, scale: 0.9 },
14622
+ animate: { opacity: 1, scale: 1 },
14623
+ transition: { delay: 1.7 + i * 0.1 },
14624
+ children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "w-full justify-center bg-green-500/10 text-green-600 dark:text-green-400 text-xs", children: agent })
14625
+ },
14626
+ agent
14627
+ )) })
14628
+ ] })
14629
+ }
14630
+ )
14631
+ ] })
14632
+ ] })
14633
+ }
14634
+ );
14635
+ var Progress = React12__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
14636
+ ProgressPrimitive__namespace.Root,
14637
+ {
14638
+ ref,
14639
+ className: clsx__default.default(
14640
+ "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
14641
+ className
14642
+ ),
14643
+ ...props,
14644
+ children: /* @__PURE__ */ jsxRuntime.jsx(
14645
+ ProgressPrimitive__namespace.Indicator,
14646
+ {
14647
+ className: "h-full w-full flex-1 bg-primary transition-all",
14648
+ style: { transform: `translateX(-${100 - (value || 0)}%)` }
14649
+ }
14650
+ )
14651
+ }
14652
+ ));
14653
+ Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
14654
+ var HRRecruitmentDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
14655
+ framerMotion.motion.div,
14656
+ {
14657
+ initial: { opacity: 0 },
14658
+ animate: { opacity: 1 },
14659
+ exit: { opacity: 0 },
14660
+ transition: { duration: 0.5 },
14661
+ className: "flex flex-col h-full overflow-hidden",
14662
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
14663
+ /* @__PURE__ */ jsxRuntime.jsxs(
14664
+ framerMotion.motion.div,
14665
+ {
14666
+ initial: { y: -20, opacity: 0 },
14667
+ animate: { y: 0, opacity: 1 },
14668
+ transition: { duration: 0.5, delay: 0.3 },
14669
+ className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
14670
+ children: [
14671
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
14672
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Recrutamento RH" }),
14673
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-purple-500/10 text-purple-600 dark:text-purple-400 font-medium", children: "47 candidatos" })
14674
+ ] }),
14675
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14676
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
14677
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
14678
+ ] })
14679
+ ]
14680
+ }
14681
+ ),
14682
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
14683
+ /* @__PURE__ */ jsxRuntime.jsxs(
14684
+ framerMotion.motion.div,
14685
+ {
14686
+ initial: { opacity: 0, y: 20 },
14687
+ animate: { opacity: 1, y: 0 },
14688
+ transition: { delay: 0.5 },
14689
+ className: "grid grid-cols-2 gap-3",
14690
+ children: [
14691
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-purple-500 to-indigo-500 text-white", children: [
14692
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
14693
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5" }),
14694
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "IA" })
14695
+ ] }),
14696
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "12" }),
14697
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Candidatos Qualificados" })
14698
+ ] }),
14699
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-green-500 to-emerald-500 text-white", children: [
14700
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
14701
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-5 w-5" }),
14702
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "+25%" })
14703
+ ] }),
14704
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "85%" }),
14705
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Taxa de Match" })
14706
+ ] })
14707
+ ]
14708
+ }
14709
+ ),
14710
+ /* @__PURE__ */ jsxRuntime.jsx(
14711
+ framerMotion.motion.div,
14712
+ {
14713
+ initial: { opacity: 0, y: 20 },
14714
+ animate: { opacity: 1, y: 0 },
14715
+ transition: { delay: 0.7 },
14716
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
14717
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-purple-600 to-indigo-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14718
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-4 w-4" }),
14719
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Vaga: Desenvolvedor Senior" })
14720
+ ] }) }),
14721
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
14722
+ /* @__PURE__ */ jsxRuntime.jsx(
14723
+ framerMotion.motion.div,
14724
+ {
14725
+ initial: { opacity: 0, x: -10 },
14726
+ animate: { opacity: 1, x: 0 },
14727
+ transition: { delay: 0.9 },
14728
+ className: "p-2 bg-green-50 dark:bg-green-950/20 rounded-lg border border-green-200 dark:border-green-800",
14729
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
14730
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-purple-500 to-indigo-500 flex items-center justify-center text-white text-xs font-bold flex-shrink-0", children: "AS" }),
14731
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
14732
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Ana Silva" }),
14733
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Score: 95/100 - React, TypeScript, 8 anos exp." }),
14734
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 95, className: "h-1" }) })
14735
+ ] })
14736
+ ] })
14737
+ }
14738
+ ),
14739
+ /* @__PURE__ */ jsxRuntime.jsx(
14740
+ framerMotion.motion.div,
14741
+ {
14742
+ initial: { opacity: 0, x: -10 },
14743
+ animate: { opacity: 1, x: 0 },
14744
+ transition: { delay: 1.1 },
14745
+ className: "p-2 bg-blue-50 dark:bg-blue-950/20 rounded-lg border border-blue-200 dark:border-blue-800",
14746
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
14747
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center text-white text-xs font-bold flex-shrink-0", children: "PM" }),
14748
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
14749
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Pedro Martins" }),
14750
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Score: 88/100 - Node.js, AWS, 6 anos exp." }),
14751
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 88, className: "h-1" }) })
14752
+ ] })
14753
+ ] })
14754
+ }
14755
+ ),
14756
+ /* @__PURE__ */ jsxRuntime.jsx(
14757
+ framerMotion.motion.div,
14758
+ {
14759
+ initial: { opacity: 0, x: -10 },
14760
+ animate: { opacity: 1, x: 0 },
14761
+ transition: { delay: 1.3 },
14762
+ className: "p-2 bg-purple-50 dark:bg-purple-950/20 rounded-lg border border-purple-200 dark:border-purple-800",
14763
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
14764
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-pink-500 to-purple-500 flex items-center justify-center text-white text-xs font-bold flex-shrink-0", children: "JO" }),
14765
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
14766
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Juliana Oliveira" }),
14767
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Score: 82/100 - Python, Django, 5 anos exp." }),
14768
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 82, className: "h-1" }) })
14769
+ ] })
14770
+ ] })
14771
+ }
14772
+ )
14773
+ ] })
14774
+ ] })
14775
+ }
14776
+ ),
14777
+ /* @__PURE__ */ jsxRuntime.jsx(
14778
+ framerMotion.motion.div,
14779
+ {
14780
+ initial: { opacity: 0, y: 20 },
14781
+ animate: { opacity: 1, y: 0 },
14782
+ transition: { delay: 1.5 },
14783
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
14784
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
14785
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-4 w-4 text-purple-500" }),
14786
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "4 Agentes Coordenados" })
14787
+ ] }),
14788
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: ["HR", "Recruiter", "Skills", "Interview"].map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
14789
+ framerMotion.motion.div,
14790
+ {
14791
+ initial: { opacity: 0, scale: 0.9 },
14792
+ animate: { opacity: 1, scale: 1 },
14793
+ transition: { delay: 1.7 + i * 0.1 },
14794
+ children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "w-full justify-center bg-purple-500/10 text-purple-600 dark:text-purple-400 text-xs", children: agent })
14795
+ },
14796
+ agent
14797
+ )) })
14798
+ ] })
14799
+ }
14800
+ )
14801
+ ] })
14802
+ ] })
14803
+ }
14804
+ );
14805
+ var InventoryDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
14806
+ framerMotion.motion.div,
14807
+ {
14808
+ initial: { opacity: 0 },
14809
+ animate: { opacity: 1 },
14810
+ exit: { opacity: 0 },
14811
+ transition: { duration: 0.5 },
14812
+ className: "flex flex-col h-full overflow-hidden",
14813
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
14814
+ /* @__PURE__ */ jsxRuntime.jsxs(
14815
+ framerMotion.motion.div,
14816
+ {
14817
+ initial: { y: -20, opacity: 0 },
14818
+ animate: { y: 0, opacity: 1 },
14819
+ transition: { duration: 0.5, delay: 0.3 },
14820
+ className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
14821
+ children: [
14822
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
14823
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Gest\xE3o de Estoque" }),
14824
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-orange-500/10 text-orange-600 dark:text-orange-400 font-medium", children: "3 alertas" })
14825
+ ] }),
14826
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14827
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
14828
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
14829
+ ] })
14830
+ ]
14831
+ }
14832
+ ),
14833
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
14834
+ /* @__PURE__ */ jsxRuntime.jsxs(
14835
+ framerMotion.motion.div,
14836
+ {
14837
+ initial: { opacity: 0, y: 20 },
14838
+ animate: { opacity: 1, y: 0 },
14839
+ transition: { delay: 0.5 },
14840
+ className: "grid grid-cols-2 gap-3",
14841
+ children: [
14842
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-green-500 to-emerald-500 text-white", children: [
14843
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
14844
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShoppingCartIcon, { className: "h-5 w-5" }),
14845
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "OK" })
14846
+ ] }),
14847
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "1.284" }),
14848
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Produtos em Estoque" })
14849
+ ] }),
14850
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-orange-500 to-red-500 text-white", children: [
14851
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
14852
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-5 w-5" }),
14853
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "A\xE7\xE3o" })
14854
+ ] }),
14855
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "23" }),
14856
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Estoque Baixo" })
14857
+ ] })
14858
+ ]
14859
+ }
14860
+ ),
14861
+ /* @__PURE__ */ jsxRuntime.jsx(
14862
+ framerMotion.motion.div,
14863
+ {
14864
+ initial: { opacity: 0, y: 20 },
14865
+ animate: { opacity: 1, y: 0 },
14866
+ transition: { delay: 0.7 },
14867
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2 border-orange-200 dark:border-orange-800", children: [
14868
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-orange-600 to-red-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14869
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-4 w-4" }),
14870
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Alertas IA de Estoque" })
14871
+ ] }) }),
14872
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
14873
+ /* @__PURE__ */ jsxRuntime.jsx(
14874
+ framerMotion.motion.div,
14875
+ {
14876
+ initial: { opacity: 0, x: -10 },
14877
+ animate: { opacity: 1, x: 0 },
14878
+ transition: { delay: 0.9 },
14879
+ className: "p-2 bg-orange-50 dark:bg-orange-950/20 rounded-lg border border-orange-200 dark:border-orange-800",
14880
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
14881
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-4 w-4 text-orange-500 flex-shrink-0 mt-0.5" }),
14882
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
14883
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Notebook Dell XPS 15" }),
14884
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Apenas 3 unidades - repor urgente" }),
14885
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 15, className: "h-1" }) })
14886
+ ] })
14887
+ ] })
14888
+ }
14889
+ ),
14890
+ /* @__PURE__ */ jsxRuntime.jsx(
14891
+ framerMotion.motion.div,
14892
+ {
14893
+ initial: { opacity: 0, x: -10 },
14894
+ animate: { opacity: 1, x: 0 },
14895
+ transition: { delay: 1.1 },
14896
+ className: "p-2 bg-yellow-50 dark:bg-yellow-950/20 rounded-lg border border-yellow-200 dark:border-yellow-800",
14897
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
14898
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-4 w-4 text-yellow-500 flex-shrink-0 mt-0.5" }),
14899
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
14900
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Mouse Logitech MX Master" }),
14901
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Vendas +180% - aumentar estoque" }),
14902
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 40, className: "h-1" }) })
14903
+ ] })
14904
+ ] })
14905
+ }
14906
+ ),
14907
+ /* @__PURE__ */ jsxRuntime.jsx(
14908
+ framerMotion.motion.div,
14909
+ {
14910
+ initial: { opacity: 0, x: -10 },
14911
+ animate: { opacity: 1, x: 0 },
14912
+ transition: { delay: 1.3 },
14913
+ className: "p-2 bg-red-50 dark:bg-red-950/20 rounded-lg border border-red-200 dark:border-red-800",
14914
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
14915
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XCircleIcon, { className: "h-4 w-4 text-red-500 flex-shrink-0 mt-0.5" }),
14916
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
14917
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Teclado Mec\xE2nico RGB" }),
14918
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "CR\xCDTICO: 1 unidade restante" }),
14919
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 5, className: "h-1 bg-red-200" }) })
14920
+ ] })
14921
+ ] })
14922
+ }
14923
+ )
14924
+ ] })
14925
+ ] })
14926
+ }
14927
+ ),
14928
+ /* @__PURE__ */ jsxRuntime.jsx(
14929
+ framerMotion.motion.div,
14930
+ {
14931
+ initial: { opacity: 0, y: 20 },
14932
+ animate: { opacity: 1, y: 0 },
14933
+ transition: { delay: 1.5 },
14934
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
14935
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
14936
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-4 w-4 text-purple-500" }),
14937
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "Recomenda\xE7\xF5es IA" })
14938
+ ] }),
14939
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
14940
+ /* @__PURE__ */ jsxRuntime.jsxs(
14941
+ framerMotion.motion.div,
14942
+ {
14943
+ initial: { opacity: 0, x: -10 },
14944
+ animate: { opacity: 1, x: 0 },
14945
+ transition: { delay: 1.7 },
14946
+ className: "flex items-start gap-2 text-xs",
14947
+ children: [
14948
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-3 w-3 text-green-500 flex-shrink-0 mt-0.5" }),
14949
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Pedido autom\xE1tico de 50 unidades Notebook Dell programado" })
14950
+ ]
14951
+ }
14952
+ ),
14953
+ /* @__PURE__ */ jsxRuntime.jsxs(
14954
+ framerMotion.motion.div,
14955
+ {
14956
+ initial: { opacity: 0, x: -10 },
14957
+ animate: { opacity: 1, x: 0 },
14958
+ transition: { delay: 1.9 },
14959
+ className: "flex items-start gap-2 text-xs",
14960
+ children: [
14961
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-3 w-3 text-blue-500 flex-shrink-0 mt-0.5" }),
14962
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Black Friday: aumentar Mouse Logitech em 300%" })
14963
+ ]
14964
+ }
14965
+ )
14966
+ ] })
14967
+ ] })
14968
+ }
14969
+ )
14970
+ ] })
14971
+ ] })
14972
+ }
14973
+ );
14974
+ var LGPDComplianceDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
14975
+ framerMotion.motion.div,
14976
+ {
14977
+ initial: { opacity: 0 },
14978
+ animate: { opacity: 1 },
14979
+ exit: { opacity: 0 },
14980
+ transition: { duration: 0.5 },
14981
+ className: "flex flex-col h-full overflow-hidden",
14982
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
14983
+ /* @__PURE__ */ jsxRuntime.jsxs(
14984
+ framerMotion.motion.div,
14985
+ {
14986
+ initial: { y: -20, opacity: 0 },
14987
+ animate: { y: 0, opacity: 1 },
14988
+ transition: { duration: 0.5, delay: 0.3 },
14989
+ className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
14990
+ children: [
14991
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
14992
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Conformidade LGPD" }),
14993
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium", children: "Auditoria IA" })
14994
+ ] }),
14995
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
14996
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
14997
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
14998
+ ] })
14999
+ ]
15000
+ }
15001
+ ),
15002
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
15003
+ /* @__PURE__ */ jsxRuntime.jsxs(
15004
+ framerMotion.motion.div,
15005
+ {
15006
+ initial: { opacity: 0, y: 20 },
15007
+ animate: { opacity: 1, y: 0 },
15008
+ transition: { delay: 0.5 },
15009
+ className: "grid grid-cols-2 gap-3",
15010
+ children: [
15011
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-blue-500 to-cyan-500 text-white", children: [
15012
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
15013
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShieldCheckIcon, { className: "h-5 w-5" }),
15014
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "Alto" })
15015
+ ] }),
15016
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "98%" }),
15017
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Taxa de Conformidade" })
15018
+ ] }),
15019
+ /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3 bg-gradient-to-br from-purple-500 to-indigo-500 text-white", children: [
15020
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
15021
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5" }),
15022
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-white/20 text-white border-white/30 h-5 text-xs", children: "LGPD" })
15023
+ ] }),
15024
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-2xl font-bold", children: "15.4k" }),
15025
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Titulares Protegidos" })
15026
+ ] })
15027
+ ]
15028
+ }
15029
+ ),
15030
+ /* @__PURE__ */ jsxRuntime.jsx(
15031
+ framerMotion.motion.div,
15032
+ {
15033
+ initial: { opacity: 0, y: 20 },
15034
+ animate: { opacity: 1, y: 0 },
15035
+ transition: { delay: 0.7 },
15036
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
15037
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 border-b bg-gradient-to-r from-blue-600 to-cyan-600 text-white", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
15038
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShieldCheckIcon, { className: "h-4 w-4" }),
15039
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold", children: "Status de Prote\xE7\xE3o" })
15040
+ ] }) }),
15041
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
15042
+ /* @__PURE__ */ jsxRuntime.jsx(
15043
+ framerMotion.motion.div,
15044
+ {
15045
+ initial: { opacity: 0, x: -10 },
15046
+ animate: { opacity: 1, x: 0 },
15047
+ transition: { delay: 0.9 },
15048
+ className: "p-2 bg-green-50 dark:bg-green-950/20 rounded-lg border border-green-200 dark:border-green-800",
15049
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
15050
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-green-500 flex-shrink-0 mt-0.5" }),
15051
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15052
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Consentimentos V\xE1lidos" }),
15053
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "15.2k titulares com aceite ativo" }),
15054
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 98, className: "h-1" }) })
15055
+ ] })
15056
+ ] })
15057
+ }
15058
+ ),
15059
+ /* @__PURE__ */ jsxRuntime.jsx(
15060
+ framerMotion.motion.div,
15061
+ {
15062
+ initial: { opacity: 0, x: -10 },
15063
+ animate: { opacity: 1, x: 0 },
15064
+ transition: { delay: 1.1 },
15065
+ className: "p-2 bg-blue-50 dark:bg-blue-950/20 rounded-lg border border-blue-200 dark:border-blue-800",
15066
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
15067
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.LockClosedIcon, { className: "h-4 w-4 text-blue-500 flex-shrink-0 mt-0.5" }),
15068
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15069
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Dados Criptografados" }),
15070
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "AES-256 em todos os dados sens\xEDveis" }),
15071
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 100, className: "h-1" }) })
15072
+ ] })
15073
+ ] })
15074
+ }
15075
+ ),
15076
+ /* @__PURE__ */ jsxRuntime.jsx(
15077
+ framerMotion.motion.div,
15078
+ {
15079
+ initial: { opacity: 0, x: -10 },
15080
+ animate: { opacity: 1, x: 0 },
15081
+ transition: { delay: 1.3 },
15082
+ className: "p-2 bg-yellow-50 dark:bg-yellow-950/20 rounded-lg border border-yellow-200 dark:border-yellow-800",
15083
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
15084
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-4 w-4 text-yellow-500 flex-shrink-0 mt-0.5" }),
15085
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15086
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Solicita\xE7\xF5es Pendentes" }),
15087
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "12 pedidos de exclus\xE3o em an\xE1lise" }),
15088
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 35, className: "h-1" }) })
15089
+ ] })
15090
+ ] })
15091
+ }
15092
+ )
15093
+ ] })
15094
+ ] })
15095
+ }
15096
+ ),
15097
+ /* @__PURE__ */ jsxRuntime.jsx(
15098
+ framerMotion.motion.div,
15099
+ {
15100
+ initial: { opacity: 0, y: 20 },
15101
+ animate: { opacity: 1, y: 0 },
15102
+ transition: { delay: 1.5 },
15103
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
15104
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
15105
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-4 w-4 text-blue-500" }),
15106
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "4 Agentes LGPD" })
15107
+ ] }),
15108
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: ["LGPD", "Privacy", "Audit", "Security"].map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
15109
+ framerMotion.motion.div,
15110
+ {
15111
+ initial: { opacity: 0, scale: 0.9 },
15112
+ animate: { opacity: 1, scale: 1 },
15113
+ transition: { delay: 1.7 + i * 0.1 },
15114
+ children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "w-full justify-center bg-blue-500/10 text-blue-600 dark:text-blue-400 text-xs", children: agent })
15115
+ },
15116
+ agent
15117
+ )) })
15118
+ ] })
15119
+ }
15120
+ )
15121
+ ] })
15122
+ ] })
15123
+ }
15124
+ );
15125
+ var MarketingDemo = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
15126
+ /* @__PURE__ */ jsxRuntime.jsxs(
15127
+ framerMotion.motion.div,
15128
+ {
15129
+ initial: { y: -20, opacity: 0 },
15130
+ animate: { y: 0, opacity: 1 },
15131
+ transition: { duration: 0.5, delay: 0.3 },
15132
+ className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
15133
+ children: [
15134
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
15135
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Campanha Black Friday" }),
15136
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-green-500/10 text-green-600 dark:text-green-400 font-medium", children: "4 agentes ativos" })
15137
+ ] }),
15138
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
15139
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
15140
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
15141
+ ] })
15142
+ ]
15143
+ }
15144
+ ),
15145
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: /* @__PURE__ */ jsxRuntime.jsx(
15146
+ framerMotion.motion.div,
15147
+ {
15148
+ initial: { opacity: 0, y: 20 },
15149
+ animate: { opacity: 1, y: 0 },
15150
+ transition: { delay: 0.5 },
15151
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
15152
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 border-b bg-gradient-to-r from-purple-600 to-indigo-600 text-white", children: [
15153
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 mb-2", children: [
15154
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShoppingCartIcon, { className: "h-4 w-4 mt-0.5" }),
15155
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15156
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold mb-1", children: "Black Friday 2024" }),
15157
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Campanha completa com 4 agentes especializados" })
15158
+ ] })
15159
+ ] }),
15160
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
15161
+ /* @__PURE__ */ jsxRuntime.jsx(
15162
+ Badge,
15163
+ {
15164
+ className: "bg-white/20 text-white border-white/30 text-xs h-5",
15165
+ children: "4 agentes"
15166
+ }
15167
+ ),
15168
+ /* @__PURE__ */ jsxRuntime.jsx(
15169
+ Badge,
15170
+ {
15171
+ className: "bg-white/20 text-white border-white/30 text-xs h-5",
15172
+ children: "Ativo"
15173
+ }
15174
+ )
15175
+ ] })
15176
+ ] }),
15177
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 grid grid-cols-2 gap-2", children: [
15178
+ /* @__PURE__ */ jsxRuntime.jsx(
15179
+ framerMotion.motion.div,
15180
+ {
15181
+ initial: { opacity: 0, scale: 0.9 },
15182
+ animate: { opacity: 1, scale: 1 },
15183
+ transition: { delay: 0.7 },
15184
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-2 bg-purple-50 dark:bg-purple-950/20 border-purple-200 dark:border-purple-800", children: [
15185
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
15186
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center text-white text-[10px] font-bold", children: "MA" }),
15187
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "Marketing" })
15188
+ ] }),
15189
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Estrat\xE9gia de descontos" }),
15190
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mt-1 h-4 text-[9px] bg-green-500", children: "Ativo" })
15191
+ ] })
15192
+ }
15193
+ ),
15194
+ /* @__PURE__ */ jsxRuntime.jsx(
15195
+ framerMotion.motion.div,
15196
+ {
15197
+ initial: { opacity: 0, scale: 0.9 },
15198
+ animate: { opacity: 1, scale: 1 },
15199
+ transition: { delay: 0.9 },
15200
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-2 bg-blue-50 dark:bg-blue-950/20 border-blue-200 dark:border-blue-800", children: [
15201
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
15202
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center text-white text-[10px] font-bold", children: "DA" }),
15203
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "Design" })
15204
+ ] }),
15205
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Gerando banners" }),
15206
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mt-1 h-4 text-[9px] bg-green-500", children: "Ativo" })
15207
+ ] })
15208
+ }
15209
+ ),
15210
+ /* @__PURE__ */ jsxRuntime.jsx(
15211
+ framerMotion.motion.div,
15212
+ {
15213
+ initial: { opacity: 0, scale: 0.9 },
15214
+ animate: { opacity: 1, scale: 1 },
15215
+ transition: { delay: 1.1 },
15216
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-2 bg-orange-50 dark:bg-orange-950/20 border-orange-200 dark:border-orange-800", children: [
15217
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
15218
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded bg-gradient-to-br from-orange-500 to-red-500 flex items-center justify-center text-white text-[10px] font-bold", children: "EA" }),
15219
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "E-commerce" })
15220
+ ] }),
15221
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground mb-1", children: "Automa\xE7\xF5es" }),
15222
+ /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: 65, className: "h-1" })
15223
+ ] })
15224
+ }
15225
+ ),
15226
+ /* @__PURE__ */ jsxRuntime.jsx(
15227
+ framerMotion.motion.div,
15228
+ {
15229
+ initial: { opacity: 0, scale: 0.9 },
15230
+ animate: { opacity: 1, scale: 1 },
15231
+ transition: { delay: 1.3 },
15232
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-2 bg-green-50 dark:bg-green-950/20 border-green-200 dark:border-green-800", children: [
15233
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
15234
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 rounded bg-gradient-to-br from-green-500 to-emerald-500 flex items-center justify-center text-white text-[10px] font-bold", children: "EM" }),
15235
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "Email" })
15236
+ ] }),
15237
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Sequ\xEAncia de emails" }),
15238
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "mt-1 h-4 text-[9px] bg-green-500", children: "Ativo" })
15239
+ ] })
15240
+ }
15241
+ )
15242
+ ] }),
15243
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 border-t", children: [
15244
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold mb-2", children: "Progresso" }),
15245
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
15246
+ /* @__PURE__ */ jsxRuntime.jsxs(
15247
+ framerMotion.motion.div,
15248
+ {
15249
+ initial: { opacity: 0, x: -10 },
15250
+ animate: { opacity: 1, x: 0 },
15251
+ transition: { delay: 1.5 },
15252
+ className: "flex items-center gap-2 text-xs",
15253
+ children: [
15254
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-3 w-3 text-green-500 flex-shrink-0" }),
15255
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "An\xE1lise de produtos" })
15256
+ ]
15257
+ }
15258
+ ),
15259
+ /* @__PURE__ */ jsxRuntime.jsxs(
15260
+ framerMotion.motion.div,
15261
+ {
15262
+ initial: { opacity: 0, x: -10 },
15263
+ animate: { opacity: 1, x: 0 },
15264
+ transition: { delay: 1.7 },
15265
+ className: "flex items-center gap-2 text-xs",
15266
+ children: [
15267
+ /* @__PURE__ */ jsxRuntime.jsx(
15268
+ framerMotion.motion.div,
15269
+ {
15270
+ animate: { rotate: 360 },
15271
+ transition: {
15272
+ duration: 1,
15273
+ repeat: Infinity,
15274
+ ease: "linear"
15275
+ },
15276
+ children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowPathIcon, { className: "h-3 w-3 text-blue-500" })
15277
+ }
15278
+ ),
15279
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "12 banners promocionais" })
15280
+ ]
15281
+ }
15282
+ ),
15283
+ /* @__PURE__ */ jsxRuntime.jsxs(
15284
+ framerMotion.motion.div,
15285
+ {
15286
+ initial: { opacity: 0, x: -10 },
15287
+ animate: { opacity: 1, x: 0 },
15288
+ transition: { delay: 1.9 },
15289
+ className: "flex items-center gap-2 text-xs",
15290
+ children: [
15291
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.EnvelopeIcon, { className: "h-3 w-3 text-muted-foreground flex-shrink-0" }),
15292
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "5 emails autom\xE1ticos" })
15293
+ ]
15294
+ }
15295
+ )
15296
+ ] })
15297
+ ] })
15298
+ ] })
15299
+ }
15300
+ ) })
15301
+ ] });
15302
+ var SalesDemo = () => /* @__PURE__ */ jsxRuntime.jsx(
15303
+ framerMotion.motion.div,
15304
+ {
15305
+ initial: { opacity: 0 },
15306
+ animate: { opacity: 1 },
15307
+ exit: { opacity: 0 },
15308
+ transition: { duration: 0.5 },
15309
+ className: "flex flex-col h-full overflow-hidden",
15310
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
15311
+ /* @__PURE__ */ jsxRuntime.jsxs(
15312
+ framerMotion.motion.div,
15313
+ {
15314
+ initial: { y: -20, opacity: 0 },
15315
+ animate: { y: 0, opacity: 1 },
15316
+ transition: { duration: 0.5, delay: 0.3 },
15317
+ className: "h-14 border-b bg-background/95 backdrop-blur-sm flex items-center justify-between px-4",
15318
+ children: [
15319
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
15320
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold", children: "Funil de Vendas - XPTO" }),
15321
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-1 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium", children: "4 agentes ativos" })
15322
+ ] }),
15323
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
15324
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-4 w-4 text-muted-foreground" }),
15325
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-4 w-4 text-muted-foreground" })
15326
+ ] })
15327
+ ]
15328
+ }
15329
+ ),
15330
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
15331
+ /* @__PURE__ */ jsxRuntime.jsx(
15332
+ framerMotion.motion.div,
15333
+ {
15334
+ initial: { opacity: 0, y: 20 },
15335
+ animate: { opacity: 1, y: 0 },
15336
+ transition: { delay: 0.5 },
15337
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "border-2", children: [
15338
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 border-b bg-gradient-to-r from-blue-600 to-indigo-600 text-white", children: [
15339
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 mb-2", children: [
15340
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-4 w-4 mt-0.5" }),
15341
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15342
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold mb-1", children: "Lead Qualificado: Empresa XPTO" }),
15343
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-90", children: "Pipeline de vendas com 4 agentes coordenados" })
15344
+ ] })
15345
+ ] }),
15346
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
15347
+ /* @__PURE__ */ jsxRuntime.jsx(
15348
+ Badge,
15349
+ {
15350
+ className: "bg-white/20 text-white border-white/30 text-xs h-5",
15351
+ children: "Score: 85/100"
15352
+ }
15353
+ ),
15354
+ /* @__PURE__ */ jsxRuntime.jsx(
15355
+ Badge,
15356
+ {
15357
+ className: "bg-white/20 text-white border-white/30 text-xs h-5",
15358
+ children: "Em Progresso"
15359
+ }
15360
+ )
15361
+ ] })
15362
+ ] }),
15363
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 space-y-2", children: [
15364
+ /* @__PURE__ */ jsxRuntime.jsxs(
15365
+ framerMotion.motion.div,
15366
+ {
15367
+ initial: { opacity: 0, x: -10 },
15368
+ animate: { opacity: 1, x: 0 },
15369
+ transition: { delay: 0.7 },
15370
+ className: "relative",
15371
+ children: [
15372
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-green-50 dark:bg-green-950/20 rounded-lg border border-green-200 dark:border-green-800", children: [
15373
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-green-500 to-emerald-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-4 w-4 text-white" }) }),
15374
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15375
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Lead" }),
15376
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Novo contato recebido" })
15377
+ ] }),
15378
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-green-500 text-white text-[9px] h-4", children: "Completo" })
15379
+ ] }),
15380
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-4 top-10 w-0.5 h-2 bg-gradient-to-b from-green-500 to-blue-500" })
15381
+ ]
15382
+ }
15383
+ ),
15384
+ /* @__PURE__ */ jsxRuntime.jsxs(
15385
+ framerMotion.motion.div,
15386
+ {
15387
+ initial: { opacity: 0, x: -10 },
15388
+ animate: { opacity: 1, x: 0 },
15389
+ transition: { delay: 0.9 },
15390
+ className: "relative",
15391
+ children: [
15392
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-blue-50 dark:bg-blue-950/20 rounded-lg border-2 border-blue-400 dark:border-blue-600", children: [
15393
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
15394
+ framerMotion.motion.div,
15395
+ {
15396
+ animate: { rotate: 360 },
15397
+ transition: {
15398
+ duration: 2,
15399
+ repeat: Infinity,
15400
+ ease: "linear"
15401
+ },
15402
+ children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowPathIcon, { className: "h-4 w-4 text-white" })
15403
+ }
15404
+ ) }),
15405
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15406
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Qualifica\xE7\xE3o" }),
15407
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Score: 85/100 - Alta prioridade" })
15408
+ ] }),
15409
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-blue-500 text-white text-[9px] h-4", children: "Em An\xE1lise" })
15410
+ ] }),
15411
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-4 top-10 w-0.5 h-2 bg-gradient-to-b from-blue-500 to-purple-500" })
15412
+ ]
15413
+ }
15414
+ ),
15415
+ /* @__PURE__ */ jsxRuntime.jsxs(
15416
+ framerMotion.motion.div,
15417
+ {
15418
+ initial: { opacity: 0, x: -10 },
15419
+ animate: { opacity: 1, x: 0 },
15420
+ transition: { delay: 1.1 },
15421
+ className: "relative",
15422
+ children: [
15423
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-purple-50 dark:bg-purple-950/20 rounded-lg border border-purple-200 dark:border-purple-800", children: [
15424
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.DocumentTextIcon, { className: "h-4 w-4 text-white" }) }),
15425
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15426
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Proposta" }),
15427
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "R$ 45k/m\xEAs - Em prepara\xE7\xE3o" })
15428
+ ] }),
15429
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-purple-500/20 text-purple-600 dark:text-purple-400 text-[9px] h-4", children: "Pendente" })
15430
+ ] }),
15431
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-4 top-10 w-0.5 h-2 bg-gradient-to-b from-purple-500 to-orange-500" })
15432
+ ]
15433
+ }
15434
+ ),
15435
+ /* @__PURE__ */ jsxRuntime.jsxs(
15436
+ framerMotion.motion.div,
15437
+ {
15438
+ initial: { opacity: 0, x: -10 },
15439
+ animate: { opacity: 1, x: 0 },
15440
+ transition: { delay: 1.3 },
15441
+ className: "relative",
15442
+ children: [
15443
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-orange-50 dark:bg-orange-950/20 rounded-lg border border-orange-200 dark:border-orange-800", children: [
15444
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-orange-500 to-red-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChatBubbleLeftIcon, { className: "h-4 w-4 text-white" }) }),
15445
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15446
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Negocia\xE7\xE3o" }),
15447
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Desconto 10% aprovado" })
15448
+ ] }),
15449
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-orange-500/20 text-orange-600 dark:text-orange-400 text-[9px] h-4", children: "Aguardando" })
15450
+ ] }),
15451
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-4 top-10 w-0.5 h-2 bg-gradient-to-b from-orange-500 to-green-600" })
15452
+ ]
15453
+ }
15454
+ ),
15455
+ /* @__PURE__ */ jsxRuntime.jsx(
15456
+ framerMotion.motion.div,
15457
+ {
15458
+ initial: { opacity: 0, x: -10 },
15459
+ animate: { opacity: 1, x: 0 },
15460
+ transition: { delay: 1.5 },
15461
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 bg-white/[0.04] dark:bg-white/[0.04] rounded-lg border border-white/10 dark:border-white/[0.08]", children: [
15462
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 rounded-full bg-gradient-to-br from-gray-400 to-gray-600 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.TrophyIcon, { className: "h-4 w-4 text-white" }) }),
15463
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15464
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold", children: "Fechamento" }),
15465
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground", children: "Aguardando assinatura" })
15466
+ ] }),
15467
+ /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-gray-500/20 text-gray-600 dark:text-gray-400 text-[9px] h-4", children: "Futuro" })
15468
+ ] })
15469
+ }
15470
+ )
15471
+ ] })
15472
+ ] })
15473
+ }
15474
+ ),
15475
+ /* @__PURE__ */ jsxRuntime.jsx(
15476
+ framerMotion.motion.div,
15477
+ {
15478
+ initial: { opacity: 0, y: 20 },
15479
+ animate: { opacity: 1, y: 0 },
15480
+ transition: { delay: 1.7 },
15481
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
15482
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
15483
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-4 w-4 text-blue-500" }),
15484
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "4 Agentes de Vendas" })
15485
+ ] }),
15486
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: ["Sales", "CRM", "Scoring", "Proposal"].map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
15487
+ framerMotion.motion.div,
15488
+ {
15489
+ initial: { opacity: 0, scale: 0.9 },
15490
+ animate: { opacity: 1, scale: 1 },
15491
+ transition: { delay: 1.9 + i * 0.1 },
15492
+ children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "w-full justify-center bg-blue-500/10 text-blue-600 dark:text-blue-400 text-xs", children: agent })
15493
+ },
15494
+ agent
15495
+ )) })
15496
+ ] })
15497
+ }
15498
+ ),
15499
+ /* @__PURE__ */ jsxRuntime.jsx(
15500
+ framerMotion.motion.div,
15501
+ {
15502
+ initial: { opacity: 0, y: 20 },
15503
+ animate: { opacity: 1, y: 0 },
15504
+ transition: { delay: 2.1 },
15505
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-3", children: [
15506
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold mb-2", children: "M\xE9tricas do Funil" }),
15507
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
15508
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
15509
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Taxa de Convers\xE3o" }),
15510
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-green-600 dark:text-green-400", children: "68%" })
15511
+ ] }),
15512
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
15513
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Valor M\xE9dio" }),
15514
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold", children: "R$ 45k/m\xEAs" })
15515
+ ] }),
15516
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
15517
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Tempo M\xE9dio" }),
15518
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold", children: "14 dias" })
15519
+ ] })
15520
+ ] })
15521
+ ] })
15522
+ }
15523
+ )
15524
+ ] })
15525
+ ] })
15526
+ }
15527
+ );
15528
+ var InputStage = ({
15529
+ inputText,
15530
+ currentDepartmentTitle: _currentDepartmentTitle
15531
+ }) => /* @__PURE__ */ jsxRuntime.jsxs(
15532
+ framerMotion.motion.div,
15533
+ {
15534
+ initial: { opacity: 0, y: 20 },
15535
+ animate: { opacity: 1, y: 0 },
15536
+ exit: { opacity: 0, y: -20 },
15537
+ className: "flex-1 flex flex-col",
15538
+ children: [
15539
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-md", children: [
15540
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-gradient-to-br from-purple-500 to-blue-500 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "w-8 h-8 text-white" }) }),
15541
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-2", children: "Orquestrador de IA" }),
15542
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: "Descreva o que precisa e veja os agentes colaborarem para executar" })
15543
+ ] }) }),
15544
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-white/10 dark:border-white/[0.08] p-4 bg-white/5 dark:bg-white/[0.03]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-4xl mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 bg-white/[0.02] dark:bg-white/[0.02] rounded-2xl border border-white/10 dark:border-white/[0.08] p-4 shadow-sm hover:shadow-md transition-shadow", children: [
15545
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-[44px] flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-gray-900 dark:text-white text-[15px]", children: [
15546
+ inputText,
15547
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse ml-0.5", children: "|" })
15548
+ ] }) }),
15549
+ /* @__PURE__ */ jsxRuntime.jsx("button", { className: "flex-shrink-0 w-9 h-9 rounded-lg bg-gradient-to-br from-purple-500 to-blue-500 hover:from-purple-600 hover:to-blue-600 flex items-center justify-center transition-all shadow-sm hover:shadow-md", "aria-label": "Send message", children: /* @__PURE__ */ jsxRuntime.jsx(
15550
+ "svg",
15551
+ {
15552
+ width: "20",
15553
+ height: "20",
15554
+ viewBox: "0 0 24 24",
15555
+ fill: "none",
15556
+ stroke: "currentColor",
15557
+ className: "text-white",
15558
+ children: /* @__PURE__ */ jsxRuntime.jsx(
15559
+ "path",
15560
+ {
15561
+ strokeLinecap: "round",
15562
+ strokeLinejoin: "round",
15563
+ strokeWidth: 2,
15564
+ d: "M5 12h14M12 5l7 7-7 7"
15565
+ }
15566
+ )
15567
+ }
15568
+ ) })
15569
+ ] }) }) }) })
15570
+ ]
15571
+ },
15572
+ "input"
15573
+ );
15574
+ var AIAgentsSidebar = () => {
15575
+ const [activeAgents] = React12.useState([
15576
+ {
15577
+ id: "1",
15578
+ name: "AI Orchestrator",
15579
+ role: "Task Coordination",
15580
+ status: "active",
15581
+ avatar: "\u{1F916}",
15582
+ skills: ["routing", "coordination"]
15583
+ },
15584
+ {
15585
+ id: "2",
15586
+ name: "Data Specialist",
15587
+ role: "Analytics & BI",
15588
+ status: "busy",
15589
+ avatar: "\u{1F4CA}",
15590
+ skills: ["analytics", "visualization"],
15591
+ workload: 45
15592
+ },
15593
+ {
15594
+ id: "3",
15595
+ name: "Content Creator",
15596
+ role: "Creative Solutions",
15597
+ status: "idle",
15598
+ avatar: "\u270D\uFE0F",
15599
+ skills: ["writing", "creativity"]
15600
+ }
15601
+ ]);
15602
+ return /* @__PURE__ */ jsxRuntime.jsxs(
15603
+ framerMotion.motion.div,
15604
+ {
15605
+ initial: { x: -20, opacity: 0 },
15606
+ animate: { x: 0, opacity: 1 },
15607
+ transition: { duration: 0.5 },
15608
+ className: "w-80 bg-white/5 dark:bg-white/[0.03] border-r border-white/10 dark:border-white/[0.06] flex flex-col",
15609
+ children: [
15610
+ activeAgents[0] && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 bg-gradient-to-br from-purple-500 to-blue-500 text-white", children: [
15611
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
15612
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-5 w-5" }),
15613
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-sm", children: "Current Agent" })
15614
+ ] }),
15615
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mt-3", children: [
15616
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-xl bg-white/20 flex items-center justify-center text-2xl", children: activeAgents[0].avatar }),
15617
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15618
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-bold", children: activeAgents[0].name }),
15619
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/80", children: activeAgents[0].role })
15620
+ ] }),
15621
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1 bg-green-500/30 rounded-full text-xs", children: "Active" })
15622
+ ] }),
15623
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 mt-3 flex-wrap", children: activeAgents[0].skills.map((skill) => /* @__PURE__ */ jsxRuntime.jsx(
15624
+ "span",
15625
+ {
15626
+ className: "px-2 py-0.5 bg-white/20 rounded-md text-xs",
15627
+ children: skill
15628
+ },
15629
+ skill
15630
+ )) })
15631
+ ] }),
15632
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 p-4 overflow-y-auto", children: [
15633
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
15634
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5 text-gray-600 dark:text-gray-400" }),
15635
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-sm", children: "Agent Team" })
15636
+ ] }),
15637
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: activeAgents.slice(1).map((agent) => /* @__PURE__ */ jsxRuntime.jsxs(
15638
+ "div",
15639
+ {
15640
+ className: "flex items-center gap-2 p-2 rounded-lg bg-white/5 dark:bg-white/5",
15641
+ children: [
15642
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-gray-100 to-gray-200 dark:from-zinc-700 dark:to-zinc-600 flex items-center justify-center text-lg", children: agent.avatar }),
15643
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
15644
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
15645
+ /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold truncate", children: agent.name }),
15646
+ /* @__PURE__ */ jsxRuntime.jsx(
15647
+ "span",
15648
+ {
15649
+ className: `px-1.5 py-0.5 rounded-full text-xs ${agent.status === "active" ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : agent.status === "busy" ? "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400" : "bg-white/10 text-gray-600 dark:bg-white/5 dark:text-gray-400"}`,
15650
+ children: agent.status
15651
+ }
15652
+ )
15653
+ ] }),
15654
+ agent.workload && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1 bg-white/10 dark:bg-white/[0.08] rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(
15655
+ "div",
15656
+ {
15657
+ className: "h-full bg-yellow-500 rounded-full",
15658
+ style: { width: `${agent.workload}%` }
15659
+ }
15660
+ ) }) })
15661
+ ] })
15662
+ ]
15663
+ },
15664
+ agent.id
15665
+ )) })
15666
+ ] })
15667
+ ]
15668
+ }
15669
+ );
15670
+ };
15671
+ var OrchestratorStage = ({
15672
+ currentDepartment,
15673
+ renderDepartmentDemo
15674
+ }) => /* @__PURE__ */ jsxRuntime.jsxs(
15675
+ framerMotion.motion.div,
15676
+ {
15677
+ initial: { opacity: 0 },
15678
+ animate: { opacity: 1 },
15679
+ exit: { opacity: 0 },
15680
+ className: "flex-1 flex flex-col w-full",
15681
+ children: [
15682
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-gradient-to-r from-purple-600 to-blue-600 p-4 flex items-center justify-between", children: [
15683
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
15684
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "w-5 h-5 text-white" }),
15685
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
15686
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-white font-semibold", children: "AI Agent Ecosystem" }),
15687
+ /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-white/80 text-xs", children: [
15688
+ currentDepartment.title,
15689
+ " \u2022 2 messages \u2022 _Context: 24,001"
15690
+ ] })
15691
+ ] })
15692
+ ] }),
15693
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
15694
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 bg-white/20 text-white text-xs rounded", children: "2 agents active" }),
15695
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 bg-white/20 text-white text-xs rounded", children: "Task: 25%" })
15696
+ ] })
15697
+ ] }),
15698
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex overflow-hidden", children: [
15699
+ /* @__PURE__ */ jsxRuntime.jsx(AIAgentsSidebar, {}),
15700
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col bg-white/[0.02] dark:bg-white/[0.02]", children: [
15701
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-6 space-y-4", children: [
15702
+ /* @__PURE__ */ jsxRuntime.jsxs(
15703
+ framerMotion.motion.div,
15704
+ {
15705
+ initial: { opacity: 0, y: 10 },
15706
+ animate: { opacity: 1, y: 0 },
15707
+ transition: { delay: 0.2 },
15708
+ className: "flex gap-3",
15709
+ children: [
15710
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-purple-500 to-blue-500 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm font-bold", children: "AI" }) }),
15711
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15712
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
15713
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-gray-900 dark:text-white", children: "Orquestrador de IA" }),
15714
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500", children: (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", {
15715
+ hour: "2-digit",
15716
+ minute: "2-digit"
15717
+ }) })
15718
+ ] }),
15719
+ /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-700 dark:text-gray-300 mb-3", children: [
15720
+ "Analisando sua solicita\xE7\xE3o para ",
15721
+ currentDepartment.title,
15722
+ ". Coordenando agentes especializados..."
15723
+ ] })
15724
+ ] })
15725
+ ]
15726
+ }
15727
+ ),
15728
+ /* @__PURE__ */ jsxRuntime.jsxs(
15729
+ framerMotion.motion.div,
15730
+ {
15731
+ initial: { opacity: 0, y: 10 },
15732
+ animate: { opacity: 1, y: 0 },
15733
+ transition: { delay: 0.5 },
15734
+ className: "flex gap-3",
15735
+ children: [
15736
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-10 h-10 rounded-full bg-gradient-to-br from-purple-500 to-blue-500 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white text-sm font-bold", children: "AI" }) }),
15737
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
15738
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
15739
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-gray-900 dark:text-white", children: "Orquestrador de IA" }),
15740
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500", children: (/* @__PURE__ */ new Date()).toLocaleTimeString("pt-BR", {
15741
+ hour: "2-digit",
15742
+ minute: "2-digit"
15743
+ }) })
15744
+ ] }),
15745
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300 mb-4", children: "Aqui est\xE3o as capacidades dispon\xEDveis. Selecione uma \xE1rea para ver os agentes em a\xE7\xE3o:" }),
15746
+ /* @__PURE__ */ jsxRuntime.jsx(
15747
+ framerMotion.motion.div,
15748
+ {
15749
+ initial: { opacity: 0, scale: 0.95 },
15750
+ animate: { opacity: 1, scale: 1 },
15751
+ transition: { delay: 0.8 },
15752
+ children: renderDepartmentDemo()
15753
+ }
15754
+ )
15755
+ ] })
15756
+ ]
15757
+ }
15758
+ )
15759
+ ] }),
15760
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-white/10 dark:border-white/[0.08] p-4 bg-white/5 dark:bg-white/[0.03]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 bg-white/[0.02] dark:bg-white/[0.02] rounded-xl border border-white/10 dark:border-white/[0.08] p-3 hover:shadow-sm transition-shadow", children: [
15761
+ /* @__PURE__ */ jsxRuntime.jsx(
15762
+ "input",
15763
+ {
15764
+ type: "text",
15765
+ placeholder: "Ask follow-up questions or provide more context...",
15766
+ className: "flex-1 bg-transparent border-none outline-none text-sm text-gray-900 dark:text-white placeholder-gray-500",
15767
+ "aria-label": "Follow-up message"
15768
+ }
15769
+ ),
15770
+ /* @__PURE__ */ jsxRuntime.jsx("button", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-gradient-to-br from-purple-500 to-blue-500 hover:from-purple-600 hover:to-blue-600 flex items-center justify-center transition-all", "aria-label": "Send message", children: /* @__PURE__ */ jsxRuntime.jsx(
15771
+ "svg",
15772
+ {
15773
+ width: "16",
15774
+ height: "16",
15775
+ viewBox: "0 0 24 24",
15776
+ fill: "none",
15777
+ stroke: "currentColor",
15778
+ className: "text-white",
15779
+ children: /* @__PURE__ */ jsxRuntime.jsx(
15780
+ "path",
15781
+ {
15782
+ strokeLinecap: "round",
15783
+ strokeLinejoin: "round",
15784
+ strokeWidth: 2,
15785
+ d: "M5 12h14M12 5l7 7-7 7"
15786
+ }
15787
+ )
15788
+ }
15789
+ ) })
15790
+ ] }) })
15791
+ ] })
15792
+ ] })
15793
+ ]
15794
+ },
15795
+ "orchestrator"
15796
+ );
15797
+ var ProcessingStage = ({
15798
+ currentDemo
15799
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
15800
+ framerMotion.motion.div,
15801
+ {
15802
+ initial: { opacity: 0, scale: 0.95 },
15803
+ animate: { opacity: 1, scale: 1 },
15804
+ exit: { opacity: 0, scale: 0.95 },
15805
+ className: "flex-1 flex items-center justify-center p-8",
15806
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
15807
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center justify-center w-20 h-20 rounded-full bg-gradient-to-br from-purple-500 to-blue-500 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "w-10 h-10 text-white animate-pulse" }) }),
15808
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold text-gray-900 dark:text-white mb-2", children: "Coordenando agentes..." }),
15809
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 dark:text-gray-400 mb-6", children: currentDemo.processingText }),
15810
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 justify-center flex-wrap", children: currentDemo.agents.map((agent, idx) => /* @__PURE__ */ jsxRuntime.jsx(
15811
+ framerMotion.motion.div,
15812
+ {
15813
+ initial: { opacity: 0, scale: 0 },
15814
+ animate: { opacity: 1, scale: 1 },
15815
+ transition: { delay: idx * 0.2 },
15816
+ className: "px-3 py-1 bg-purple-100 dark:bg-purple-900/30 rounded-full text-sm text-purple-700 dark:text-purple-300",
15817
+ children: agent
15818
+ },
15819
+ agent
15820
+ )) })
15821
+ ] })
15822
+ },
15823
+ "processing"
15824
+ );
15825
+ var departments = [
15826
+ {
15827
+ id: "sales",
15828
+ title: "Vendas & E-commerce",
15829
+ description: "WhatsApp Business automatizado, gest\xE3o de produtos e processamento inteligente de pedidos",
15830
+ icon: HeroIcons.ShoppingCartIcon,
15831
+ color: "blue",
15832
+ demoId: 6
15833
+ },
15834
+ {
15835
+ id: "hr",
15836
+ title: "Recursos Humanos",
15837
+ description: "Recrutamento inteligente, gest\xE3o de performance e compliance trabalhista brasileiro",
15838
+ icon: HeroIcons.UsersIcon,
15839
+ color: "green",
15840
+ demoId: 3
15841
+ },
15842
+ {
15843
+ id: "finance",
15844
+ title: "Financeiro",
15845
+ description: "Controle financeiro inteligente com an\xE1lise preditiva e compliance fiscal brasileiro",
15846
+ icon: HeroIcons.BanknotesIcon,
15847
+ color: "purple",
15848
+ demoId: 4
15849
+ },
15850
+ {
15851
+ id: "marketing",
15852
+ title: "Marketing",
15853
+ description: "Campanhas automatizadas, segmenta\xE7\xE3o inteligente e an\xE1lise de ROI em tempo real",
15854
+ icon: HeroIcons.MegaphoneIcon,
15855
+ color: "orange",
15856
+ demoId: 0
15857
+ },
15858
+ {
15859
+ id: "operations",
15860
+ title: "Opera\xE7\xF5es",
15861
+ description: "Gest\xE3o de ativos, manuten\xE7\xE3o preditiva e otimiza\xE7\xE3o de processos operacionais",
15862
+ icon: HeroIcons.CogIcon,
15863
+ color: "teal",
15864
+ demoId: 2
15865
+ },
15866
+ {
15867
+ id: "analytics",
15868
+ title: "Analytics Executivo",
15869
+ description: "Dashboards executivos, KPIs unificados e insights preditivos para tomada de decis\xE3o",
15870
+ icon: HeroIcons.ChartBarIcon,
15871
+ color: "indigo",
15872
+ demoId: 1
15873
+ },
15874
+ {
15875
+ id: "compliance",
15876
+ title: "Compliance LGPD",
15877
+ description: "Prote\xE7\xE3o completa de dados, auditoria autom\xE1tica e conformidade total com LGPD",
15878
+ icon: HeroIcons.DocumentTextIcon,
15879
+ color: "red",
15880
+ demoId: 5
15881
+ }
15882
+ ];
15883
+ var demos = [
15884
+ {
15885
+ id: 0,
15886
+ name: "Marketing Campaign",
15887
+ prompt: "Criar campanha de Black Friday para e-commerce",
15888
+ agents: ["Marketing", "Design", "E-commerce", "Email"],
15889
+ processingText: "Ativando equipe especializada para sua campanha"
15890
+ },
15891
+ {
15892
+ id: 1,
15893
+ name: "Customer Analytics",
15894
+ prompt: "Analisar comportamento dos clientes e identificar oportunidades",
15895
+ agents: ["Analytics", "CRM", "Insights", "Reports"],
15896
+ processingText: "Analisando dados e gerando insights"
15897
+ },
15898
+ {
15899
+ id: 2,
15900
+ name: "Inventory Management",
15901
+ prompt: "Verificar estoque e sugerir reposi\xE7\xF5es autom\xE1ticas",
15902
+ agents: ["Inventory", "Supply", "Forecast", "Logistics"],
15903
+ processingText: "Verificando estoque e planejando reposi\xE7\xE3o"
15904
+ },
15905
+ {
15906
+ id: 3,
15907
+ name: "HR Recruitment",
15908
+ prompt: "Processar candidaturas para vaga de Desenvolvedor Senior",
15909
+ agents: ["HR", "Recruiter", "Skills", "Interview"],
15910
+ processingText: "Processando candidaturas e avaliando perfis"
15911
+ },
15912
+ {
15913
+ id: 4,
15914
+ name: "Financial Planning",
15915
+ prompt: "Gerar relat\xF3rio financeiro e calcular impostos do trimestre",
15916
+ agents: ["Finance", "Tax", "Reports", "Compliance"],
15917
+ processingText: "Calculando impostos e gerando relat\xF3rios"
15918
+ },
15919
+ {
15920
+ id: 5,
15921
+ name: "LGPD Compliance",
15922
+ prompt: "Auditar dados pessoais e verificar conformidade LGPD",
15923
+ agents: ["LGPD", "Privacy", "Audit", "Security"],
15924
+ processingText: "Auditando dados e verificando conformidade"
15925
+ },
15926
+ {
15927
+ id: 6,
15928
+ name: "Sales Demo",
15929
+ prompt: "Qualificar lead empresa XPTO para proposta comercial",
15930
+ agents: ["Sales", "CRM", "Scoring", "Proposal"],
15931
+ processingText: "Qualificando lead e preparando proposta"
15932
+ }
15933
+ ];
15934
+ var AIOrchestratorDemo = ({
15935
+ className,
15936
+ selectedDepartmentIndex = 0
15937
+ }) => {
15938
+ const currentDepartmentIndex = selectedDepartmentIndex;
15939
+ const [stage, setStage] = React12.useState(
15940
+ "input"
15941
+ );
15942
+ const [inputText, setInputText] = React12.useState("");
15943
+ const currentDepartment = departments[currentDepartmentIndex];
15944
+ const currentDemo = currentDepartment ? demos[currentDepartment.demoId] : null;
15945
+ React12.useEffect(() => {
15946
+ if (stage === "input" && currentDemo) {
15947
+ setInputText("");
15948
+ let index = 0;
15949
+ const currentPrompt = currentDemo.prompt;
15950
+ const typingInterval = setInterval(() => {
15951
+ if (index <= currentPrompt.length) {
15952
+ setInputText(currentPrompt.slice(0, index));
15953
+ index++;
15954
+ } else {
15955
+ clearInterval(typingInterval);
15956
+ setTimeout(() => setStage("processing"), 500);
15957
+ }
15958
+ }, 50);
15959
+ return () => clearInterval(typingInterval);
15960
+ }
15961
+ return void 0;
15962
+ }, [stage, currentDemo]);
15963
+ React12.useEffect(() => {
15964
+ if (stage === "processing") {
15965
+ const timer = setTimeout(() => setStage("orchestrator"), 2e3);
15966
+ return () => clearTimeout(timer);
15967
+ }
15968
+ return void 0;
15969
+ }, [stage]);
15970
+ React12.useEffect(() => {
15971
+ setStage("input");
15972
+ setInputText("");
15973
+ }, [selectedDepartmentIndex]);
15974
+ const renderDepartmentDemo = () => {
15975
+ if (!currentDepartment) return /* @__PURE__ */ jsxRuntime.jsx(SalesDemo, {});
15976
+ switch (currentDepartment.demoId) {
15977
+ case 0:
15978
+ return /* @__PURE__ */ jsxRuntime.jsx(MarketingDemo, {});
15979
+ case 1:
15980
+ return /* @__PURE__ */ jsxRuntime.jsx(CustomerAnalyticsDemo, {});
15981
+ case 2:
15982
+ return /* @__PURE__ */ jsxRuntime.jsx(InventoryDemo, {});
15983
+ case 3:
15984
+ return /* @__PURE__ */ jsxRuntime.jsx(HRRecruitmentDemo, {});
15985
+ case 4:
15986
+ return /* @__PURE__ */ jsxRuntime.jsx(FinancialDemo, {});
15987
+ case 5:
15988
+ return /* @__PURE__ */ jsxRuntime.jsx(LGPDComplianceDemo, {});
15989
+ case 6:
15990
+ return /* @__PURE__ */ jsxRuntime.jsx(SalesDemo, {});
15991
+ default:
15992
+ return /* @__PURE__ */ jsxRuntime.jsx(SalesDemo, {});
15993
+ }
15994
+ };
15995
+ return /* @__PURE__ */ jsxRuntime.jsxs(
15996
+ "section",
15997
+ {
15998
+ className: `min-h-[700px] flex flex-col bg-white/[0.02] dark:bg-white/[0.02] rounded-xl border border-white/10 dark:border-white/[0.06] overflow-hidden ${className || ""}`,
15999
+ children: [
16000
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-12 bg-white/5 dark:bg-white/[0.03] border-b border-white/10 dark:border-white/[0.06] flex items-center justify-between px-4", children: [
16001
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
16002
+ /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base font-bold text-blue-600", children: "Kori ERP" }),
16003
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-64", children: [
16004
+ /* @__PURE__ */ jsxRuntime.jsx(
16005
+ "input",
16006
+ {
16007
+ type: "text",
16008
+ placeholder: "Buscar agentes, tarefas...",
16009
+ className: "w-full pl-8 pr-3 py-1.5 bg-white/[0.02] dark:bg-white/[0.02] border border-white/10 dark:border-white/[0.08] rounded-lg text-xs focus:outline-none focus:ring-1 focus:ring-blue-500",
16010
+ "aria-label": "Search agents and tasks"
16011
+ }
16012
+ ),
16013
+ /* @__PURE__ */ jsxRuntime.jsx(
16014
+ "svg",
16015
+ {
16016
+ className: "absolute left-2.5 top-2 w-3 h-3 text-gray-400",
16017
+ fill: "none",
16018
+ stroke: "currentColor",
16019
+ viewBox: "0 0 24 24",
16020
+ children: /* @__PURE__ */ jsxRuntime.jsx(
16021
+ "path",
16022
+ {
16023
+ strokeLinecap: "round",
16024
+ strokeLinejoin: "round",
16025
+ strokeWidth: 2,
16026
+ d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
16027
+ }
16028
+ )
16029
+ }
16030
+ )
16031
+ ] })
16032
+ ] }),
16033
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
16034
+ /* @__PURE__ */ jsxRuntime.jsx("button", { className: "p-1.5 hover:bg-white/10 dark:hover:bg-white/5 rounded-lg", "aria-label": "Help", children: /* @__PURE__ */ jsxRuntime.jsx(
16035
+ "svg",
16036
+ {
16037
+ className: "w-4 h-4 text-gray-600 dark:text-gray-400",
16038
+ fill: "none",
16039
+ stroke: "currentColor",
16040
+ viewBox: "0 0 24 24",
16041
+ children: /* @__PURE__ */ jsxRuntime.jsx(
16042
+ "path",
16043
+ {
16044
+ strokeLinecap: "round",
16045
+ strokeLinejoin: "round",
16046
+ strokeWidth: 2,
16047
+ d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
16048
+ }
16049
+ )
16050
+ }
16051
+ ) }),
16052
+ /* @__PURE__ */ jsxRuntime.jsx("button", { className: "p-1.5 hover:bg-white/10 dark:hover:bg-white/5 rounded-lg", "aria-label": "Toggle dark mode", children: /* @__PURE__ */ jsxRuntime.jsx(
16053
+ "svg",
16054
+ {
16055
+ className: "w-4 h-4 text-gray-600 dark:text-gray-400",
16056
+ fill: "none",
16057
+ stroke: "currentColor",
16058
+ viewBox: "0 0 24 24",
16059
+ children: /* @__PURE__ */ jsxRuntime.jsx(
16060
+ "path",
16061
+ {
16062
+ strokeLinecap: "round",
16063
+ strokeLinejoin: "round",
16064
+ strokeWidth: 2,
16065
+ d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
16066
+ }
16067
+ )
16068
+ }
16069
+ ) }),
16070
+ /* @__PURE__ */ jsxRuntime.jsx("button", { className: "p-1.5 hover:bg-white/10 dark:hover:bg-white/5 rounded-lg", "aria-label": "Notifications", children: /* @__PURE__ */ jsxRuntime.jsx(
16071
+ "svg",
16072
+ {
16073
+ className: "w-4 h-4 text-gray-600 dark:text-gray-400",
16074
+ fill: "none",
16075
+ stroke: "currentColor",
16076
+ viewBox: "0 0 24 24",
16077
+ children: /* @__PURE__ */ jsxRuntime.jsx(
16078
+ "path",
16079
+ {
16080
+ strokeLinecap: "round",
16081
+ strokeLinejoin: "round",
16082
+ strokeWidth: 2,
16083
+ d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
16084
+ }
16085
+ )
16086
+ }
16087
+ ) }),
16088
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-7 h-7 rounded-full bg-purple-600 flex items-center justify-center text-white font-semibold text-xs", children: "N" })
16089
+ ] })
16090
+ ] }),
16091
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex overflow-hidden", children: [
16092
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 bg-white/5 dark:bg-white/[0.03] border-r border-white/10 dark:border-white/[0.06] flex flex-col items-center py-3 gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "w-8 h-8 flex items-center justify-center text-gray-600 dark:text-gray-400 hover:bg-white/10 dark:hover:bg-white/5 rounded-lg transition-colors", "aria-label": "Home", children: /* @__PURE__ */ jsxRuntime.jsx(
16093
+ "svg",
16094
+ {
16095
+ className: "w-4 h-4",
16096
+ fill: "none",
16097
+ stroke: "currentColor",
16098
+ viewBox: "0 0 24 24",
16099
+ children: /* @__PURE__ */ jsxRuntime.jsx(
16100
+ "path",
16101
+ {
16102
+ strokeLinecap: "round",
16103
+ strokeLinejoin: "round",
16104
+ strokeWidth: 2,
16105
+ d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
16106
+ }
16107
+ )
16108
+ }
16109
+ ) }) }),
16110
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden flex", children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { mode: "wait", children: [
16111
+ stage === "input" && currentDepartment && /* @__PURE__ */ jsxRuntime.jsx(
16112
+ InputStage,
16113
+ {
16114
+ inputText,
16115
+ currentDepartmentTitle: currentDepartment.title
16116
+ }
16117
+ ),
16118
+ stage === "processing" && currentDemo && /* @__PURE__ */ jsxRuntime.jsx(ProcessingStage, { currentDemo }),
16119
+ stage === "orchestrator" && currentDepartment && /* @__PURE__ */ jsxRuntime.jsx(
16120
+ OrchestratorStage,
16121
+ {
16122
+ currentDepartment,
16123
+ renderDepartmentDemo
16124
+ }
16125
+ )
16126
+ ] }) })
16127
+ ] })
16128
+ ]
16129
+ }
16130
+ );
16131
+ };
16132
+ var DashboardDemoLayout = ({
16133
+ children
16134
+ }) => {
16135
+ return /* @__PURE__ */ jsxRuntime.jsxs(
16136
+ framerMotion.motion.div,
16137
+ {
16138
+ initial: { opacity: 0 },
16139
+ animate: { opacity: 1 },
16140
+ exit: { opacity: 0 },
16141
+ transition: { duration: 0.5 },
16142
+ className: "flex h-full",
16143
+ children: [
16144
+ /* @__PURE__ */ jsxRuntime.jsx(DashboardSidebar, {}),
16145
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden", children })
16146
+ ]
16147
+ }
16148
+ );
16149
+ };
16150
+ var DashboardSidebar = () => /* @__PURE__ */ jsxRuntime.jsxs(
16151
+ framerMotion.motion.div,
16152
+ {
16153
+ initial: { x: -20, opacity: 0 },
16154
+ animate: { x: 0, opacity: 1 },
16155
+ transition: { duration: 0.5, delay: 0.2 },
16156
+ className: "w-16 bg-muted/50 border-r flex flex-col items-center py-4 gap-4",
16157
+ children: [
16158
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CpuChipIcon, { className: "h-5 w-5 text-white" }) }),
16159
+ /* @__PURE__ */ jsxRuntime.jsxs(
16160
+ framerMotion.motion.div,
16161
+ {
16162
+ initial: { opacity: 0 },
16163
+ animate: { opacity: 1 },
16164
+ transition: { delay: 0.5 },
16165
+ className: "flex flex-col gap-2 flex-1",
16166
+ children: [
16167
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg bg-primary/10 flex items-center justify-center text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.HomeIcon, { className: "h-5 w-5" }) }),
16168
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg hover:bg-muted flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ShoppingCartIcon, { className: "h-5 w-5" }) }),
16169
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg hover:bg-muted flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UsersIcon, { className: "h-5 w-5" }) }),
16170
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg hover:bg-muted flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ArrowTrendingUpIcon, { className: "h-5 w-5" }) }),
16171
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-lg hover:bg-muted flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.Cog6ToothIcon, { className: "h-5 w-5" }) })
16172
+ ]
16173
+ }
16174
+ ),
16175
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded-full bg-gradient-to-br from-gray-400 to-gray-600 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UserIcon, { className: "h-5 w-5 text-white" }) })
16176
+ ]
16177
+ }
16178
+ );
16179
+ var DashboardStage = ({
16180
+ demos: demos2,
16181
+ currentDemo,
16182
+ onDemoSelect
16183
+ }) => /* @__PURE__ */ jsxRuntime.jsxs(
16184
+ framerMotion.motion.div,
16185
+ {
16186
+ initial: { opacity: 0, scale: 0.95 },
16187
+ animate: { opacity: 1, scale: 1 },
16188
+ exit: { opacity: 0, scale: 0.95 },
16189
+ className: "w-full max-w-4xl",
16190
+ children: [
16191
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-8 left-1/2 transform -translate-x-1/2 flex gap-2 z-50", children: demos2.map((demo) => /* @__PURE__ */ jsxRuntime.jsx(
16192
+ "button",
16193
+ {
16194
+ onClick: () => onDemoSelect(demo.id),
16195
+ className: `h-2 rounded-full transition-all duration-300 ${currentDemo === demo.id ? "w-8 bg-primary" : "w-2 bg-muted-foreground/30"}`,
16196
+ "aria-label": `Go to ${demo.name}`
16197
+ },
16198
+ demo.id
16199
+ )) }),
16200
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-[700px] rounded-xl border-2 shadow-2xl bg-background overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: demos2[currentDemo]?.component }) })
16201
+ ]
16202
+ }
16203
+ );
16204
+ var InputStage2 = ({
16205
+ inputText,
16206
+ demoName: _demoName
16207
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
16208
+ framerMotion.motion.div,
16209
+ {
16210
+ initial: { opacity: 0, scale: 0.95 },
16211
+ animate: { opacity: 1, scale: 1 },
16212
+ exit: { opacity: 0, scale: 0.95 },
16213
+ className: "w-full max-w-2xl",
16214
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-background rounded-2xl shadow-2xl border-2 p-8", children: [
16215
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mb-6", children: [
16216
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-6 w-6 text-white" }) }),
16217
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
16218
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold", children: "Kori AI Assistant" }),
16219
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Como posso ajudar hoje?" })
16220
+ ] })
16221
+ ] }),
16222
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
16223
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[120px] p-4 rounded-lg border-2 border-primary/20 bg-muted/20", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-medium", children: [
16224
+ inputText,
16225
+ /* @__PURE__ */ jsxRuntime.jsx(
16226
+ framerMotion.motion.span,
16227
+ {
16228
+ animate: { opacity: [1, 0, 1] },
16229
+ transition: { duration: 0.8, repeat: Infinity },
16230
+ className: "inline-block w-0.5 h-6 bg-primary ml-1"
16231
+ }
16232
+ )
16233
+ ] }) }),
16234
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center justify-between text-sm text-muted-foreground", children: [
16235
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Processando com IA..." }),
16236
+ /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "text-xs border border-border", children: [
16237
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-3 w-3 mr-1" }),
16238
+ "Multi-Agent"
16239
+ ] })
16240
+ ] })
16241
+ ] })
16242
+ ] })
16243
+ }
16244
+ );
16245
+ var ProcessingStage2 = ({
16246
+ processingText,
16247
+ agents
16248
+ }) => /* @__PURE__ */ jsxRuntime.jsx(
16249
+ framerMotion.motion.div,
16250
+ {
16251
+ initial: { opacity: 0, scale: 0.95 },
16252
+ animate: { opacity: 1, scale: 1 },
16253
+ exit: { opacity: 0, scale: 0.95 },
16254
+ className: "w-full max-w-2xl",
16255
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-background rounded-2xl shadow-2xl border-2 p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-6", children: [
16256
+ /* @__PURE__ */ jsxRuntime.jsx(
16257
+ framerMotion.motion.div,
16258
+ {
16259
+ animate: { rotate: 360 },
16260
+ transition: { duration: 2, repeat: Infinity, ease: "linear" },
16261
+ className: "inline-flex h-16 w-16 rounded-full bg-gradient-to-br from-purple-600 to-indigo-600 items-center justify-center",
16262
+ children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.SparklesIcon, { className: "h-8 w-8 text-white" })
16263
+ }
16264
+ ),
16265
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
16266
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold mb-2", children: "Coordenando Agentes..." }),
16267
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: processingText })
16268
+ ] }),
16269
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center gap-2 flex-wrap", children: agents.map((agent, i) => /* @__PURE__ */ jsxRuntime.jsx(
16270
+ framerMotion.motion.div,
16271
+ {
16272
+ initial: { opacity: 0, y: 20 },
16273
+ animate: { opacity: 1, y: 0 },
16274
+ transition: { delay: i * 0.2 },
16275
+ children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "bg-primary/10 text-primary", children: agent })
16276
+ },
16277
+ agent
16278
+ )) })
16279
+ ] }) })
16280
+ }
16281
+ );
16282
+ var DashboardDemo = ({
16283
+ className,
16284
+ initialDemo = 0
16285
+ } = {}) => {
16286
+ const [stage, setStage] = React12.useState(
16287
+ "input"
16288
+ );
16289
+ const [currentDemo, setCurrentDemo] = React12.useState(initialDemo);
16290
+ const [inputText, setInputText] = React12.useState("");
16291
+ const demos2 = React12.useMemo(() => [
16292
+ {
16293
+ id: 0,
16294
+ name: "Marketing Campaign",
16295
+ prompt: "Criar campanha de Black Friday para e-commerce",
16296
+ agents: ["Marketing", "Design", "E-commerce", "Email"],
16297
+ processingText: "Ativando equipe especializada para sua campanha",
16298
+ component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(MarketingDemo, {}) })
16299
+ },
16300
+ {
16301
+ id: 1,
16302
+ name: "Customer Analytics",
16303
+ prompt: "Analisar comportamento dos clientes e identificar oportunidades",
16304
+ agents: ["Analytics", "CRM", "Insights", "Reports"],
16305
+ processingText: "Analisando dados e gerando insights",
16306
+ component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(CustomerAnalyticsDemo, {}) })
16307
+ },
16308
+ {
16309
+ id: 2,
16310
+ name: "Inventory Management",
16311
+ prompt: "Verificar estoque e sugerir reposi\xE7\xF5es autom\xE1ticas",
16312
+ agents: ["Inventory", "Supply", "Forecast", "Logistics"],
16313
+ processingText: "Verificando estoque e planejando reposi\xE7\xE3o",
16314
+ component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(InventoryDemo, {}) })
16315
+ },
16316
+ {
16317
+ id: 3,
16318
+ name: "HR Recruitment",
16319
+ prompt: "Processar candidaturas para vaga de Desenvolvedor Senior",
16320
+ agents: ["HR", "Recruiter", "Skills", "Interview"],
16321
+ processingText: "Processando candidaturas e avaliando perfis",
16322
+ component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(HRRecruitmentDemo, {}) })
16323
+ },
16324
+ {
16325
+ id: 4,
16326
+ name: "Financial Planning",
16327
+ prompt: "Gerar relat\xF3rio financeiro e calcular impostos do trimestre",
16328
+ agents: ["Finance", "Tax", "Reports", "Compliance"],
16329
+ processingText: "Calculando impostos e gerando relat\xF3rios",
16330
+ component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(FinancialDemo, {}) })
16331
+ },
16332
+ {
16333
+ id: 5,
16334
+ name: "LGPD Compliance",
16335
+ prompt: "Auditar dados pessoais e verificar conformidade LGPD",
16336
+ agents: ["LGPD", "Privacy", "Audit", "Security"],
16337
+ processingText: "Auditando dados e verificando conformidade",
16338
+ component: /* @__PURE__ */ jsxRuntime.jsx(DashboardDemoLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(LGPDComplianceDemo, {}) })
16339
+ }
16340
+ ], []);
16341
+ React12.useEffect(() => {
16342
+ if (initialDemo !== void 0) {
16343
+ setCurrentDemo(initialDemo);
16344
+ setStage("input");
16345
+ setInputText("");
16346
+ }
16347
+ }, [initialDemo]);
16348
+ React12.useEffect(() => {
16349
+ if (stage === "input" && demos2[currentDemo]) {
16350
+ setInputText("");
16351
+ let index = 0;
16352
+ const currentPrompt = demos2[currentDemo].prompt;
16353
+ const interval = setInterval(() => {
16354
+ if (index <= currentPrompt.length) {
16355
+ setInputText(currentPrompt.slice(0, index));
16356
+ index++;
16357
+ } else {
16358
+ clearInterval(interval);
16359
+ setTimeout(() => setStage("processing"), 500);
16360
+ }
16361
+ }, 50);
16362
+ return () => clearInterval(interval);
16363
+ }
16364
+ return void 0;
16365
+ }, [stage, currentDemo, demos2]);
16366
+ React12.useEffect(() => {
16367
+ if (stage === "processing") {
16368
+ const timer = setTimeout(() => setStage("dashboard"), 2e3);
16369
+ return () => clearTimeout(timer);
16370
+ }
16371
+ return void 0;
16372
+ }, [stage]);
16373
+ React12.useEffect(() => {
16374
+ if (stage === "dashboard") {
16375
+ const interval = setInterval(() => {
16376
+ setStage("input");
16377
+ setInputText("");
16378
+ setCurrentDemo((prev) => (prev + 1) % demos2.length);
16379
+ }, 12e3);
16380
+ return () => clearInterval(interval);
16381
+ }
16382
+ return void 0;
16383
+ }, [stage, demos2.length]);
16384
+ return /* @__PURE__ */ jsxRuntime.jsx(
16385
+ "div",
16386
+ {
16387
+ className: className || "hidden lg:flex items-center justify-center bg-muted/30 border-l relative overflow-hidden p-8",
16388
+ children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { mode: "wait", children: [
16389
+ stage === "input" && demos2[currentDemo] && /* @__PURE__ */ jsxRuntime.jsx(
16390
+ InputStage2,
16391
+ {
16392
+ inputText,
16393
+ demoName: demos2[currentDemo].name
16394
+ },
16395
+ "input"
16396
+ ),
16397
+ stage === "processing" && demos2[currentDemo] && /* @__PURE__ */ jsxRuntime.jsx(
16398
+ ProcessingStage2,
16399
+ {
16400
+ processingText: demos2[currentDemo].processingText,
16401
+ agents: demos2[currentDemo].agents
16402
+ },
16403
+ "processing"
16404
+ ),
16405
+ stage === "dashboard" && /* @__PURE__ */ jsxRuntime.jsx(
16406
+ DashboardStage,
16407
+ {
16408
+ demos: demos2,
16409
+ currentDemo,
16410
+ onDemoSelect: setCurrentDemo
16411
+ },
16412
+ "dashboard"
16413
+ )
16414
+ ] })
16415
+ }
16416
+ );
16417
+ };
16418
+ function EntityDrawer({
16419
+ open,
16420
+ onClose,
16421
+ title,
16422
+ subtitle,
16423
+ icon,
16424
+ gradient = "from-gray-400 to-gray-500",
16425
+ maxWidth = "max-w-xl",
16426
+ tabs,
16427
+ children
16428
+ }) {
16429
+ if (!open) return null;
16430
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
16431
+ /* @__PURE__ */ jsxRuntime.jsx(
16432
+ "div",
16433
+ {
16434
+ className: "fixed inset-0 z-40 bg-black/20 backdrop-blur-[2px] transition-opacity",
16435
+ onClick: onClose,
16436
+ "data-testid": "entity-drawer-backdrop"
16437
+ }
16438
+ ),
16439
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `fixed top-[64px] right-2 bottom-2 z-50 flex w-full ${maxWidth} flex-col overflow-hidden rounded-2xl border border-white/60 bg-white/80 shadow-[0_8px_60px_-12px_rgba(0,0,0,0.25),0_0_0_1px_rgba(255,255,255,0.1)] backdrop-blur-2xl dark:border-white/[0.12] dark:bg-gray-900/85 dark:shadow-[0_8px_60px_-12px_rgba(0,0,0,0.6),0_0_0_1px_rgba(255,255,255,0.06)]`, children: [
16440
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-y-0 left-0 w-[3px] bg-gradient-to-b ${gradient} opacity-80` }),
16441
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-5", children: [
16442
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3.5", children: [
16443
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-11 w-11 items-center justify-center rounded-[14px] bg-gradient-to-br ${gradient} shadow-lg shadow-black/20 ring-1 ring-white/25`, children: icon }),
16444
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
16445
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-bold tracking-tight text-gray-900 dark:text-white", children: title }),
16446
+ subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-[13px] text-gray-500 dark:text-gray-400", children: subtitle })
16447
+ ] })
16448
+ ] }),
16449
+ /* @__PURE__ */ jsxRuntime.jsx(
16450
+ "button",
16451
+ {
16452
+ onClick: onClose,
16453
+ "aria-label": "Close",
16454
+ className: "rounded-xl p-2 text-gray-400 transition-all hover:bg-black/5 hover:text-gray-600 active:scale-95 dark:text-gray-500 dark:hover:bg-white/10 dark:hover:text-gray-300",
16455
+ "data-testid": "entity-drawer-close",
16456
+ children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
16457
+ }
16458
+ )
16459
+ ] }),
16460
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-5 h-px bg-gradient-to-r from-transparent via-gray-200/80 to-transparent dark:via-white/10" }),
16461
+ tabs,
16462
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-6 py-5", children })
16463
+ ] })
16464
+ ] });
16465
+ }
16466
+
16467
+ // src/lib/locale-flags.ts
16468
+ var flag_br = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23259245%3B%22%20d%3D%22M395.901%2C7.286H116.099C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C512H116.099C52.082%2C512%2C0%2C459.918%2C0%2C395.901V116.099C0%2C52.082%2C52.082%2C0%2C116.099%2C0h279.803%0A%09C459.918%2C0%2C512%2C52.082%2C512%2C116.099v279.803C512%2C459.918%2C459.918%2C512%2C395.901%2C512z%20M116.099%2C14.573%0A%09c-55.981%2C0-101.526%2C45.544-101.526%2C101.526v279.803c0%2C55.981%2C45.544%2C101.526%2C101.526%2C101.526h279.803%0A%09c55.981%2C0%2C101.526-45.545%2C101.526-101.526V116.099c0-55.981-45.545-101.526-101.526-101.526%0A%09C395.902%2C14.573%2C116.099%2C14.573%2C116.099%2C14.573z%22%2F%3E%0A%3Cpolygon%20style%3D%22fill%3A%23FFE000%3B%22%20points%3D%22256%2C374.81%2051.502%2C256%20256%2C137.19%20460.498%2C256%20%22%2F%3E%0A%3Cpath%20d%3D%22M256%2C382.097c-1.265%2C0-2.529-0.328-3.66-0.986L47.842%2C262.301c-2.245-1.305-3.626-3.705-3.626-6.301%0A%09s1.381-4.996%2C3.626-6.301l204.498-118.81c2.264-1.315%2C5.057-1.315%2C7.321%2C0l204.498%2C118.81c2.245%2C1.305%2C3.626%2C3.705%2C3.626%2C6.301%0A%09c0%2C2.596-1.381%2C4.996-3.626%2C6.301l-32.303%2C18.767c-3.48%2C2.02-7.939%2C0.841-9.961-2.64c-2.021-3.479-0.84-7.939%2C2.64-9.961%0A%09L445.993%2C256L256%2C145.617L66.007%2C256L256%2C366.383l139.861-81.258c3.478-2.021%2C7.938-0.841%2C9.961%2C2.64%0A%09c2.021%2C3.479%2C0.84%2C7.939-2.64%2C9.961L259.66%2C381.111C258.529%2C381.768%2C257.265%2C382.097%2C256%2C382.097z%22%2F%3E%0A%3Ccircle%20style%3D%22fill%3A%23103B9B%3B%22%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%2267.47%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M316.265%2C293.777c-2.7%2C0-5.294-1.507-6.556-4.097c-10.094-20.712-27.403-36.941-48.741-45.697%0A%09c-21.334-8.755-45.052-9.367-66.782-1.72c-3.794%2C1.333-7.955-0.659-9.292-4.455c-1.335-3.796%2C0.659-7.956%2C4.455-9.292%0A%09c25.106-8.835%2C52.506-8.129%2C77.152%2C1.986c24.649%2C10.116%2C44.646%2C28.865%2C56.308%2C52.796c1.763%2C3.617%2C0.259%2C7.979-3.359%2C9.742%0A%09C318.423%2C293.54%2C317.336%2C293.777%2C316.265%2C293.777z%22%2F%3E%0A%3Cpath%20d%3D%22M256%2C330.753c-41.219%2C0-74.753-33.534-74.753-74.753s33.534-74.753%2C74.753-74.753s74.753%2C33.534%2C74.753%2C74.753%0A%09S297.219%2C330.753%2C256%2C330.753z%20M256%2C195.82c-33.183%2C0-60.18%2C26.997-60.18%2C60.18s26.997%2C60.18%2C60.18%2C60.18s60.18-26.997%2C60.18-60.18%0A%09S289.183%2C195.82%2C256%2C195.82z%22%2F%3E%0A%3C%2Fsvg%3E";
16469
+ var flag_us = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512.001%20512.001%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M395.901%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.004%2C7.286%2C116.1v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.1%0A%09C504.714%2C56.004%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%3Cg%3E%0A%09%3Crect%20x%3D%227.286%22%20y%3D%22338.901%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22497.43%22%20height%3D%2255.26%22%2F%3E%0A%09%3Crect%20x%3D%22225.79%22%20y%3D%22228.361%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22278.92%22%20height%3D%2255.28%22%2F%3E%0A%09%3Crect%20x%3D%22236.17%22%20y%3D%22117.831%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22268.55%22%20height%3D%2255.26%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M116.099%2C504.715h279.803c40.628%2C0%2C76.05-22.27%2C94.739-55.264H21.36%0A%09%09C40.049%2C482.445%2C75.471%2C504.715%2C116.099%2C504.715z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M490.64%2C62.552c-18.689-32.995-54.111-55.264-94.739-55.264H225.79v55.264H490.64z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20style%3D%22fill%3A%23164FCE%3B%22%20d%3D%22M335.041%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.004%2C7.286%2C116.1v167.541h327.755L335.041%2C7.287%0A%09L335.041%2C7.287z%22%2F%3E%0A%3Cg%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22217.091%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22240.971%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22193.221%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22169.341%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%22145.461%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%22121.591%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%2297.711%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2272.55%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22121.86%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22171.16%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22220.47%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22269.77%22%20cy%3D%2273.835%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2247.902%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%2297.21%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22146.51%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22195.82%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22245.12%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%09%3Ccircle%20style%3D%22fill%3A%23FFFFFF%3B%22%20cx%3D%22294.43%22%20cy%3D%2249.958%22%20r%3D%228.953%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M497.341%2C59.688c-0.199-0.465-0.447-0.902-0.734-1.311C476.551%2C23.521%2C438.921%2C0.001%2C395.901%2C0.001H116.099%0A%09C52.082%2C0.001%2C0%2C52.083%2C0%2C116.1v279.803c0%2C20.462%2C5.328%2C39.7%2C14.659%2C56.412c0.199%2C0.464%2C0.447%2C0.902%2C0.734%2C1.311%0A%09C35.449%2C488.481%2C73.079%2C512%2C116.099%2C512h279.803c43.02%2C0%2C80.65-23.52%2C100.706-58.376c0.287-0.409%2C0.535-0.846%2C0.734-1.311%0A%09c9.331-16.712%2C14.659-35.95%2C14.659-56.412V116.1C512%2C95.638%2C506.672%2C76.4%2C497.341%2C59.688z%20M438.39%2C386.883%0A%09c-4.024%2C0-7.286%2C3.262-7.286%2C7.287s3.262%2C7.286%2C7.286%2C7.286h58.883c-0.791%2C14.595-4.676%2C28.38-11.013%2C40.708H25.74%0A%09c-6.337-12.328-10.222-26.113-11.013-40.708h390.501c4.024%2C0%2C7.286-3.262%2C7.286-7.286c0-4.025-3.262-7.287-7.286-7.287H14.573%0A%09v-40.692h482.854v40.692L438.39%2C386.883L438.39%2C386.883z%20M497.273%2C110.546H342.328V69.838H486.26%0A%09C492.597%2C82.166%2C496.482%2C95.951%2C497.273%2C110.546z%20M389.101%2C180.383h108.326v40.691H342.328v-40.691h19.156%0A%09c4.024%2C0%2C7.286-3.262%2C7.286-7.287c0-4.025-3.262-7.286-7.286-7.286h-19.156v-40.692h155.099v40.692H389.101%0A%09c-4.024%2C0-7.287%2C3.262-7.287%2C7.286C381.814%2C177.121%2C385.076%2C180.383%2C389.101%2C180.383z%20M342.328%2C235.647h155.099v40.708H342.328%0A%09V235.647z%20M497.427%2C290.928v40.691H14.573v-40.691H497.427z%20M477.132%2C55.265H342.328V14.574h53.574%0A%09C429.082%2C14.574%2C458.594%2C30.575%2C477.132%2C55.265z%20M116.099%2C14.574h211.656v261.781H14.573V116.1%0A%09C14.573%2C60.119%2C60.117%2C14.574%2C116.099%2C14.574z%20M395.901%2C497.428H116.099c-33.181%2C0-62.693-16.001-81.231-40.691h442.264%0A%09C458.594%2C481.427%2C429.082%2C497.428%2C395.901%2C497.428z%22%2F%3E%0A%3C%2Fsvg%3E";
16470
+ var flag_es = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%227.286%22%20y%3D%22131.64%22%20style%3D%22fill%3A%23FFE000%3B%22%20width%3D%22497.43%22%20height%3D%22248.71%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.287H116.099C56.003%2C7.287%2C7.286%2C56.003%2C7.286%2C116.099v15.545h497.427v-15.545%0A%09%09C504.714%2C56.003%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%09%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M7.286%2C395.901c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803%0A%09%09c60.095%2C0%2C108.812-48.717%2C108.812-108.812v-15.545H7.286V395.901z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M116.099%2C14.573h279.803%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526v8.258H14.573v-8.258C14.573%2C60.117%2C60.117%2C14.573%2C116.099%2C14.573z%20M395.901%2C497.427%0A%09H116.099c-55.982%2C0-101.526-45.544-101.526-101.526v-8.258h390.655c4.024%2C0%2C7.286-3.262%2C7.286-7.287s-3.262-7.286-7.286-7.286%0A%09H14.573V138.93h482.854v234.14H438.39c-4.024%2C0-7.286%2C3.262-7.286%2C7.286s3.262%2C7.287%2C7.286%2C7.287h59.037v8.258%0A%09C497.427%2C451.883%2C451.883%2C497.427%2C395.901%2C497.427z%22%2F%3E%0A%3C%2Fsvg%3E";
16471
+ var flag_fr = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%22173.1%22%20y%3D%227.287%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22165.81%22%20height%3D%22497.43%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23164FCE%3B%22%20d%3D%22M116.099%2C7.287C56.003%2C7.287%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h56.997V7.287H116.099z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.287h-56.997v497.427h56.997c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.287%2C395.901%2C7.287z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M14.573%2C395.901V116.099%0A%09c0-55.981%2C45.544-101.526%2C101.526-101.526h49.71v482.854h-49.71C60.117%2C497.427%2C14.573%2C451.883%2C14.573%2C395.901z%20M497.427%2C395.901%0A%09c0%2C55.982-45.545%2C101.526-101.526%2C101.526H346.19V156.515c0-4.024-3.262-7.286-7.286-7.286c-4.025%2C0-7.287%2C3.262-7.287%2C7.286%0A%09v340.912H180.382V14.573h151.236v92.199c0%2C4.024%2C3.262%2C7.286%2C7.287%2C7.286s7.286-3.262%2C7.286-7.286V14.573h49.711%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526L497.427%2C395.901L497.427%2C395.901z%22%2F%3E%0A%3C%2Fsvg%3E";
16472
+ var flag_de = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%227.286%22%20y%3D%22173.1%22%20style%3D%22fill%3A%23ED1F34%3B%22%20width%3D%22497.43%22%20height%3D%22165.81%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23FFE000%3B%22%20d%3D%22M7.286%2C395.901c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h279.803%0A%09c60.095%2C0%2C108.812-48.717%2C108.812-108.812v-56.997H7.286V395.901z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23333333%3B%22%20d%3D%22M395.901%2C7.286H116.099C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v56.997h497.427v-56.997%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M116.099%2C14.573h279.803%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526v49.71H14.573v-49.71C14.573%2C60.117%2C60.117%2C14.573%2C116.099%2C14.573z%20M395.901%2C497.427%0A%09H116.099c-55.982%2C0-101.526-45.544-101.526-101.526v-49.71h390.655c4.025%2C0%2C7.286-3.262%2C7.286-7.286s-3.262-7.286-7.286-7.286%0A%09H14.573V180.382h482.854v151.236H438.39c-4.025%2C0-7.286%2C3.262-7.286%2C7.286s3.262%2C7.286%2C7.286%2C7.286h59.037v49.71%0A%09C497.427%2C451.883%2C451.882%2C497.427%2C395.901%2C497.427z%22%2F%3E%0A%3C%2Fsvg%3E";
16473
+ var flag_it = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%22173.1%22%20y%3D%227.286%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22165.81%22%20height%3D%22497.43%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23259245%3B%22%20d%3D%22M116.099%2C7.286C56.003%2C7.286%2C7.286%2C56.003%2C7.286%2C116.099v279.803%0A%09c0%2C60.095%2C48.717%2C108.812%2C108.812%2C108.812h56.997V7.286H116.099z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23ED1F34%3B%22%20d%3D%22M395.901%2C7.286h-56.997v497.427h56.997c60.095%2C0%2C108.812-48.717%2C108.812-108.812V116.099%0A%09C504.714%2C56.003%2C455.997%2C7.286%2C395.901%2C7.286z%22%2F%3E%0A%3Cpath%20d%3D%22M395.901%2C0H116.099C52.082%2C0%2C0%2C52.082%2C0%2C116.099v279.803C0%2C459.918%2C52.082%2C512%2C116.099%2C512h279.803%0A%09C459.918%2C512%2C512%2C459.918%2C512%2C395.901V116.099C512%2C52.082%2C459.918%2C0%2C395.901%2C0z%20M14.573%2C395.901V116.099%0A%09c0-55.982%2C45.544-101.526%2C101.526-101.526h49.71v482.854h-49.71C60.117%2C497.427%2C14.573%2C451.883%2C14.573%2C395.901z%20M497.427%2C395.901%0A%09c0%2C55.982-45.544%2C101.526-101.526%2C101.526h-49.71V156.515c0-4.024-3.262-7.286-7.287-7.286c-4.024%2C0-7.286%2C3.262-7.286%2C7.286%0A%09v340.912H180.382V14.573h151.236v92.199c0%2C4.024%2C3.262%2C7.286%2C7.286%2C7.286c4.024%2C0%2C7.287-3.262%2C7.287-7.286V14.573h49.71%0A%09c55.981%2C0%2C101.526%2C45.544%2C101.526%2C101.526L497.427%2C395.901L497.427%2C395.901z%22%2F%3E%0A%3C%2Fsvg%3E";
16474
+ var LOCALE_FLAGS = {
16475
+ "br": flag_br,
16476
+ "us": flag_us,
16477
+ "es": flag_es,
16478
+ "fr": flag_fr,
16479
+ "de": flag_de,
16480
+ "it": flag_it,
16481
+ // Locale code aliases
16482
+ "pt-BR": flag_br,
16483
+ "pt": flag_br,
16484
+ "en": flag_us,
16485
+ "en-US": flag_us
16486
+ };
16487
+ function FilterPill({ icon, label, variant, onRemove }) {
16488
+ return /* @__PURE__ */ jsxRuntime.jsxs(
16489
+ "button",
16490
+ {
16491
+ type: "button",
16492
+ onClick: onRemove,
16493
+ role: "option",
16494
+ "aria-selected": true,
16495
+ "aria-label": typeof label === "string" ? label : void 0,
16496
+ "data-testid": "filter-pill",
16497
+ className: `liquid-pill liquid-pill-${variant}`,
16498
+ children: [
16499
+ icon,
16500
+ label,
16501
+ /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "liquid-pill-dismiss", "data-testid": "filter-pill-remove" })
16502
+ ]
16503
+ }
16504
+ );
16505
+ }
16506
+
16507
+ // src/lib/themes/us.ts
16508
+ var US_STATE_PALETTES = {
16509
+ // Northeast — blue/indigo tones
16510
+ CT: { primary: "#4f6d9b", secondary: "#c8a962", text: "light" },
16511
+ DE: { primary: "#3b82f6", secondary: "#c8a962", text: "light" },
16512
+ MA: { primary: "#6366f1", secondary: "#c8a962", text: "light" },
16513
+ ME: { primary: "#2563eb", secondary: "#c8a962", text: "light" },
16514
+ MD: { primary: "#e03c31", secondary: "#eaab00", text: "light" },
16515
+ NH: { primary: "#818cf8", secondary: "#c8a962", text: "light" },
16516
+ NJ: { primary: "#c8a962", secondary: "#4f46e5", text: "dark" },
16517
+ NY: { primary: "#4f46e5", secondary: "#c8a962", text: "light" },
16518
+ PA: { primary: "#3b82f6", secondary: "#c8a962", text: "light" },
16519
+ RI: { primary: "#6366f1", secondary: "#c8a962", text: "light" },
16520
+ VT: { primary: "#2563eb", secondary: "#c8a962", text: "light" },
16521
+ // Southeast — red/rose tones
16522
+ AL: { primary: "#dc2626", secondary: "#f0f0f0", text: "light" },
16523
+ AR: { primary: "#e11d48", secondary: "#4f46e5", text: "light" },
16524
+ FL: { primary: "#be123c", secondary: "#f0f0f0", text: "light" },
16525
+ GA: { primary: "#9f1239", secondary: "#dc2626", text: "light" },
16526
+ KY: { primary: "#b91c1c", secondary: "#c8a962", text: "light" },
16527
+ LA: { primary: "#a855f7", secondary: "#dc2626", text: "light" },
16528
+ MS: { primary: "#f43f5e", secondary: "#4f46e5", text: "light" },
16529
+ NC: { primary: "#e11d48", secondary: "#dc2626", text: "light" },
16530
+ SC: { primary: "#be185d", secondary: "#c8a962", text: "light" },
16531
+ TN: { primary: "#dc2626", secondary: "#4f46e5", text: "light" },
16532
+ VA: { primary: "#9f1239", secondary: "#c8a962", text: "light" },
16533
+ WV: { primary: "#f43f5e", secondary: "#dc2626", text: "light" },
16534
+ // Midwest — green/emerald tones
16535
+ IL: { primary: "#16a34a", secondary: "#dc2626", text: "light" },
16536
+ IN: { primary: "#059669", secondary: "#c8a962", text: "light" },
16537
+ IA: { primary: "#10b981", secondary: "#dc2626", text: "light" },
16538
+ KS: { primary: "#0d9488", secondary: "#c8a962", text: "light" },
16539
+ MI: { primary: "#16a34a", secondary: "#c8a962", text: "light" },
16540
+ MN: { primary: "#059669", secondary: "#c8a962", text: "light" },
16541
+ MO: { primary: "#14b8a6", secondary: "#dc2626", text: "light" },
16542
+ NE: { primary: "#10b981", secondary: "#c8a962", text: "light" },
16543
+ ND: { primary: "#0d9488", secondary: "#c8a962", text: "light" },
16544
+ OH: { primary: "#16a34a", secondary: "#dc2626", text: "light" },
16545
+ SD: { primary: "#059669", secondary: "#c8a962", text: "light" },
16546
+ WI: { primary: "#10b981", secondary: "#c8a962", text: "light" },
16547
+ // Southwest — orange/amber tones
16548
+ AZ: { primary: "#ea580c", secondary: "#c8a962", text: "light" },
16549
+ NM: { primary: "#f59e0b", secondary: "#dc2626", text: "dark" },
16550
+ OK: { primary: "#d97706", secondary: "#c8a962", text: "light" },
16551
+ TX: { primary: "#ea580c", secondary: "#dc2626", text: "light" },
16552
+ // West — purple/violet tones
16553
+ AK: { primary: "#7c3aed", secondary: "#c8a962", text: "light" },
16554
+ CA: { primary: "#a855f7", secondary: "#dc2626", text: "light" },
16555
+ CO: { primary: "#8b5cf6", secondary: "#dc2626", text: "light" },
16556
+ HI: { primary: "#7c3aed", secondary: "#dc2626", text: "light" },
16557
+ ID: { primary: "#9333ea", secondary: "#c8a962", text: "light" },
16558
+ MT: { primary: "#a855f7", secondary: "#c8a962", text: "light" },
16559
+ NV: { primary: "#8b5cf6", secondary: "#c8a962", text: "light" },
16560
+ OR: { primary: "#059669", secondary: "#c8a962", text: "light" },
16561
+ UT: { primary: "#7c3aed", secondary: "#c8a962", text: "light" },
16562
+ WA: { primary: "#15803d", secondary: "#c8a962", text: "light" },
16563
+ WY: { primary: "#9333ea", secondary: "#dc2626", text: "light" },
14297
16564
  // District of Columbia
14298
16565
  DC: { primary: "#dc2626", secondary: "#f0f0f0", text: "light" }
14299
16566
  };
@@ -20341,25 +22608,6 @@ var ContactSection = React12__namespace.default.memo(
20341
22608
  ] });
20342
22609
  }
20343
22610
  );
20344
- var Progress = React12__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
20345
- ProgressPrimitive__namespace.Root,
20346
- {
20347
- ref,
20348
- className: clsx__default.default(
20349
- "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
20350
- className
20351
- ),
20352
- ...props,
20353
- children: /* @__PURE__ */ jsxRuntime.jsx(
20354
- ProgressPrimitive__namespace.Indicator,
20355
- {
20356
- className: "h-full w-full flex-1 bg-primary transition-all",
20357
- style: { transform: `translateX(-${100 - (value || 0)}%)` }
20358
- }
20359
- )
20360
- }
20361
- ));
20362
- Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
20363
22611
  function DropdownButton({
20364
22612
  as = Button,
20365
22613
  ...props
@@ -21357,6 +23605,7 @@ function SkipToContent({
21357
23605
  );
21358
23606
  }
21359
23607
 
23608
+ exports.AIOrchestratorDemo = AIOrchestratorDemo;
21360
23609
  exports.ARGENTINA_ACCENT_MAP = ARGENTINA_ACCENT_MAP;
21361
23610
  exports.ARGENTINA_MACRO_REGIONS = ARGENTINA_MACRO_REGIONS;
21362
23611
  exports.ARGENTINA_MAP_CENTER = ARGENTINA_MAP_CENTER;
@@ -21394,6 +23643,7 @@ exports.BadRequestPage = BadRequestPage;
21394
23643
  exports.Badge = Badge;
21395
23644
  exports.BaseForm = BaseForm;
21396
23645
  exports.BentoCard = BentoCard;
23646
+ exports.BentoFeatureGrid = BentoFeatureGrid;
21397
23647
  exports.BooleanFlagsPicker = BooleanFlagsPicker;
21398
23648
  exports.BottomSafeArea = BottomSafeArea;
21399
23649
  exports.BrandFilterSkeleton = BrandFilterSkeleton;
@@ -21445,7 +23695,10 @@ exports.CookieConsent = CookieConsent;
21445
23695
  exports.CopyableId = CopyableId;
21446
23696
  exports.CountPill = CountPill;
21447
23697
  exports.CreateActionButton = CreateActionButton;
23698
+ exports.CustomerAnalyticsDemo = CustomerAnalyticsDemo;
21448
23699
  exports.DE_THEME_CONFIG = DE_THEME_CONFIG;
23700
+ exports.DashboardDemo = DashboardDemo;
23701
+ exports.DashboardDemoLayout = DashboardDemoLayout;
21449
23702
  exports.DashboardProgressShell = DashboardProgressShell;
21450
23703
  exports.DashboardView = DashboardView;
21451
23704
  exports.DataPagination = DataPagination;
@@ -21508,6 +23761,7 @@ exports.FilterBadge = FilterBadge;
21508
23761
  exports.FilterPill = FilterPill;
21509
23762
  exports.FilterSectionHeader = FilterSectionHeader;
21510
23763
  exports.FilterTileButton = FilterTileButton;
23764
+ exports.FinancialDemo = FinancialDemo;
21511
23765
  exports.FloatingActionButton = FloatingActionButton;
21512
23766
  exports.FlyoutMenu = FlyoutMenu;
21513
23767
  exports.FlyoutNavGrid = FlyoutNavGrid;
@@ -21538,6 +23792,7 @@ exports.GlassModal = GlassModal;
21538
23792
  exports.Gradient = Gradient;
21539
23793
  exports.GradientBackground = GradientBackground;
21540
23794
  exports.GrowthIndicator = GrowthIndicator;
23795
+ exports.HRRecruitmentDemo = HRRecruitmentDemo;
21541
23796
  exports.Heading = Heading;
21542
23797
  exports.HeroPanel = HeroPanel;
21543
23798
  exports.HeroSection = HeroSection;
@@ -21567,6 +23822,7 @@ exports.InlineForm = InlineForm;
21567
23822
  exports.InlineSpinner = InlineSpinner;
21568
23823
  exports.Input = Input;
21569
23824
  exports.InteractiveGeoMap = InteractiveGeoMap;
23825
+ exports.InventoryDemo = InventoryDemo;
21570
23826
  exports.ItemSummary = ItemSummary;
21571
23827
  exports.JAPAN_ACCENT_MAP = JAPAN_ACCENT_MAP;
21572
23828
  exports.JAPAN_MACRO_REGIONS = JAPAN_MACRO_REGIONS;
@@ -21576,6 +23832,7 @@ exports.JAPAN_PREFECTURE_PALETTES = JAPAN_PREFECTURE_PALETTES;
21576
23832
  exports.JP_THEME_CONFIG = JP_THEME_CONFIG;
21577
23833
  exports.KORI_ERP_LOADER = KORI_ERP_LOADER;
21578
23834
  exports.KR_THEME_CONFIG = KR_THEME_CONFIG;
23835
+ exports.LGPDComplianceDemo = LGPDComplianceDemo;
21579
23836
  exports.LOCALE_FLAGS = LOCALE_FLAGS;
21580
23837
  exports.Label = Label2;
21581
23838
  exports.LabeledToggle = LabeledToggle;
@@ -21598,6 +23855,7 @@ exports.ManagementPageLayout = ManagementPageLayout;
21598
23855
  exports.ManagementSurface = ManagementSurface;
21599
23856
  exports.MapZoomControls = MapZoomControls;
21600
23857
  exports.MarketPricesCard = MarketPricesCard;
23858
+ exports.MarketingDemo = MarketingDemo;
21601
23859
  exports.MetricCard = MetricCard;
21602
23860
  exports.MonthPicker = MonthPicker;
21603
23861
  exports.MultiColumnPicker = MultiColumnPicker;
@@ -21712,6 +23970,7 @@ exports.SWEDEN_MAP_CENTER = SWEDEN_MAP_CENTER;
21712
23970
  exports.SafeArea = SafeArea;
21713
23971
  exports.SafeAreaSpacer = SafeAreaSpacer;
21714
23972
  exports.SafeAreaView = SafeAreaView;
23973
+ exports.SalesDemo = SalesDemo;
21715
23974
  exports.SearchBar = SearchBar;
21716
23975
  exports.SearchFilterToolbar = SearchFilterToolbar;
21717
23976
  exports.SearchInput = SearchInput;
@@ -22073,5 +24332,5 @@ exports.usePullToRefresh = usePullToRefresh;
22073
24332
  exports.validateDashboardSpec = validateDashboardSpec;
22074
24333
  exports.xScale = xScale;
22075
24334
  exports.yScale = yScale;
22076
- //# sourceMappingURL=chunk-GA72TPLH.js.map
22077
- //# sourceMappingURL=chunk-GA72TPLH.js.map
24335
+ //# sourceMappingURL=chunk-3BR5TG34.js.map
24336
+ //# sourceMappingURL=chunk-3BR5TG34.js.map