@nextui-org/theme 0.0.0-dev-v2-20230328184744 → 0.0.0-dev-v2-20230329200753

package/dist/animations/index.d.ts

@@ -5,6 +5,7 @@ declare const animations: {
         "spinner-linear-spin": string;
         "appearance-in": string;
         "appearance-out": string;
+        "indeterminate-bar": string;
     };
     keyframes: {
         "spinner-spin": {
@@ -51,6 +52,14 @@ declare const animations: {
                 transform: string;
             };
         };
+        "indeterminate-bar": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
     };
 };
 

package/dist/animations/index.js

@@ -29,7 +29,8 @@ var animations = {
     "spinner-ease-spin": "spinner-spin 0.8s ease infinite",
     "spinner-linear-spin": "spinner-spin 0.8s linear infinite",
     "appearance-in": "appearance-in 250ms ease-out normal both",
-    "appearance-out": "appearance-out 60ms ease-in normal both"
+    "appearance-out": "appearance-out 60ms ease-in normal both",
+    "indeterminate-bar": "indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running"
   },
   keyframes: {
     "spinner-spin": {
@@ -75,6 +76,14 @@ var animations = {
         opacity: "0",
         transform: "scale(0.85)"
       }
+    },
+    "indeterminate-bar": {
+      "0%": {
+        transform: "translateX(-150%)"
+      },
+      "100%": {
+        transform: "translateX(200%)"
+      }
     }
   }
 };

package/dist/animations/index.mjs

@@ -1,6 +1,6 @@
 import {
   animations
-} from "../chunk-OMTYF2LL.mjs";
+} from "../chunk-BZ3JOG7M.mjs";
 export {
   animations
 };

package/dist/chunk-BHKK632M.mjs

@@ -0,0 +1,129 @@
+// src/components/progress.ts
+import { tv } from "tailwind-variants";
+var progress = tv(
+  {
+    slots: {
+      base: "flex flex-col gap-2",
+      label: "",
+      labelWrapper: "flex justify-between",
+      value: "",
+      track: "z-0 relative bg-neutral-200 overflow-hidden",
+      filler: "h-full"
+    },
+    variants: {
+      color: {
+        neutral: {
+          filler: "bg-neutral-400"
+        },
+        primary: {
+          filler: "bg-primary"
+        },
+        secondary: {
+          filler: "bg-secondary"
+        },
+        success: {
+          filler: "bg-success"
+        },
+        warning: {
+          filler: "bg-warning"
+        },
+        danger: {
+          filler: "bg-danger"
+        }
+      },
+      size: {
+        xs: {
+          track: "h-1"
+        },
+        sm: {
+          track: "h-2"
+        },
+        md: {
+          track: "h-4"
+        },
+        lg: {
+          track: "h-6"
+        },
+        xl: {
+          track: "h-7"
+        }
+      },
+      radius: {
+        none: {
+          track: "rounded-none",
+          filler: "rounded-none"
+        },
+        base: {
+          track: "rounded",
+          filler: "rounded"
+        },
+        sm: {
+          track: "rounded-sm",
+          filler: "rounded-sm"
+        },
+        md: {
+          track: "rounded-md",
+          filler: "rounded-md"
+        },
+        lg: {
+          track: "rounded-lg",
+          filler: "rounded-lg"
+        },
+        xl: {
+          track: "rounded-xl",
+          filler: "rounded-xl"
+        },
+        full: {
+          track: "rounded-full",
+          filler: "rounded-full"
+        }
+      },
+      isStriped: {
+        true: {
+          filler: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
+        }
+      },
+      isIndeterminate: {
+        true: {
+          filler: ["absolute", "w-1/2", "animate-indeterminate-bar"]
+        }
+      },
+      isDisabled: {
+        true: {
+          base: "opacity-50 cursor-not-allowed"
+        }
+      },
+      disableAnimation: {
+        true: {},
+        false: {
+          filler: "transition-transform !duration-500"
+        }
+      }
+    },
+    defaultVariants: {
+      color: "primary",
+      size: "md",
+      radius: "full",
+      isStriped: false,
+      isIndeterminate: false,
+      isDisabled: false,
+      disableAnimation: false
+    },
+    compoundVariants: [
+      {
+        disableAnimation: true,
+        isIndeterminate: false,
+        class: {
+          filler: "!transition-none motion-reduce:transition-none"
+        }
+      }
+    ]
+  },
+  {
+    twMerge: false
+  }
+);
+
+export {
+  progress
+};

package/dist/{chunk-OMTYF2LL.mjs → chunk-BZ3JOG7M.mjs}

@@ -5,7 +5,8 @@ var animations = {
     "spinner-ease-spin": "spinner-spin 0.8s ease infinite",
     "spinner-linear-spin": "spinner-spin 0.8s linear infinite",
     "appearance-in": "appearance-in 250ms ease-out normal both",
-    "appearance-out": "appearance-out 60ms ease-in normal both"
+    "appearance-out": "appearance-out 60ms ease-in normal both",
+    "indeterminate-bar": "indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running"
   },
   keyframes: {
     "spinner-spin": {
@@ -51,6 +52,14 @@ var animations = {
         opacity: "0",
         transform: "scale(0.85)"
       }
+    },
+    "indeterminate-bar": {
+      "0%": {
+        transform: "translateX(-150%)"
+      },
+      "100%": {
+        transform: "translateX(200%)"
+      }
     }
   }
 };

package/dist/{chunk-Z5OKZPNV.mjs → chunk-HESJI33K.mjs}

@@ -21,36 +21,35 @@ var card = tv({
     ],
     header: [
       "flex",
+      "p-3",
+      "z-10",
       "justify-start",
       "items-center",
       "shrink-0",
       "w-full",
       "overflow-inherit",
       "color-inherit",
-      "p-3",
-      "z-10",
       "subpixel-antialiased"
     ],
     body: [
       "relative",
       "flex",
+      "p-5",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
       "align-items-inherit",
       "w-full",
       "h-auto",
-      "py-5",
-      "px-3",
       "break-words",
       "text-left",
       "overflow-y-auto",
       "subpixel-antialiased"
     ],
     footer: [
+      "p-3",
       "w-full",
       "h-auto",
-      "p-3",
       "flex",
       "items-center",
       "overflow-hidden",
@@ -135,7 +134,9 @@ var card = tv({
       }
     },
     isHoverable: {
-      true: {}
+      true: {
+        base: "hover:bg-content2 dark:hover:bg-content2"
+      }
     },
     isPressable: {
       true: { base: "cursor-pointer" }
@@ -157,15 +158,10 @@ var card = tv({
     },
     disableAnimation: {
       true: "",
-      false: { base: "transition-transform motion-reduce:transition-none" }
+      false: { base: "transition-transform-background motion-reduce:transition-none" }
     }
   },
   compoundVariants: [
-    {
-      isHoverable: true,
-      disableAnimation: false,
-      class: "hover:-translate-y-1.5"
-    },
     {
       isPressable: true,
       disableAnimation: false,

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

@@ -1,6 +1,6 @@
 import {
   utilities
-} from "./chunk-45FXWIO6.mjs";
+} from "./chunk-XLATS5QU.mjs";
 import {
   baseStyles
 } from "./chunk-IJCHUO4J.mjs";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-37PIXVP4.mjs";
 import {
   animations
-} from "./chunk-OMTYF2LL.mjs";
+} from "./chunk-BZ3JOG7M.mjs";
 import {
   commonColors
 } from "./chunk-CRCBVLUP.mjs";
@@ -120,6 +120,9 @@ var corePlugin = (config = {}, defaultTheme) => {
             3: "3px",
             5: "5px"
           },
+          backgroundImage: {
+            "stripe-gradient": "linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)"
+          },
           transitionDuration: {
             0: "0ms",
             250: "250ms"

package/dist/{chunk-45FXWIO6.mjs → chunk-XLATS5QU.mjs}

@@ -43,6 +43,11 @@ var utilities = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
+  ".transition-left": {
+    "transition-property": "left",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
   ".transition-shadow": {
     "transition-property": "box-shadow",
     "transition-timing-function": "ease",

package/dist/components/card.d.ts

@@ -9,7 +9,7 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
  * ```js
  * const {base, header, body, footer} = card({...})
  *
- * <div className={card()}>
+ * <div className={base()}>
  *    <div className={header()}>Header</div>
  *    <div className={body()}>Body</div>
  *    <div className={footer()}>Footer</div>
@@ -93,7 +93,9 @@ declare const card: tailwind_variants.TVReturnType<{
         };
     };
     isHoverable: {
-        true: {};
+        true: {
+            base: string;
+        };
     };
     isPressable: {
         true: {
@@ -203,7 +205,9 @@ declare const card: tailwind_variants.TVReturnType<{
         };
     };
     isHoverable: {
-        true: {};
+        true: {
+            base: string;
+        };
     };
     isPressable: {
         true: {

package/dist/components/card.js

@@ -53,36 +53,35 @@ var card = (0, import_tailwind_variants.tv)({
     ],
     header: [
       "flex",
+      "p-3",
+      "z-10",
       "justify-start",
       "items-center",
       "shrink-0",
       "w-full",
       "overflow-inherit",
       "color-inherit",
-      "p-3",
-      "z-10",
       "subpixel-antialiased"
     ],
     body: [
       "relative",
       "flex",
+      "p-5",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
       "align-items-inherit",
       "w-full",
       "h-auto",
-      "py-5",
-      "px-3",
       "break-words",
       "text-left",
       "overflow-y-auto",
       "subpixel-antialiased"
     ],
     footer: [
+      "p-3",
       "w-full",
       "h-auto",
-      "p-3",
       "flex",
       "items-center",
       "overflow-hidden",
@@ -167,7 +166,9 @@ var card = (0, import_tailwind_variants.tv)({
       }
     },
     isHoverable: {
-      true: {}
+      true: {
+        base: "hover:bg-content2 dark:hover:bg-content2"
+      }
     },
     isPressable: {
       true: { base: "cursor-pointer" }
@@ -189,15 +190,10 @@ var card = (0, import_tailwind_variants.tv)({
     },
     disableAnimation: {
       true: "",
-      false: { base: "transition-transform motion-reduce:transition-none" }
+      false: { base: "transition-transform-background motion-reduce:transition-none" }
     }
   },
   compoundVariants: [
-    {
-      isHoverable: true,
-      disableAnimation: false,
-      class: "hover:-translate-y-1.5"
-    },
     {
       isPressable: true,
       disableAnimation: false,

package/dist/components/card.mjs

@@ -1,6 +1,6 @@
 import {
   card
-} from "../chunk-Z5OKZPNV.mjs";
+} from "../chunk-HESJI33K.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-LGGZKBOO.mjs";

package/dist/components/index.d.ts

@@ -20,5 +20,6 @@ export { PaginationSlots, PaginationVariantProps, pagination } from './paginatio
 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';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config';

package/dist/components/index.js

@@ -35,6 +35,7 @@ __export(components_exports, {
   drip: () => drip,
   link: () => link,
   pagination: () => pagination,
+  progress: () => progress,
   radio: () => radio,
   radioGroup: () => radioGroup,
   snippet: () => snippet,
@@ -372,36 +373,35 @@ var card = (0, import_tailwind_variants3.tv)({
     ],
     header: [
       "flex",
+      "p-3",
+      "z-10",
       "justify-start",
       "items-center",
       "shrink-0",
       "w-full",
       "overflow-inherit",
       "color-inherit",
-      "p-3",
-      "z-10",
       "subpixel-antialiased"
     ],
     body: [
       "relative",
       "flex",
+      "p-5",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
       "align-items-inherit",
       "w-full",
       "h-auto",
-      "py-5",
-      "px-3",
       "break-words",
       "text-left",
       "overflow-y-auto",
       "subpixel-antialiased"
     ],
     footer: [
+      "p-3",
       "w-full",
       "h-auto",
-      "p-3",
       "flex",
       "items-center",
       "overflow-hidden",
@@ -486,7 +486,9 @@ var card = (0, import_tailwind_variants3.tv)({
       }
     },
     isHoverable: {
-      true: {}
+      true: {
+        base: "hover:bg-content2 dark:hover:bg-content2"
+      }
     },
     isPressable: {
       true: { base: "cursor-pointer" }
@@ -508,15 +510,10 @@ var card = (0, import_tailwind_variants3.tv)({
     },
     disableAnimation: {
       true: "",
-      false: { base: "transition-transform motion-reduce:transition-none" }
+      false: { base: "transition-transform-background motion-reduce:transition-none" }
     }
   },
   compoundVariants: [
-    {
-      isHoverable: true,
-      disableAnimation: false,
-      class: "hover:-translate-y-1.5"
-    },
     {
       isPressable: true,
       disableAnimation: false,
@@ -3441,6 +3438,132 @@ var accordion = (0, import_tailwind_variants22.tv)({
     }
   }
 });
+
+// src/components/progress.ts
+var import_tailwind_variants23 = require("tailwind-variants");
+var progress = (0, import_tailwind_variants23.tv)(
+  {
+    slots: {
+      base: "flex flex-col gap-2",
+      label: "",
+      labelWrapper: "flex justify-between",
+      value: "",
+      track: "z-0 relative bg-neutral-200 overflow-hidden",
+      filler: "h-full"
+    },
+    variants: {
+      color: {
+        neutral: {
+          filler: "bg-neutral-400"
+        },
+        primary: {
+          filler: "bg-primary"
+        },
+        secondary: {
+          filler: "bg-secondary"
+        },
+        success: {
+          filler: "bg-success"
+        },
+        warning: {
+          filler: "bg-warning"
+        },
+        danger: {
+          filler: "bg-danger"
+        }
+      },
+      size: {
+        xs: {
+          track: "h-1"
+        },
+        sm: {
+          track: "h-2"
+        },
+        md: {
+          track: "h-4"
+        },
+        lg: {
+          track: "h-6"
+        },
+        xl: {
+          track: "h-7"
+        }
+      },
+      radius: {
+        none: {
+          track: "rounded-none",
+          filler: "rounded-none"
+        },
+        base: {
+          track: "rounded",
+          filler: "rounded"
+        },
+        sm: {
+          track: "rounded-sm",
+          filler: "rounded-sm"
+        },
+        md: {
+          track: "rounded-md",
+          filler: "rounded-md"
+        },
+        lg: {
+          track: "rounded-lg",
+          filler: "rounded-lg"
+        },
+        xl: {
+          track: "rounded-xl",
+          filler: "rounded-xl"
+        },
+        full: {
+          track: "rounded-full",
+          filler: "rounded-full"
+        }
+      },
+      isStriped: {
+        true: {
+          filler: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
+        }
+      },
+      isIndeterminate: {
+        true: {
+          filler: ["absolute", "w-1/2", "animate-indeterminate-bar"]
+        }
+      },
+      isDisabled: {
+        true: {
+          base: "opacity-50 cursor-not-allowed"
+        }
+      },
+      disableAnimation: {
+        true: {},
+        false: {
+          filler: "transition-transform !duration-500"
+        }
+      }
+    },
+    defaultVariants: {
+      color: "primary",
+      size: "md",
+      radius: "full",
+      isStriped: false,
+      isIndeterminate: false,
+      isDisabled: false,
+      disableAnimation: false
+    },
+    compoundVariants: [
+      {
+        disableAnimation: true,
+        isIndeterminate: false,
+        class: {
+          filler: "!transition-none motion-reduce:transition-none"
+        }
+      }
+    ]
+  },
+  {
+    twMerge: false
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   accordion,
@@ -3458,6 +3581,7 @@ var accordion = (0, import_tailwind_variants22.tv)({
   drip,
   link,
   pagination,
+  progress,
   radio,
   radioGroup,
   snippet,

package/dist/components/index.mjs

@@ -1,4 +1,7 @@
-import "../chunk-5SJ7B53O.mjs";
+import "../chunk-FWB233VZ.mjs";
+import {
+  radioGroup
+} from "../chunk-HHWXPWYN.mjs";
 import {
   radio
 } from "../chunk-Y37XC5QN.mjs";
@@ -36,8 +39,8 @@ import {
   pagination
 } from "../chunk-7BYRB2YS.mjs";
 import {
-  radioGroup
-} from "../chunk-HHWXPWYN.mjs";
+  progress
+} from "../chunk-BHKK632M.mjs";
 import {
   accordion
 } from "../chunk-YYBLBQIV.mjs";
@@ -58,7 +61,7 @@ import {
 } from "../chunk-BD2KW4ZD.mjs";
 import {
   card
-} from "../chunk-Z5OKZPNV.mjs";
+} from "../chunk-HESJI33K.mjs";
 import {
   checkboxGroup
 } from "../chunk-U77YMEWM.mjs";
@@ -85,6 +88,7 @@ export {
   drip,
   link,
   pagination,
+  progress,
   radio,
   radioGroup,
   snippet,