@fayz-ai/ui 0.12.0 → 0.15.0

package/dist/{ChartWidgetInner-GDE5PBTR.js → ChartWidgetInner-IOLIUYTB.js}

@@ -3,19 +3,32 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/dashboard/ChartWidgetInner.tsx
 var PALETTE = [
-  "hsl(var(--info))",
-  "hsl(var(--magic))",
-  "hsl(var(--success))",
-  "hsl(var(--warning))",
-  "hsl(var(--destructive))"
+  "hsl(var(--chart-1,var(--info)))",
+  "hsl(var(--chart-2,var(--magic)))",
+  "hsl(var(--chart-3,var(--success)))",
+  "hsl(var(--chart-4,var(--warning)))",
+  "hsl(var(--chart-5,var(--destructive)))"
 ];
 var AXIS = "hsl(var(--muted-foreground))";
 var GRID = "hsl(var(--border))";
 function ChartWidgetInner({ type, data, series, categoryKey, height }) {
   const color = (i, explicit) => explicit ?? PALETTE[i % PALETTE.length];
+  const pieKey = series[0]?.dataKey ?? "value";
+  const pieData = type === "pie" ? data.filter((row) => Number(row[pieKey]) > 0) : data;
   return /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height, children: type === "pie" ? /* @__PURE__ */ jsxs(PieChart, { children: [
     /* @__PURE__ */ jsx(Tooltip, {}),
-    /* @__PURE__ */ jsx(Pie, { data, dataKey: series[0]?.dataKey ?? "value", nameKey: categoryKey, innerRadius: 50, outerRadius: 80, paddingAngle: 2, children: data.map((_, i) => /* @__PURE__ */ jsx(Cell, { fill: color(i, series[0]?.color) }, i)) }),
+    /* @__PURE__ */ jsx(
+      Pie,
+      {
+        data: pieData,
+        dataKey: pieKey,
+        nameKey: categoryKey,
+        innerRadius: 50,
+        outerRadius: 80,
+        paddingAngle: pieData.length > 1 ? 2 : 0,
+        children: pieData.map((_, i) => /* @__PURE__ */ jsx(Cell, { fill: color(i, series[0]?.color) }, i))
+      }
+    ),
     /* @__PURE__ */ jsx(Legend, {})
   ] }) : type === "bar" ? /* @__PURE__ */ jsxs(BarChart, { data, children: [
     /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: GRID, vertical: false }),
@@ -42,5 +55,5 @@ function ChartWidgetInner({ type, data, series, categoryKey, height }) {
 }
 
 export { ChartWidgetInner as default };
-//# sourceMappingURL=ChartWidgetInner-GDE5PBTR.js.map
-//# sourceMappingURL=ChartWidgetInner-GDE5PBTR.js.map
+//# sourceMappingURL=ChartWidgetInner-IOLIUYTB.js.map
+//# sourceMappingURL=ChartWidgetInner-IOLIUYTB.js.map

package/dist/ChartWidgetInner-IOLIUYTB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dashboard/ChartWidgetInner.tsx"],"names":[],"mappings":"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","file":"ChartWidgetInner-IOLIUYTB.js","sourcesContent":["import * as React from 'react'\nimport {\n  ResponsiveContainer,\n  LineChart, Line,\n  BarChart, Bar,\n  AreaChart, Area,\n  PieChart, Pie, Cell,\n  XAxis, YAxis, CartesianGrid, Tooltip, Legend,\n} from 'recharts'\nimport type { ChartSeries, ChartType } from './types'\n\n/**\n * Series palette, in order.\n *\n * The status colours are the FALLBACK, not the definition: an app with a design\n * system of its own states `--chart-1..5` and the charts adopt its viz ramp.\n * Rebinding `--info` instead was the only lever before, and it repaints link\n * buttons, info badges and notification icons along with the chart — series\n * colour and \"this is informational\" are not the same decision.\n */\nconst PALETTE = [\n  'hsl(var(--chart-1,var(--info)))',\n  'hsl(var(--chart-2,var(--magic)))',\n  'hsl(var(--chart-3,var(--success)))',\n  'hsl(var(--chart-4,var(--warning)))',\n  'hsl(var(--chart-5,var(--destructive)))',\n]\nconst AXIS = 'hsl(var(--muted-foreground))'\nconst GRID = 'hsl(var(--border))'\n\nexport interface ChartWidgetInnerProps {\n  type: ChartType\n  data: Array<Record<string, string | number>>\n  series: ChartSeries[]\n  categoryKey: string\n  height: number\n}\n\n// recharts-backed chart body. Default export + own module so ChartWidget can\n// React.lazy it — recharts (~400 KB min) then lives in an async chunk instead\n// of every consumer's entry bundle.\nexport default function ChartWidgetInner({ type, data, series, categoryKey, height }: ChartWidgetInnerProps) {\n  const color = (i: number, explicit?: string) => explicit ?? PALETTE[i % PALETTE.length]\n\n  // A pie only draws what has size. Two things collapse it otherwise, and both\n  // are ordinary states, not edge cases:\n  //\n  //   a zero slice — \"revenue by course\" when one course has not sold yet — is\n  //   a legend entry with no arc, so it reads as a missing wedge rather than a\n  //   zero; drop it and let the legend say what is actually on the chart.\n  //\n  //   one slice left holding 100% — the common shape for a young tenant — is a\n  //   360° sector, and recharts subtracts `paddingAngle` from EVERY sector,\n  //   including that one. Start and end angles meet, and the whole chart renders\n  //   as a flat line. Padding between slices needs at least two slices.\n  const pieKey = series[0]?.dataKey ?? 'value'\n  const pieData = type === 'pie' ? data.filter((row) => Number(row[pieKey]) > 0) : data\n\n  return (\n    <ResponsiveContainer width=\"100%\" height={height}>\n      {type === 'pie' ? (\n        <PieChart>\n          <Tooltip />\n          <Pie\n            data={pieData} dataKey={pieKey} nameKey={categoryKey}\n            innerRadius={50} outerRadius={80}\n            paddingAngle={pieData.length > 1 ? 2 : 0}\n          >\n            {pieData.map((_, i) => <Cell key={i} fill={color(i, series[0]?.color)} />)}\n          </Pie>\n          <Legend />\n        </PieChart>\n      ) : type === 'bar' ? (\n        <BarChart data={data}>\n          <CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} vertical={false} />\n          <XAxis dataKey={categoryKey} stroke={AXIS} fontSize={12} tickLine={false} axisLine={false} />\n          <YAxis stroke={AXIS} fontSize={12} tickLine={false} axisLine={false} width={36} />\n          <Tooltip cursor={{ fill: GRID, opacity: 0.3 }} />\n          {series.length > 1 && <Legend />}\n          {series.map((s, i) => (\n            <Bar key={s.dataKey} dataKey={s.dataKey} name={s.label ?? s.dataKey} fill={color(i, s.color)} radius={[4, 4, 0, 0]} />\n          ))}\n        </BarChart>\n      ) : type === 'area' ? (\n        <AreaChart data={data}>\n          <CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} vertical={false} />\n          <XAxis dataKey={categoryKey} stroke={AXIS} fontSize={12} tickLine={false} axisLine={false} />\n          <YAxis stroke={AXIS} fontSize={12} tickLine={false} axisLine={false} width={36} />\n          <Tooltip />\n          {series.length > 1 && <Legend />}\n          {series.map((s, i) => (\n            <Area key={s.dataKey} dataKey={s.dataKey} name={s.label ?? s.dataKey} stroke={color(i, s.color)} fill={color(i, s.color)} fillOpacity={0.15} />\n          ))}\n        </AreaChart>\n      ) : (\n        <LineChart data={data}>\n          <CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} vertical={false} />\n          <XAxis dataKey={categoryKey} stroke={AXIS} fontSize={12} tickLine={false} axisLine={false} />\n          <YAxis stroke={AXIS} fontSize={12} tickLine={false} axisLine={false} width={36} />\n          <Tooltip />\n          {series.length > 1 && <Legend />}\n          {series.map((s, i) => (\n            <Line key={s.dataKey} dataKey={s.dataKey} name={s.label ?? s.dataKey} stroke={color(i, s.color)} strokeWidth={2} dot={false} />\n          ))}\n        </LineChart>\n      )}\n    </ResponsiveContainer>\n  )\n}\n"]}

package/dist/analytics/AnalyticsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsCard.d.ts","sourceRoot":"","sources":["../../src/analytics/AnalyticsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,gBAAgB,EAAkC,MAAM,eAAe,CAAA;AAyBrF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,gBAAgB,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AA4ID,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,qBA4I9E"}
+{"version":3,"file":"AnalyticsCard.d.ts","sourceRoot":"","sources":["../../src/analytics/AnalyticsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EACV,gBAAgB,EACjB,MAAM,eAAe,CAAA;AAyBtB,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,gBAAgB,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAuKD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,qBA4I9E"}

package/dist/analytics/AnalyticsControls.d.ts

@@ -12,7 +12,11 @@ export interface AnalyticsControlsProps {
     showCompare?: boolean;
     /** Right-aligned extras (e.g. Export, New report). */
     actions?: React.ReactNode;
+    /** Which cards/widgets show — same slot the dashboard fills. */
+    customize?: React.ReactNode;
+    /** Solta a barra do topo (impressão, dentro de um modal). */
+    sticky?: boolean;
     className?: string;
 }
-export declare function AnalyticsControls({ filters, showCompare, actions, className }: AnalyticsControlsProps): React.JSX.Element;
+export declare function AnalyticsControls({ filters, showCompare, actions, customize, sticky, className }: AnalyticsControlsProps): React.JSX.Element;
 //# sourceMappingURL=AnalyticsControls.d.ts.map

package/dist/analytics/AnalyticsControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsControls.d.ts","sourceRoot":"","sources":["../../src/analytics/AnalyticsControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,kBAAkB,EAAyB,MAAM,eAAe,CAAA;AAqJ9E,MAAM,WAAW,0BAA0B;IACzC,oEAAoE;IACpE,OAAO,EAAE,kBAAkB,EAAE,CAAA;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,0BAA0B,4BAyG5E;AA2ED,MAAM,WAAW,sBAAsB;IACrC,8EAA8E;IAC9E,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,sDAAsD;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAY,EAAE,WAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,sBAAsB,qBAoEjH"}
+{"version":3,"file":"AnalyticsControls.d.ts","sourceRoot":"","sources":["../../src/analytics/AnalyticsControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,kBAAkB,EAAyB,MAAM,eAAe,CAAA;AAuI9E,MAAM,WAAW,0BAA0B;IACzC,oEAAoE;IACpE,OAAO,EAAE,kBAAkB,EAAE,CAAA;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,0BAA0B,4BAwG5E;AAuED,MAAM,WAAW,sBAAsB;IACrC,8EAA8E;IAC9E,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,sDAAsD;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,gEAAgE;IAChE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAY,EAAE,WAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,sBAAsB,qBAyDpI"}

package/dist/chunk-3OVZ5JJQ.js

@@ -0,0 +1,540 @@
+import { cn, Button } from './chunk-OKZ6WQB3.js';
+import * as React4 from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
+import { CheckCircle2, AlertTriangle, XCircle, Info, Check, ImagePlus, Loader2, X } from 'lucide-react';
+
+var TRACK = {
+  sm: "h-4 w-7",
+  md: "h-5 w-9"
+};
+var THUMB = {
+  sm: "h-3 w-3 data-[on=true]:translate-x-3",
+  md: "h-4 w-4 data-[on=true]:translate-x-4"
+};
+var Switch = React4.forwardRef(function Switch2({ checked, onCheckedChange, size = "sm", label, className, disabled, ...rest }, ref) {
+  const control = /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      disabled,
+      onClick: (e) => {
+        e.stopPropagation();
+        rest.onClick?.(e);
+        if (!disabled) onCheckedChange(!checked);
+      },
+      className: cn(
+        "relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        TRACK[size],
+        checked ? "bg-primary" : "bg-muted-foreground/30",
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-on": checked,
+          className: cn(
+            "pointer-events-none ml-0.5 inline-block rounded-full bg-background shadow-sm transition-transform",
+            THUMB[size]
+          )
+        }
+      )
+    }
+  );
+  if (label == null) return control;
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(
+        "inline-flex items-center gap-2 text-xs text-muted-foreground",
+        disabled ? "cursor-not-allowed" : "cursor-pointer"
+      ),
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        control,
+        /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    }
+  );
+});
+var VARIANT_CONFIG = {
+  default: {
+    icon: Info,
+    iconBg: "bg-info/10",
+    iconColor: "text-info",
+    buttonVariant: "default"
+  },
+  destructive: {
+    icon: XCircle,
+    iconBg: "bg-destructive/10",
+    iconColor: "text-destructive",
+    buttonVariant: "destructive"
+  },
+  warning: {
+    icon: AlertTriangle,
+    iconBg: "bg-warning/10",
+    iconColor: "text-warning",
+    buttonVariant: "destructive"
+  },
+  success: {
+    icon: CheckCircle2,
+    iconBg: "bg-success/10",
+    iconColor: "text-success",
+    buttonVariant: "default"
+  }
+};
+function ConfirmDialog({
+  open,
+  onConfirm,
+  onCancel,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  loading = false
+}) {
+  const config = VARIANT_CONFIG[variant];
+  const Icon = config.icon;
+  React4.useEffect(() => {
+    if (!open) return;
+    function handleKey(e) {
+      if (e.key === "Escape") onCancel();
+    }
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [open, onCancel]);
+  if (!open) return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[60] flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "absolute inset-0 bg-black/50 backdrop-blur-[2px] animate-fade-in",
+          onClick: onCancel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "relative z-10 w-full max-w-sm mx-4 rounded-modal border border-border bg-card shadow-lg animate-zoom-in",
+          role: "alertdialog",
+          "aria-modal": "true",
+          "aria-labelledby": "confirm-title",
+          "aria-describedby": description ? "confirm-desc" : void 0,
+          children: /* @__PURE__ */ jsxs("div", { className: "p-6", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+              /* @__PURE__ */ jsx("div", { className: cn("flex h-10 w-10 items-center justify-center rounded-full shrink-0", config.iconBg), children: /* @__PURE__ */ jsx(Icon, { className: cn("h-5 w-5", config.iconColor) }) }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 pt-0.5", children: [
+                /* @__PURE__ */ jsx("h3", { id: "confirm-title", className: "text-sm font-semibold text-foreground", children: title }),
+                description && /* @__PURE__ */ jsx("p", { id: "confirm-desc", className: "text-xs text-muted-foreground mt-1 leading-relaxed", children: description })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-5", children: [
+              /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onCancel, disabled: loading, children: cancelLabel }),
+              /* @__PURE__ */ jsx(Button, { variant: config.buttonVariant, size: "sm", onClick: onConfirm, disabled: loading, children: loading ? "Processing..." : confirmLabel })
+            ] })
+          ] })
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+function StepProgress({ total, current, onSelect, className, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "progressbar",
+      "aria-label": rest["aria-label"],
+      "aria-valuemin": 1,
+      "aria-valuemax": total,
+      "aria-valuenow": Math.min(current + 1, total),
+      className: cn("flex w-full items-center gap-2", className),
+      children: Array.from({ length: total }, (_, i) => {
+        const done = i <= current;
+        const clickable = Boolean(onSelect) && i < current;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            tabIndex: clickable ? 0 : -1,
+            "aria-hidden": !clickable,
+            disabled: !clickable,
+            onClick: clickable ? () => onSelect?.(i) : void 0,
+            className: cn(
+              "h-[2px] flex-1 rounded-full transition-colors duration-300",
+              done ? "bg-foreground" : "bg-border",
+              clickable && "cursor-pointer hover:bg-foreground/70"
+            )
+          },
+          i
+        );
+      })
+    }
+  );
+}
+function nextValue(current, picked, multi) {
+  if (!multi) return picked;
+  const list = Array.isArray(current) ? current : current ? [current] : [];
+  return list.includes(picked) ? list.filter((v) => v !== picked) : [...list, picked];
+}
+function isSelected(current, option) {
+  return Array.isArray(current) ? current.includes(option) : current === option;
+}
+var MAX_SHORTCUTS = 9;
+function useOptionShortcuts(options, enabled, pick) {
+  const pickRef = React4.useRef(pick);
+  pickRef.current = pick;
+  const values = options.slice(0, MAX_SHORTCUTS).map((o) => o.value).join("\0");
+  React4.useEffect(() => {
+    if (!enabled) return;
+    const list = values.split("\0").filter(Boolean);
+    if (list.length === 0) return;
+    function onKey(e) {
+      if (e.metaKey || e.ctrlKey || e.altKey) return;
+      const el = e.target;
+      const tag = el?.tagName;
+      if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || el?.isContentEditable) return;
+      const index = Number(e.key) - 1;
+      if (!Number.isInteger(index) || index < 0 || index >= list.length) return;
+      e.preventDefault();
+      pickRef.current(list[index]);
+    }
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [enabled, values]);
+}
+function KeyHint({ index, selected, corner }) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "hidden h-5 min-w-[1.25rem] shrink-0 items-center justify-center rounded border px-1 font-mono text-[10px] font-semibold sm:inline-flex",
+        // Parked in the corner rather than in the reading line: the shortcut is
+        // an accelerator, not part of the answer, and inline it pushed every
+        // label right and split the logo from the name it belongs to.
+        corner && "absolute right-2 top-2",
+        selected ? "border-primary/40 bg-primary/10 text-primary" : "border-border bg-muted text-muted-foreground"
+      ),
+      children: index + 1
+    }
+  );
+}
+var COLUMNS = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 sm:grid-cols-2",
+  3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
+};
+function OptionCards({
+  options,
+  value,
+  onChange,
+  multi = false,
+  disabled,
+  shortcuts = false,
+  columns = 2,
+  className,
+  ...rest
+}) {
+  useOptionShortcuts(options, shortcuts && !disabled, (picked) => onChange(nextValue(value, picked, multi)));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: multi ? "group" : "radiogroup",
+      "aria-label": rest["aria-label"],
+      className: cn("grid gap-2.5", COLUMNS[columns], className),
+      children: options.map((option, index) => {
+        const selected = isSelected(value, option.value);
+        const corner = shortcuts && index < MAX_SHORTCUTS;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: multi ? "checkbox" : "radio",
+            "aria-checked": selected,
+            disabled,
+            onClick: () => onChange(nextValue(value, option.value, multi)),
+            className: cn(
+              "group relative flex items-start gap-3 rounded-lg border bg-card p-4 text-left transition-all",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              "disabled:pointer-events-none disabled:opacity-50",
+              selected ? "border-primary ring-2 ring-primary/15" : "border-border hover:-translate-y-px hover:border-foreground/25 hover:shadow-button"
+            ),
+            children: [
+              corner && selected && /* @__PURE__ */ jsx(Check, { className: "absolute right-2 top-2 h-4 w-4 text-primary" }),
+              corner && !selected && /* @__PURE__ */ jsx(KeyHint, { index, selected: false, corner: true }),
+              option.icon && /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: option.icon }),
+              /* @__PURE__ */ jsxs("span", { className: cn("min-w-0 flex-1", corner && "pr-5"), children: [
+                /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold text-foreground", children: option.label }),
+                option.hint && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs leading-relaxed text-muted-foreground", children: option.hint })
+              ] }),
+              !corner && selected && /* @__PURE__ */ jsx(Check, { className: "mt-0.5 h-4 w-4 shrink-0 text-primary" })
+            ]
+          },
+          option.value
+        );
+      })
+    }
+  );
+}
+function OptionChips({
+  options,
+  value,
+  onChange,
+  multi = false,
+  disabled,
+  shortcuts = false,
+  className,
+  ...rest
+}) {
+  useOptionShortcuts(options, shortcuts && !disabled, (picked) => onChange(nextValue(value, picked, multi)));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: multi ? "group" : "radiogroup",
+      "aria-label": rest["aria-label"],
+      className: cn("flex flex-wrap gap-2", className),
+      children: options.map((option, index) => {
+        const selected = isSelected(value, option.value);
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: multi ? "checkbox" : "radio",
+            "aria-checked": selected,
+            disabled,
+            onClick: () => onChange(nextValue(value, option.value, multi)),
+            className: cn(
+              "inline-flex items-center gap-1.5 rounded-full border px-4 py-2 text-sm font-medium transition-colors",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              "disabled:pointer-events-none disabled:opacity-50",
+              selected ? "border-primary bg-primary/5 text-foreground" : "border-border bg-card text-muted-foreground hover:border-foreground/25 hover:text-foreground"
+            ),
+            children: [
+              option.icon,
+              shortcuts && index < MAX_SHORTCUTS && /* @__PURE__ */ jsx(KeyHint, { index, selected }),
+              option.label,
+              selected && /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-primary" })
+            ]
+          },
+          option.value
+        );
+      })
+    }
+  );
+}
+var DEFAULT_MAX_BYTES = 5 * 1024 * 1024;
+function ImageDrop({
+  value,
+  onUpload,
+  onChange,
+  label,
+  hint,
+  accept = "image/*",
+  maxBytes = DEFAULT_MAX_BYTES,
+  shape = "square",
+  disabled,
+  tooLargeLabel = "File is larger than {max} MB.",
+  removeLabel = "Remove image",
+  className
+}) {
+  const inputRef = React4.useRef(null);
+  const [url, setUrl] = React4.useState(value);
+  const [busy, setBusy] = React4.useState(false);
+  const [dragging, setDragging] = React4.useState(false);
+  const [error, setError] = React4.useState(null);
+  React4.useEffect(() => {
+    setUrl(value);
+  }, [value]);
+  const editable = Boolean(onUpload) && !disabled;
+  const handleFile = React4.useCallback(
+    async (file) => {
+      if (!file || !onUpload) return;
+      if (file.size > maxBytes) {
+        setError(tooLargeLabel.replace("{max}", String(Math.round(maxBytes / 1024 / 1024))));
+        return;
+      }
+      setBusy(true);
+      setError(null);
+      try {
+        const next = await onUpload(file);
+        setUrl(next);
+        onChange?.(next);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setBusy(false);
+      }
+    },
+    [onUpload, onChange, maxBytes, tooLargeLabel]
+  );
+  const pick = () => {
+    if (editable && !busy) inputRef.current?.click();
+  };
+  const clear = (e) => {
+    e.stopPropagation();
+    setUrl(void 0);
+    setError(null);
+    onChange?.(void 0);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-4", className), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        onClick: pick,
+        onKeyDown: (e) => {
+          if (editable && (e.key === "Enter" || e.key === " ")) {
+            e.preventDefault();
+            pick();
+          }
+        },
+        onDragOver: (e) => {
+          if (editable) {
+            e.preventDefault();
+            setDragging(true);
+          }
+        },
+        onDragLeave: () => setDragging(false),
+        onDrop: (e) => {
+          if (!editable) return;
+          e.preventDefault();
+          setDragging(false);
+          void handleFile(e.dataTransfer.files?.[0]);
+        },
+        role: editable ? "button" : void 0,
+        tabIndex: editable ? 0 : void 0,
+        className: cn(
+          "relative flex h-20 w-20 shrink-0 items-center justify-center overflow-hidden border-2 text-muted-foreground transition-colors",
+          shape === "circle" ? "rounded-full" : "rounded-xl",
+          url ? "border-solid border-border" : "border-dashed border-border",
+          dragging && "border-primary text-primary",
+          editable && "cursor-pointer hover:border-primary/40 hover:text-primary/60",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+        ),
+        children: [
+          url ? /* @__PURE__ */ jsx("img", { src: url, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx(ImagePlus, { className: "h-5 w-5" }),
+          busy && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center bg-background/70", children: /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) }),
+          url && editable && !busy && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: clear,
+              "aria-label": removeLabel,
+              className: "absolute right-0 top-0 flex h-5 w-5 items-center justify-center rounded-bl-lg bg-background/90 text-muted-foreground hover:text-foreground",
+              children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+            }
+          ),
+          editable && /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept,
+              className: "hidden",
+              onChange: (e) => {
+                const file = e.target.files?.[0];
+                e.target.value = "";
+                void handleFile(file);
+              }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      label && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: label }),
+      hint && !error && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs leading-relaxed text-muted-foreground", children: hint }),
+      error && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-destructive", children: error })
+    ] })
+  ] });
+}
+var DEFAULT_SLOTS = 4;
+var FALLBACK_SWATCH = "#000000";
+function ColorPalette({
+  value,
+  onChange,
+  slots = DEFAULT_SLOTS,
+  labels,
+  removeLabel = "Remover cor",
+  className
+}) {
+  const colors = React4.useMemo(() => {
+    const next = Array.from({ length: slots }, (_, i) => value?.[i] ?? "");
+    return next;
+  }, [value, slots]);
+  const commit = (next) => {
+    const trimmed = [...next];
+    while (trimmed.length > 0 && !trimmed[trimmed.length - 1]) trimmed.pop();
+    onChange(trimmed);
+  };
+  const setSlot = (index, hex) => {
+    const next = [...colors];
+    next[index] = hex;
+    commit(next);
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("flex gap-2", className), children: colors.map((color, index) => /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
+    /* @__PURE__ */ jsxs("label", { className: "group relative block cursor-pointer", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-10 rounded-lg border transition-colors",
+            color ? "border-border" : "border-dashed border-border bg-muted/40"
+          ),
+          style: color ? { backgroundColor: color } : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "color",
+          value: color || FALLBACK_SWATCH,
+          "aria-label": labels?.[index] ?? `Cor ${index + 1}`,
+          onChange: (e) => setSlot(index, e.target.value),
+          className: "absolute inset-0 cursor-pointer opacity-0"
+        }
+      ),
+      color && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": removeLabel,
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            setSlot(index, "");
+          },
+          className: "absolute -right-1.5 -top-1.5 flex h-4 w-4 items-center justify-center rounded-full bg-foreground/80 text-background opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100",
+          children: /* @__PURE__ */ jsx(X, { className: "h-2.5 w-2.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: color.toUpperCase(),
+        placeholder: labels?.[index] ?? `${index + 1}`,
+        onChange: (e) => setSlot(index, normalizeHex(e.target.value)),
+        className: "w-full truncate bg-transparent text-center text-[10px] text-muted-foreground outline-none placeholder:text-muted-foreground/50"
+      }
+    )
+  ] }, index)) });
+}
+function normalizeHex(raw) {
+  const cleaned = raw.replace(/[^0-9a-fA-F#]/g, "");
+  const withHash = cleaned.startsWith("#") ? cleaned : `#${cleaned}`;
+  return withHash.slice(0, 7);
+}
+
+export { ColorPalette, ConfirmDialog, ImageDrop, OptionCards, OptionChips, StepProgress, Switch, normalizeHex };
+//# sourceMappingURL=chunk-3OVZ5JJQ.js.map
+//# sourceMappingURL=chunk-3OVZ5JJQ.js.map