npm - @accreditation/ui - Versions diffs - 1.0.0 - Mend

@accreditation/ui 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1026) hide show

package/dist/components/atoms/slider/variants.mjs ADDED Viewed

@@ -0,0 +1,52 @@
+const sliderBaseClasses = "relative flex touch-none select-none items-center data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50";
+const sliderTrackBaseClasses = "relative w-full grow overflow-hidden rounded-none bg-primary/20";
+const sliderTrackSizeClasses = {
+  xs: "h-1",
+  sm: "h-1.5",
+  md: "h-2",
+  lg: "h-2.5",
+  xl: "h-3"
+};
+const sliderRangeClasses = "absolute h-full bg-primary";
+const sliderThumbBaseClasses = [
+  "block rounded-none",
+  "border-2 border-primary bg-background",
+  "shadow-sm transition-colors",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+  "cursor-pointer data-[disabled]:cursor-not-allowed",
+  // Hover: levanta levemente o thumb — feedback visual sem cor
+  "hover:border-primary hover:shadow-md"
+].join(" ");
+const sliderThumbSizeClasses = {
+  xs: "h-3 w-3",
+  sm: "h-3.5 w-3.5",
+  md: "h-4 w-4",
+  lg: "h-5 w-5",
+  xl: "h-6 w-6"
+};
+const sliderTooltipClasses = [
+  "pointer-events-none absolute left-1/2 -translate-x-1/2",
+  "bottom-[calc(100%+6px)]",
+  "rounded-none bg-primary px-1.5 py-0.5",
+  "text-xs font-medium text-primary-foreground whitespace-nowrap",
+  "shadow-sm",
+  // Seta triangular abaixo do tooltip
+  "after:absolute after:left-1/2 after:-translate-x-1/2 after:top-full",
+  "after:border-4 after:border-transparent after:border-t-primary"
+].join(" ");
+const sliderTooltipSizeClasses = {
+  xs: "text-[10px] px-1 py-px",
+  sm: "text-[10px] px-1 py-px",
+  md: "text-xs px-1.5 py-0.5",
+  lg: "text-xs px-1.5 py-0.5",
+  xl: "text-sm px-2 py-1"
+};
+const sliderMarksWrapperClasses = "pointer-events-none absolute inset-x-0 top-full mt-1";
+const sliderMarkTickClasses = "absolute top-0 h-1.5 w-px -translate-x-1/2 bg-border";
+const sliderMarkLabelClasses = "absolute top-2.5 -translate-x-1/2 text-[10px] text-muted-foreground whitespace-nowrap";
+const sliderValueClasses = "shrink-0 min-w-[2.5rem] text-right text-sm tabular-nums text-foreground";
+const sliderFieldLabelClasses = "text-sm font-medium text-foreground leading-none";
+const sliderFieldRequiredClasses = "ml-0.5 text-destructive";
+const sliderFieldHintClasses = "text-xs text-muted-foreground";
+export { sliderBaseClasses, sliderFieldHintClasses, sliderFieldLabelClasses, sliderFieldRequiredClasses, sliderMarkLabelClasses, sliderMarkTickClasses, sliderMarksWrapperClasses, sliderRangeClasses, sliderThumbBaseClasses, sliderThumbSizeClasses, sliderTooltipClasses, sliderTooltipSizeClasses, sliderTrackBaseClasses, sliderTrackSizeClasses, sliderValueClasses };

package/dist/components/atoms/sonner/components/sonner.d.ts ADDED Viewed

@@ -0,0 +1,72 @@
+import type { ToasterProps, ToastOptions, ToastPromiseOptions } from "../types";
+/**
+ * Toaster — monta o container de toasts.
+ * Deve ser colocado UMA VEZ no root da aplicação (ex: layout.tsx).
+ *
+ * @example
+ * // app/layout.tsx
+ * import { Toaster } from "@accreditation/ui/components/atoms/sonner";
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         {children}
+ *         <Toaster />
+ *       </body>
+ *     </html>
+ *   );
+ * }
+ */
+declare function Toaster({ ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Toaster {
+    var displayName: string;
+}
+/**
+ * toast — helper tipado do DS sobre o Sonner.
+ *
+ * Variantes disponíveis:
+ * - toast(message, opts?)           → toast neutro
+ * - toast.success(message, opts?)   → verde (--success)
+ * - toast.error(message, opts?)     → vermelho (--destructive)
+ * - toast.warning(message, opts?)   → amarelo (--warning)
+ * - toast.info(message, opts?)      → primária (--primary)
+ * - toast.loading(message, opts?)   → com spinner
+ * - toast.promise(promise, opts)    → loading → success/error automático
+ * - toast.dismiss(id?)              → fecha um ou todos os toasts
+ *
+ * @example Simples:
+ * toast.success("Salvo com sucesso!")
+ *
+ * @example Com ação:
+ * toast.error("Falha ao salvar", {
+ *   description: "Tente novamente em alguns instantes.",
+ *   action: { label: "Tentar novamente", onClick: handleRetry },
+ *   cancel: { label: "Fechar" },
+ * })
+ *
+ * @example Promise:
+ * toast.promise(saveData(), {
+ *   loading: "Salvando...",
+ *   success: "Salvo com sucesso!",
+ *   error: (err) => `Erro: ${err.message}`,
+ * })
+ */
+declare function toast(message: string, opts?: ToastOptions): string | number;
+declare namespace toast {
+    var success: (message: string, opts?: ToastOptions) => string | number;
+    var error: (message: string, opts?: ToastOptions) => string | number;
+    var warning: (message: string, opts?: ToastOptions) => string | number;
+    var info: (message: string, opts?: ToastOptions) => string | number;
+    var loading: (message: string, opts?: ToastOptions) => string | number;
+    var promise: <TData = unknown>(promise: Promise<TData> | (() => Promise<TData>), opts: ToastPromiseOptions<TData>) => (string & {
+        unwrap: () => Promise<TData>;
+    }) | (number & {
+        unwrap: () => Promise<TData>;
+    }) | {
+        unwrap: () => Promise<TData>;
+    };
+    var dismiss: (id?: string | number) => string | number;
+}
+export { Toaster, toast };
+//# sourceMappingURL=sonner.d.ts.map

package/dist/components/atoms/sonner/components/sonner.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/sonner/components/sonner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIhF;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAa1C;kBAbQ,OAAO;;;AA2ChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,YAAY,mBAElD;kBAFQ,KAAK;2BAIY,MAAM,SAAS,YAAY;yBAG7B,MAAM,SAAS,YAAY;2BAGzB,MAAM,SAAS,YAAY;wBAG9B,MAAM,SAAS,YAAY;2BAGxB,MAAM,SAAS,YAAY;kBAGpC,KAAK,qBACX,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC,QAC1C,mBAAmB,CAAC,KAAK,CAAC;;;;;;;uBAWZ,MAAM,GAAG,MAAM;;AAIrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/atoms/sonner/components/sonner.js ADDED Viewed

@@ -0,0 +1,57 @@
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var sonner = require('sonner');
+var variants = require('../variants');
+function Toaster({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      theme: "system",
+      position: "top-right",
+      className: variants.toasterClassName,
+      style: variants.toasterStyle,
+      toastOptions: { classNames: variants.toastClassNames },
+      closeButton: true,
+      richColors: true,
+      ...props
+    }
+  );
+}
+Toaster.displayName = "Toaster";
+function buildOptions(opts = {}) {
+  const { description, duration = 4e3, action, cancel, id, raw } = opts;
+  return {
+    description,
+    duration,
+    id,
+    action: action ? { label: action.label, onClick: action.onClick } : void 0,
+    cancel: cancel ? {
+      label: cancel.label,
+      onClick: cancel.onClick ?? (() => {
+      })
+    } : void 0,
+    ...raw
+  };
+}
+function toast(message, opts) {
+  return sonner.toast(message, buildOptions(opts));
+}
+toast.success = (message, opts) => sonner.toast.success(message, buildOptions(opts));
+toast.error = (message, opts) => sonner.toast.error(message, buildOptions(opts));
+toast.warning = (message, opts) => sonner.toast.warning(message, buildOptions(opts));
+toast.info = (message, opts) => sonner.toast.info(message, buildOptions(opts));
+toast.loading = (message, opts) => sonner.toast.loading(message, buildOptions(opts));
+toast.promise = (promise, opts) => sonner.toast.promise(promise, {
+  loading: opts.loading,
+  success: opts.success,
+  error: opts.error,
+  description: opts.description,
+  duration: opts.duration,
+  id: opts.id
+});
+toast.dismiss = (id) => sonner.toast.dismiss(id);
+exports.Toaster = Toaster;
+exports.toast = toast;

package/dist/components/atoms/sonner/components/sonner.mjs ADDED Viewed

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+import { Toaster as Toaster$1, toast as toast$1 } from 'sonner';
+import { toastClassNames, toasterStyle, toasterClassName } from '../variants';
+function Toaster({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme: "system",
+      position: "top-right",
+      className: toasterClassName,
+      style: toasterStyle,
+      toastOptions: { classNames: toastClassNames },
+      closeButton: true,
+      richColors: true,
+      ...props
+    }
+  );
+}
+Toaster.displayName = "Toaster";
+function buildOptions(opts = {}) {
+  const { description, duration = 4e3, action, cancel, id, raw } = opts;
+  return {
+    description,
+    duration,
+    id,
+    action: action ? { label: action.label, onClick: action.onClick } : void 0,
+    cancel: cancel ? {
+      label: cancel.label,
+      onClick: cancel.onClick ?? (() => {
+      })
+    } : void 0,
+    ...raw
+  };
+}
+function toast(message, opts) {
+  return toast$1(message, buildOptions(opts));
+}
+toast.success = (message, opts) => toast$1.success(message, buildOptions(opts));
+toast.error = (message, opts) => toast$1.error(message, buildOptions(opts));
+toast.warning = (message, opts) => toast$1.warning(message, buildOptions(opts));
+toast.info = (message, opts) => toast$1.info(message, buildOptions(opts));
+toast.loading = (message, opts) => toast$1.loading(message, buildOptions(opts));
+toast.promise = (promise, opts) => toast$1.promise(promise, {
+  loading: opts.loading,
+  success: opts.success,
+  error: opts.error,
+  description: opts.description,
+  duration: opts.duration,
+  id: opts.id
+});
+toast.dismiss = (id) => toast$1.dismiss(id);
+export { Toaster, toast };

package/dist/components/atoms/sonner/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export * from "./components/sonner";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/sonner/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/sonner/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/atoms/sonner/index.js ADDED Viewed

@@ -0,0 +1,26 @@
+'use strict';
+var sonner = require('./components/sonner');
+var types = require('./types');
+var variants = require('./variants');
+Object.keys(sonner).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return sonner[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/atoms/sonner/index.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './components/sonner';
+export * from './types';
+export * from './variants';

package/dist/components/atoms/sonner/sonner.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./components/sonner";
2	+ //# sourceMappingURL=sonner.d.ts.map

package/dist/components/atoms/sonner/sonner.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/sonner/sonner.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/components/atoms/sonner/sonner.js ADDED Viewed

@@ -0,0 +1,12 @@
+'use strict';
+var sonner = require('./components/sonner');
+Object.keys(sonner).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return sonner[k]; }
+	});
+});

package/dist/components/atoms/sonner/sonner.mjs ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './components/sonner';

package/dist/components/atoms/sonner/types.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+import type { ToasterProps, ExternalToast } from "sonner";
+export type { ToasterProps };
+/**
+ * Opções comuns de um toast do DS.
+ * Subconjunto tipado de ExternalToast com os campos que realmente usamos.
+ */
+export interface ToastOptions {
+    /** Descrição secundária abaixo do título. */
+    description?: string;
+    /** Duração em ms. @default 4000 */
+    duration?: number;
+    /**
+     * Botão de ação principal (ex: "Desfazer", "Ver detalhes").
+     * Fecha o toast automaticamente ao clicar.
+     */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * Botão de cancelamento/dispensa (ex: "Fechar", "Ignorar").
+     * Fecha o toast automaticamente ao clicar.
+     */
+    cancel?: {
+        label: string;
+        onClick?: () => void;
+    };
+    /** ID fixo para deduplicar (evita toasts duplicados). */
+    id?: string | number;
+    /** Passa para o Sonner diretamente. */
+    raw?: ExternalToast;
+}
+/**
+ * Opções para toast.promise().
+ */
+export interface ToastPromiseOptions<TData = unknown> {
+    loading: string;
+    success: string | ((data: TData) => string);
+    error: string | ((error: unknown) => string);
+    description?: string;
+    duration?: number;
+    id?: string | number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/atoms/sonner/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/sonner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI1D,YAAY,EAAE,YAAY,EAAE,CAAC;AAI7B;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,yDAAyD;IACzD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,uCAAuC;IACvC,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,KAAK,GAAG,OAAO;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB"}

package/dist/components/atoms/sonner/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 'use strict';
2	+

package/dist/components/atoms/sonner/types.mjs ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/dist/components/atoms/sonner/variants.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { CSSProperties } from "react";
+export declare const toasterClassName = "toaster group";
+export declare const toasterStyle: CSSProperties;
+export declare const toastClassNames: {
+    readonly toast: "rounded-none! font-sans text-sm shadow-md";
+    readonly title: "font-medium text-sm";
+    readonly description: "text-xs text-muted-foreground";
+    readonly actionButton: "rounded-none! h-7 px-2.5 text-xs font-medium border border-current bg-transparent hover:bg-current/10 transition-colors cursor-pointer";
+    readonly cancelButton: "rounded-none! h-7 px-2.5 text-xs font-medium border border-border bg-transparent text-muted-foreground hover:bg-muted transition-colors cursor-pointer";
+    readonly closeButton: "rounded-none! border border-border bg-background text-muted-foreground hover:bg-muted transition-colors";
+    readonly loader: "text-muted-foreground";
+};
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/atoms/sonner/variants.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/sonner/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,eAAO,MAAM,gBAAgB,kBAAkB,CAAC;AAgBhD,eAAO,MAAM,YAAY,EAAE,aAyBT,CAAC;AAQnB,eAAO,MAAM,eAAe;;;;;;;;CA0BlB,CAAC"}

package/dist/components/atoms/sonner/variants.js ADDED Viewed

@@ -0,0 +1,44 @@
+'use strict';
+const toasterClassName = "toaster group";
+const toasterStyle = {
+  // Normal (default)
+  "--normal-bg": "var(--popover)",
+  "--normal-text": "var(--popover-foreground)",
+  "--normal-border": "var(--border)",
+  // Success
+  "--success-bg": "color-mix(in oklch, var(--success) 15%, var(--background))",
+  "--success-text": "var(--success)",
+  "--success-border": "color-mix(in oklch, var(--success) 30%, var(--border))",
+  // Error
+  "--error-bg": "color-mix(in oklch, var(--destructive) 12%, var(--background))",
+  "--error-text": "var(--destructive)",
+  "--error-border": "color-mix(in oklch, var(--destructive) 30%, var(--border))",
+  // Warning
+  "--warning-bg": "color-mix(in oklch, var(--warning) 15%, var(--background))",
+  "--warning-text": "var(--warning)",
+  "--warning-border": "color-mix(in oklch, var(--warning) 30%, var(--border))",
+  // Info usa primary
+  "--info-bg": "color-mix(in oklch, var(--primary) 12%, var(--background))",
+  "--info-text": "var(--primary)",
+  "--info-border": "color-mix(in oklch, var(--primary) 30%, var(--border))"
+};
+const toastClassNames = {
+  // Container do toast
+  toast: "rounded-none! font-sans text-sm shadow-md",
+  // Textos
+  title: "font-medium text-sm",
+  description: "text-xs text-muted-foreground",
+  // Action button — usa tokens do Button do DS (flat, border, sm height)
+  actionButton: "rounded-none! h-7 px-2.5 text-xs font-medium border border-current bg-transparent hover:bg-current/10 transition-colors cursor-pointer",
+  // Cancel button — muted, menos destaque
+  cancelButton: "rounded-none! h-7 px-2.5 text-xs font-medium border border-border bg-transparent text-muted-foreground hover:bg-muted transition-colors cursor-pointer",
+  // Close button (×) — discreto
+  closeButton: "rounded-none! border border-border bg-background text-muted-foreground hover:bg-muted transition-colors",
+  // Loading spinner
+  loader: "text-muted-foreground"
+};
+exports.toastClassNames = toastClassNames;
+exports.toasterClassName = toasterClassName;
+exports.toasterStyle = toasterStyle;

package/dist/components/atoms/sonner/variants.mjs ADDED Viewed

@@ -0,0 +1,40 @@
+const toasterClassName = "toaster group";
+const toasterStyle = {
+  // Normal (default)
+  "--normal-bg": "var(--popover)",
+  "--normal-text": "var(--popover-foreground)",
+  "--normal-border": "var(--border)",
+  // Success
+  "--success-bg": "color-mix(in oklch, var(--success) 15%, var(--background))",
+  "--success-text": "var(--success)",
+  "--success-border": "color-mix(in oklch, var(--success) 30%, var(--border))",
+  // Error
+  "--error-bg": "color-mix(in oklch, var(--destructive) 12%, var(--background))",
+  "--error-text": "var(--destructive)",
+  "--error-border": "color-mix(in oklch, var(--destructive) 30%, var(--border))",
+  // Warning
+  "--warning-bg": "color-mix(in oklch, var(--warning) 15%, var(--background))",
+  "--warning-text": "var(--warning)",
+  "--warning-border": "color-mix(in oklch, var(--warning) 30%, var(--border))",
+  // Info usa primary
+  "--info-bg": "color-mix(in oklch, var(--primary) 12%, var(--background))",
+  "--info-text": "var(--primary)",
+  "--info-border": "color-mix(in oklch, var(--primary) 30%, var(--border))"
+};
+const toastClassNames = {
+  // Container do toast
+  toast: "rounded-none! font-sans text-sm shadow-md",
+  // Textos
+  title: "font-medium text-sm",
+  description: "text-xs text-muted-foreground",
+  // Action button — usa tokens do Button do DS (flat, border, sm height)
+  actionButton: "rounded-none! h-7 px-2.5 text-xs font-medium border border-current bg-transparent hover:bg-current/10 transition-colors cursor-pointer",
+  // Cancel button — muted, menos destaque
+  cancelButton: "rounded-none! h-7 px-2.5 text-xs font-medium border border-border bg-transparent text-muted-foreground hover:bg-muted transition-colors cursor-pointer",
+  // Close button (×) — discreto
+  closeButton: "rounded-none! border border-border bg-background text-muted-foreground hover:bg-muted transition-colors",
+  // Loading spinner
+  loader: "text-muted-foreground"
+};
+export { toastClassNames, toasterClassName, toasterStyle };

package/dist/components/atoms/spinner/components/spinner.d.ts ADDED Viewed

@@ -0,0 +1,37 @@
+import type { SpinnerInlineProps, SpinnerProps } from "../types";
+/**
+ * Spinner — indicador de carregamento circular.
+ *
+ * SVG puro com animação de arco (stroke-dasharray/dashoffset) + rotação.
+ * Técnica Material Design: o arco pulsante enquanto o círculo gira cria
+ * percepção de progresso sem travamento visual.
+ *
+ * @example
+ * <Spinner />
+ * <Spinner size="lg" color="primary" />
+ * <Spinner size="sm" color="muted" label="Buscando resultados" />
+ */
+declare function Spinner({ size, color, label, className, style, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
+/**
+ * SpinnerInline — spinner com texto ao lado.
+ * Útil para estados de loading em botões, cabeçalhos, células de tabela.
+ *
+ * O texto herda a cor do spinner via `spinnerInlineTextColorMap`.
+ *
+ * @example
+ * <SpinnerInline size="sm" color="muted">Carregando dados...</SpinnerInline>
+ *
+ * @example Dentro de um botão desabilitado:
+ * <button disabled>
+ *   <SpinnerInline size="sm">Salvando</SpinnerInline>
+ * </button>
+ */
+declare function SpinnerInline({ children, size, color, label, className, ...props }: SpinnerInlineProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SpinnerInline {
+    var displayName: string;
+}
+export { Spinner, SpinnerInline };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/atoms/spinner/components/spinner.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/spinner/components/spinner.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIjE;;;;;;;;;;;GAWG;AACH,iBAAS,OAAO,CAAC,EACf,IAAW,EACX,KAAiB,EACjB,KAAoB,EACpB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,2CA6Dd;kBApEQ,OAAO;;;AA0EhB;;;;;;;;;;;;;GAaG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAW,EACX,KAAiB,EACjB,KAAoB,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAcpB;kBArBQ,aAAa;;;AA2BtB,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/atoms/spinner/components/spinner.js ADDED Viewed

@@ -0,0 +1,92 @@
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+function Spinner({
+  size = "md",
+  color = "inherit",
+  label = "Carregando",
+  className,
+  style,
+  ...props
+}) {
+  const { size: px, strokeWidth } = variants.spinnerSizeMap[size];
+  const center = px / 2;
+  const radius = center - strokeWidth;
+  const circumference = 2 * Math.PI * radius;
+  const dashMin = circumference * 0.15;
+  const dashMax = circumference * 0.75;
+  const strokeColor = variants.spinnerColorMap[color];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      role: "status",
+      "aria-label": label,
+      width: px,
+      height: px,
+      viewBox: `0 0 ${px} ${px}`,
+      fill: "none",
+      className: utils.cn("shrink-0", className),
+      style: { color: strokeColor, ...style },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        @keyframes ${variants.SPINNER_ROTATE_ANIM} {
+          100% { transform: rotate(360deg); }
+        }
+        @keyframes ${variants.SPINNER_DASH_ANIM} {
+          0%   { stroke-dasharray: ${dashMin} ${circumference}; stroke-dashoffset: 0; }
+          50%  { stroke-dasharray: ${dashMax} ${circumference}; stroke-dashoffset: ${-circumference * 0.25}; }
+          100% { stroke-dasharray: ${dashMin} ${circumference}; stroke-dashoffset: ${-circumference}; }
+        }
+      ` }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "g",
+          {
+            style: {
+              transformOrigin: `${center}px ${center}px`,
+              animation: `${variants.SPINNER_ROTATE_ANIM} ${variants.SPINNER_ROTATE_DURATION} linear infinite`
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "circle",
+              {
+                cx: center,
+                cy: center,
+                r: radius,
+                stroke: "currentColor",
+                strokeWidth,
+                strokeLinecap: "square",
+                strokeDasharray: `${dashMin} ${circumference}`,
+                style: {
+                  animation: `${variants.SPINNER_DASH_ANIM} ${variants.SPINNER_DASH_DURATION} ease-in-out infinite`
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+Spinner.displayName = "Spinner";
+function SpinnerInline({
+  children,
+  size = "md",
+  color = "inherit",
+  label = "Carregando",
+  className,
+  ...props
+}) {
+  const { textClass } = variants.spinnerSizeMap[size];
+  const textColorClass = variants.spinnerInlineTextColorMap[color];
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils.cn(variants.spinnerInlineBaseClasses, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size, color, label, ...props }),
+    children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn(textClass, textColorClass), children })
+  ] });
+}
+SpinnerInline.displayName = "SpinnerInline";
+exports.Spinner = Spinner;
+exports.SpinnerInline = SpinnerInline;