@luminescent/ui-qwik 6.8.2 → 6.8.3-2

package/lib/components/elements/Dropdown.qwik.mjs

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot } from "@qwik.dev/core";
+import { ChevronDown } from "../../svg/ChevronDown.qwik.mjs";
+const Dropdown = component$(({ class: Class, hover, opened, ...props }) => {
+  return /* @__PURE__ */ jsxs("button", {
+    type: "button",
+    class: {
+      "group lum-btn": true,
+      ...Class
+    },
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        class: "flex-1 text-left",
+        children: /* @__PURE__ */ jsx(Slot, {})
+      }),
+      /* @__PURE__ */ jsx(ChevronDown, {
+        size: 16,
+        class: {
+          "ease-out motion-safe:transition-transform": true,
+          "rotate-180 transform": opened,
+          "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
+          "focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
+        }
+      })
+    ]
+  });
+});
+export {
+  Dropdown
+};

package/{lib-types → lib}/components/elements/Nav.d.ts

@@ -1,4 +1,4 @@
-import type { PropsOf } from '@builder.io/qwik';
+import type { PropsOf } from '@qwik.dev/core';
 interface NavProps extends Omit<PropsOf<'nav'>, 'class'> {
     class?: {
         [key: string]: boolean;
@@ -10,5 +10,5 @@ interface NavProps extends Omit<PropsOf<'nav'>, 'class'> {
     nodismiss?: boolean;
     colorClass?: string;
 }
-export declare const Nav: import("@builder.io/qwik").Component<NavProps>;
+export declare const Nav: import("@qwik.dev/core").Component<NavProps>;
 export {};

package/lib/components/elements/Nav.qwik.cjs

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const Menu = require("../../svg/Menu.qwik.cjs");
+const Nav = core.component$(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
+  const menu = core.useSignal(false);
+  core.useTask$(({ track }) => {
+    track(() => menu.value);
+    if (menu.value && !nodismiss) {
+      const onClick = (e) => {
+        let el = e.target;
+        while (el) {
+          if (el.classList && el.classList.contains("nav-ignore-dismiss")) {
+            return;
+          }
+          el = el.parentElement;
+        }
+        menu.value = false;
+        window.removeEventListener("click", onClick);
+      };
+      window.addEventListener("click", onClick);
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", {
+    ...props,
+    class: {
+      "top-0 left-0 z-50 flex w-full flex-col": true,
+      fixed,
+      absolute: !fixed,
+      ...props.class
+    },
+    children: [
+      !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: {
+          "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
+          "w-[calc(100%-(--spacing(8)))] mx-4": floating,
+          "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
+          "mt-2": menu.value,
+          "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
+          "backdrop-blur-lg": !noblur,
+          [colorClass]: true
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+          name: "mobile"
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: {
+          [colorClass]: !floating,
+          "border-x-0! border-t-0!": !floating,
+          "backdrop-blur-lg": !noblur && !floating,
+          "relative mx-2 mt-2": floating
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+          class: {
+            "mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
+            [colorClass]: floating,
+            "rounded-lum border": floating,
+            "backdrop-blur-lg": !noblur && floating
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", {
+              class: "flex flex-1 items-center justify-start gap-2 py-2",
+              children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+                name: "start"
+              })
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", {
+              class: "flex flex-1 items-center justify-center gap-2 py-2",
+              children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+                name: "center"
+              })
+            }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", {
+              class: "flex flex-1 items-center justify-end gap-2 py-2",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {
+                  name: "end"
+                }),
+                !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("button", {
+                  name: "Navigation Menu",
+                  title: "Navigation Menu",
+                  class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
+                  onClick$: () => menu.value = !menu.value,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Menu.Menu, {
+                    size: 24
+                  })
+                })
+              ]
+            })
+          ]
+        })
+      })
+    ]
+  });
+});
+exports.Nav = Nav;

package/lib/components/elements/Nav.qwik.mjs

@@ -0,0 +1,98 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, useSignal, useTask$, Slot } from "@qwik.dev/core";
+import { Menu } from "../../svg/Menu.qwik.mjs";
+const Nav = component$(({ fixed, floating, noblur, nohamburger, nodismiss, colorClass = "lum-bg-lum-card-bg", ...props }) => {
+  const menu = useSignal(false);
+  useTask$(({ track }) => {
+    track(() => menu.value);
+    if (menu.value && !nodismiss) {
+      const onClick = (e) => {
+        let el = e.target;
+        while (el) {
+          if (el.classList && el.classList.contains("nav-ignore-dismiss")) {
+            return;
+          }
+          el = el.parentElement;
+        }
+        menu.value = false;
+        window.removeEventListener("click", onClick);
+      };
+      window.addEventListener("click", onClick);
+    }
+  });
+  return /* @__PURE__ */ jsxs("nav", {
+    ...props,
+    class: {
+      "top-0 left-0 z-50 flex w-full flex-col": true,
+      fixed,
+      absolute: !fixed,
+      ...props.class
+    },
+    children: [
+      !nohamburger && /* @__PURE__ */ jsx("div", {
+        class: {
+          "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
+          "w-[calc(100%-(--spacing(8)))] mx-4": floating,
+          "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
+          "mt-2": menu.value,
+          "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
+          "backdrop-blur-lg": !noblur,
+          [colorClass]: true
+        },
+        children: /* @__PURE__ */ jsx(Slot, {
+          name: "mobile"
+        })
+      }),
+      /* @__PURE__ */ jsx("div", {
+        class: {
+          [colorClass]: !floating,
+          "border-x-0! border-t-0!": !floating,
+          "backdrop-blur-lg": !noblur && !floating,
+          "relative mx-2 mt-2": floating
+        },
+        children: /* @__PURE__ */ jsxs("div", {
+          class: {
+            "mx-auto flex w-full max-w-7xl justify-evenly px-2": true,
+            [colorClass]: floating,
+            "rounded-lum border": floating,
+            "backdrop-blur-lg": !noblur && floating
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", {
+              class: "flex flex-1 items-center justify-start gap-2 py-2",
+              children: /* @__PURE__ */ jsx(Slot, {
+                name: "start"
+              })
+            }),
+            /* @__PURE__ */ jsx("div", {
+              class: "flex flex-1 items-center justify-center gap-2 py-2",
+              children: /* @__PURE__ */ jsx(Slot, {
+                name: "center"
+              })
+            }),
+            /* @__PURE__ */ jsxs("div", {
+              class: "flex flex-1 items-center justify-end gap-2 py-2",
+              children: [
+                /* @__PURE__ */ jsx(Slot, {
+                  name: "end"
+                }),
+                !nohamburger && /* @__PURE__ */ jsx("button", {
+                  name: "Navigation Menu",
+                  title: "Navigation Menu",
+                  class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
+                  onClick$: () => menu.value = !menu.value,
+                  children: /* @__PURE__ */ jsx(Menu, {
+                    size: 24
+                  })
+                })
+              ]
+            })
+          ]
+        })
+      })
+    ]
+  });
+});
+export {
+  Nav
+};

package/{lib-types → lib}/components/elements/NumberInput.d.ts

@@ -1,4 +1,4 @@
-import type { PropsOf, QRL } from '@builder.io/qwik';
+import type { PropsOf, QRL } from '@qwik.dev/core';
 interface NumberInputRawProps extends Omit<PropsOf<'input'> & {
     type: 'number';
 }, 'class' | 'type'> {
@@ -16,6 +16,6 @@ interface NumberInputRawProps extends Omit<PropsOf<'input'> & {
 interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
     id: string;
 }
-export declare const NumberInput: import("@builder.io/qwik").Component<NumberInputProps>;
-export declare const NumberInputRaw: import("@builder.io/qwik").Component<NumberInputRawProps>;
+export declare const NumberInput: import("@qwik.dev/core").Component<NumberInputProps>;
+export declare const NumberInputRaw: import("@qwik.dev/core").Component<NumberInputRawProps>;
 export {};

package/lib/components/elements/NumberInput.qwik.cjs

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const Plus = require("../../svg/Plus.qwik.cjs");
+const Minus = require("../../svg/Minus.qwik.cjs");
+const NumberInput = core.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: "flex flex-col",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", {
+        for: props.id,
+        class: "pb-1 text-lum-text select-none",
+        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(NumberInputRaw, {
+        ...props,
+        children: void 0
+      })
+    ]
+  });
+});
+const NumberInputRaw = core.component$(({ input, onDecrement$, onIncrement$, value = 0, step = 1, ...props }) => {
+  core.useStyles$(`
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+    input[type=number] {
+      -moz-appearance: textfield;
+    }
+  `);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: {
+      "flex touch-manipulation gap-1 text-lum-text": true
+    },
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", {
+        type: "button",
+        class: {
+          "lum-btn p-2 rounded-r-sm": true
+        },
+        "data-action": "decrement",
+        "aria-label": "Decrement",
+        disabled: props.min ? value <= props.min : false,
+        onClick$: input ? core.$(async (event, element) => {
+          const siblingInput = element.nextElementSibling;
+          siblingInput.stepDown();
+          await onDecrement$(event, element, siblingInput);
+        }) : onDecrement$,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Minus.Minus, {
+          size: 20
+        })
+      }),
+      input && /* @__PURE__ */ jsxRuntime.jsx("input", {
+        ...props,
+        type: "number",
+        value,
+        step,
+        class: {
+          "lum-input text-center rounded-sm lum-input-p-1": true,
+          ...props.class
+        }
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", {
+        type: "button",
+        class: {
+          "lum-btn p-2 rounded-l-sm": true
+        },
+        "data-action": "increment",
+        "aria-label": "Increment",
+        disabled: props.max ? value >= props.max : false,
+        onClick$: input ? core.$(async (event, element) => {
+          const siblingInput = element.previousElementSibling;
+          siblingInput.stepUp();
+          await onIncrement$(event, element, siblingInput);
+        }) : onIncrement$,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Plus.Plus, {
+          size: 20
+        })
+      })
+    ]
+  });
+});
+exports.NumberInput = NumberInput;
+exports.NumberInputRaw = NumberInputRaw;

package/lib/components/elements/NumberInput.qwik.mjs

@@ -0,0 +1,87 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot, useStyles$, $ } from "@qwik.dev/core";
+import { Plus } from "../../svg/Plus.qwik.mjs";
+import { Minus } from "../../svg/Minus.qwik.mjs";
+const NumberInput = component$((props) => {
+  return /* @__PURE__ */ jsxs("div", {
+    class: "flex flex-col",
+    children: [
+      /* @__PURE__ */ jsx("label", {
+        for: props.id,
+        class: "pb-1 text-lum-text select-none",
+        children: /* @__PURE__ */ jsx(Slot, {})
+      }),
+      /* @__PURE__ */ jsx(NumberInputRaw, {
+        ...props,
+        children: void 0
+      })
+    ]
+  });
+});
+const NumberInputRaw = component$(({ input, onDecrement$, onIncrement$, value = 0, step = 1, ...props }) => {
+  useStyles$(`
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+    input[type=number] {
+      -moz-appearance: textfield;
+    }
+  `);
+  return /* @__PURE__ */ jsxs("div", {
+    class: {
+      "flex touch-manipulation gap-1 text-lum-text": true
+    },
+    children: [
+      /* @__PURE__ */ jsx("button", {
+        type: "button",
+        class: {
+          "lum-btn p-2 rounded-r-sm": true
+        },
+        "data-action": "decrement",
+        "aria-label": "Decrement",
+        disabled: props.min ? value <= props.min : false,
+        onClick$: input ? $(async (event, element) => {
+          const siblingInput = element.nextElementSibling;
+          siblingInput.stepDown();
+          await onDecrement$(event, element, siblingInput);
+        }) : onDecrement$,
+        children: /* @__PURE__ */ jsx(Minus, {
+          size: 20
+        })
+      }),
+      input && /* @__PURE__ */ jsx("input", {
+        ...props,
+        type: "number",
+        value,
+        step,
+        class: {
+          "lum-input text-center rounded-sm lum-input-p-1": true,
+          ...props.class
+        }
+      }),
+      /* @__PURE__ */ jsx("button", {
+        type: "button",
+        class: {
+          "lum-btn p-2 rounded-l-sm": true
+        },
+        "data-action": "increment",
+        "aria-label": "Increment",
+        disabled: props.max ? value >= props.max : false,
+        onClick$: input ? $(async (event, element) => {
+          const siblingInput = element.previousElementSibling;
+          siblingInput.stepUp();
+          await onIncrement$(event, element, siblingInput);
+        }) : onIncrement$,
+        children: /* @__PURE__ */ jsx(Plus, {
+          size: 20
+        })
+      })
+    ]
+  });
+});
+export {
+  NumberInput,
+  NumberInputRaw
+};

package/{lib-types → lib}/components/elements/RangeInput.d.ts

@@ -1,4 +1,4 @@
-import type { PropsOf, QRL } from '@builder.io/qwik';
+import type { PropsOf, QRL } from '@qwik.dev/core';
 interface RangeInputRawProps extends Omit<PropsOf<'input'> & {
     type: 'number';
 }, 'class' | 'type'> {
@@ -13,6 +13,6 @@ interface RangeInputRawProps extends Omit<PropsOf<'input'> & {
 interface RangeInputProps extends Omit<RangeInputRawProps, 'children'> {
     id: string;
 }
-export declare const RangeInput: import("@builder.io/qwik").Component<RangeInputProps>;
-export declare const RangeInputRaw: import("@builder.io/qwik").Component<RangeInputRawProps>;
+export declare const RangeInput: import("@qwik.dev/core").Component<RangeInputProps>;
+export declare const RangeInputRaw: import("@qwik.dev/core").Component<RangeInputRawProps>;
 export {};

package/lib/components/elements/RangeInput.qwik.cjs

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const RangeInput = core.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: "flex flex-col",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", {
+        for: props.id,
+        class: "pb-1 text-lum-text select-none",
+        children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(RangeInputRaw, {
+        ...props,
+        children: void 0
+      })
+    ]
+  });
+});
+const RangeInputRaw = core.component$(({ value, min = 0, max = 10, onInput$, ...props }) => {
+  const valueSignal = core.useSignal(value ?? min);
+  const filledPercentage = core.useComputed$(() => (valueSignal.value - min) / (max - min) * 100);
+  const tickCount = max - min - 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: {
+      "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true
+    },
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: "absolute w-full flex justify-evenly",
+        children: tickCount > 0 && [
+          ...Array(tickCount)
+        ].map((_, i) => {
+          return /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: "border-l border-l-lum-border/20 h-1 my-0.5"
+          }, i);
+        })
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
+        style: {
+          width: `${filledPercentage.value}%`
+        }
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        class: "absolute -top-1 flex flex-col gap-4 items-center",
+        style: {
+          left: `calc(${filledPercentage.value}% - 0.5rem)`
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full"
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50",
+            children: valueSignal.value
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("input", {
+        ...props,
+        min,
+        max,
+        type: "range",
+        value: valueSignal.value,
+        class: "absolute top-0 h-2 w-full opacity-0 cursor-pointer",
+        onInput$: async (event, element) => {
+          valueSignal.value = parseFloat(element.value);
+          if (onInput$) await onInput$(event, element);
+        }
+      })
+    ]
+  });
+});
+exports.RangeInput = RangeInput;
+exports.RangeInputRaw = RangeInputRaw;

package/lib/components/elements/RangeInput.qwik.mjs

@@ -0,0 +1,77 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot, useSignal, useComputed$ } from "@qwik.dev/core";
+const RangeInput = component$((props) => {
+  return /* @__PURE__ */ jsxs("div", {
+    class: "flex flex-col",
+    children: [
+      /* @__PURE__ */ jsx("label", {
+        for: props.id,
+        class: "pb-1 text-lum-text select-none",
+        children: /* @__PURE__ */ jsx(Slot, {})
+      }),
+      /* @__PURE__ */ jsx(RangeInputRaw, {
+        ...props,
+        children: void 0
+      })
+    ]
+  });
+});
+const RangeInputRaw = component$(({ value, min = 0, max = 10, onInput$, ...props }) => {
+  const valueSignal = useSignal(value ?? min);
+  const filledPercentage = useComputed$(() => (valueSignal.value - min) / (max - min) * 100);
+  const tickCount = max - min - 1;
+  return /* @__PURE__ */ jsxs("div", {
+    class: {
+      "group relative flex touch-manipulation gap-1 text-lum-text lum-input p-0": true
+    },
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        class: "absolute w-full flex justify-evenly",
+        children: tickCount > 0 && [
+          ...Array(tickCount)
+        ].map((_, i) => {
+          return /* @__PURE__ */ jsx("div", {
+            class: "border-l border-l-lum-border/20 h-1 my-0.5"
+          }, i);
+        })
+      }),
+      /* @__PURE__ */ jsx("div", {
+        class: "h-2 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-lum",
+        style: {
+          width: `${filledPercentage.value}%`
+        }
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        class: "absolute -top-1 flex flex-col gap-4 items-center",
+        style: {
+          left: `calc(${filledPercentage.value}% - 0.5rem)`
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            class: "w-4 h-4 lum-bg-lum-accent group-hover:lum-bg-lum-accent rounded-full"
+          }),
+          /* @__PURE__ */ jsx("div", {
+            class: "absolute top-6 lum-bg-lum-card-bg lum-btn-p-2 text-center rounded-lum opacity-0 group-hover:opacity-100 transition-all z-50",
+            children: valueSignal.value
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx("input", {
+        ...props,
+        min,
+        max,
+        type: "range",
+        value: valueSignal.value,
+        class: "absolute top-0 h-2 w-full opacity-0 cursor-pointer",
+        onInput$: async (event, element) => {
+          valueSignal.value = parseFloat(element.value);
+          if (onInput$) await onInput$(event, element);
+        }
+      })
+    ]
+  });
+});
+export {
+  RangeInput,
+  RangeInputRaw
+};

package/{lib-types → lib}/components/elements/SelectMenu.d.ts

@@ -1,4 +1,4 @@
-import type { JSXChildren, PropsOf } from '@builder.io/qwik';
+import type { JSXChildren, PropsOf } from '@qwik.dev/core';
 interface SelectMenuProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
     class?: {
         [key: string]: boolean;
@@ -15,6 +15,6 @@ interface SelectMenuProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
         value: string | number;
     }[];
 }
-export declare const SelectMenu: import("@builder.io/qwik").Component<SelectMenuProps>;
-export declare const SelectMenuRaw: import("@builder.io/qwik").Component<SelectMenuProps>;
+export declare const SelectMenu: import("@qwik.dev/core").Component<SelectMenuProps>;
+export declare const SelectMenuRaw: import("@qwik.dev/core").Component<SelectMenuProps>;
 export {};