@pathscale/ui 1.1.34 → 1.1.35

package/dist/components/form/PasswordField.js

@@ -1,113 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__ from "../input/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__ from "./ValidatedForm.js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-error ml-1">*'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=cursor-pointer role=button>");
-const PasswordField = (props)=>{
-    const [showPassword, setShowPassword] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    const { errors, touched } = (0, __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__.useFormValidation)();
-    const [local, inputProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "label",
-        "required",
-        "labelClass",
-        "errorClass",
-        "containerClass",
-        "description",
-        "descriptionClass",
-        "showPasswordIcon",
-        "hidePasswordIcon",
-        "class",
-        "className"
-    ]);
-    const togglePassword = ()=>setShowPassword(!showPassword());
-    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex flex-col gap-2", local.containerClass));
-    const descriptionClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-sm text-base-content/70", local.descriptionClass));
-    const errorClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-error text-sm", local.errorClass));
-    const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className));
-    const hasError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>touched(props.name) && !!errors(props.name));
-    const passwordIcon = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        if (showPassword()) return local.hidePasswordIcon || (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
-            name: "icon-[mdi-light--eye-off]",
-            width: 20,
-            height: 20
-        });
-        return local.showPasswordIcon || (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
-            name: "icon-[mdi-light--eye]",
-            width: 20,
-            height: 20
-        });
-    });
-    return (()=>{
-        var _el$ = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.label);
-            return ()=>_c$() && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"], {
-                    get title () {
-                        return local.label;
-                    },
-                    get ["class"] () {
-                        return local.labelClass;
-                    },
-                    get children () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.required)() && _tmpl$3();
-                    }
-                });
-        })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
-            return ()=>_c$2() && (()=>{
-                    var _el$4 = _tmpl$();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, descriptionClasses()));
-                    return _el$4;
-                })();
-        })(), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get id () {
-                return props.name;
-            },
-            get type () {
-                return showPassword() ? "text" : "password";
-            },
-            get ["aria-invalid"] () {
-                return hasError();
-            },
-            get ["aria-required"] () {
-                return local.required;
-            },
-            get ["class"] () {
-                return inputClasses();
-            },
-            get endContent () {
-                return (()=>{
-                    var _el$5 = _tmpl$4();
-                    _el$5.$$click = togglePassword;
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, passwordIcon);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "aria-label", showPassword() ? "Hide password" : "Show password"));
-                    return _el$5;
-                })();
-            }
-        }, inputProps)), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-            get when () {
-                return hasError();
-            },
-            get children () {
-                var _el$2 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>errors(props.name));
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, errorClasses()));
-                return _el$2;
-            }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses()));
-        return _el$;
-    })();
-};
-const form_PasswordField = PasswordField;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
-export { PasswordField, form_PasswordField as default };

package/dist/components/form/ValidatedForm.d.ts

@@ -1,26 +0,0 @@
-import { type JSX } from "solid-js";
-import type { z } from "zod";
-import type { ObjectSetter, Paths } from "@felte/common";
-import { type FormProps } from "./FormBase";
-export type ValidatedFormProps<T extends z.ZodTypeAny> = Omit<FormProps, "onSubmit"> & {
-    schema: T;
-    onSubmit: (values: z.infer<T>) => void | Promise<void>;
-    initialValues?: z.infer<T>;
-    children?: JSX.Element | (() => JSX.Element);
-};
-interface FormValidationContext<T extends z.ZodTypeAny = z.ZodTypeAny> {
-    errors: (path?: string | ((data: any) => any)) => any;
-    touched: (path?: string | ((data: any) => any)) => any;
-    data: (path?: string | ((data: any) => any)) => any;
-    isValid: () => boolean;
-    isSubmitting: () => boolean;
-    setData: ObjectSetter<z.infer<T>, Paths<z.infer<T>>>;
-    setErrors: (errors: any) => void;
-    setWarnings: (warnings: any) => void;
-    setTouched: (touched: any) => void;
-    reset: () => void;
-}
-declare const FormValidationContext: import("solid-js").Context<FormValidationContext<z.ZodTypeAny> | undefined>;
-export declare function useFormValidation<T extends z.ZodTypeAny = z.ZodTypeAny>(): FormValidationContext<T>;
-declare function ValidatedForm<T extends z.ZodTypeAny>(props: ValidatedFormProps<T>): JSX.Element;
-export default ValidatedForm;

package/dist/components/form/ValidatedForm.js

@@ -1,55 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__ from "@felte/solid";
-import * as __WEBPACK_EXTERNAL_MODULE__felte_validator_zod_bb07151a__ from "@felte/validator-zod";
-import * as __WEBPACK_EXTERNAL_MODULE__FormBase_js_90e50c3a__ from "./FormBase.js";
-const FormValidationContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
-function useFormValidation() {
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(FormValidationContext);
-    if (!context) throw new Error("useFormValidation must be used within a ValidatedForm");
-    return context;
-}
-function ValidatedForm(props) {
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "schema",
-        "onSubmit",
-        "initialValues"
-    ]);
-    const { form, errors, touched, data, isValid, isSubmitting, setData, setErrors, setWarnings, setTouched, reset } = (0, __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__.createForm)({
-        initialValues: local.initialValues,
-        extend: [
-            (0, __WEBPACK_EXTERNAL_MODULE__felte_validator_zod_bb07151a__.validator)({
-                schema: local.schema
-            })
-        ],
-        onSubmit: local.onSubmit
-    });
-    const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
-            errors,
-            touched,
-            data,
-            isValid,
-            isSubmitting,
-            setData,
-            setErrors,
-            setWarnings,
-            setTouched,
-            reset
-        }));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormValidationContext.Provider, {
-        get value () {
-            return contextValue();
-        },
-        get children () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__FormBase_js_90e50c3a__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                ref: form,
-                get children () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children)() ? local.children() : local.children;
-                }
-            }));
-        }
-    });
-}
-const form_ValidatedForm = ValidatedForm;
-export { form_ValidatedForm as default, useFormValidation };

package/dist/components/menu/MenuDetails.d.ts

@@ -1,8 +0,0 @@
-import { type JSX, type Component } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type MenuDetailsProps = JSX.DetailsHtmlAttributes<HTMLDetailsElement> & IComponentBaseProps & {
-    label: JSX.Element;
-    open?: boolean;
-};
-declare const MenuDetails: Component<MenuDetailsProps>;
-export default MenuDetails;

package/dist/components/menu/MenuDropdown.d.ts

@@ -1,12 +0,0 @@
-import { type JSX, type Component } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type MenuDropdownProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps & {
-    label: JSX.Element;
-    open?: boolean;
-    class?: string;
-    className?: string;
-    style?: JSX.CSSProperties;
-    children?: JSX.Element;
-};
-declare const MenuDropdown: Component<MenuDropdownProps>;
-export default MenuDropdown;

package/dist/components/menu/MenuDropdown.js

@@ -1,48 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
-const MenuDropdown_MenuDropdown = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "label",
-        "open",
-        "class",
-        "className",
-        "style",
-        "children",
-        "dataTheme"
-    ]);
-    const spanClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("menu-dropdown-toggle", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "menu-dropdown-show": local.open
-        })));
-    const ulClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("menu-dropdown", {
-            "menu-dropdown-show": local.open
-        }));
-    return [
-        (()=>{
-            var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                get ["class"] () {
-                    return spanClasses();
-                },
-                get style () {
-                    return local.style;
-                },
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                }
-            }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.label);
-            return _el$;
-        })(),
-        (()=>{
-            var _el$2 = _tmpl$2();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, ulClasses()));
-            return _el$2;
-        })()
-    ];
-};
-const MenuDropdown = MenuDropdown_MenuDropdown;
-export { MenuDropdown as default };

package/dist/components/menu/MenuTitle.d.ts

@@ -1,8 +0,0 @@
-import { type JSX, type Component } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type MenuTitleProps = JSX.LiHTMLAttributes<HTMLLIElement> & IComponentBaseProps & {
-    class?: string;
-    className?: string;
-};
-declare const MenuTitle: Component<MenuTitleProps>;
-export default MenuTitle;

package/dist/components/menu/MenuTitle.js

@@ -1,22 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
-const MenuTitle = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "className"
-    ]);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("menu-title", local.class, local.className);
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return classes();
-            }
-        }), false, false);
-        return _el$;
-    })();
-};
-const menu_MenuTitle = MenuTitle;
-export { menu_MenuTitle as default };

package/dist/components/menu/menu.css

@@ -1,364 +0,0 @@
-@layer components {
-  .menu {
-      display: flex;
-      width: fit-content;
-      flex-direction: column;
-      flex-wrap: wrap;
-      padding: calc(0.25rem * 2);
-      --menu-active-fg: var(--color-neutral-content);
-      --menu-active-bg: var(--color-neutral);
-      font-size: 0.875rem;
-    }
-
-  .menu :where(li ul) {
-      position: relative;
-      margin-inline-start: calc(0.25rem * 4);
-      padding-inline-start: calc(0.25rem * 2);
-      white-space: nowrap;
-    }
-
-  .menu :where(li ul):before {
-      position: absolute;
-      inset-inline-start: calc(0.25rem * 0);
-      top: calc(0.25rem * 3);
-      bottom: calc(0.25rem * 3);
-      background-color: var(--color-base-content);
-      opacity: 10%;
-      width: var(--border);
-      content: "";
-    }
-
-  .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
-      display: none;
-    }
-
-  .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
-    .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      display: grid;
-      grid-auto-flow: column;
-      align-content: flex-start;
-      align-items: center;
-      gap: calc(0.25rem * 2);
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 1.5);
-      text-align: start;
-      transition-property: color, background-color, box-shadow;
-      transition-duration: 0.2s;
-      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-      grid-auto-columns: minmax(auto, max-content) auto max-content;
-      text-wrap: balance;
-      user-select: none;
-    }
-
-  .menu :where(li > details > summary) {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-
-  @media (forced-colors: active) {
-    .menu :where(li > details > summary) {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .menu :where(li > details > summary)::-webkit-details-marker {
-      display: none;
-    }
-
-  .menu :where(li > details > summary):after,
-    .menu :where(li > .menu-dropdown-toggle):after {
-      justify-self: flex-end;
-      display: block;
-      height: 0.375rem;
-      width: 0.375rem;
-      rotate: -135deg;
-      translate: 0 -1px;
-      transition-property: rotate, translate;
-      transition-duration: 0.2s;
-      content: "";
-      transform-origin: 50% 50%;
-      box-shadow: 2px 2px inset;
-      pointer-events: none;
-    }
-
-  .menu details {
-      overflow: hidden;
-      interpolate-size: allow-keywords;
-    }
-
-  .menu details::details-content {
-      block-size: 0;
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .menu details::details-content {
-      transition-behavior: allow-discrete;
-      transition-property: block-size, content-visibility;
-      transition-duration: 0.2s;
-      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-    }
-    }
-
-  .menu details[open]::details-content {
-      block-size: auto;
-    }
-
-  .menu :where(li > details[open] > summary):after,
-    .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
-      rotate: 45deg;
-      translate: 0 1px;
-    }
-
-  .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn).menu-focus,
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn):focus-visible {
-      cursor: pointer;
-      background-color: var(--color-base-content);
-      color: var(--color-base-content);
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn).menu-focus,
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn):focus-visible {
-      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-    }
-    }
-
-  @media (forced-colors: active) {
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn).menu-focus,
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn):focus-visible {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
-      cursor: pointer;
-      background-color: var(--color-base-content);
-      --tw-outline-style: none;
-      outline-style: none;
-      box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
-      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-    }
-    }
-
-  @media (forced-colors: active) {
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .menu :where(li:empty) {
-      background-color: var(--color-base-content);
-      opacity: 10%;
-      margin: 0.5rem 1rem;
-      height: 1px;
-    }
-
-  .menu :where(li) {
-      position: relative;
-      display: flex;
-      flex-shrink: 0;
-      flex-direction: column;
-      flex-wrap: wrap;
-      align-items: stretch;
-    }
-
-  .menu :where(li) .badge {
-      justify-self: flex-end;
-    }
-
-  .menu :where(li) > *:not(ul, .menu-title, details, .btn):active,
-    .menu :where(li) > *:not(ul, .menu-title, details, .btn).menu-active,
-    .menu :where(li) > details > summary:active {
-      --tw-outline-style: none;
-      outline-style: none;
-      color: var(--menu-active-fg);
-      background-color: var(--menu-active-bg);
-      background-size: auto, calc(var(--noise) * 100%);
-      background-image: none, var(--fx-noise);
-    }
-
-  @media (forced-colors: active) {
-    .menu :where(li) > *:not(ul, .menu-title, details, .btn):active,
-    .menu :where(li) > *:not(ul, .menu-title, details, .btn).menu-active,
-    .menu :where(li) > details > summary:active {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .menu :where(li) > *:not(ul, .menu-title, details, .btn):active:not(.menu :where(li) > *:not(ul, .menu-title, details, .btn):active:active),
-    .menu :where(li) > *:not(ul, .menu-title, details, .btn).menu-active:not(.menu :where(li) > *:not(ul, .menu-title, details, .btn).menu-active:active),
-    .menu :where(li) > details > summary:active:not(.menu :where(li) > details > summary:active:active) {
-      box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
-    }
-
-  .menu :where(li).menu-disabled {
-      pointer-events: none;
-      color: var(--color-base-content);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .menu :where(li).menu-disabled {
-      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
-    }
-    }
-
-  .menu .dropdown:focus-within .menu-dropdown-toggle:after {
-      rotate: 45deg;
-      translate: 0 1px;
-    }
-
-  .menu .dropdown-content {
-      margin-top: calc(0.25rem * 2);
-      padding: calc(0.25rem * 2);
-    }
-
-  .menu .dropdown-content:before {
-      display: none;
-    }
-
-  .menu-horizontal {
-      display: inline-flex;
-      flex-direction: row;
-    }
-
-  .menu-horizontal > li:not(.menu-title) > details > ul {
-      position: absolute;
-      margin-inline-start: calc(0.25rem * 0);
-      margin-top: calc(0.25rem * 4);
-      transform-origin: top;
-      border-radius: var(--radius-box);
-      background-color: var(--color-base-100);
-      padding-block: calc(0.25rem * 2);
-      padding-inline-end: calc(0.25rem * 2);
-      opacity: 0%;
-      scale: 95%;
-      box-shadow: 0 1px 3px 0 oklch(0% 0 0/0.1), 0 1px 2px -1px oklch(0% 0 0/0.1);
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    @starting-style {
-    .menu-horizontal > li:not(.menu-title) > details > ul {
-      scale: 95%;
-      opacity: 0;
-    }
-    }
-    }
-
-  .menu-horizontal > li:not(.menu-title) > details[open] > ul {
-      opacity: 100%;
-      scale: 100%;
-    }
-
-  .menu-horizontal > li > details > ul:before {
-      --tw-content: none;
-      content: var(--tw-content);
-    }
-
-  .menu-vertical {
-      display: inline-flex;
-      flex-direction: column;
-    }
-
-  .menu-vertical > li:not(.menu-title) > details > ul {
-      position: relative;
-      margin-inline-start: calc(0.25rem * 4);
-      margin-top: calc(0.25rem * 0);
-      padding-block: calc(0.25rem * 0);
-      padding-inline-end: calc(0.25rem * 0);
-      background-color: revert-layer;
-      border-radius: revert-layer;
-      animation: revert-layer;
-      transition: revert-layer;
-      box-shadow: revert-layer;
-    }
-
-  .menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 4);
-      padding-block: calc(0.25rem * 1.5);
-      font-size: 1.125rem;
-    }
-
-  .menu-lg .menu-title {
-      padding-inline: calc(0.25rem * 6);
-      padding-block: calc(0.25rem * 3);
-    }
-
-  .menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 1.5);
-      font-size: 0.875rem;
-    }
-
-  .menu-md .menu-title {
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 2);
-    }
-
-  .menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 2.5);
-      padding-block: calc(0.25rem * 1);
-      font-size: 0.75rem;
-    }
-
-  .menu-sm .menu-title {
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 2);
-    }
-
-  .menu-xl :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-xl :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 5);
-      padding-block: calc(0.25rem * 1.5);
-      font-size: 1.375rem;
-    }
-
-  .menu-xl .menu-title {
-      padding-inline: calc(0.25rem * 6);
-      padding-block: calc(0.25rem * 3);
-    }
-
-  .menu-xs :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 2);
-      padding-block: calc(0.25rem * 1);
-      font-size: 0.6875rem;
-    }
-
-  .menu-xs .menu-title {
-      padding-inline: calc(0.25rem * 2);
-      padding-block: calc(0.25rem * 1);
-    }
-
-  .menu-title {
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 2);
-      color: var(--color-base-content);
-      font-size: 0.875rem;
-      font-weight: 600;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .menu-title {
-      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
-    }
-    }
-}