@transferwise/components 0.0.0-experimental-d2d2f1f → 0.0.0-experimental-d6b038b

package/build/styles/inputs/SelectInput/OptionContent/SelectInputOptionContent.css

@@ -0,0 +1,37 @@
+.np-select-input-option-content-container {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 8px;
+       column-gap: 8px;
+  -moz-column-gap: var(--size-8);
+       column-gap: var(--size-8);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-select-input-option-content-icon {
+  display: flex;
+}
+.np-select-input-option-content-icon--not-within-trigger {
+  align-self: flex-start;
+}
+.np-select-input-option-content-text {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+}
+.np-select-input-option-content-text-secondary {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+}
+.np-select-input-option-content-text-within-trigger {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.np-select-input-option-content-text-line-1 > :not([hidden]) ~ :not([hidden]) {
+  margin-right: 8px;
+  margin-right: var(--size-8);
+  margin-left: 8px;
+  margin-left: var(--size-8);
+}

package/build/styles/inputs/SelectInput/Options/SelectInputOptions.css

@@ -0,0 +1,81 @@
+.np-select-input-options-container {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+}
+.np-select-input-options-container:focus {
+  outline: none;
+}
+@media (min-width: 576px) {
+  .np-select-input-options-container {
+    max-height: 28rem /* 448px */;
+  }
+}
+.np-select-input-options-status {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 8px;
+       column-gap: 8px;
+  -moz-column-gap: var(--size-8);
+       column-gap: var(--size-8);
+  padding: 8px 24px 0px;
+  padding: var(--size-8) var(--size-24) 0px;
+}
+.np-select-input-options-status-icon {
+  padding: 0 4px;
+  padding: 0 var(--size-4);
+  color: #768e9c;
+  color: var(--color-content-tertiary);
+}
+.np-select-input-query-container {
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  padding: var(--size-8);
+}
+.np-select-input-listbox-container {
+  position: relative;
+  height: var(--initial-height);
+  scroll-padding-top: 8px;
+  scroll-padding-top: var(--size-8);
+  scroll-padding-bottom: 8px;
+  scroll-padding-bottom: var(--size-8);
+  overflow-y: auto;
+}
+@media (min-width: 576px) {
+  .np-select-input-listbox-container {
+    height: auto;
+  }
+}
+.np-select-input-listbox-container--virtualized {
+  /* The wrapping element shrinks this as needed */
+  height: 100vh;
+}
+.np-select-input-listbox-container--has-group {
+  scroll-padding-top: 32px;
+  scroll-padding-top: var(--size-32);
+}
+.np-select-input-listbox {
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+  padding: 8px;
+  padding: var(--size-8);
+  --ring-outline-offset: calc(-1 * var(--ring-outline-width));
+}
+.np-select-input-listbox:focus {
+  outline: none;
+}
+.np-select-input-listbox:focus-visible {
+  outline: var(--ring-outline-color) solid var(--ring-outline-width);
+  outline-offset: var(--ring-outline-offset);
+}
+.np-select-input-listbox-container--virtualized .np-select-input-listbox {
+  /* Adopted from `VList` in virtua: https://github.com/inokawa/virtua/blob/7f6ed5b37df6b480d4ff350f3960067c5b3519d2/src/react/VList.tsx#L113-L116 */
+  overflow-y: auto;
+  contain: strict;
+  height: 100%;
+}
+.np-select-input-footer {
+  padding: 4px 24px 16px;
+  padding: var(--size-4) var(--size-24) var(--size-16);
+}

package/build/styles/inputs/SelectInput/Popover/SelectInputPopover.css

@@ -0,0 +1,46 @@
+.np-popover-v2-container {
+  z-index: 1060;
+  display: flex;
+  max-height: var(--max-height);
+  width: var(--width);
+  flex-direction: column;
+  overflow: hidden;
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+  background-color: #ffffff;
+  background-color: var(--color-background-elevated);
+  box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
+}
+.np-popover-v2-container--size-md {
+  min-width: 20rem;
+}
+.np-popover-v2-container--size-lg {
+  min-width: 24rem;
+}
+.np-popover-v2-container:focus {
+  outline: none;
+}
+.np-popover-v2 {
+  display: grid;
+  grid-row-gap: 8px;
+  grid-row-gap: var(--size-8);
+  row-gap: 8px;
+  row-gap: var(--size-8);
+  overflow-y: auto;
+  grid-template-rows: minmax(0, 1fr);
+}
+.np-popover-v2--has-title {
+  grid-template-rows: auto minmax(0, 1fr);
+}
+.np-popover-v2--padding-md {
+  padding: 16px;
+  padding: var(--size-16);
+}
+.np-popover-v2-title {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-popover-v2-content {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+}

package/build/styles/main.css

@@ -4002,14 +4002,91 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   color: #5d7079;
   color: var(--color-content-secondary);
 }
-.np-select-input-content {
+.np-select-input-option-container {
+  display: flex;
+  cursor: default;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
+  -moz-column-gap: 8px;
+       column-gap: 8px;
+  -moz-column-gap: var(--size-8);
+       column-gap: var(--size-8);
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+  padding: 12px 16px;
+  padding: var(--size-12) var(--size-16);
+  color: var(--color-interactive-primary);
+}
+.np-select-input-option-container:focus {
+  outline: none;
+}
+.np-select-input-option-container--active {
+  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
+}
+.np-select-input-option-container--disabled {
+  opacity: 0.45;
+}
+.np-select-input-option-check--not-selected {
+  visibility: hidden;
+}
+.np-select-input-option {
+  flex: 1;
+}
+.np-select-input-option-content-container {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 8px;
+       column-gap: 8px;
+  -moz-column-gap: var(--size-8);
+       column-gap: var(--size-8);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-select-input-option-content-icon {
+  display: flex;
+}
+.np-select-input-option-content-icon--not-within-trigger {
+  align-self: flex-start;
+}
+.np-select-input-option-content-text {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+}
+.np-select-input-option-content-text-secondary {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+}
+.np-select-input-option-content-text-within-trigger {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.np-select-input-placeholder {
-  color: #768e9c;
-  color: var(--color-content-tertiary);
+.np-select-input-option-content-text-line-1 > :not([hidden]) ~ :not([hidden]) {
+  margin-right: 8px;
+  margin-right: var(--size-8);
+  margin-left: 8px;
+  margin-left: var(--size-8);
+}
+.np-select-input-group-item--without-needle:first-child {
+  margin-top: calc(-1 * 8px);
+  margin-top: calc(-1 * var(--size-8));
+}
+.np-select-input-group-item-header {
+  position: sticky;
+  top: 0px;
+  z-index: 10;
+  background-color: #ffffff;
+  background-color: var(--color-background-elevated);
+}
+.np-select-input-separator-item {
+  margin: 8px;
+  margin: var(--size-8);
+  border-top-width: 1px;
 }
 .np-select-input-options-container {
   display: flex;
@@ -4088,92 +4165,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   contain: strict;
   height: 100%;
 }
-.np-select-input-separator-item {
-  margin: 8px;
-  margin: var(--size-8);
-  border-top-width: 1px;
-}
-.np-select-input-group-item--without-needle:first-child {
-  margin-top: calc(-1 * 8px);
-  margin-top: calc(-1 * var(--size-8));
-}
-.np-select-input-group-item-header {
-  position: sticky;
-  top: 0px;
-  z-index: 10;
-  background-color: #ffffff;
-  background-color: var(--color-background-elevated);
-}
-.np-select-input-option-container {
-  display: flex;
-  cursor: default;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  align-items: center;
-  -moz-column-gap: 8px;
-       column-gap: 8px;
-  -moz-column-gap: var(--size-8);
-       column-gap: var(--size-8);
-  border-radius: 10px;
-  border-radius: var(--radius-small);
-  padding: 12px 16px;
-  padding: var(--size-12) var(--size-16);
-  color: var(--color-interactive-primary);
-}
-.np-select-input-option-container:focus {
-  outline: none;
-}
-.np-select-input-option-container--active {
-  box-shadow: inset 0 0 0 1px #c9cbce;
-  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
-}
-.np-select-input-option-container--disabled {
-  opacity: 0.45;
-}
-.np-select-input-option-check--not-selected {
-  visibility: hidden;
-}
-.np-select-input-option {
-  flex: 1;
-}
-.np-select-input-option-content-container {
-  display: flex;
-  align-items: center;
-  -moz-column-gap: 8px;
-       column-gap: 8px;
-  -moz-column-gap: var(--size-8);
-       column-gap: var(--size-8);
-  color: #37517e;
-  color: var(--color-content-primary);
-}
-.np-select-input-option-content-icon {
-  display: flex;
-}
-.np-select-input-option-content-icon--not-within-trigger {
-  align-self: flex-start;
-}
-.np-select-input-option-content-text {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  overflow: hidden;
-}
-.np-select-input-option-content-text-secondary {
-  color: #5d7079;
-  color: var(--color-content-secondary);
-}
-.np-select-input-option-content-text-within-trigger {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.np-select-input-option-content-text-line-1 > :not([hidden]) ~ :not([hidden]) {
-  margin-right: 8px;
-  margin-right: var(--size-8);
-  margin-left: 8px;
-  margin-left: var(--size-8);
-}
 .np-select-input-footer {
   padding: 4px 24px 16px;
   padding: var(--size-4) var(--size-24) var(--size-16);
@@ -4224,6 +4215,15 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   border-inline-start: 1px solid rgba(0,0,0,0.10196);
   border-inline-start: 1px solid var(--color-border-neutral);
 }
+.np-select-input-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.np-select-input-placeholder {
+  color: #768e9c;
+  color: var(--color-content-tertiary);
+}
 .np-text-area {
   min-height: 72px;
   min-height: var(--size-72);

package/build/types/inputs/{_BottomSheet.d.ts → SelectInput/BottomSheet/SelectInputBottomSheet.d.ts}

@@ -1,4 +1,4 @@
-export interface BottomSheetProps {
+export interface SelectInputBottomSheetProps {
     open: boolean;
     renderTrigger?: (args: {
         ref: React.RefCallback<Element>;
@@ -13,5 +13,5 @@ export interface BottomSheetProps {
     onClose?: () => void;
     onCloseEnd?: () => void;
 }
-export declare function BottomSheet({ open, renderTrigger, title, initialFocusRef, padding, children, onClose, onCloseEnd, }: BottomSheetProps): import("react").JSX.Element;
-//# sourceMappingURL=_BottomSheet.d.ts.map
+export declare function SelectInputBottomSheet({ open, renderTrigger, title, initialFocusRef, padding, children, onClose, onCloseEnd, }: SelectInputBottomSheetProps): import("react").JSX.Element;
+//# sourceMappingURL=SelectInputBottomSheet.d.ts.map

package/build/types/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputBottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YACvE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,aAAa,EACb,KAAK,EACL,eAAe,EACf,OAAc,EACd,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,2BAA2B,+BA4F7B"}

package/build/types/inputs/SelectInput/BottomSheet/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectInputBottomSheet } from './SelectInputBottomSheet';
+export type { SelectInputBottomSheetProps } from './SelectInputBottomSheet';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/BottomSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/BottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}

package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts

@@ -0,0 +1,5 @@
+export interface SelectInputButtonInputProps extends React.ComponentPropsWithRef<'button'> {
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare const SelectInputButtonInput: import("react").ForwardRefExoticComponent<Omit<SelectInputButtonInputProps, "ref"> & import("react").RefAttributes<HTMLButtonElement | null>>;
+//# sourceMappingURL=SelectInputButtonInput.d.ts.map

package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputButtonInput.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ButtonInput/SelectInputButtonInput.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IACxF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,sBAAsB,+IAejC,CAAC"}

package/build/types/inputs/SelectInput/ButtonInput/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectInputButtonInput } from './SelectInputButtonInput';
+export type { SelectInputButtonInputProps } from './SelectInputButtonInput';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/ButtonInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ButtonInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}

package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts

@@ -0,0 +1,7 @@
+export interface SelectInputClearButtonProps extends Pick<React.ComponentPropsWithoutRef<'button'>, 'className' | 'onClick'> {
+}
+/**
+ * A button component used to clear the selected value in a SelectInput.
+ */
+export declare function SelectInputClearButton({ className, onClick }: SelectInputClearButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=SelectInputClearButton.d.ts.map

package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputClearButton.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ClearButton/SelectInputClearButton.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,WAAW,GAAG,SAAS,CACxB;CAAG;AAEJ;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,2BAA2B,+BAazF"}

package/build/types/inputs/SelectInput/ClearButton/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectInputClearButton } from './SelectInputClearButton';
+export type { SelectInputClearButtonProps } from './SelectInputClearButton';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/ClearButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ClearButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}

package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface SelectInputDefaultRenderTriggerProps {
+    content: React.ReactNode;
+    placeholderShown: boolean;
+    clear: (() => void) | undefined;
+    disabled: boolean;
+    size: 'sm' | 'md' | 'lg';
+    className: string | undefined;
+}
+/**
+ * Default render function for the SelectInput trigger.
+ * Displays the selected value or placeholder with clear button and dropdown indicator.
+ */
+export declare function SelectInputDefaultRenderTrigger({ content, placeholderShown, clear, disabled, size, className, }: SelectInputDefaultRenderTriggerProps): React.JSX.Element;
+export declare const DefaultRenderTrigger: typeof SelectInputDefaultRenderTrigger;
+//# sourceMappingURL=SelectInputDefaultRenderTrigger.d.ts.map

package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputDefaultRenderTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,oCAAoC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B;AAED;;;GAGG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,GACV,EAAE,oCAAoC,qBAwCtC;AAED,eAAO,MAAM,oBAAoB,wCAC4C,CAAC"}

package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectInputDefaultRenderTrigger, DefaultRenderTrigger, type SelectInputDefaultRenderTriggerProps, } from './SelectInputDefaultRenderTrigger';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/DefaultRenderTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,+BAA+B,EAC/B,oBAAoB,EACpB,KAAK,oCAAoC,GAC1C,MAAM,mCAAmC,CAAC"}

package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts

@@ -0,0 +1,9 @@
+import { SelectInputGroupItem } from '../../SelectInput.types';
+import { SelectInputItemViewProps } from '..';
+export interface SelectInputGroupItemViewProps<T = string> extends SelectInputItemViewProps<T, SelectInputGroupItem<T | undefined>> {
+}
+/**
+ * Component that renders a group of SelectInput options with a header.
+ */
+export declare function SelectInputGroupItemView<T = string>({ item, renderValue, needle, }: SelectInputGroupItemViewProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=SelectInputGroupItemView.d.ts.map

package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputGroupItemView.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAuB,wBAAwB,EAAE,MAAM,IAAI,CAAC;AAEnE,MAAM,WAAW,6BAA6B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,wBAAwB,CACzF,CAAC,EACD,oBAAoB,CAAC,CAAC,GAAG,SAAS,CAAC,CACpC;CAAG;AAEJ;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,GAAG,MAAM,EAAE,EACnD,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE,6BAA6B,CAAC,CAAC,CAAC,+BAyClC"}

package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectInputGroupItemView } from './SelectInputGroupItemView';
+export type { SelectInputGroupItemViewProps } from './SelectInputGroupItemView';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/ItemView/GroupItemView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC"}

package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts

@@ -0,0 +1,11 @@
+import { SelectInputItem, SelectInputProps } from '../SelectInput.types';
+export interface SelectInputItemViewProps<T = string, I extends SelectInputItem<T | undefined> = SelectInputItem<T | undefined>> extends Required<Pick<SelectInputProps<T>, 'renderValue'>> {
+    item: I;
+    needle: string | null | undefined;
+}
+/**
+ * Component that renders different types of SelectInput items:
+ * options, groups, or separators.
+ */
+export declare function SelectInputItemView<T = string>({ item, renderValue, needle, }: SelectInputItemViewProps<T>): import("react").JSX.Element | null;
+//# sourceMappingURL=SelectInputItemView.d.ts.map

package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputItemView.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ItemView/SelectInputItemView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIzE,MAAM,WAAW,wBAAwB,CACvC,CAAC,GAAG,MAAM,EACV,CAAC,SAAS,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CACzE,SAAQ,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IAC1D,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACnC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,MAAM,EAAE,EAC9C,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE,wBAAwB,CAAC,CAAC,CAAC,sCA0B7B"}

package/build/types/inputs/SelectInput/ItemView/index.d.ts

@@ -0,0 +1,4 @@
+export { SelectInputItemView } from './SelectInputItemView';
+export type { SelectInputItemViewProps } from './SelectInputItemView';
+export * from './GroupItemView';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/ItemView/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ItemView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,cAAc,iBAAiB,CAAC"}

package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts

@@ -0,0 +1,11 @@
+export interface SelectInputOptionProps<T = string> {
+    value: T;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * A selectable option in a SelectInput dropdown.
+ * Includes accessibility support and styling for selected, active, and disabled states.
+ */
+export declare function SelectInputOption<T = string>({ value, disabled, children, }: SelectInputOptionProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=SelectInputOption.d.ts.map

package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputOption.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/Option/SelectInputOption.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,MAAM;IAChD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,CAAC,CAAC,CAAC,+BAiC3B"}

package/build/types/inputs/SelectInput/Option/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectInputOption } from './SelectInputOption';
+export type { SelectInputOptionProps } from './SelectInputOption';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/Option/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/Option/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts

@@ -0,0 +1,13 @@
+export interface SelectInputOptionContentProps {
+    title: React.ReactNode;
+    note?: string;
+    description?: string;
+    icon?: React.ReactNode;
+}
+/**
+ * Component for rendering structured content within a SelectInput option.
+ * Supports title, optional note, description, and icon with different styling
+ * based on whether it's rendered within the trigger button or the dropdown.
+ */
+export declare function SelectInputOptionContent({ title, note, description, icon, }: SelectInputOptionContentProps): import("react").JSX.Element;
+//# sourceMappingURL=SelectInputOptionContent.d.ts.map

package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputOptionContent.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,GACL,EAAE,6BAA6B,+BAkD/B"}

package/build/types/inputs/SelectInput/OptionContent/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectInputOptionContent } from './SelectInputOptionContent';
+export type { SelectInputOptionContentProps } from './SelectInputOptionContent';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/OptionContent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/OptionContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC"}

package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts

@@ -0,0 +1,9 @@
+export interface SelectInputOptionsContainerProps extends React.ComponentPropsWithRef<'div'> {
+    onAriaActiveDescendantChange: (value: React.AriaAttributes['aria-activedescendant']) => void;
+}
+/**
+ * Container component for SelectInput options.
+ * Handles keyboard navigation and accessibility features.
+ */
+export declare const SelectInputOptionsContainer: import("react").ForwardRefExoticComponent<Omit<SelectInputOptionsContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement | null>>;
+//# sourceMappingURL=SelectInputOptionsContainer.d.ts.map

package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputOptionsContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC;IAC1F,4BAA4B,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CAC9F;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,iJA+CtC,CAAC"}

package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts

@@ -0,0 +1,3 @@
+export { SelectInputOptionsContainer } from './SelectInputOptionsContainer';
+export type { SelectInputOptionsContainerProps } from './SelectInputOptionsContainer';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/Options/OptionsContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC"}

package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts

@@ -0,0 +1,21 @@
+import { SelectInputProps } from '../SelectInput.types';
+/**
+ * Props for the SelectInputOptions component.
+ */
+export interface SelectInputOptionsProps<T = string> extends Pick<SelectInputProps<T>, 'items' | 'renderValue' | 'renderFooter' | 'filterable' | 'filterPlaceholder' | 'id' | 'parentId' | 'compareValues' | 'sortFilteredOptions'> {
+    searchInputRef: React.MutableRefObject<HTMLInputElement | null>;
+    listboxRef: React.MutableRefObject<HTMLDivElement | null>;
+    filterQuery: string;
+    onFilterChange: (query: string) => void;
+    listBoxLabel?: string;
+    listBoxLabelledBy?: string;
+    autocomplete?: string;
+    name?: string;
+    onAutocompleteSelect?: (value: T) => void;
+}
+/**
+ * The main options container component for SelectInput.
+ * Manages filtering, virtualisation, and rendering of options.
+ */
+export declare function SelectInputOptions<T = string>({ id, parentId, items, compareValues: compareValuesProp, renderValue, renderFooter, filterable, filterPlaceholder, sortFilteredOptions, searchInputRef, listboxRef, filterQuery, onFilterChange, listBoxLabel, listBoxLabelledBy, autocomplete, name, onAutocompleteSelect, }: SelectInputOptionsProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=SelectInputOptions.d.ts.map

package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputOptions.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/Options/SelectInputOptions.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAyB,gBAAgB,EAAmB,MAAM,sBAAsB,CAAC;AAMhG;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,IAAI,CAC/D,gBAAgB,CAAC,CAAC,CAAC,EACjB,OAAO,GACP,aAAa,GACb,cAAc,GACd,YAAY,GACZ,mBAAmB,GACnB,IAAI,GACJ,UAAU,GACV,eAAe,GACf,qBAAqB,CACxB;IACC,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1D,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3C;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,MAAM,EAAE,EAC7C,EAAE,EACF,QAAQ,EACR,KAAK,EACL,aAAa,EAAE,iBAAiB,EAChC,WAAoB,EACpB,YAAY,EACZ,UAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,WAAW,EACX,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,IAAI,EACJ,oBAAoB,GACrB,EAAE,uBAAuB,CAAC,CAAC,CAAC,+BA+U5B"}

package/build/types/inputs/SelectInput/Options/index.d.ts

@@ -0,0 +1,4 @@
+export { SelectInputOptions } from './SelectInputOptions';
+export type { SelectInputOptionsProps } from './SelectInputOptions';
+export * from './OptionsContainer';
+//# sourceMappingURL=index.d.ts.map

package/build/types/inputs/SelectInput/Options/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/Options/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,cAAc,oBAAoB,CAAC"}