@wellingtonhlc/shared-ui 0.24.0 → 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/components/Filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../src/components/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAE/D;AAED,iBAAS,UAAU,CAAC,EAClB,KAAiB,EACjB,WAAqE,EACrE,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAuB,GACxB,EAAE,eAAe,+BA8BjB;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../src/components/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAE/D;AAED,iBAAS,UAAU,CAAC,EAClB,KAAiB,EACjB,WAAqE,EACrE,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAuB,GACxB,EAAE,eAAe,+BAiCjB;AAED,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

package/dist/components/Filter.js

@@ -10,7 +10,11 @@ function FilterRoot({ title = 'Filtros', description = 'Refine os critérios ant
     const childrenArray = Children.toArray(children);
     const footerChildren = childrenArray.filter(child => isValidElement(child) && child.type === FilterFooter);
     const contentChildren = childrenArray.filter(child => !(isValidElement(child) && child.type === FilterFooter));
-    return (_jsxs(Card.Root, { className: cn('flex min-h-0 w-full flex-col overflow-hidden xl:h-full', maxHeightClassName, className), children: [_jsxs(Card.Title, { children: [_jsx(FilterIcon, { className: "text-primary h-4 w-4" }), title] }), _jsx(Card.Body, { className: cn('flex min-h-0 flex-1 flex-col', bodyClassName), children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [_jsx("div", { className: cn('min-h-0 flex-1 overflow-y-auto', contentClassName), children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-foreground-muted text-xs leading-5", children: description }), contentChildren] }) }), footerChildren] }) })] }));
+    return (
+    // Altura natural (content) por padrao — seguro em pilhas verticais (nao empurra irmaos).
+    // O preenchimento da coluna e a rolagem interna sao impostos pelo container
+    // (ex.: `Workspace.Root` forca o filho a `h-full`/`min-h-0`; em grids o item estica).
+    _jsxs(Card.Root, { className: cn('flex w-full min-w-0 flex-col overflow-hidden', maxHeightClassName, className), children: [_jsxs(Card.Title, { children: [_jsx(FilterIcon, { className: "text-primary h-4 w-4" }), title] }), _jsx(Card.Body, { className: cn('flex min-h-0 flex-1 flex-col', bodyClassName), children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [_jsx("div", { className: cn('min-h-0 flex-1 overflow-y-auto', contentClassName), children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-foreground-muted text-xs leading-5", children: description }), contentChildren] }) }), footerChildren] }) })] }));
 }
 export const Filter = {
     Root: FilterRoot,

package/dist/components/Workspace.js

@@ -4,7 +4,7 @@ import { Card } from './Card';
 import { EmptyState } from './EmptyState';
 import { RenderCase } from './RenderCase';
 function WorkspaceRoot({ filters, children, className }) {
-    return (_jsxs("div", { className: cn('grid min-h-0 flex-1 gap-3 xl:grid-cols-[320px_minmax(0,1fr)] xl:grid-rows-[minmax(0,1fr)]', className), children: [_jsx("aside", { className: "min-h-0 xl:self-stretch", children: filters }), _jsx("section", { className: "flex min-h-0 flex-1 flex-col", children: _jsxs(RenderCase.Root, { children: [_jsx(RenderCase.If, { when: Boolean(children && (Array.isArray(children) ? children.length > 0 : true)), children: children }), _jsx(RenderCase.Else, { children: _jsx(Card.Root, { className: "flex flex-1 items-center justify-center bg-surface/60 p-8 shadow-sm", children: _jsx(EmptyState, { title: "Nenhum resultado", description: "Ajuste os filtros e pesquise novamente." }) }) })] }) })] }));
+    return (_jsxs("div", { className: cn('grid min-h-0 flex-1 gap-3 xl:grid-cols-[320px_minmax(0,1fr)] xl:grid-rows-[minmax(0,1fr)]', className), children: [_jsx("aside", { className: "min-h-0 xl:self-stretch xl:[&>*]:h-full xl:[&>*]:min-h-0", children: filters }), _jsx("section", { className: "flex min-h-0 flex-1 flex-col", children: _jsxs(RenderCase.Root, { children: [_jsx(RenderCase.If, { when: Boolean(children && (Array.isArray(children) ? children.length > 0 : true)), children: children }), _jsx(RenderCase.Else, { children: _jsx(Card.Root, { className: "flex flex-1 items-center justify-center bg-surface/60 p-8 shadow-sm", children: _jsx(EmptyState, { title: "Nenhum resultado", description: "Ajuste os filtros e pesquise novamente." }) }) })] }) })] }));
 }
 export const Workspace = {
     Root: WorkspaceRoot,

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;
   }
@@ -3522,11 +3534,6 @@ h2.react-datepicker__current-month {
       width: calc(var(--spacing) * 72);
     }
   }
-  .xl\:h-full {
-    @media (width >= 80rem) {
-      height: 100%;
-    }
-  }
   .xl\:grid-cols-\[320px_minmax\(0\,1fr\)\] {
     @media (width >= 80rem) {
       grid-template-columns: 320px minmax(0,1fr);
@@ -3822,6 +3829,20 @@ h2.react-datepicker__current-month {
       padding-block: calc(var(--spacing) * 2);
     }
   }
+  .xl\:\[\&\>\*\]\:h-full {
+    @media (width >= 80rem) {
+      &>* {
+        height: 100%;
+      }
+    }
+  }
+  .xl\:\[\&\>\*\]\:min-h-0 {
+    @media (width >= 80rem) {
+      &>* {
+        min-height: calc(var(--spacing) * 0);
+      }
+    }
+  }
   .\[\&\>\[role\=separator\]\]\:h-px {
     &>[role=separator] {
       height: 1px;

package/package.json

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