@mdigital_ui/ui 0.1.0

package/dist/chunk-75XESYGN.js

@@ -0,0 +1,49 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var skeletonVariants = cva("animate-pulse rounded", {
+  variants: {
+    size: {
+      xs: "h-3",
+      sm: "h-4",
+      md: "h-5",
+      lg: "h-6"
+    },
+    color: {
+      default: "bg-surface",
+      primary: "bg-primary/50",
+      secondary: "bg-secondary/50",
+      accent: "bg-accent/50",
+      success: "bg-success/50",
+      error: "bg-error/50",
+      warning: "bg-warning/50",
+      info: "bg-info/50"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "default"
+  }
+});
+var Skeleton = React.memo(
+  ({ color = "default", size = "md", className, circle = false }) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          skeletonVariants({ size, color }),
+          circle && "rounded-full aspect-square",
+          className
+        )
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+var skeleton_default = Skeleton;
+
+export { skeleton_default };
+//# sourceMappingURL=chunk-75XESYGN.js.map
+//# sourceMappingURL=chunk-75XESYGN.js.map

package/dist/chunk-75XESYGN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton/index.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,gBAAA,GAAmB,IAAI,uBAAA,EAAyB;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,YAAA;AAAA,MACT,OAAA,EAAS,eAAA;AAAA,MACT,SAAA,EAAW,iBAAA;AAAA,MACX,MAAA,EAAQ,cAAA;AAAA,MACR,OAAA,EAAS,eAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,OAAA,EAAS,eAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAED,IAAM,WAAW,KAAA,CAAM,IAAA;AAAA,EACrB,CAAC,EAAE,KAAA,GAAQ,SAAA,EAAW,OAAO,IAAA,EAAM,SAAA,EAAW,MAAA,GAAS,KAAA,EAAM,KAAM;AACjE,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,gBAAA,CAAiB,EAAE,IAAA,EAAM,KAAA,EAAO,CAAA;AAAA,UAChC,MAAA,IAAU,4BAAA;AAAA,UACV;AAAA;AACF;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAGvB,IAAO,gBAAA,GAAQ","file":"chunk-75XESYGN.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { SkeletonProps } from './types'\n\nconst skeletonVariants = cva('animate-pulse rounded', {\n  variants: {\n    size: {\n      xs: 'h-3',\n      sm: 'h-4',\n      md: 'h-5',\n      lg: 'h-6',\n    },\n    color: {\n      default: 'bg-surface',\n      primary: 'bg-primary/50',\n      secondary: 'bg-secondary/50',\n      accent: 'bg-accent/50',\n      success: 'bg-success/50',\n      error: 'bg-error/50',\n      warning: 'bg-warning/50',\n      info: 'bg-info/50',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'default',\n  },\n})\n\nconst Skeleton = React.memo<SkeletonProps>(\n  ({ color = 'default', size = 'md', className, circle = false }) => {\n    return (\n      <div\n        className={cn(\n          skeletonVariants({ size, color }),\n          circle && 'rounded-full aspect-square',\n          className,\n        )}\n      />\n    )\n  },\n)\n\nSkeleton.displayName = 'Skeleton'\n\nexport type * from './types'\nexport default Skeleton\n"]}