@pzerelles/headlessui-svelte 2.1.2-next.34 → 2.1.2-next.36

package/dist/button/Button.svelte

@@ -11,16 +11,14 @@
     autofocus: boolean
   }
 
-  export type ButtonProps = Props<
-    typeof DEFAULT_BUTTON_TAG,
-    ButtonRenderPropArg,
-    {
-      element?: HTMLElement
-      disabled?: boolean
-      autofocus?: boolean
-      type?: "button" | "submit" | "reset"
-    }
-  >
+  export type ButtonOwnProps = {
+    element?: HTMLElement
+    disabled?: boolean
+    autofocus?: boolean
+    type?: "button" | "submit" | "reset"
+  }
+
+  export type ButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, ButtonOwnProps>
 </script>
 
 <script lang="ts">

package/dist/button/Button.svelte.d.ts

@@ -7,11 +7,12 @@ export type ButtonRenderPropArg = {
     active: boolean;
     autofocus: boolean;
 };
-export type ButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, {
+export type ButtonOwnProps = {
     element?: HTMLElement;
     disabled?: boolean;
     autofocus?: boolean;
     type?: "button" | "submit" | "reset";
-}>;
+};
+export type ButtonProps = Props<typeof DEFAULT_BUTTON_TAG, ButtonRenderPropArg, ButtonOwnProps>;
 declare const Button: import("svelte").Component<ButtonProps, {}, "element">;
 export default Button;

package/dist/button/index.d.ts

@@ -1 +1 @@
-export { default as Button, type ButtonProps, type ButtonRenderPropArg as ButtonSlot } from "./Button.svelte";
+export { default as Button, type ButtonProps, type ButtonRenderPropArg as ButtonSlot, type ButtonOwnProps, } from "./Button.svelte";

package/dist/button/index.js

@@ -1 +1 @@
-export { default as Button } from "./Button.svelte";
+export { default as Button, } from "./Button.svelte";

package/dist/checkbox/Checkbox.svelte

@@ -22,22 +22,24 @@
     | "role"
     | "tabIndex"
 
+  export type CheckboxOwnProps<TType = string> = {
+    element?: HTMLElement
+    id?: string
+    value?: TType
+    disabled?: boolean
+    indeterminate?: boolean
+    checked?: boolean
+    defaultChecked?: boolean
+    autofocus?: boolean
+    form?: string
+    name?: string
+    onchange?: (checked: boolean) => void
+  }
+
   export type CheckboxProps<TType = string> = Props<
     typeof DEFAULT_CHECKBOX_TAG,
     CheckboxRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      value?: TType
-      disabled?: boolean
-      indeterminate?: boolean
-      checked?: boolean
-      defaultChecked?: boolean
-      autofocus?: boolean
-      form?: string
-      name?: string
-      onchange?: (checked: boolean) => void
-    }
+    CheckboxOwnProps<TType>
   >
 </script>
 

package/dist/checkbox/Checkbox.svelte.d.ts

@@ -10,7 +10,7 @@ export type CheckboxRenderPropArg = {
     disabled: boolean;
     indeterminate: boolean;
 };
-export type CheckboxProps<TType = string> = Props<typeof DEFAULT_CHECKBOX_TAG, CheckboxRenderPropArg, {
+export type CheckboxOwnProps<TType = string> = {
     element?: HTMLElement;
     id?: string;
     value?: TType;
@@ -22,7 +22,8 @@ export type CheckboxProps<TType = string> = Props<typeof DEFAULT_CHECKBOX_TAG, C
     form?: string;
     name?: string;
     onchange?: (checked: boolean) => void;
-}>;
+};
+export type CheckboxProps<TType = string> = Props<typeof DEFAULT_CHECKBOX_TAG, CheckboxRenderPropArg, CheckboxOwnProps<TType>>;
 declare class __sveltets_Render<TType> {
     props(): CheckboxProps<TType>;
     events(): {};

package/dist/checkbox/index.d.ts

@@ -1 +1 @@
-export { default as Checkbox, type CheckboxProps, type CheckboxRenderPropArg as CheckboxSlot } from "./Checkbox.svelte";
+export { default as Checkbox, type CheckboxProps, type CheckboxRenderPropArg as CheckboxSlot, type CheckboxOwnProps, } from "./Checkbox.svelte";

package/dist/checkbox/index.js

@@ -1 +1 @@
-export { default as Checkbox } from "./Checkbox.svelte";
+export { default as Checkbox, } from "./Checkbox.svelte";

package/dist/close-button/index.d.ts

@@ -1,2 +1,2 @@
 export { default as CloseButton, type CloseButtonProps } from "./CloseButton.svelte";
-export { type ButtonSlot as CloseButtonSlot } from "../button/index.js";
+export { type ButtonSlot as CloseButtonSlot, type ButtonOwnProps as CloseButtonOwnProps } from "../button/index.js";

package/dist/description/Description.svelte

@@ -3,14 +3,12 @@
 
   const DEFAULT_DESCRIPTION_TAG = "p" as const
 
-  export type DescriptionProps = Props<
-    typeof DEFAULT_DESCRIPTION_TAG,
-    {},
-    {
-      id?: string
-      element?: HTMLElement
-    }
-  >
+  export type DescriptionOwnProps = {
+    id?: string
+    element?: HTMLElement
+  }
+
+  export type DescriptionProps = Props<typeof DEFAULT_DESCRIPTION_TAG, {}, DescriptionOwnProps>
 </script>
 
 <script lang="ts">

package/dist/description/Description.svelte.d.ts

@@ -1,8 +1,9 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_DESCRIPTION_TAG: "p";
-export type DescriptionProps = Props<typeof DEFAULT_DESCRIPTION_TAG, {}, {
+export type DescriptionOwnProps = {
     id?: string;
     element?: HTMLElement;
-}>;
+};
+export type DescriptionProps = Props<typeof DEFAULT_DESCRIPTION_TAG, {}, DescriptionOwnProps>;
 declare const Description: import("svelte").Component<DescriptionProps, {}, "element">;
 export default Description;

package/dist/description/index.d.ts

@@ -1 +1 @@
-export { default as Description, type DescriptionProps } from "./Description.svelte";
+export { default as Description, type DescriptionProps, type DescriptionOwnProps } from "./Description.svelte";

package/dist/dialog/Dialog.svelte

@@ -1,7 +1,6 @@
 <script lang="ts" module>
   import type { Props } from "../utils/types.js"
   import { RenderFeatures, type PropsForFeatures } from "../utils/render.js"
-  import type { SvelteHTMLElements } from "svelte/elements"
 
   export const DEFAULT_DIALOG_TAG = "div" as const
 
@@ -12,21 +11,19 @@
 
   export const DialogRenderFeatures = RenderFeatures.RenderStrategy | RenderFeatures.Static
 
-  export type DialogProps = Props<
-    typeof DEFAULT_DIALOG_TAG,
-    DialogRenderPropArg,
-    PropsForFeatures<typeof DialogRenderFeatures> & {
-      element?: HTMLElement
-      id?: string
-      open?: boolean
-      onclose(value: boolean): void
-      initialFocus?: HTMLElement
-      role?: "dialog" | "alertdialog"
-      autofocus?: boolean
-      transition?: boolean
-      __demoMode?: boolean
-    }
-  >
+  export type DialogOwnProps = PropsForFeatures<typeof DialogRenderFeatures> & {
+    element?: HTMLElement
+    id?: string
+    open?: boolean
+    onclose(value: boolean): void
+    initialFocus?: HTMLElement
+    role?: "dialog" | "alertdialog"
+    autofocus?: boolean
+    transition?: boolean
+    __demoMode?: boolean
+  }
+
+  export type DialogProps = Props<typeof DEFAULT_DIALOG_TAG, DialogRenderPropArg, DialogOwnProps>
 </script>
 
 <script lang="ts">

package/dist/dialog/Dialog.svelte.d.ts

@@ -5,7 +5,7 @@ export type DialogRenderPropArg = {
     open: boolean;
 };
 export declare const DialogRenderFeatures: number;
-export type DialogProps = Props<typeof DEFAULT_DIALOG_TAG, DialogRenderPropArg, PropsForFeatures<typeof DialogRenderFeatures> & {
+export type DialogOwnProps = PropsForFeatures<typeof DialogRenderFeatures> & {
     element?: HTMLElement;
     id?: string;
     open?: boolean;
@@ -15,6 +15,7 @@ export type DialogProps = Props<typeof DEFAULT_DIALOG_TAG, DialogRenderPropArg,
     autofocus?: boolean;
     transition?: boolean;
     __demoMode?: boolean;
-}>;
+};
+export type DialogProps = Props<typeof DEFAULT_DIALOG_TAG, DialogRenderPropArg, DialogOwnProps>;
 declare const Dialog: import("svelte").Component<DialogProps, {}, "element">;
 export default Dialog;

package/dist/dialog/DialogBackdrop.svelte

@@ -6,11 +6,9 @@
     open: boolean
   }
 
-  export type DialogBackdropProps = Props<
-    typeof DEFAULT_BACKDROP_TAG,
-    BackdropRenderPropArg,
-    { transition?: boolean; element?: HTMLElement }
-  >
+  export type DialogBackdropOwnProps = { transition?: boolean; element?: HTMLElement }
+
+  export type DialogBackdropProps = Props<typeof DEFAULT_BACKDROP_TAG, BackdropRenderPropArg, DialogBackdropOwnProps>
 </script>
 
 <script lang="ts">

package/dist/dialog/DialogBackdrop.svelte.d.ts

@@ -3,9 +3,10 @@ declare let DEFAULT_BACKDROP_TAG: "div";
 export type BackdropRenderPropArg = {
     open: boolean;
 };
-export type DialogBackdropProps = Props<typeof DEFAULT_BACKDROP_TAG, BackdropRenderPropArg, {
+export type DialogBackdropOwnProps = {
     transition?: boolean;
     element?: HTMLElement;
-}>;
+};
+export type DialogBackdropProps = Props<typeof DEFAULT_BACKDROP_TAG, BackdropRenderPropArg, DialogBackdropOwnProps>;
 declare const DialogBackdrop: import("svelte").Component<DialogBackdropProps, {}, "element">;
 export default DialogBackdrop;

package/dist/dialog/DialogPanel.svelte

@@ -6,15 +6,13 @@
     open: boolean
   }
 
-  export type DialogPanelProps = Props<
-    typeof DEFAULT_PANEL_TAG,
-    PanelRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      transition?: boolean
-    }
-  >
+  export type DialogPanelOwnProps = {
+    element?: HTMLElement
+    id?: string
+    transition?: boolean
+  }
+
+  export type DialogPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, DialogPanelOwnProps>
 </script>
 
 <script lang="ts">

package/dist/dialog/DialogPanel.svelte.d.ts

@@ -3,10 +3,11 @@ declare let DEFAULT_PANEL_TAG: "div";
 export type PanelRenderPropArg = {
     open: boolean;
 };
-export type DialogPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, {
+export type DialogPanelOwnProps = {
     element?: HTMLElement;
     id?: string;
     transition?: boolean;
-}>;
+};
+export type DialogPanelProps = Props<typeof DEFAULT_PANEL_TAG, PanelRenderPropArg, DialogPanelOwnProps>;
 declare const DialogPanel: import("svelte").Component<DialogPanelProps, {}, "element">;
 export default DialogPanel;

package/dist/dialog/DialogTitle.svelte

@@ -6,11 +6,9 @@
     open: boolean
   }
 
-  export type DialogTitleProps = Props<
-    typeof DEFAULT_TITLE_TAG,
-    TitleRenderPropArg,
-    { id?: string; element?: HTMLElement }
-  >
+  export type DialogTitleOwnProps = { id?: string; element?: HTMLElement }
+
+  export type DialogTitleProps = Props<typeof DEFAULT_TITLE_TAG, TitleRenderPropArg, DialogTitleOwnProps>
 
   //
 </script>

package/dist/dialog/DialogTitle.svelte.d.ts

@@ -3,9 +3,10 @@ declare let DEFAULT_TITLE_TAG: "h2";
 export type TitleRenderPropArg = {
     open: boolean;
 };
-export type DialogTitleProps = Props<typeof DEFAULT_TITLE_TAG, TitleRenderPropArg, {
+export type DialogTitleOwnProps = {
     id?: string;
     element?: HTMLElement;
-}>;
+};
+export type DialogTitleProps = Props<typeof DEFAULT_TITLE_TAG, TitleRenderPropArg, DialogTitleOwnProps>;
 declare const DialogTitle: import("svelte").Component<DialogTitleProps, {}, "element">;
 export default DialogTitle;

package/dist/dialog/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Dialog, type DialogProps, type DialogRenderPropArg as DialogSlot } from "./Dialog.svelte";
-export { default as DialogBackdrop, type DialogBackdropProps, type BackdropRenderPropArg as DialogBackdropSlot, } from "./DialogBackdrop.svelte";
-export { default as DialogPanel, type DialogPanelProps, type PanelRenderPropArg as DialogPanelSlot, } from "./DialogPanel.svelte";
-export { default as DialogTitle, type DialogTitleProps, type TitleRenderPropArg as DialogTitleSlot, } from "./DialogTitle.svelte";
+export { default as Dialog, type DialogProps, type DialogRenderPropArg as DialogSlot, type DialogOwnProps, } from "./Dialog.svelte";
+export { default as DialogBackdrop, type DialogBackdropProps, type BackdropRenderPropArg as DialogBackdropSlot, type DialogBackdropOwnProps, } from "./DialogBackdrop.svelte";
+export { default as DialogPanel, type DialogPanelProps, type PanelRenderPropArg as DialogPanelSlot, type DialogPanelOwnProps, } from "./DialogPanel.svelte";
+export { default as DialogTitle, type DialogTitleProps, type TitleRenderPropArg as DialogTitleSlot, type DialogTitleOwnProps, } from "./DialogTitle.svelte";

package/dist/dialog/index.js

@@ -1,4 +1,4 @@
-export { default as Dialog } from "./Dialog.svelte";
+export { default as Dialog, } from "./Dialog.svelte";
 export { default as DialogBackdrop, } from "./DialogBackdrop.svelte";
 export { default as DialogPanel, } from "./DialogPanel.svelte";
 export { default as DialogTitle, } from "./DialogTitle.svelte";

package/dist/field/Field.svelte

@@ -3,14 +3,12 @@
 
   let DEFAULT_FIELD_TAG = "div" as const
 
-  export type FieldProps = Props<
-    typeof DEFAULT_FIELD_TAG,
-    {},
-    {
-      element?: HTMLElement
-      disabled?: boolean
-    }
-  >
+  export type FieldOwnProps = {
+    element?: HTMLElement
+    disabled?: boolean
+  }
+
+  export type FieldProps = Props<typeof DEFAULT_FIELD_TAG, {}, FieldOwnProps>
 </script>
 
 <script lang="ts">

package/dist/field/Field.svelte.d.ts

@@ -1,8 +1,9 @@
 import type { Props } from "../utils/types.js";
 declare let DEFAULT_FIELD_TAG: "div";
-export type FieldProps = Props<typeof DEFAULT_FIELD_TAG, {}, {
+export type FieldOwnProps = {
     element?: HTMLElement;
     disabled?: boolean;
-}>;
+};
+export type FieldProps = Props<typeof DEFAULT_FIELD_TAG, {}, FieldOwnProps>;
 declare const Field: import("svelte").Component<FieldProps, {}, "element">;
 export default Field;

package/dist/field/index.d.ts

@@ -1 +1 @@
-export { default as Field, type FieldProps } from "./Field.svelte";
+export { default as Field, type FieldProps, type FieldOwnProps } from "./Field.svelte";

package/dist/fieldset/Fieldset.svelte

@@ -5,14 +5,12 @@
 
   type FieldsetPropsWeControl = "aria-labelledby" | "aria-disabled" | "role"
 
-  export type FieldsetProps = Props<
-    typeof DEFAULT_FIELDSET_TAG,
-    {},
-    {
-      element?: HTMLElement
-      disabled?: boolean
-    }
-  >
+  export type FieldsetOwnProps = {
+    element?: HTMLElement
+    disabled?: boolean
+  }
+
+  export type FieldsetProps = Props<typeof DEFAULT_FIELDSET_TAG, {}, FieldsetOwnProps>
 </script>
 
 <script lang="ts">

package/dist/fieldset/Fieldset.svelte.d.ts

@@ -1,8 +1,9 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_FIELDSET_TAG: "fieldset";
-export type FieldsetProps = Props<typeof DEFAULT_FIELDSET_TAG, {}, {
+export type FieldsetOwnProps = {
     element?: HTMLElement;
     disabled?: boolean;
-}>;
+};
+export type FieldsetProps = Props<typeof DEFAULT_FIELDSET_TAG, {}, FieldsetOwnProps>;
 declare const Fieldset: import("svelte").Component<FieldsetProps, {}, "element">;
 export default Fieldset;

package/dist/fieldset/index.d.ts

@@ -1 +1 @@
-export { default as Fieldset, type FieldsetProps } from "./Fieldset.svelte";
+export { default as Fieldset, type FieldsetProps, type FieldsetOwnProps } from "./Fieldset.svelte";

package/dist/focus-trap/FocusTrap.svelte

@@ -41,20 +41,18 @@
 
   type FocusTrapPropsWeControl = never
 
-  export type FocusTrapProps = Props<
-    typeof DEFAULT_FOCUS_TRAP_TAG,
-    {},
-    {
-      element?: HTMLElement
-      initialFocus?: HTMLElement
-      // A fallback element to focus, but this element will be skipped when tabbing around. This is
-      // only done for focusing a fallback parent container (e.g.: A `Dialog`, but you want to tab
-      // *inside* the dialog excluding the dialog itself).
-      initialFocusFallback?: HTMLElement
-      features?: FocusTrapFeatures
-      containers?: Containers
-    }
-  >
+  export type FocusTrapOwnProps = {
+    element?: HTMLElement
+    initialFocus?: HTMLElement
+    // A fallback element to focus, but this element will be skipped when tabbing around. This is
+    // only done for focusing a fallback parent container (e.g.: A `Dialog`, but you want to tab
+    // *inside* the dialog excluding the dialog itself).
+    initialFocusFallback?: HTMLElement
+    features?: FocusTrapFeatures
+    containers?: Containers
+  }
+
+  export type FocusTrapProps = Props<typeof DEFAULT_FOCUS_TRAP_TAG, {}, FocusTrapOwnProps>
 
   function useRestoreElement(options?: { enabled: boolean }) {
     const { enabled } = $derived(options ?? { enabled: true })

package/dist/focus-trap/FocusTrap.svelte.d.ts

@@ -3,12 +3,13 @@ import { FocusTrapFeatures } from "./FocusTrapFeatures.js";
 type Containers = (() => Iterable<HTMLElement>) | Iterable<HTMLElement>;
 declare const DEFAULT_FOCUS_TRAP_TAG: "div";
 export * from "./FocusTrapFeatures.js";
-export type FocusTrapProps = Props<typeof DEFAULT_FOCUS_TRAP_TAG, {}, {
+export type FocusTrapOwnProps = {
     element?: HTMLElement;
     initialFocus?: HTMLElement;
     initialFocusFallback?: HTMLElement;
     features?: FocusTrapFeatures;
     containers?: Containers;
-}>;
+};
+export type FocusTrapProps = Props<typeof DEFAULT_FOCUS_TRAP_TAG, {}, FocusTrapOwnProps>;
 declare const FocusTrap: import("svelte").Component<FocusTrapProps, {}, "element">;
 export default FocusTrap;

package/dist/input/Input.svelte

@@ -13,18 +13,16 @@
   }
   type InputPropsWeControl = "aria-labelledby" | "aria-describedby"
 
-  export type InputProps<TValue = string> = Props<
-    typeof DEFAULT_INPUT_TAG,
-    InputRenderPropArg,
-    {
-      element?: HTMLElement
-      id?: string
-      value?: TValue
-      disabled?: boolean
-      invalid?: boolean
-      autofocus?: boolean
-    }
-  >
+  export type InputOwnProps<TValue = string> = {
+    element?: HTMLElement
+    id?: string
+    value?: TValue
+    disabled?: boolean
+    invalid?: boolean
+    autofocus?: boolean
+  }
+
+  export type InputProps<TValue = string> = Props<typeof DEFAULT_INPUT_TAG, InputRenderPropArg, InputOwnProps<TValue>>
 </script>
 
 <script lang="ts" generics="TValue = string">

package/dist/input/Input.svelte.d.ts

@@ -7,14 +7,15 @@ export type InputRenderPropArg = {
     autofocus: boolean;
     invalid: boolean;
 };
-export type InputProps<TValue = string> = Props<typeof DEFAULT_INPUT_TAG, InputRenderPropArg, {
+export type InputOwnProps<TValue = string> = {
     element?: HTMLElement;
     id?: string;
     value?: TValue;
     disabled?: boolean;
     invalid?: boolean;
     autofocus?: boolean;
-}>;
+};
+export type InputProps<TValue = string> = Props<typeof DEFAULT_INPUT_TAG, InputRenderPropArg, InputOwnProps<TValue>>;
 declare class __sveltets_Render<TValue = string> {
     props(): InputProps<TValue>;
     events(): {};

package/dist/input/index.d.ts

@@ -1 +1 @@
-export { default as Input, type InputProps, type InputRenderPropArg as InputSlot } from "./Input.svelte";
+export { default as Input, type InputProps, type InputRenderPropArg as InputSlot, type InputOwnProps, } from "./Input.svelte";

package/dist/input/index.js

@@ -1 +1 @@
-export { default as Input } from "./Input.svelte";
+export { default as Input, } from "./Input.svelte";

package/dist/label/Label.svelte

@@ -3,16 +3,14 @@
 
   const DEFAULT_LABEL_TAG = "label" as const
 
-  export type LabelProps = Props<
-    typeof DEFAULT_LABEL_TAG,
-    {},
-    {
-      element?: HTMLElement
-      id?: string
-      passive?: boolean
-      htmlFor?: string
-    }
-  >
+  export type LabelOwnProps = {
+    element?: HTMLElement
+    id?: string
+    passive?: boolean
+    htmlFor?: string
+  }
+
+  export type LabelProps = Props<typeof DEFAULT_LABEL_TAG, {}, LabelOwnProps>
 </script>
 
 <script lang="ts">

package/dist/label/Label.svelte.d.ts

@@ -1,10 +1,11 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_LABEL_TAG: "label";
-export type LabelProps = Props<typeof DEFAULT_LABEL_TAG, {}, {
+export type LabelOwnProps = {
     element?: HTMLElement;
     id?: string;
     passive?: boolean;
     htmlFor?: string;
-}>;
+};
+export type LabelProps = Props<typeof DEFAULT_LABEL_TAG, {}, LabelOwnProps>;
 declare const Label: import("svelte").Component<LabelProps, {}, "element">;
 export default Label;

package/dist/label/index.d.ts

@@ -1 +1 @@
-export { default as Label, type LabelProps } from "./Label.svelte";
+export { default as Label, type LabelProps, type LabelOwnProps } from "./Label.svelte";

package/dist/legend/Legend.svelte

@@ -4,14 +4,12 @@
 
   const DEFAULT_LEGEND_TAG = "div" as const
 
-  export type LegendProps = Props<
-    typeof DEFAULT_LEGEND_TAG,
-    {},
-    {
-      element?: HTMLElement
-      class?: string
-    }
-  >
+  export type LegendOwnProps = {
+    element?: HTMLElement
+    class?: string
+  }
+
+  export type LegendProps = Props<typeof DEFAULT_LEGEND_TAG, {}, LegendOwnProps>
 </script>
 
 <script lang="ts">

package/dist/legend/Legend.svelte.d.ts

@@ -1,8 +1,9 @@
 import type { Props } from "../utils/types.js";
 declare const DEFAULT_LEGEND_TAG: "div";
-export type LegendProps = Props<typeof DEFAULT_LEGEND_TAG, {}, {
+export type LegendOwnProps = {
     element?: HTMLElement;
     class?: string;
-}>;
+};
+export type LegendProps = Props<typeof DEFAULT_LEGEND_TAG, {}, LegendOwnProps>;
 declare const Legend: import("svelte").Component<LegendProps, {}, "">;
 export default Legend;