@nextui-org/theme 0.0.0-canary-20240429052129

package/dist/chunk-JQTFOIV7.mjs

@@ -0,0 +1,108 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/link.ts
+var link = tv({
+  base: [
+    "relative inline-flex items-center outline-none tap-highlight-transparent",
+    ...dataFocusVisibleClasses
+  ],
+  variants: {
+    size: {
+      sm: "text-small",
+      md: "text-medium",
+      lg: "text-large"
+    },
+    color: {
+      foreground: "text-foreground",
+      primary: "text-primary",
+      secondary: "text-secondary",
+      success: "text-success",
+      warning: "text-warning",
+      danger: "text-danger"
+    },
+    underline: {
+      none: "no-underline",
+      hover: "hover:underline",
+      always: "underline",
+      active: "active:underline",
+      focus: "focus:underline"
+    },
+    isBlock: {
+      true: [
+        "px-2",
+        "py-1",
+        "hover:after:opacity-100",
+        "after:content-['']",
+        "after:inset-0",
+        "after:opacity-0",
+        "after:w-full",
+        "after:h-full",
+        "after:rounded-xl",
+        "after:transition-background",
+        "after:absolute"
+      ],
+      false: "hover:opacity-80 active:opacity-disabled transition-opacity"
+    },
+    isDisabled: {
+      true: "opacity-disabled cursor-default pointer-events-none"
+    },
+    disableAnimation: {
+      true: "after:transition-none transition-none"
+    }
+  },
+  compoundVariants: [
+    {
+      isBlock: true,
+      color: "foreground",
+      class: "hover:after:bg-foreground/10"
+    },
+    {
+      isBlock: true,
+      color: "primary",
+      class: "hover:after:bg-primary/20"
+    },
+    {
+      isBlock: true,
+      color: "secondary",
+      class: "hover:after:bg-secondary/20"
+    },
+    {
+      isBlock: true,
+      color: "success",
+      class: "hover:after:bg-success/20"
+    },
+    {
+      isBlock: true,
+      color: "warning",
+      class: "hover:after:bg-warning/20"
+    },
+    {
+      isBlock: true,
+      color: "danger",
+      class: "hover:after:bg-danger/20"
+    },
+    {
+      underline: ["hover", "always", "active", "focus"],
+      class: "underline-offset-4"
+    }
+  ],
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isBlock: false,
+    underline: "none",
+    isDisabled: false,
+    disableAnimation: false
+  }
+});
+var linkAnchorClasses = "flex mx-1 text-current self-center";
+
+export {
+  link,
+  linkAnchorClasses
+};

package/dist/chunk-JUEOCLA3.mjs

@@ -0,0 +1,17 @@
+// src/colors/yellow.ts
+var yellow = {
+  50: "#fefce8",
+  100: "#fdedd3",
+  200: "#fbdba7",
+  300: "#f9c97c",
+  400: "#f7b750",
+  500: "#f5a524",
+  600: "#c4841d",
+  700: "#936316",
+  800: "#62420e",
+  900: "#312107"
+};
+
+export {
+  yellow
+};

package/dist/chunk-KA5SSSWD.mjs

@@ -0,0 +1,177 @@
+import {
+  colorVariants
+} from "./chunk-2PIR7DFM.mjs";
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/popover.ts
+var popover = tv({
+  slots: {
+    base: [
+      "z-0",
+      "relative",
+      "bg-transparent",
+      "before:content-['']",
+      "before:hidden",
+      "before:z-[-1]",
+      "before:absolute",
+      "before:rotate-45",
+      "before:w-2.5",
+      "before:h-2.5",
+      "before:rounded-sm",
+      "data-[arrow=true]:before:block",
+      "data-[placement=top]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top]:before:left-1/2",
+      "data-[placement=top]:before:-translate-x-1/2",
+      "data-[placement=top-start]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top-start]:before:left-3",
+      "data-[placement=top-end]:before:-bottom-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=top-end]:before:right-3",
+      "data-[placement=bottom]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom]:before:left-1/2",
+      "data-[placement=bottom]:before:-translate-x-1/2",
+      "data-[placement=bottom-start]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom-start]:before:left-3",
+      "data-[placement=bottom-end]:before:-top-[calc(theme(spacing.5)/4_-_1.5px)]",
+      "data-[placement=bottom-end]:before:right-3",
+      "data-[placement=left]:before:-right-[calc(theme(spacing.5)/4_-_2px)]",
+      "data-[placement=left]:before:top-1/2",
+      "data-[placement=left]:before:-translate-y-1/2",
+      "data-[placement=left-start]:before:-right-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=left-start]:before:top-1/4",
+      "data-[placement=left-end]:before:-right-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=left-end]:before:bottom-1/4",
+      "data-[placement=right]:before:-left-[calc(theme(spacing.5)/4_-_2px)]",
+      "data-[placement=right]:before:top-1/2",
+      "data-[placement=right]:before:-translate-y-1/2",
+      "data-[placement=right-start]:before:-left-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=right-start]:before:top-1/4",
+      "data-[placement=right-end]:before:-left-[calc(theme(spacing.5)/4_-_3px)]",
+      "data-[placement=right-end]:before:bottom-1/4",
+      ...dataFocusVisibleClasses
+    ],
+    content: [
+      "z-10",
+      "px-2.5",
+      "py-1",
+      "w-full",
+      "inline-flex",
+      "flex-col",
+      "items-center",
+      "justify-center",
+      "box-border",
+      "subpixel-antialiased",
+      "outline-none",
+      "box-border"
+    ],
+    trigger: ["z-10"],
+    backdrop: ["hidden"],
+    arrow: []
+  },
+  variants: {
+    size: {
+      sm: { content: "text-tiny" },
+      md: { content: "text-small" },
+      lg: { content: "text-medium" }
+    },
+    color: {
+      default: {
+        base: "before:bg-content1 before:shadow-small",
+        content: "bg-content1"
+      },
+      foreground: {
+        base: "before:bg-foreground",
+        content: colorVariants.solid.foreground
+      },
+      primary: {
+        base: "before:bg-primary",
+        content: colorVariants.solid.primary
+      },
+      secondary: {
+        base: "before:bg-secondary",
+        content: colorVariants.solid.secondary
+      },
+      success: {
+        base: "before:bg-success",
+        content: colorVariants.solid.success
+      },
+      warning: {
+        base: "before:bg-warning",
+        content: colorVariants.solid.warning
+      },
+      danger: {
+        base: "before:bg-danger",
+        content: colorVariants.solid.danger
+      }
+    },
+    radius: {
+      none: { content: "rounded-none" },
+      sm: { content: "rounded-small" },
+      md: { content: "rounded-medium" },
+      lg: { content: "rounded-large" },
+      full: { content: "rounded-full" }
+    },
+    shadow: {
+      sm: {
+        content: "shadow-small"
+      },
+      md: {
+        content: "shadow-medium"
+      },
+      lg: {
+        content: "shadow-large"
+      }
+    },
+    backdrop: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-overlay/50 backdrop-opacity-disabled"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-overlay/30"
+      }
+    },
+    triggerScaleOnOpen: {
+      true: {
+        trigger: ["aria-expanded:scale-[0.97]", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      },
+      false: {}
+    },
+    disableAnimation: {
+      true: {
+        base: "animate-none"
+      }
+    },
+    isTriggerDisabled: {
+      true: {
+        trigger: "opacity-disabled pointer-events-none"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    radius: "lg",
+    size: "md",
+    shadow: "md",
+    backdrop: "transparent",
+    disableAnimation: false,
+    triggerScaleOnOpen: true
+  },
+  compoundVariants: [
+    {
+      backdrop: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 -z-30"
+      }
+    }
+  ]
+});
+
+export {
+  popover
+};

package/dist/chunk-KCOC3H6R.mjs

@@ -0,0 +1,98 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/accordion.ts
+var accordion = tv({
+  base: "px-2",
+  variants: {
+    variant: {
+      light: "",
+      shadow: "px-4 shadow-medium rounded-medium bg-content1",
+      bordered: "px-4 border-medium border-divider rounded-medium",
+      splitted: "group is-splitted flex flex-col gap-2"
+    },
+    fullWidth: {
+      true: "w-full"
+    }
+  },
+  defaultVariants: {
+    variant: "light",
+    fullWidth: true
+  }
+});
+var accordionItem = tv({
+  slots: {
+    base: [
+      "group-[.is-splitted]:px-4",
+      "group-[.is-splitted]:bg-content1",
+      "group-[.is-splitted]:shadow-medium",
+      "group-[.is-splitted]:rounded-medium"
+    ],
+    heading: "",
+    trigger: [
+      "flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
+      ...dataFocusVisibleClasses
+    ],
+    startContent: "flex-shrink-0",
+    indicator: "text-default-400",
+    titleWrapper: "flex-1 flex flex-col text-start",
+    title: "text-foreground text-large",
+    subtitle: "text-small text-foreground-500 font-normal",
+    content: "py-2"
+  },
+  variants: {
+    isCompact: {
+      true: {
+        trigger: "py-2",
+        title: "text-medium",
+        subtitle: "text-small",
+        indicator: "text-medium",
+        content: "py-1"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled pointer-events-none"
+      }
+    },
+    hideIndicator: {
+      true: {
+        indicator: "hidden"
+      }
+    },
+    disableAnimation: {
+      true: {
+        content: "hidden data-[open=true]:block"
+      },
+      false: {
+        indicator: "transition-transform",
+        trigger: "transition-opacity"
+      }
+    },
+    disableIndicatorAnimation: {
+      true: {
+        indicator: "transition-none"
+      },
+      false: {
+        indicator: "rotate-0 data-[open=true]:-rotate-90 rtl:-rotate-180 rtl:data-[open=true]:-rotate-90"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    radius: "lg",
+    isDisabled: false,
+    hideIndicator: false,
+    disableAnimation: false,
+    disableIndicatorAnimation: false
+  }
+});
+
+export {
+  accordion,
+  accordionItem
+};

package/dist/chunk-KUNVFLXJ.mjs

@@ -0,0 +1,41 @@
+// src/utils/object.ts
+import flatten from "flat";
+function swapColorValues(colors) {
+  const swappedColors = {};
+  const keys = Object.keys(colors);
+  const length = keys.length;
+  for (let i = 0; i < length / 2; i++) {
+    const key1 = keys[i];
+    const key2 = keys[length - 1 - i];
+    swappedColors[key1] = colors[key2];
+    swappedColors[key2] = colors[key1];
+  }
+  if (length % 2 !== 0) {
+    const middleKey = keys[Math.floor(length / 2)];
+    swappedColors[middleKey] = colors[middleKey];
+  }
+  return swappedColors;
+}
+function removeDefaultKeys(obj) {
+  const newObj = {};
+  for (const key in obj) {
+    if (key.endsWith("-DEFAULT")) {
+      newObj[key.replace("-DEFAULT", "")] = obj[key];
+      continue;
+    }
+    newObj[key] = obj[key];
+  }
+  return newObj;
+}
+var flattenThemeObject = (obj) => removeDefaultKeys(
+  flatten(obj, {
+    safe: true,
+    delimiter: "-"
+  })
+);
+
+export {
+  swapColorValues,
+  removeDefaultKeys,
+  flattenThemeObject
+};

package/dist/chunk-KVPPQD2E.mjs

@@ -0,0 +1,231 @@
+import {
+  tv
+} from "./chunk-GMMETTYU.mjs";
+import {
+  dataFocusVisibleClasses
+} from "./chunk-XHQUSKIE.mjs";
+
+// src/components/table.ts
+var table = tv({
+  slots: {
+    base: "flex flex-col relative gap-4",
+    wrapper: [
+      "p-4",
+      "z-0",
+      "flex",
+      "flex-col",
+      "relative",
+      "justify-between",
+      "gap-4",
+      "shadow-small",
+      "bg-content1",
+      "overflow-auto"
+    ],
+    table: "min-w-full h-auto",
+    thead: "[&>tr]:first:rounded-lg",
+    tbody: "",
+    tr: ["group", "outline-none", ...dataFocusVisibleClasses],
+    th: [
+      "group",
+      "px-3",
+      "h-10",
+      "text-left",
+      "rtl:text-right",
+      "align-middle",
+      "bg-default-100",
+      "whitespace-nowrap",
+      "text-foreground-500",
+      "text-tiny",
+      "font-semibold",
+      "first:rounded-l-lg",
+      "rtl:first:rounded-r-lg",
+      "rtl:first:rounded-l-[unset]",
+      "last:rounded-r-lg",
+      "rtl:last:rounded-l-lg",
+      "rtl:last:rounded-r-[unset]",
+      "outline-none",
+      "data-[sortable=true]:transition-colors",
+      "data-[sortable=true]:cursor-pointer",
+      "data-[hover=true]:text-foreground-400",
+      ...dataFocusVisibleClasses
+    ],
+    td: [
+      "py-2",
+      "px-3",
+      "relative",
+      "align-middle",
+      "whitespace-normal",
+      "text-small",
+      "font-normal",
+      "outline-none",
+      "[&>*]:z-1",
+      "[&>*]:relative",
+      ...dataFocusVisibleClasses,
+      "before:content-['']",
+      "before:absolute",
+      "before:z-0",
+      "before:inset-0",
+      "before:opacity-0",
+      "data-[selected=true]:before:opacity-100",
+      "group-data-[disabled=true]:text-foreground-300",
+      "group-data-[disabled=true]:cursor-not-allowed"
+    ],
+    tfoot: "",
+    sortIcon: [
+      "ml-2",
+      "mb-px",
+      "opacity-0",
+      "text-inherit",
+      "inline-block",
+      "transition-transform-opacity",
+      "data-[visible=true]:opacity-100",
+      "group-data-[hover=true]:opacity-100",
+      "data-[direction=ascending]:rotate-180"
+    ],
+    emptyWrapper: "text-foreground-400 align-middle text-center h-40",
+    loadingWrapper: "absolute inset-0 flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      default: {
+        td: "before:bg-default/40 data-[selected=true]:text-default-foreground"
+      },
+      primary: {
+        td: "before:bg-primary/20 data-[selected=true]:text-primary"
+      },
+      secondary: {
+        td: "before:bg-secondary/20 data-[selected=true]:text-secondary"
+      },
+      success: {
+        td: "before:bg-success/20 data-[selected=true]:text-success-600 dark:data-[selected=true]:text-success"
+      },
+      warning: {
+        td: "before:bg-warning/20 data-[selected=true]:text-warning-600 dark:data-[selected=true]:text-warning"
+      },
+      danger: {
+        td: "before:bg-danger/20 data-[selected=true]:text-danger dark:data-[selected=true]:text-danger-500"
+      }
+    },
+    layout: {
+      auto: {
+        table: "table-auto"
+      },
+      fixed: {
+        table: "table-fixed"
+      }
+    },
+    radius: {
+      none: {
+        wrapper: "rounded-none"
+      },
+      sm: {
+        wrapper: "rounded-small"
+      },
+      md: {
+        wrapper: "rounded-medium"
+      },
+      lg: {
+        wrapper: "rounded-large"
+      }
+    },
+    shadow: {
+      none: {
+        wrapper: "shadow-none"
+      },
+      sm: {
+        wrapper: "shadow-small"
+      },
+      md: {
+        wrapper: "shadow-medium"
+      },
+      lg: {
+        wrapper: "shadow-large"
+      }
+    },
+    hideHeader: {
+      true: {
+        thead: "hidden"
+      }
+    },
+    isStriped: {
+      true: {
+        td: [
+          "group-data-[odd=true]:before:bg-default-100",
+          "group-data-[odd=true]:before:opacity-100",
+          "group-data-[odd=true]:before:-z-10"
+        ]
+      }
+    },
+    isCompact: {
+      true: {
+        td: "py-1"
+      },
+      false: {}
+    },
+    isHeaderSticky: {
+      true: {
+        thead: "sticky top-0 z-20 [&>tr]:first:shadow-small"
+      }
+    },
+    isSelectable: {
+      true: {
+        tr: "cursor-default",
+        td: [
+          "group-aria-[selected=false]:group-data-[hover=true]:before:bg-default-100",
+          "group-aria-[selected=false]:group-data-[hover=true]:before:opacity-70"
+        ]
+      }
+    },
+    isMultiSelectable: {
+      true: {
+        td: [
+          "group-data-[first=true]:first:before:rounded-tl-lg",
+          "group-data-[first=true]:rtl:first:before:rounded-tr-lg",
+          "group-data-[first=true]:rtl:first:before:rounded-tl-[unset]",
+          "group-data-[first=true]:last:before:rounded-tr-lg",
+          "group-data-[first=true]:rtl:last:before:rounded-tl-lg",
+          "group-data-[first=true]:rtl:last:before:rounded-tr-[unset]",
+          "group-data-[middle=true]:before:rounded-none",
+          "group-data-[last=true]:first:before:rounded-bl-lg",
+          "group-data-[last=true]:rtl:first:before:rounded-br-lg",
+          "group-data-[last=true]:rtl:first:before:rounded-bl-[unset]",
+          "group-data-[last=true]:last:before:rounded-br-lg",
+          "group-data-[last=true]:rtl:last:before:rounded-bl-lg",
+          "group-data-[last=true]:rtl:last:before:rounded-br-[unset]"
+        ]
+      },
+      false: {
+        td: [
+          "first:before:rounded-l-lg",
+          "rtl:first:before:rounded-r-lg",
+          "rtl:first:before:rounded-l-[unset]",
+          "last:before:rounded-r-lg",
+          "rtl:last:before:rounded-l-lg",
+          "rtl:last:before:rounded-r-[unset]"
+        ]
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full",
+        wrapper: "w-full",
+        table: "w-full"
+      }
+    }
+  },
+  defaultVariants: {
+    layout: "auto",
+    shadow: "sm",
+    radius: "lg",
+    color: "default",
+    isCompact: false,
+    hideHeader: false,
+    isStriped: false,
+    fullWidth: true,
+    disableAnimation: false
+  }
+});
+
+export {
+  table
+};

package/dist/chunk-L2OL7R23.mjs

@@ -0,0 +1,17 @@
+// src/colors/purple.ts
+var purple = {
+  50: "#f2eafa",
+  100: "#e4d4f4",
+  200: "#c9a9e9",
+  300: "#ae7ede",
+  400: "#9353d3",
+  500: "#7828c8",
+  600: "#6020a0",
+  700: "#481878",
+  800: "#301050",
+  900: "#180828"
+};
+
+export {
+  purple
+};