@snksergio/design-system 0.5.0 → 0.5.1

package/dist-lib/src/components/ui/AppShell/app-shell.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/app-shell.types.ts"],"names":[],"mappings":"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"}

package/dist-lib/src/components/ui/AppShell/index.d.ts

@@ -0,0 +1,5 @@
+export { AppShell } from './app-shell';
+export type { AppShellProps, AppShellUser, AppShellLayoutOption, } from './app-shell.types';
+export { UserMenu } from './user-menu';
+export type { UserMenuProps } from './user-menu';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/AppShell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist-lib/src/components/ui/AppShell/user-menu.d.ts

@@ -0,0 +1,30 @@
+import { HeaderThemeOption } from '../Header';
+import { AppShellLayoutOption, AppShellUser } from './app-shell.types';
+export type UserMenuProps = {
+    user: AppShellUser;
+    /** Layout state (radio group). Sem theme/layout escondidos automaticamente. */
+    layout?: string;
+    onLayoutChange?: (id: string) => void;
+    layoutOptions?: AppShellLayoutOption[];
+    theme?: string;
+    onThemeChange?: (id: string) => void;
+    themeOptions?: HeaderThemeOption[];
+    onSettings?: () => void;
+    onLogout?: () => void;
+};
+/**
+ * UserMenu — Avatar do rail do MenuSidebar com DropdownMenu.
+ *
+ * Conteúdo (na ordem):
+ *   1. Header com avatar + nome + email
+ *   2. Separator
+ *   3. Layout radio group (se layoutOptions)
+ *   4. Tema radio group (se themeOptions)
+ *   5. Configurações (se onSettings)
+ *   6. Separator
+ *   7. Sair (se onLogout)
+ *
+ * Renderizado como `user={<UserMenu ...>}` na MenuSidebar.
+ */
+export declare function UserMenu({ user, layout, onLayoutChange, layoutOptions, theme, onThemeChange, themeOptions, onSettings, onLogout, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=user-menu.d.ts.map

package/dist-lib/src/components/ui/AppShell/user-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/user-menu.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,YAAY,CAAC;IACnB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,cAAc,EACd,aAAa,EACb,KAAK,EACL,aAAa,EACb,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE,aAAa,2CA8Jf"}

package/dist-lib/src/components/ui/Avatar/avatar.d.ts

@@ -0,0 +1,16 @@
+import { AvatarProps } from './avatar.types';
+/**
+ * Avatar — circular badge with initials.
+ *
+ * Supports semantic `color` presets (brand, success, warning, critical, info, muted)
+ * and a `colorHex` override for person-specific hex colors.
+ *
+ * When `colorHex` is provided, background is set via inline style and text
+ * becomes `text-white` (decorative text over solid color — analogous to L-014).
+ *
+ * Accessibility:
+ * - With `aria-label` → role="img" (semantic avatar)
+ * - Without `aria-label` → aria-hidden="true" (decorative, inside a card/cell)
+ */
+export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=avatar.d.ts.map

package/dist-lib/src/components/ui/Avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,wGAwClB,CAAC"}

package/dist-lib/src/components/ui/Avatar/avatar.styles.d.ts

@@ -0,0 +1,74 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * Avatar styles — iGreen DS
+ *
+ * Circular badge with initials. No interactive states (no hover, no focus, no disabled).
+ *
+ * Size uses `size-comp-*` tokens (square: width = height):
+ *   xs = 20px (comp-2xs)  |  sm = 24px (comp-xs)  |  md = 28px (comp-sm)
+ *   lg = 32px (comp-md)   |  xl = 40px (comp-xl)
+ *
+ * Color applies bg + fg pairs from semantic tokens.
+ * `_custom` is an internal-only variant used when `colorHex` overrides the
+ * background via inline style — it intentionally applies no bg/fg so the
+ * component can set them manually.
+ *
+ * Typography scales with size to keep initials proportional inside the circle.
+ */
+export declare const avatarVariants: import('tailwind-variants').TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        brand: string;
+        success: string;
+        warning: string;
+        critical: string;
+        info: string;
+        muted: string;
+        /** Internal: used by colorHex override — no bg/fg applied. */
+        _custom: string;
+    };
+}, undefined, string[], {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        brand: string;
+        success: string;
+        warning: string;
+        critical: string;
+        info: string;
+        muted: string;
+        /** Internal: used by colorHex override — no bg/fg applied. */
+        _custom: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        brand: string;
+        success: string;
+        warning: string;
+        critical: string;
+        info: string;
+        muted: string;
+        /** Internal: used by colorHex override — no bg/fg applied. */
+        _custom: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type AvatarVariantProps = VariantProps<typeof avatarVariants>;
+//# sourceMappingURL=avatar.styles.d.ts.map

package/dist-lib/src/components/ui/Avatar/avatar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Avatar/avatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;QA2BrB,8DAA8D;;;;;;;;;;;;;;;;;;QAA9D,8DAA8D;;;;;;;;;;;;;;;;;;QAA9D,8DAA8D;;;qDASlE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist-lib/src/components/ui/Avatar/avatar.types.d.ts

@@ -0,0 +1,16 @@
+import { AvatarVariantProps } from './avatar.styles';
+export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, Omit<AvatarVariantProps, "color"> {
+    /**
+     * Semantic color preset for bg + fg pairing.
+     * Ignored when `colorHex` is provided.
+     * @default "muted"
+     */
+    color?: "brand" | "success" | "warning" | "critical" | "info" | "muted";
+    /**
+     * Hex color override (e.g. person-specific color).
+     * When provided, background is set via inline style and text becomes white.
+     * Takes precedence over `color`.
+     */
+    colorHex?: string;
+}
+//# sourceMappingURL=avatar.types.d.ts.map

package/dist-lib/src/components/ui/Avatar/avatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Avatar/avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;IAExE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist-lib/src/components/ui/Avatar/index.d.ts

@@ -0,0 +1,4 @@
+export { Avatar } from './avatar';
+export { avatarVariants, type AvatarVariantProps } from './avatar.styles';
+export type { AvatarProps } from './avatar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1E,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist-lib/src/components/ui/Button/button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from './button.types';
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist-lib/src/components/ui/Button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Button/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,2GA4ClB,CAAC"}

package/dist-lib/src/components/ui/Button/button.styles.d.ts

@@ -0,0 +1,147 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * Button styles — V3 tokens (alinhado com /design-and-table-v2)
+ *
+ * Specs base:
+ *   - font-size 13px (text-body-md font-medium = 0.8125rem / 600)
+ *   - border-radius 10px (rounded-radius-lg)
+ *   - secondary usa fg-secondary
+ *   - rings cor-pura via ring.{brand|danger|success|warning|secondary}
+ *
+ * Variants color: primary/secondary/critical/success/warning
+ *   - primary  → bg-brand / fg-brand / border-brand
+ *   - critical → bg-danger / fg-danger / border-danger-muted
+ *   - secondary → neutros (bg-muted, fg-secondary, border-default)
+ *
+ * Variants visual: filled/outline/soft/ghost
+ *
+ * Sizes mantidas (largura/espaçamento como estavam).
+ *
+ * Disabled: opacity-50 (v3 não tem bg-disabled token).
+ */
+export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: string;
+        secondary: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+    };
+    size: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        "icon-2xs": string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-md": string;
+        "icon-lg": string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    /**
+     * Shape do botão:
+     *   - rounded (default): mantém o radius da `size` (varia por tamanho)
+     *   - pill: força `rounded-full` (override com `!` pra ganhar do size)
+     */
+    shape: {
+        rounded: string;
+        pill: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], {
+    color: {
+        primary: string;
+        secondary: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+    };
+    size: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        "icon-2xs": string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-md": string;
+        "icon-lg": string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    /**
+     * Shape do botão:
+     *   - rounded (default): mantém o radius da `size` (varia por tamanho)
+     *   - pill: força `rounded-full` (override com `!` pra ganhar do size)
+     */
+    shape: {
+        rounded: string;
+        pill: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: string;
+        secondary: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+    };
+    size: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        "icon-2xs": string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-md": string;
+        "icon-lg": string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    /**
+     * Shape do botão:
+     *   - rounded (default): mantém o radius da `size` (varia por tamanho)
+     *   - pill: força `rounded-full` (override com `!` pra ganhar do size)
+     */
+    shape: {
+        rounded: string;
+        pill: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+//# sourceMappingURL=button.styles.d.ts.map

package/dist-lib/src/components/ui/Button/button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsDvB;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;;;;qDAwHL,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist-lib/src/components/ui/Button/button.types.d.ts

@@ -0,0 +1,7 @@
+import { ButtonVariantProps } from './button.styles';
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "color">, ButtonVariantProps {
+    loading?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}
+//# sourceMappingURL=button.types.d.ts.map

package/dist-lib/src/components/ui/Button/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC/E,kBAAkB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B"}

package/dist-lib/src/components/ui/Button/index.d.ts

@@ -0,0 +1,4 @@
+export { Button } from './button';
+export { buttonVariants, type ButtonVariantProps } from './button.styles';
+export type { ButtonProps } from './button.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1E,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist-lib/src/components/ui/Chip/chip-group.d.ts

@@ -0,0 +1,68 @@
+import { ReactNode } from 'react';
+import { ChipVariantProps } from './chip.styles';
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+type ChipColor = NonNullable<ChipVariantProps["color"]>;
+type ChipVariant = NonNullable<ChipVariantProps["variant"]>;
+type ChipSize = NonNullable<ChipVariantProps["size"]>;
+type ChipShape = NonNullable<ChipVariantProps["shape"]>;
+type CommonProps = {
+    /** Cor do estado INATIVO (default `"neutral"`) */
+    inactiveColor?: ChipColor;
+    /** Variant do estado INATIVO (default `"outline"`) */
+    inactiveVariant?: ChipVariant;
+    /** Cor do estado ATIVO (default `"primary"`) */
+    activeColor?: ChipColor;
+    /** Variant do estado ATIVO (default `"soft-outline"`) */
+    activeVariant?: ChipVariant;
+    /** Size aplicado em todos os chips do grupo */
+    size?: ChipSize;
+    /** Shape aplicado em todos os chips (default `"pill"`) */
+    shape?: ChipShape;
+    /** Direção do grupo */
+    orientation?: "horizontal" | "vertical";
+    /** Aria-label do grupo */
+    ariaLabel?: string;
+    className?: string;
+    children: ReactNode;
+};
+type SingleProps = CommonProps & {
+    type: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+type MultipleProps = CommonProps & {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+export type ChipGroupProps = SingleProps | MultipleProps;
+/**
+ * ChipGroup — agrupa chips com seleção controlada.
+ *
+ *   - `type="single"`: escolha única (radio-like)
+ *   - `type="multiple"`: escolha múltipla (checkbox-like)
+ *
+ * **Estado visual configurável independentemente:**
+ *   - `inactiveColor` + `inactiveVariant` → estilo dos items NÃO selecionados
+ *     (default: `neutral` + `outline`)
+ *   - `activeColor` + `activeVariant` → estilo dos items SELECIONADOS
+ *     (default: `primary` + `soft-outline`)
+ *
+ * Usa `@radix-ui/react-toggle-group` por baixo.
+ */
+export declare const ChipGroup: import('react').ForwardRefExoticComponent<ChipGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export type ChipGroupItemProps = Omit<React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>, "color">;
+/**
+ * ChipGroupItem — item dentro do `<ChipGroup>`. Visual gerenciado pelo
+ * grupo via context: estilo `inactive*` quando OFF e `active*` quando ON.
+ *
+ *   <ChipGroup type="single" inactiveVariant="outline" activeVariant="soft-outline">
+ *     <ChipGroupItem value="all">Todas</ChipGroupItem>
+ *     <ChipGroupItem value="unread">Não lidas</ChipGroupItem>
+ *   </ChipGroup>
+ */
+export declare const ChipGroupItem: import('react').ForwardRefExoticComponent<ChipGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=chip-group.d.ts.map

package/dist-lib/src/components/ui/Chip/chip-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Chip/chip-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEpE,KAAK,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AACxD,KAAK,WAAW,GAAG,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,KAAK,QAAQ,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;AACtD,KAAK,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAkDxD,KAAK,WAAW,GAAG;IACjB,kDAAkD;IAClD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,sDAAsD;IACtD,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,gDAAgD;IAChD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yDAAyD;IACzD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,KAAK,aAAa,GAAG,WAAW,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,aAAa,CAAC;AAEzD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,2GAoErB,CAAC;AAuBF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EAChE,OAAO,CACR,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,kHAiCzB,CAAC"}

package/dist-lib/src/components/ui/Chip/chip.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import { ChipVariantProps } from './chip.styles';
+export type ChipProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement> & React.HTMLAttributes<HTMLSpanElement>, "color"> & ChipVariantProps & {
+    /** Conteúdo (label, ícone, etc) */
+    children: ReactNode;
+    /**
+     * Quando passado, o chip vira `<button>` clicável. Se omitido,
+     * renderiza como `<span>` estático (pra status/tag).
+     */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Força renderizar como button mesmo sem onClick */
+    asButton?: boolean;
+};
+/**
+ * Chip — pílula compacta pra status/tags/filtros/abas.
+ *
+ * Dual-mode:
+ *   - **Span estático** (default): usado pra Badge-like (status, categoria, count)
+ *   - **Button interativo**: quando recebe `onClick` OU `asButton`
+ *
+ * Pra grupo de seleção (radio/checkbox via chips), use `<ChipGroup>`.
+ *
+ * Variantes:
+ *   - `color`: primary | neutral | danger | warning | success | info (default `neutral`)
+ *   - `variant`: solid | outline | soft (default `soft`)
+ *   - `size`: sm (24px) | md (28px) | lg (32px) (default `md`)
+ */
+export declare const Chip: import('react').ForwardRefExoticComponent<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('react').HTMLAttributes<HTMLSpanElement>, "color"> & ChipVariantProps & {
+    /** Conteúdo (label, ícone, etc) */
+    children: ReactNode;
+    /**
+     * Quando passado, o chip vira `<button>` clicável. Se omitido,
+     * renderiza como `<span>` estático (pra status/tag).
+     */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Força renderizar como button mesmo sem onClick */
+    asButton?: boolean;
+} & import('react').RefAttributes<HTMLElement>>;
+//# sourceMappingURL=chip.d.ts.map

package/dist-lib/src/components/ui/Chip/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAC3C,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACvC,OAAO,CACR,GACC,gBAAgB,GAAG;IACjB,mCAAmC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI;IAzBb,mCAAmC;cACzB,SAAS;IACnB;;;OAGG;cACO,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;IACpD,qDAAqD;eAC1C,OAAO;+CA+DpB,CAAC"}

package/dist-lib/src/components/ui/Chip/chip.styles.d.ts

@@ -0,0 +1,130 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * Chip styles — pílula compacta pra status, tags, filtros, abas.
+ *
+ * Pode ser estático (span) ou interativo (button via `onClick` / dentro de ChipGroup).
+ *
+ * Variantes:
+ *   - color: primary | neutral | danger | warning | success | info
+ *   - variant: solid | outline | soft
+ *   - size: sm (24px) | md (28px = form-xs) | lg (32px = form-sm)
+ *
+ * Padding/font-size escalam por size — alturas coerentes com o sistema (sm < form-xs
+ * pra ficar mais compacto que o menor botão; md/lg alinham com Button).
+ */
+export declare const chipVariants: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    /**
+     * `pill` = rounded-full (default — chip pílula clássico).
+     * `rounded` = canto arredondado igual ao Button (radius-md em sm/md, radius-lg em lg/xl).
+     */
+    shape: {
+        pill: string;
+        rounded: string;
+    };
+    color: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        warning: string;
+        success: string;
+        info: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        "soft-outline": string;
+    };
+    interactive: {
+        true: string;
+        false: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    /**
+     * `pill` = rounded-full (default — chip pílula clássico).
+     * `rounded` = canto arredondado igual ao Button (radius-md em sm/md, radius-lg em lg/xl).
+     */
+    shape: {
+        pill: string;
+        rounded: string;
+    };
+    color: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        warning: string;
+        success: string;
+        info: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        "soft-outline": string;
+    };
+    interactive: {
+        true: string;
+        false: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    /**
+     * `pill` = rounded-full (default — chip pílula clássico).
+     * `rounded` = canto arredondado igual ao Button (radius-md em sm/md, radius-lg em lg/xl).
+     */
+    shape: {
+        pill: string;
+        rounded: string;
+    };
+    color: {
+        primary: string;
+        neutral: string;
+        danger: string;
+        warning: string;
+        success: string;
+        info: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        "soft-outline": string;
+    };
+    interactive: {
+        true: string;
+        false: string;
+    };
+    selected: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type ChipVariantProps = VariantProps<typeof chipVariants>;
+/** Contador inline pra usar como adornment no Chip (ex: "Não lidas (3)") */
+export declare const chipCount: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+//# sourceMappingURL=chip.styles.d.ts.map

package/dist-lib/src/components/ui/Chip/chip.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Chip/chip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;;;;;;;IAcrB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAHH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAHH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAgHL,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAEjE,4EAA4E;AAC5E,eAAO,MAAM,SAAS,sMAMpB,CAAC"}

package/dist-lib/src/components/ui/Chip/index.d.ts

@@ -0,0 +1,7 @@
+export { Chip } from './chip';
+export type { ChipProps } from './chip';
+export { ChipGroup, ChipGroupItem } from './chip-group';
+export type { ChipGroupProps, ChipGroupItemProps } from './chip-group';
+export { chipVariants, chipCount } from './chip.styles';
+export type { ChipVariantProps } from './chip.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/Chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}