@eslamdevui/ui 4.1.1-rc.1 → 4.3.0

package/dist/runtime/composables/useEditorMenu.js

@@ -0,0 +1,448 @@
+import { ref, h, computed, unref } from "vue";
+import { defu } from "defu";
+import { useFilter } from "reka-ui";
+import { computePosition } from "@floating-ui/dom";
+import { VueRenderer } from "@tiptap/vue-3";
+import Suggestion from "@tiptap/suggestion";
+import { PluginKey } from "@tiptap/pm/state";
+import { buildFloatingUIMiddleware } from "../utils/editor.js";
+import { get, isArrayOfArray } from "../utils/index.js";
+export function useEditorMenu(options) {
+  const filteredItems = ref([]);
+  const selectedIndex = ref(0);
+  const menuState = ref("closed");
+  let renderer = null;
+  let element = null;
+  let handleMouseDown = null;
+  let commandFn = null;
+  let keyDownHandler = null;
+  let globalKeyHandler = null;
+  let blurHandler = null;
+  let triggerClientRect = null;
+  let handleHover = null;
+  let scrollHandler = null;
+  const { contains } = useFilter({ sensitivity: "base" });
+  const cleanupMenu = () => {
+    if (menuState.value === "closed") return;
+    menuState.value = "closed";
+    if (globalKeyHandler) {
+      document.removeEventListener("keydown", globalKeyHandler, true);
+      globalKeyHandler = null;
+    }
+    if (blurHandler) {
+      options.editor.view.dom.removeEventListener("blur", blurHandler);
+      blurHandler = null;
+    }
+    if (scrollHandler) {
+      window.removeEventListener("scroll", scrollHandler, true);
+      scrollHandler = null;
+    }
+    if (element && handleMouseDown) {
+      element.removeEventListener("mousedown", handleMouseDown);
+      handleMouseDown = null;
+    }
+    if (renderer) {
+      renderer.destroy();
+      renderer = null;
+    }
+    if (element) {
+      element.remove();
+      element = null;
+    }
+  };
+  const filterFields = options.filterFields ?? ["label"];
+  const defaultFilter = (items2, query) => {
+    if (!query) return items2;
+    return items2.filter((item) => {
+      return filterFields.some((field) => {
+        const value = get(item, field);
+        if (value === void 0 || value === null) return false;
+        const stringValue = Array.isArray(value) ? value.join(" ") : String(value);
+        return contains(stringValue, query) || contains(stringValue.replace(/[\s_-]/g, ""), query);
+      });
+    });
+  };
+  const filter = options.filter || defaultFilter;
+  const limit = options.limit ?? 42;
+  const groups = computed(() => {
+    const items2 = unref(options.items);
+    return items2?.length ? isArrayOfArray(items2) ? items2 : [items2] : [];
+  });
+  const items = computed(() => groups.value.flatMap((group) => group));
+  const filteredGroups = computed(() => {
+    if (!filteredItems.value.length) return [];
+    return groups.value.map((group) => group.filter((item) => filteredItems.value.includes(item))).filter((group) => group.length > 0);
+  });
+  const selectableItems = computed(() => {
+    return filteredItems.value.filter((item) => {
+      return item.type !== "label" && item.type !== "separator";
+    });
+  });
+  const floatingUIOptions = defu(options.options, {
+    strategy: "absolute",
+    placement: "bottom-start",
+    offset: 8,
+    flip: {},
+    shift: { padding: 8 },
+    size: false,
+    autoPlacement: false,
+    hide: false,
+    inline: false
+  });
+  const middleware = buildFloatingUIMiddleware(floatingUIOptions);
+  const updatePosition = (element2) => {
+    if (!triggerClientRect) return;
+    const rect = triggerClientRect();
+    if (!rect) return;
+    const virtualElement = {
+      getBoundingClientRect: () => rect
+    };
+    computePosition(virtualElement, element2, {
+      placement: floatingUIOptions.placement,
+      strategy: floatingUIOptions.strategy,
+      middleware
+    }).then(({ x, y, strategy }) => {
+      element2.style.width = "max-content";
+      element2.style.position = strategy;
+      element2.style.top = "0";
+      element2.style.left = "0";
+      element2.style.transform = `translate(${Math.round(x)}px, ${Math.round(y)}px)`;
+    });
+  };
+  const MenuComponent = {
+    props: {
+      groups: { type: Array, required: true },
+      selectedIndex: { type: Number, required: true },
+      onSelect: { type: Function, required: true },
+      onHover: { type: Function, required: true },
+      state: { type: String, required: true }
+    },
+    setup(menuProps) {
+      function handleClick(e, item, selectableIndex) {
+        e.preventDefault();
+        menuProps.onSelect(item, selectableIndex);
+      }
+      function handleMouseEnter(selectableIndex) {
+        menuProps.onHover(selectableIndex);
+      }
+      return () => {
+        const groupsData = menuProps.groups;
+        const selectableIndexMap = /* @__PURE__ */ new Map();
+        let selectableCounter = 0;
+        for (const group of groupsData) {
+          for (const item of group) {
+            const itemData = item;
+            if (itemData.type !== "label" && itemData.type !== "separator") {
+              selectableIndexMap.set(item, selectableCounter++);
+            }
+          }
+        }
+        return h("div", {
+          "class": options.ui.value.content(),
+          "role": "listbox",
+          "data-state": menuProps.state
+        }, [
+          h("div", {
+            class: options.ui.value.viewport(),
+            role: "presentation"
+          }, groupsData.map(
+            (group, groupIndex) => h("div", {
+              key: `group-${groupIndex}`,
+              class: options.ui.value.group(),
+              role: "group"
+            }, group.map((item, itemInGroupIndex) => {
+              const itemData = item;
+              if (itemData.type === "label") {
+                return h("div", {
+                  key: `label-${groupIndex}-${itemInGroupIndex}`,
+                  class: options.ui.value.label({ class: itemData.class })
+                }, options.renderItem(item, options.ui));
+              }
+              if (itemData.type === "separator") {
+                return h("div", {
+                  key: `separator-${groupIndex}-${itemInGroupIndex}`,
+                  class: options.ui.value.separator({ class: itemData.class }),
+                  role: "separator"
+                });
+              }
+              const selectableIndex = selectableIndexMap.get(item);
+              const isHighlighted = selectableIndex === menuProps.selectedIndex;
+              return h("div", {
+                "key": `item-${selectableIndex}`,
+                "class": options.ui.value.item({ class: itemData.class, active: false }),
+                "role": "option",
+                "aria-selected": isHighlighted,
+                "data-highlighted": isHighlighted ? "" : void 0,
+                "data-disabled": itemData.disabled ? "" : void 0,
+                "onMousedown": (e) => handleClick(e, item, selectableIndex),
+                "onMouseenter": () => handleMouseEnter(selectableIndex),
+                "ref": (el) => {
+                  if (el && isHighlighted) {
+                    el.scrollIntoView({ block: "nearest", inline: "nearest" });
+                  }
+                }
+              }, options.renderItem(item, options.ui));
+            }))
+          ))
+        ]);
+      };
+    }
+  };
+  const pluginKeyInstance = typeof options.pluginKey === "string" ? new PluginKey(options.pluginKey) : options.pluginKey;
+  const plugin = Suggestion({
+    pluginKey: pluginKeyInstance,
+    editor: options.editor,
+    char: options.char,
+    items: ({ query }) => {
+      const filtered = filter(items.value, query);
+      return filtered.slice(0, limit);
+    },
+    command: ({ editor, range, props }) => {
+      options.onSelect(editor, range, props);
+    },
+    render: () => {
+      keyDownHandler = (props) => {
+        const { event } = props;
+        if (!renderer || !selectableItems.value.length) {
+          return false;
+        }
+        if (event.key === "Escape") {
+          cleanupMenu();
+          return true;
+        }
+        if (event.key === "ArrowUp") {
+          selectedIndex.value = (selectedIndex.value + selectableItems.value.length - 1) % selectableItems.value.length;
+          renderer?.updateProps({
+            groups: filteredGroups.value,
+            selectedIndex: selectedIndex.value,
+            onSelect: commandFn,
+            onHover: handleHover,
+            state: menuState.value
+          });
+          return true;
+        }
+        if (event.key === "ArrowDown") {
+          selectedIndex.value = (selectedIndex.value + 1) % selectableItems.value.length;
+          renderer?.updateProps({
+            groups: filteredGroups.value,
+            selectedIndex: selectedIndex.value,
+            onSelect: commandFn,
+            onHover: handleHover,
+            state: menuState.value
+          });
+          return true;
+        }
+        if (event.key === "Enter" || event.key === "Tab") {
+          const selectedItem = selectableItems.value[selectedIndex.value];
+          if (selectedItem && commandFn) {
+            commandFn(selectedItem);
+          }
+          return true;
+        }
+        return false;
+      };
+      const handlers = {
+        onStart: (suggestionProps) => {
+          filteredItems.value = suggestionProps.items;
+          selectedIndex.value = 0;
+          commandFn = (item) => suggestionProps.command(item);
+          triggerClientRect = suggestionProps.clientRect;
+          if (!filteredItems.value.length) {
+            return;
+          }
+          menuState.value = "open";
+          globalKeyHandler = (e) => {
+            if (keyDownHandler) {
+              const handled = keyDownHandler({ event: e });
+              if (handled) {
+                e.preventDefault();
+                e.stopPropagation();
+              }
+            }
+          };
+          document.addEventListener("keydown", globalKeyHandler, true);
+          blurHandler = () => {
+            setTimeout(() => {
+              if (menuState.value === "open") {
+                const tr = suggestionProps.editor.view.state.tr.setMeta(pluginKeyInstance, { exit: true });
+                suggestionProps.editor.view.dispatch(tr);
+              }
+            }, 0);
+          };
+          suggestionProps.editor.view.dom.addEventListener("blur", blurHandler);
+          scrollHandler = () => {
+            if (element) {
+              updatePosition(element);
+            }
+          };
+          window.addEventListener("scroll", scrollHandler, true);
+          handleHover = (index) => {
+            selectedIndex.value = index;
+            if (renderer) {
+              renderer.updateProps({
+                groups: filteredGroups.value,
+                selectedIndex: index,
+                onSelect: commandFn,
+                onHover: handleHover,
+                state: menuState.value
+              });
+            }
+          };
+          renderer = new VueRenderer(MenuComponent, {
+            props: {
+              groups: filteredGroups.value,
+              selectedIndex: selectedIndex.value,
+              onSelect: commandFn,
+              onHover: handleHover,
+              state: menuState.value
+            },
+            editor: suggestionProps.editor
+          });
+          element = document.createElement("div");
+          element.style.position = floatingUIOptions.strategy;
+          element.style.zIndex = "50";
+          handleMouseDown = (e) => {
+            e.preventDefault();
+          };
+          element.addEventListener("mousedown", handleMouseDown);
+          const appendToElement = typeof options.appendTo === "function" ? options.appendTo() : options.appendTo;
+          (appendToElement ?? suggestionProps.editor.view.dom.parentElement)?.appendChild(element);
+          if (renderer.element) {
+            element.appendChild(renderer.element);
+          }
+          updatePosition(element);
+        },
+        onUpdate: (suggestionProps) => {
+          filteredItems.value = suggestionProps.items;
+          commandFn = (item) => suggestionProps.command(item);
+          if (selectedIndex.value >= selectableItems.value.length) {
+            selectedIndex.value = Math.max(0, selectableItems.value.length - 1);
+          }
+          if (!filteredItems.value.length) {
+            cleanupMenu();
+            return;
+          }
+          if (!renderer) {
+            menuState.value = "open";
+            if (!globalKeyHandler) {
+              globalKeyHandler = (e) => {
+                if (keyDownHandler) {
+                  const handled = keyDownHandler({ event: e });
+                  if (handled) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                  }
+                }
+              };
+              document.addEventListener("keydown", globalKeyHandler, true);
+            }
+            if (!blurHandler) {
+              blurHandler = () => {
+                setTimeout(() => {
+                  if (menuState.value === "open") {
+                    const tr = suggestionProps.editor.view.state.tr.setMeta(pluginKeyInstance, { exit: true });
+                    suggestionProps.editor.view.dispatch(tr);
+                  }
+                }, 0);
+              };
+              suggestionProps.editor.view.dom.addEventListener("blur", blurHandler);
+            }
+            if (!scrollHandler) {
+              scrollHandler = () => {
+                if (element) {
+                  updatePosition(element);
+                }
+              };
+              window.addEventListener("scroll", scrollHandler, true);
+            }
+            handleHover = (index) => {
+              selectedIndex.value = index;
+              if (renderer) {
+                renderer.updateProps({
+                  groups: filteredGroups.value,
+                  selectedIndex: index,
+                  onSelect: commandFn,
+                  onHover: handleHover,
+                  state: menuState.value
+                });
+              }
+            };
+            renderer = new VueRenderer(MenuComponent, {
+              props: {
+                groups: filteredGroups.value,
+                selectedIndex: selectedIndex.value,
+                onSelect: commandFn,
+                onHover: handleHover,
+                state: menuState.value
+              },
+              editor: suggestionProps.editor
+            });
+            element = document.createElement("div");
+            element.style.position = floatingUIOptions.strategy;
+            element.style.zIndex = "50";
+            handleMouseDown = (e) => {
+              e.preventDefault();
+            };
+            element.addEventListener("mousedown", handleMouseDown);
+            const appendToElement = typeof options.appendTo === "function" ? options.appendTo() : options.appendTo;
+            (appendToElement ?? suggestionProps.editor.view.dom.parentElement)?.appendChild(element);
+            if (renderer.element) {
+              element.appendChild(renderer.element);
+            }
+          } else {
+            renderer.updateProps({
+              groups: filteredGroups.value,
+              selectedIndex: selectedIndex.value,
+              onSelect: commandFn,
+              onHover: (index) => {
+                selectedIndex.value = index;
+              },
+              state: menuState.value
+            });
+          }
+          if (element) {
+            updatePosition(element);
+          }
+        },
+        onKeyDown: keyDownHandler,
+        onExit: () => {
+          cleanupMenu();
+          triggerClientRect = null;
+        }
+      };
+      return handlers;
+    }
+  });
+  const destroy = () => {
+    menuState.value = "closed";
+    if (globalKeyHandler) {
+      document.removeEventListener("keydown", globalKeyHandler, true);
+      globalKeyHandler = null;
+    }
+    if (blurHandler) {
+      options.editor.view.dom.removeEventListener("blur", blurHandler);
+      blurHandler = null;
+    }
+    if (scrollHandler) {
+      window.removeEventListener("scroll", scrollHandler, true);
+      scrollHandler = null;
+    }
+    if (element && handleMouseDown) {
+      element.removeEventListener("mousedown", handleMouseDown);
+      handleMouseDown = null;
+    }
+    if (renderer) {
+      renderer.destroy();
+      renderer = null;
+    }
+    if (element) {
+      element.remove();
+      element = null;
+    }
+  };
+  return {
+    plugin,
+    destroy,
+    filteredItems
+  };
+}

package/dist/runtime/composables/useFieldGroup.d.ts

@@ -10,6 +10,6 @@ type Props<T> = {
 };
 export declare function useFieldGroup<T>(props: Props<T>): {
     orientation: ComputedRef<"horizontal" | "vertical" | undefined>;
-    size: ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
+    size: ComputedRef<"md" | "xs" | "sm" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
 };
 export {};

package/dist/runtime/composables/useFileUpload.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeRef } from '@vueuse/core';
+import type { ComponentPublicInstance, MaybeRef } from 'vue';
 export interface UseFileUploadOptions {
     /**
      * Specifies the allowed file types. Provide a comma-separated list of MIME types or file extensions.
@@ -14,6 +14,6 @@ export interface UseFileUploadOptions {
 export declare function useFileUpload(options: UseFileUploadOptions): {
     isDragging: import("vue").Ref<boolean, boolean>;
     open: () => void;
-    inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    inputRef: import("vue").Ref<ComponentPublicInstance | undefined, ComponentPublicInstance | undefined>;
     dropzoneRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
 };

package/dist/runtime/composables/useFileUpload.js

@@ -26,7 +26,7 @@ export function useFileUpload(options) {
   const inputRef = ref();
   const dropzoneRef = ref();
   const dataTypes = computed(() => parseAcceptToDataTypes(unref(accept)));
-  const onDrop = (files) => {
+  const onDrop = (files, fromDropZone = false) => {
     if (!files || files.length === 0) {
       return;
     }
@@ -36,6 +36,15 @@ export function useFileUpload(options) {
     if (files.length > 1 && !multiple) {
       files = [files[0]];
     }
+    if (fromDropZone && inputRef.value?.$el) {
+      try {
+        const dt = new DataTransfer();
+        files.forEach((file) => dt.items.add(file));
+        inputRef.value.$el.files = dt.files;
+      } catch (e) {
+        console.warn("Could not sync files to input element:", e);
+      }
+    }
     onUpdate(files);
   };
   const isDragging = ref(false);
@@ -47,18 +56,18 @@ export function useFileUpload(options) {
     fileDialog.open();
   }
   onMounted(() => {
-    const { isOverDropZone } = dropzone ? useDropZone(dropzoneRef, { dataTypes: dataTypes.value, onDrop }) : { isOverDropZone: ref(false) };
+    const { isOverDropZone } = dropzone ? useDropZone(dropzoneRef, { dataTypes: dataTypes.value, onDrop: (files) => onDrop(files, true) }) : { isOverDropZone: ref(false) };
     watch(isOverDropZone, (value) => {
       isDragging.value = value;
     });
     const { onChange, open: open2 } = useFileDialog({
       accept: unref(accept),
       multiple,
-      input: unref(inputRef),
+      input: unref(inputRef)?.$el,
       reset
     });
     fileDialog.open = open2;
-    onChange((fileList) => onDrop(fileList));
+    onChange((fileList) => onDrop(fileList, false));
   });
   return {
     isDragging,

package/dist/runtime/composables/useFormField.d.ts

@@ -28,7 +28,7 @@ export declare function useFormField<T>(props?: Props<T>, opts?: {
 }): {
     id: ComputedRef<string | undefined>;
     name: ComputedRef<string | undefined>;
-    size: ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
+    size: ComputedRef<"md" | "xs" | "sm" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
     color: ComputedRef<"error" | GetObjectField<T, "color"> | undefined>;
     highlight: ComputedRef<boolean | undefined>;
     disabled: ComputedRef<boolean | undefined>;

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "#build/ui.css";@import "./keyframes.css";@source "./components";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{body{@apply antialiased text-default bg-default scheme-light dark:scheme-dark}:root{--ui-header-height:--spacing(16)}.light,:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:var(--color-white);--ui-bg:var(--color-white);--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900);--ui-radius:0.25rem;--ui-container:var(--container-7xl)}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:var(--color-white);--ui-text-inverted:var(--ui-color-neutral-900);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:var(--color-white);--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:var(--color-white)}}
+@import "#build/ui.css";@import "./keyframes.css";@source "./components";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer theme{:host,:root{--ui-header-height:--spacing(16)}.light,:host,:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:#fff;--ui-bg:#fff;--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900);--ui-radius:0.25rem;--ui-container:80rem}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:#fff;--ui-text-inverted:var(--ui-color-neutral-900);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:#fff;--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:#fff}}

package/dist/runtime/keyframes.css

@@ -1 +1 @@
-@keyframes accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes toast-collapsed-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))}}@keyframes toast-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))}}@keyframes toast-slide-left{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(-100%) translateY(var(--translate))}}@keyframes toast-slide-right{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(100%) translateY(var(--translate))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-to-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-from-top-and-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-top-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes slide-in-from-right-and-fade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-right-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes slide-in-from-bottom-and-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes slide-in-from-left-and-fade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-left-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes exit-to-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(200px)}}@keyframes exit-to-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200px)}}@keyframes carousel{0%,to{width:50%}0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes carousel-rtl{0%,to{width:50%}0%{transform:translateX(100%)}to{transform:translateX(-200%)}}@keyframes carousel-vertical{0%,to{height:50%}0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes carousel-inverse{0%,to{width:50%}0%{transform:translateX(200%)}to{transform:translateX(-100%)}}@keyframes carousel-inverse-rtl{0%,to{width:50%}0%{transform:translateX(-200%)}to{transform:translateX(100%)}}@keyframes carousel-inverse-vertical{0%,to{height:50%}0%{transform:translateY(200%)}to{transform:translateY(-100%)}}@keyframes swing{0%,to{width:50%}0%,to{transform:translateX(-25%)}50%{transform:translateX(125%)}}@keyframes swing-vertical{0%,to{height:50%}0%,to{transform:translateY(-25%)}50%{transform:translateY(125%)}}@keyframes elastic{0%,to{margin-left:25%;width:50%}50%{margin-left:5%;width:90%}}@keyframes elastic-vertical{0%,to{height:50%;margin-top:25%}50%{height:90%;margin-top:5%}}
+@keyframes accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes toast-collapsed-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))}}@keyframes toast-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))}}@keyframes toast-slide-left{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(-100%) translateY(var(--translate))}}@keyframes toast-slide-right{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(100%) translateY(var(--translate))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-to-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-from-top-and-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-top-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes slide-in-from-right-and-fade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-right-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes slide-in-from-bottom-and-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes slide-in-from-left-and-fade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-left-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes exit-to-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(200px)}}@keyframes exit-to-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200px)}}@keyframes carousel{0%,to{width:50%}0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes carousel-rtl{0%,to{width:50%}0%{transform:translateX(100%)}to{transform:translateX(-200%)}}@keyframes carousel-vertical{0%,to{height:50%}0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes carousel-inverse{0%,to{width:50%}0%{transform:translateX(200%)}to{transform:translateX(-100%)}}@keyframes carousel-inverse-rtl{0%,to{width:50%}0%{transform:translateX(-200%)}to{transform:translateX(100%)}}@keyframes carousel-inverse-vertical{0%,to{height:50%}0%{transform:translateY(200%)}to{transform:translateY(-100%)}}@keyframes swing{0%,to{width:50%}0%,to{transform:translateX(-25%)}50%{transform:translateX(125%)}}@keyframes swing-vertical{0%,to{height:50%}0%,to{transform:translateY(-25%)}50%{transform:translateY(125%)}}@keyframes elastic{0%,to{margin-left:25%;width:50%}50%{margin-left:5%;width:90%}}@keyframes elastic-vertical{0%,to{height:50%;margin-top:25%}50%{height:90%;margin-top:5%}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-100% - var(--gap)),0,0)}}@keyframes marquee-rtl{0%{transform:translateZ(0)}to{transform:translate3d(calc(100% + var(--gap)),0,0)}}@keyframes marquee-vertical{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-100% - var(--gap)),0)}}@keyframes marquee-vertical-rtl{0%{transform:translate3d(0,calc(-100% - var(--gap)),0)}to{transform:translate3d(0,calc(-100%*var(--gap)),0)}}

package/dist/runtime/locale/en_gb.d.ts

@@ -0,0 +1,3 @@
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
+export default _default;

package/dist/runtime/locale/en_gb.js

@@ -0,0 +1,7 @@
+import { defineLocale } from "../composables/defineLocale.js";
+import en from "./en.js";
+export default defineLocale({
+  name: "English (United Kingdom)",
+  code: "en-GB",
+  messages: en.messages
+});

package/dist/runtime/locale/eu.d.ts

@@ -0,0 +1,3 @@
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
+export default _default;