@wellingtonhlc/shared-ui 0.24.1 → 0.24.2

package/dist/components/Badge.d.ts

@@ -4,6 +4,13 @@ export type BadgeSize = 'xs' | 'sm' | 'md';
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     variant?: BadgeVariant | string;
     size?: BadgeSize;
+    /**
+     * Permite que o conteudo quebre em multiplas linhas quando nao couber na largura
+     * disponivel. Por padrao o badge fica em linha unica (`inline-flex` + `whitespace-nowrap`),
+     * adequado a status curtos; com `wrap` vira `inline-block` e quebra palavras longas,
+     * util para valores longos (ex.: auditoria).
+     */
+    wrap?: boolean;
 }
 export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA+BD,eAAO,MAAM,KAAK,wGAoBjB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA+BD,eAAO,MAAM,KAAK,wGAuBjB,CAAC"}

package/dist/components/Badge.js

@@ -24,11 +24,13 @@ const sizeClasses = {
     sm: 'px-2.5 py-1 text-sm',
     md: 'px-3 py-1 text-base',
 };
-export const Badge = forwardRef(({ className, size = 'xs', variant = 'default', ...props }, ref) => {
+export const Badge = forwardRef(({ className, size = 'xs', variant = 'default', wrap = false, ...props }, ref) => {
     const normalizedVariant = variant.toLowerCase();
     const normalizedAlias = variantAlias[normalizedVariant] ?? normalizedVariant;
     const knownVariant = normalizedAlias;
     const variantClass = variantClasses[knownVariant] ?? normalizedVariant;
-    return (_jsx("span", { ref: ref, className: cn('inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border font-medium leading-none', variantClass, sizeClasses[size], className), ...props }));
+    return (_jsx("span", { ref: ref, className: cn('rounded-full border font-medium', wrap
+            ? 'inline-block whitespace-normal break-words [overflow-wrap:anywhere] leading-snug'
+            : 'inline-flex items-center gap-1.5 whitespace-nowrap leading-none', variantClass, sizeClasses[size], className), ...props }));
 });
 Badge.displayName = 'Badge';

package/dist/styles.css

@@ -1041,6 +1041,9 @@ h2.react-datepicker__current-month {
   .inline {
     display: inline;
   }
+  .inline-block {
+    display: inline-block;
+  }
   .inline-flex {
     display: inline-flex;
   }
@@ -2194,9 +2197,18 @@ h2.react-datepicker__current-month {
     --tw-tracking: var(--tracking-wide);
     letter-spacing: var(--tracking-wide);
   }
+  .\[overflow-wrap\:anywhere\] {
+    overflow-wrap: anywhere;
+  }
+  .break-words {
+    overflow-wrap: break-word;
+  }
   .text-ellipsis {
     text-overflow: ellipsis;
   }
+  .whitespace-normal {
+    white-space: normal;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wellingtonhlc/shared-ui",
-    "version": "0.24.1",
+    "version": "0.24.2",
     "private": false,
     "type": "module",
     "main": "./dist/index.js",