@tedi-design-system/react 14.0.0-rc.1

package/src/tedi/components/form/search/search.es.js

@@ -0,0 +1,40 @@
+import { jsxs as N, jsx as a } from "react/jsx-runtime";
+import t from "../../../../../external/classnames/index.es.js";
+import { forwardRef as u } from "react";
+import { Button as x } from "../../buttons/button/button.es.js";
+import { TextField as y } from "../textfield/textfield.es.js";
+import r from "./search.module.scss.es.js";
+const h = u(
+  ({ placeholder: l, isClearable: m = !0, searchIcon: d = "search", onSearch: s, onChange: p, button: e, ...i }, c) => {
+    const o = (n) => {
+      n.key === "Enter" && (s == null || s(i.value));
+    }, f = () => {
+      s == null || s(i.value);
+    }, _ = {
+      ...i,
+      ref: c,
+      inputClassName: t(r["tedi-search__input"], e && r["tedi-search__input--has-button"]),
+      placeholder: l,
+      isClearable: m,
+      onKeyPress: o,
+      onChange: p,
+      ...e ? {} : { icon: d }
+    };
+    return /* @__PURE__ */ N("div", { className: t(r["tedi-search__wrapper"], i.className), children: [
+      /* @__PURE__ */ a(y, { ..._ }),
+      e && /* @__PURE__ */ a(
+        x,
+        {
+          ...e,
+          onClick: f,
+          className: t(r["tedi-search__button"], e.className),
+          children: e.children
+        }
+      )
+    ] });
+  }
+);
+h.displayName = "Search";
+export {
+  h as Search
+};

package/src/tedi/components/form/search/search.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-search__wrapper":"tedi-search__wrapper-92d6f11f","tedi-search__input":"tedi-search__input-94d53b76","tedi-search__input--has-button":"tedi-search__input--has-button-d8e073e7","tedi-search__button":"tedi-search__button-cbb4df17"};exports.default=e;

package/src/tedi/components/form/search/search.module.scss.es.js

@@ -0,0 +1,9 @@
+const t = {
+  "tedi-search__wrapper": "tedi-search__wrapper-92d6f11f",
+  "tedi-search__input": "tedi-search__input-94d53b76",
+  "tedi-search__input--has-button": "tedi-search__input--has-button-d8e073e7",
+  "tedi-search__button": "tedi-search__button-cbb4df17"
+};
+export {
+  t as default
+};

package/src/tedi/components/form/select/components/select-clear-indicator.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../buttons/closing-button/closing-button.cjs.js"),n=require("../../../misc/separator/separator.cjs.js"),o=require("../select.module.scss.cjs.js"),c=require("../../../../providers/label-provider/use-labels.cjs.js"),i=({isClearIndicatorVisible:r,innerProps:{ref:t,...s}})=>{const{getLabel:a}=c.useLabels();return r?e.jsxs(e.Fragment,{children:[e.jsx(l.ClosingButton,{tabIndex:0,ref:t,...s,children:a("clear")}),e.jsx(n.Separator,{color:"primary",axis:"vertical",className:o.default["tedi-select__separator"]})]}):null};exports.SelectClearIndicator=i;

package/src/tedi/components/form/select/components/select-clear-indicator.d.ts

@@ -0,0 +1,7 @@
+import { ClearIndicatorProps } from 'react-select';
+import { ISelectOption } from '../select';
+type ClearIndicatorType = ClearIndicatorProps<ISelectOption> & {
+    isClearIndicatorVisible?: boolean;
+};
+export declare const SelectClearIndicator: ({ isClearIndicatorVisible, innerProps: { ref, ...restInnerProps }, }: ClearIndicatorType) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/src/tedi/components/form/select/components/select-clear-indicator.es.js

@@ -0,0 +1,18 @@
+import { jsxs as s, Fragment as l, jsx as r } from "react/jsx-runtime";
+import { ClosingButton as i } from "../../../buttons/closing-button/closing-button.es.js";
+import { Separator as m } from "../../../misc/separator/separator.es.js";
+import n from "../select.module.scss.es.js";
+import { useLabels as c } from "../../../../providers/label-provider/use-labels.es.js";
+const b = ({
+  isClearIndicatorVisible: e,
+  innerProps: { ref: t, ...o }
+}) => {
+  const { getLabel: a } = c();
+  return e ? /* @__PURE__ */ s(l, { children: [
+    /* @__PURE__ */ r(i, { tabIndex: 0, ref: t, ...o, children: a("clear") }),
+    /* @__PURE__ */ r(m, { color: "primary", axis: "vertical", className: n["tedi-select__separator"] })
+  ] }) : null;
+};
+export {
+  b as SelectClearIndicator
+};

package/src/tedi/components/form/select/components/select-control.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("../../../../../../external/classnames/index.cjs.js"),t=require("../select.module.scss.cjs.js"),s=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),n=e=>{const o=l.default(t.default["tedi-select__control"],e.className,{[t.default["tedi-select__control--focused"]]:e.isFocused});return c.jsx(s.c.Control,{...e,className:o})};exports.SelectControl=n;

package/src/tedi/components/form/select/components/select-control.d.ts

@@ -0,0 +1,3 @@
+import { ControlProps } from 'react-select';
+import { ISelectOption } from '../select';
+export declare const SelectControl: (props: ControlProps<ISelectOption, boolean>) => JSX.Element;

package/src/tedi/components/form/select/components/select-control.es.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import c from "../../../../../../external/classnames/index.es.js";
+import t from "../select.module.scss.es.js";
+import { c as r } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const i = (o) => {
+  const s = c(t["tedi-select__control"], o.className, {
+    [t["tedi-select__control--focused"]]: o.isFocused
+  });
+  return /* @__PURE__ */ e(r.Control, { ...o, className: s });
+};
+export {
+  i as SelectControl
+};

package/src/tedi/components/form/select/components/select-dropdown-indicator.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../../../base/icon/icon.cjs.js"),c=require("../select.module.scss.cjs.js"),r=e=>o.jsx(t.Icon,{name:e.iconName,size:24,color:"secondary",className:c.default["tedi-select__arrow"]});exports.SelectDropDownIndicator=r;

package/src/tedi/components/form/select/components/select-dropdown-indicator.d.ts

@@ -0,0 +1,3 @@
+export declare const SelectDropDownIndicator: (props: {
+    iconName: string;
+}) => JSX.Element;

package/src/tedi/components/form/select/components/select-dropdown-indicator.es.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Icon as e } from "../../../base/icon/icon.es.js";
+import t from "../select.module.scss.es.js";
+const a = (o) => /* @__PURE__ */ r(e, { name: o.iconName, size: 24, color: "secondary", className: t["tedi-select__arrow"] });
+export {
+  a as SelectDropDownIndicator
+};

package/src/tedi/components/form/select/components/select-group-heading.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../../../external/classnames/index.cjs.js"),c=require("../../../base/typography/text/text.cjs.js"),u=require("../select.module.scss.cjs.js"),d=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),s=({optionGroupHeadingText:n,...e})=>{const r=e.data.text||n;return t.jsx(d.c.GroupHeading,{...e,className:i.default(u.default["tedi-select__group-heading"]),children:t.jsx(c.Text,{...r,children:e.data.label})})};exports.SelectGroupHeading=s;

package/src/tedi/components/form/select/components/select-group-heading.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { GroupHeadingProps } from 'react-select';
+import { TextProps } from '../../../base/typography/text/text';
+import { IGroupedOptions, ISelectOption } from '../select';
+type GroupHeadingType = GroupHeadingProps<ISelectOption, boolean, IGroupedOptions<ISelectOption>> & {
+    optionGroupHeadingText?: Pick<TextProps, 'modifiers' | 'color'>;
+};
+export declare const SelectGroupHeading: ({ optionGroupHeadingText, ...props }: GroupHeadingType) => ReactElement;
+export {};

package/src/tedi/components/form/select/components/select-group-heading.es.js

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "../../../../../../external/classnames/index.es.js";
+import { Text as m } from "../../../base/typography/text/text.es.js";
+import i from "../select.module.scss.es.js";
+import { c as s } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const f = ({ optionGroupHeadingText: o, ...t }) => {
+  const r = t.data.text || o;
+  return /* @__PURE__ */ e(s.GroupHeading, { ...t, className: a(i["tedi-select__group-heading"]), children: /* @__PURE__ */ e(m, { ...r, children: t.data.label }) });
+};
+export {
+  f as SelectGroupHeading
+};

package/src/tedi/components/form/select/components/select-group.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../../../external/classnames/index.cjs.js"),u=require("../select.module.scss.cjs.js"),c=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),i=e=>t.jsx(c.c.Group,{...e,className:r.default(u.default["tedi-select__group"]),children:e.children});exports.SelectGroup=i;

package/src/tedi/components/form/select/components/select-group.d.ts

@@ -0,0 +1,3 @@
+import { GroupProps } from 'react-select';
+import { IGroupedOptions, ISelectOption } from '../select';
+export declare const SelectGroup: (props: GroupProps<ISelectOption, boolean, IGroupedOptions<ISelectOption>>) => JSX.Element;

package/src/tedi/components/form/select/components/select-group.es.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "../../../../../../external/classnames/index.es.js";
+import t from "../select.module.scss.es.js";
+import { c as m } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const p = (r) => /* @__PURE__ */ o(m.Group, { ...r, className: e(t["tedi-select__group"]), children: r.children });
+export {
+  p as SelectGroup
+};

package/src/tedi/components/form/select/components/select-indicators-container.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../../../../../external/classnames/index.cjs.js"),i=require("../select.module.scss.cjs.js"),c=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),s=({children:t,...e})=>n.jsx(c.c.IndicatorsContainer,{...e,className:r.default(i.default["tedi-select__indicators-container"],e.className),children:t});exports.SelectIndicatorsContainer=s;

package/src/tedi/components/form/select/components/select-indicators-container.d.ts

@@ -0,0 +1,2 @@
+import { UnknownType } from '../../../../types/commonTypes';
+export declare const SelectIndicatorsContainer: ({ children, ...props }: UnknownType) => JSX.Element;

package/src/tedi/components/form/select/components/select-indicators-container.es.js

@@ -0,0 +1,15 @@
+import { jsx as r } from "react/jsx-runtime";
+import s from "../../../../../../external/classnames/index.es.js";
+import e from "../select.module.scss.es.js";
+import { c as a } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const l = ({ children: o, ...t }) => /* @__PURE__ */ r(
+  a.IndicatorsContainer,
+  {
+    ...t,
+    className: s(e["tedi-select__indicators-container"], t.className),
+    children: o
+  }
+);
+export {
+  l as SelectIndicatorsContainer
+};

package/src/tedi/components/form/select/components/select-input.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../../../external/classnames/index.cjs.js"),s=require("../select.module.scss.cjs.js"),d=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),u=e=>t.jsx(d.c.Input,{...e,className:i.default(e.className,s.default["tedi-select__input"]),isHidden:e.selectProps.inputIsHidden!==void 0?e.selectProps.inputIsHidden:e.isHidden,"aria-required":e.selectProps.required,required:e.selectProps.required});exports.SelectInput=u;

package/src/tedi/components/form/select/components/select-input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from 'react-select';
+import { ISelectOption } from '../select';
+export declare const SelectInput: (props: InputProps<ISelectOption, boolean>) => JSX.Element;

package/src/tedi/components/form/select/components/select-input.es.js

@@ -0,0 +1,17 @@
+import { jsx as i } from "react/jsx-runtime";
+import s from "../../../../../../external/classnames/index.es.js";
+import t from "../select.module.scss.es.js";
+import { c as r } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const o = (e) => /* @__PURE__ */ i(
+  r.Input,
+  {
+    ...e,
+    className: s(e.className, t["tedi-select__input"]),
+    isHidden: e.selectProps.inputIsHidden !== void 0 ? e.selectProps.inputIsHidden : e.isHidden,
+    "aria-required": e.selectProps.required,
+    required: e.selectProps.required
+  }
+);
+export {
+  o as SelectInput
+};

package/src/tedi/components/form/select/components/select-loading-indicator.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../loaders/spinner/spinner.cjs.js"),s=require("../../../misc/separator/separator.cjs.js"),r=require("../select.module.scss.cjs.js"),a=t=>e.jsxs("div",{className:r.default["tedi-select__loading-indicator"],...t.innerProps,children:[e.jsx(i.Spinner,{}),e.jsx(s.Separator,{color:"primary",axis:"vertical",className:r.default["tedi-select__separator"]})]});exports.SelectLoadingIndicator=a;

package/src/tedi/components/form/select/components/select-loading-indicator.d.ts

@@ -0,0 +1,3 @@
+import { LoadingIndicatorProps } from 'react-select';
+import { UnknownType } from '../../../../types/commonTypes';
+export declare const SelectLoadingIndicator: (props: LoadingIndicatorProps<UnknownType, boolean>) => import("react/jsx-runtime").JSX.Element;

package/src/tedi/components/form/select/components/select-loading-indicator.es.js

@@ -0,0 +1,11 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Spinner as t } from "../../../loaders/spinner/spinner.es.js";
+import { Separator as a } from "../../../misc/separator/separator.es.js";
+import e from "../select.module.scss.es.js";
+const l = (o) => /* @__PURE__ */ i("div", { className: e["tedi-select__loading-indicator"], ...o.innerProps, children: [
+  /* @__PURE__ */ r(t, {}),
+  /* @__PURE__ */ r(a, { color: "primary", axis: "vertical", className: e["tedi-select__separator"] })
+] });
+export {
+  l as SelectLoadingIndicator
+};

package/src/tedi/components/form/select/components/select-menu-list.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../../../../external/classnames/index.cjs.js"),l=require("../select.module.scss.cjs.js"),c=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),n=({renderMessageListFooter:s,...e})=>t.jsxs("div",{className:l.default["tedi-select__menu-list-wrapper"],children:[t.jsx(c.c.MenuList,{...e,className:i.default(e.className,l.default["tedi-select__menu-list"]),children:e.children}),s&&t.jsx("div",{className:l.default["tedi-select__menu-list-footer"],children:s(e)})]});exports.SelectMenuList=n;

package/src/tedi/components/form/select/components/select-menu-list.d.ts

@@ -0,0 +1,7 @@
+import { MenuListProps } from 'react-select';
+import { ISelectOption } from '../select';
+type MenuListType = MenuListProps<ISelectOption, boolean> & {
+    renderMessageListFooter?: (props: MenuListProps<ISelectOption, boolean>) => JSX.Element;
+};
+export declare const SelectMenuList: ({ renderMessageListFooter, ...props }: MenuListType) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/tedi/components/form/select/components/select-menu-list.es.js

@@ -0,0 +1,11 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import m from "../../../../../../external/classnames/index.es.js";
+import s from "../select.module.scss.es.js";
+import { c } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const d = ({ renderMessageListFooter: t, ...e }) => /* @__PURE__ */ l("div", { className: s["tedi-select__menu-list-wrapper"], children: [
+  /* @__PURE__ */ i(c.MenuList, { ...e, className: m(e.className, s["tedi-select__menu-list"]), children: e.children }),
+  t && /* @__PURE__ */ i("div", { className: s["tedi-select__menu-list-footer"], children: t(e) })
+] });
+export {
+  d as SelectMenuList
+};

package/src/tedi/components/form/select/components/select-menu-portal.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("../../../../../../external/classnames/index.cjs.js"),r=require("../select.module.scss.cjs.js"),s=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),u=e=>t.jsx(s.c.MenuPortal,{...e,className:l.default(e.className,r.default["tedi-select__menu-portal"])});exports.SelectMenuPortal=u;

package/src/tedi/components/form/select/components/select-menu-portal.d.ts

@@ -0,0 +1,3 @@
+import { MenuPortalProps } from 'react-select/dist/declarations/src/components/Menu';
+import { IGroupedOptions, ISelectOption } from '../select';
+export declare const SelectMenuPortal: (props: MenuPortalProps<ISelectOption, boolean, IGroupedOptions<ISelectOption>>) => JSX.Element;

package/src/tedi/components/form/select/components/select-menu-portal.es.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "../../../../../../external/classnames/index.es.js";
+import m from "../select.module.scss.es.js";
+import { c as s } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const n = (e) => /* @__PURE__ */ o(s.MenuPortal, { ...e, className: t(e.className, m["tedi-select__menu-portal"]) });
+export {
+  n as SelectMenuPortal
+};

package/src/tedi/components/form/select/components/select-menu.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("../../../../../../external/classnames/index.cjs.js"),u=require("../select.module.scss.cjs.js"),c=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),n=e=>t.jsx(c.c.Menu,{...e,className:s.default(e.className,u.default["tedi-select__menu"])});exports.SelectMenu=n;

package/src/tedi/components/form/select/components/select-menu.d.ts

@@ -0,0 +1,3 @@
+import { MenuProps } from 'react-select';
+import { ISelectOption } from '../select';
+export declare const SelectMenu: (props: MenuProps<ISelectOption, boolean>) => JSX.Element;

package/src/tedi/components/form/select/components/select-menu.es.js

@@ -0,0 +1,8 @@
+import { jsx as m } from "react/jsx-runtime";
+import s from "../../../../../../external/classnames/index.es.js";
+import o from "../select.module.scss.es.js";
+import { c as t } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const n = (e) => /* @__PURE__ */ m(t.Menu, { ...e, className: s(e.className, o["tedi-select__menu"]) });
+export {
+  n as SelectMenu
+};

package/src/tedi/components/form/select/components/select-multi-option.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../../../../../../external/classnames/index.cjs.js"),s=require("../../checkbox/checkbox.cjs.js"),l=require("../select.module.scss.cjs.js"),u=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),o=({renderOption:i,...e})=>{const a=d.default(l.default["tedi-select__option"],{[l.default["tedi-select__option--disabled"]]:e.isDisabled},{[l.default["tedi-select__option--focused"]]:e.isFocused}),{tabIndex:n,...c}=e.innerProps;return t.jsx(u.c.Option,{...e,innerProps:{...c,tabIndex:n,role:"option","aria-selected":e.isSelected},className:a,children:i?i(e):t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"sr-only",children:e.label}),t.jsx(s.Checkbox,{id:e.data.value,label:e.label,"aria-hidden":!0,className:l.default["tedi-select__checkbox"],value:e.data.value,name:e.data.value,checked:e.isSelected,onChange:()=>null,disabled:e.isDisabled,hover:e.isFocused})]})})};exports.SelectMultiOption=o;

package/src/tedi/components/form/select/components/select-multi-option.d.ts

@@ -0,0 +1,7 @@
+import { OptionProps } from 'react-select';
+import { ISelectOption } from '../select';
+type MultiOptionType = OptionProps<ISelectOption, boolean> & {
+    renderOption?: (props: OptionProps<ISelectOption, boolean>) => JSX.Element;
+};
+export declare const SelectMultiOption: ({ renderOption, ...props }: MultiOptionType) => JSX.Element;
+export {};

package/src/tedi/components/form/select/components/select-multi-option.es.js

@@ -0,0 +1,41 @@
+import { jsx as i, jsxs as c, Fragment as d } from "react/jsx-runtime";
+import o from "../../../../../../external/classnames/index.es.js";
+import { Checkbox as m } from "../../checkbox/checkbox.es.js";
+import t from "../select.module.scss.es.js";
+import { c as r } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const x = ({ renderOption: a, ...e }) => {
+  const l = o(
+    t["tedi-select__option"],
+    { [t["tedi-select__option--disabled"]]: e.isDisabled },
+    { [t["tedi-select__option--focused"]]: e.isFocused }
+  ), { tabIndex: n, ...s } = e.innerProps;
+  return /* @__PURE__ */ i(
+    r.Option,
+    {
+      ...e,
+      innerProps: { ...s, tabIndex: n, role: "option", "aria-selected": e.isSelected },
+      className: l,
+      children: a ? a(e) : /* @__PURE__ */ c(d, { children: [
+        /* @__PURE__ */ i("span", { className: "sr-only", children: e.label }),
+        /* @__PURE__ */ i(
+          m,
+          {
+            id: e.data.value,
+            label: e.label,
+            "aria-hidden": !0,
+            className: t["tedi-select__checkbox"],
+            value: e.data.value,
+            name: e.data.value,
+            checked: e.isSelected,
+            onChange: () => null,
+            disabled: e.isDisabled,
+            hover: e.isFocused
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  x as SelectMultiOption
+};

package/src/tedi/components/form/select/components/select-multi-value-remove.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../buttons/closing-button/closing-button.cjs.js"),n=require("../../../misc/separator/separator.cjs.js"),s=require("../select.module.scss.cjs.js"),u=require("../../../../providers/label-provider/use-labels.cjs.js"),d=({innerProps:l,data:a})=>{const{getLabel:r}=u.useLabels(),o=e=>{l.onClick&&l.onClick(e)},c=e=>{(e.key==="Enter"||e.key===" ")&&o(e)};return t.jsxs(t.Fragment,{children:[t.jsx(i.ClosingButton,{onMouseDown:e=>e.stopPropagation(),onClick:o,onKeyDown:c,className:s.default["tedi-select__multi-value-clear"],title:`${r("clear")} ${a.label}`}),t.jsx(n.Separator,{color:"primary",axis:"vertical",className:s.default["tedi-select__separator"]})]})};exports.SelectMultiValueRemove=d;

package/src/tedi/components/form/select/components/select-multi-value-remove.d.ts

@@ -0,0 +1,3 @@
+import { MultiValueRemoveProps } from 'react-select';
+import { ISelectOption } from '../select';
+export declare const SelectMultiValueRemove: ({ innerProps, data }: MultiValueRemoveProps<ISelectOption>) => JSX.Element;

package/src/tedi/components/form/select/components/select-multi-value-remove.es.js

@@ -0,0 +1,28 @@
+import { jsxs as s, Fragment as n, jsx as l } from "react/jsx-runtime";
+import { ClosingButton as c } from "../../../buttons/closing-button/closing-button.es.js";
+import { Separator as m } from "../../../misc/separator/separator.es.js";
+import r from "../select.module.scss.es.js";
+import { useLabels as p } from "../../../../providers/label-provider/use-labels.es.js";
+const g = ({ innerProps: o, data: a }) => {
+  const { getLabel: i } = p(), t = (e) => {
+    o.onClick && o.onClick(e);
+  };
+  return /* @__PURE__ */ s(n, { children: [
+    /* @__PURE__ */ l(
+      c,
+      {
+        onMouseDown: (e) => e.stopPropagation(),
+        onClick: t,
+        onKeyDown: (e) => {
+          (e.key === "Enter" || e.key === " ") && t(e);
+        },
+        className: r["tedi-select__multi-value-clear"],
+        title: `${i("clear")} ${a.label}`
+      }
+    ),
+    /* @__PURE__ */ l(m, { color: "primary", axis: "vertical", className: r["tedi-select__separator"] })
+  ] });
+};
+export {
+  g as SelectMultiValueRemove
+};

package/src/tedi/components/form/select/components/select-multi-value.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("../../../tags/tag/tag.cjs.js"),r=({isTagRemovable:n,children:l,removeProps:e})=>{const c=t=>{if(t.type==="click"&&e.onClick&&e.onClick(t),t.type==="keydown"){const o=t;(o.key==="Enter"||o.key===" ")&&e.onClick&&(o.preventDefault(),o.stopPropagation(),e.onClick(o))}};return i.jsx("div",{onMouseDown:t=>t.stopPropagation(),children:i.jsx(a.Tag,{color:"primary",onClose:n?c:void 0,children:l})})};exports.SelectMultiValue=r;

package/src/tedi/components/form/select/components/select-multi-value.d.ts

@@ -0,0 +1,7 @@
+import { MultiValueProps } from 'react-select';
+import { ISelectOption } from '../select';
+type MultiValueType = MultiValueProps<ISelectOption> & {
+    isTagRemovable?: boolean;
+};
+export declare const SelectMultiValue: ({ isTagRemovable, children, removeProps }: MultiValueType) => JSX.Element;
+export {};

package/src/tedi/components/form/select/components/select-multi-value.es.js

@@ -0,0 +1,11 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Tag as a } from "../../../tags/tag/tag.es.js";
+const p = ({ isTagRemovable: t, children: c, removeProps: n }) => /* @__PURE__ */ l("div", { onMouseDown: (o) => o.stopPropagation(), children: /* @__PURE__ */ l(a, { color: "primary", onClose: t ? (o) => {
+  if (o.type === "click" && n.onClick && n.onClick(o), o.type === "keydown") {
+    const i = o;
+    (i.key === "Enter" || i.key === " ") && n.onClick && (i.preventDefault(), i.stopPropagation(), n.onClick(i));
+  }
+} : void 0, children: c }) });
+export {
+  p as SelectMultiValue
+};

package/src/tedi/components/form/select/components/select-option.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./select-multi-option.cjs.js"),o=require("./select-single-option.cjs.js"),c=({multiple:n,showRadioButtons:i,renderOption:t,...e})=>n?l.SelectMultiOption({renderOption:t,...e}):o.SelectSingleOption({showRadioButtons:i,renderOption:t,...e,innerProps:{...e.innerProps,tabIndex:0}});exports.SelectOption=c;

package/src/tedi/components/form/select/components/select-option.d.ts

@@ -0,0 +1,9 @@
+import { OptionProps } from 'react-select';
+import { ISelectOption } from '../select';
+type OptionType = OptionProps<ISelectOption, boolean> & {
+    renderOption?: (props: OptionProps<ISelectOption, boolean>) => JSX.Element;
+    showRadioButtons?: boolean;
+    multiple?: boolean;
+};
+export declare const SelectOption: ({ multiple, showRadioButtons, renderOption, ...props }: OptionType) => JSX.Element;
+export {};

package/src/tedi/components/form/select/components/select-option.es.js

@@ -0,0 +1,11 @@
+import { SelectMultiOption as o } from "./select-multi-option.es.js";
+import { SelectSingleOption as r } from "./select-single-option.es.js";
+const m = ({ multiple: n, showRadioButtons: i, renderOption: e, ...t }) => n ? o({ renderOption: e, ...t }) : r({
+  showRadioButtons: i,
+  renderOption: e,
+  ...t,
+  innerProps: { ...t.innerProps, tabIndex: 0 }
+});
+export {
+  m as SelectOption
+};

package/src/tedi/components/form/select/components/select-single-option.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("../../../../../../external/classnames/index.cjs.js"),n=require("../../radio/radio.cjs.js"),t=require("../select.module.scss.cjs.js"),s=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),u=({showRadioButtons:a,renderOption:l,...e})=>{const d=c.default(t.default["tedi-select__option"],{[t.default["tedi-select__option--disabled"]]:e.isDisabled},{[t.default["tedi-select__option--selected"]]:e.isSelected},{[t.default["tedi-select__option--focused"]]:e.isFocused});return i.jsx(s.c.Option,{...e,innerProps:{role:"option","aria-selected":e.isSelected,"aria-disabled":e.isDisabled,...e.innerProps},className:d,children:a?i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"sr-only",children:e.label}),i.jsx(n.Radio,{label:e.label,id:e.data.value,name:e.data.value,className:t.default["tedi-select__radio"],value:e.data.value,checked:e.isSelected,disabled:e.isDisabled})]}):l?l(e):e.children})};exports.SelectSingleOption=u;

package/src/tedi/components/form/select/components/select-single-option.d.ts

@@ -0,0 +1,8 @@
+import { OptionProps } from 'react-select';
+import { ISelectOption } from '../select';
+type SingleOptionType = OptionProps<ISelectOption, boolean> & {
+    showRadioButtons?: boolean;
+    renderOption?: (props: OptionProps<ISelectOption, boolean>) => JSX.Element;
+};
+export declare const SelectSingleOption: ({ showRadioButtons, renderOption, ...props }: SingleOptionType) => JSX.Element;
+export {};

package/src/tedi/components/form/select/components/select-single-option.es.js

@@ -0,0 +1,44 @@
+import { jsx as l, jsxs as s, Fragment as c } from "react/jsx-runtime";
+import n from "../../../../../../external/classnames/index.es.js";
+import { Radio as o } from "../../radio/radio.es.js";
+import i from "../select.module.scss.es.js";
+import { c as m } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const h = ({ showRadioButtons: a, renderOption: t, ...e }) => {
+  const d = n(
+    i["tedi-select__option"],
+    { [i["tedi-select__option--disabled"]]: e.isDisabled },
+    { [i["tedi-select__option--selected"]]: e.isSelected },
+    { [i["tedi-select__option--focused"]]: e.isFocused }
+  );
+  return /* @__PURE__ */ l(
+    m.Option,
+    {
+      ...e,
+      innerProps: {
+        role: "option",
+        "aria-selected": e.isSelected,
+        "aria-disabled": e.isDisabled,
+        ...e.innerProps
+      },
+      className: d,
+      children: a ? /* @__PURE__ */ s(c, { children: [
+        /* @__PURE__ */ l("span", { className: "sr-only", children: e.label }),
+        /* @__PURE__ */ l(
+          o,
+          {
+            label: e.label,
+            id: e.data.value,
+            name: e.data.value,
+            className: i["tedi-select__radio"],
+            value: e.data.value,
+            checked: e.isSelected,
+            disabled: e.isDisabled
+          }
+        )
+      ] }) : t ? t(e) : e.children
+    }
+  );
+};
+export {
+  h as SelectSingleOption
+};

package/src/tedi/components/form/select/components/select-value-container.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../../../../../external/classnames/index.cjs.js"),a=require("../select.module.scss.cjs.js"),l=require("../../../../../../external/react-select/dist/index-641ee5b8.esm.cjs.js"),u=({children:t,...e})=>n.jsx(l.c.ValueContainer,{...e,className:r.default(a.default["tedi-select__value-container"],e.className),children:t});exports.SelectValueContainer=u;

package/src/tedi/components/form/select/components/select-value-container.d.ts

@@ -0,0 +1,2 @@
+import { UnknownType } from '../../../../types/commonTypes';
+export declare const SelectValueContainer: ({ children, ...props }: UnknownType) => import("react/jsx-runtime").JSX.Element;

package/src/tedi/components/form/select/components/select-value-container.es.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "../../../../../../external/classnames/index.es.js";
+import r from "../select.module.scss.es.js";
+import { c as s } from "../../../../../../external/react-select/dist/index-641ee5b8.esm.es.js";
+const i = ({ children: t, ...e }) => /* @__PURE__ */ o(
+  s.ValueContainer,
+  {
+    ...e,
+    className: a(r["tedi-select__value-container"], e.className),
+    children: t
+  }
+);
+export {
+  i as SelectValueContainer
+};

package/src/tedi/components/form/select/examples/async.d.ts

@@ -0,0 +1,3 @@
+import { StoryFn } from '@storybook/react';
+import Select from '../select';
+export declare const AsyncSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/custom-option.d.ts

@@ -0,0 +1,3 @@
+import { StoryFn } from '@storybook/react';
+import Select from '../select';
+export declare const CustomOptionSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/editable.d.ts

@@ -0,0 +1,3 @@
+import { StoryFn } from '@storybook/react';
+import Select from '../select';
+export declare const EditableSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/multiple-handled.d.ts

@@ -0,0 +1,4 @@
+import { StoryFn } from '@storybook/react';
+import Select, { ISelectOption } from '../select';
+export declare const colourOptions: ISelectOption[];
+export declare const MultipleHandledTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/select.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),fe=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),ge=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Se=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),Me=require("../feedback-text/feedback-text.cjs.js"),be=require("../form-label/form-label.cjs.js"),Ie=require("./components/select-clear-indicator.cjs.js"),qe=require("./components/select-control.cjs.js"),Ce=require("./components/select-dropdown-indicator.cjs.js"),Oe=require("./components/select-group.cjs.js"),ve=require("./components/select-group-heading.cjs.js"),Le=require("./components/select-indicators-container.cjs.js"),Ve=require("./components/select-input.cjs.js"),Re=require("./components/select-loading-indicator.cjs.js"),he=require("./components/select-menu.cjs.js"),ye=require("./components/select-menu-list.cjs.js"),xe=require("./components/select-menu-portal.cjs.js"),_e=require("./components/select-multi-value.cjs.js"),we=require("./components/select-multi-value-remove.cjs.js"),Ne=require("./components/select-option.cjs.js"),je=require("./components/select-value-container.cjs.js"),n=require("./select.module.scss.cjs.js"),Pe=require("../../../providers/label-provider/use-labels.cjs.js"),f=m.forwardRef((L,V)=>{const{options:R,defaultOptions:h,id:s,name:y,iconName:x="arrow_drop_down",label:_,required:g,value:w,defaultValue:N,tagsDirection:S="row",onChange:i,onInputChange:j,inputValue:P,loadOptions:T,isLoading:G,openMenuOnFocus:H=!1,openMenuOnClick:D=!0,tabSelectsValue:F=!1,disabled:M=!1,className:$,hideLabel:k=!1,helper:t,placeholder:B,invalid:E,valid:z,size:c,async:A=!1,renderOption:W,renderMessageListFooter:J,noOptionsMessage:K,loadingMessage:Q,multiple:u=!1,closeMenuOnSelect:U=!u,blurInputOnSelect:b=!1,autoFocus:X=!1,isClearable:Y=!0,isClearIndicatorVisible:Z=!1,isSearchable:I=!0,menuIsOpen:ee,onMenuClose:te,onMenuOpen:ne,onBlur:se,inputIsHidden:le,isTagRemovable:q=!1,optionGroupHeadingText:oe={modifiers:"small",color:"tertiary"},cacheOptions:ae=!0,showRadioButtons:re=!1,renderWithoutLabel:ie,tooltip:ce,classNames:C}=L,O=t?(t==null?void 0:t.id)??`${s}-helper`:void 0,o=m.useRef(null),{getLabel:v}=Pe.useLabels();m.useImperativeHandle(V,()=>o.current);const ue=d=>{i==null||i(d),!b&&o.current&&setTimeout(()=>{var a,r;return(r=(a=o.current)==null?void 0:a.inputRef)==null?void 0:r.focus()},0)},de=()=>{const d={ClearIndicator:e=>Ie.SelectClearIndicator({isClearIndicatorVisible:Z,...e}),DropdownIndicator:()=>Ce.SelectDropDownIndicator({iconName:x}),IndicatorSeparator:()=>null,MenuPortal:xe.SelectMenuPortal,Menu:he.SelectMenu,MenuList:e=>ye.SelectMenuList({renderMessageListFooter:J,...e}),Option:e=>Ne.SelectOption({renderOption:W,multiple:u,showRadioButtons:re,...e}),Control:qe.SelectControl,Input:Ve.SelectInput,MultiValue:e=>_e.SelectMultiValue({isTagRemovable:q,...e}),MultiValueRemove:we.SelectMultiValueRemove,Group:Oe.SelectGroup,GroupHeading:e=>ve.SelectGroupHeading({optionGroupHeadingText:oe,...e}),IndicatorsContainer:Le.SelectIndicatorsContainer,ValueContainer:je.SelectValueContainer,LoadingIndicator:Re.SelectLoadingIndicator},a=A?Se.default:ge.default,r=()=>v("select.no-options"),me=()=>v("select.loading");return l.jsx(a,{id:s,"aria-describedby":O,autoFocus:X,ref:o,instanceId:s,className:"tedi-select__wrapper",name:y,options:R,defaultOptions:h,value:w,defaultValue:N,cacheOptions:ae,onChange:ue,onInputChange:j,onBlur:se,inputValue:P,inputId:`${s}-input`,loadOptions:T,isLoading:G,noOptionsMessage:K||r,loadingMessage:Q||me,classNamePrefix:"select",components:d,isDisabled:M,isSearchable:I,menuIsOpen:ee,openMenuOnFocus:H,openMenuOnClick:D,tabSelectsValue:F,onMenuClose:te,onMenuOpen:ne,placeholder:B||"",isClearable:Y,backspaceRemovesValue:q,menuShouldScrollIntoView:!0,isMulti:u,hideSelectedOptions:!1,closeMenuOnSelect:U,blurInputOnSelect:b,menuPlacement:"auto",inputIsHidden:le,required:g,menuPortalTarget:document.body,menuPosition:"absolute",classNames:C?Object.fromEntries(Object.entries(C).map(([e,p])=>[e,typeof p=="string"?()=>p:p])):void 0,theme:e=>({...e,colors:{...e.colors,primary:"var(--blue-600)",danger:"var(--red-600)",dangerLight:"var(--red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},pe=fe.default(n.default["tedi-select"],$,{[n.default["tedi-select--invalid"]]:E||(t==null?void 0:t.type)==="error"},{[n.default["tedi-select--valid"]]:z||(t==null?void 0:t.type)==="valid"},{[n.default[`tedi-select--${c}`]]:c},{[n.default[`tedi-select--tags-${S}`]]:S},{[n.default["tedi-select--searchable"]]:I},{[n.default["tedi-select--disabled"]]:M});return l.jsxs("div",{"data-name":"select",className:pe,children:[l.jsxs("div",{className:n.default["tedi-select__inner"],children:[l.jsx(be.FormLabel,{id:`${s}-input`,label:_,required:g,hideLabel:k,size:c,renderWithoutLabel:ie,tooltip:ce}),de()]}),t&&l.jsx(Me.FeedbackText,{...t,id:O})]})});f.displayName="Select";exports.Select=f;exports.default=f;