@nextui-org/theme 0.0.0-canary-20240429052129

package/dist/chunk-LDBYFTHC.mjs

@@ -0,0 +1,134 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+
+// src/components/image.ts
+var image = tv({
+  slots: {
+    wrapper: "relative shadow-black/5",
+    zoomedWrapper: "relative overflow-hidden rounded-inherit",
+    img: "relative z-10 opacity-0 shadow-black/5 data-[loaded=true]:opacity-100",
+    blurredImg: [
+      "absolute",
+      "z-0",
+      "inset-0",
+      "w-full",
+      "h-full",
+      "object-cover",
+      "filter",
+      "blur-lg",
+      "scale-105",
+      "saturate-150",
+      "opacity-30",
+      "translate-y-1"
+    ]
+  },
+  variants: {
+    radius: {
+      none: {},
+      sm: {},
+      md: {},
+      lg: {},
+      full: {}
+    },
+    shadow: {
+      none: {
+        wrapper: "shadow-none",
+        img: "shadow-none"
+      },
+      sm: {
+        wrapper: "shadow-small",
+        img: "shadow-small"
+      },
+      md: {
+        wrapper: "shadow-medium",
+        img: "shadow-medium"
+      },
+      lg: {
+        wrapper: "shadow-large",
+        img: "shadow-large"
+      }
+    },
+    isZoomed: {
+      true: {
+        img: ["object-cover", "transform", "hover:scale-125"]
+      }
+    },
+    showSkeleton: {
+      true: {
+        wrapper: [
+          "group",
+          "relative",
+          "overflow-hidden",
+          "bg-content3 dark:bg-content2",
+          "before:opacity-100",
+          "before:absolute",
+          "before:inset-0",
+          "before:-translate-x-full",
+          "before:animate-[shimmer_2s_infinite]",
+          "before:border-t",
+          "before:border-content4/30",
+          "before:bg-gradient-to-r",
+          "before:from-transparent",
+          "before:via-content4",
+          "dark:before:via-default-700/10",
+          "before:to-transparent",
+          "after:opacity-100",
+          "after:absolute",
+          "after:inset-0",
+          "after:-z-10",
+          "after:bg-content3",
+          "dark:after:bg-content2"
+        ],
+        img: "opacity-0"
+      }
+    },
+    disableAnimation: {
+      true: {
+        img: "transition-none"
+      },
+      false: {
+        img: "transition-transform-opacity motion-reduce:transition-none !duration-300"
+      }
+    }
+  },
+  defaultVariants: {
+    radius: "lg",
+    shadow: "none",
+    isZoomed: false,
+    isBlurred: false,
+    showSkeleton: false,
+    disableAnimation: false
+  },
+  compoundSlots: [
+    {
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
+      radius: "none",
+      class: "rounded-none"
+    },
+    {
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
+      radius: "full",
+      class: "rounded-full"
+    },
+    {
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
+      radius: "sm",
+      class: "rounded-small"
+    },
+    {
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
+      radius: "md",
+      class: "rounded-md"
+    },
+    {
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
+      radius: "lg",
+      class: "rounded-large"
+    }
+  ]
+});
+
+export {
+  image
+};

package/dist/chunk-LKKSQVZ6.mjs

@@ -0,0 +1,163 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+import {
+  groupDataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/radio.ts
+var radio = tv({
+  slots: {
+    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
+    wrapper: [
+      "relative",
+      "inline-flex",
+      "items-center",
+      "justify-center",
+      "flex-shrink-0",
+      "overflow-hidden",
+      "border-solid",
+      "border-medium",
+      "box-border",
+      "border-default",
+      "rounded-full",
+      "group-data-[hover-unselected=true]:bg-default-100",
+      ...groupDataFocusVisibleClasses
+    ],
+    labelWrapper: "flex flex-col ml-1",
+    control: [
+      "z-10",
+      "w-2",
+      "h-2",
+      "opacity-0",
+      "scale-0",
+      "origin-center",
+      "rounded-full",
+      "group-data-[selected=true]:opacity-100",
+      "group-data-[selected=true]:scale-100"
+    ],
+    label: "relative text-foreground select-none",
+    description: "relative text-foreground-400"
+  },
+  variants: {
+    color: {
+      default: {
+        control: "bg-default-500 text-default-foreground",
+        wrapper: "group-data-[selected=true]:border-default-500"
+      },
+      primary: {
+        control: "bg-primary text-primary-foreground",
+        wrapper: "group-data-[selected=true]:border-primary"
+      },
+      secondary: {
+        control: "bg-secondary text-secondary-foreground",
+        wrapper: "group-data-[selected=true]:border-secondary"
+      },
+      success: {
+        control: "bg-success text-success-foreground",
+        wrapper: "group-data-[selected=true]:border-success"
+      },
+      warning: {
+        control: "bg-warning text-warning-foreground",
+        wrapper: "group-data-[selected=true]:border-warning"
+      },
+      danger: {
+        control: "bg-danger text-danger-foreground",
+        wrapper: "group-data-[selected=true]:border-danger"
+      }
+    },
+    size: {
+      sm: {
+        wrapper: "w-4 h-4",
+        control: "w-1.5 h-1.5",
+        labelWrapper: "ml-1",
+        label: "text-small",
+        description: "text-tiny"
+      },
+      md: {
+        wrapper: "w-5 h-5",
+        control: "w-2 h-2",
+        labelWrapper: "ml-2 rtl:mr-2 rtl:ml-[unset]",
+        label: "text-medium",
+        description: "text-small"
+      },
+      lg: {
+        wrapper: "w-6 h-6",
+        control: "w-2.5 h-2.5",
+        labelWrapper: "ml-2 rtl:mr-2 rtl:ml-[unset]",
+        label: "text-large",
+        description: "text-medium"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled pointer-events-none"
+      }
+    },
+    isInvalid: {
+      true: {
+        control: "bg-danger text-danger-foreground",
+        wrapper: "border-danger group-data-[selected=true]:border-danger",
+        label: "text-danger",
+        description: "text-danger-300"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        wrapper: [
+          "group-data-[pressed=true]:scale-95",
+          "transition-transform-colors",
+          "motion-reduce:transition-none"
+        ],
+        control: "transition-transform-opacity motion-reduce:transition-none",
+        label: "transition-colors motion-reduce:transition-none",
+        description: "transition-colors motion-reduce:transition-none"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isDisabled: false,
+    isInvalid: false,
+    disableAnimation: false
+  }
+});
+var radioGroup = tv({
+  slots: {
+    base: "relative flex flex-col gap-2",
+    label: "relative text-foreground-500",
+    wrapper: "flex flex-col flex-wrap gap-2 data-[orientation=horizontal]:flex-row",
+    description: "text-tiny text-foreground-400",
+    errorMessage: "text-tiny text-danger"
+  },
+  variants: {
+    isRequired: {
+      true: {
+        label: "after:content-['*'] after:text-danger after:ml-0.5"
+      }
+    },
+    isInvalid: {
+      true: {
+        description: "text-danger"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        description: "transition-colors !duration-150 motion-reduce:transition-none"
+      }
+    }
+  },
+  defaultVariants: {
+    isInvalid: false,
+    isRequired: false,
+    disableAnimation: false
+  }
+});
+
+export {
+  radio,
+  radioGroup
+};

package/dist/chunk-M3MKSQ42.mjs

@@ -0,0 +1,124 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+
+// src/components/progress.ts
+var progress = tv(
+  {
+    slots: {
+      base: "flex flex-col gap-2 w-full",
+      label: "",
+      labelWrapper: "flex justify-between",
+      value: "",
+      track: "z-0 relative bg-default-300/50 overflow-hidden",
+      indicator: "h-full"
+    },
+    variants: {
+      color: {
+        default: {
+          indicator: "bg-default-400"
+        },
+        primary: {
+          indicator: "bg-primary"
+        },
+        secondary: {
+          indicator: "bg-secondary"
+        },
+        success: {
+          indicator: "bg-success"
+        },
+        warning: {
+          indicator: "bg-warning"
+        },
+        danger: {
+          indicator: "bg-danger"
+        }
+      },
+      size: {
+        sm: {
+          label: "text-small",
+          value: "text-small",
+          track: "h-1"
+        },
+        md: {
+          label: "text-medium",
+          value: "text-medium",
+          track: "h-3"
+        },
+        lg: {
+          label: "text-large",
+          value: "text-large",
+          track: "h-5"
+        }
+      },
+      radius: {
+        none: {
+          track: "rounded-none",
+          indicator: "rounded-none"
+        },
+        sm: {
+          track: "rounded-small",
+          indicator: "rounded-small"
+        },
+        md: {
+          track: "rounded-medium",
+          indicator: "rounded-medium"
+        },
+        lg: {
+          track: "rounded-large",
+          indicator: "rounded-large"
+        },
+        full: {
+          track: "rounded-full",
+          indicator: "rounded-full"
+        }
+      },
+      isStriped: {
+        true: {
+          indicator: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
+        }
+      },
+      isIndeterminate: {
+        true: {
+          indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
+        }
+      },
+      isDisabled: {
+        true: {
+          base: "opacity-disabled cursor-not-allowed"
+        }
+      },
+      disableAnimation: {
+        true: {},
+        false: {
+          indicator: "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: {
+          indicator: "!transition-none motion-reduce:transition-none"
+        }
+      }
+    ]
+  },
+  {
+    twMerge: true
+  }
+);
+
+export {
+  progress
+};