@nuxt/ui 2.9.0 → 2.11.0

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,16 @@
+declare const _default: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    color: string;
+    background: string;
+    border: string;
+    ring: string;
+    label: string;
+    required: string;
+    help: string;
+    default: {
+        color: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,15 @@
+export default {
+  wrapper: "relative flex items-start",
+  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",
+  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",
+  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,105 @@
+declare const _default: {
+    wrapper: string;
+    base: 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;
+        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,104 @@
+export default {
+  wrapper: "relative",
+  base: "relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0",
+  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",
+    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,15 @@
+declare const _default: {
+    wrapper: string;
+    base: string;
+    color: string;
+    background: string;
+    border: string;
+    ring: string;
+    label: string;
+    required: string;
+    help: string;
+    default: {
+        color: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,14 @@
+export default {
+  wrapper: "relative flex items-start",
+  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",
+  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",
+  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"
+  }
+};

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

@@ -0,0 +1,64 @@
+declare const _default: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    background: string;
+    ring: string;
+    progress: {
+        base: string;
+        rounded: string;
+        background: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    thumb: {
+        base: string;
+        color: string;
+        background: string;
+        ring: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    track: {
+        base: string;
+        background: string;
+        rounded: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    default: {
+        size: string;
+        color: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,63 @@
+export default {
+  wrapper: "relative w-full flex items-center",
+  base: "w-full absolute appearance-none cursor-pointer disabled:cursor-not-allowed disabled:bg-opacity-50 focus:outline-none peer group",
+  rounded: "rounded-lg",
+  background: "bg-transparent",
+  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",
+  progress: {
+    base: "absolute pointer-events-none peer-disabled:bg-opacity-50",
+    rounded: "rounded-s-lg",
+    background: "bg-{color}-500 dark:bg-{color}-400",
+    size: {
+      "2xs": "h-px",
+      xs: "h-0.5",
+      sm: "h-1",
+      md: "h-2",
+      lg: "h-3",
+      xl: "h-4",
+      "2xl": "h-5"
+    }
+  },
+  thumb: {
+    base: "[&::-webkit-slider-thumb]:relative [&::-moz-range-thumb]:relative [&::-webkit-slider-thumb]:z-[1] [&::-moz-range-thumb]:z-[1] [&::-webkit-slider-thumb]:appearance-none [&::-moz-range-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0",
+    color: "text-{color}-500 dark:text-{color}-400",
+    background: "[&::-webkit-slider-thumb]:bg-white [&::-webkit-slider-thumb]:dark:bg-gray-900 [&::-moz-range-thumb]:bg-current",
+    ring: "[&::-webkit-slider-thumb]:ring-2 [&::-webkit-slider-thumb]:ring-current",
+    size: {
+      "2xs": "[&::-webkit-slider-thumb]:h-1.5 [&::-moz-range-thumb]:h-1.5 [&::-webkit-slider-thumb]:w-1.5 [&::-moz-range-thumb]:w-1.5 [&::-webkit-slider-thumb]:mt-[-2.5px] [&::-moz-range-thumb]:mt-[-2.5px]",
+      xs: "[&::-webkit-slider-thumb]:h-2 [&::-moz-range-thumb]:h-2 [&::-webkit-slider-thumb]:w-2 [&::-moz-range-thumb]:w-2 [&::-webkit-slider-thumb]:mt-[-3px] [&::-moz-range-thumb]:mt-[-3px]",
+      sm: "[&::-webkit-slider-thumb]:h-3 [&::-moz-range-thumb]:h-3 [&::-webkit-slider-thumb]:w-3 [&::-moz-range-thumb]:w-3 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
+      md: "[&::-webkit-slider-thumb]:h-4 [&::-moz-range-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
+      lg: "[&::-webkit-slider-thumb]:h-5 [&::-moz-range-thumb]:h-5 [&::-webkit-slider-thumb]:w-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
+      xl: "[&::-webkit-slider-thumb]:h-6 [&::-moz-range-thumb]:h-6 [&::-webkit-slider-thumb]:w-6 [&::-moz-range-thumb]:w-6 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1",
+      "2xl": "[&::-webkit-slider-thumb]:h-7 [&::-moz-range-thumb]:h-7 [&::-webkit-slider-thumb]:w-7 [&::-moz-range-thumb]:w-7 [&::-webkit-slider-thumb]:-mt-1 [&::-moz-range-thumb]:-mt-1"
+    }
+  },
+  track: {
+    base: "[&::-webkit-slider-runnable-track]:group-disabled:bg-opacity-50 [&::-moz-range-track]:group-disabled:bg-opacity-50",
+    background: "[&::-webkit-slider-runnable-track]:bg-gray-200 [&::-moz-range-track]:bg-gray-200 [&::-webkit-slider-runnable-track]:dark:bg-gray-700 [&::-moz-range-track]:dark:bg-gray-700",
+    rounded: "[&::-webkit-slider-runnable-track]:rounded-lg [&::-moz-range-track]:rounded-lg",
+    size: {
+      "2xs": "[&::-webkit-slider-runnable-track]:h-px [&::-moz-range-track]:h-px",
+      xs: "[&::-webkit-slider-runnable-track]:h-0.5 [&::-moz-range-track]:h-0.5",
+      sm: "[&::-webkit-slider-runnable-track]:h-1 [&::-moz-range-track]:h-1",
+      md: "[&::-webkit-slider-runnable-track]:h-2 [&::-moz-range-track]:h-2",
+      lg: "[&::-webkit-slider-runnable-track]:h-3 [&::-moz-range-track]:h-3",
+      xl: "[&::-webkit-slider-runnable-track]:h-4 [&::-moz-range-track]:h-4",
+      "2xl": "[&::-webkit-slider-runnable-track]:h-5 [&::-moz-range-track]:h-5"
+    }
+  },
+  size: {
+    "2xs": "h-1.5",
+    xs: "h-2",
+    sm: "h-3",
+    md: "h-4",
+    lg: "h-5",
+    xl: "h-6",
+    "2xl": "h-7"
+  },
+  default: {
+    size: "md",
+    color: "primary"
+  }
+};

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

@@ -0,0 +1,106 @@
+declare const _default: {
+    placeholder: string;
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+        loadingIcon: string;
+        trailingIcon: string;
+    };
+    wrapper: string;
+    base: string;
+    rounded: 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;
+        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;
+            };
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,12 @@
+import input from "./input.mjs";
+export default {
+  ...input,
+  placeholder: "text-gray-900 dark:text-white",
+  default: {
+    size: "sm",
+    color: "white",
+    variant: "outline",
+    loadingIcon: "i-heroicons-arrow-path-20-solid",
+    trailingIcon: "i-heroicons-chevron-down-20-solid"
+  }
+};