@yamada-ui/progress 0.3.3 → 0.3.5

package/dist/{chunk-YVOKDDDL.mjs → chunk-QAI6QT3G.mjs}

@@ -6,7 +6,7 @@ import {
   omitThemeProps
 } from "@yamada-ui/core";
 import { useAnimation } from "@yamada-ui/use-animation";
-import { createContext, cx, valueToPercent } from "@yamada-ui/utils";
+import { createContext, cx, omitObject, valueToPercent } from "@yamada-ui/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 var [ProgressProvider, useProgress] = createContext({
   name: `ProgressStylesContext`,
@@ -27,7 +27,6 @@ var Progress = forwardRef((props, ref) => {
     speed,
     borderRadius: _borderRadius,
     rounded,
-    filledTrackColor,
     ...rest
   } = omitThemeProps(mergedProps);
   const borderRadius = (_a = _borderRadius != null ? _borderRadius : rounded) != null ? _a : styles.track.borderRadius;
@@ -44,7 +43,7 @@ var Progress = forwardRef((props, ref) => {
       className: cx("ui-progress", className),
       __css: css,
       borderRadius,
-      ...rest,
+      ...omitObject(rest, ["filledTrackColor"]),
       children: [
         /* @__PURE__ */ jsx(
           ProgressFilledTrack,

package/dist/circle-progress.d.mts

@@ -0,0 +1,70 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps, CSSUIProps } from '@yamada-ui/core';
+
+type CircleProgressOptions = {
+    /**
+     * The CSS `box-size` property.
+     *
+     * @default '6rem'
+     */
+    size?: CSSUIProps['boxSize'];
+    /**
+     * The CSS `width` property.
+     *
+     * @default '0.625ewm'
+     */
+    thickness?: CSSUIProps['width'];
+    /**
+     * The CSS `color` property.
+     *
+     * @default 'primary'
+     */
+    color?: CSSUIProps['color'];
+    /**
+     * The CSS `color` property.
+     *
+     * @default 'border'
+     */
+    trackColor?: CSSUIProps['color'];
+    /**
+     * The value of the progress.
+     *
+     * @default 0
+     */
+    value?: number;
+    /**
+     * The minimum value of the progress.
+     *
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The maximum value of the progress.
+     *
+     * @default 100
+     */
+    max?: number;
+    /**
+     * If `true`, the cap of the progress indicator will be rounded.
+     *
+     * @default false
+     */
+    isRounded?: boolean;
+    /**
+     * If `true`, the progress will be indeterminate and the `value` prop will be ignored.
+     *
+     * @default false
+     */
+    isAnimation?: boolean;
+    /**
+     * The animation speed in seconds.
+     *
+     * @default '[1.4s, 2s]'
+     */
+    speed?: [string | number, string | number];
+};
+type CircleProgressProps = Omit<HTMLUIProps<'div'>, 'color'> & CircleProgressOptions;
+declare const CircleProgress: _yamada_ui_core.Component<"div", CircleProgressProps>;
+declare const CircleProgressLabel: _yamada_ui_core.UIComponent<"span", {}>;
+
+export { CircleProgress, CircleProgressLabel, CircleProgressProps };

package/dist/index.d.mts

@@ -0,0 +1,3 @@
+export { Progress, ProgressProps } from './progress.mjs';
+export { CircleProgress, CircleProgressLabel, CircleProgressProps } from './circle-progress.mjs';
+import '@yamada-ui/core';

package/dist/index.js

@@ -50,7 +50,6 @@ var Progress = (0, import_core.forwardRef)((props, ref) => {
     speed,
     borderRadius: _borderRadius,
     rounded,
-    filledTrackColor,
     ...rest
   } = (0, import_core.omitThemeProps)(mergedProps);
   const borderRadius = (_a = _borderRadius != null ? _borderRadius : rounded) != null ? _a : styles.track.borderRadius;
@@ -67,7 +66,7 @@ var Progress = (0, import_core.forwardRef)((props, ref) => {
       className: (0, import_utils.cx)("ui-progress", className),
       __css: css,
       borderRadius,
-      ...rest,
+      ...(0, import_utils.omitObject)(rest, ["filledTrackColor"]),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           ProgressFilledTrack,

package/dist/index.mjs

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ENCTHIX3.mjs";
 import {
   Progress
-} from "./chunk-YVOKDDDL.mjs";
+} from "./chunk-QAI6QT3G.mjs";
 export {
   CircleProgress,
   CircleProgressLabel,

package/dist/progress.d.mts

@@ -0,0 +1,55 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps, ThemeProps, CSSUIProps } from '@yamada-ui/core';
+
+type ProgressOptions = {
+    /**
+     * The value of the progress.
+     *
+     * @default 0
+     */
+    value?: number;
+    /**
+     * The minimum value of the progress.
+     *
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The maximum value of the progress.
+     *
+     * @default 100
+     */
+    max?: number;
+    /**
+     * If `true`, the progress bar will show stripe.
+     *
+     * @default false
+     */
+    hasStripe?: boolean;
+    /**
+     * If `true`, and hasStripe is `true`, the stripes will be animated.
+     *
+     * @default false
+     */
+    isStripeAnimation?: boolean;
+    /**
+     * If `true`, the progress will be indeterminate and the `value` prop will be ignored.
+     *
+     * @default false
+     */
+    isAnimation?: boolean;
+    /**
+     * The animation speed in seconds.
+     *
+     * @default '1.4s'
+     */
+    speed?: string | number;
+    /**
+     * The CSS `color` property.
+     */
+    filledTrackColor?: CSSUIProps<'unResponsive'>['color'];
+};
+type ProgressProps = HTMLUIProps<'div'> & ThemeProps<'Progress'> & ProgressOptions;
+declare const Progress: _yamada_ui_core.Component<"div", ProgressProps>;
+
+export { Progress, ProgressProps };

package/dist/progress.js

@@ -46,7 +46,6 @@ var Progress = (0, import_core.forwardRef)((props, ref) => {
     speed,
     borderRadius: _borderRadius,
     rounded,
-    filledTrackColor,
     ...rest
   } = (0, import_core.omitThemeProps)(mergedProps);
   const borderRadius = (_a = _borderRadius != null ? _borderRadius : rounded) != null ? _a : styles.track.borderRadius;
@@ -63,7 +62,7 @@ var Progress = (0, import_core.forwardRef)((props, ref) => {
       className: (0, import_utils.cx)("ui-progress", className),
       __css: css,
       borderRadius,
-      ...rest,
+      ...(0, import_utils.omitObject)(rest, ["filledTrackColor"]),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           ProgressFilledTrack,

package/dist/progress.mjs

@@ -1,6 +1,6 @@
 import {
   Progress
-} from "./chunk-YVOKDDDL.mjs";
+} from "./chunk-QAI6QT3G.mjs";
 export {
   Progress
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/progress",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Yamada UI progress components",
   "keywords": [
     "yamada",
@@ -35,11 +35,11 @@
     "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "0.4.2",
-    "@yamada-ui/utils": "0.1.2",
-    "@yamada-ui/use-value": "0.1.15",
-    "@yamada-ui/use-token": "0.1.15",
-    "@yamada-ui/use-animation": "0.1.15"
+    "@yamada-ui/core": "0.5.0",
+    "@yamada-ui/utils": "0.1.3",
+    "@yamada-ui/use-value": "0.1.17",
+    "@yamada-ui/use-token": "0.1.17",
+    "@yamada-ui/use-animation": "0.1.17"
   },
   "devDependencies": {
     "react": "^18.0.0",