@kopexa/skeleton 1.0.10 → 2.0.0

package/dist/chunk-WS2SKRYQ.mjs

@@ -0,0 +1,18 @@
+"use client";
+import {
+  Skeleton
+} from "./chunk-HNHLGQJR.mjs";
+
+// src/skeleton-avatar.tsx
+import { cn } from "@kopexa/shared-utils";
+import { skeletonAvatar } from "@kopexa/theme";
+import { jsx } from "react/jsx-runtime";
+var SkeletonAvatar = (props) => {
+  const { size, className, ...restProps } = props;
+  const baseStyle = skeletonAvatar({ size });
+  return /* @__PURE__ */ jsx(Skeleton, { ...restProps, className: cn(baseStyle, className) });
+};
+
+export {
+  SkeletonAvatar
+};

package/dist/index.d.mts

@@ -1,3 +1,5 @@
 export { Skeleton, SkeletonProps } from './skeleton.mjs';
+export { SkeletonAvatar, SkeletonAvatarProps } from './skeleton-avatar.mjs';
 import 'react/jsx-runtime';
 import 'react';
+import '@kopexa/theme';

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export { Skeleton, SkeletonProps } from './skeleton.js';
+export { SkeletonAvatar, SkeletonAvatarProps } from './skeleton-avatar.js';
 import 'react/jsx-runtime';
 import 'react';
+import '@kopexa/theme';

package/dist/index.js

@@ -21,7 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Skeleton: () => Skeleton
+  Skeleton: () => Skeleton,
+  SkeletonAvatar: () => SkeletonAvatar
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -35,7 +36,18 @@ var Skeleton = (props) => {
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles, ...rest, children });
 };
+
+// src/skeleton-avatar.tsx
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme2 = require("@kopexa/theme");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SkeletonAvatar = (props) => {
+  const { size, className, ...restProps } = props;
+  const baseStyle = (0, import_theme2.skeletonAvatar)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Skeleton, { ...restProps, className: (0, import_shared_utils.cn)(baseStyle, className) });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Skeleton
+  Skeleton,
+  SkeletonAvatar
 });

package/dist/index.mjs

@@ -1,7 +1,11 @@
 "use client";
+import {
+  SkeletonAvatar
+} from "./chunk-WS2SKRYQ.mjs";
 import {
   Skeleton
 } from "./chunk-HNHLGQJR.mjs";
 export {
-  Skeleton
+  Skeleton,
+  SkeletonAvatar
 };

package/dist/skeleton-avatar.d.mts

@@ -0,0 +1,9 @@
+import { SkeletonProps } from './skeleton.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SkeletonAvatarVariantProps } from '@kopexa/theme';
+import 'react';
+
+type SkeletonAvatarProps = SkeletonProps & SkeletonAvatarVariantProps;
+declare const SkeletonAvatar: (props: SkeletonAvatarProps) => react_jsx_runtime.JSX.Element;
+
+export { SkeletonAvatar, type SkeletonAvatarProps };

package/dist/skeleton-avatar.d.ts

@@ -0,0 +1,9 @@
+import { SkeletonProps } from './skeleton.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SkeletonAvatarVariantProps } from '@kopexa/theme';
+import 'react';
+
+type SkeletonAvatarProps = SkeletonProps & SkeletonAvatarVariantProps;
+declare const SkeletonAvatar: (props: SkeletonAvatarProps) => react_jsx_runtime.JSX.Element;
+
+export { SkeletonAvatar, type SkeletonAvatarProps };

package/dist/skeleton-avatar.js

@@ -0,0 +1,51 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/skeleton-avatar.tsx
+var skeleton_avatar_exports = {};
+__export(skeleton_avatar_exports, {
+  SkeletonAvatar: () => SkeletonAvatar
+});
+module.exports = __toCommonJS(skeleton_avatar_exports);
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme2 = require("@kopexa/theme");
+
+// src/skeleton.tsx
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Skeleton = (props) => {
+  const { className, children, ...rest } = props;
+  const styles = (0, import_theme.skeleton)({
+    className
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles, ...rest, children });
+};
+
+// src/skeleton-avatar.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SkeletonAvatar = (props) => {
+  const { size, className, ...restProps } = props;
+  const baseStyle = (0, import_theme2.skeletonAvatar)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Skeleton, { ...restProps, className: (0, import_shared_utils.cn)(baseStyle, className) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SkeletonAvatar
+});

package/dist/skeleton-avatar.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  SkeletonAvatar
+} from "./chunk-WS2SKRYQ.mjs";
+import "./chunk-HNHLGQJR.mjs";
+export {
+  SkeletonAvatar
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/skeleton",
-  "version": "1.0.10",
+  "version": "2.0.0",
   "description": "",
   "keywords": [
     "skeleton"
@@ -28,7 +28,7 @@
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
     "motion": ">=12.23.6",
-    "@kopexa/theme": "1.6.10"
+    "@kopexa/theme": "1.7.0"
   },
   "dependencies": {
     "@kopexa/shared-utils": "1.1.5",