@aspprev/versi-ds 0.3.0 → 0.4.1

package/README.md

@@ -65,6 +65,12 @@ export function Resumo() {
 | `/styles.css` | estilos e tokens base |
 | `/themes.css` | presets de tema |
 
+Na linha 0.4.x, todos os nove caminhos acima fazem parte do contrato público,
+incluindo `@aspprev/versi-ds/charts`, `@aspprev/versi-ds/countries`, os cinco
+entrypoints de componentes e os dois entrypoints CSS. Eles são definidos no
+campo `exports` do `package.json`; arquivos internos de `src` não fazem parte
+do contrato.
+
 Evite deep imports. Use somente os entrypoints públicos documentados no `package.json`.
 
 ### APIs desta versão
@@ -101,6 +107,13 @@ Consulte [`docs/API-NOVOS-COMPONENTES.md`](docs/API-NOVOS-COMPONENTES.md) e o St
 
 Os tokens canônicos ficam em `tokens/design-system.tokens.json`. Arquivos CSS gerados não devem ser editados manualmente.
 
+## Bundle de paises e bandeiras
+
+`core` e `forms` usam metadados leves. `SelectCountry` e `InputPhone` carregam
+as bandeiras por chunks ESM internos do pacote, sem CDN ou requests externos.
+Consulte [`docs/BUNDLE-PAISES.md`](docs/BUNDLE-PAISES.md) para a estrategia,
+compatibilidade SSR e validacao do limite de 750 KB.
+
 ## Storybook
 
 Instale as dependências e inicie a documentação visual:
@@ -172,7 +185,7 @@ npm run check:package
 npm run prepack
 ```
 
-O script `prepack` valida tokens, governança, segurança, TypeScript, build, tamanho e conteúdo do pacote. O projeto não possui um script `lint` separado.
+O script `prepack` valida tokens, governança, segurança, lint, TypeScript, build, tamanho e conteúdo do pacote.
 
 Para testar o exemplo integrado:
 

package/dist/charts.js

@@ -12,8 +12,7 @@ import {
   normalizeTimeSeriesTooltipColor,
   resolveInteractiveDonutColors,
   resolveRelativeDonutSelection
-} from "./chunk-V66QL3TD.js";
-import "./chunk-2NMEKWO5.js";
+} from "./chunk-5MRS4PDD.js";
 export {
   InteractiveDonutChart,
   LazyApexChart,

package/dist/{chunk-ATWH3MA6.js → chunk-2XXVEFFY.js}

@@ -1,45 +1,28 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
 // src/components/document-item/DocumentItem.tsx
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-function DocumentItem(_a) {
-  var _b = _a, {
-    title,
-    label,
-    description,
-    details = [],
-    status,
-    actions,
-    illustration,
-    variant = "plain",
-    titleClassName,
-    className
-  } = _b, rest = __objRest(_b, [
-    "title",
-    "label",
-    "description",
-    "details",
-    "status",
-    "actions",
-    "illustration",
-    "variant",
-    "titleClassName",
-    "className"
-  ]);
+function DocumentItem({
+  title,
+  label,
+  description,
+  details = [],
+  status,
+  actions,
+  illustration,
+  variant = "plain",
+  titleClassName,
+  className,
+  ...rest
+}) {
   return /* @__PURE__ */ jsxs(
     "div",
-    __spreadProps(__spreadValues({
+    {
       className: classNames(
         "flex min-w-0 flex-col gap-4 rounded-md tablet:flex-row tablet:items-center tablet:justify-between",
         variant === "subtle" && "bg-surface-subtle p-4 tablet:p-5",
         className
-      )
-    }, rest), {
+      ),
+      ...rest,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
@@ -67,11 +50,11 @@ function DocumentItem(_a) {
         illustration && /* @__PURE__ */ jsx("div", { className: "hidden shrink-0 desktop:block", "aria-hidden": "true", children: illustration }),
         actions && /* @__PURE__ */ jsx("div", { className: "flex w-full shrink-0 flex-col gap-2 tablet:w-auto tablet:flex-row tablet:flex-wrap tablet:justify-end", children: actions })
       ]
-    })
+    }
   );
 }
 
 export {
   DocumentItem
 };
-//# sourceMappingURL=chunk-ATWH3MA6.js.map
+//# sourceMappingURL=chunk-2XXVEFFY.js.map

package/dist/{chunk-ATWH3MA6.js.map → chunk-2XXVEFFY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/document-item/DocumentItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\n\nexport interface DocumentItemDetail {\n  label: ReactNode;\n  value: ReactNode;\n}\n\nexport interface DocumentItemProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  label?: ReactNode;\n  description?: ReactNode;\n  details?: DocumentItemDetail[];\n  status?: ReactNode;\n  actions?: ReactNode;\n  illustration?: ReactNode;\n  variant?: \"plain\" | \"subtle\";\n  titleClassName?: string;\n}\n\nexport function DocumentItem({\n  title,\n  label,\n  description,\n  details = [],\n  status,\n  actions,\n  illustration,\n  variant = \"plain\",\n  titleClassName,\n  className,\n  ...rest\n}: DocumentItemProps) {\n  return (\n    <div\n      className={classNames(\n        \"flex min-w-0 flex-col gap-4 rounded-md tablet:flex-row tablet:items-center tablet:justify-between\",\n        variant === \"subtle\" && \"bg-surface-subtle p-4 tablet:p-5\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"min-w-0 flex-1 space-y-3\">\n        <div className=\"min-w-0\">\n          {label && (\n            <p className=\"text-sm text-content-secondary\">{label}</p>\n          )}\n          <p\n            className={classNames(\n              \"break-words text-content-primary\",\n              titleClassName,\n            )}\n          >\n            {title}\n          </p>\n          {description && (\n            <div className=\"mt-1 break-words text-sm text-content-secondary\">\n              {description}\n            </div>\n          )}\n        </div>\n\n        {(details.length > 0 || status) && (\n          <div className=\"flex flex-wrap items-start gap-x-8 gap-y-3\">\n            {details.map((detail, index) => (\n              <div key={index} className=\"min-w-0\">\n                <p className=\"text-sm text-content-secondary\">{detail.label}</p>\n                <div className=\"break-words font-semibold text-content-primary\">\n                  {detail.value}\n                </div>\n              </div>\n            ))}\n            {status && <div className=\"min-w-0\">{status}</div>}\n          </div>\n        )}\n      </div>\n\n      {illustration && (\n        <div className=\"hidden shrink-0 desktop:block\" aria-hidden=\"true\">\n          {illustration}\n        </div>\n      )}\n\n      {actions && (\n        <div className=\"flex w-full shrink-0 flex-col gap-2 tablet:w-auto tablet:flex-row tablet:flex-wrap tablet:justify-end\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAAA,OAAO,gBAAgB;AA4Cf,SAEI,KAFJ;AAvBD,SAAS,aAAa,IAYP;AAZO,eAC3B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EA/BF,IAqB6B,IAWxB,iBAXwB,IAWxB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,YAAY,YAAY;AAAA,QACxB;AAAA,MACF;AAAA,OACI,OANL;AAAA,MAQC;AAAA,6BAAC,SAAI,WAAU,4BACb;AAAA,+BAAC,SAAI,WAAU,WACZ;AAAA,qBACC,oBAAC,OAAE,WAAU,kCAAkC,iBAAM;AAAA,YAEvD;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,YACC,eACC,oBAAC,SAAI,WAAU,mDACZ,uBACH;AAAA,aAEJ;AAAA,WAEE,QAAQ,SAAS,KAAK,WACtB,qBAAC,SAAI,WAAU,8CACZ;AAAA,oBAAQ,IAAI,CAAC,QAAQ,UACpB,qBAAC,SAAgB,WAAU,WACzB;AAAA,kCAAC,OAAE,WAAU,kCAAkC,iBAAO,OAAM;AAAA,cAC5D,oBAAC,SAAI,WAAU,kDACZ,iBAAO,OACV;AAAA,iBAJQ,KAKV,CACD;AAAA,YACA,UAAU,oBAAC,SAAI,WAAU,WAAW,kBAAO;AAAA,aAC9C;AAAA,WAEJ;AAAA,QAEC,gBACC,oBAAC,SAAI,WAAU,iCAAgC,eAAY,QACxD,wBACH;AAAA,QAGD,WACC,oBAAC,SAAI,WAAU,yGACZ,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../src/components/document-item/DocumentItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\n\nexport interface DocumentItemDetail {\n  label: ReactNode;\n  value: ReactNode;\n}\n\nexport interface DocumentItemProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  label?: ReactNode;\n  description?: ReactNode;\n  details?: DocumentItemDetail[];\n  status?: ReactNode;\n  actions?: ReactNode;\n  illustration?: ReactNode;\n  variant?: \"plain\" | \"subtle\";\n  titleClassName?: string;\n}\n\nexport function DocumentItem({\n  title,\n  label,\n  description,\n  details = [],\n  status,\n  actions,\n  illustration,\n  variant = \"plain\",\n  titleClassName,\n  className,\n  ...rest\n}: DocumentItemProps) {\n  return (\n    <div\n      className={classNames(\n        \"flex min-w-0 flex-col gap-4 rounded-md tablet:flex-row tablet:items-center tablet:justify-between\",\n        variant === \"subtle\" && \"bg-surface-subtle p-4 tablet:p-5\",\n        className,\n      )}\n      {...rest}\n    >\n      <div className=\"min-w-0 flex-1 space-y-3\">\n        <div className=\"min-w-0\">\n          {label && (\n            <p className=\"text-sm text-content-secondary\">{label}</p>\n          )}\n          <p\n            className={classNames(\n              \"break-words text-content-primary\",\n              titleClassName,\n            )}\n          >\n            {title}\n          </p>\n          {description && (\n            <div className=\"mt-1 break-words text-sm text-content-secondary\">\n              {description}\n            </div>\n          )}\n        </div>\n\n        {(details.length > 0 || status) && (\n          <div className=\"flex flex-wrap items-start gap-x-8 gap-y-3\">\n            {details.map((detail, index) => (\n              <div key={index} className=\"min-w-0\">\n                <p className=\"text-sm text-content-secondary\">{detail.label}</p>\n                <div className=\"break-words font-semibold text-content-primary\">\n                  {detail.value}\n                </div>\n              </div>\n            ))}\n            {status && <div className=\"min-w-0\">{status}</div>}\n          </div>\n        )}\n      </div>\n\n      {illustration && (\n        <div className=\"hidden shrink-0 desktop:block\" aria-hidden=\"true\">\n          {illustration}\n        </div>\n      )}\n\n      {actions && (\n        <div className=\"flex w-full shrink-0 flex-col gap-2 tablet:w-auto tablet:flex-row tablet:flex-wrap tablet:justify-end\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAAA,OAAO,gBAAgB;AA4Cf,SAEI,KAFJ;AAvBD,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,YAAY,YAAY;AAAA,QACxB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,WAAU,4BACb;AAAA,+BAAC,SAAI,WAAU,WACZ;AAAA,qBACC,oBAAC,OAAE,WAAU,kCAAkC,iBAAM;AAAA,YAEvD;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA,YACC,eACC,oBAAC,SAAI,WAAU,mDACZ,uBACH;AAAA,aAEJ;AAAA,WAEE,QAAQ,SAAS,KAAK,WACtB,qBAAC,SAAI,WAAU,8CACZ;AAAA,oBAAQ,IAAI,CAAC,QAAQ,UACpB,qBAAC,SAAgB,WAAU,WACzB;AAAA,kCAAC,OAAE,WAAU,kCAAkC,iBAAO,OAAM;AAAA,cAC5D,oBAAC,SAAI,WAAU,kDACZ,iBAAO,OACV;AAAA,iBAJQ,KAKV,CACD;AAAA,YACA,UAAU,oBAAC,SAAI,WAAU,WAAW,kBAAO;AAAA,aAC9C;AAAA,WAEJ;AAAA,QAEC,gBACC,oBAAC,SAAI,WAAU,iCAAgC,eAAY,QACxD,wBACH;AAAA,QAGD,WACC,oBAAC,SAAI,WAAU,yGACZ,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}