vobi_document 1.1.0 → 1.1.1

package/dist/render.cjs

@@ -1,72 +1,72 @@
 'use strict';
 
-var chunkU56KVTK5_cjs = require('./chunk-U56KVTK5.cjs');
-var chunkNDHTMYPA_cjs = require('./chunk-NDHTMYPA.cjs');
+var chunk26DSIOEY_cjs = require('./chunk-26DSIOEY.cjs');
+var chunkRO3Y2MSU_cjs = require('./chunk-RO3Y2MSU.cjs');
 require('./chunk-ERKU5FDV.cjs');
-require('./chunk-ZXWOZZXO.cjs');
-require('./chunk-IRFFN74K.cjs');
+require('./chunk-QJ5W5EED.cjs');
+require('./chunk-SP5LCPDG.cjs');
 
 
 
 Object.defineProperty(exports, "CoverEditable", {
   enumerable: true,
-  get: function () { return chunkU56KVTK5_cjs.CoverEditable; }
+  get: function () { return chunk26DSIOEY_cjs.CoverEditable; }
 });
 Object.defineProperty(exports, "CoverTemplateStatic", {
   enumerable: true,
-  get: function () { return chunkU56KVTK5_cjs.CoverTemplateStatic; }
+  get: function () { return chunk26DSIOEY_cjs.CoverTemplateStatic; }
 });
 Object.defineProperty(exports, "COMPANY_INFO_ICONS", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.COMPANY_INFO_ICONS; }
+  get: function () { return chunkRO3Y2MSU_cjs.COMPANY_INFO_ICONS; }
 });
 Object.defineProperty(exports, "COVER_TEMPLATE_IDS", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.COVER_TEMPLATE_IDS; }
+  get: function () { return chunkRO3Y2MSU_cjs.COVER_TEMPLATE_IDS; }
 });
 Object.defineProperty(exports, "CoverPage", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.CoverPage; }
+  get: function () { return chunkRO3Y2MSU_cjs.CoverPage; }
 });
 Object.defineProperty(exports, "DG_ERROR", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.DG_ERROR; }
+  get: function () { return chunkRO3Y2MSU_cjs.DG_ERROR; }
 });
 Object.defineProperty(exports, "DG_MESSAGE_SOURCE", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.DG_MESSAGE_SOURCE; }
+  get: function () { return chunkRO3Y2MSU_cjs.DG_MESSAGE_SOURCE; }
 });
 Object.defineProperty(exports, "DG_READY", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.DG_READY; }
+  get: function () { return chunkRO3Y2MSU_cjs.DG_READY; }
 });
 Object.defineProperty(exports, "DocumentRenderer", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.DocumentRenderer; }
+  get: function () { return chunkRO3Y2MSU_cjs.DocumentRenderer; }
 });
 Object.defineProperty(exports, "FOOTER_INFO_ORDER", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.FOOTER_INFO_ORDER; }
+  get: function () { return chunkRO3Y2MSU_cjs.FOOTER_INFO_ORDER; }
 });
 Object.defineProperty(exports, "FooterBar", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.FooterBar; }
+  get: function () { return chunkRO3Y2MSU_cjs.FooterBar; }
 });
 Object.defineProperty(exports, "HEADER_INFO_ORDER", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.HEADER_INFO_ORDER; }
+  get: function () { return chunkRO3Y2MSU_cjs.HEADER_INFO_ORDER; }
 });
 Object.defineProperty(exports, "HeaderBar", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.HeaderBar; }
+  get: function () { return chunkRO3Y2MSU_cjs.HeaderBar; }
 });
 Object.defineProperty(exports, "resolveCoverAccent", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.resolveCoverAccent; }
+  get: function () { return chunkRO3Y2MSU_cjs.resolveCoverAccent; }
 });
 Object.defineProperty(exports, "resolveCoverColors", {
   enumerable: true,
-  get: function () { return chunkNDHTMYPA_cjs.resolveCoverColors; }
+  get: function () { return chunkRO3Y2MSU_cjs.resolveCoverColors; }
 });
 //# sourceMappingURL=render.cjs.map
 //# sourceMappingURL=render.cjs.map

package/dist/render.js

@@ -1,7 +1,7 @@
-export { CoverEditable, CoverTemplateStatic } from './chunk-KCZKC3OG.js';
-export { COMPANY_INFO_ICONS, COVER_TEMPLATE_IDS, CoverPage, DG_ERROR, DG_MESSAGE_SOURCE, DG_READY, DocumentRenderer, FOOTER_INFO_ORDER, FooterBar, HEADER_INFO_ORDER, HeaderBar, resolveCoverAccent, resolveCoverColors } from './chunk-6GRYRVU5.js';
+export { CoverEditable, CoverTemplateStatic } from './chunk-W52ULJCW.js';
+export { COMPANY_INFO_ICONS, COVER_TEMPLATE_IDS, CoverPage, DG_ERROR, DG_MESSAGE_SOURCE, DG_READY, DocumentRenderer, FOOTER_INFO_ORDER, FooterBar, HEADER_INFO_ORDER, HeaderBar, resolveCoverAccent, resolveCoverColors } from './chunk-M6FQVH76.js';
 import './chunk-PLQNNXS2.js';
-import './chunk-2EBYURIX.js';
-import './chunk-M2TPAU2F.js';
+import './chunk-CZB7F2LA.js';
+import './chunk-SOIYSSU3.js';
 //# sourceMappingURL=render.js.map
 //# sourceMappingURL=render.js.map

package/dist/variables.cjs

@@ -1,95 +1,111 @@
 'use strict';
 
-var chunkAQ5FAAP6_cjs = require('./chunk-AQ5FAAP6.cjs');
-var chunkKUB3TYG2_cjs = require('./chunk-KUB3TYG2.cjs');
-var chunkZXWOZZXO_cjs = require('./chunk-ZXWOZZXO.cjs');
-var chunkIRFFN74K_cjs = require('./chunk-IRFFN74K.cjs');
+var chunkGR76U6FP_cjs = require('./chunk-GR76U6FP.cjs');
+var chunkI22MGPXO_cjs = require('./chunk-I22MGPXO.cjs');
+var chunkQJ5W5EED_cjs = require('./chunk-QJ5W5EED.cjs');
+var chunkSP5LCPDG_cjs = require('./chunk-SP5LCPDG.cjs');
 
 
 
+Object.defineProperty(exports, "VARIABLE_MENU_MAX_HEIGHT", {
+  enumerable: true,
+  get: function () { return chunkGR76U6FP_cjs.VARIABLE_MENU_MAX_HEIGHT; }
+});
+Object.defineProperty(exports, "VARIABLE_MENU_WIDTH", {
+  enumerable: true,
+  get: function () { return chunkGR76U6FP_cjs.VARIABLE_MENU_WIDTH; }
+});
 Object.defineProperty(exports, "VariableMenu", {
   enumerable: true,
-  get: function () { return chunkAQ5FAAP6_cjs.VariableMenu; }
+  get: function () { return chunkGR76U6FP_cjs.VariableMenu; }
+});
+Object.defineProperty(exports, "placeVariableMenu", {
+  enumerable: true,
+  get: function () { return chunkGR76U6FP_cjs.placeVariableMenu; }
 });
 Object.defineProperty(exports, "variableCatalogSchema", {
   enumerable: true,
-  get: function () { return chunkAQ5FAAP6_cjs.variableCatalogSchema; }
+  get: function () { return chunkGR76U6FP_cjs.variableCatalogSchema; }
 });
 Object.defineProperty(exports, "variableDefSchema", {
   enumerable: true,
-  get: function () { return chunkAQ5FAAP6_cjs.variableDefSchema; }
+  get: function () { return chunkGR76U6FP_cjs.variableDefSchema; }
 });
 Object.defineProperty(exports, "variableTypeSchema", {
   enumerable: true,
-  get: function () { return chunkAQ5FAAP6_cjs.variableTypeSchema; }
+  get: function () { return chunkGR76U6FP_cjs.variableTypeSchema; }
 });
 Object.defineProperty(exports, "CHIP_CLASS", {
   enumerable: true,
-  get: function () { return chunkKUB3TYG2_cjs.CHIP_CLASS; }
+  get: function () { return chunkI22MGPXO_cjs.CHIP_CLASS; }
+});
+Object.defineProperty(exports, "EMPTY_CHIP_CLASS", {
+  enumerable: true,
+  get: function () { return chunkI22MGPXO_cjs.EMPTY_CHIP_CLASS; }
 });
 Object.defineProperty(exports, "INVALID_CHIP_CLASS", {
   enumerable: true,
-  get: function () { return chunkKUB3TYG2_cjs.INVALID_CHIP_CLASS; }
+  get: function () { return chunkI22MGPXO_cjs.INVALID_CHIP_CLASS; }
 });
 Object.defineProperty(exports, "NOT_INFORMED_LABEL", {
   enumerable: true,
-  get: function () { return chunkKUB3TYG2_cjs.NOT_INFORMED_LABEL; }
+  get: function () { return chunkI22MGPXO_cjs.NOT_INFORMED_LABEL; }
 });
 Object.defineProperty(exports, "buildVariableChipHtml", {
   enumerable: true,
-  get: function () { return chunkKUB3TYG2_cjs.buildVariableChipHtml; }
+  get: function () { return chunkI22MGPXO_cjs.buildVariableChipHtml; }
 });
 Object.defineProperty(exports, "collectVariableIssues", {
   enumerable: true,
-  get: function () { return chunkKUB3TYG2_cjs.collectVariableIssues; }
+  get: function () { return chunkI22MGPXO_cjs.collectVariableIssues; }
 });
 Object.defineProperty(exports, "resolveVariableHtml", {
   enumerable: true,
-  get: function () { return chunkKUB3TYG2_cjs.resolveVariableHtml; }
+  get: function () { return chunkI22MGPXO_cjs.resolveVariableHtml; }
 });
 Object.defineProperty(exports, "formatResolvedValues", {
   enumerable: true,
-  get: function () { return chunkZXWOZZXO_cjs.formatResolvedValues; }
+  get: function () { return chunkQJ5W5EED_cjs.formatResolvedValues; }
 });
 Object.defineProperty(exports, "formatValue", {
   enumerable: true,
-  get: function () { return chunkZXWOZZXO_cjs.formatValue; }
+  get: function () { return chunkQJ5W5EED_cjs.formatValue; }
 });
 Object.defineProperty(exports, "resolveDocumentVariables", {
   enumerable: true,
-  get: function () { return chunkZXWOZZXO_cjs.resolveDocumentVariables; }
+  get: function () { return chunkQJ5W5EED_cjs.resolveDocumentVariables; }
 });
 Object.defineProperty(exports, "CatalogProvider", {
   enumerable: true,
-  get: function () { return chunkIRFFN74K_cjs.CatalogProvider; }
+  get: function () { return chunkSP5LCPDG_cjs.CatalogProvider; }
 });
 Object.defineProperty(exports, "ResolvedProvider", {
   enumerable: true,
-  get: function () { return chunkIRFFN74K_cjs.ResolvedProvider; }
+  get: function () { return chunkSP5LCPDG_cjs.ResolvedProvider; }
 });
 Object.defineProperty(exports, "extractBindingKeys", {
   enumerable: true,
-  get: function () { return chunkIRFFN74K_cjs.extractBindingKeys; }
+  get: function () { return chunkSP5LCPDG_cjs.extractBindingKeys; }
 });
 Object.defineProperty(exports, "findInvalidBindings", {
   enumerable: true,
-  get: function () { return chunkIRFFN74K_cjs.findInvalidBindings; }
+  get: function () { return chunkSP5LCPDG_cjs.findInvalidBindings; }
 });
 Object.defineProperty(exports, "useCatalog", {
   enumerable: true,
-  get: function () { return chunkIRFFN74K_cjs.useCatalog; }
+  get: function () { return chunkSP5LCPDG_cjs.useCatalog; }
 });
 Object.defineProperty(exports, "useResolvedVariables", {
   enumerable: true,
-  get: function () { return chunkIRFFN74K_cjs.useResolvedVariables; }
+  get: function () { return chunkSP5LCPDG_cjs.useResolvedVariables; }
 });
 Object.defineProperty(exports, "useTranslator", {
   enumerable: true,
-  get: function () { return chunkIRFFN74K_cjs.useTranslator; }
+  get: function () { return chunkSP5LCPDG_cjs.useTranslator; }
 });
 Object.defineProperty(exports, "useUnresolvedDisplay", {
   enumerable: true,
-  get: function () { return chunkIRFFN74K_cjs.useUnresolvedDisplay; }
+  get: function () { return chunkSP5LCPDG_cjs.useUnresolvedDisplay; }
 });
 //# sourceMappingURL=variables.cjs.map
 //# sourceMappingURL=variables.cjs.map

package/dist/variables.d.cts

@@ -29,12 +29,44 @@ type Props = {
     accept?: VariableType[];
     model?: string;
     onPick: (def: VariableDef) => void;
+    /** Altura máxima do painel em px. O host reduz quando não há espaço na viewport. */
+    maxHeight?: number;
 };
-declare function VariableMenu({ accept, model, onPick }: Props): react.JSX.Element;
+declare const VARIABLE_MENU_WIDTH = 260;
+declare const VARIABLE_MENU_MAX_HEIGHT = 320;
+declare function VariableMenu({ accept, model, onPick, maxHeight }: Props): react.JSX.Element;
+
+/** Retângulo da âncora em coordenadas de viewport (o que `getBoundingClientRect` devolve). */
+type MenuAnchor = {
+    top: number;
+    bottom: number;
+    left: number;
+};
+type MenuViewport = {
+    width: number;
+    height: number;
+};
+type MenuPlacement = {
+    top: number;
+    left: number;
+    maxHeight: number;
+    placement: 'top' | 'bottom';
+};
+/**
+ * Posiciona o menu de variáveis (`position: fixed`) ancorado no cursor: abre para baixo quando cabe,
+ * inverte para cima quando não cabe, e encolhe `maxHeight` ao espaço disponível.
+ * Sem isso o menu aberto no fim da página fica cortado pela viewport — ver docs/variables.md.
+ */
+declare const placeVariableMenu: (anchor: MenuAnchor, viewport: MenuViewport, options?: {
+    width?: number;
+    maxHeight?: number;
+    minHeight?: number;
+}) => MenuPlacement;
 
 declare const NOT_INFORMED_LABEL = "N\u00E3o informado";
 declare const CHIP_CLASS = "dg-var";
 declare const INVALID_CHIP_CLASS = "dg-var--invalid";
+declare const EMPTY_CHIP_CLASS = "dg-var--empty";
 /** Markup canônico do chip de variável — editores de host inserem por aqui. */
 declare const buildVariableChipHtml: (def: {
     key: string;
@@ -71,4 +103,4 @@ declare function ResolvedProvider({ resolved, ensureResolved, unresolvedDisplay,
 declare function useResolvedVariables(): ResolvedVariables;
 declare function useUnresolvedDisplay(): UnresolvedDisplay;
 
-export { CHIP_CLASS, INVALID_CHIP_CLASS, NOT_INFORMED_LABEL, ResolvedProvider, ResolvedVariables, UnresolvedDisplay, VariableCatalog, VariableContext, VariableDef, VariableMenu, VariableResolver, VariableType, buildVariableChipHtml, collectVariableIssues, extractBindingKeys, findInvalidBindings, formatResolvedValues, formatValue, resolveDocumentVariables, resolveVariableHtml, useResolvedVariables, useUnresolvedDisplay, variableCatalogSchema, variableDefSchema, variableTypeSchema };
+export { CHIP_CLASS, EMPTY_CHIP_CLASS, INVALID_CHIP_CLASS, type MenuAnchor, type MenuPlacement, type MenuViewport, NOT_INFORMED_LABEL, ResolvedProvider, ResolvedVariables, UnresolvedDisplay, VARIABLE_MENU_MAX_HEIGHT, VARIABLE_MENU_WIDTH, VariableCatalog, VariableContext, VariableDef, VariableMenu, VariableResolver, VariableType, buildVariableChipHtml, collectVariableIssues, extractBindingKeys, findInvalidBindings, formatResolvedValues, formatValue, placeVariableMenu, resolveDocumentVariables, resolveVariableHtml, useResolvedVariables, useUnresolvedDisplay, variableCatalogSchema, variableDefSchema, variableTypeSchema };

package/dist/variables.d.ts

@@ -29,12 +29,44 @@ type Props = {
     accept?: VariableType[];
     model?: string;
     onPick: (def: VariableDef) => void;
+    /** Altura máxima do painel em px. O host reduz quando não há espaço na viewport. */
+    maxHeight?: number;
 };
-declare function VariableMenu({ accept, model, onPick }: Props): react.JSX.Element;
+declare const VARIABLE_MENU_WIDTH = 260;
+declare const VARIABLE_MENU_MAX_HEIGHT = 320;
+declare function VariableMenu({ accept, model, onPick, maxHeight }: Props): react.JSX.Element;
+
+/** Retângulo da âncora em coordenadas de viewport (o que `getBoundingClientRect` devolve). */
+type MenuAnchor = {
+    top: number;
+    bottom: number;
+    left: number;
+};
+type MenuViewport = {
+    width: number;
+    height: number;
+};
+type MenuPlacement = {
+    top: number;
+    left: number;
+    maxHeight: number;
+    placement: 'top' | 'bottom';
+};
+/**
+ * Posiciona o menu de variáveis (`position: fixed`) ancorado no cursor: abre para baixo quando cabe,
+ * inverte para cima quando não cabe, e encolhe `maxHeight` ao espaço disponível.
+ * Sem isso o menu aberto no fim da página fica cortado pela viewport — ver docs/variables.md.
+ */
+declare const placeVariableMenu: (anchor: MenuAnchor, viewport: MenuViewport, options?: {
+    width?: number;
+    maxHeight?: number;
+    minHeight?: number;
+}) => MenuPlacement;
 
 declare const NOT_INFORMED_LABEL = "N\u00E3o informado";
 declare const CHIP_CLASS = "dg-var";
 declare const INVALID_CHIP_CLASS = "dg-var--invalid";
+declare const EMPTY_CHIP_CLASS = "dg-var--empty";
 /** Markup canônico do chip de variável — editores de host inserem por aqui. */
 declare const buildVariableChipHtml: (def: {
     key: string;
@@ -71,4 +103,4 @@ declare function ResolvedProvider({ resolved, ensureResolved, unresolvedDisplay,
 declare function useResolvedVariables(): ResolvedVariables;
 declare function useUnresolvedDisplay(): UnresolvedDisplay;
 
-export { CHIP_CLASS, INVALID_CHIP_CLASS, NOT_INFORMED_LABEL, ResolvedProvider, ResolvedVariables, UnresolvedDisplay, VariableCatalog, VariableContext, VariableDef, VariableMenu, VariableResolver, VariableType, buildVariableChipHtml, collectVariableIssues, extractBindingKeys, findInvalidBindings, formatResolvedValues, formatValue, resolveDocumentVariables, resolveVariableHtml, useResolvedVariables, useUnresolvedDisplay, variableCatalogSchema, variableDefSchema, variableTypeSchema };
+export { CHIP_CLASS, EMPTY_CHIP_CLASS, INVALID_CHIP_CLASS, type MenuAnchor, type MenuPlacement, type MenuViewport, NOT_INFORMED_LABEL, ResolvedProvider, ResolvedVariables, UnresolvedDisplay, VARIABLE_MENU_MAX_HEIGHT, VARIABLE_MENU_WIDTH, VariableCatalog, VariableContext, VariableDef, VariableMenu, VariableResolver, VariableType, buildVariableChipHtml, collectVariableIssues, extractBindingKeys, findInvalidBindings, formatResolvedValues, formatValue, placeVariableMenu, resolveDocumentVariables, resolveVariableHtml, useResolvedVariables, useUnresolvedDisplay, variableCatalogSchema, variableDefSchema, variableTypeSchema };

package/dist/variables.js

@@ -1,6 +1,6 @@
-export { VariableMenu, variableCatalogSchema, variableDefSchema, variableTypeSchema } from './chunk-ABIEQHS2.js';
-export { CHIP_CLASS, INVALID_CHIP_CLASS, NOT_INFORMED_LABEL, buildVariableChipHtml, collectVariableIssues, resolveVariableHtml } from './chunk-JEVWEGSE.js';
-export { formatResolvedValues, formatValue, resolveDocumentVariables } from './chunk-2EBYURIX.js';
-export { CatalogProvider, ResolvedProvider, extractBindingKeys, findInvalidBindings, useCatalog, useResolvedVariables, useTranslator, useUnresolvedDisplay } from './chunk-M2TPAU2F.js';
+export { VARIABLE_MENU_MAX_HEIGHT, VARIABLE_MENU_WIDTH, VariableMenu, placeVariableMenu, variableCatalogSchema, variableDefSchema, variableTypeSchema } from './chunk-N3IDPT3B.js';
+export { CHIP_CLASS, EMPTY_CHIP_CLASS, INVALID_CHIP_CLASS, NOT_INFORMED_LABEL, buildVariableChipHtml, collectVariableIssues, resolveVariableHtml } from './chunk-MUSSJOOA.js';
+export { formatResolvedValues, formatValue, resolveDocumentVariables } from './chunk-CZB7F2LA.js';
+export { CatalogProvider, ResolvedProvider, extractBindingKeys, findInvalidBindings, useCatalog, useResolvedVariables, useTranslator, useUnresolvedDisplay } from './chunk-SOIYSSU3.js';
 //# sourceMappingURL=variables.js.map
 //# sourceMappingURL=variables.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vobi_document",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/dist/chunk-ABIEQHS2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/variables/schema.ts","../src/variables/VariableMenu.tsx"],"names":[],"mappings":"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","file":"chunk-ABIEQHS2.js","sourcesContent":["import { z } from 'zod';\nimport type { VariableCatalog, VariableDef, VariableType } from './types';\n\ntype Schema<T> = z.ZodType<T, z.ZodTypeDef, unknown>;\n\nexport const variableTypeSchema: Schema<VariableType> = z.enum([\n  'string',\n  'number',\n  'date',\n  'currency',\n  'boolean',\n  'document',\n  'phone',\n  'zipcode'\n]);\n\nexport const variableDefSchema: Schema<VariableDef> = z\n  .object({\n    key: z.string().min(1),\n    label: z.string().min(1),\n    fullLabel: z.string().optional(),\n    type: variableTypeSchema,\n    model: z.string().min(1),\n    default: z.unknown().optional()\n  })\n  .strict();\n\nexport const variableCatalogSchema: Schema<VariableCatalog> = z\n  .object({\n    catalog: z.array(variableDefSchema).default([])\n  })\n  .strict();\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useCatalog, useTranslator } from './catalogContext';\nimport { useEnsureResolved, useResolvedVariables } from './resolvedContext';\nimport type { VariableDef, VariableType } from './types';\n\ntype Props = {\n  accept?: VariableType[];\n  model?: string;\n  onPick: (def: VariableDef) => void;\n};\n\nconst Panel = styled.div`\n  width: 260px;\n  max-height: 320px;\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.16);\n  padding: 6px;\n`;\n\nconst Search = styled.input`\n  width: 100%;\n  padding: 9px 10px;\n  margin-bottom: 4px;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  font-size: 13px;\n  color: #111827;\n\n  &::placeholder {\n    color: #9aa3af;\n  }\n  &:focus {\n    outline: none;\n    border-color: #1a56db;\n  }\n`;\n\nconst GroupLabel = styled.div`\n  padding: 10px 10px 4px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #9aa3af;\n`;\n\nconst Option = styled.button`\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  width: 100%;\n  padding: 7px 10px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  cursor: pointer;\n  text-align: left;\n\n  &:hover {\n    background: #f3f6fb;\n  }\n`;\n\nconst OptionLabel = styled.span`\n  color: #1f2937;\n  font-size: 13px;\n  font-weight: 500;\n`;\n\nconst OptionValue = styled.span`\n  color: #9aa3af;\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst Missing = styled.span`\n  color: #e02424;\n  font-size: 12px;\n  font-style: italic;\n`;\n\nconst Empty = styled.div`\n  padding: 14px 10px;\n  color: #9aa3af;\n  text-align: center;\n  font-size: 13px;\n`;\n\nfunction groupBy(defs: VariableDef[]): [string, VariableDef[]][] {\n  const map = new Map<string, VariableDef[]>();\n  defs.forEach(def => {\n    const list = map.get(def.model ?? 'outros') ?? [];\n    list.push(def);\n    map.set(def.model ?? 'outros', list);\n  });\n  return [...map.entries()];\n}\n\nexport function VariableMenu({ accept, model, onPick }: Props) {\n  const catalog = useCatalog();\n  const translator = useTranslator();\n  const preview = useResolvedVariables();\n  const ensureResolved = useEnsureResolved();\n  const [query, setQuery] = useState('');\n  const [loading, setLoading] = useState(true);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const catalogRef = useRef(catalog);\n  catalogRef.current = catalog;\n\n  useEffect(() => {\n    searchRef.current?.focus();\n  }, []);\n\n  useEffect(() => {\n    let active = true;\n    ensureResolved(catalogRef.current.map(def => def.key)).finally(() => {\n      if (active) setLoading(false);\n    });\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const options = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    const matchesQuery = (def: VariableDef) =>\n      def.label.toLowerCase().includes(q) || Boolean(def.fullLabel?.toLowerCase().includes(q));\n    return catalog.filter(\n      def => (!accept || accept.includes(def.type)) && (!model || def.model === model) && (!q || matchesQuery(def))\n    );\n  }, [catalog, accept, model, query]);\n\n  return (\n    <Panel>\n      <Search ref={searchRef} placeholder=\"Inserir variável\" value={query} onChange={e => setQuery(e.target.value)} />\n      {options.length === 0 && <Empty>Nenhuma variável</Empty>}\n      {groupBy(options).map(([groupName, defs]) => (\n        <div key={groupName}>\n          <GroupLabel>{translator[groupName] ?? groupName}</GroupLabel>\n          {defs.map(def => {\n            const value = preview[def.key];\n            return (\n              <Option key={def.key} type=\"button\" onMouseDown={e => e.preventDefault()} onClick={() => onPick(def)}>\n                <OptionLabel>{def.label}</OptionLabel>\n                {value ? <OptionValue>{value}</OptionValue> : null}\n                {!value && !loading ? <Missing>Dado não informado</Missing> : null}\n              </Option>\n            );\n          })}\n        </div>\n      ))}\n    </Panel>\n  );\n}\n"]}

package/dist/chunk-AQ5FAAP6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/variables/schema.ts","../src/variables/VariableMenu.tsx"],"names":["z","styled","useCatalog","useTranslator","useResolvedVariables","useEnsureResolved","useState","useRef","useEffect","useMemo","jsx","jsxs"],"mappings":"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","file":"chunk-AQ5FAAP6.cjs","sourcesContent":["import { z } from 'zod';\nimport type { VariableCatalog, VariableDef, VariableType } from './types';\n\ntype Schema<T> = z.ZodType<T, z.ZodTypeDef, unknown>;\n\nexport const variableTypeSchema: Schema<VariableType> = z.enum([\n  'string',\n  'number',\n  'date',\n  'currency',\n  'boolean',\n  'document',\n  'phone',\n  'zipcode'\n]);\n\nexport const variableDefSchema: Schema<VariableDef> = z\n  .object({\n    key: z.string().min(1),\n    label: z.string().min(1),\n    fullLabel: z.string().optional(),\n    type: variableTypeSchema,\n    model: z.string().min(1),\n    default: z.unknown().optional()\n  })\n  .strict();\n\nexport const variableCatalogSchema: Schema<VariableCatalog> = z\n  .object({\n    catalog: z.array(variableDefSchema).default([])\n  })\n  .strict();\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { useCatalog, useTranslator } from './catalogContext';\nimport { useEnsureResolved, useResolvedVariables } from './resolvedContext';\nimport type { VariableDef, VariableType } from './types';\n\ntype Props = {\n  accept?: VariableType[];\n  model?: string;\n  onPick: (def: VariableDef) => void;\n};\n\nconst Panel = styled.div`\n  width: 260px;\n  max-height: 320px;\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: 12px;\n  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.16);\n  padding: 6px;\n`;\n\nconst Search = styled.input`\n  width: 100%;\n  padding: 9px 10px;\n  margin-bottom: 4px;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  font-size: 13px;\n  color: #111827;\n\n  &::placeholder {\n    color: #9aa3af;\n  }\n  &:focus {\n    outline: none;\n    border-color: #1a56db;\n  }\n`;\n\nconst GroupLabel = styled.div`\n  padding: 10px 10px 4px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #9aa3af;\n`;\n\nconst Option = styled.button`\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  width: 100%;\n  padding: 7px 10px;\n  border: none;\n  border-radius: 8px;\n  background: transparent;\n  cursor: pointer;\n  text-align: left;\n\n  &:hover {\n    background: #f3f6fb;\n  }\n`;\n\nconst OptionLabel = styled.span`\n  color: #1f2937;\n  font-size: 13px;\n  font-weight: 500;\n`;\n\nconst OptionValue = styled.span`\n  color: #9aa3af;\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst Missing = styled.span`\n  color: #e02424;\n  font-size: 12px;\n  font-style: italic;\n`;\n\nconst Empty = styled.div`\n  padding: 14px 10px;\n  color: #9aa3af;\n  text-align: center;\n  font-size: 13px;\n`;\n\nfunction groupBy(defs: VariableDef[]): [string, VariableDef[]][] {\n  const map = new Map<string, VariableDef[]>();\n  defs.forEach(def => {\n    const list = map.get(def.model ?? 'outros') ?? [];\n    list.push(def);\n    map.set(def.model ?? 'outros', list);\n  });\n  return [...map.entries()];\n}\n\nexport function VariableMenu({ accept, model, onPick }: Props) {\n  const catalog = useCatalog();\n  const translator = useTranslator();\n  const preview = useResolvedVariables();\n  const ensureResolved = useEnsureResolved();\n  const [query, setQuery] = useState('');\n  const [loading, setLoading] = useState(true);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const catalogRef = useRef(catalog);\n  catalogRef.current = catalog;\n\n  useEffect(() => {\n    searchRef.current?.focus();\n  }, []);\n\n  useEffect(() => {\n    let active = true;\n    ensureResolved(catalogRef.current.map(def => def.key)).finally(() => {\n      if (active) setLoading(false);\n    });\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const options = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    const matchesQuery = (def: VariableDef) =>\n      def.label.toLowerCase().includes(q) || Boolean(def.fullLabel?.toLowerCase().includes(q));\n    return catalog.filter(\n      def => (!accept || accept.includes(def.type)) && (!model || def.model === model) && (!q || matchesQuery(def))\n    );\n  }, [catalog, accept, model, query]);\n\n  return (\n    <Panel>\n      <Search ref={searchRef} placeholder=\"Inserir variável\" value={query} onChange={e => setQuery(e.target.value)} />\n      {options.length === 0 && <Empty>Nenhuma variável</Empty>}\n      {groupBy(options).map(([groupName, defs]) => (\n        <div key={groupName}>\n          <GroupLabel>{translator[groupName] ?? groupName}</GroupLabel>\n          {defs.map(def => {\n            const value = preview[def.key];\n            return (\n              <Option key={def.key} type=\"button\" onMouseDown={e => e.preventDefault()} onClick={() => onPick(def)}>\n                <OptionLabel>{def.label}</OptionLabel>\n                {value ? <OptionValue>{value}</OptionValue> : null}\n                {!value && !loading ? <Missing>Dado não informado</Missing> : null}\n              </Option>\n            );\n          })}\n        </div>\n      ))}\n    </Panel>\n  );\n}\n"]}