@accreditation/ui 1.0.0

package/dist/components/atoms/separator/components/separator.mjs

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from '../../../../lib/utils';
+import { separatorVariantClasses, separatorSpacingClasses, separatorBaseClasses, separatorLabelLineGrow, separatorLabelTextClasses, separatorLabelWrapperClasses } from '../variants';
+
+const Separator = React.forwardRef(
+  ({
+    className,
+    orientation = "horizontal",
+    decorative = true,
+    variant = "solid",
+    spacing,
+    ...props
+  }, ref) => {
+    const activeOrientation = orientation || "horizontal";
+    const variantClass = separatorVariantClasses[variant]?.[activeOrientation];
+    const spacingClass = spacing ? separatorSpacingClasses[spacing][activeOrientation] : void 0;
+    return /* @__PURE__ */ jsx(
+      SeparatorPrimitive.Root,
+      {
+        ref,
+        decorative,
+        orientation,
+        className: cn(
+          separatorBaseClasses,
+          variantClass,
+          spacingClass,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Separator.displayName = "Separator";
+function SeparatorWithLabel({
+  children,
+  labelPosition = "center",
+  variant = "solid",
+  spacing,
+  className,
+  labelClassName
+}) {
+  const grow = separatorLabelLineGrow[labelPosition];
+  const spacingClass = spacing ? separatorSpacingClasses[spacing].horizontal : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(separatorLabelWrapperClasses, spacingClass, className),
+      role: "separator",
+      "aria-orientation": "horizontal",
+      children: [
+        /* @__PURE__ */ jsx(
+          Separator,
+          {
+            variant,
+            decorative: true,
+            className: grow.left
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: cn(separatorLabelTextClasses, labelClassName), children }),
+        /* @__PURE__ */ jsx(
+          Separator,
+          {
+            variant,
+            decorative: true,
+            className: grow.right
+          }
+        )
+      ]
+    }
+  );
+}
+SeparatorWithLabel.displayName = "SeparatorWithLabel";
+
+export { Separator, SeparatorWithLabel };

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/atoms/separator/separator.js

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

package/dist/components/atoms/separator/separator.mjs

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

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

@@ -0,0 +1,37 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+export type SeparatorVariant = "solid" | "dashed" | "dotted";
+export type SeparatorSpacing = "xs" | "sm" | "md" | "lg" | "xl";
+export type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {
+    /**
+     * Estilo visual da linha.
+     * - `solid` — linha contínua com bg-border (padrão)
+     * - `dashed` — linha tracejada
+     * - `dotted` — linha pontilhada
+     * @default "solid"
+     */
+    variant?: SeparatorVariant;
+    /**
+     * Espaçamento vertical (horizontal) ou horizontal (vertical) pré-definido.
+     * Aplica `my-*` em separadores horizontais e `mx-*` em verticais.
+     * @default undefined — sem margem extra
+     */
+    spacing?: SeparatorSpacing;
+};
+export interface SeparatorWithLabelProps {
+    /** Conteúdo no meio da linha (string, ReactNode). */
+    children: React.ReactNode;
+    /**
+     * Posição do label em relação à linha.
+     * @default "center"
+     */
+    labelPosition?: "start" | "center" | "end";
+    /** Estilo visual da linha. @default "solid" */
+    variant?: SeparatorVariant;
+    /** Espaçamento externo. @default undefined */
+    spacing?: SeparatorSpacing;
+    className?: string;
+    /** Classes do texto interno. */
+    labelClassName?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/separator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,kBAAkB,CAAC,IAAI,CAC/B,GAAG;IACF;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,qDAAqD;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC3C,+CAA+C;IAC/C,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}

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

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

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,33 @@
+import type { SeparatorSpacing, SeparatorVariant } from "./types";
+export declare const separatorBaseClasses = "shrink-0";
+/**
+ * solid: usa background-color — comportamento original do Radix (div sólida).
+ * dashed/dotted: troca para border-* com bg-transparent.
+ *   A linha vem do border, então h-0/w-0 no eixo principal.
+ */
+export declare const separatorVariantClasses: Record<SeparatorVariant, {
+    horizontal: string;
+    vertical: string;
+}>;
+/**
+ * Mapeamento de spacing → margens Tailwind.
+ * Horizontal usa my-*, vertical usa mx-*.
+ * Alinhados com os espaçamentos dos outros componentes do DS.
+ */
+export declare const separatorSpacingClasses: Record<SeparatorSpacing, {
+    horizontal: string;
+    vertical: string;
+}>;
+export declare const separatorLabelWrapperClasses = "flex items-center gap-3 w-full";
+export declare const separatorLabelTextClasses = "shrink-0 text-xs text-muted-foreground select-none";
+/**
+ * flex-grow do lado esquerdo/direito baseado na posição.
+ * start: linha da esquerda não cresce, linha da direita cresce.
+ * end: inverso.
+ * center: ambas crescem igualmente.
+ */
+export declare const separatorLabelLineGrow: Record<"start" | "center" | "end", {
+    left: string;
+    right: string;
+}>;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/separator/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIlE,eAAO,MAAM,oBAAoB,aAAa,CAAC;AAI/C;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,gBAAgB,EAChB;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAczC,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,gBAAgB,EAChB;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAOzC,CAAC;AAIF,eAAO,MAAM,4BAA4B,mCAAmC,CAAC;AAE7E,eAAO,MAAM,yBAAyB,uDACgB,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,OAAO,GAAG,QAAQ,GAAG,KAAK,EAC1B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAKhC,CAAC"}

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

@@ -0,0 +1,38 @@
+'use strict';
+
+const separatorBaseClasses = "shrink-0";
+const separatorVariantClasses = {
+  solid: {
+    horizontal: "h-px w-full bg-border",
+    vertical: "h-full w-px bg-border"
+  },
+  dashed: {
+    horizontal: "h-0 w-full border-t border-dashed border-border",
+    vertical: "h-full w-0 border-l border-dashed border-border"
+  },
+  dotted: {
+    horizontal: "h-0 w-full border-t border-dotted border-border",
+    vertical: "h-full w-0 border-l border-dotted border-border"
+  }
+};
+const separatorSpacingClasses = {
+  xs: { horizontal: "my-1", vertical: "mx-1" },
+  sm: { horizontal: "my-2", vertical: "mx-2" },
+  md: { horizontal: "my-4", vertical: "mx-4" },
+  lg: { horizontal: "my-6", vertical: "mx-6" },
+  xl: { horizontal: "my-8", vertical: "mx-8" }
+};
+const separatorLabelWrapperClasses = "flex items-center gap-3 w-full";
+const separatorLabelTextClasses = "shrink-0 text-xs text-muted-foreground select-none";
+const separatorLabelLineGrow = {
+  start: { left: "flex-none w-4", right: "flex-1" },
+  center: { left: "flex-1", right: "flex-1" },
+  end: { left: "flex-1", right: "flex-none w-4" }
+};
+
+exports.separatorBaseClasses = separatorBaseClasses;
+exports.separatorLabelLineGrow = separatorLabelLineGrow;
+exports.separatorLabelTextClasses = separatorLabelTextClasses;
+exports.separatorLabelWrapperClasses = separatorLabelWrapperClasses;
+exports.separatorSpacingClasses = separatorSpacingClasses;
+exports.separatorVariantClasses = separatorVariantClasses;

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

@@ -0,0 +1,31 @@
+const separatorBaseClasses = "shrink-0";
+const separatorVariantClasses = {
+  solid: {
+    horizontal: "h-px w-full bg-border",
+    vertical: "h-full w-px bg-border"
+  },
+  dashed: {
+    horizontal: "h-0 w-full border-t border-dashed border-border",
+    vertical: "h-full w-0 border-l border-dashed border-border"
+  },
+  dotted: {
+    horizontal: "h-0 w-full border-t border-dotted border-border",
+    vertical: "h-full w-0 border-l border-dotted border-border"
+  }
+};
+const separatorSpacingClasses = {
+  xs: { horizontal: "my-1", vertical: "mx-1" },
+  sm: { horizontal: "my-2", vertical: "mx-2" },
+  md: { horizontal: "my-4", vertical: "mx-4" },
+  lg: { horizontal: "my-6", vertical: "mx-6" },
+  xl: { horizontal: "my-8", vertical: "mx-8" }
+};
+const separatorLabelWrapperClasses = "flex items-center gap-3 w-full";
+const separatorLabelTextClasses = "shrink-0 text-xs text-muted-foreground select-none";
+const separatorLabelLineGrow = {
+  start: { left: "flex-none w-4", right: "flex-1" },
+  center: { left: "flex-1", right: "flex-1" },
+  end: { left: "flex-1", right: "flex-none w-4" }
+};
+
+export { separatorBaseClasses, separatorLabelLineGrow, separatorLabelTextClasses, separatorLabelWrapperClasses, separatorSpacingClasses, separatorVariantClasses };

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

@@ -0,0 +1,101 @@
+import type { SkeletonAvatarProps, SkeletonBadgeProps, SkeletonButtonProps, SkeletonGroupProps, SkeletonInputProps, SkeletonProps, SkeletonRootProps, SkeletonTextProps } from "../types";
+/**
+ * Skeleton.Root — define a animação para todos os filhos.
+ * Opcional: o Skeleton base funciona standalone com animation="pulse".
+ *
+ * @example
+ * <Skeleton.Root animation="shimmer">
+ *   <Skeleton.Avatar size="md" />
+ *   <Skeleton.Text lines={3} />
+ * </Skeleton.Root>
+ */
+declare function SkeletonRoot({ animation, children, className, }: SkeletonRootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SkeletonRoot {
+    var displayName: string;
+}
+/**
+ * Skeleton — bloco base. Use quando nenhuma forma semântica se aplica.
+ * Define dimensões via className: `className="h-4 w-32"`
+ */
+declare function Skeleton({ className, animation: animationOverride, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Skeleton {
+    var displayName: string;
+}
+/**
+ * Skeleton.Text — simula N linhas de texto.
+ * A última linha tem 60% de largura — imita fim de parágrafo.
+ *
+ * @example
+ * <Skeleton.Text lines={4} size="sm" />
+ */
+declare function SkeletonText({ lines, size, animation: animationOverride, className, }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SkeletonText {
+    var displayName: string;
+}
+/**
+ * Skeleton.Avatar — círculo para foto de perfil.
+ * Única exceção ao rounded-none do DS — a forma circular é semântica aqui.
+ *
+ * @example
+ * <Skeleton.Avatar size="lg" />
+ */
+declare function SkeletonAvatar({ size, animation: animationOverride, className, }: SkeletonAvatarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SkeletonAvatar {
+    var displayName: string;
+}
+/**
+ * Skeleton.Input — replica o Input do DS com tamanhos alinhados.
+ * Aceita `withLabel` e `withHint` para replicar o campo completo.
+ *
+ * @example
+ * <Skeleton.Input size="md" withLabel withHint />
+ */
+declare function SkeletonInput({ size, withLabel, withHint, animation: animationOverride, className, }: SkeletonInputProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SkeletonInput {
+    var displayName: string;
+}
+/**
+ * Skeleton.Button — replica o Button do DS com tamanhos alinhados.
+ *
+ * @example
+ * <Skeleton.Button size="md" width="w-32" />
+ */
+declare function SkeletonButton({ size, width, animation: animationOverride, className, }: SkeletonButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SkeletonButton {
+    var displayName: string;
+}
+/**
+ * Skeleton.Badge — replica um Chip/Badge do DS.
+ *
+ * @example
+ * <Skeleton.Badge width="w-20" />
+ */
+declare function SkeletonBadge({ width, animation: animationOverride, className, }: SkeletonBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SkeletonBadge {
+    var displayName: string;
+}
+/**
+ * Skeleton.Group — blocos pré-compostos por preset.
+ * `repeat` renderiza o preset N vezes com separador entre instâncias.
+ *
+ * @example Card único:
+ * <Skeleton.Group preset="card" />
+ *
+ * @example 5 linhas de lista:
+ * <Skeleton.Group preset="list-item" repeat={5} />
+ */
+declare function SkeletonGroup({ preset, repeat, animation, className, }: SkeletonGroupProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace SkeletonGroup {
+    var displayName: string;
+}
+export declare const SkeletonNamespace: typeof Skeleton & {
+    Root: typeof SkeletonRoot;
+    Text: typeof SkeletonText;
+    Avatar: typeof SkeletonAvatar;
+    Input: typeof SkeletonInput;
+    Button: typeof SkeletonButton;
+    Badge: typeof SkeletonBadge;
+    Group: typeof SkeletonGroup;
+};
+export { Skeleton, SkeletonRoot, SkeletonText, SkeletonAvatar, SkeletonInput, SkeletonButton, SkeletonBadge, SkeletonGroup, };
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/skeleton/components/skeleton.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAEV,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EAGnB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAelB;;;;;;;;;GASG;AACH,iBAAS,YAAY,CAAC,EACpB,SAAmB,EACnB,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,2CAOnB;kBAXQ,YAAY;;;AAgBrB;;;GAGG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAarF;kBAbQ,QAAQ;;;AAkBjB;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EACpB,KAAS,EACT,IAAW,EACX,SAAS,EAAE,iBAAiB,EAC5B,SAAS,GACV,EAAE,iBAAiB,2CA0BnB;kBA/BQ,YAAY;;;AAoCrB;;;;;;GAMG;AACH,iBAAS,cAAc,CAAC,EACtB,IAAW,EACX,SAAS,EAAE,iBAAiB,EAC5B,SAAS,GACV,EAAE,mBAAmB,2CAarB;kBAjBQ,cAAc;;;AAsBvB;;;;;;GAMG;AACH,iBAAS,aAAa,CAAC,EACrB,IAAW,EACX,SAAiB,EACjB,QAAgB,EAChB,SAAS,EAAE,iBAAiB,EAC5B,SAAS,GACV,EAAE,kBAAkB,2CA0BpB;kBAhCQ,aAAa;;;AAqCtB;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,EACtB,IAAW,EACX,KAAc,EACd,SAAS,EAAE,iBAAiB,EAC5B,SAAS,GACV,EAAE,mBAAmB,2CAcrB;kBAnBQ,cAAc;;;AAwBvB;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAc,EACd,SAAS,EAAE,iBAAiB,EAC5B,SAAS,GACV,EAAE,kBAAkB,2CAcpB;kBAlBQ,aAAa;;;AAsFtB;;;;;;;;;GASG;AACH,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,MAAU,EACV,SAAmB,EACnB,SAAS,GACV,EAAE,kBAAkB,kDAoBpB;kBAzBQ,aAAa;;;AA8BtB,eAAO,MAAM,iBAAiB;;;;;;;;CAQ5B,CAAC;AAEH,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,GACd,CAAC"}

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

@@ -0,0 +1,265 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const SkeletonCtx = React__namespace.createContext({
+  animation: "pulse"
+});
+function useSkeletonAnimation(override) {
+  const { animation } = React__namespace.useContext(SkeletonCtx);
+  return override ?? animation;
+}
+function SkeletonRoot({
+  animation = "pulse",
+  children,
+  className
+}) {
+  const ctx = React__namespace.useMemo(() => ({ animation }), [animation]);
+  return /* @__PURE__ */ jsxRuntime.jsx(SkeletonCtx.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className, children }) });
+}
+SkeletonRoot.displayName = "Skeleton.Root";
+function Skeleton({ className, animation: animationOverride, ...props }) {
+  const animation = useSkeletonAnimation(animationOverride);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        variants.skeletonBaseClasses,
+        variants.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 = variants.skeletonTextLineHeightMap[size];
+  const gap = variants.skeletonTextGapMap[size];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn("flex flex-col w-full", gap, className),
+      "aria-hidden": "true",
+      children: Array.from({ length: lines }, (_, i) => {
+        const isLast = i === lines - 1;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: utils.cn(
+              variants.skeletonBaseClasses,
+              variants.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        "rounded-full bg-primary/10 shrink-0",
+        variants.skeletonAnimationClasses[animation],
+        variants.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 = variants.skeletonAnimationClasses[animation];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col w-full", className), "aria-hidden": "true", children: [
+    withLabel && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils.cn(variants.skeletonBaseClasses, animClass, variants.skeletonLabelClasses)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils.cn(
+          variants.skeletonBaseClasses,
+          animClass,
+          variants.skeletonInputHeightMap[size],
+          "w-full"
+        )
+      }
+    ),
+    withHint && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils.cn(variants.skeletonBaseClasses, animClass, variants.skeletonHintClasses)
+      }
+    )
+  ] });
+}
+SkeletonInput.displayName = "Skeleton.Input";
+function SkeletonButton({
+  size = "md",
+  width = "w-24",
+  animation: animationOverride,
+  className
+}) {
+  const animation = useSkeletonAnimation(animationOverride);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        variants.skeletonBaseClasses,
+        variants.skeletonAnimationClasses[animation],
+        variants.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        variants.skeletonBaseClasses,
+        variants.skeletonAnimationClasses[animation],
+        variants.skeletonBadgeClasses,
+        width,
+        className
+      ),
+      "aria-hidden": "true"
+    }
+  );
+}
+SkeletonBadge.displayName = "Skeleton.Badge";
+const presetMap = {
+  "card": () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 p-4 border border-border w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SkeletonAvatar, { size: "md" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3.5 w-32" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-20" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonText, { lines: 3, size: "sm" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SkeletonBadge, { width: "w-16" }),
+      /* @__PURE__ */ jsxRuntime.jsx(SkeletonButton, { size: "sm", width: "w-20" })
+    ] })
+  ] }),
+  "list-item": () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 py-3 w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonAvatar, { size: "sm" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5 flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3.5 w-36" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-24" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonBadge, { width: "w-12" })
+  ] }),
+  "table-row": () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 py-3 w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3.5 flex-1" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3.5 flex-1" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3.5 w-24 shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3.5 w-16 shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonBadge, { width: "w-14" })
+  ] }),
+  "form": () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonInput, { size: "md", withLabel: true }),
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonInput, { size: "md", withLabel: true }),
+    /* @__PURE__ */ jsxRuntime.jsx(SkeletonInput, { size: "md", withLabel: true, withHint: true }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 pt-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SkeletonButton, { size: "md", width: "w-24" }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(SkeletonRoot, { animation, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("w-full", className), children: Array.from({ length: repeat }, (_, i) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+    i > 0 && preset !== "card" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px w-full bg-border", "aria-hidden": true }),
+    i > 0 && preset === "card" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3", "aria-hidden": true }),
+    /* @__PURE__ */ jsxRuntime.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
+});
+
+exports.Skeleton = Skeleton;
+exports.SkeletonAvatar = SkeletonAvatar;
+exports.SkeletonBadge = SkeletonBadge;
+exports.SkeletonButton = SkeletonButton;
+exports.SkeletonGroup = SkeletonGroup;
+exports.SkeletonInput = SkeletonInput;
+exports.SkeletonNamespace = SkeletonNamespace;
+exports.SkeletonRoot = SkeletonRoot;
+exports.SkeletonText = SkeletonText;