@microui-kit/circle-progress 0.0.2-dev-1

package/dist/chunk-KEFKFLY7.mjs

@@ -0,0 +1,50 @@
+"use client";
+
+// src/styles.ts
+var styles_default = ({
+  theme,
+  renderer,
+  size = 24,
+  color
+}) => {
+  const rotateKeyframe = () => ({
+    "100%": {
+      transform: "rotate(360deg)"
+    }
+  });
+  const dashKeyframe = () => ({
+    "0%": {
+      strokeDasharray: "1,200",
+      strokeDashoffset: 0
+    },
+    "50%": {
+      strokeDasharray: "89,200",
+      strokeDashoffset: -35
+    },
+    "100%": {
+      strokeDasharray: "89,200",
+      strokeDashoffset: -124
+    }
+  });
+  const rotateEffect = renderer.renderKeyframe(rotateKeyframe);
+  const dashEffect = renderer.renderKeyframe(dashKeyframe);
+  return {
+    wrapper: {
+      height: `${size}px`,
+      transformOrigin: "center center",
+      width: `${size}px`,
+      animation: `${rotateEffect} 2s linear infinite`
+    },
+    circle: {
+      strokeDasharray: "150,200",
+      strokeDashoffset: -10,
+      strokeLinecap: "round",
+      stroke: color || theme.colors.base,
+      animation: `${dashEffect} 1.5s ease-in-out infinite`
+    }
+  };
+};
+
+export {
+  styles_default
+};

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CircleProgressProps } from './types.js';
+import '@microui-kit/types';
+
+declare const _default: React.ComponentType<CircleProgressProps>;
+
+export { _default as default };

package/dist/index.js

@@ -0,0 +1,110 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_with_styles = require("@microui-kit/with-styles");
+
+// src/styles.ts
+var styles_default = ({
+  theme,
+  renderer,
+  size = 24,
+  color
+}) => {
+  const rotateKeyframe = () => ({
+    "100%": {
+      transform: "rotate(360deg)"
+    }
+  });
+  const dashKeyframe = () => ({
+    "0%": {
+      strokeDasharray: "1,200",
+      strokeDashoffset: 0
+    },
+    "50%": {
+      strokeDasharray: "89,200",
+      strokeDashoffset: -35
+    },
+    "100%": {
+      strokeDasharray: "89,200",
+      strokeDashoffset: -124
+    }
+  });
+  const rotateEffect = renderer.renderKeyframe(rotateKeyframe);
+  const dashEffect = renderer.renderKeyframe(dashKeyframe);
+  return {
+    wrapper: {
+      height: `${size}px`,
+      transformOrigin: "center center",
+      width: `${size}px`,
+      animation: `${rotateEffect} 2s linear infinite`
+    },
+    circle: {
+      strokeDasharray: "150,200",
+      strokeDashoffset: -10,
+      strokeLinecap: "round",
+      stroke: color || theme.colors.base,
+      animation: `${dashEffect} 1.5s ease-in-out infinite`
+    }
+  };
+};
+
+// src/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var CircleProgress = ({
+  prefixCls = "micro-circle-progress",
+  className,
+  classes = {},
+  thickness = 3.6
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      className: (0, import_classnames.default)(prefixCls, className, classes.wrapper),
+      viewBox: "25 25 50 50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "circle",
+        {
+          className: (0, import_classnames.default)(classes.circle),
+          cx: "50",
+          cy: "50",
+          r: "20",
+          fill: "none",
+          "stroke-width": thickness
+        }
+      )
+    }
+  );
+};
+var src_default = (0, import_with_styles.withStyles)(styles_default)(CircleProgress);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/index.mjs

@@ -0,0 +1,38 @@
+"use client";
+import {
+  styles_default
+} from "./chunk-KEFKFLY7.mjs";
+
+// src/index.tsx
+import classNames from "classnames";
+import { withStyles } from "@microui-kit/with-styles";
+import { jsx } from "react/jsx-runtime";
+var CircleProgress = ({
+  prefixCls = "micro-circle-progress",
+  className,
+  classes = {},
+  thickness = 3.6
+}) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: classNames(prefixCls, className, classes.wrapper),
+      viewBox: "25 25 50 50",
+      children: /* @__PURE__ */ jsx(
+        "circle",
+        {
+          className: classNames(classes.circle),
+          cx: "50",
+          cy: "50",
+          r: "20",
+          fill: "none",
+          "stroke-width": thickness
+        }
+      )
+    }
+  );
+};
+var src_default = withStyles(styles_default)(CircleProgress);
+export {
+  src_default as default
+};

package/dist/styles.d.ts

@@ -0,0 +1,6 @@
+import { CircleProgressProps } from './types.js';
+import { Styles } from '@microui-kit/types';
+
+declare const _default: ({ theme, renderer, size, color }: CircleProgressProps) => Styles;
+
+export { _default as default };

package/dist/styles.js

@@ -0,0 +1,71 @@
+"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/styles.ts
+var styles_exports = {};
+__export(styles_exports, {
+  default: () => styles_default
+});
+module.exports = __toCommonJS(styles_exports);
+var styles_default = ({
+  theme,
+  renderer,
+  size = 24,
+  color
+}) => {
+  const rotateKeyframe = () => ({
+    "100%": {
+      transform: "rotate(360deg)"
+    }
+  });
+  const dashKeyframe = () => ({
+    "0%": {
+      strokeDasharray: "1,200",
+      strokeDashoffset: 0
+    },
+    "50%": {
+      strokeDasharray: "89,200",
+      strokeDashoffset: -35
+    },
+    "100%": {
+      strokeDasharray: "89,200",
+      strokeDashoffset: -124
+    }
+  });
+  const rotateEffect = renderer.renderKeyframe(rotateKeyframe);
+  const dashEffect = renderer.renderKeyframe(dashKeyframe);
+  return {
+    wrapper: {
+      height: `${size}px`,
+      transformOrigin: "center center",
+      width: `${size}px`,
+      animation: `${rotateEffect} 2s linear infinite`
+    },
+    circle: {
+      strokeDasharray: "150,200",
+      strokeDashoffset: -10,
+      strokeLinecap: "round",
+      stroke: color || theme.colors.base,
+      animation: `${dashEffect} 1.5s ease-in-out infinite`
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/styles.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  styles_default
+} from "./chunk-KEFKFLY7.mjs";
+export {
+  styles_default as default
+};

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+import { FCWithStylesProps } from '@microui-kit/types';
+export { Style, Styles } from '@microui-kit/types';
+
+interface CircleProgressProps extends FCWithStylesProps {
+    size?: number;
+    thickness?: number;
+    color?: string;
+}
+
+export { CircleProgressProps };

package/dist/types.js

@@ -0,0 +1,19 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/types.mjs

@@ -0,0 +1 @@
+"use client";

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@microui-kit/circle-progress",
+  "version": "0.0.2-dev-1",
+  "description": "",
+  "keywords": [],
+  "author": "",
+  "homepage": "https://microui.org",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/microui-org/microui.git",
+    "directory": "packages/components/circle-progress"
+  },
+  "scripts": {
+    "setup": "yarn install",
+    "build": "tsup src --dts",
+    "dev": "pnpm build:fast --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "build:fast": "tsup src",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore",
+    "prepublishOnly": "node ../../../scripts/prepublish.js",
+    "postpublish": "node ../../../scripts/postpublish.js"
+  },
+  "dependencies": {
+    "@microui-kit/types": "0.0.2-dev-8",
+    "@microui-kit/with-styles": "0.0.2-dev-3",
+    "classnames": "^2.5.1"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "tsup": {
+    "clean": true,
+    "target": "es2019",
+    "format": [
+      "cjs",
+      "esm"
+    ],
+    "banner": {
+      "js": "\"use client\";"
+    },
+    "external": [
+      "classnames"
+    ]
+  },
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  }
+}