@nuxt/ui 2.10.0 → 2.11.1

package/dist/runtime/ui.config/elements/meter.mjs

@@ -0,0 +1,76 @@
+export default {
+  wrapper: "w-full flex flex-col gap-2",
+  indicator: {
+    container: "min-w-fit transition-all",
+    text: "text-gray-400 dark:text-gray-500 text-end",
+    size: {
+      "2xs": "text-xs",
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-sm",
+      lg: "text-sm",
+      xl: "text-base",
+      "2xl": "text-base"
+    }
+  },
+  meter: {
+    base: "appearance-none block w-full bg-none overflow-y-hidden",
+    background: "bg-gray-200 dark:bg-gray-700",
+    color: "text-{color}-500 dark:text-{color}-400",
+    ring: "",
+    rounded: "rounded-full",
+    shadow: "",
+    size: {
+      "2xs": "h-px",
+      xs: "h-0.5",
+      sm: "h-1",
+      md: "h-2",
+      lg: "h-3",
+      xl: "h-4",
+      "2xl": "h-5"
+    },
+    appearance: {
+      inner: "[&::-webkit-meter-inner-element]:block [&::-webkit-meter-inner-element]:relative [&::-webkit-meter-inner-element]:border-none [&::-webkit-meter-inner-element]:bg-none [&::-webkit-meter-inner-element]:bg-transparent",
+      meter: "[&::-webkit-meter-bar]:border-none [&::-webkit-meter-bar]:bg-none [&::-webkit-meter-bar]:bg-transparent",
+      bar: "[&::-webkit-meter-optimum-value]:border-none [&::-webkit-meter-optimum-value]:bg-none [&::-webkit-meter-optimum-value]:bg-current",
+      value: "[&::-moz-meter-bar]:border-none [&::-moz-meter-bar]:bg-none [&::-moz-meter-bar]:bg-current"
+    },
+    bar: {
+      transition: "[&::-webkit-meter-optimum-value]:transition-all [&::-moz-meter-bar]:transition-all",
+      ring: "",
+      rounded: "[&::-webkit-meter-optimum-value]:rounded-full [&::-moz-meter-bar]:rounded-full",
+      size: {
+        "2xs": "[&::-webkit-meter-optimum-value]:h-px [&::-moz-meter-bar]:h-px",
+        xs: "[&::-webkit-meter-optimum-value]:h-0.5 [&::-moz-meter-bar]:h-0.5",
+        sm: "[&::-webkit-meter-optimum-value]:h-1 [&::-moz-meter-bar]:h-1",
+        md: "[&::-webkit-meter-optimum-value]:h-2 [&::-moz-meter-bar]:h-2",
+        lg: "[&::-webkit-meter-optimum-value]:h-3 [&::-moz-meter-bar]:h-3",
+        xl: "[&::-webkit-meter-optimum-value]:h-4 [&::-moz-meter-bar]:h-4",
+        "2xl": "[&::-webkit-meter-optimum-value]:h-5 [&::-moz-meter-bar]:h-5"
+      }
+    }
+  },
+  label: {
+    base: "flex gap-2 items-center",
+    text: "truncate",
+    color: "text-{color}-500 dark:text-{color}-400",
+    size: {
+      "2xs": "text-xs",
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-sm",
+      lg: "text-sm",
+      xl: "text-base",
+      "2xl": "text-base"
+    }
+  },
+  color: {
+    white: "text-white dark:text-black",
+    black: "text-black dark:text-white",
+    gray: "text-gray-500 dark:text-gray-400"
+  },
+  default: {
+    size: "md",
+    color: "primary"
+  }
+};

package/dist/runtime/ui.config/elements/meterGroup.d.ts

@@ -0,0 +1,52 @@
+declare const _default: {
+    wrapper: string;
+    base: string;
+    background: string;
+    transition: string;
+    rounded: string;
+    shadow: string;
+    list: string;
+    orientation: {
+        'rounded-none': {
+            left: string;
+            right: string;
+        };
+        'rounded-sm': {
+            left: string;
+            right: string;
+        };
+        rounded: {
+            left: string;
+            right: string;
+        };
+        'rounded-md': {
+            left: string;
+            right: string;
+        };
+        'rounded-lg': {
+            left: string;
+            right: string;
+        };
+        'rounded-xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-2xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-3xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-full': {
+            left: string;
+            right: string;
+        };
+    };
+    default: {
+        size: string;
+        icon: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/elements/meterGroup.mjs

@@ -0,0 +1,24 @@
+export default {
+  wrapper: "flex flex-col gap-2 w-full",
+  base: "flex flex-row flex-nowrap flex-shrink overflow-hidden",
+  background: "bg-gray-200 dark:bg-gray-700",
+  transition: "transition-all",
+  rounded: "rounded-full",
+  shadow: "",
+  list: "list-disc list-inside",
+  orientation: {
+    "rounded-none": { left: "rounded-s-none", right: "rounded-e-none" },
+    "rounded-sm": { left: "rounded-s-sm", right: "rounded-e-sm" },
+    rounded: { left: "rounded-s", right: "rounded-e" },
+    "rounded-md": { left: "rounded-s-md", right: "rounded-e-md" },
+    "rounded-lg": { left: "rounded-s-lg", right: "rounded-e-lg" },
+    "rounded-xl": { left: "rounded-s-xl", right: "rounded-e-xl" },
+    "rounded-2xl": { left: "rounded-s-2xl", right: "rounded-e-2xl" },
+    "rounded-3xl": { left: "rounded-s-3xl", right: "rounded-e-3xl" },
+    "rounded-full": { left: "rounded-s-full", right: "rounded-e-full" }
+  },
+  default: {
+    size: "md",
+    icon: "i-heroicons-minus-20-solid"
+  }
+};

package/dist/runtime/ui.config/elements/progress.d.ts

@@ -0,0 +1,75 @@
+declare const _default: {
+    wrapper: string;
+    indicator: {
+        container: {
+            base: string;
+            width: string;
+            transition: string;
+        };
+        align: string;
+        width: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    progress: {
+        base: string;
+        width: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        rounded: string;
+        track: string;
+        bar: string;
+        color: string;
+        background: string;
+        indeterminate: {
+            base: string;
+            rounded: string;
+        };
+    };
+    steps: {
+        base: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    step: {
+        base: string;
+        align: string;
+        active: string;
+        first: string;
+    };
+    animation: {
+        carousel: string;
+        'carousel-inverse': string;
+        swing: string;
+        elastic: string;
+    };
+    default: {
+        color: string;
+        size: string;
+        animation: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/elements/progress.mjs

@@ -0,0 +1,74 @@
+export default {
+  wrapper: "w-full flex flex-col gap-2",
+  indicator: {
+    container: {
+      base: "flex flex-row justify-end",
+      width: "min-w-fit",
+      transition: "transition-all"
+    },
+    align: "text-end",
+    width: "w-fit",
+    color: "text-gray-400 dark:text-gray-500",
+    size: {
+      "2xs": "text-xs",
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-sm",
+      lg: "text-sm",
+      xl: "text-base",
+      "2xl": "text-base"
+    }
+  },
+  progress: {
+    base: "block appearance-none border-none overflow-hidden",
+    width: "w-full [&::-webkit-progress-bar]:w-full",
+    size: {
+      "2xs": "h-px",
+      xs: "h-0.5",
+      sm: "h-1",
+      md: "h-2",
+      lg: "h-3",
+      xl: "h-4",
+      "2xl": "h-5"
+    },
+    rounded: "rounded-full [&::-webkit-progress-bar]:rounded-full",
+    track: "[&::-webkit-progress-bar]:bg-gray-200 [&::-webkit-progress-bar]:dark:bg-gray-700 [@supports(selector(&::-moz-progress-bar))]:bg-gray-200 [@supports(selector(&::-moz-progress-bar))]:dark:bg-gray-700",
+    bar: "[&::-webkit-progress-value]:rounded-full [&::-webkit-progress-value]:transition-all [&::-webkit-progress-value]:ease-in-out [&::-moz-progress-bar]:rounded-full",
+    color: "text-{color}-500 dark:text-{color}-400",
+    background: "[&::-webkit-progress-value]:bg-current [&::-moz-progress-bar]:bg-current",
+    indeterminate: {
+      base: "indeterminate:relative",
+      rounded: "indeterminate:after:rounded-full [&:indeterminate::-webkit-progress-value]:rounded-full [&:indeterminate::-moz-progress-bar]:rounded-full"
+    }
+  },
+  steps: {
+    base: "grid grid-cols-1",
+    color: "text-{color}-500 dark:text-{color}-400",
+    size: {
+      "2xs": "text-xs",
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-sm",
+      lg: "text-sm",
+      xl: "text-base",
+      "2xl": "text-base"
+    }
+  },
+  step: {
+    base: "transition-all opacity-0 truncate row-start-1 col-start-1",
+    align: "text-end",
+    active: "opacity-100",
+    first: "text-gray-500 dark:text-gray-400"
+  },
+  animation: {
+    carousel: "bar-animation-carousel",
+    "carousel-inverse": "bar-animation-carousel-inverse",
+    swing: "bar-animation-swing",
+    elastic: "bar-animation-elastic"
+  },
+  default: {
+    color: "primary",
+    size: "md",
+    animation: "carousel"
+  }
+};

package/dist/runtime/ui.config/forms/checkbox.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    wrapper: string;
+    container: string;
+    base: string;
+    form: string;
+    rounded: string;
+    color: string;
+    background: string;
+    border: string;
+    ring: string;
+    inner: string;
+    label: string;
+    required: string;
+    help: string;
+    default: {
+        color: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/forms/checkbox.mjs

@@ -0,0 +1,18 @@
+export default {
+  wrapper: "relative flex items-start",
+  container: "flex items-center h-5",
+  base: "h-4 w-4 dark:checked:bg-current dark:checked:border-transparent dark:indeterminate:bg-current dark:indeterminate:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent",
+  form: "form-checkbox",
+  rounded: "rounded",
+  color: "text-{color}-500 dark:text-{color}-400",
+  background: "bg-white dark:bg-gray-900",
+  border: "border border-gray-300 dark:border-gray-700",
+  ring: "focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900",
+  inner: "ms-3 flex flex-col",
+  label: "text-sm font-medium text-gray-700 dark:text-gray-200",
+  required: "text-sm text-red-500 dark:text-red-400",
+  help: "text-sm text-gray-500 dark:text-gray-400",
+  default: {
+    color: "primary"
+  }
+};

package/dist/runtime/ui.config/forms/formGroup.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+    wrapper: string;
+    label: {
+        wrapper: string;
+        base: string;
+        required: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    container: string;
+    description: string;
+    hint: string;
+    help: string;
+    error: string;
+    default: {
+        size: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/forms/formGroup.mjs

@@ -0,0 +1,25 @@
+export default {
+  wrapper: "",
+  label: {
+    wrapper: "flex content-center items-center justify-between",
+    base: "block font-medium text-gray-700 dark:text-gray-200",
+    // eslint-disable-next-line quotes
+    required: `after:content-['*'] after:ms-0.5 after:text-red-500 dark:after:text-red-400`
+  },
+  size: {
+    "2xs": "text-xs",
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-sm",
+    lg: "text-sm",
+    xl: "text-base"
+  },
+  container: "mt-1 relative",
+  description: "text-gray-500 dark:text-gray-400",
+  hint: "text-gray-500 dark:text-gray-400",
+  help: "mt-2 text-gray-500 dark:text-gray-400",
+  error: "mt-2 text-red-500 dark:text-red-400",
+  default: {
+    size: "sm"
+  }
+};

package/dist/runtime/ui.config/forms/input.d.ts

@@ -0,0 +1,107 @@
+declare const _default: {
+    wrapper: string;
+    base: string;
+    form: string;
+    rounded: string;
+    placeholder: string;
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    gap: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    padding: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    leading: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    trailing: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    color: {
+        white: {
+            outline: string;
+        };
+        gray: {
+            outline: string;
+        };
+    };
+    variant: {
+        outline: string;
+        none: string;
+    };
+    icon: {
+        base: string;
+        color: string;
+        loading: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        leading: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+        trailing: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+    };
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+        loadingIcon: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/forms/input.mjs

@@ -0,0 +1,106 @@
+export default {
+  wrapper: "relative",
+  base: "relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0",
+  form: "form-input",
+  rounded: "rounded-md",
+  placeholder: "placeholder-gray-400 dark:placeholder-gray-500",
+  size: {
+    "2xs": "text-xs",
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-sm",
+    lg: "text-sm",
+    xl: "text-base"
+  },
+  gap: {
+    "2xs": "gap-x-1",
+    xs: "gap-x-1.5",
+    sm: "gap-x-1.5",
+    md: "gap-x-2",
+    lg: "gap-x-2.5",
+    xl: "gap-x-2.5"
+  },
+  padding: {
+    "2xs": "px-2 py-1",
+    xs: "px-2.5 py-1.5",
+    sm: "px-2.5 py-1.5",
+    md: "px-3 py-2",
+    lg: "px-3.5 py-2.5",
+    xl: "px-3.5 py-2.5"
+  },
+  leading: {
+    padding: {
+      "2xs": "ps-7",
+      xs: "ps-8",
+      sm: "ps-9",
+      md: "ps-10",
+      lg: "ps-11",
+      xl: "ps-12"
+    }
+  },
+  trailing: {
+    padding: {
+      "2xs": "pe-7",
+      xs: "pe-8",
+      sm: "pe-9",
+      md: "pe-10",
+      lg: "pe-11",
+      xl: "pe-12"
+    }
+  },
+  color: {
+    white: {
+      outline: "shadow-sm bg-white dark:bg-gray-900 text-gray-900 dark:text-white ring-1 ring-inset ring-gray-300 dark:ring-gray-700 focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400"
+    },
+    gray: {
+      outline: "shadow-sm bg-gray-50 dark:bg-gray-800 text-gray-900 dark:text-white ring-1 ring-inset ring-gray-300 dark:ring-gray-700 focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400"
+    }
+  },
+  variant: {
+    outline: "shadow-sm bg-transparent text-gray-900 dark:text-white ring-1 ring-inset ring-{color}-500 dark:ring-{color}-400 focus:ring-2 focus:ring-{color}-500 dark:focus:ring-{color}-400",
+    none: "bg-transparent focus:ring-0 focus:shadow-none"
+  },
+  icon: {
+    base: "flex-shrink-0 text-gray-400 dark:text-gray-500",
+    color: "text-{color}-500 dark:text-{color}-400",
+    loading: "animate-spin",
+    size: {
+      "2xs": "h-4 w-4",
+      xs: "h-4 w-4",
+      sm: "h-5 w-5",
+      md: "h-5 w-5",
+      lg: "h-5 w-5",
+      xl: "h-6 w-6"
+    },
+    leading: {
+      wrapper: "absolute inset-y-0 start-0 flex items-center",
+      pointer: "pointer-events-none",
+      padding: {
+        "2xs": "ps-2",
+        xs: "ps-2.5",
+        sm: "ps-2.5",
+        md: "ps-3",
+        lg: "ps-3.5",
+        xl: "ps-3.5"
+      }
+    },
+    trailing: {
+      wrapper: "absolute inset-y-0 end-0 flex items-center",
+      pointer: "pointer-events-none",
+      padding: {
+        "2xs": "pe-2",
+        xs: "pe-2.5",
+        sm: "pe-2.5",
+        md: "pe-3",
+        lg: "pe-3.5",
+        xl: "pe-3.5"
+      }
+    }
+  },
+  default: {
+    size: "sm",
+    color: "white",
+    variant: "outline",
+    loadingIcon: "i-heroicons-arrow-path-20-solid"
+  }
+};

package/dist/runtime/ui.config/forms/radio.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    wrapper: string;
+    container: string;
+    base: string;
+    form: string;
+    color: string;
+    background: string;
+    border: string;
+    ring: string;
+    inner: string;
+    label: string;
+    required: string;
+    help: string;
+    default: {
+        color: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/forms/radio.mjs

@@ -0,0 +1,17 @@
+export default {
+  wrapper: "relative flex items-start",
+  container: "flex items-center h-5",
+  base: "h-4 w-4 dark:checked:bg-current dark:checked:border-transparent disabled:opacity-50 disabled:cursor-not-allowed focus:ring-0 focus:ring-transparent focus:ring-offset-transparent",
+  form: "form-radio",
+  color: "text-{color}-500 dark:text-{color}-400",
+  background: "bg-white dark:bg-gray-900",
+  border: "border border-gray-300 dark:border-gray-700",
+  ring: "focus-visible:ring-2 focus-visible:ring-{color}-500 dark:focus-visible:ring-{color}-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900",
+  inner: "ms-3 flex flex-col",
+  label: "text-sm font-medium text-gray-700 dark:text-gray-200",
+  required: "text-sm text-red-500 dark:text-red-400",
+  help: "text-sm text-gray-500 dark:text-gray-400",
+  default: {
+    color: "primary"
+  }
+};

package/dist/runtime/ui.config/forms/radioGroup.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    wrapper: string;
+    legend: string;
+    default: {
+        color: string;
+    };
+};
+export default _default;

package/dist/runtime/ui.config/forms/radioGroup.mjs

@@ -0,0 +1,7 @@
+export default {
+  wrapper: "relative flex items-start",
+  legend: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-1",
+  default: {
+    color: "primary"
+  }
+};