@nextui-org/theme 2.3.0-beta.12 → 2.3.0-beta.13

package/dist/{chunk-LCMN7HGG.mjs → chunk-4QKM3RKK.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-D2XMP2NC.mjs";
 import {
   utilities
-} from "./chunk-XZMJGJQX.mjs";
+} from "./chunk-KVYVTKEN.mjs";
 import {
   DEFAULT_TRANSITION_DURATION
 } from "./chunk-WN6AL2BX.mjs";

package/dist/{chunk-IZOPFGDE.mjs → chunk-6KWI4IHE.mjs}

@@ -152,7 +152,88 @@ var progress = tv(
     twMerge: true
   }
 );
+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",
+    track: "h-full stroke-default-300/50",
+    indicator: "h-full stroke-current",
+    value: "absolute font-normal inset-0 flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      default: {
+        svg: "text-default-400"
+      },
+      primary: {
+        svg: "text-primary"
+      },
+      secondary: {
+        svg: "text-secondary"
+      },
+      success: {
+        svg: "text-success"
+      },
+      warning: {
+        svg: "text-warning"
+      },
+      danger: {
+        svg: "text-danger"
+      }
+    },
+    size: {
+      sm: {
+        svg: "w-8 h-8",
+        label: "text-small",
+        value: "text-[0.5rem]"
+      },
+      md: {
+        svg: "w-10 h-10",
+        label: "text-small",
+        value: "text-[0.55rem]"
+      },
+      lg: {
+        svg: "w-12 h-12",
+        label: "text-medium",
+        value: "text-[0.6rem]"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        svg: "animate-spinner-ease-spin"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        indicator: "transition-all !duration-500"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isDisabled: false
+  },
+  compoundVariants: [
+    {
+      disableAnimation: true,
+      isIndeterminate: false,
+      class: {
+        svg: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
 
 export {
-  progress
+  progress,
+  circularProgress
 };

package/dist/components/index.d.ts

@@ -15,8 +15,7 @@ export { RadioGroupSlots, RadioSlots, RadioVariantProps, radio, radioGroup } fro
 export { PaginationSlots, PaginationVariantProps, pagination } from './pagination.js';
 export { ToggleSlots, ToggleVariantProps, toggle } from './toggle.js';
 export { AccordionGroupVariantProps, AccordionItemSlots, AccordionItemVariantProps, accordion, accordionItem } from './accordion.js';
-export { ProgressSlots, ProgressVariantProps, progress } from './progress.js';
-export { CircularProgressSlots, CircularProgressVariantProps, circularProgress } from './circular-progress.js';
+export { CircularProgressSlots, CircularProgressVariantProps, ProgressSlots, ProgressVariantProps, circularProgress, progress } from './progress.js';
 export { InputSlots, InputVariantProps, input } from './input.js';
 export { DropdownItemSlots, DropdownItemVariantProps, DropdownSectionSlots, DropdownSectionVariantProps, dropdown, dropdownItem, dropdownMenu, dropdownSection } from './dropdown.js';
 export { ImageSlots, ImageVariantProps, image } from './image.js';

package/dist/components/index.js

@@ -3692,8 +3692,6 @@ var progress = tv(
     twMerge: true
   }
 );
-
-// src/components/circular-progress.ts
 var circularProgress = tv({
   slots: {
     base: "flex flex-col justify-center gap-1 max-w-fit items-center",

package/dist/components/index.mjs

@@ -1,7 +1,4 @@
-import "../chunk-MA4DKK64.mjs";
-import {
-  spinner
-} from "../chunk-DBPAK7QN.mjs";
+import "../chunk-KEHIJEFK.mjs";
 import {
   table
 } from "../chunk-2ODFPLXN.mjs";
@@ -14,9 +11,6 @@ import {
 import {
   user
 } from "../chunk-GMZHMFEU.mjs";
-import {
-  progress
-} from "../chunk-IZOPFGDE.mjs";
 import {
   radio,
   radioGroup
@@ -40,8 +34,8 @@ import {
   spacer
 } from "../chunk-AKXXHKTO.mjs";
 import {
-  kbd
-} from "../chunk-VX7HAPUO.mjs";
+  spinner
+} from "../chunk-DBPAK7QN.mjs";
 import {
   link,
   linkAnchorClasses
@@ -65,9 +59,9 @@ import {
   popover
 } from "../chunk-HHK47K4W.mjs";
 import {
-  datePicker,
-  dateRangePicker
-} from "../chunk-QFGVVQRM.mjs";
+  circularProgress,
+  progress
+} from "../chunk-6KWI4IHE.mjs";
 import {
   divider
 } from "../chunk-AXSF7SRE.mjs";
@@ -89,6 +83,9 @@ import {
 import {
   input
 } from "../chunk-MXL6JCUG.mjs";
+import {
+  kbd
+} from "../chunk-VX7HAPUO.mjs";
 import {
   button,
   buttonGroup
@@ -106,15 +103,16 @@ import {
 import {
   chip
 } from "../chunk-5VB7JNVX.mjs";
-import {
-  circularProgress
-} from "../chunk-AUN4SP2F.mjs";
 import {
   code
 } from "../chunk-JE6SPRGQ.mjs";
 import {
   dateInput
 } from "../chunk-HNRFZTEX.mjs";
+import {
+  datePicker,
+  dateRangePicker
+} from "../chunk-QFGVVQRM.mjs";
 import {
   accordion,
   accordionItem

package/dist/components/progress.d.ts

@@ -1,3 +1,4 @@
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
@@ -288,7 +289,431 @@ declare const progress: tailwind_variants.TVReturnType<{
 }, undefined, {
     twMerge: true;
 }, unknown, unknown, undefined>>;
+/**
+ * CircularProgress **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {base, svgWrapper, svg, indicator, 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={track()} />
+ *        <circle className={indicator()} />
+ *      </svg>
+ *      <span className={value()}>{value}</span>
+ *   </div>
+ *    <span className={label()}>{label}</span>
+ * </div>
+ * ```
+ */
+declare const circularProgress: tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    svgWrapper: string;
+    svg: string;
+    track: string;
+    indicator: string;
+    value: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}>, {
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    svgWrapper: string;
+    svg: string;
+    track: string;
+    indicator: string;
+    value: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    svgWrapper: string;
+    svg: string;
+    track: string;
+    indicator: string;
+    value: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    color: {
+        default: {
+            svg: string;
+        };
+        primary: {
+            svg: string;
+        };
+        secondary: {
+            svg: string;
+        };
+        success: {
+            svg: string;
+        };
+        warning: {
+            svg: string;
+        };
+        danger: {
+            svg: string;
+        };
+    };
+    size: {
+        sm: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        md: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            svg: string;
+            label: string;
+            value: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            svg: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            indicator: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
 type ProgressVariantProps = VariantProps<typeof progress>;
 type ProgressSlots = keyof ReturnType<typeof progress>;
+type CircularProgressVariantProps = VariantProps<typeof circularProgress>;
+type CircularProgressSlots = keyof ReturnType<typeof circularProgress>;
 
-export { ProgressSlots, ProgressVariantProps, progress };
+export { CircularProgressSlots, CircularProgressVariantProps, ProgressSlots, ProgressVariantProps, circularProgress, progress };

package/dist/components/progress.js

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/progress.ts
 var progress_exports = {};
 __export(progress_exports, {
+  circularProgress: () => circularProgress,
   progress: () => progress
 });
 module.exports = __toCommonJS(progress_exports);
@@ -220,7 +221,88 @@ var progress = tv(
     twMerge: true
   }
 );
+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",
+    track: "h-full stroke-default-300/50",
+    indicator: "h-full stroke-current",
+    value: "absolute font-normal inset-0 flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      default: {
+        svg: "text-default-400"
+      },
+      primary: {
+        svg: "text-primary"
+      },
+      secondary: {
+        svg: "text-secondary"
+      },
+      success: {
+        svg: "text-success"
+      },
+      warning: {
+        svg: "text-warning"
+      },
+      danger: {
+        svg: "text-danger"
+      }
+    },
+    size: {
+      sm: {
+        svg: "w-8 h-8",
+        label: "text-small",
+        value: "text-[0.5rem]"
+      },
+      md: {
+        svg: "w-10 h-10",
+        label: "text-small",
+        value: "text-[0.55rem]"
+      },
+      lg: {
+        svg: "w-12 h-12",
+        label: "text-medium",
+        value: "text-[0.6rem]"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        svg: "animate-spinner-ease-spin"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        indicator: "transition-all !duration-500"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isDisabled: 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,
   progress
 });