@goopti/ui 1.0.2 → 1.1.1

package/README.md

@@ -1,183 +1,183 @@
-# @goopti/ui
-
-Um kit de componentes React acessíveis e customizáveis, baseado em [shadcn/ui](https://ui.shadcn.com), com tema e tokens da OPTI Soluções.
-
-## Instalação
-
-```bash
-npm install @goopti/ui
-# ou
-yarn add @goopti/ui
-# ou
-pnpm add @goopti/ui
-```
-
-## Uso Rápido
-
-### 1. Adicione Tailwind CSS ao seu projeto
-
-Este kit usa Tailwind CSS. Se ainda não tiver configurado:
-
-```bash
-npm install -D tailwindcss postcss autoprefixer
-npx tailwindcss init -p
-```
-
-Configure o `tailwind.config.js`:
-
-```js
-export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,jsx,ts,tsx}",
-    "./node_modules/@goopti/ui/**/*.{js,jsx,ts,tsx}",
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};
-```
-
-### 2. Importe o CSS do tema
-
-```jsx
-import "@goopti/ui/css";
-```
-
-### 3. Use um componente
-
-```jsx
-import { Button } from "@goopti/ui/components/button";
-
-export default function App() {
-  return (
-    <Button variant="primary">
-      Agendar diagnóstico
-    </Button>
-  );
-}
-```
-
-## Componentes Disponíveis
-
-### Básicos
-- **Button** — Botão em 6 variantes (primary, brand, secondary, outline, ghost, link)
-- **Badge** — Rótulo de status/categoria
-- **Card** — Container de conteúdo com espaçamento
-
-### Formulário
-- **Input** — Campo de texto
-- **Textarea** — Campo multilinha
-- **Select** — Dropdown customizado
-- **Checkbox** — Caixa de seleção
-- **Radio** — Grupo de rádio
-- **Switch** — Interruptor on/off
-- **Slider** — Controle deslizante
-- **InputOTP** — Entrada de código 2FA
-
-### Overlays
-- **Dialog** — Modal customizado
-- **Sheet** — Painel lateral (drawer)
-- **Popover** — Tooltip com conteúdo
-- **HoverCard** — Card ao passar o mouse
-- **Dropdown** — Menu suspenso
-- **Tooltip** — Dica ao passar o mouse
-- **Command** — Paleta de comandos (⌘K)
-
-### Navegação
-- **Tabs** — Abas de conteúdo
-- **Breadcrumb** — Caminho de navegação
-- **Pagination** — Paginador
-- **Sidebar** — Barra lateral com seções
-
-### Feedback
-- **Toast** — Notificação temporária
-- **AlertDialog** — Diálogo de confirmação
-- **Progress** — Barra de progresso
-- **Skeleton** — Placeholder de carregamento
-
-### Data & Pickers
-- **DatePicker** — Seletor de data
-- **TimePicker** — Seletor de hora
-- **DataTable** — Tabela com sort/filter
-- **Carousel** — Carrossel de itens
-
-### Utilitários
-- **Collapsible** — Conteúdo colapsável
-- **ScrollArea** — Área com scroll customizado
-
-## Customização
-
-### Cores e Tokens
-
-O tema padrão está em `src/theme.css`. Para customizar cores, fonts e espaçamento:
-
-1. Copie e edite `node_modules/@goopti/ui/dist/theme.css`
-2. Ou sobrescreva as variáveis CSS no seu `globals.css`:
-
-```css
-:root {
-  --primary: 0 0% 100%;        /* cor primária */
-  --primary-foreground: 215 100% 50%;
-  --secondary: 215 100% 50%;
-  --muted: 0 0% 95%;
-  /* ... mais tokens */
-}
-```
-
-### Espaçamento, Raio e Sombras
-
-Defina no seu `tailwind.config.js`:
-
-```js
-theme: {
-  extend: {
-    spacing: {
-      '4xs': '2px',
-      '3xs': '4px',
-      // ... conforme seu design system
-    },
-    borderRadius: {
-      none: '0px',
-      xs: '4px',
-      sm: '6px',
-      md: '8px',
-      lg: '12px',
-    },
-  },
-}
-```
-
-## Acessibilidade
-
-Todos os componentes são construídos com acessibilidade em mente:
-- Teclado: Tab, Arrow, Enter, Escape
-- ARIA labels e roles
-- Contraste de cores WCAG AA
-- Focus management
-- Screen reader support
-
-## TypeScript
-
-Este pacote inclui tipos completos. Use com confiança:
-
-```tsx
-import { Button, ButtonProps } from "@goopti/ui/components/button";
-
-interface MyButtonProps extends ButtonProps {
-  customProp?: string;
-}
-```
-
-## Licença
-
-MIT — Use livremente em projetos comerciais e open-source.
-
-## Suporte
-
-Para problemas ou sugestões, abra uma issue no [repositório GitHub](https://github.com/OPTI-Solucoes/opti-ui).
-
-## Changelog
-
-Veja [CHANGELOG.md](./CHANGELOG.md) para histórico de versões.
+# @goopti/ui
+
+Um kit de componentes React acessíveis e customizáveis, baseado em [shadcn/ui](https://ui.shadcn.com), com tema e tokens da OPTI Soluções.
+
+## Instalação
+
+```bash
+npm install @goopti/ui
+# ou
+yarn add @goopti/ui
+# ou
+pnpm add @goopti/ui
+```
+
+## Uso Rápido
+
+### 1. Adicione Tailwind CSS ao seu projeto
+
+Este kit usa Tailwind CSS. Se ainda não tiver configurado:
+
+```bash
+npm install -D tailwindcss postcss autoprefixer
+npx tailwindcss init -p
+```
+
+Configure o `tailwind.config.js`:
+
+```js
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,jsx,ts,tsx}",
+    "./node_modules/@goopti/ui/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
+```
+
+### 2. Importe o CSS do tema
+
+```jsx
+import "@goopti/ui/css";
+```
+
+### 3. Use um componente
+
+```jsx
+import { Button } from "@goopti/ui/components/button";
+
+export default function App() {
+  return (
+    <Button variant="primary">
+      Agendar diagnóstico
+    </Button>
+  );
+}
+```
+
+## Componentes Disponíveis
+
+### Básicos
+- **Button** – Botão em 6 variantes (primary, brand, secondary, outline, ghost, link)
+- **Badge** – Rótulo de status/categoria
+- **Card** – Container de conteúdo com espaçamento
+
+### Formulário
+- **Input** – Campo de texto
+- **Textarea** – Campo multilinha
+- **Select** – Dropdown customizado
+- **Checkbox** – Caixa de seleção
+- **Radio** – Grupo de rádio
+- **Switch** – Interruptor on/off
+- **Slider** – Controle deslizante
+- **InputOTP** – Entrada de código 2FA
+
+### Overlays
+- **Dialog** – Modal customizado
+- **Sheet** – Painel lateral (drawer)
+- **Popover** – Tooltip com conteúdo
+- **HoverCard** – Card ao passar o mouse
+- **Dropdown** – Menu suspenso
+- **Tooltip** – Dica ao passar o mouse
+- **Command** – Paleta de comandos (⌘K)
+
+### Navegação
+- **Tabs** – Abas de conteúdo
+- **Breadcrumb** – Caminho de navegação
+- **Pagination** – Paginador
+- **Sidebar** – Barra lateral com seções
+
+### Feedback
+- **Toast** – Notificação temporária
+- **AlertDialog** – Diálogo de confirmação
+- **Progress** – Barra de progresso
+- **Skeleton** – Placeholder de carregamento
+
+### Data & Pickers
+- **DatePicker** – Seletor de data
+- **TimePicker** – Seletor de hora
+- **DataTable** – Tabela com sort/filter
+- **Carousel** – Carrossel de itens
+
+### Utilitários
+- **Collapsible** – Conteúdo colapsável
+- **ScrollArea** – Área com scroll customizado
+
+## Customização
+
+### Cores e Tokens
+
+O tema padrão está em `src/theme.css`. Para customizar cores, fonts e espaçamento:
+
+1. Copie e edite `node_modules/@goopti/ui/dist/theme.css`
+2. Ou sobrescreva as variáveis CSS no seu `globals.css`:
+
+```css
+:root {
+  --primary: 0 0% 100%;        /* cor primária */
+  --primary-foreground: 215 100% 50%;
+  --secondary: 215 100% 50%;
+  --muted: 0 0% 95%;
+  /* ... mais tokens */
+}
+```
+
+### Espaçamento, Raio e Sombras
+
+Defina no seu `tailwind.config.js`:
+
+```js
+theme: {
+  extend: {
+    spacing: {
+      '4xs': '2px',
+      '3xs': '4px',
+      // ... conforme seu design system
+    },
+    borderRadius: {
+      none: '0px',
+      xs: '4px',
+      sm: '6px',
+      md: '8px',
+      lg: '12px',
+    },
+  },
+}
+```
+
+## Acessibilidade
+
+Todos os componentes são construídos com acessibilidade em mente:
+- Teclado: Tab, Arrow, Enter, Escape
+- ARIA labels e roles
+- Contraste de cores WCAG AA
+- Focus management
+- Screen reader support
+
+## TypeScript
+
+Este pacote inclui tipos completos. Use com confiança:
+
+```tsx
+import { Button, ButtonProps } from "@goopti/ui/components/button";
+
+interface MyButtonProps extends ButtonProps {
+  customProp?: string;
+}
+```
+
+## Licença
+
+MIT – Use livremente em projetos comerciais e open-source.
+
+## Suporte
+
+Para problemas ou sugestões, abra uma issue no [repositório GitHub](https://github.com/OPTI-Solucoes/opti-ui).
+
+## Changelog
+
+Veja [CHANGELOG.md](./CHANGELOG.md) para histórico de versões.

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface AlertDialogProps extends React.HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+    onClose?: () => void;
+    onConfirm?: () => void;
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+}
+declare const AlertDialog: React.ForwardRefExoticComponent<AlertDialogProps & React.RefAttributes<HTMLDivElement>>;
+export { AlertDialog };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,WAAW,yFAiEhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/alert-dialog.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+const AlertDialog = React.forwardRef(({ open = false, onClose, onConfirm, title, description, confirmLabel = "Continuar", cancelLabel = "Cancelar", destructive, ...props }, ref) => {
+    React.useEffect(() => {
+        const onKey = (e) => {
+            if (e.key === "Escape")
+                onClose?.();
+        };
+        if (open)
+            document.addEventListener("keydown", onKey);
+        return () => document.removeEventListener("keydown", onKey);
+    }, [open, onClose]);
+    if (!open)
+        return null;
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [_jsx("div", { className: "animate-overlay absolute inset-0 bg-black/50 backdrop-blur-[2px]" }), _jsxs("div", { ref: ref, className: "animate-content relative z-10 w-full max-w-md rounded-xl border bg-card p-6 shadow-lg", ...props, children: [_jsx("h2", { className: "font-display text-lg font-semibold text-foreground", children: title }), _jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: description }), _jsxs("div", { className: "mt-6 flex justify-end gap-2", children: [_jsx("button", { onClick: onClose, className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:pointer-events-none disabled:opacity-50 active:scale-[.98] border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2", children: cancelLabel }), _jsx("button", { onClick: () => {
+                                    onConfirm?.();
+                                    onClose?.();
+                                }, className: cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:pointer-events-none disabled:opacity-50 active:scale-[.98] h-10 px-4 py-2", destructive
+                                    ? "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm"
+                                    : "bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm"), children: confirmLabel })] })] })] }));
+});
+AlertDialog.displayName = "AlertDialog";
+export { AlertDialog };
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAclC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,GAAG,WAAW,EAC1B,WAAW,GAAG,UAAU,EACxB,WAAW,EACX,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,KAAK,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,EAAE,CAAC;QACtC,CAAC,CAAC;QACF,IAAI,IAAI;YAAE,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,eAAK,SAAS,EAAC,yDAAyD,aACtE,cACE,SAAS,EAAC,kEAAkE,GACvE,EACP,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,uFAAuF,KAC7F,KAAK,aAET,aAAI,SAAS,EAAC,oDAAoD,YAC/D,KAAK,GACH,EACL,YAAG,SAAS,EAAC,oCAAoC,YAAE,WAAW,GAAK,EACnE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,iBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,8YAA8Y,YAEvZ,WAAW,GACL,EACT,iBACE,OAAO,EAAE,GAAG,EAAE;oCACZ,SAAS,EAAE,EAAE,CAAC;oCACd,OAAO,EAAE,EAAE,CAAC;gCACd,CAAC,EACD,SAAS,EAAE,EAAE,CACX,+TAA+T,EAC/T,WAAW;oCACT,CAAC,CAAC,8EAA8E;oCAChF,CAAC,CAAC,kEAAkE,CACvE,YAEA,YAAY,GACN,IACL,IACF,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/avatar.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {
+    src?: string;
+    fallback?: string;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,qFA2BX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/avatar.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+const Avatar = React.forwardRef(({ className, src, fallback, ...props }, ref) => {
+    const [err, setErr] = React.useState(false);
+    return (_jsx("span", { ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full bg-muted", className), ...props, children: src && !err ? (_jsx("img", { src: src, onError: () => setErr(true), className: "aspect-square h-full w-full object-cover", alt: "avatar" })) : (_jsx("span", { className: "flex h-full w-full items-center justify-center text-sm font-semibold text-muted-foreground", children: fallback })) }));
+});
+Avatar.displayName = "Avatar";
+export { Avatar };
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAOlC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9C,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,KACG,KAAK,YAER,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CACb,cACE,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAC3B,SAAS,EAAC,0CAA0C,EACpD,GAAG,EAAC,QAAQ,GACZ,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,4FAA4F,YACzG,QAAQ,GACJ,CACR,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "info" | "brand" | "success" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;8EAgBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,QAAA,MAAM,KAAK,oFAQV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/badge.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground",
+            secondary: "border-transparent bg-secondary text-secondary-foreground",
+            destructive: "border-transparent bg-destructive text-destructive-foreground",
+            success: "border-transparent bg-success text-success-foreground",
+            info: "border-transparent bg-info text-info-foreground",
+            brand: "border-transparent bg-brand text-brand-foreground",
+            outline: "border-border text-foreground",
+        },
+    },
+    defaultVariants: { variant: "default" },
+});
+const Badge = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("span", { ref: ref, className: cn(badgeVariants({ variant, className })), ...props })));
+Badge.displayName = "Badge";
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,aAAa,GAAG,GAAG,CACvB,kFAAkF,EAClF;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,uDAAuD;YAChE,SAAS,EAAE,2DAA2D;YACtE,WAAW,EAAE,+DAA+D;YAC5E,OAAO,EAAE,uDAAuD;YAChE,IAAI,EAAE,iDAAiD;YACvD,KAAK,EAAE,mDAAmD;YAC1D,OAAO,EAAE,+BAA+B;SACzC;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAC;AAMF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAChD,KAAK,GACT,CACH,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/button.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "primary" | "destructive" | "outline" | "secondary" | "ghost" | "info" | "brand" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAwBnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,QAAA,MAAM,MAAM,uFAQX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/button.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background disabled:pointer-events-none disabled:opacity-50 active:scale-[.98] [&_svg]:pointer-events-none", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm",
+            primary: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",
+            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+            info: "bg-info text-info-foreground hover:bg-info/90 shadow-sm",
+            brand: "bg-brand text-brand-foreground hover:bg-brand/90 shadow-sm",
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            sm: "h-9 rounded-md px-3 text-[13px]",
+            lg: "h-11 rounded-md px-8 text-base",
+            icon: "h-10 w-10",
+        },
+    },
+    defaultVariants: { variant: "default", size: "default" },
+});
+const Button = React.forwardRef(({ className, variant, size, ...props }, ref) => (_jsx("button", { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props })));
+Button.displayName = "Button";
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAGlC,MAAM,cAAc,GAAG,GAAG,CACxB,4UAA4U,EAC5U;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAM,kEAAkE;YAC/E,OAAO,EAAM,kEAAkE;YAC/E,WAAW,EAAE,8EAA8E;YAC3F,OAAO,EAAM,gFAAgF;YAC7F,SAAS,EAAI,8DAA8D;YAC3E,KAAK,EAAQ,8CAA8C;YAC3D,IAAI,EAAS,iDAAiD;YAC9D,IAAI,EAAS,yDAAyD;YACtE,KAAK,EAAQ,4DAA4D;SAC1E;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB;YACzB,EAAE,EAAE,iCAAiC;YACrC,EAAE,EAAE,gCAAgC;YACpC,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;CACzD,CACF,CAAC;AAMF,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/C,iBACE,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAC3D,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/calendar.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: Date;
+    onChange?: (date: Date) => void;
+}
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,QAAQ,sFA4Eb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/calendar.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+import { Icon } from "./icon";
+const MONTHS_PT = [
+    "Janeiro",
+    "Fevereiro",
+    "Março",
+    "Abril",
+    "Maio",
+    "Junho",
+    "Julho",
+    "Agosto",
+    "Setembro",
+    "Outubro",
+    "Novembro",
+    "Dezembro",
+];
+const DOW_PT = ["D", "S", "T", "Q", "Q", "S", "S"];
+function sameDay(a, b) {
+    return !!(a &&
+        b &&
+        a.getFullYear() === b.getFullYear() &&
+        a.getMonth() === b.getMonth() &&
+        a.getDate() === b.getDate());
+}
+const Calendar = React.forwardRef(({ value, onChange, className, ...props }, ref) => {
+    const today = new Date();
+    const [view, setView] = React.useState(() => value
+        ? new Date(value.getFullYear(), value.getMonth(), 1)
+        : new Date(today.getFullYear(), today.getMonth(), 1));
+    const year = view.getFullYear();
+    const month = view.getMonth();
+    const firstDow = new Date(year, month, 1).getDay();
+    const daysInMonth = new Date(year, month + 1, 0).getDate();
+    const cells = [];
+    for (let i = 0; i < firstDow; i++)
+        cells.push(null);
+    for (let d = 1; d <= daysInMonth; d++)
+        cells.push(new Date(year, month, d));
+    const shift = (n) => setView(new Date(year, month + n, 1));
+    return (_jsxs("div", { ref: ref, className: cn("w-fit rounded-lg border bg-card p-3", className), ...props, children: [_jsxs("div", { className: "mb-2 flex items-center justify-between px-1", children: [_jsx("button", { onClick: () => shift(-1), className: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-input hover:bg-accent transition-colors", children: _jsx(Icon, { name: "chevron-left", size: 15 }) }), _jsxs("span", { className: "text-sm font-semibold text-foreground", children: [MONTHS_PT[month], " ", year] }), _jsx("button", { onClick: () => shift(1), className: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-input hover:bg-accent transition-colors", children: _jsx(Icon, { name: "chevron-right", size: 15 }) })] }), _jsxs("div", { className: "grid grid-cols-7 gap-1", children: [DOW_PT.map((d, i) => (_jsx("div", { className: "flex h-8 w-9 items-center justify-center text-xs font-medium text-muted-foreground", children: d }, i))), cells.map((d, i) => d === null ? (_jsx("div", { className: "h-9 w-9" }, i)) : (_jsx("button", { onClick: () => onChange?.(d), className: cn("inline-flex h-9 w-9 items-center justify-center rounded-md text-sm transition-colors", sameDay(d, value)
+                            ? "bg-primary text-primary-foreground font-semibold"
+                            : sameDay(d, today)
+                                ? "bg-accent text-accent-foreground font-medium"
+                                : "text-foreground hover:bg-accent"), children: d.getDate() }, i)))] })] }));
+});
+Calendar.displayName = "Calendar";
+export { Calendar };
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"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"}

package/dist/components/card.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
+//# sourceMappingURL=card.d.ts.map