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

package/dist/chunk-XXGA7ZNM.mjs

@@ -0,0 +1 @@
+var i=({theme:t,renderer:r,size:e=24,color:s})=>{let a=()=>({"100%":{transform:"rotate(360deg)"}}),o=()=>({"0%":{strokeDasharray:"1,200",strokeDashoffset:0},"50%":{strokeDasharray:"89,200",strokeDashoffset:-35},"100%":{strokeDasharray:"89,200",strokeDashoffset:-124}}),n=r.renderKeyframe(a),f=r.renderKeyframe(o);return{wrapper:{height:`${e}px`,transformOrigin:"center center",width:`${e}px`,animation:`${n} 2s linear infinite`},circle:{strokeDasharray:"150,200",strokeDashoffset:-10,strokeLinecap:"round",stroke:s||t.colors.base,animation:`${f} 1.5s ease-in-out infinite`}}};export{i as a};

package/dist/index.js

@@ -1,110 +1 @@
-"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 = {});
+"use strict";var y=Object.create;var a=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var C=(r,e)=>{for(var s in e)a(r,s,{get:e[s],enumerable:!0})},f=(r,e,s,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of k(e))!d.call(r,o)&&o!==s&&a(r,o,{get:()=>e[o],enumerable:!(t=g(e,o))||t.enumerable});return r};var D=(r,e,s)=>(s=r!=null?y(P(r)):{},f(e||!r||!r.__esModule?a(s,"default",{value:r,enumerable:!0}):s,r)),w=r=>f(a({},"__esModule",{value:!0}),r);var K={};C(K,{default:()=>x});module.exports=w(K);var i=D(require("classnames")),m=require("@microui-kit/with-styles");var n=({theme:r,renderer:e,size:s=24,color:t})=>{let o=()=>({"100%":{transform:"rotate(360deg)"}}),l=()=>({"0%":{strokeDasharray:"1,200",strokeDashoffset:0},"50%":{strokeDasharray:"89,200",strokeDashoffset:-35},"100%":{strokeDasharray:"89,200",strokeDashoffset:-124}}),p=e.renderKeyframe(o),h=e.renderKeyframe(l);return{wrapper:{height:`${s}px`,transformOrigin:"center center",width:`${s}px`,animation:`${p} 2s linear infinite`},circle:{strokeDasharray:"150,200",strokeDashoffset:-10,strokeLinecap:"round",stroke:t||r.colors.base,animation:`${h} 1.5s ease-in-out infinite`}}};var c=require("react/jsx-runtime"),u=({prefixCls:r="micro-circle-progress",className:e,classes:s={},thickness:t=3.6})=>(0,c.jsx)("svg",{className:(0,i.default)(r,e,s.wrapper),viewBox:"25 25 50 50",children:(0,c.jsx)("circle",{className:(0,i.default)(s.circle),cx:"50",cy:"50",r:"20",fill:"none","stroke-width":t})}),x=(0,m.withStyles)(n)(u);0&&(module.exports={});

package/dist/index.mjs

@@ -1,38 +1 @@
-"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
-};
+import{a as o}from"./chunk-XXGA7ZNM.mjs";import s from"classnames";import{withStyles as m}from"@microui-kit/with-styles";import{jsx as e}from"react/jsx-runtime";var t=({prefixCls:c="micro-circle-progress",className:i,classes:r={},thickness:l=3.6})=>e("svg",{className:s(c,i,r.wrapper),viewBox:"25 25 50 50",children:e("circle",{className:s(r.circle),cx:"50",cy:"50",r:"20",fill:"none","stroke-width":l})}),g=m(o)(t);export{g as default};

package/dist/styles.js

@@ -1,71 +1 @@
-"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 = {});
+"use strict";var o=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var m=(e,r)=>{for(var t in r)o(e,t,{get:r[t],enumerable:!0})},y=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of h(r))!k.call(e,s)&&s!==t&&o(e,s,{get:()=>r[s],enumerable:!(a=c(r,s))||a.enumerable});return e};var p=e=>y(o({},"__esModule",{value:!0}),e);var D={};m(D,{default:()=>l});module.exports=p(D);var l=({theme:e,renderer:r,size:t=24,color:a})=>{let s=()=>({"100%":{transform:"rotate(360deg)"}}),n=()=>({"0%":{strokeDasharray:"1,200",strokeDashoffset:0},"50%":{strokeDasharray:"89,200",strokeDashoffset:-35},"100%":{strokeDasharray:"89,200",strokeDashoffset:-124}}),f=r.renderKeyframe(s),i=r.renderKeyframe(n);return{wrapper:{height:`${t}px`,transformOrigin:"center center",width:`${t}px`,animation:`${f} 2s linear infinite`},circle:{strokeDasharray:"150,200",strokeDashoffset:-10,strokeLinecap:"round",stroke:a||e.colors.base,animation:`${i} 1.5s ease-in-out infinite`}}};0&&(module.exports={});

package/dist/styles.mjs

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

package/dist/types.d.ts

@@ -1,10 +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;
+interface CircleProgressProps extends FCWithStylesProps {
+    size?: number;
+    thickness?: number;
+    color?: string;
 }
 
 export { CircleProgressProps };

package/dist/types.js

@@ -1,19 +1 @@
-"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);
+"use strict";var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var n=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of p(e))!y.call(t,r)&&r!==o&&i(t,r,{get:()=>e[r],enumerable:!(s=l(e,r))||s.enumerable});return t};var S=t=>n(i({},"__esModule",{value:!0}),t);var c={};module.exports=S(c);

package/dist/types.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microui-kit/circle-progress",
-  "version": "0.0.2-dev-1",
+  "version": "1.0.0",
   "description": "",
   "keywords": [],
   "author": "",
@@ -32,28 +32,15 @@
     "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"
+    "@microui-kit/types": "0.0.2-dev-10",
+    "@microui-kit/with-styles": "0.0.2-dev-3"
   },
   "peerDependencies": {
-    "react": ">=18"
+    "react": ">=18",
+    "react-dom": ">=18",
+    "classnames": "2.5.1"
   },
   "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": {

package/dist/chunk-KEFKFLY7.mjs

@@ -1,50 +0,0 @@
-"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
-};