@nextui-org/theme 0.0.0-dev-v2-20230331012031 → 0.0.0-dev-v2-20230331012309

package/dist/chunk-MBTUS5SO.mjs

@@ -0,0 +1,97 @@
+// src/components/circular-progress.ts
+import { tv } from "tailwind-variants";
+var circularProgress = tv({
+  slots: {
+    base: "flex flex-col justify-center gap-1 max-w-fit items-center",
+    label: "",
+    svgWrapper: "relative block",
+    svg: "z-0 relative overflow-hidden",
+    circle: "h-full stroke-current",
+    value: "absolute font-semibold top-0 left-0 w-full h-full flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      neutral: {
+        svg: "text-neutral-400"
+      },
+      primary: {
+        svg: "text-primary"
+      },
+      secondary: {
+        svg: "text-secondary"
+      },
+      success: {
+        svg: "text-success"
+      },
+      warning: {
+        svg: "text-warning"
+      },
+      danger: {
+        svg: "text-danger"
+      }
+    },
+    size: {
+      xs: {
+        svg: "w-6 h-6",
+        label: "text-xs",
+        value: "text-[0.4rem]"
+      },
+      sm: {
+        svg: "w-8 h-8",
+        label: "text-sm",
+        value: "text-[0.5rem]"
+      },
+      md: {
+        svg: "w-10 h-10",
+        label: "text-sm",
+        value: "text-[0.6rem]"
+      },
+      lg: {
+        svg: "w-12 h-12",
+        label: "text-base",
+        value: "text-xs"
+      },
+      xl: {
+        svg: "w-14 h-14",
+        label: "text-lg",
+        value: "text-xs"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        svg: "animate-spinner-ease-spin"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        circle: "transition-all !duration-500"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isIndeterminate: false,
+    isDisabled: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      disableAnimation: true,
+      isIndeterminate: false,
+      class: {
+        svg: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
+
+export {
+  circularProgress
+};

package/dist/components/circular-progress.d.ts

@@ -0,0 +1,162 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+
+/**
+ * CircularProgress **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {base, svgWrapper, svg, circle, value, label} = circularProgress({...})
+ *
+ * <div className={base()} aria-label="progress" role="progressbar" aria-valuenow={value} aria-valuemin={min} aria-valuemax={max}>
+ *   <div className={svgWrapper()}>
+ *      <svg className={svg()}>
+ *        <circle className={circle()} style={{width: `${value}%`}} />
+ *      </svg>
+ *      <span className={value()}>{value}</span>
+ *   </div>
+ *    <span className={label()}>{label}</span>
+ * </div>
+ * ```
+ */
+declare const circularProgress: tailwind_variants.TVReturnType<{
+    color: {
+        neutral: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        xs: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        xl: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            circle: string;
+        };
+    };
+}, unknown, {
+    base: string;
+    label: string;
+    svgWrapper: string;
+    svg: string;
+    circle: string;
+    value: string;
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        neutral: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        xs: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        xl: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            circle: string;
+        };
+    };
+}, unknown>>;
+type CircularProgressVariantProps = VariantProps<typeof circularProgress>;
+type CircularProgressSlots = keyof ReturnType<typeof circularProgress>;
+
+export { CircularProgressSlots, CircularProgressVariantProps, circularProgress };

package/dist/components/circular-progress.js

@@ -0,0 +1,121 @@
+"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/components/circular-progress.ts
+var circular_progress_exports = {};
+__export(circular_progress_exports, {
+  circularProgress: () => circularProgress
+});
+module.exports = __toCommonJS(circular_progress_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var circularProgress = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: "flex flex-col justify-center gap-1 max-w-fit items-center",
+    label: "",
+    svgWrapper: "relative block",
+    svg: "z-0 relative overflow-hidden",
+    circle: "h-full stroke-current",
+    value: "absolute font-semibold top-0 left-0 w-full h-full flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      neutral: {
+        svg: "text-neutral-400"
+      },
+      primary: {
+        svg: "text-primary"
+      },
+      secondary: {
+        svg: "text-secondary"
+      },
+      success: {
+        svg: "text-success"
+      },
+      warning: {
+        svg: "text-warning"
+      },
+      danger: {
+        svg: "text-danger"
+      }
+    },
+    size: {
+      xs: {
+        svg: "w-6 h-6",
+        label: "text-xs",
+        value: "text-[0.4rem]"
+      },
+      sm: {
+        svg: "w-8 h-8",
+        label: "text-sm",
+        value: "text-[0.5rem]"
+      },
+      md: {
+        svg: "w-10 h-10",
+        label: "text-sm",
+        value: "text-[0.6rem]"
+      },
+      lg: {
+        svg: "w-12 h-12",
+        label: "text-base",
+        value: "text-xs"
+      },
+      xl: {
+        svg: "w-14 h-14",
+        label: "text-lg",
+        value: "text-xs"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        svg: "animate-spinner-ease-spin"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        circle: "transition-all !duration-500"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isIndeterminate: false,
+    isDisabled: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      disableAnimation: true,
+      isIndeterminate: false,
+      class: {
+        svg: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  circularProgress
+});

package/dist/components/circular-progress.mjs

@@ -0,0 +1,6 @@
+import {
+  circularProgress
+} from "../chunk-MBTUS5SO.mjs";
+export {
+  circularProgress
+};

package/dist/components/index.d.ts

@@ -21,5 +21,6 @@ export { ToggleSlots, ToggleVariantProps, toggle } from './toggle.js';
 export { AccordionItemSlots, AccordionItemVariantProps, accordionItem } from './accordion-item.js';
 export { AccordionGroupVariantProps, accordion } from './accordion.js';
 export { ProgressSlots, ProgressVariantProps, progress } from './progress.js';
+export { CircularProgressSlots, CircularProgressVariantProps, circularProgress } from './circular-progress.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config';

package/dist/components/index.js

@@ -31,6 +31,7 @@ __export(components_exports, {
   checkbox: () => checkbox,
   checkboxGroup: () => checkboxGroup,
   chip: () => chip,
+  circularProgress: () => circularProgress,
   code: () => code,
   drip: () => drip,
   link: () => link,
@@ -3564,6 +3565,100 @@ var progress = (0, import_tailwind_variants23.tv)(
     twMerge: false
   }
 );
+
+// src/components/circular-progress.ts
+var import_tailwind_variants24 = require("tailwind-variants");
+var circularProgress = (0, import_tailwind_variants24.tv)({
+  slots: {
+    base: "flex flex-col justify-center gap-1 max-w-fit items-center",
+    label: "",
+    svgWrapper: "relative block",
+    svg: "z-0 relative overflow-hidden",
+    circle: "h-full stroke-current",
+    value: "absolute font-semibold top-0 left-0 w-full h-full flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      neutral: {
+        svg: "text-neutral-400"
+      },
+      primary: {
+        svg: "text-primary"
+      },
+      secondary: {
+        svg: "text-secondary"
+      },
+      success: {
+        svg: "text-success"
+      },
+      warning: {
+        svg: "text-warning"
+      },
+      danger: {
+        svg: "text-danger"
+      }
+    },
+    size: {
+      xs: {
+        svg: "w-6 h-6",
+        label: "text-xs",
+        value: "text-[0.4rem]"
+      },
+      sm: {
+        svg: "w-8 h-8",
+        label: "text-sm",
+        value: "text-[0.5rem]"
+      },
+      md: {
+        svg: "w-10 h-10",
+        label: "text-sm",
+        value: "text-[0.6rem]"
+      },
+      lg: {
+        svg: "w-12 h-12",
+        label: "text-base",
+        value: "text-xs"
+      },
+      xl: {
+        svg: "w-14 h-14",
+        label: "text-lg",
+        value: "text-xs"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        svg: "animate-spinner-ease-spin"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        circle: "transition-all !duration-500"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isIndeterminate: false,
+    isDisabled: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      disableAnimation: true,
+      isIndeterminate: false,
+      class: {
+        svg: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   accordion,
@@ -3577,6 +3672,7 @@ var progress = (0, import_tailwind_variants23.tv)(
   checkbox,
   checkboxGroup,
   chip,
+  circularProgress,
   code,
   drip,
   link,

package/dist/components/index.mjs

@@ -1,4 +1,13 @@
-import "../chunk-FWB233VZ.mjs";
+import "../chunk-YMVSDHED.mjs";
+import {
+  progress
+} from "../chunk-U7DGA3S5.mjs";
+import {
+  radioGroup
+} from "../chunk-HHWXPWYN.mjs";
+import {
+  radio
+} from "../chunk-Y37XC5QN.mjs";
 import {
   snippet
 } from "../chunk-QMP2FDFR.mjs";
@@ -14,6 +23,15 @@ import {
 import {
   user
 } from "../chunk-FS36US4S.mjs";
+import {
+  checkbox
+} from "../chunk-NJQP2VWT.mjs";
+import {
+  chip
+} from "../chunk-TV7EJNXI.mjs";
+import {
+  circularProgress
+} from "../chunk-MBTUS5SO.mjs";
 import {
   code
 } from "../chunk-B5S7HT6N.mjs";
@@ -27,14 +45,11 @@ import {
   pagination
 } from "../chunk-7BYRB2YS.mjs";
 import {
-  progress
-} from "../chunk-U7DGA3S5.mjs";
-import {
-  radioGroup
-} from "../chunk-HHWXPWYN.mjs";
+  accordion
+} from "../chunk-YYBLBQIV.mjs";
 import {
-  radio
-} from "../chunk-Y37XC5QN.mjs";
+  avatarGroup
+} from "../chunk-MLH3XSY7.mjs";
 import {
   avatar
 } from "../chunk-D4TJV7NY.mjs";
@@ -53,24 +68,12 @@ import {
 import {
   checkboxGroup
 } from "../chunk-U77YMEWM.mjs";
-import {
-  checkbox
-} from "../chunk-NJQP2VWT.mjs";
-import {
-  chip
-} from "../chunk-TV7EJNXI.mjs";
 import {
   accordionItem
 } from "../chunk-RD42SVXB.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-LGGZKBOO.mjs";
-import {
-  accordion
-} from "../chunk-YYBLBQIV.mjs";
-import {
-  avatarGroup
-} from "../chunk-MLH3XSY7.mjs";
 import "../chunk-IJCHUO4J.mjs";
 export {
   accordion,
@@ -84,6 +87,7 @@ export {
   checkbox,
   checkboxGroup,
   chip,
+  circularProgress,
   code,
   drip,
   link,

package/dist/components/progress.d.ts

@@ -2,7 +2,7 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 /**
- * Card **Tailwind Variants** component
+ * Progress **Tailwind Variants** component
  *
  * @example
  * ```js

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export { ToggleSlots, ToggleVariantProps, toggle } from './components/toggle.js'
 export { AccordionItemSlots, AccordionItemVariantProps, accordionItem } from './components/accordion-item.js';
 export { AccordionGroupVariantProps, accordion } from './components/accordion.js';
 export { ProgressSlots, ProgressVariantProps, progress } from './components/progress.js';
+export { CircularProgressSlots, CircularProgressVariantProps, circularProgress } from './components/circular-progress.js';
 export { absoluteFullClasses, baseStyles, focusVisibleClasses, ringClasses, translateCenterClasses } from './utils/styles.js';
 export { SlotsToClasses } from './utils/types.js';
 export { colorVariants } from './utils/variants.js';

package/dist/index.js

@@ -39,6 +39,7 @@ __export(src_exports, {
   checkbox: () => checkbox,
   checkboxGroup: () => checkboxGroup,
   chip: () => chip,
+  circularProgress: () => circularProgress,
   cn: () => cn,
   code: () => code,
   colorVariants: () => colorVariants,
@@ -59,7 +60,7 @@ __export(src_exports, {
   toggle: () => toggle,
   tooltip: () => tooltip,
   translateCenterClasses: () => translateCenterClasses,
-  tv: () => import_tailwind_variants25.tv,
+  tv: () => import_tailwind_variants26.tv,
   user: () => user
 });
 module.exports = __toCommonJS(src_exports);
@@ -3588,6 +3589,100 @@ var progress = (0, import_tailwind_variants23.tv)(
   }
 );
 
+// src/components/circular-progress.ts
+var import_tailwind_variants24 = require("tailwind-variants");
+var circularProgress = (0, import_tailwind_variants24.tv)({
+  slots: {
+    base: "flex flex-col justify-center gap-1 max-w-fit items-center",
+    label: "",
+    svgWrapper: "relative block",
+    svg: "z-0 relative overflow-hidden",
+    circle: "h-full stroke-current",
+    value: "absolute font-semibold top-0 left-0 w-full h-full flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      neutral: {
+        svg: "text-neutral-400"
+      },
+      primary: {
+        svg: "text-primary"
+      },
+      secondary: {
+        svg: "text-secondary"
+      },
+      success: {
+        svg: "text-success"
+      },
+      warning: {
+        svg: "text-warning"
+      },
+      danger: {
+        svg: "text-danger"
+      }
+    },
+    size: {
+      xs: {
+        svg: "w-6 h-6",
+        label: "text-xs",
+        value: "text-[0.4rem]"
+      },
+      sm: {
+        svg: "w-8 h-8",
+        label: "text-sm",
+        value: "text-[0.5rem]"
+      },
+      md: {
+        svg: "w-10 h-10",
+        label: "text-sm",
+        value: "text-[0.6rem]"
+      },
+      lg: {
+        svg: "w-12 h-12",
+        label: "text-base",
+        value: "text-xs"
+      },
+      xl: {
+        svg: "w-14 h-14",
+        label: "text-lg",
+        value: "text-xs"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        svg: "animate-spinner-ease-spin"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        circle: "transition-all !duration-500"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isIndeterminate: false,
+    isDisabled: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      disableAnimation: true,
+      isIndeterminate: false,
+      class: {
+        svg: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
+
 // src/colors/blue.ts
 var blue = {
   50: "#e6f1fe",
@@ -4139,9 +4234,9 @@ var nextui = (config = {}) => {
 };
 
 // src/index.ts
-var import_tailwind_variants24 = require("tailwind-variants");
 var import_tailwind_variants25 = require("tailwind-variants");
-var cn = (...classes) => (0, import_tailwind_variants24.cn)(classes)();
+var import_tailwind_variants26 = require("tailwind-variants");
+var cn = (...classes) => (0, import_tailwind_variants25.cn)(classes)();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   absoluteFullClasses,
@@ -4157,6 +4252,7 @@ var cn = (...classes) => (0, import_tailwind_variants24.cn)(classes)();
   checkbox,
   checkboxGroup,
   chip,
+  circularProgress,
   cn,
   code,
   colorVariants,

package/dist/index.mjs

@@ -1,4 +1,13 @@
-import "./chunk-FWB233VZ.mjs";
+import "./chunk-YMVSDHED.mjs";
+import {
+  progress
+} from "./chunk-U7DGA3S5.mjs";
+import {
+  radioGroup
+} from "./chunk-HHWXPWYN.mjs";
+import {
+  radio
+} from "./chunk-Y37XC5QN.mjs";
 import {
   snippet
 } from "./chunk-QMP2FDFR.mjs";
@@ -14,6 +23,15 @@ import {
 import {
   user
 } from "./chunk-FS36US4S.mjs";
+import {
+  checkbox
+} from "./chunk-NJQP2VWT.mjs";
+import {
+  chip
+} from "./chunk-TV7EJNXI.mjs";
+import {
+  circularProgress
+} from "./chunk-MBTUS5SO.mjs";
 import {
   code
 } from "./chunk-B5S7HT6N.mjs";
@@ -27,14 +45,11 @@ import {
   pagination
 } from "./chunk-7BYRB2YS.mjs";
 import {
-  progress
-} from "./chunk-U7DGA3S5.mjs";
-import {
-  radioGroup
-} from "./chunk-HHWXPWYN.mjs";
+  accordion
+} from "./chunk-YYBLBQIV.mjs";
 import {
-  radio
-} from "./chunk-Y37XC5QN.mjs";
+  avatarGroup
+} from "./chunk-MLH3XSY7.mjs";
 import {
   avatar
 } from "./chunk-D4TJV7NY.mjs";
@@ -53,12 +68,6 @@ import {
 import {
   checkboxGroup
 } from "./chunk-U77YMEWM.mjs";
-import {
-  checkbox
-} from "./chunk-NJQP2VWT.mjs";
-import {
-  chip
-} from "./chunk-TV7EJNXI.mjs";
 import {
   accordionItem
 } from "./chunk-RD42SVXB.mjs";
@@ -67,15 +76,10 @@ import "./chunk-K7LK7NCE.mjs";
 import {
   colorVariants
 } from "./chunk-LGGZKBOO.mjs";
-import {
-  accordion
-} from "./chunk-YYBLBQIV.mjs";
-import {
-  avatarGroup
-} from "./chunk-MLH3XSY7.mjs";
 import {
   nextui
-} from "./chunk-QIIQBTQR.mjs";
+} from "./chunk-SQ55TCV4.mjs";
+import "./chunk-XLATS5QU.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -83,7 +87,6 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-IJCHUO4J.mjs";
-import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
@@ -123,6 +126,7 @@ export {
   checkbox,
   checkboxGroup,
   chip,
+  circularProgress,
   cn,
   code,
   colorVariants,

package/dist/plugin.mjs

@@ -1,8 +1,8 @@
 import {
   nextui
-} from "./chunk-QIIQBTQR.mjs";
-import "./chunk-IJCHUO4J.mjs";
+} from "./chunk-SQ55TCV4.mjs";
 import "./chunk-XLATS5QU.mjs";
+import "./chunk-IJCHUO4J.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-7MQD7UA2.mjs";
 import "./chunk-Y52EXP4A.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230331012031",
+  "version": "0.0.0-dev-v2-20230331012309",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",

package/dist/{chunk-QIIQBTQR.mjs → chunk-SQ55TCV4.mjs}

@@ -1,9 +1,9 @@
-import {
-  baseStyles
-} from "./chunk-IJCHUO4J.mjs";
 import {
   utilities
 } from "./chunk-XLATS5QU.mjs";
+import {
+  baseStyles
+} from "./chunk-IJCHUO4J.mjs";
 import {
   semanticColors
 } from "./chunk-Y52EXP4A.mjs";