vector-prototype-components 0.1.0

package/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown } from './Dropdown.js';
+export type { DropdownProps, DropdownOption, DropdownItemProps } from './Dropdown.js';
+//# sourceMappingURL=index.d.ts.map

package/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/Icon/Icon.d.ts

@@ -0,0 +1,8 @@
+import { Icon as PhosphorIcon, IconProps as PhosphorIconProps } from '@phosphor-icons/react';
+export type { IconWeight } from '@phosphor-icons/react';
+export interface IconProps extends Omit<PhosphorIconProps, 'weight'> {
+    as: PhosphorIcon;
+    weight?: PhosphorIconProps['weight'];
+}
+export declare function Icon({ as: PhIcon, size, weight, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,SAAS,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAElG,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC;IAClE,EAAE,EAAE,YAAY,CAAC;IACjB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;CACtC;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAS,EAAE,MAAe,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEnF"}

package/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export { Icon } from './Icon.js';
+export type { IconProps, IconWeight } from './Icon.js';
+//# sourceMappingURL=index.d.ts.map

package/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/IconButton/IconButton.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { Icon as PhosphorIcon } from '@phosphor-icons/react';
+export type IconButtonVariant = 'ghost' | 'outline' | 'subtle';
+export type IconButtonSize = 'xsmall' | 'small' | 'medium';
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Phosphor icon component to render */
+    icon: PhosphorIcon;
+    variant?: IconButtonVariant;
+    size?: IconButtonSize;
+    /** Required for accessibility — always provide a descriptive label */
+    'aria-label': string;
+}
+export declare function IconButton({ icon, variant, size, className, disabled, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IconButton.d.ts.map

package/IconButton/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIlE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,cAAc,GAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,wCAAwC;IACxC,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sEAAsE;IACtE,YAAY,EAAE,MAAM,CAAC;CACtB;AAcD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAiB,EACjB,IAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAqBjB"}

package/IconButton/index.d.ts

@@ -0,0 +1,3 @@
+export { IconButton } from './IconButton.js';
+export type { IconButtonProps, IconButtonVariant, IconButtonSize } from './IconButton.js';
+//# sourceMappingURL=index.d.ts.map

package/IconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/InputNumber/InputNumber.d.ts

@@ -0,0 +1,21 @@
+export type InputNumberStatus = 'default' | 'danger' | 'success';
+export type InputNumberHintType = 'default' | 'warning' | 'danger' | 'success';
+export interface InputNumberProps {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    onChange?: (value: number) => void;
+    label?: string;
+    showLabel?: boolean;
+    hint?: string;
+    hintType?: InputNumberHintType;
+    status?: InputNumberStatus;
+    disabled?: boolean;
+    placeholder?: string;
+    className?: string;
+    id?: string;
+}
+export declare function InputNumber({ value: valueProp, defaultValue, min, max, step, onChange, label, showLabel, hint, hintType, status, disabled, placeholder, className, id: idProp, }: InputNumberProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputNumber.d.ts.map

package/InputNumber/InputNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.d.ts","sourceRoot":"","sources":["../../src/InputNumber/InputNumber.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAsBD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,SAAS,EAChB,YAAgB,EAChB,GAAG,EACH,GAAG,EACH,IAAQ,EACR,QAAQ,EACR,KAAe,EACf,SAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,MAAkB,EAClB,QAAgB,EAChB,WAA2B,EAC3B,SAAS,EACT,EAAE,EAAE,MAAM,GACX,EAAE,gBAAgB,2CA0GlB"}

package/InputNumber/index.d.ts

@@ -0,0 +1,3 @@
+export { InputNumber } from './InputNumber.js';
+export type { InputNumberProps, InputNumberStatus, InputNumberHintType } from './InputNumber.js';
+//# sourceMappingURL=index.d.ts.map

package/InputNumber/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputNumber/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/Menu/Menu.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+import { Icon as PhosphorIcon } from '@phosphor-icons/react';
+export type MenuSize = 'opened' | 'closed';
+export type MenuItemState = 'default' | 'hover' | 'active';
+export interface MenuItemDef {
+    /** Unique key for this item */
+    key: string;
+    /** Display label (shown in opened mode) */
+    label: string;
+    /** Phosphor icon component */
+    icon?: PhosphorIcon;
+    /** Whether this item is the current active page */
+    active?: boolean;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Click handler */
+    onClick?: (key: string) => void;
+    /**
+     * Nested sub-items. When present, the item becomes an expandable parent:
+     * a trailing caret is shown and clicking toggles the submenu (Figma
+     * ".Menu / <group>" expanded state — sub-items indented).
+     */
+    children?: MenuItemDef[];
+}
+export interface MenuSectionDef {
+    /** Optional section subtitle shown in opened mode */
+    title?: string;
+    /** Items in this section */
+    items: MenuItemDef[];
+}
+export interface MenuProps {
+    /** Opened (240px) or closed (72px) layout */
+    size?: MenuSize;
+    /**
+     * Navigation sections, each with an optional title and items. Quando omitido,
+     * usa `defaultMenuSections` (menu Vector fiel ao Figma). Passe explicitamente
+     * para renderizar outro conjunto de itens.
+     */
+    sections?: MenuSectionDef[];
+    /** Logo element rendered at the top (full logo for opened, small mark for closed) */
+    logo?: React.ReactNode;
+    /** Small logo mark shown in closed state */
+    logoMark?: React.ReactNode;
+    /** Whether to show the footer terms section */
+    showFooter?: boolean;
+    /** Terms of use link click handler */
+    onTermsClick?: () => void;
+    /** Privacy policy link click handler */
+    onPrivacyClick?: () => void;
+    className?: string;
+}
+export declare function Menu({ size, sections, logo, logoMark, showFooter, onTermsClick, onPrivacyClick, className, }: MenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAQlE,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC3C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,WAAW;IAC1B,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC7B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACxB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,qFAAqF;IACrF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoMD,wBAAgB,IAAI,CAAC,EACnB,IAAe,EACf,QAA8B,EAC9B,IAAI,EACJ,QAAQ,EACR,UAAiB,EACjB,YAAY,EACZ,cAAc,EACd,SAAS,GACV,EAAE,SAAS,2CAoEX"}

package/Menu/index.d.ts

@@ -0,0 +1,4 @@
+export { Menu } from './Menu.js';
+export { defaultMenuSections } from './menuData.js';
+export type { MenuProps, MenuSize, MenuItemState, MenuItemDef, MenuSectionDef } from './Menu.js';
+//# sourceMappingURL=index.d.ts.map

package/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/Menu/menuData.d.ts

@@ -0,0 +1,4 @@
+import { MenuSectionDef } from './Menu.js';
+/** Seções padrão do Menu (portal + itens), fiéis ao Figma. */
+export declare const defaultMenuSections: MenuSectionDef[];
+//# sourceMappingURL=menuData.d.ts.map

package/Menu/menuData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuData.d.ts","sourceRoot":"","sources":["../../src/Menu/menuData.ts"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AA0MhD,8DAA8D;AAC9D,eAAO,MAAM,mBAAmB,EAAE,cAAc,EAAiC,CAAC"}

package/Message/Message.d.ts

@@ -0,0 +1,23 @@
+export type MessageType = 'info' | 'warning' | 'success' | 'danger' | 'highlight' | 'neutral';
+export interface MessageProps {
+    /** The semantic type of the message, which controls background, border, and icon */
+    type?: MessageType;
+    /** The message text content */
+    message?: string;
+    /** Whether to show the leading icon */
+    showIcon?: boolean;
+    /** Label and optional click handler for an inline action button */
+    actionLabel?: string;
+    /** Callback fired when the action button is clicked */
+    onAction?: () => void;
+    /** Whether to render the close/dismiss button */
+    showClose?: boolean;
+    /** Callback fired when the close button is clicked */
+    onClose?: () => void;
+    /** Whether the message is in a disabled state */
+    disabled?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+}
+export declare function Message({ type, message, showIcon, actionLabel, onAction, showClose, onClose, disabled, className, }: MessageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Message.d.ts.map

package/Message/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../src/Message/Message.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAC;AAE9F,MAAM,WAAW,YAAY;IAC3B,oFAAoF;IACpF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,wBAAgB,OAAO,CAAC,EACtB,IAAa,EACb,OAA2B,EAC3B,QAAe,EACf,WAAW,EACX,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAAgB,EAChB,SAAS,GACV,EAAE,YAAY,2CAwDd"}

package/Message/index.d.ts

@@ -0,0 +1,3 @@
+export { Message } from './Message.js';
+export type { MessageProps, MessageType } from './Message.js';
+//# sourceMappingURL=index.d.ts.map

package/Message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/Modal/Modal.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../Button/index.js';
+export type ModalSize = 'small' | 'medium' | 'large';
+export type ModalDialogType = 'warn' | 'error' | 'success' | 'loading';
+/** Props shared by both Modal and ModalDialog */
+interface ModalBaseProps {
+    /** Whether the modal is visible. Defaults to false. */
+    open?: boolean;
+    /** Called when the close button is clicked or Escape is pressed. */
+    onClose?: () => void;
+    /** Additional class names on the panel element. */
+    className?: string;
+}
+export interface ModalFooterAction extends Pick<ButtonProps, 'onClick' | 'disabled'> {
+    label: string;
+    variant?: ButtonProps['variant'];
+}
+export interface ModalProps extends ModalBaseProps {
+    /** Size variant: controls panel width. Defaults to "small". */
+    size?: ModalSize;
+    /** Modal heading text. */
+    title?: string;
+    /** Content rendered inside the body slot. */
+    children?: React.ReactNode;
+    /** Array of footer action buttons (left=secondary, right=primary). */
+    footerActions?: ModalFooterAction[];
+    /** Hide the backdrop overlay. */
+    noBackdrop?: boolean;
+    /** Fired when the backdrop is clicked. Defaults to calling onClose. */
+    onBackdropClick?: () => void;
+}
+export declare function Modal({ open, size, title, children, footerActions, onClose, noBackdrop, onBackdropClick, className, }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export interface ModalDialogProps extends ModalBaseProps {
+    /** Dialog type — controls the status icon shown. */
+    type?: ModalDialogType;
+    /** Dialog heading. */
+    title?: string;
+    /** Supporting text below the heading. */
+    text?: string;
+    /** Primary action button label. */
+    primaryLabel?: string;
+    /** Primary action callback. */
+    onPrimary?: () => void;
+    /** Secondary action button label. */
+    secondaryLabel?: string;
+    /** Secondary action callback. */
+    onSecondary?: () => void;
+    /** Hide the backdrop overlay. */
+    noBackdrop?: boolean;
+    /** Fired when the backdrop is clicked. Defaults to calling onClose. */
+    onBackdropClick?: () => void;
+}
+export declare function ModalDialog({ open, type, title, text, primaryLabel, onPrimary, secondaryLabel, onSecondary, onClose, noBackdrop, onBackdropClick, className, }: ModalDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvE,iDAAiD;AACjD,UAAU,cAAc;IACtB,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sEAAsE;IACtE,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACpC,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAQD,wBAAgB,KAAK,CAAC,EACpB,IAAY,EACZ,IAAc,EACd,KAAU,EACV,QAAQ,EACR,aAAa,EACb,OAAO,EACP,UAAkB,EAClB,eAAe,EACf,SAAS,GACV,EAAE,UAAU,kDAsGZ;AAMD,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,oDAAoD;IACpD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AASD,wBAAgB,WAAW,CAAC,EAC1B,IAAY,EACZ,IAAa,EACb,KAAU,EACV,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc,EACd,WAAW,EACX,OAAO,EACP,UAAkB,EAClB,eAAe,EACf,SAAS,GACV,EAAE,gBAAgB,kDA2HlB"}

package/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export { Modal, ModalDialog } from './Modal.js';
+export type { ModalProps, ModalSize, ModalFooterAction, ModalDialogProps, ModalDialogType, } from './Modal.js';
+//# sourceMappingURL=index.d.ts.map

package/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EACV,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,MAAM,YAAY,CAAC"}

package/Multiselect/Multiselect.d.ts

@@ -0,0 +1,46 @@
+export type MultiselectSize = 'large' | 'medium' | 'small' | 'xsmall';
+export type MultiselectState = 'default' | 'error' | 'disabled';
+export interface MultiselectOption {
+    /** Unique value for this option. */
+    value: string;
+    /** Display label. */
+    label: string;
+    /** Whether this option is disabled and cannot be selected. */
+    disabled?: boolean;
+}
+export interface MultiselectProps {
+    /** List of selectable options. */
+    options: MultiselectOption[];
+    /** Currently selected values (controlled). */
+    value?: string[];
+    /** Default selected values (uncontrolled). */
+    defaultValue?: string[];
+    /** Called when the selection changes. */
+    onChange?: (values: string[]) => void;
+    /** Field label rendered above the trigger. */
+    label?: string;
+    /** Placeholder text when nothing is selected. */
+    placeholder?: string;
+    /** Hint text rendered below the trigger. */
+    hint?: string;
+    /** Size variant of the trigger field. */
+    size?: MultiselectSize;
+    /** Visual state of the field. */
+    state?: MultiselectState;
+    /** Whether the field is disabled. */
+    disabled?: boolean;
+    /** Whether to show the search/filter input inside the dropdown. */
+    showSearch?: boolean;
+    /** Maximum number of chip labels to show before showing "+N" overflow count. */
+    maxChips?: number;
+    /** Additional class name for the root element. */
+    className?: string;
+    /** ARIA label for the combobox trigger. */
+    'aria-label'?: string;
+    /** ARIA labelledby for the combobox trigger. */
+    'aria-labelledby'?: string;
+    /** ID attribute for the root element. */
+    id?: string;
+}
+export declare function Multiselect({ options, value: valueProp, defaultValue, onChange, label, placeholder, hint, size, state, disabled, showSearch, maxChips, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, id: idProp, }: MultiselectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Multiselect.d.ts.map

package/Multiselect/Multiselect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../src/Multiselect/Multiselect.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACtE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAqED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAgC,EAChC,IAAI,EACJ,IAAe,EACf,KAAiB,EACjB,QAAgB,EAChB,UAAiB,EACjB,QAAY,EACZ,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,EAAE,EAAE,MAAM,GACX,EAAE,gBAAgB,2CAoRlB"}

package/Multiselect/index.d.ts

@@ -0,0 +1,3 @@
+export { Multiselect } from './Multiselect.js';
+export type { MultiselectProps, MultiselectOption, MultiselectSize, MultiselectState } from './Multiselect.js';
+//# sourceMappingURL=index.d.ts.map

package/Multiselect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Multiselect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/Overlay/Overlay.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface OverlayProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Additional class names forwarded to the root element. */
+    className?: string;
+}
+/**
+ * A semi-transparent backdrop that dims the underlying content to
+ * focus attention on a modal or dialog. Use as the foundation for
+ * any modal, dialog, or focused popover.
+ *
+ * Renders as a `position:fixed` element that covers the full
+ * viewport. The consumer is responsible for mounting/unmounting
+ * the Overlay and layering the dialog on top of it via z-index.
+ */
+export declare function Overlay({ className, ...props }: OverlayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Overlay.d.ts.map

package/Overlay/Overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAW5D"}

package/Overlay/index.d.ts

@@ -0,0 +1,3 @@
+export { Overlay } from './Overlay.js';
+export type { OverlayProps } from './Overlay.js';
+//# sourceMappingURL=index.d.ts.map

package/Overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

package/Paginator/Paginator.d.ts

@@ -0,0 +1,23 @@
+export type PaginatorPageSize = 10 | 20 | 30 | 50 | 100;
+export interface PaginatorProps {
+    /** Current page (1-based). */
+    currentPage: number;
+    /** Total number of pages. */
+    totalPages: number;
+    /** Number of page-number buttons to show (excluding first/last navigation arrows). Defaults to 3. */
+    pageWindowSize?: number;
+    /** Selected page size (rows per page). */
+    pageSize?: PaginatorPageSize;
+    /** Available page-size options. Defaults to [10, 20, 30, 50, 100]. */
+    pageSizeOptions?: PaginatorPageSize[];
+    /** Called when the user navigates to a different page. */
+    onPageChange?: (page: number) => void;
+    /** Called when the user selects a different page size. */
+    onPageSizeChange?: (pageSize: PaginatorPageSize) => void;
+    /** Whether to show the page-size selector. Defaults to true. */
+    showPageSizeSelect?: boolean;
+    /** Optional extra CSS class for the root element. */
+    className?: string;
+}
+export declare function Paginator({ currentPage, totalPages, pageWindowSize, pageSize, pageSizeOptions, onPageChange, onPageSizeChange, showPageSizeSelect, className, }: PaginatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Paginator.d.ts.map

package/Paginator/Paginator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paginator.d.ts","sourceRoot":"","sources":["../../src/Paginator/Paginator.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAExD,MAAM,WAAW,cAAc;IAC7B,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,qGAAqG;IACrG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,sEAAsE;IACtE,eAAe,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACtC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzD,gEAAgE;IAChE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,UAAU,EACV,cAAkB,EAClB,QAAa,EACb,eAAuC,EACvC,YAAY,EACZ,gBAAgB,EAChB,kBAAyB,EACzB,SAAS,GACV,EAAE,cAAc,2CAkHhB"}

package/Paginator/index.d.ts

@@ -0,0 +1,3 @@
+export { Paginator } from './Paginator.js';
+export type { PaginatorProps, PaginatorPageSize } from './Paginator.js';
+//# sourceMappingURL=index.d.ts.map

package/Paginator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Paginator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/Panel/Panel.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type PanelStyle = 'shadow' | 'line';
+export type PanelType = 'section' | 'container';
+export interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Visual style of the panel: shadow uses drop-shadow, line uses a border stroke */
+    panelStyle?: PanelStyle;
+    /** Semantic type: section adds extra bottom padding (32px) for grouping content; container uses uniform padding (16px) */
+    type?: PanelType;
+    /** Whether the panel is in a disabled state */
+    disabled?: boolean;
+}
+export declare function Panel({ panelStyle, type, disabled, className, children, ...props }: PanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Panel.d.ts.map

package/Panel/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../src/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,oFAAoF;IACpF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,0HAA0H;IAC1H,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,wBAAgB,KAAK,CAAC,EACpB,UAAqB,EACrB,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAmBZ"}

package/Panel/index.d.ts

@@ -0,0 +1,3 @@
+export { Panel } from './Panel.js';
+export type { PanelProps, PanelStyle, PanelType } from './Panel.js';
+//# sourceMappingURL=index.d.ts.map

package/Panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}

package/ProgressSpinner/ProgressSpinner.d.ts

@@ -0,0 +1,10 @@
+export interface ProgressSpinnerProps {
+    /** Accessible label announced by screen readers. */
+    label?: string;
+    /** Whether the spinner is in a disabled / inactive state. */
+    disabled?: boolean;
+    /** Additional CSS class names. */
+    className?: string;
+}
+export declare function ProgressSpinner({ label, disabled, className, }: ProgressSpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressSpinner.d.ts.map

package/ProgressSpinner/ProgressSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSpinner.d.ts","sourceRoot":"","sources":["../../src/ProgressSpinner/ProgressSpinner.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,wBAAgB,eAAe,CAAC,EAC9B,KAAkB,EAClB,QAAgB,EAChB,SAAS,GACV,EAAE,oBAAoB,2CA8CtB"}

package/ProgressSpinner/index.d.ts

@@ -0,0 +1,3 @@
+export { ProgressSpinner } from './ProgressSpinner.js';
+export type { ProgressSpinnerProps } from './ProgressSpinner.js';
+//# sourceMappingURL=index.d.ts.map

package/ProgressSpinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressSpinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/README.md

@@ -0,0 +1,143 @@
+# ngx-monorepo
+
+Design system React para **prototipagem interna**. Componentes fiéis ao Figma,
+documentados no Storybook, consumidos pelos protótipos da empresa.
+
+> Não é uma biblioteca de produção — é a base para montar protótipos rápido,
+> com componentes reais (não mockups) e visual alinhado ao Figma.
+
+## Estrutura
+
+```
+packages/tokens/      @ngx/tokens     — tokens CSS (Style Dictionary, gerados do Figma)
+packages/components/  @ngx/components — componentes React + CSS Modules
+apps/storybook/                       — documentação interativa dos componentes
+apps/proto-template/                  — template de protótipo (Vite + React)
+```
+
+## Pré-requisitos
+
+- [Node.js](https://nodejs.org/) 18+
+- [pnpm](https://pnpm.io/installation) 9+ (`npm install -g pnpm`)
+
+## Como rodar (primeira vez)
+
+```bash
+pnpm install     # instala as dependências
+pnpm build       # gera os tokens (dist/) — necessário antes de rodar
+pnpm storybook   # abre o Storybook em http://localhost:6006
+```
+
+> O `pnpm build` precisa rodar **uma vez** após clonar (e sempre que os tokens
+> mudarem), porque o Storybook/protótipos importam o `tokens.css` já gerado.
+
+Outros comandos úteis:
+
+```bash
+pnpm dev      # storybook + proto-template em paralelo
+pnpm proto    # abre o template de protótipo (http://localhost:5173)
+pnpm turbo test
+```
+
+## Montar um protótipo
+
+Os protótipos vivem **dentro deste repositório**, em `apps/`. Use o template
+pronto `apps/proto-template`:
+
+1. Clone o repositório (acesso privado no GitHub) e rode os passos acima.
+2. Copie o template:
+   ```bash
+   cp -r apps/proto-template apps/meu-prototipo
+   # Windows/PowerShell: Copy-Item -Recurse apps/proto-template apps/meu-prototipo
+   ```
+3. Troque o `name` em `apps/meu-prototipo/package.json` para `meu-prototipo`.
+4. Instale e rode:
+   ```bash
+   pnpm install
+   pnpm --filter meu-prototipo dev
+   ```
+5. Monte sua tela em `src/App.tsx`, importando o que precisar:
+   ```tsx
+   import { Button, Select, Menu } from '@ngx/components';
+   ```
+
+> O template já importa tokens/fontes em `src/main.tsx` — mantenha esses imports.
+> Veja o catálogo de componentes com `pnpm storybook`.
+
+## Atualizar os componentes (rebater mudanças)
+
+A biblioteca e os protótipos vivem no mesmo repositório, então a propagação é
+o próprio Git:
+
+- **Quem mantém os componentes:** edita em `packages/components`, commita e dá
+  `git push`.
+- **Quem está montando protótipo:** roda **`git pull`** para receber a versão
+  mais recente. Se houver dependências novas, `pnpm install`; se tokens
+  mudaram, `pnpm build`.
+
+Um `git pull` rebate as atualizações de componente para todo mundo que estiver
+consumindo.
+
+## Propriedade — o que é seu vs. o que é da pessoa
+
+| Pasta | Quem edita |
+|---|---|
+| `packages/` (tokens + componentes) | **Só o mantenedor (dono do repo).** É a biblioteca. |
+| `apps/storybook`, `apps/proto-template` | Mantenedor. |
+| `apps/<seu-prototipo>` | Quem está prototipando — **só aqui**. |
+
+**Regra:** quem monta protótipo edita **exclusivamente** a própria pasta em
+`apps/`. **Ninguém altera `packages/`** — esse é o design system, mantido só
+pelo dono.
+
+- **Garantia:** com acesso **read-only** (ver abaixo), alterações em `packages/`
+  por consumidores **não chegam ao repositório** — só o dono tem escrita.
+- **Localmente** ainda é possível editar por engano (inclusive uma IA pode
+  "consertar" um componente sem querer). O git denuncia: `git status` mostra
+  `modified: packages/...`. Para reverter ao original (offline, sem afetar o
+  protótipo):
+  ```bash
+  git restore packages/
+  ```
+- Cada protótipo já vem com um `CLAUDE.md` instruindo agentes a **nunca** tocar
+  em `packages/` — só na pasta do protótipo.
+
+## Acesso e segurança
+
+Para evitar que protótipos sobrescrevam ou baguncem o monorepo:
+
+- **Quem monta protótipo recebe acesso somente-leitura** (GitHub → Settings →
+  Collaborators → Role: **Read**). Com isso o `git push` dessas pessoas é
+  recusado pelo GitHub — elas só clonam, criam o protótipo localmente e dão
+  `git pull`. **O dono é o único que dá push** nos componentes.
+- **Proteção de branch no `main`** (GitHub → Settings → Branches → Add rule):
+  marque *"Require a pull request before merging"* e *"Do not allow force
+  pushes"*. Cinto-e-suspensório contra push direto / reescrita de histórico.
+
+> O git **não** sobrescreve nada sozinho: um push que diverge do `main` é
+> rejeitado (erro *non-fast-forward*); só um `git push --force` intencional —
+> e com permissão de escrita — reescreveria. Read-only + branch protection
+> tornam isso impossível.
+
+### Quem quer salvar/versionar o próprio protótipo
+
+Como o protótipo fica local (read-only não dá push), quem quiser backup deve
+**fazer um fork** do repositório: o push vai para o fork da própria pessoa,
+nunca para este repo. Para receber atualizações dos componentes, configura
+este repo como `upstream` e dá `git pull upstream main`.
+
+## Pipeline de tokens
+
+```
+Figma plugin "Design Tokens" → export .json
+  └── pnpm tokens:sync <arquivo.json>   → packages/tokens/raw-tokens.json (fonte de verdade)
+        └── pnpm tokens:build           → dist/tokens.css, dist/fonts.css
+```
+
+Componentes usam exclusivamente `var(--color-*)`, `var(--font-*)`,
+`var(--shadow-*)` — nunca hex hardcoded.
+
+## Convenções
+
+As regras de construção de componentes, tokens, scrollbar compartilhada e
+building blocks estão no [`CLAUDE.md`](./CLAUDE.md).

package/Radio/Radio.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /** Whether this radio is selected. */
+    checked?: boolean;
+    /** Uncontrolled default checked state. */
+    defaultChecked?: boolean;
+    /** Label text rendered next to the radio circle. */
+    label?: string;
+    /** Disables the radio input. */
+    disabled?: boolean;
+    /** Additional className for the outer wrapper label. */
+    className?: string;
+}
+export declare function Radio({ checked, defaultChecked, label, disabled, className, id: idProp, onChange, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map