@accreditation/ui 1.0.0

package/dist/components/atoms/skeleton/components/skeleton.mjs

@@ -0,0 +1,235 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '../../../../lib/utils';
+import { skeletonBaseClasses, skeletonAnimationClasses, skeletonBadgeClasses, skeletonButtonHeightMap, skeletonLabelClasses, skeletonInputHeightMap, skeletonHintClasses, skeletonAvatarSizeMap, skeletonTextLineHeightMap, skeletonTextGapMap } from '../variants';
+
+const SkeletonCtx = React.createContext({
+  animation: "pulse"
+});
+function useSkeletonAnimation(override) {
+  const { animation } = React.useContext(SkeletonCtx);
+  return override ?? animation;
+}
+function SkeletonRoot({
+  animation = "pulse",
+  children,
+  className
+}) {
+  const ctx = React.useMemo(() => ({ animation }), [animation]);
+  return /* @__PURE__ */ jsx(SkeletonCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsx("div", { className, children }) });
+}
+SkeletonRoot.displayName = "Skeleton.Root";
+function Skeleton({ className, animation: animationOverride, ...props }) {
+  const animation = useSkeletonAnimation(animationOverride);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        skeletonBaseClasses,
+        skeletonAnimationClasses[animation],
+        className
+      ),
+      "aria-hidden": "true",
+      ...props
+    }
+  );
+}
+Skeleton.displayName = "Skeleton";
+function SkeletonText({
+  lines = 3,
+  size = "md",
+  animation: animationOverride,
+  className
+}) {
+  const animation = useSkeletonAnimation(animationOverride);
+  const lineHeight = skeletonTextLineHeightMap[size];
+  const gap = skeletonTextGapMap[size];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-col w-full", gap, className),
+      "aria-hidden": "true",
+      children: Array.from({ length: lines }, (_, i) => {
+        const isLast = i === lines - 1;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              skeletonBaseClasses,
+              skeletonAnimationClasses[animation],
+              lineHeight,
+              isLast ? "w-[60%]" : "w-full"
+            )
+          },
+          i
+        );
+      })
+    }
+  );
+}
+SkeletonText.displayName = "Skeleton.Text";
+function SkeletonAvatar({
+  size = "md",
+  animation: animationOverride,
+  className
+}) {
+  const animation = useSkeletonAnimation(animationOverride);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-full bg-primary/10 shrink-0",
+        skeletonAnimationClasses[animation],
+        skeletonAvatarSizeMap[size],
+        className
+      ),
+      "aria-hidden": "true"
+    }
+  );
+}
+SkeletonAvatar.displayName = "Skeleton.Avatar";
+function SkeletonInput({
+  size = "md",
+  withLabel = false,
+  withHint = false,
+  animation: animationOverride,
+  className
+}) {
+  const animation = useSkeletonAnimation(animationOverride);
+  const animClass = skeletonAnimationClasses[animation];
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col w-full", className), "aria-hidden": "true", children: [
+    withLabel && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(skeletonBaseClasses, animClass, skeletonLabelClasses)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          skeletonBaseClasses,
+          animClass,
+          skeletonInputHeightMap[size],
+          "w-full"
+        )
+      }
+    ),
+    withHint && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(skeletonBaseClasses, animClass, skeletonHintClasses)
+      }
+    )
+  ] });
+}
+SkeletonInput.displayName = "Skeleton.Input";
+function SkeletonButton({
+  size = "md",
+  width = "w-24",
+  animation: animationOverride,
+  className
+}) {
+  const animation = useSkeletonAnimation(animationOverride);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        skeletonBaseClasses,
+        skeletonAnimationClasses[animation],
+        skeletonButtonHeightMap[size],
+        width,
+        className
+      ),
+      "aria-hidden": "true"
+    }
+  );
+}
+SkeletonButton.displayName = "Skeleton.Button";
+function SkeletonBadge({
+  width = "w-16",
+  animation: animationOverride,
+  className
+}) {
+  const animation = useSkeletonAnimation(animationOverride);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        skeletonBaseClasses,
+        skeletonAnimationClasses[animation],
+        skeletonBadgeClasses,
+        width,
+        className
+      ),
+      "aria-hidden": "true"
+    }
+  );
+}
+SkeletonBadge.displayName = "Skeleton.Badge";
+const presetMap = {
+  "card": () => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4 border border-border w-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(SkeletonAvatar, { size: "md" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-32" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(SkeletonText, { lines: 3, size: "sm" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(SkeletonBadge, { width: "w-16" }),
+      /* @__PURE__ */ jsx(SkeletonButton, { size: "sm", width: "w-20" })
+    ] })
+  ] }),
+  "list-item": () => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-3 w-full", children: [
+    /* @__PURE__ */ jsx(SkeletonAvatar, { size: "sm" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-36" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
+    ] }),
+    /* @__PURE__ */ jsx(SkeletonBadge, { width: "w-12" })
+  ] }),
+  "table-row": () => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 py-3 w-full", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 flex-1" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 flex-1" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-24 shrink-0" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-16 shrink-0" }),
+    /* @__PURE__ */ jsx(SkeletonBadge, { width: "w-14" })
+  ] }),
+  "form": () => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 w-full", children: [
+    /* @__PURE__ */ jsx(SkeletonInput, { size: "md", withLabel: true }),
+    /* @__PURE__ */ jsx(SkeletonInput, { size: "md", withLabel: true }),
+    /* @__PURE__ */ jsx(SkeletonInput, { size: "md", withLabel: true, withHint: true }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-1", children: [
+      /* @__PURE__ */ jsx(SkeletonButton, { size: "md", width: "w-24" }),
+      /* @__PURE__ */ jsx(SkeletonButton, { size: "md", width: "w-20" })
+    ] })
+  ] })
+};
+function SkeletonGroup({
+  preset,
+  repeat = 1,
+  animation = "pulse",
+  className
+}) {
+  const PresetComponent = presetMap[preset];
+  if (!PresetComponent) return null;
+  return /* @__PURE__ */ jsx(SkeletonRoot, { animation, children: /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: Array.from({ length: repeat }, (_, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    i > 0 && preset !== "card" && /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-border", "aria-hidden": true }),
+    i > 0 && preset === "card" && /* @__PURE__ */ jsx("div", { className: "h-3", "aria-hidden": true }),
+    /* @__PURE__ */ jsx(PresetComponent, {})
+  ] }, i)) }) });
+}
+SkeletonGroup.displayName = "Skeleton.Group";
+const SkeletonNamespace = Object.assign(Skeleton, {
+  Root: SkeletonRoot,
+  Text: SkeletonText,
+  Avatar: SkeletonAvatar,
+  Input: SkeletonInput,
+  Button: SkeletonButton,
+  Badge: SkeletonBadge,
+  Group: SkeletonGroup
+});
+
+export { Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonGroup, SkeletonInput, SkeletonNamespace, SkeletonRoot, SkeletonText };

package/dist/components/atoms/skeleton/index.d.ts

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

package/dist/components/atoms/skeleton/index.d.ts.map

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

package/dist/components/atoms/skeleton/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var skeleton = require('./components/skeleton');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(skeleton).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return skeleton[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/skeleton/index.mjs

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

package/dist/components/atoms/skeleton/types.d.ts

@@ -0,0 +1,95 @@
+import * as React from "react";
+export type SkeletonAnimation = "pulse" | "shimmer" | "none";
+export type SkeletonSize = "xs" | "sm" | "md" | "lg" | "xl";
+export interface SkeletonContextValue {
+    animation: SkeletonAnimation;
+}
+export interface SkeletonRootProps {
+    /**
+     * Animação aplicada a todos os filhos Skeleton.
+     * @default "pulse"
+     */
+    animation?: SkeletonAnimation;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Sobrescreve a animação do Root para este elemento específico.
+     * Se omitido, herda do SkeletonRoot (ou usa "pulse" como fallback).
+     */
+    animation?: SkeletonAnimation;
+}
+export interface SkeletonTextProps {
+    /**
+     * Número de linhas de texto simuladas.
+     * A última linha é renderizada com 60% de largura (imita parágrafo real).
+     * @default 3
+     */
+    lines?: number;
+    /**
+     * Tamanho da fonte simulada — controla a altura de cada linha.
+     * @default "md"
+     */
+    size?: SkeletonSize;
+    animation?: SkeletonAnimation;
+    className?: string;
+}
+export interface SkeletonAvatarProps {
+    /**
+     * Tamanho do avatar.
+     * xs=24px | sm=32px | md=40px | lg=48px | xl=64px
+     * @default "md"
+     */
+    size?: SkeletonSize;
+    animation?: SkeletonAnimation;
+    className?: string;
+}
+export interface SkeletonInputProps {
+    /**
+     * Tamanho — alinhado com InputSize.
+     * xs=h-7 | sm=h-8 | md=h-9 | lg=h-10 | xl=h-12
+     * @default "md"
+     */
+    size?: SkeletonSize;
+    /** Exibe um label acima. @default false */
+    withLabel?: boolean;
+    /** Exibe um hint abaixo. @default false */
+    withHint?: boolean;
+    animation?: SkeletonAnimation;
+    className?: string;
+}
+export interface SkeletonButtonProps {
+    /**
+     * Tamanho — alinhado com ButtonSize.
+     * xs=h-7 | sm=h-8 | md=h-9 | lg=h-10 | xl=h-12
+     * @default "md"
+     */
+    size?: SkeletonSize;
+    /** Largura do botão. @default "w-24" */
+    width?: string;
+    animation?: SkeletonAnimation;
+    className?: string;
+}
+export interface SkeletonBadgeProps {
+    /** Largura do badge. @default "w-16" */
+    width?: string;
+    animation?: SkeletonAnimation;
+    className?: string;
+}
+export type SkeletonGroupPreset = "card" | "list-item" | "table-row" | "form";
+export interface SkeletonGroupProps {
+    /**
+     * Preset de composição.
+     * - `card` — avatar + 2 linhas de texto + botão
+     * - `list-item` — avatar + 2 linhas curtas
+     * - `table-row` — 4 células de largura variada
+     * - `form` — 3 campos com label
+     */
+    preset: SkeletonGroupPreset;
+    /** Quantidade de repetições do preset. @default 1 */
+    repeat?: number;
+    animation?: SkeletonAnimation;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/atoms/skeleton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAI7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAI5D,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAID,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B;AAID,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,kBAAkB;IACjC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,WAAW,GACX,WAAW,GACX,MAAM,CAAC;AAEX,MAAM,WAAW,kBAAkB;IACjC;;;;;;OAMG;IACH,MAAM,EAAE,mBAAmB,CAAC;IAC5B,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/atoms/skeleton/types.js

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

package/dist/components/atoms/skeleton/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/atoms/skeleton/variants.d.ts

@@ -0,0 +1,36 @@
+import type { SkeletonAnimation, SkeletonSize } from "./types";
+/**
+ * Cor de fundo — bg-primary/10 usa --primary do tema.
+ * Dark mode automático: primary muda de oklch(0.216) para oklch(0.923).
+ * Resultado: cinza claro no light, cinza médio no dark.
+ *
+ * rounded-none — flat, consistente com o DS.
+ * Exceção: Skeleton.Avatar usa rounded-full (forma semântica de avatar).
+ */
+export declare const skeletonBaseClasses = "rounded-none bg-primary/10 block";
+/**
+ * Shimmer implementado como pseudo-elemento via before:.
+ * O gradiente passa da esquerda para direita em 1.5s.
+ * Requer @keyframes skeleton-shimmer no globals.css.
+ *
+ * Técnica: overflow-hidden no skeleton + before:absolute com gradiente animado.
+ */
+export declare const skeletonShimmerClasses: string;
+export declare const skeletonPulseClasses = "animate-pulse";
+export declare const skeletonAnimationClasses: Record<SkeletonAnimation, string>;
+/** Altura de cada linha por tamanho de fonte simulada. */
+export declare const skeletonTextLineHeightMap: Record<SkeletonSize, string>;
+/** Gap entre linhas por tamanho. */
+export declare const skeletonTextGapMap: Record<SkeletonSize, string>;
+/** Diâmetro do avatar por tamanho. */
+export declare const skeletonAvatarSizeMap: Record<SkeletonSize, string>;
+/** Alturas alinhadas com InputSize do DS. */
+export declare const skeletonInputHeightMap: Record<SkeletonSize, string>;
+/** Altura do label skeleton (acima do input). */
+export declare const skeletonLabelClasses = "h-3.5 w-20 mb-1.5";
+/** Altura do hint skeleton (abaixo do input). */
+export declare const skeletonHintClasses = "h-3 w-28 mt-1.5";
+/** Alturas alinhadas com ButtonSize do DS. */
+export declare const skeletonButtonHeightMap: Record<SkeletonSize, string>;
+export declare const skeletonBadgeClasses = "h-5";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/atoms/skeleton/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI/D;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,qCACI,CAAC;AAIrC;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,QAM4B,CAAC;AAEhE,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AAIpD,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAItE,CAAC;AAIF,0DAA0D;AAC1D,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMlE,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM3D,CAAC;AAIF,sCAAsC;AACtC,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM9D,CAAC;AAIF,6CAA6C;AAC7C,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAM/D,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,oBAAoB,sBAAsB,CAAC;AAExD,iDAAiD;AACjD,eAAO,MAAM,mBAAmB,oBAAoB,CAAC;AAIrD,8CAA8C;AAC9C,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAMhE,CAAC;AAIF,eAAO,MAAM,oBAAoB,QAAQ,CAAC"}

package/dist/components/atoms/skeleton/variants.js

@@ -0,0 +1,61 @@
+'use strict';
+
+const skeletonBaseClasses = "rounded-none bg-primary/10 block";
+const skeletonShimmerClasses = "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent before:animate-[skeleton-shimmer_1.5s_ease-in-out_infinite]";
+const skeletonPulseClasses = "animate-pulse";
+const skeletonAnimationClasses = {
+  pulse: skeletonPulseClasses,
+  shimmer: skeletonShimmerClasses,
+  none: ""
+};
+const skeletonTextLineHeightMap = {
+  xs: "h-2.5",
+  sm: "h-3",
+  md: "h-3.5",
+  lg: "h-4",
+  xl: "h-5"
+};
+const skeletonTextGapMap = {
+  xs: "gap-1.5",
+  sm: "gap-1.5",
+  md: "gap-2",
+  lg: "gap-2.5",
+  xl: "gap-3"
+};
+const skeletonAvatarSizeMap = {
+  xs: "size-6",
+  sm: "size-8",
+  md: "size-10",
+  lg: "size-12",
+  xl: "size-16"
+};
+const skeletonInputHeightMap = {
+  xs: "h-7",
+  sm: "h-8",
+  md: "h-9",
+  lg: "h-10",
+  xl: "h-12"
+};
+const skeletonLabelClasses = "h-3.5 w-20 mb-1.5";
+const skeletonHintClasses = "h-3 w-28 mt-1.5";
+const skeletonButtonHeightMap = {
+  xs: "h-7",
+  sm: "h-8",
+  md: "h-9",
+  lg: "h-10",
+  xl: "h-12"
+};
+const skeletonBadgeClasses = "h-5";
+
+exports.skeletonAnimationClasses = skeletonAnimationClasses;
+exports.skeletonAvatarSizeMap = skeletonAvatarSizeMap;
+exports.skeletonBadgeClasses = skeletonBadgeClasses;
+exports.skeletonBaseClasses = skeletonBaseClasses;
+exports.skeletonButtonHeightMap = skeletonButtonHeightMap;
+exports.skeletonHintClasses = skeletonHintClasses;
+exports.skeletonInputHeightMap = skeletonInputHeightMap;
+exports.skeletonLabelClasses = skeletonLabelClasses;
+exports.skeletonPulseClasses = skeletonPulseClasses;
+exports.skeletonShimmerClasses = skeletonShimmerClasses;
+exports.skeletonTextGapMap = skeletonTextGapMap;
+exports.skeletonTextLineHeightMap = skeletonTextLineHeightMap;

package/dist/components/atoms/skeleton/variants.mjs

@@ -0,0 +1,48 @@
+const skeletonBaseClasses = "rounded-none bg-primary/10 block";
+const skeletonShimmerClasses = "relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent before:animate-[skeleton-shimmer_1.5s_ease-in-out_infinite]";
+const skeletonPulseClasses = "animate-pulse";
+const skeletonAnimationClasses = {
+  pulse: skeletonPulseClasses,
+  shimmer: skeletonShimmerClasses,
+  none: ""
+};
+const skeletonTextLineHeightMap = {
+  xs: "h-2.5",
+  sm: "h-3",
+  md: "h-3.5",
+  lg: "h-4",
+  xl: "h-5"
+};
+const skeletonTextGapMap = {
+  xs: "gap-1.5",
+  sm: "gap-1.5",
+  md: "gap-2",
+  lg: "gap-2.5",
+  xl: "gap-3"
+};
+const skeletonAvatarSizeMap = {
+  xs: "size-6",
+  sm: "size-8",
+  md: "size-10",
+  lg: "size-12",
+  xl: "size-16"
+};
+const skeletonInputHeightMap = {
+  xs: "h-7",
+  sm: "h-8",
+  md: "h-9",
+  lg: "h-10",
+  xl: "h-12"
+};
+const skeletonLabelClasses = "h-3.5 w-20 mb-1.5";
+const skeletonHintClasses = "h-3 w-28 mt-1.5";
+const skeletonButtonHeightMap = {
+  xs: "h-7",
+  sm: "h-8",
+  md: "h-9",
+  lg: "h-10",
+  xl: "h-12"
+};
+const skeletonBadgeClasses = "h-5";
+
+export { skeletonAnimationClasses, skeletonAvatarSizeMap, skeletonBadgeClasses, skeletonBaseClasses, skeletonButtonHeightMap, skeletonHintClasses, skeletonInputHeightMap, skeletonLabelClasses, skeletonPulseClasses, skeletonShimmerClasses, skeletonTextGapMap, skeletonTextLineHeightMap };

package/dist/components/atoms/slider/components/slider.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SliderFieldProps, SliderProps } from "../types";
+/**
+ * Slider — controle de valor numérico único ou range.
+ *
+ * @example Single com tooltip e valor:
+ * <Slider value={50} onValueChange={setValue} showTooltip showValue />
+ *
+ * @example Range:
+ * <Slider value={[20, 80]} onValueChange={setRange} showTooltip />
+ *
+ * @example Com marks e labels:
+ * <Slider
+ *   marks={[
+ *     { value: 0,   label: "Frio" },
+ *     { value: 50,  label: "Morno" },
+ *     { value: 100, label: "Quente" },
+ *   ]}
+ *   defaultValue={50}
+ * />
+ */
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * SliderField — wrapper com label, hint e required.
+ * Análogo ao SelectField e Input do DS.
+ *
+ * @example
+ * <SliderField
+ *   label="Volume"
+ *   hint="0 = mudo, 100 = máximo"
+ *   required
+ *   defaultValue={75}
+ *   showValue
+ * />
+ */
+declare function SliderField({ label, hint, required, wrapperClassName, ...sliderProps }: SliderFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SliderField {
+    var displayName: string;
+}
+export { Slider, SliderField };
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/atoms/slider/components/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/slider/components/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,KAAK,EAAE,gBAAgB,EAAc,WAAW,EAAe,MAAM,UAAU,CAAC;AAmBvF;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,MAAM,qFA6KV,CAAC;AAMH;;;;;;;;;;;;GAYG;AACH,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,QAAgB,EAChB,gBAAgB,EAChB,GAAG,WAAW,EACf,EAAE,gBAAgB,2CAiBlB;kBAvBQ,WAAW;;;AA2BpB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC"}