@hunter-industries/hunter-components 0.0.0

package/README.md

@@ -0,0 +1,43 @@
+# Hunter Component Library
+
+## Introduction
+
+This Component Library is currently for utilization by Vue applications at Hunter Industries.
+
+## Getting Started
+
+### Requirements
+
+This library requires Node 18+ and Vue 3.
+
+### Usage
+
+Import the library from Hunter Industry's Azure DevOps Library into your view app.
+
+Import a component from the library as you would a normal Vue component, passing props if required.
+
+### Example
+
+Here is how to utilize the HunterButton component a template in your project:
+
+```
+<template>
+  <div class="testing-wrapper">
+    <HunterButton variant="primary"
+      >Launch MyDesign</HunterButton>
+  </div>
+</template>
+<script setup lang="ts">
+import { HunterButton } from "hunter-components";
+</script>
+```
+
+## Usage Notes
+
+This is a starter template for use in other projects. Changes made to this template should not be pushed to the current repo unless you are a developer/maintainer of this template.
+
+## Future Features
+
+Upcoming features will include:
+
+- Unit testing templates

package/dist/assets/fonts.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import Button from "./Button.vue";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

package/dist/components/Button/Button.vue.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+interface Props {
+    variant: string;
+    disabled?: boolean;
+    id?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+import Button from "./Button.vue";
+export { Button as HunterButton };

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import DropdownWithButton from "./DropdownWithButton.vue";
+declare const meta: Meta<typeof DropdownWithButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Dropdown/DropdownList/DropdownList.vue.d.ts

@@ -0,0 +1,16 @@
+import { DropdownListProps } from "../types";
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<DropdownListProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectOption: (value: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<DropdownListProps>>> & {
+    onSelectOption?: ((value: any) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Dropdown/DropdownList/DropdownListWithFilter.vue.d.ts

@@ -0,0 +1,16 @@
+import { DropdownListWithFilterProps } from "../types";
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<DropdownListWithFilterProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectOption: (value: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<DropdownListWithFilterProps>>> & {
+    onSelectOption?: ((value: any) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Dropdown/DropdownList/DropdownLists.stories.d.ts

@@ -0,0 +1,87 @@
+import type { Meta } from "@storybook/vue3";
+import DropdownList from "./DropdownList.vue";
+import DropdownListWithFilter from "./DropdownListWithFilter.vue";
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        options: {
+            type: import("vue").PropType<import("../types").DropdownOption[]>;
+            required: true;
+        };
+        optionKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        collapsed: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        scrollable: {
+            type: import("vue").PropType<boolean>;
+        };
+        maxResults: {
+            type: import("vue").PropType<number>;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        selected: {
+            type: import("vue").PropType<import("../types").DropdownOption>;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        selectOption: (value: any) => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: import("vue").PropType<import("../types").DropdownOption[]>;
+            required: true;
+        };
+        optionKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        collapsed: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        scrollable: {
+            type: import("vue").PropType<boolean>;
+        };
+        maxResults: {
+            type: import("vue").PropType<number>;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+        };
+        selected: {
+            type: import("vue").PropType<import("../types").DropdownOption>;
+        };
+    }>> & {
+        onSelectOption?: ((value: any) => any) | undefined;
+    }, {}, {}>;
+    parameters: {};
+    tags: string[];
+    args: {
+        options: {
+            id: number;
+            name: string;
+        }[];
+        optionKey: string;
+        collapsed: boolean;
+        scrollable: boolean;
+    };
+    argTypes: {
+        collapsed: {
+            control: string;
+            description: string;
+            defaultValue: boolean;
+        };
+        scrollable: {
+            control: string;
+            description: string;
+            defaultValue: boolean;
+        };
+    };
+};
+export default meta;
+export declare const Default: Meta<typeof DropdownList>;
+export declare const WithFilter: Meta<typeof DropdownListWithFilter>;

package/dist/components/Dropdown/DropdownList/index.d.ts

@@ -0,0 +1,4 @@
+import DropdownList from "./DropdownList.vue";
+import DropdownListWithFilter from "./DropdownListWithFilter.vue";
+export { DropdownList as HunterDropdownList };
+export { DropdownListWithFilter as HunterDropdownListWithFilter };

package/dist/components/Dropdown/DropdownWithButton.vue.d.ts

@@ -0,0 +1,20 @@
+import type { DropdownListProps } from "./types";
+interface Props extends DropdownListProps {
+    buttonText: string;
+    id?: string;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectOption: (value: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
+    onSelectOption?: ((value: any) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+import DropdownWithButton from "./DropdownWithButton.vue";
+export { DropdownWithButton as HunterDropdownWithButton };

package/dist/components/Link/Link.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import Link from "./Link.vue";
+declare const meta: Meta<typeof Link>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Link/Link.vue.d.ts

@@ -0,0 +1,23 @@
+interface Props {
+    to: string;
+    state?: "disabled" | "inactive" | null;
+    className?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Link/index.d.ts

@@ -0,0 +1,2 @@
+import Link from "./Link.vue";
+export { Link as HunterLink };

package/dist/components/Navigation/NavigationLinks.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import NavigationLinks from "./NavigationLinks.vue";
+declare const meta: Meta<typeof NavigationLinks>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Navigation/NavigationLinks.vue.d.ts

@@ -0,0 +1,17 @@
+import type { NavLinkItem } from "./types";
+interface Props {
+    links: NavLinkItem[];
+    variant?: string;
+    activeLink: NavLinkItem;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Navigation/index.d.ts

@@ -0,0 +1,2 @@
+import NavigationLinks from "./NavigationLinks.vue";
+export { NavigationLinks as HunterNavigationLinks };

package/dist/components/SearchInput/SearchInput.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import SearchInput from "./SearchInput.vue";
+declare const meta: Meta<typeof SearchInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/SearchInput/SearchInput.vue.d.ts

@@ -0,0 +1,21 @@
+import type { DropdownOption } from "../Dropdown/types";
+interface Props {
+    placeholder?: string;
+    options: DropdownOption[];
+    width?: number;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    searchClick: (value: any) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
+    onSearchClick?: ((value: any) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/SearchInput/index.d.ts

@@ -0,0 +1,2 @@
+import SearchInput from "./SearchInput.vue";
+export { SearchInput as HunterSearchInput };

package/dist/hunter-components.js

@@ -0,0 +1,394 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-2{bottom:.5rem}.left-0{left:0}.right-3{right:.75rem}.top-full{top:100%}.my-0{margin-top:0;margin-bottom:0}.my-0\\.5{margin-top:.125rem;margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.ml-0{margin-left:0}.ml-0\\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\\.5{margin-left:.375rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-0{height:0px}.h-10{height:2.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-max{height:-moz-max-content;height:max-content}.max-h-44{max-height:11rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-screen-lg{max-width:1024px}.origin-center{transform-origin:center}.-scale-y-100{--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-100{--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--rounded)}.rounded-3xl{border-radius:1.5rem}.rounded-lg{border-radius:var(--rounded-lg)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:var(--rounded);border-bottom-right-radius:var(--rounded)}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-blue-400{border-color:var(--blue-400)}.border-blue-700{border-color:var(--blue-700)}.border-blue-800{border-color:var(--blue-800)}.border-disabled-light{border-color:var(--disabled-light)}.bg-blue-200{background-color:var(--blue-200)}.bg-blue-800{background-color:var(--blue-800)}.p-0{padding:0}.px-12{padding-left:3rem;padding-right:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-1{padding-bottom:.25rem}.pr-0{padding-right:0}.pr-0\\.5{padding-right:.125rem}.pt-0{padding-top:0}.pt-1px{padding-top:1px}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-2xl{font-size:var(--28px)}.text-3xl{font-size:var(--32px)}.text-4xl{font-size:var(--36px)}.text-base{font-size:var(--16px)}.text-lg{font-size:var(--22px)}.text-md{font-size:var(--18px)}.text-sm{font-size:var(--14px)}.text-xl{font-size:var(--24px)}.text-xs{font-size:var(--12px)}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.text-blue-500{color:var(--blue-500)}.text-blue-800{color:var(--blue-800)}.text-blue-900{color:var(--blue-900)}.text-disabled{color:var(--disabled)}.text-error{color:var(--error)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-blue-400{outline-color:var(--blue-400)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-component,.hunter-component~*,.hunter-component>*{font-family:Arial,Helvetica,Verdana,Bitstream Vera Sans,sans-serif;line-height:auto;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--dark);box-sizing:border-box;scroll-behavior:smooth}@supports not selector(::-webkit-scrollbar){.hunter-component,.hunter-component~*,.hunter-component>*{scrollbar-color:var(--disabled) var(--disabled-light);scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){.hunter-component ::-webkit-scrollbar,.hunter-component~* ::-webkit-scrollbar,.hunter-component>* ::-webkit-scrollbar{background:var(--disabled-light)!important;width:8px!important;border-radius:1.5rem}.hunter-component ::-webkit-scrollbar-thumb,.hunter-component~* ::-webkit-scrollbar-thumb,.hunter-component>* ::-webkit-scrollbar-thumb{background:var(--disabled)!important;border-radius:1.5rem}}.hunter-component h1,.hunter-component h2,.hunter-component h3,.hunter-component h4,.hunter-component h5,.hunter-component h6,.hunter-component~h1,.hunter-component~h2,.hunter-component~h3,.hunter-component~h4,.hunter-component~h5,.hunter-component~h6{font-weight:500;color:var(--blue-900)}.hunter-component h1,.hunter-component~h1{font-size:var(--28px)}.hunter-component h2,.hunter-component~h2{font-size:var(--24px)}.hunter-component h3,.hunter-component~h3{font-size:var(--22px)}.hunter-component h4,.hunter-component~h4{font-size:var(--18px)}.hunter-component h5,.hunter-component~h5{font-size:var(--16px)}.hunter-component h6,.hunter-component~h6{font-size:var(--14px)}.hunter-component a,.hunter-component~a,.hunter-component>a{font-weight:500;color:var(--blue-800);text-decoration:inherit}.hunter-component a:hover,.hunter-component~a:hover,.hunter-component>a{color:var(--blue-700)}.hunter-button{position:relative;display:flex;height:2.25rem;align-items:center;justify-content:center;gap:.75rem;border-radius:var(--rounded);padding-left:1.5rem;padding-right:1.5rem;padding-top:.125rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-button svg{color:inherit;pointer-events:none}.hunter-button-disabled{pointer-events:none;cursor:default;color:var(--disabled)}.hunter-button-primary{background-color:var(--blue-800);color:var(--blue-200)}.hunter-button-primary:hover{background-color:var(--blue-700)}.hunter-button-primary.hunter-button-disabled{background-color:var(--disabled-light)}.hunter-button-secondary{border-width:2px;border-color:var(--blue-800);background-color:var(--blue-200);color:var(--blue-800)}.hunter-button-secondary:hover{border-color:var(--blue-700);color:var(--blue-700)}.hunter-button-secondary.hunter-button-disabled{border-color:var(--disabled-light);color:var(--disabled-light)}.hunter-button-link,.hunter-button-text{height:-moz-max-content;height:max-content;padding:0;font-size:var(--16px);color:var(--blue-800)}.hunter-button-link:hover,.hunter-button-text:hover{color:var(--blue-700)}.hunter-button-text{font-weight:500}.hunter-button-icon{height:1.25rem;width:1.25rem;padding:0;color:var(--blue-800)}.hunter-button-icon:hover{color:var(--blue-700)}:root{--blue-900: #002533;--blue-800: #00658a;--blue-700: #0192c9;--blue-600: #47636b;--blue-500: #819da7;--blue-400: #dae4e7;--blue-300: #f1f3f4;--blue-200: #f9fafa;--dark: #363636;--disabled: #979797;--disabled-light: #d9d9d9;--information: #01b6fb;--information-light: #e9f5fe;--success: #83b001;--success-light: #f6fce6;--warning: #f4a729;--warning-light: #fef6ea;--error: #ff3923;--error-light: #ffebe9;--base-unit: .25rem;--2px: calc(var(--base-unit) / 2);--5px: calc(var(--base-unit) * 1.25);--8px: calc(var(--base-unit) * 2);--10px: calc(var(--base-unit) * 2.5);--12px: calc(var(--base-unit) * 3);--14px: calc(var(--base-unit) * 3.5);--16px: calc(var(--base-unit) * 4);--18px: calc(var(--base-unit) * 4.5);--22px: calc(var(--base-unit) * 5.5);--24px: calc(var(--base-unit) * 6);--28px: calc(var(--base-unit) * 7);--32px: calc(var(--base-unit) * 8);--36px: calc(var(--base-unit) * 9);--shadow: 0px var(--2px) var(--8px) #1e2127;--rounded: var(--5px);--rounded-lg: var(--10px)}@keyframes set-height-0{to{height:0px;overflow:hidden}}.hunter-dropdown-list{position:absolute;top:100%;left:0;margin-top:.5rem;width:100%;border-radius:var(--rounded-lg);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-dropdown-list.collapsed{animation:set-height-0 0s forwards .15s;opacity:0}.hunter-dropdown-ol{display:flex;width:100%;flex-direction:column;align-items:flex-start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-dropdown-ol:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--rounded-lg);--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hunter-search-input-option-li{width:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-dropdown-option-button{margin-top:.125rem;margin-bottom:.125rem;width:100%;background-color:transparent;padding:.5rem 1.5rem .25rem;text-align:left;font-weight:500;color:var(--blue-900);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-dropdown-option-button:hover{background-color:var(--blue-300)}.hunter-dropdown-option-button.dropdown-option-selected{color:var(--blue-800);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-dropdown-with-button[data-v-0a32b357]{display:flex;width:11rem;flex-direction:column;align-items:flex-end}.hunter-dropdown-selection-button[data-v-0a32b357]{position:relative;width:-moz-max-content;width:max-content}.hunter-dropdown-with-button-list[data-v-0a32b357]{position:relative;width:100%}.hunter-link{font-size:var(--16px);font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-link.link-disabled{pointer-events:none;color:var(--disabled);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-link.link-inactive{color:var(--blue-500);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-link:hover,.hunter-link.link-inactive:hover{cursor:pointer;color:var(--blue-700)}.hunter-nav-links{display:flex;width:-moz-max-content;width:max-content}.hunter-nav-links.hunter-nav-links-tabs .nav-link-container{position:relative;display:flex;width:100%;justify-content:center;border-bottom-width:1px;border-color:var(--blue-400);padding-left:3rem;padding-right:3rem;padding-bottom:.25rem}.hunter-nav-links.hunter-nav-links-tabs .nav-link-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin-bottom:-1px;transform-origin:center;--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-width:2px;border-color:var(--blue-800);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-nav-links.hunter-nav-links-tabs .nav-link-container:has(.nav-link-active):before{content:"";--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-v-ce08551e]:root{--blue-900: #002533;--blue-800: #00658a;--blue-700: #0192c9;--blue-600: #47636b;--blue-500: #819da7;--blue-400: #dae4e7;--blue-300: #f1f3f4;--blue-200: #f9fafa;--dark: #363636;--disabled: #979797;--disabled-light: #d9d9d9;--information: #01b6fb;--information-light: #e9f5fe;--success: #83b001;--success-light: #f6fce6;--warning: #f4a729;--warning-light: #fef6ea;--error: #ff3923;--error-light: #ffebe9;--base-unit: .25rem;--2px: calc(var(--base-unit) / 2);--5px: calc(var(--base-unit) * 1.25);--8px: calc(var(--base-unit) * 2);--10px: calc(var(--base-unit) * 2.5);--12px: calc(var(--base-unit) * 3);--14px: calc(var(--base-unit) * 3.5);--16px: calc(var(--base-unit) * 4);--18px: calc(var(--base-unit) * 4.5);--22px: calc(var(--base-unit) * 5.5);--24px: calc(var(--base-unit) * 6);--28px: calc(var(--base-unit) * 7);--32px: calc(var(--base-unit) * 8);--36px: calc(var(--base-unit) * 9);--shadow: 0px var(--2px) var(--8px) #1e2127;--rounded: var(--5px);--rounded-lg: var(--10px)}.hunter-search-input-with-dropdown[data-v-ce08551e]{display:flex;width:100%;align-items:flex-end;gap:.5rem}.hunter-search-input-with-dropdown .hunter-search-input-container[data-v-ce08551e]{position:relative;width:100%;min-width:13rem;max-width:1024px}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input-label[data-v-ce08551e]{margin-left:.125rem;margin-bottom:.25rem;display:inline-block;width:100%;font-weight:500;text-transform:uppercase;color:var(--blue-900)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]{outline:2px solid transparent;transition:outline-color .2s ease-in-out,color .1s ease-in-out;position:relative;display:flex;height:2.5rem;width:100%;align-items:center;border-radius:1.5rem;padding-left:.75rem;padding-right:.75rem;padding-top:1px;color:var(--blue-900);outline-width:1px;outline-color:var(--blue-400)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]::-moz-placeholder{color:var(--blue-500)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]::placeholder{color:var(--blue-500)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]:focus,.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]:active{outline:2px solid var(--blue-800)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]:focus::-moz-placeholder{color:transparent}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]:focus::placeholder{color:transparent}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input-button[data-v-ce08551e]{position:absolute;right:.75rem;bottom:.625rem}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input-error[data-v-ce08551e]{pointer-events:none;position:absolute;top:100%;margin-top:.125rem;margin-left:.375rem;font-size:var(--14px);color:var(--error);opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input-error.error-visible[data-v-ce08551e]{pointer-events:auto;opacity:1}.hunter-search-input-with-dropdown .hunter-search-input-container .hide-text[data-v-ce08551e]{color:transparent}.hunter-search-input-with-dropdown .clear-button-wrapper[data-v-ce08551e]{display:flex;height:2.5rem;width:-moz-max-content;width:max-content;align-items:center}.hunter-search-input-with-dropdown .clear-button[data-v-ce08551e]{padding-top:1px}')),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent as $, computed as y, openBlock as m, createElementBlock as f, normalizeClass as b, renderSlot as T, createElementVNode as h, Fragment as D, renderList as K, toDisplayString as g, ref as v, watch as N, createBlock as Q, onMounted as V, onBeforeUnmount as H, createVNode as k, withCtx as C, createTextVNode as I, unref as R, normalizeStyle as U, withDirectives as j, vModelText as A, pushScopeId as G, popScopeId as J } from "vue";
+const P = ["id"], O = /* @__PURE__ */ $({
+  __name: "Button",
+  props: {
+    variant: {},
+    disabled: { type: Boolean },
+    id: {}
+  },
+  setup(s) {
+    const t = s, o = y(() => t.disabled || !1), l = y(
+      () => `hunter-button-${t.variant || "primary"} ${o.value && "hunter-button-disabled"}`
+    );
+    return (e, n) => (m(), f("button", {
+      ref: "button",
+      class: b(["hunter-component hunter-button", l.value]),
+      id: e.id
+    }, [
+      T(e.$slots, "default")
+    ], 10, P));
+  }
+}), X = ["id"], Y = { class: "overflow-hidden rounded-r rounded-l-none" }, Z = ["value", "onClick"], F = /* @__PURE__ */ $({
+  __name: "DropdownList",
+  props: {
+    options: {},
+    optionKey: {},
+    collapsed: { type: Boolean },
+    scrollable: { type: Boolean },
+    maxResults: {},
+    id: {},
+    selected: {}
+  },
+  emits: ["selectOption"],
+  setup(s, { emit: t }) {
+    const o = s, l = t, e = y(() => o.scrollable || !1), n = y(() => o.selected || null), i = (d) => {
+      l("selectOption", d);
+    };
+    return (d, u) => (m(), f("div", {
+      id: `dropdown-list-${d.id}`,
+      class: b(["hunter-component hunter-dropdown-list pr-0.5 py-1", d.collapsed ? "collapsed" : ""])
+    }, [
+      h("div", Y, [
+        h("ol", {
+          ref: "dropdown",
+          class: b(["hunter-dropdown-ol", e.value && "max-h-44 overflow-y-auto"]),
+          "aria-hidden": "true"
+        }, [
+          (m(!0), f(D, null, K(d.options, (p) => (m(), f("li", {
+            key: p[d.optionKey],
+            "aria-hidden": "true",
+            class: "hunter-search-input-option-li"
+          }, [
+            h("button", {
+              class: b([
+                "hunter-dropdown-option-button",
+                n.value && p[d.optionKey] === n.value[d.optionKey] && "dropdown-option-selected"
+              ]),
+              value: p[d.optionKey],
+              onClick: (w) => i(p)
+            }, g(p[d.optionKey]), 11, Z)
+          ]))), 128))
+        ], 2)
+      ])
+    ], 10, X));
+  }
+}), q = ({
+  options: s,
+  query: t,
+  key: o,
+  max: l
+}) => {
+  if (!t)
+    return;
+  t = t == null ? void 0 : t.toLowerCase();
+  let e = 0;
+  return s.filter((n) => {
+    if (n[o].toLowerCase().includes(t))
+      if (l) {
+        if (l && e <= l - 1)
+          return e++, n;
+      } else
+        return n;
+  });
+}, ee = /* @__PURE__ */ $({
+  __name: "DropdownListWithFilter",
+  props: {
+    filterValue: {},
+    options: {},
+    optionKey: {},
+    collapsed: { type: Boolean },
+    scrollable: { type: Boolean },
+    maxResults: {},
+    id: {},
+    selected: {}
+  },
+  emits: ["selectOption"],
+  setup(s, { emit: t }) {
+    const o = s, l = t, e = v([...o.options]), n = y(() => o.filterValue || ""), i = v(o.collapsed);
+    N(
+      n,
+      (u) => {
+        if (u.length > 1) {
+          if (e.value = q({
+            options: o.options,
+            query: u,
+            key: o.optionKey,
+            max: o.maxResults
+          }), e.value.length === 0)
+            return i.value = !0, i.value;
+          i.value = !1;
+          return;
+        } else
+          i.value = !0;
+      },
+      { immediate: !0 }
+    );
+    const d = (u) => {
+      l("selectOption", u);
+    };
+    return (u, p) => (m(), Q(F, {
+      options: e.value,
+      optionKey: u.optionKey,
+      collapsed: i.value,
+      scrollable: u.scrollable,
+      onSelectOption: p[0] || (p[0] = (w) => d(w))
+    }, null, 8, ["options", "optionKey", "collapsed", "scrollable"]));
+  }
+}), te = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 18 9"
+}, oe = /* @__PURE__ */ h("path", {
+  fill: "currentColor",
+  d: "M9 9 .667.667h16.666z"
+}, null, -1), ne = [
+  oe
+];
+function se(s, t) {
+  return m(), f("svg", te, [...ne]);
+}
+const le = { render: se }, ae = { class: "hunter-dropdown-with-button" }, re = { class: "hunter-dropdown-selection-button" }, ie = /* @__PURE__ */ $({
+  __name: "DropdownWithButton",
+  props: {
+    buttonText: {},
+    id: {},
+    options: {},
+    optionKey: {},
+    collapsed: { type: Boolean },
+    scrollable: { type: Boolean },
+    maxResults: {},
+    selected: {}
+  },
+  emits: ["selectOption"],
+  setup(s, { emit: t }) {
+    const { id: o } = s, l = t, e = v(), n = v(), i = v(!0), d = v(), u = () => {
+      i.value = !i.value;
+    }, p = (r) => {
+      d.value = r, setTimeout(() => {
+        i.value = !0;
+      }, 750), l("selectOption", r);
+    }, w = (r) => {
+      var L;
+      const S = r.target;
+      if (!(S === e.value || (L = n.value) != null && L.contains(S) || S === n.value))
+        return i.value = !0, i;
+    };
+    return V(() => {
+      document.addEventListener("click", (r) => w(r)), e.value = document.querySelector(`#button-dropdown-title-${o}`);
+    }), H(() => {
+      document.removeEventListener("click", (r) => w(r));
+    }), (r, S) => (m(), f("div", ae, [
+      h("div", re, [
+        k(O, {
+          id: `button-dropdown-title-${r.id}`,
+          variant: "text",
+          onClick: u
+        }, {
+          default: C(() => [
+            I(g(r.buttonText) + " ", 1),
+            k(R(le), {
+              class: b(["h-4 w-4 transition duration-300 ease-in-out", i.value === !0 ? "scale-y-100" : "-scale-y-100"])
+            }, null, 8, ["class"])
+          ]),
+          _: 1
+        }, 8, ["id"])
+      ]),
+      h("div", {
+        ref_key: "dropdownListEl",
+        ref: n,
+        class: "hunter-dropdown-with-button-list"
+      }, [
+        k(F, {
+          options: r.options,
+          "option-key": r.optionKey,
+          collapsed: i.value,
+          selected: d.value,
+          onSelectOption: p
+        }, null, 8, ["options", "option-key", "collapsed", "selected"])
+      ], 512)
+    ]));
+  }
+}), W = (s, t) => {
+  const o = s.__vccOpts || s;
+  for (const [l, e] of t)
+    o[l] = e;
+  return o;
+}, Ce = /* @__PURE__ */ W(ie, [["__scopeId", "data-v-0a32b357"]]), ue = ["href"], ce = /* @__PURE__ */ $({
+  __name: "Link",
+  props: {
+    to: {},
+    state: {},
+    className: {}
+  },
+  setup(s) {
+    const t = s, o = y(() => t.state);
+    return (l, e) => (m(), f("a", {
+      class: b(["hunter-component hunter-link", [
+        o.value === "disabled" && "link-disabled",
+        o.value === "inactive" && "link-inactive",
+        l.className
+      ]]),
+      href: l.to
+    }, [
+      T(l.$slots, "default")
+    ], 10, ue));
+  }
+}), de = { class: "nav-link-container" }, ge = /* @__PURE__ */ $({
+  __name: "NavigationLinks",
+  props: {
+    links: {},
+    variant: {},
+    activeLink: {}
+  },
+  setup(s) {
+    const t = s, o = y(
+      () => t.variant && `hunter-nav-links-${t.variant}`
+    );
+    return console.log("CLS", o.value, t.variant), (l, e) => (m(), f("nav", {
+      class: b(["hunter-component hunter-nav-links", o.value])
+    }, [
+      (m(!0), f(D, null, K(l.links, (n) => (m(), f("div", de, [
+        k(ce, {
+          to: n.route,
+          className: l.activeLink.route === n.route ? "nav-link-active" : "",
+          state: l.activeLink.route !== n.route ? "inactive" : null
+        }, {
+          default: C(() => [
+            I(g(n.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["to", "className", "state"])
+      ]))), 256))
+    ], 2));
+  }
+}), pe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 17 18"
+}, ve = /* @__PURE__ */ h("path", {
+  fill: "currentColor",
+  d: "m15.678 18-5.95-6.3a5.54 5.54 0 0 1-3.59 1.3q-2.573 0-4.355-1.888T0 6.5t1.783-4.612T6.14 0t4.357 1.888T12.278 6.5q0 1.1-.33 2.075-.331.975-.898 1.725L17 16.6zm-9.54-7Q7.91 11 9.15 9.688T10.389 6.5t-1.24-3.187Q7.913 2.002 6.14 2t-3.01 1.313T1.889 6.5q-.003 1.871 1.24 3.188Q4.372 11.004 6.139 11"
+}, null, -1), he = [
+  ve
+];
+function me(s, t) {
+  return m(), f("svg", pe, [...he]);
+}
+const fe = { render: me }, _e = (s) => (G("data-v-ce08551e"), s = s(), J(), s), we = { class: "hunter-component hunter-search-input-with-dropdown" }, ke = /* @__PURE__ */ _e(() => /* @__PURE__ */ h("span", { class: "hunter-search-input-label" }, "Search", -1)), be = ["placeholder"], ye = ["ariaHidden"], $e = { class: "clear-button-wrapper" }, Se = /* @__PURE__ */ $({
+  __name: "SearchInput",
+  props: {
+    placeholder: {},
+    options: {},
+    width: {}
+  },
+  emits: ["searchClick"],
+  setup(s, { emit: t }) {
+    const { options: o = [] } = s, l = t, e = v(), n = v(), i = v(), d = v(), u = v(), p = v(), w = v(!0), r = v(""), S = (a) => {
+      a.preventDefault(), B(e.value);
+    }, L = (a) => {
+      const c = a.target;
+      r.value = c.value;
+    }, B = (a) => {
+      if (!a)
+        return u.value = "Enter a search term.", u;
+      e.value = a;
+      const c = o.find((_) => _.name === a);
+      w.value = !0, r.value = "", l("searchClick", c || e.value);
+    }, z = (a) => {
+      e.value = a.name, B(e.value);
+    }, x = () => {
+      B(e.value);
+    };
+    N(u, (a) => {
+      a && (setTimeout(() => {
+        p.value.classList.add("error-visible");
+      }, 200), setTimeout(() => {
+        p.value.classList.remove("error-visible");
+      }, 3e3), setTimeout(() => {
+        u.value = "";
+      }, 3300));
+    });
+    const M = () => {
+      n.value.classList.add("hide-text"), setTimeout(() => {
+        e.value = "", n.value.classList.remove("hide-text");
+      }, 150);
+    }, E = (a) => {
+      const c = a.target;
+      c === n.value && (r.value = e.value || ""), c !== (n == null ? void 0 : n.value) && (r.value = "");
+    };
+    return V(() => {
+      d.value = [
+        ...document.querySelectorAll(".hunter-search-input-option-li")
+      ], w.value = !0, document.addEventListener("click", (a) => E(a));
+    }), H(() => {
+      document.removeEventListener("click", (a) => E(a));
+    }), (a, c) => (m(), f("div", we, [
+      h("div", {
+        class: "hunter-search-input-container",
+        style: U({
+          width: `${a.width && a.width > 208 && a.width}px`
+        })
+      }, [
+        h("form", {
+          onSubmit: c[3] || (c[3] = (_) => S(_)),
+          class: "w-full"
+        }, [
+          h("label", null, [
+            ke,
+            j(h("input", {
+              "onUpdate:modelValue": c[0] || (c[0] = (_) => e.value = _),
+              ref_key: "inputEl",
+              ref: n,
+              class: "hunter-search-input",
+              onFocus: c[1] || (c[1] = (_) => u.value = ""),
+              onInput: c[2] || (c[2] = (_) => L(_)),
+              placeholder: a.placeholder || "Search projects"
+            }, null, 40, be), [
+              [A, e.value]
+            ])
+          ])
+        ], 32),
+        h("span", {
+          ref_key: "errorEl",
+          ref: p,
+          class: "hunter-search-input-error transition duration-300 ease-in-out",
+          ariaHidden: !u.value
+        }, g(u.value), 9, ye),
+        k(ee, {
+          options: a.options,
+          "option-key": "name",
+          collapsed: w.value,
+          filter: "",
+          "filter-value": r.value,
+          scrollable: "",
+          maxResults: 10,
+          onSelectOption: c[4] || (c[4] = (_) => z(_))
+        }, null, 8, ["options", "collapsed", "filter-value"]),
+        k(O, {
+          ref_key: "searchButtonEl",
+          ref: i,
+          class: "hunter-search-input-button",
+          variant: "icon",
+          onClick: x
+        }, {
+          default: C(() => [
+            k(R(fe), { class: "hunter-search-input-icon" })
+          ]),
+          _: 1
+        }, 512)
+      ], 4),
+      h("div", $e, [
+        k(O, {
+          class: "underline clear-button",
+          variant: "link",
+          onClick: M
+        }, {
+          default: C(() => [
+            I(" Clear ")
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), Be = /* @__PURE__ */ W(Se, [["__scopeId", "data-v-ce08551e"]]);
+export {
+  O as HunterButton,
+  F as HunterDropdownList,
+  ee as HunterDropdownListWithFilter,
+  Ce as HunterDropdownWithButton,
+  ce as HunterLink,
+  ge as HunterNavigationLinks,
+  Be as HunterSearchInput
+};

package/dist/hunter-components.umd.cjs

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-2{bottom:.5rem}.left-0{left:0}.right-3{right:.75rem}.top-full{top:100%}.my-0{margin-top:0;margin-bottom:0}.my-0\\.5{margin-top:.125rem;margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.ml-0{margin-left:0}.ml-0\\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\\.5{margin-left:.375rem}.mt-0{margin-top:0}.mt-0\\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-0{height:0px}.h-10{height:2.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-max{height:-moz-max-content;height:max-content}.max-h-44{max-height:11rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-screen-lg{max-width:1024px}.origin-center{transform-origin:center}.-scale-y-100{--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-100{--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--rounded)}.rounded-3xl{border-radius:1.5rem}.rounded-lg{border-radius:var(--rounded-lg)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:var(--rounded);border-bottom-right-radius:var(--rounded)}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-blue-400{border-color:var(--blue-400)}.border-blue-700{border-color:var(--blue-700)}.border-blue-800{border-color:var(--blue-800)}.border-disabled-light{border-color:var(--disabled-light)}.bg-blue-200{background-color:var(--blue-200)}.bg-blue-800{background-color:var(--blue-800)}.p-0{padding:0}.px-12{padding-left:3rem;padding-right:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-1{padding-bottom:.25rem}.pr-0{padding-right:0}.pr-0\\.5{padding-right:.125rem}.pt-0{padding-top:0}.pt-1px{padding-top:1px}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-2xl{font-size:var(--28px)}.text-3xl{font-size:var(--32px)}.text-4xl{font-size:var(--36px)}.text-base{font-size:var(--16px)}.text-lg{font-size:var(--22px)}.text-md{font-size:var(--18px)}.text-sm{font-size:var(--14px)}.text-xl{font-size:var(--24px)}.text-xs{font-size:var(--12px)}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.text-blue-500{color:var(--blue-500)}.text-blue-800{color:var(--blue-800)}.text-blue-900{color:var(--blue-900)}.text-disabled{color:var(--disabled)}.text-error{color:var(--error)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-blue-400{outline-color:var(--blue-400)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-component,.hunter-component~*,.hunter-component>*{font-family:Arial,Helvetica,Verdana,Bitstream Vera Sans,sans-serif;line-height:auto;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--dark);box-sizing:border-box;scroll-behavior:smooth}@supports not selector(::-webkit-scrollbar){.hunter-component,.hunter-component~*,.hunter-component>*{scrollbar-color:var(--disabled) var(--disabled-light);scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){.hunter-component ::-webkit-scrollbar,.hunter-component~* ::-webkit-scrollbar,.hunter-component>* ::-webkit-scrollbar{background:var(--disabled-light)!important;width:8px!important;border-radius:1.5rem}.hunter-component ::-webkit-scrollbar-thumb,.hunter-component~* ::-webkit-scrollbar-thumb,.hunter-component>* ::-webkit-scrollbar-thumb{background:var(--disabled)!important;border-radius:1.5rem}}.hunter-component h1,.hunter-component h2,.hunter-component h3,.hunter-component h4,.hunter-component h5,.hunter-component h6,.hunter-component~h1,.hunter-component~h2,.hunter-component~h3,.hunter-component~h4,.hunter-component~h5,.hunter-component~h6{font-weight:500;color:var(--blue-900)}.hunter-component h1,.hunter-component~h1{font-size:var(--28px)}.hunter-component h2,.hunter-component~h2{font-size:var(--24px)}.hunter-component h3,.hunter-component~h3{font-size:var(--22px)}.hunter-component h4,.hunter-component~h4{font-size:var(--18px)}.hunter-component h5,.hunter-component~h5{font-size:var(--16px)}.hunter-component h6,.hunter-component~h6{font-size:var(--14px)}.hunter-component a,.hunter-component~a,.hunter-component>a{font-weight:500;color:var(--blue-800);text-decoration:inherit}.hunter-component a:hover,.hunter-component~a:hover,.hunter-component>a{color:var(--blue-700)}.hunter-button{position:relative;display:flex;height:2.25rem;align-items:center;justify-content:center;gap:.75rem;border-radius:var(--rounded);padding-left:1.5rem;padding-right:1.5rem;padding-top:.125rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-button svg{color:inherit;pointer-events:none}.hunter-button-disabled{pointer-events:none;cursor:default;color:var(--disabled)}.hunter-button-primary{background-color:var(--blue-800);color:var(--blue-200)}.hunter-button-primary:hover{background-color:var(--blue-700)}.hunter-button-primary.hunter-button-disabled{background-color:var(--disabled-light)}.hunter-button-secondary{border-width:2px;border-color:var(--blue-800);background-color:var(--blue-200);color:var(--blue-800)}.hunter-button-secondary:hover{border-color:var(--blue-700);color:var(--blue-700)}.hunter-button-secondary.hunter-button-disabled{border-color:var(--disabled-light);color:var(--disabled-light)}.hunter-button-link,.hunter-button-text{height:-moz-max-content;height:max-content;padding:0;font-size:var(--16px);color:var(--blue-800)}.hunter-button-link:hover,.hunter-button-text:hover{color:var(--blue-700)}.hunter-button-text{font-weight:500}.hunter-button-icon{height:1.25rem;width:1.25rem;padding:0;color:var(--blue-800)}.hunter-button-icon:hover{color:var(--blue-700)}:root{--blue-900: #002533;--blue-800: #00658a;--blue-700: #0192c9;--blue-600: #47636b;--blue-500: #819da7;--blue-400: #dae4e7;--blue-300: #f1f3f4;--blue-200: #f9fafa;--dark: #363636;--disabled: #979797;--disabled-light: #d9d9d9;--information: #01b6fb;--information-light: #e9f5fe;--success: #83b001;--success-light: #f6fce6;--warning: #f4a729;--warning-light: #fef6ea;--error: #ff3923;--error-light: #ffebe9;--base-unit: .25rem;--2px: calc(var(--base-unit) / 2);--5px: calc(var(--base-unit) * 1.25);--8px: calc(var(--base-unit) * 2);--10px: calc(var(--base-unit) * 2.5);--12px: calc(var(--base-unit) * 3);--14px: calc(var(--base-unit) * 3.5);--16px: calc(var(--base-unit) * 4);--18px: calc(var(--base-unit) * 4.5);--22px: calc(var(--base-unit) * 5.5);--24px: calc(var(--base-unit) * 6);--28px: calc(var(--base-unit) * 7);--32px: calc(var(--base-unit) * 8);--36px: calc(var(--base-unit) * 9);--shadow: 0px var(--2px) var(--8px) #1e2127;--rounded: var(--5px);--rounded-lg: var(--10px)}@keyframes set-height-0{to{height:0px;overflow:hidden}}.hunter-dropdown-list{position:absolute;top:100%;left:0;margin-top:.5rem;width:100%;border-radius:var(--rounded-lg);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-dropdown-list.collapsed{animation:set-height-0 0s forwards .15s;opacity:0}.hunter-dropdown-ol{display:flex;width:100%;flex-direction:column;align-items:flex-start;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-dropdown-ol:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--rounded-lg);--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hunter-search-input-option-li{width:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-dropdown-option-button{margin-top:.125rem;margin-bottom:.125rem;width:100%;background-color:transparent;padding:.5rem 1.5rem .25rem;text-align:left;font-weight:500;color:var(--blue-900);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-dropdown-option-button:hover{background-color:var(--blue-300)}.hunter-dropdown-option-button.dropdown-option-selected{color:var(--blue-800);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-dropdown-with-button[data-v-0a32b357]{display:flex;width:11rem;flex-direction:column;align-items:flex-end}.hunter-dropdown-selection-button[data-v-0a32b357]{position:relative;width:-moz-max-content;width:max-content}.hunter-dropdown-with-button-list[data-v-0a32b357]{position:relative;width:100%}.hunter-link{font-size:var(--16px);font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hunter-link.link-disabled{pointer-events:none;color:var(--disabled);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-link.link-inactive{color:var(--blue-500);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-link:hover,.hunter-link.link-inactive:hover{cursor:pointer;color:var(--blue-700)}.hunter-nav-links{display:flex;width:-moz-max-content;width:max-content}.hunter-nav-links.hunter-nav-links-tabs .nav-link-container{position:relative;display:flex;width:100%;justify-content:center;border-bottom-width:1px;border-color:var(--blue-400);padding-left:3rem;padding-right:3rem;padding-bottom:.25rem}.hunter-nav-links.hunter-nav-links-tabs .nav-link-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin-bottom:-1px;transform-origin:center;--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-width:2px;border-color:var(--blue-800);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-nav-links.hunter-nav-links-tabs .nav-link-container:has(.nav-link-active):before{content:"";--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-v-ce08551e]:root{--blue-900: #002533;--blue-800: #00658a;--blue-700: #0192c9;--blue-600: #47636b;--blue-500: #819da7;--blue-400: #dae4e7;--blue-300: #f1f3f4;--blue-200: #f9fafa;--dark: #363636;--disabled: #979797;--disabled-light: #d9d9d9;--information: #01b6fb;--information-light: #e9f5fe;--success: #83b001;--success-light: #f6fce6;--warning: #f4a729;--warning-light: #fef6ea;--error: #ff3923;--error-light: #ffebe9;--base-unit: .25rem;--2px: calc(var(--base-unit) / 2);--5px: calc(var(--base-unit) * 1.25);--8px: calc(var(--base-unit) * 2);--10px: calc(var(--base-unit) * 2.5);--12px: calc(var(--base-unit) * 3);--14px: calc(var(--base-unit) * 3.5);--16px: calc(var(--base-unit) * 4);--18px: calc(var(--base-unit) * 4.5);--22px: calc(var(--base-unit) * 5.5);--24px: calc(var(--base-unit) * 6);--28px: calc(var(--base-unit) * 7);--32px: calc(var(--base-unit) * 8);--36px: calc(var(--base-unit) * 9);--shadow: 0px var(--2px) var(--8px) #1e2127;--rounded: var(--5px);--rounded-lg: var(--10px)}.hunter-search-input-with-dropdown[data-v-ce08551e]{display:flex;width:100%;align-items:flex-end;gap:.5rem}.hunter-search-input-with-dropdown .hunter-search-input-container[data-v-ce08551e]{position:relative;width:100%;min-width:13rem;max-width:1024px}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input-label[data-v-ce08551e]{margin-left:.125rem;margin-bottom:.25rem;display:inline-block;width:100%;font-weight:500;text-transform:uppercase;color:var(--blue-900)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]{outline:2px solid transparent;transition:outline-color .2s ease-in-out,color .1s ease-in-out;position:relative;display:flex;height:2.5rem;width:100%;align-items:center;border-radius:1.5rem;padding-left:.75rem;padding-right:.75rem;padding-top:1px;color:var(--blue-900);outline-width:1px;outline-color:var(--blue-400)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]::-moz-placeholder{color:var(--blue-500)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]::placeholder{color:var(--blue-500)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]:focus,.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]:active{outline:2px solid var(--blue-800)}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]:focus::-moz-placeholder{color:transparent}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input[data-v-ce08551e]:focus::placeholder{color:transparent}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input-button[data-v-ce08551e]{position:absolute;right:.75rem;bottom:.625rem}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input-error[data-v-ce08551e]{pointer-events:none;position:absolute;top:100%;margin-top:.125rem;margin-left:.375rem;font-size:var(--14px);color:var(--error);opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hunter-search-input-with-dropdown .hunter-search-input-container .hunter-search-input-error.error-visible[data-v-ce08551e]{pointer-events:auto;opacity:1}.hunter-search-input-with-dropdown .hunter-search-input-container .hide-text[data-v-ce08551e]{color:transparent}.hunter-search-input-with-dropdown .clear-button-wrapper[data-v-ce08551e]{display:flex;height:2.5rem;width:-moz-max-content;width:max-content;align-items:center}.hunter-search-input-with-dropdown .clear-button[data-v-ce08551e]{padding-top:1px}')),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.HunterComponents={},h.Vue))})(this,function(h,e){"use strict";const N=["id"],w=e.defineComponent({__name:"Button",props:{variant:{},disabled:{type:Boolean},id:{}},setup(s){const o=s,n=e.computed(()=>o.disabled||!1),r=e.computed(()=>`hunter-button-${o.variant||"primary"} ${n.value&&"hunter-button-disabled"}`);return(t,l)=>(e.openBlock(),e.createElementBlock("button",{ref:"button",class:e.normalizeClass(["hunter-component hunter-button",r.value]),id:t.id},[e.renderSlot(t.$slots,"default")],10,N))}}),S=["id"],g={class:"overflow-hidden rounded-r rounded-l-none"},L=["value","onClick"],b=e.defineComponent({__name:"DropdownList",props:{options:{},optionKey:{},collapsed:{type:Boolean},scrollable:{type:Boolean},maxResults:{},id:{},selected:{}},emits:["selectOption"],setup(s,{emit:o}){const n=s,r=o,t=e.computed(()=>n.scrollable||!1),l=e.computed(()=>n.selected||null),c=u=>{r("selectOption",u)};return(u,d)=>(e.openBlock(),e.createElementBlock("div",{id:`dropdown-list-${u.id}`,class:e.normalizeClass(["hunter-component hunter-dropdown-list pr-0.5 py-1",u.collapsed?"collapsed":""])},[e.createElementVNode("div",g,[e.createElementVNode("ol",{ref:"dropdown",class:e.normalizeClass(["hunter-dropdown-ol",t.value&&"max-h-44 overflow-y-auto"]),"aria-hidden":"true"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.options,m=>(e.openBlock(),e.createElementBlock("li",{key:m[u.optionKey],"aria-hidden":"true",class:"hunter-search-input-option-li"},[e.createElementVNode("button",{class:e.normalizeClass(["hunter-dropdown-option-button",l.value&&m[u.optionKey]===l.value[u.optionKey]&&"dropdown-option-selected"]),value:m[u.optionKey],onClick:_=>c(m)},e.toDisplayString(m[u.optionKey]),11,L)]))),128))],2)])],10,S))}}),T=({options:s,query:o,key:n,max:r})=>{if(!o)return;o=o==null?void 0:o.toLowerCase();let t=0;return s.filter(l=>{if(l[n].toLowerCase().includes(o))if(r){if(r&&t<=r-1)return t++,l}else return l})},C=e.defineComponent({__name:"DropdownListWithFilter",props:{filterValue:{},options:{},optionKey:{},collapsed:{type:Boolean},scrollable:{type:Boolean},maxResults:{},id:{},selected:{}},emits:["selectOption"],setup(s,{emit:o}){const n=s,r=o,t=e.ref([...n.options]),l=e.computed(()=>n.filterValue||""),c=e.ref(n.collapsed);e.watch(l,d=>{if(d.length>1){if(t.value=T({options:n.options,query:d,key:n.optionKey,max:n.maxResults}),t.value.length===0)return c.value=!0,c.value;c.value=!1;return}else c.value=!0},{immediate:!0});const u=d=>{r("selectOption",d)};return(d,m)=>(e.openBlock(),e.createBlock(b,{options:t.value,optionKey:d.optionKey,collapsed:c.value,scrollable:d.scrollable,onSelectOption:m[0]||(m[0]=_=>u(_))},null,8,["options","optionKey","collapsed","scrollable"]))}}),O={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 9"},D=[e.createElementVNode("path",{fill:"currentColor",d:"M9 9 .667.667h16.666z"},null,-1)];function I(s,o){return e.openBlock(),e.createElementBlock("svg",O,[...D])}const v={render:I},K={class:"hunter-dropdown-with-button"},z={class:"hunter-dropdown-selection-button"},H=e.defineComponent({__name:"DropdownWithButton",props:{buttonText:{},id:{},options:{},optionKey:{},collapsed:{type:Boolean},scrollable:{type:Boolean},maxResults:{},selected:{}},emits:["selectOption"],setup(s,{emit:o}){const{id:n}=s,r=o,t=e.ref(),l=e.ref(),c=e.ref(!0),u=e.ref(),d=()=>{c.value=!c.value},m=i=>{u.value=i,setTimeout(()=>{c.value=!0},750),r("selectOption",i)},_=i=>{var B;const k=i.target;if(!(k===t.value||(B=l.value)!=null&&B.contains(k)||k===l.value))return c.value=!0,c};return e.onMounted(()=>{document.addEventListener("click",i=>_(i)),t.value=document.querySelector(`#button-dropdown-title-${n}`)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",i=>_(i))}),(i,k)=>(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",z,[e.createVNode(w,{id:`button-dropdown-title-${i.id}`,variant:"text",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.buttonText)+" ",1),e.createVNode(e.unref(v),{class:e.normalizeClass(["h-4 w-4 transition duration-300 ease-in-out",c.value===!0?"scale-y-100":"-scale-y-100"])},null,8,["class"])]),_:1},8,["id"])]),e.createElementVNode("div",{ref_key:"dropdownListEl",ref:l,class:"hunter-dropdown-with-button-list"},[e.createVNode(b,{options:i.options,"option-key":i.optionKey,collapsed:c.value,selected:u.value,onSelectOption:m},null,8,["options","option-key","collapsed","selected"])],512)]))}}),E=(s,o)=>{const n=s.__vccOpts||s;for(const[r,t]of o)n[r]=t;return n},F=E(H,[["__scopeId","data-v-0a32b357"]]),R=["href"],V=e.defineComponent({__name:"Link",props:{to:{},state:{},className:{}},setup(s){const o=s,n=e.computed(()=>o.state);return(r,t)=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["hunter-component hunter-link",[n.value==="disabled"&&"link-disabled",n.value==="inactive"&&"link-inactive",r.className]]),href:r.to},[e.renderSlot(r.$slots,"default")],10,R))}}),M={class:"nav-link-container"},W=e.defineComponent({__name:"NavigationLinks",props:{links:{},variant:{},activeLink:{}},setup(s){const o=s,n=e.computed(()=>o.variant&&`hunter-nav-links-${o.variant}`);return console.log("CLS",n.value,o.variant),(r,t)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(["hunter-component hunter-nav-links",n.value])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.links,l=>(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(V,{to:l.route,className:r.activeLink.route===l.route?"nav-link-active":"",state:r.activeLink.route!==l.route?"inactive":null},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.text),1)]),_:2},1032,["to","className","state"])]))),256))],2))}}),U={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 18"},j=[e.createElementVNode("path",{fill:"currentColor",d:"m15.678 18-5.95-6.3a5.54 5.54 0 0 1-3.59 1.3q-2.573 0-4.355-1.888T0 6.5t1.783-4.612T6.14 0t4.357 1.888T12.278 6.5q0 1.1-.33 2.075-.331.975-.898 1.725L17 16.6zm-9.54-7Q7.91 11 9.15 9.688T10.389 6.5t-1.24-3.187Q7.913 2.002 6.14 2t-3.01 1.313T1.889 6.5q-.003 1.871 1.24 3.188Q4.372 11.004 6.139 11"},null,-1)];function x(s,o){return e.openBlock(),e.createElementBlock("svg",U,[...j])}const Q={render:x},A=s=>(e.pushScopeId("data-v-ce08551e"),s=s(),e.popScopeId(),s),P={class:"hunter-component hunter-search-input-with-dropdown"},q=A(()=>e.createElementVNode("span",{class:"hunter-search-input-label"},"Search",-1)),G=["placeholder"],J=["ariaHidden"],X={class:"clear-button-wrapper"},Y=E(e.defineComponent({__name:"SearchInput",props:{placeholder:{},options:{},width:{}},emits:["searchClick"],setup(s,{emit:o}){const{options:n=[]}=s,r=o,t=e.ref(),l=e.ref(),c=e.ref(),u=e.ref(),d=e.ref(),m=e.ref(),_=e.ref(!0),i=e.ref(""),k=a=>{a.preventDefault(),y(t.value)},B=a=>{const p=a.target;i.value=p.value},y=a=>{if(!a)return d.value="Enter a search term.",d;t.value=a;const p=n.find(f=>f.name===a);_.value=!0,i.value="",r("searchClick",p||t.value)},Z=a=>{t.value=a.name,y(t.value)},ee=()=>{y(t.value)};e.watch(d,a=>{a&&(setTimeout(()=>{m.value.classList.add("error-visible")},200),setTimeout(()=>{m.value.classList.remove("error-visible")},3e3),setTimeout(()=>{d.value=""},3300))});const te=()=>{l.value.classList.add("hide-text"),setTimeout(()=>{t.value="",l.value.classList.remove("hide-text")},150)},$=a=>{const p=a.target;p===l.value&&(i.value=t.value||""),p!==(l==null?void 0:l.value)&&(i.value="")};return e.onMounted(()=>{u.value=[...document.querySelectorAll(".hunter-search-input-option-li")],_.value=!0,document.addEventListener("click",a=>$(a))}),e.onBeforeUnmount(()=>{document.removeEventListener("click",a=>$(a))}),(a,p)=>(e.openBlock(),e.createElementBlock("div",P,[e.createElementVNode("div",{class:"hunter-search-input-container",style:e.normalizeStyle({width:`${a.width&&a.width>208&&a.width}px`})},[e.createElementVNode("form",{onSubmit:p[3]||(p[3]=f=>k(f)),class:"w-full"},[e.createElementVNode("label",null,[q,e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=f=>t.value=f),ref_key:"inputEl",ref:l,class:"hunter-search-input",onFocus:p[1]||(p[1]=f=>d.value=""),onInput:p[2]||(p[2]=f=>B(f)),placeholder:a.placeholder||"Search projects"},null,40,G),[[e.vModelText,t.value]])])],32),e.createElementVNode("span",{ref_key:"errorEl",ref:m,class:"hunter-search-input-error transition duration-300 ease-in-out",ariaHidden:!d.value},e.toDisplayString(d.value),9,J),e.createVNode(C,{options:a.options,"option-key":"name",collapsed:_.value,filter:"","filter-value":i.value,scrollable:"",maxResults:10,onSelectOption:p[4]||(p[4]=f=>Z(f))},null,8,["options","collapsed","filter-value"]),e.createVNode(w,{ref_key:"searchButtonEl",ref:c,class:"hunter-search-input-button",variant:"icon",onClick:ee},{default:e.withCtx(()=>[e.createVNode(e.unref(Q),{class:"hunter-search-input-icon"})]),_:1},512)],4),e.createElementVNode("div",X,[e.createVNode(w,{class:"underline clear-button",variant:"link",onClick:te},{default:e.withCtx(()=>[e.createTextVNode(" Clear ")]),_:1})])]))}}),[["__scopeId","data-v-ce08551e"]]);h.HunterButton=w,h.HunterDropdownList=b,h.HunterDropdownListWithFilter=C,h.HunterDropdownWithButton=F,h.HunterLink=V,h.HunterNavigationLinks=W,h.HunterSearchInput=Y,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import "./styles/index.scss";
+import { HunterButton } from "./components/Button";
+import { HunterDropdownList, HunterDropdownListWithFilter } from "./components/Dropdown/DropdownList";
+import { HunterDropdownWithButton } from "./components/Dropdown";
+import { HunterLink } from "./components/Link";
+import { HunterNavigationLinks } from "./components/Navigation";
+import { HunterSearchInput } from "./components/SearchInput";
+export { HunterButton, HunterDropdownList, HunterDropdownListWithFilter, HunterDropdownWithButton, HunterLink, HunterNavigationLinks, HunterSearchInput, };

package/dist/utils/filterByString.d.ts

@@ -0,0 +1,12 @@
+export interface FilterMatch {
+    [key: string]: string;
+}
+interface FilterBySearch {
+    options: any[];
+    query: string;
+    key: string;
+    max?: number;
+}
+declare const filterValuesStartWith: ({ options, query, key, max, }: FilterBySearch) => FilterMatch[] | void;
+declare const filterValuesContain: ({ options, query, key, max, }: FilterBySearch) => FilterMatch[] | void;
+export { filterValuesStartWith, filterValuesContain };

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@hunter-industries/hunter-components",
+  "version": "0.0.0",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/hunter-components.umd.cjs",
+  "module": "./dist/hunter-components.js",
+  "exports": {
+    ".": {
+      "import": "./dist/hunter-components.js",
+      "require": "./dist/hunter-components.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vue-tsc --emitDeclarationOnly",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "vite-plugin-css-injected-by-js": "^3.5.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.4",
+    "@storybook/addon-essentials": "^8.0.10",
+    "@storybook/addon-interactions": "^8.0.10",
+    "@storybook/addon-links": "^8.0.10",
+    "@storybook/blocks": "^8.0.10",
+    "@storybook/test": "^8.0.10",
+    "@storybook/vue3": "^8.0.10",
+    "@storybook/vue3-vite": "^8.0.10",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "autoprefixer": "^10.4.19",
+    "chromatic": "^11.3.5",
+    "eslint": "^9.2.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier-vue": "^5.0.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-vue": "^9.25.0",
+    "postcss": "^8.4.38",
+    "prettier": "^3.2.5",
+    "sass": "^1.76.0",
+    "storybook": "^8.0.10",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.2.2",
+    "vue": "^3.4.21",
+    "vite": "^5.2.0",
+    "vite-svg-loader": "^5.1.0",
+    "vue-tsc": "^2.0.6"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.21"
+  },
+  "description": "Vue component library",
+  "author": "Sarah Shook",
+  "license": "ISC"
+}