@impulse-ui-native/select 2.1.0 → 2.1.2

package/dist/components/index.d.mts

@@ -0,0 +1,6 @@
+export { Select } from './select.mjs';
+export { MultiSelect } from './multi-select.mjs';
+import '../types/select.types.mjs';
+import 'react';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';

package/dist/components/index.js

@@ -0,0 +1,7 @@
+import { Select } from "./select";
+import { MultiSelect } from "./multi-select";
+export {
+  MultiSelect,
+  Select
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export { Select } from \"./select\";\nexport { MultiSelect } from \"./multi-select\";\n"],"mappings":"AAAA,SAAS,cAAc;AACvB,SAAS,mBAAmB;","names":[]}

package/dist/components/multi-select.d.mts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { PrimitiveValue, MultiSelectProps } from '../types/select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare const MultiSelect: <Value extends PrimitiveValue>(props: MultiSelectProps<Value>) => ReactElement | null;
+
+export { MultiSelect };

package/dist/components/multi-select.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useId } from "react";
+import { useIsOpen } from "@impulse-ui-native/core";
+import { Control, Tag, View } from "@impulse-ui-native/primitives";
+import { useMultiSelect } from "../hooks/use-multi-select.hook";
+import { SelectControl } from "./select-control";
+import { SelectFlyout } from "./select.flyout";
+function MultiSelectComponent(props) {
+  const { options, value, defaultValue, onChange, placeholder, ...rest } = props;
+  const id = useId();
+  const { isOpen, open, close } = useIsOpen();
+  const { selected, hasSelected, select, isSelected, getLabel } = useMultiSelect({
+    options,
+    value,
+    defaultValue,
+    onChange
+  });
+  return /* @__PURE__ */ jsxs(SelectControl, { ...rest, onPress: open, children: [
+    !hasSelected ? /* @__PURE__ */ jsx(Control.Placeholder, { children: placeholder }) : null,
+    hasSelected ? /* @__PURE__ */ jsx(
+      View,
+      {
+        flex: 1,
+        flexDirection: "row",
+        gap: 4,
+        marginHorizontal: 4,
+        overflow: "hidden",
+        children: selected ? selected.map((value2) => /* @__PURE__ */ jsx(
+          Tag,
+          {
+            variant: "filled",
+            size: props.size,
+            closable: true,
+            onClose: () => select(value2),
+            label: String(getLabel(value2))
+          },
+          value2
+        )) : null
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      SelectFlyout,
+      {
+        id,
+        title: "Options",
+        open: isOpen,
+        options,
+        isSelected,
+        onCloseFinished: close,
+        onSelect: select
+      }
+    )
+  ] });
+}
+const MultiSelect = memo(MultiSelectComponent);
+export {
+  MultiSelect
+};
+//# sourceMappingURL=multi-select.js.map

package/dist/components/multi-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/multi-select.tsx"],"sourcesContent":["import { memo, ReactElement, useId } from \"react\";\n\nimport { useIsOpen } from \"@impulse-ui-native/core\";\nimport { Control, Tag, View } from \"@impulse-ui-native/primitives\";\n\nimport { useMultiSelect } from \"../hooks/use-multi-select.hook\";\nimport { MultiSelectProps, PrimitiveValue } from \"../types\";\nimport { SelectControl } from \"./select-control\";\nimport { SelectFlyout } from \"./select.flyout\";\n\nfunction MultiSelectComponent<Value extends PrimitiveValue>(\n  props: MultiSelectProps<Value>,\n) {\n  const { options, value, defaultValue, onChange, placeholder, ...rest } =\n    props;\n  const id = useId();\n  const { isOpen, open, close } = useIsOpen();\n\n  const { selected, hasSelected, select, isSelected, getLabel } =\n    useMultiSelect({\n      options,\n      value,\n      defaultValue,\n      onChange,\n    });\n\n  return (\n    <SelectControl {...rest} onPress={open}>\n      {!hasSelected ? (\n        <Control.Placeholder>{placeholder}</Control.Placeholder>\n      ) : null}\n      {hasSelected ? (\n        <View\n          flex={1}\n          flexDirection=\"row\"\n          gap={4}\n          marginHorizontal={4}\n          overflow=\"hidden\"\n        >\n          {selected\n            ? selected.map((value) => (\n                <Tag\n                  variant=\"filled\"\n                  size={props.size}\n                  key={value}\n                  closable\n                  onClose={() => select(value)}\n                  label={String(getLabel(value))}\n                />\n              ))\n            : null}\n        </View>\n      ) : null}\n      <SelectFlyout\n        id={id}\n        title=\"Options\"\n        open={isOpen}\n        options={options}\n        isSelected={isSelected}\n        onCloseFinished={close}\n        onSelect={select}\n      />\n    </SelectControl>\n  );\n}\n\nexport const MultiSelect = memo(MultiSelectComponent) as <\n  Value extends PrimitiveValue,\n>(\n  props: MultiSelectProps<Value>,\n) => ReactElement | null;\n"],"mappings":"AA2BI,SAEI,KAFJ;AA3BJ,SAAS,MAAoB,aAAa;AAE1C,SAAS,iBAAiB;AAC1B,SAAS,SAAS,KAAK,YAAY;AAEnC,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAE7B,SAAS,qBACP,OACA;AACA,QAAM,EAAE,SAAS,OAAO,cAAc,UAAU,aAAa,GAAG,KAAK,IACnE;AACF,QAAM,KAAK,MAAM;AACjB,QAAM,EAAE,QAAQ,MAAM,MAAM,IAAI,UAAU;AAE1C,QAAM,EAAE,UAAU,aAAa,QAAQ,YAAY,SAAS,IAC1D,eAAe;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,SACE,qBAAC,iBAAe,GAAG,MAAM,SAAS,MAC/B;AAAA,KAAC,cACA,oBAAC,QAAQ,aAAR,EAAqB,uBAAY,IAChC;AAAA,IACH,cACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,eAAc;AAAA,QACd,KAAK;AAAA,QACL,kBAAkB;AAAA,QAClB,UAAS;AAAA,QAER,qBACG,SAAS,IAAI,CAACA,WACZ;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAM,MAAM;AAAA,YAEZ,UAAQ;AAAA,YACR,SAAS,MAAM,OAAOA,MAAK;AAAA,YAC3B,OAAO,OAAO,SAASA,MAAK,CAAC;AAAA;AAAA,UAHxBA;AAAA,QAIP,CACD,IACD;AAAA;AAAA,IACN,IACE;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,UAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;AAEO,MAAM,cAAc,KAAK,oBAAoB;","names":["value"]}

package/dist/components/option.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { OptionProps } from '../types/select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare const Option: react.MemoExoticComponent<(props: OptionProps) => react_jsx_runtime.JSX.Element>;
+
+export { Option };

package/dist/components/option.js

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { Icon } from "@impulse-ui-native/icon/components/icon";
+import { CheckIcon } from "@impulse-ui-native/icon/icons/check";
+import { Pressable, Typography, View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+const Option = memo(function Option2(props) {
+  const { label, selected, ...rest } = props;
+  const tokens = useComponentsTokens();
+  const optionTokens = tokens.select.option;
+  return /* @__PURE__ */ jsx(Pressable, { ...rest, children: /* @__PURE__ */ jsxs(
+    View,
+    {
+      padding: optionTokens.padding,
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsx(Typography.Body, { children: label }),
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: CheckIcon,
+            color: optionTokens.selectedIconColor,
+            opacity: selected ? optionTokens.selectedIconVisibleOpacity : optionTokens.selectedIconHiddenOpacity
+          }
+        )
+      ]
+    }
+  ) });
+});
+export {
+  Option
+};
+//# sourceMappingURL=option.js.map

package/dist/components/option.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/option.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Icon } from \"@impulse-ui-native/icon/components/icon\";\nimport { CheckIcon } from \"@impulse-ui-native/icon/icons/check\";\nimport { Pressable, Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { OptionProps } from \"../types\";\n\nexport const Option = memo(function Option(props: OptionProps) {\n  const { label, selected, ...rest } = props;\n\n  const tokens = useComponentsTokens();\n  const optionTokens = tokens.select.option;\n\n  return (\n    <Pressable {...rest}>\n      <View\n        padding={optionTokens.padding}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n      >\n        <Typography.Body>{label}</Typography.Body>\n\n        <Icon\n          icon={CheckIcon}\n          color={optionTokens.selectedIconColor}\n          opacity={\n            selected\n              ? optionTokens.selectedIconVisibleOpacity\n              : optionTokens.selectedIconHiddenOpacity\n          }\n        />\n      </View>\n    </Pressable>\n  );\n});\n"],"mappings":"AAiBM,SAME,KANF;AAjBN,SAAS,YAAY;AAErB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,WAAW,YAAY,YAAY;AAC5C,SAAS,2BAA2B;AAI7B,MAAM,SAAS,KAAK,SAASA,QAAO,OAAoB;AAC7D,QAAM,EAAE,OAAO,UAAU,GAAG,KAAK,IAAI;AAErC,QAAM,SAAS,oBAAoB;AACnC,QAAM,eAAe,OAAO,OAAO;AAEnC,SACE,oBAAC,aAAW,GAAG,MACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,aAAa;AAAA,MACtB,eAAc;AAAA,MACd,YAAW;AAAA,MACX,gBAAe;AAAA,MAEf;AAAA,4BAAC,WAAW,MAAX,EAAiB,iBAAM;AAAA,QAExB;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,aAAa;AAAA,YACpB,SACE,WACI,aAAa,6BACb,aAAa;AAAA;AAAA,QAErB;AAAA;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;","names":["Option"]}

package/dist/components/select-control.d.mts

@@ -0,0 +1,8 @@
+import { PropsWithChildren, ReactElement } from 'react';
+import { PrimitiveValue, SelectControlProps } from '../types/select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare const SelectControl: <Value extends PrimitiveValue>(props: PropsWithChildren<SelectControlProps<Value>>) => ReactElement | null;
+
+export { SelectControl };

package/dist/components/select-control.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { Control, Pressable } from "@impulse-ui-native/primitives";
+function SelectControlComponent(props) {
+  const {
+    size = "medium",
+    variant = "outlined",
+    label,
+    error,
+    disabled,
+    loading,
+    PrefixIcon,
+    Prefix,
+    onPressPrefix,
+    SuffixIcon,
+    Suffix,
+    onPressSuffix,
+    onPress,
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(
+    Control.Provider,
+    {
+      size,
+      variant,
+      error,
+      disabled,
+      children: /* @__PURE__ */ jsxs(Control.Root, { children: [
+        /* @__PURE__ */ jsx(Control.Label, { children: label }),
+        /* @__PURE__ */ jsx(Pressable, { onPress, children: /* @__PURE__ */ jsxs(Control.Container, { children: [
+          /* @__PURE__ */ jsx(
+            Control.Addon,
+            {
+              icon: PrefixIcon,
+              Content: Prefix,
+              onPress: onPressPrefix
+            }
+          ),
+          children,
+          /* @__PURE__ */ jsx(
+            Control.Addon,
+            {
+              icon: SuffixIcon,
+              Content: loading ? Control.Loader : Suffix,
+              onPress: onPressSuffix
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(Control.Error, {})
+      ] })
+    }
+  );
+}
+const SelectControl = memo(SelectControlComponent);
+export {
+  SelectControl
+};
+//# sourceMappingURL=select-control.js.map

package/dist/components/select-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/select-control.tsx"],"sourcesContent":["import { memo, PropsWithChildren, ReactElement } from \"react\";\n\nimport { Control, Pressable } from \"@impulse-ui-native/primitives\";\n\nimport { PrimitiveValue, SelectControlProps } from \"../types\";\n\nfunction SelectControlComponent<Value extends PrimitiveValue>(\n  props: PropsWithChildren<SelectControlProps<Value>>,\n) {\n  const {\n    size = \"medium\",\n    variant = \"outlined\",\n    label,\n    error,\n    disabled,\n    loading,\n    PrefixIcon,\n    Prefix,\n    onPressPrefix,\n    SuffixIcon,\n    Suffix,\n    onPressSuffix,\n    onPress,\n    children,\n  } = props;\n\n  return (\n    <Control.Provider\n      size={size}\n      variant={variant}\n      error={error}\n      disabled={disabled}\n    >\n      <Control.Root>\n        <Control.Label>{label}</Control.Label>\n        <Pressable onPress={onPress}>\n          <Control.Container>\n            <Control.Addon\n              icon={PrefixIcon}\n              Content={Prefix}\n              onPress={onPressPrefix}\n            />\n            {children}\n            <Control.Addon\n              icon={SuffixIcon}\n              Content={loading ? Control.Loader : Suffix}\n              onPress={onPressSuffix}\n            />\n          </Control.Container>\n        </Pressable>\n        <Control.Error />\n      </Control.Root>\n    </Control.Provider>\n  );\n}\n\nexport const SelectControl = memo(SelectControlComponent) as <\n  Value extends PrimitiveValue,\n>(\n  props: PropsWithChildren<SelectControlProps<Value>>,\n) => ReactElement | null;\n"],"mappings":"AAkCQ,cAEE,YAFF;AAlCR,SAAS,YAA6C;AAEtD,SAAS,SAAS,iBAAiB;AAInC,SAAS,uBACP,OACA;AACA,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,QAAQ,MAAR,EACC;AAAA,4BAAC,QAAQ,OAAR,EAAe,iBAAM;AAAA,QACtB,oBAAC,aAAU,SACT,+BAAC,QAAQ,WAAR,EACC;AAAA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,MAAM;AAAA,cACN,SAAS;AAAA,cACT,SAAS;AAAA;AAAA,UACX;AAAA,UACC;AAAA,UACD;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,MAAM;AAAA,cACN,SAAS,UAAU,QAAQ,SAAS;AAAA,cACpC,SAAS;AAAA;AAAA,UACX;AAAA,WACF,GACF;AAAA,QACA,oBAAC,QAAQ,OAAR,EAAc;AAAA,SACjB;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,gBAAgB,KAAK,sBAAsB;","names":[]}

package/dist/components/select.d.mts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { PrimitiveValue, SelectProps } from '../types/select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare const Select: <Value extends PrimitiveValue>(props: SelectProps<Value>) => ReactElement | null;
+
+export { Select };

package/dist/components/select.flyout.d.mts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { PrimitiveValue, SelectFlyoutProps } from '../types/select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare const SelectFlyout: <Value extends PrimitiveValue>(props: SelectFlyoutProps<Value>) => ReactElement | null;
+
+export { SelectFlyout };

package/dist/components/select.flyout.js

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import { FlatList } from "react-native";
+import { Flyout } from "@impulse-ui-native/flyout";
+import { Portal } from "@impulse-ui-native/portal";
+import { View } from "@impulse-ui-native/primitives";
+import { getOptionId } from "../utils";
+import { Option } from "./option";
+const SelectFlyoutComponent = function SelectFlyoutContent(props) {
+  const { options, isSelected, onSelect, ...rest } = props;
+  const renderItem = useCallback(
+    ({ item }) => {
+      return /* @__PURE__ */ jsx(
+        Option,
+        {
+          label: item.label,
+          onPress: () => onSelect(item.value),
+          disabled: item.disabled,
+          selected: isSelected(item.value)
+        }
+      );
+    },
+    [isSelected, onSelect]
+  );
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Flyout, { ...rest, children: /* @__PURE__ */ jsx(View, { height: 300, children: /* @__PURE__ */ jsx(
+    FlatList,
+    {
+      data: options,
+      renderItem,
+      keyExtractor: getOptionId,
+      showsHorizontalScrollIndicator: false,
+      showsVerticalScrollIndicator: false,
+      keyboardShouldPersistTaps: "handled",
+      removeClippedSubviews: true,
+      windowSize: 5,
+      initialNumToRender: 12,
+      maxToRenderPerBatch: 12,
+      updateCellsBatchingPeriod: 32
+    }
+  ) }) }) });
+};
+const SelectFlyout = memo(SelectFlyoutComponent);
+export {
+  SelectFlyout
+};
+//# sourceMappingURL=select.flyout.js.map

package/dist/components/select.flyout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/select.flyout.tsx"],"sourcesContent":["import { memo, ReactElement, useCallback } from \"react\";\nimport { FlatList, ListRenderItemInfo } from \"react-native\";\n\nimport { Flyout } from \"@impulse-ui-native/flyout\";\nimport { Portal } from \"@impulse-ui-native/portal\";\nimport { View } from \"@impulse-ui-native/primitives\";\n\nimport { PrimitiveValue, SelectFlyoutProps, SelectOption } from \"../types\";\nimport { getOptionId } from \"../utils\";\nimport { Option } from \"./option\";\n\nconst SelectFlyoutComponent = function SelectFlyoutContent<\n  Value extends PrimitiveValue,\n>(props: SelectFlyoutProps<Value>) {\n  const { options, isSelected, onSelect, ...rest } = props;\n\n  const renderItem = useCallback(\n    ({ item }: ListRenderItemInfo<SelectOption<Value>>) => {\n      return (\n        <Option\n          label={item.label}\n          onPress={() => onSelect(item.value)}\n          disabled={item.disabled}\n          selected={isSelected(item.value)}\n        />\n      );\n    },\n    [isSelected, onSelect],\n  );\n\n  return (\n    <Portal>\n      <Flyout {...rest}>\n        <View height={300}>\n          <FlatList\n            data={options}\n            renderItem={renderItem}\n            keyExtractor={getOptionId}\n            showsHorizontalScrollIndicator={false}\n            showsVerticalScrollIndicator={false}\n            keyboardShouldPersistTaps=\"handled\"\n            removeClippedSubviews\n            windowSize={5}\n            initialNumToRender={12}\n            maxToRenderPerBatch={12}\n            updateCellsBatchingPeriod={32}\n          />\n        </View>\n      </Flyout>\n    </Portal>\n  );\n};\n\nexport const SelectFlyout = memo(SelectFlyoutComponent) as <\n  Value extends PrimitiveValue,\n>(\n  props: SelectFlyoutProps<Value>,\n) => ReactElement | null;\n"],"mappings":"AAmBQ;AAnBR,SAAS,MAAoB,mBAAmB;AAChD,SAAS,gBAAoC;AAE7C,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAGrB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAEvB,MAAM,wBAAwB,SAAS,oBAErC,OAAiC;AACjC,QAAM,EAAE,SAAS,YAAY,UAAU,GAAG,KAAK,IAAI;AAEnD,QAAM,aAAa;AAAA,IACjB,CAAC,EAAE,KAAK,MAA+C;AACrD,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,KAAK;AAAA,UACZ,SAAS,MAAM,SAAS,KAAK,KAAK;AAAA,UAClC,UAAU,KAAK;AAAA,UACf,UAAU,WAAW,KAAK,KAAK;AAAA;AAAA,MACjC;AAAA,IAEJ;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AAEA,SACE,oBAAC,UACC,8BAAC,UAAQ,GAAG,MACV,8BAAC,QAAK,QAAQ,KACZ;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN;AAAA,MACA,cAAc;AAAA,MACd,gCAAgC;AAAA,MAChC,8BAA8B;AAAA,MAC9B,2BAA0B;AAAA,MAC1B,uBAAqB;AAAA,MACrB,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,qBAAqB;AAAA,MACrB,2BAA2B;AAAA;AAAA,EAC7B,GACF,GACF,GACF;AAEJ;AAEO,MAAM,eAAe,KAAK,qBAAqB;","names":[]}

package/dist/components/select.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useId } from "react";
+import { useIsOpen } from "@impulse-ui-native/core";
+import { Control } from "@impulse-ui-native/primitives";
+import { useSelect } from "../hooks/use-select.hook";
+import { SelectControl } from "./select-control";
+import { SelectFlyout } from "./select.flyout";
+function SelectComponent(props) {
+  const { options, value, defaultValue, onChange, placeholder, ...rest } = props;
+  const id = useId();
+  const { isOpen, open, close } = useIsOpen();
+  const { selected, hasSelected, select, isSelected, getLabel } = useSelect({
+    options,
+    value,
+    defaultValue,
+    onChange
+  });
+  const handleOnSelect = useCallback(
+    (value2) => {
+      select(value2);
+      close();
+    },
+    [select, close]
+  );
+  return /* @__PURE__ */ jsxs(SelectControl, { ...rest, onPress: open, children: [
+    !hasSelected ? /* @__PURE__ */ jsx(Control.Placeholder, { children: placeholder }) : null,
+    selected !== null && selected !== void 0 ? /* @__PURE__ */ jsx(Control.Value, { children: getLabel(selected) }) : null,
+    /* @__PURE__ */ jsx(
+      SelectFlyout,
+      {
+        id,
+        title: "Options",
+        open: isOpen,
+        options,
+        isSelected,
+        onCloseFinished: close,
+        onSelect: handleOnSelect
+      }
+    )
+  ] });
+}
+const Select = memo(SelectComponent);
+export {
+  Select
+};
+//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/select.tsx"],"sourcesContent":["import { memo, ReactElement, useCallback, useId } from \"react\";\n\nimport { useIsOpen } from \"@impulse-ui-native/core\";\nimport { Control } from \"@impulse-ui-native/primitives\";\n\nimport { useSelect } from \"../hooks/use-select.hook\";\nimport { PrimitiveValue, SelectProps } from \"../types\";\nimport { SelectControl } from \"./select-control\";\nimport { SelectFlyout } from \"./select.flyout\";\n\nfunction SelectComponent<Value extends PrimitiveValue>(\n  props: SelectProps<Value>,\n) {\n  const { options, value, defaultValue, onChange, placeholder, ...rest } =\n    props;\n  const id = useId();\n  const { isOpen, open, close } = useIsOpen();\n\n  const { selected, hasSelected, select, isSelected, getLabel } = useSelect({\n    options,\n    value,\n    defaultValue,\n    onChange,\n  });\n\n  const handleOnSelect = useCallback(\n    (value: Value) => {\n      select(value);\n      close();\n    },\n    [select, close],\n  );\n\n  return (\n    <SelectControl {...rest} onPress={open}>\n      {!hasSelected ? (\n        <Control.Placeholder>{placeholder}</Control.Placeholder>\n      ) : null}\n      {selected !== null && selected !== undefined ? (\n        <Control.Value>{getLabel(selected)}</Control.Value>\n      ) : null}\n      <SelectFlyout\n        id={id}\n        title=\"Options\"\n        open={isOpen}\n        options={options}\n        isSelected={isSelected}\n        onCloseFinished={close}\n        onSelect={handleOnSelect}\n      />\n    </SelectControl>\n  );\n}\n\nexport const Select = memo(SelectComponent) as <Value extends PrimitiveValue>(\n  props: SelectProps<Value>,\n) => ReactElement | null;\n"],"mappings":"AAkCI,SAEI,KAFJ;AAlCJ,SAAS,MAAoB,aAAa,aAAa;AAEvD,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AAExB,SAAS,iBAAiB;AAE1B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAE7B,SAAS,gBACP,OACA;AACA,QAAM,EAAE,SAAS,OAAO,cAAc,UAAU,aAAa,GAAG,KAAK,IACnE;AACF,QAAM,KAAK,MAAM;AACjB,QAAM,EAAE,QAAQ,MAAM,MAAM,IAAI,UAAU;AAE1C,QAAM,EAAE,UAAU,aAAa,QAAQ,YAAY,SAAS,IAAI,UAAU;AAAA,IACxE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB;AAAA,IACrB,CAACA,WAAiB;AAChB,aAAOA,MAAK;AACZ,YAAM;AAAA,IACR;AAAA,IACA,CAAC,QAAQ,KAAK;AAAA,EAChB;AAEA,SACE,qBAAC,iBAAe,GAAG,MAAM,SAAS,MAC/B;AAAA,KAAC,cACA,oBAAC,QAAQ,aAAR,EAAqB,uBAAY,IAChC;AAAA,IACH,aAAa,QAAQ,aAAa,SACjC,oBAAC,QAAQ,OAAR,EAAe,mBAAS,QAAQ,GAAE,IACjC;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAM;AAAA,QACN,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,UAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;AAEO,MAAM,SAAS,KAAK,eAAe;","names":["value"]}

package/dist/constants/index.d.mts

@@ -0,0 +1,3 @@
+declare const temp = "";
+
+export { temp };

package/dist/constants/index.js

@@ -0,0 +1,5 @@
+const temp = "";
+export {
+  temp
+};
+//# sourceMappingURL=index.js.map

package/dist/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/constants/index.ts"],"sourcesContent":["export const temp = \"\";\n"],"mappings":"AAAO,MAAM,OAAO;","names":[]}

package/dist/hooks/index.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/hooks/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/hooks/use-multi-select.hook.d.mts

@@ -0,0 +1,13 @@
+import { PrimitiveValue, UseSelectProps } from '../types/select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare function useMultiSelect<Value extends PrimitiveValue>(props: UseSelectProps<Value[]>): {
+    selected: Value[] | undefined;
+    hasSelected: boolean | undefined;
+    select: (value: Value) => void;
+    isSelected: (value: Value) => boolean;
+    getLabel: (value: Value) => string | undefined;
+};
+
+export { useMultiSelect };

package/dist/hooks/use-multi-select.hook.js

@@ -0,0 +1,50 @@
+import { useCallback, useMemo } from "react";
+import { useControllableState } from "@impulse-ui-native/core";
+import { buildLabelMap } from "../utils/option.utils";
+function useMultiSelect(props) {
+  const { value, defaultValue, onChange } = props;
+  const [selected, setSelected] = useControllableState({
+    prop: value,
+    defaultProp: defaultValue,
+    onChange
+  });
+  const selectedValuesSet = useMemo(() => new Set(selected), [selected]);
+  const labelsMap = useMemo(
+    () => buildLabelMap(props.options),
+    [props.options]
+  );
+  const getLabel = useCallback(
+    (value2) => labelsMap[String(value2)],
+    [labelsMap]
+  );
+  const select = useCallback(
+    (value2) => {
+      setSelected((prev) => {
+        if (!prev) {
+          return [value2];
+        }
+        const exists = prev.includes(value2);
+        if (exists) {
+          return prev.filter((prevValue) => prevValue !== value2);
+        }
+        return [...prev, value2];
+      });
+    },
+    [setSelected]
+  );
+  const isSelected = useCallback(
+    (value2) => selectedValuesSet.has(value2),
+    [selectedValuesSet]
+  );
+  return {
+    selected,
+    hasSelected: selected && selected.length > 0,
+    select,
+    isSelected,
+    getLabel
+  };
+}
+export {
+  useMultiSelect
+};
+//# sourceMappingURL=use-multi-select.hook.js.map

package/dist/hooks/use-multi-select.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-multi-select.hook.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\n\nimport { useControllableState } from \"@impulse-ui-native/core\";\n\nimport { PrimitiveValue, UseSelectProps } from \"../types\";\nimport { buildLabelMap } from \"../utils/option.utils\";\n\nexport function useMultiSelect<Value extends PrimitiveValue>(\n  props: UseSelectProps<Value[]>,\n) {\n  const { value, defaultValue, onChange } = props;\n\n  const [selected, setSelected] = useControllableState({\n    prop: value,\n    defaultProp: defaultValue,\n    onChange,\n  });\n\n  const selectedValuesSet = useMemo(() => new Set(selected), [selected]);\n\n  const labelsMap = useMemo(\n    () => buildLabelMap(props.options),\n    [props.options],\n  );\n\n  const getLabel = useCallback(\n    (value: Value) => labelsMap[String(value)],\n    [labelsMap],\n  );\n\n  const select = useCallback(\n    (value: Value) => {\n      setSelected((prev) => {\n        if (!prev) {\n          return [value];\n        }\n\n        const exists = prev.includes(value);\n\n        if (exists) {\n          return prev.filter((prevValue) => prevValue !== value);\n        }\n\n        return [...prev, value];\n      });\n    },\n    [setSelected],\n  );\n\n  const isSelected = useCallback(\n    (value: Value) => selectedValuesSet.has(value),\n    [selectedValuesSet],\n  );\n\n  return {\n    selected,\n    hasSelected: selected && selected.length > 0,\n    select,\n    isSelected,\n    getLabel,\n  };\n}\n"],"mappings":"AAAA,SAAS,aAAa,eAAe;AAErC,SAAS,4BAA4B;AAGrC,SAAS,qBAAqB;AAEvB,SAAS,eACd,OACA;AACA,QAAM,EAAE,OAAO,cAAc,SAAS,IAAI;AAE1C,QAAM,CAAC,UAAU,WAAW,IAAI,qBAAqB;AAAA,IACnD,MAAM;AAAA,IACN,aAAa;AAAA,IACb;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB,QAAQ,MAAM,IAAI,IAAI,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAErE,QAAM,YAAY;AAAA,IAChB,MAAM,cAAc,MAAM,OAAO;AAAA,IACjC,CAAC,MAAM,OAAO;AAAA,EAChB;AAEA,QAAM,WAAW;AAAA,IACf,CAACA,WAAiB,UAAU,OAAOA,MAAK,CAAC;AAAA,IACzC,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,SAAS;AAAA,IACb,CAACA,WAAiB;AAChB,kBAAY,CAAC,SAAS;AACpB,YAAI,CAAC,MAAM;AACT,iBAAO,CAACA,MAAK;AAAA,QACf;AAEA,cAAM,SAAS,KAAK,SAASA,MAAK;AAElC,YAAI,QAAQ;AACV,iBAAO,KAAK,OAAO,CAAC,cAAc,cAAcA,MAAK;AAAA,QACvD;AAEA,eAAO,CAAC,GAAG,MAAMA,MAAK;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,aAAa;AAAA,IACjB,CAACA,WAAiB,kBAAkB,IAAIA,MAAK;AAAA,IAC7C,CAAC,iBAAiB;AAAA,EACpB;AAEA,SAAO;AAAA,IACL;AAAA,IACA,aAAa,YAAY,SAAS,SAAS;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":["value"]}

package/dist/hooks/use-select.hook.d.mts

@@ -0,0 +1,13 @@
+import { PrimitiveValue, UseSelectProps } from '../types/select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare function useSelect<Value extends PrimitiveValue>(props: UseSelectProps<Value>): {
+    selected: Value | undefined;
+    hasSelected: boolean;
+    select: (value: Value) => void;
+    getLabel: (value: Value) => string | undefined;
+    isSelected: (value: Value) => boolean;
+};
+
+export { useSelect };

package/dist/hooks/use-select.hook.js

@@ -0,0 +1,45 @@
+import { useCallback, useMemo } from "react";
+import { useControllableState } from "@impulse-ui-native/core";
+import { buildLabelMap } from "../utils/option.utils";
+function useSelect(props) {
+  const { value, defaultValue, onChange } = props;
+  const [selected, setSelected] = useControllableState({
+    prop: value,
+    defaultProp: defaultValue,
+    onChange
+  });
+  const labelsMap = useMemo(
+    () => buildLabelMap(props.options),
+    [props.options]
+  );
+  const getLabel = useCallback(
+    (value2) => labelsMap[String(value2)],
+    [labelsMap]
+  );
+  const select = useCallback(
+    (value2) => {
+      setSelected((prev) => {
+        if (prev === value2) {
+          return null;
+        }
+        return value2;
+      });
+    },
+    [setSelected]
+  );
+  const isSelected = useCallback(
+    (value2) => value2 === selected,
+    [selected]
+  );
+  return {
+    selected,
+    hasSelected: selected !== null && selected !== void 0,
+    select,
+    getLabel,
+    isSelected
+  };
+}
+export {
+  useSelect
+};
+//# sourceMappingURL=use-select.hook.js.map

package/dist/hooks/use-select.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-select.hook.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\n\nimport { useControllableState } from \"@impulse-ui-native/core\";\n\nimport { PrimitiveValue, UseSelectProps } from \"../types\";\nimport { buildLabelMap } from \"../utils/option.utils\";\n\nexport function useSelect<Value extends PrimitiveValue>(\n  props: UseSelectProps<Value>,\n) {\n  const { value, defaultValue, onChange } = props;\n\n  const [selected, setSelected] = useControllableState({\n    prop: value,\n    defaultProp: defaultValue,\n    onChange,\n  });\n\n  const labelsMap = useMemo(\n    () => buildLabelMap(props.options),\n    [props.options],\n  );\n\n  const getLabel = useCallback(\n    (value: Value) => labelsMap[String(value)],\n    [labelsMap],\n  );\n\n  const select = useCallback(\n    (value: Value) => {\n      setSelected((prev) => {\n        if (prev === value) {\n          return null as Value;\n        }\n\n        return value;\n      });\n    },\n    [setSelected],\n  );\n\n  const isSelected = useCallback(\n    (value: Value) => value === selected,\n    [selected],\n  );\n\n  return {\n    selected,\n    hasSelected: selected !== null && selected !== undefined,\n    select,\n    getLabel,\n    isSelected,\n  };\n}\n"],"mappings":"AAAA,SAAS,aAAa,eAAe;AAErC,SAAS,4BAA4B;AAGrC,SAAS,qBAAqB;AAEvB,SAAS,UACd,OACA;AACA,QAAM,EAAE,OAAO,cAAc,SAAS,IAAI;AAE1C,QAAM,CAAC,UAAU,WAAW,IAAI,qBAAqB;AAAA,IACnD,MAAM;AAAA,IACN,aAAa;AAAA,IACb;AAAA,EACF,CAAC;AAED,QAAM,YAAY;AAAA,IAChB,MAAM,cAAc,MAAM,OAAO;AAAA,IACjC,CAAC,MAAM,OAAO;AAAA,EAChB;AAEA,QAAM,WAAW;AAAA,IACf,CAACA,WAAiB,UAAU,OAAOA,MAAK,CAAC;AAAA,IACzC,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,SAAS;AAAA,IACb,CAACA,WAAiB;AAChB,kBAAY,CAAC,SAAS;AACpB,YAAI,SAASA,QAAO;AAClB,iBAAO;AAAA,QACT;AAEA,eAAOA;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,aAAa;AAAA,IACjB,CAACA,WAAiBA,WAAU;AAAA,IAC5B,CAAC,QAAQ;AAAA,EACX;AAEA,SAAO;AAAA,IACL;AAAA,IACA,aAAa,aAAa,QAAQ,aAAa;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":["value"]}

package/dist/index.d.mts

@@ -1,49 +1,6 @@
-import { ReactElement } from 'react';
-import { FlyoutProps } from '@impulse-ui-native/flyout';
-import { ControlComponentProps, ControlComponentCommonProps, PressableCoreProps } from '@impulse-ui-native/primitives';
-
-type PrimitiveValue = string | number | null | undefined;
-type SelectFn<Value extends PrimitiveValue> = (option: SelectOption<Value>) => void;
-type SelectOption<Value> = {
-    label: string;
-    value: Value;
-    disabled?: boolean;
-};
-interface CommonSelectProps<Value> extends Partial<ControlComponentProps>, ControlComponentCommonProps {
-    loading?: boolean;
-    onChange?: (value: Value | undefined) => void;
-}
-interface SelectControlProps<Value> extends CommonSelectProps<Value> {
-    onPress: PressableCoreProps["onPress"];
-}
-interface SelectProps<Value extends PrimitiveValue> extends CommonSelectProps<Value> {
-    options: SelectOption<Value>[];
-    value?: Value;
-    defaultValue?: Value;
-}
-interface MultiSelectProps<Value extends PrimitiveValue> extends Partial<ControlComponentProps>, CommonSelectProps<Value[]> {
-    options: SelectOption<Value>[];
-    value?: Value[];
-    defaultValue?: Value[];
-}
-interface SelectFlyoutProps<Value extends PrimitiveValue> extends FlyoutProps {
-    options: SelectOption<Value>[];
-    isSelected: (value: Value) => boolean;
-    onSelect: (value: Value) => void;
-}
-interface OptionProps extends PressableCoreProps {
-    label: string;
-    selected: boolean;
-}
-interface UseSelectProps<Value> {
-    options: SelectOption<PrimitiveValue>[];
-    value?: Value;
-    defaultValue?: Value;
-    onChange?: (value: Value | undefined) => void;
-}
-
-declare const Select: <Value extends PrimitiveValue>(props: SelectProps<Value>) => ReactElement | null;
-
-declare const MultiSelect: <Value extends PrimitiveValue>(props: MultiSelectProps<Value>) => ReactElement | null;
-
-export { type CommonSelectProps, MultiSelect, type MultiSelectProps, type OptionProps, type PrimitiveValue, Select, type SelectControlProps, type SelectFlyoutProps, type SelectFn, type SelectOption, type SelectProps, type UseSelectProps };
+export { Select } from './components/select.mjs';
+export { MultiSelect } from './components/multi-select.mjs';
+export { CommonSelectProps, MultiSelectProps, OptionProps, PrimitiveValue, SelectControlProps, SelectFlyoutProps, SelectFn, SelectOption, SelectProps, UseSelectProps } from './types/select.types.mjs';
+import 'react';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';

package/dist/index.js

@@ -1,338 +1,3 @@
-// src/components/select.tsx
-import { memo as memo4, useCallback as useCallback3, useId } from "react";
-import { useIsOpen } from "@impulse-ui-native/core";
-import { Control as Control2 } from "@impulse-ui-native/primitives";
-
-// src/hooks/use-select.hook.ts
-import { useCallback, useMemo } from "react";
-import { useControllableState } from "@impulse-ui-native/core";
-
-// src/utils/option.utils.ts
-function buildLabelMap(options) {
-  return options.reduce((acc, current) => {
-    if (current.value !== null && current.value !== void 0) {
-      acc[String(current.value)] = current.label;
-      return acc;
-    }
-    return acc;
-  }, {});
-}
-
-// src/hooks/use-select.hook.ts
-function useSelect(props) {
-  const { value, defaultValue, onChange } = props;
-  const [selected, setSelected] = useControllableState({
-    prop: value,
-    defaultProp: defaultValue,
-    onChange
-  });
-  const labelsMap = useMemo(
-    () => buildLabelMap(props.options),
-    [props.options]
-  );
-  const getLabel = useCallback(
-    (value2) => labelsMap[String(value2)],
-    [labelsMap]
-  );
-  const select = useCallback(
-    (value2) => {
-      setSelected((prev) => {
-        if (prev === value2) {
-          return null;
-        }
-        return value2;
-      });
-    },
-    [setSelected]
-  );
-  const isSelected = useCallback(
-    (value2) => value2 === selected,
-    [selected]
-  );
-  return {
-    selected,
-    hasSelected: selected !== null && selected !== void 0,
-    select,
-    getLabel,
-    isSelected
-  };
-}
-
-// src/components/select-control.tsx
-import { memo } from "react";
-import { Control, Pressable } from "@impulse-ui-native/primitives";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectControlComponent(props) {
-  const {
-    size = "medium",
-    variant = "outlined",
-    label,
-    error,
-    disabled,
-    loading,
-    PrefixIcon,
-    Prefix,
-    onPressPrefix,
-    SuffixIcon,
-    Suffix,
-    onPressSuffix,
-    onPress,
-    children
-  } = props;
-  return /* @__PURE__ */ jsx(
-    Control.Provider,
-    {
-      size,
-      variant,
-      error,
-      disabled,
-      children: /* @__PURE__ */ jsxs(Control.Root, { children: [
-        /* @__PURE__ */ jsx(Control.Label, { children: label }),
-        /* @__PURE__ */ jsx(Pressable, { onPress, children: /* @__PURE__ */ jsxs(Control.Container, { children: [
-          /* @__PURE__ */ jsx(
-            Control.Addon,
-            {
-              icon: PrefixIcon,
-              Content: Prefix,
-              onPress: onPressPrefix
-            }
-          ),
-          children,
-          /* @__PURE__ */ jsx(
-            Control.Addon,
-            {
-              icon: SuffixIcon,
-              Content: loading ? Control.Loader : Suffix,
-              onPress: onPressSuffix
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx(Control.Error, {})
-      ] })
-    }
-  );
-}
-var SelectControl = memo(SelectControlComponent);
-
-// src/components/select.flyout.tsx
-import { memo as memo3, useCallback as useCallback2 } from "react";
-import { FlatList } from "react-native";
-import { Flyout } from "@impulse-ui-native/flyout";
-import { Portal } from "@impulse-ui-native/portal";
-import { View as View2 } from "@impulse-ui-native/primitives";
-
-// src/components/option.tsx
-import { memo as memo2 } from "react";
-import { Icon } from "@impulse-ui-native/icon/components/icon";
-import { CheckIcon } from "@impulse-ui-native/icon/icons/check";
-import { Pressable as Pressable2, Typography, View } from "@impulse-ui-native/primitives";
-import { useComponentsTokens } from "@impulse-ui-native/theme";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Option = memo2(function Option2(props) {
-  const { label, selected, ...rest } = props;
-  const tokens = useComponentsTokens();
-  const optionTokens = tokens.select.option;
-  return /* @__PURE__ */ jsx2(Pressable2, { ...rest, children: /* @__PURE__ */ jsxs2(
-    View,
-    {
-      padding: optionTokens.padding,
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ jsx2(Typography.Body, { children: label }),
-        /* @__PURE__ */ jsx2(
-          Icon,
-          {
-            icon: CheckIcon,
-            color: optionTokens.selectedIconColor,
-            opacity: selected ? optionTokens.selectedIconVisibleOpacity : optionTokens.selectedIconHiddenOpacity
-          }
-        )
-      ]
-    }
-  ) });
-});
-
-// src/components/select.flyout.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var SelectFlyoutComponent = function SelectFlyoutContent(props) {
-  const { options, isSelected, onSelect, ...rest } = props;
-  const renderItem = useCallback2(
-    ({ item }) => {
-      return /* @__PURE__ */ jsx3(
-        Option,
-        {
-          label: item.label,
-          onPress: () => onSelect(item.value),
-          disabled: item.disabled,
-          selected: isSelected(item.value)
-        }
-      );
-    },
-    [isSelected, onSelect]
-  );
-  return /* @__PURE__ */ jsx3(Portal, { children: /* @__PURE__ */ jsx3(Flyout, { ...rest, children: /* @__PURE__ */ jsx3(View2, { height: 300, children: /* @__PURE__ */ jsx3(
-    FlatList,
-    {
-      data: options,
-      renderItem,
-      keyExtractor: getOptionId2,
-      showsHorizontalScrollIndicator: false,
-      showsVerticalScrollIndicator: false,
-      keyboardShouldPersistTaps: "handled",
-      removeClippedSubviews: true,
-      windowSize: 5,
-      initialNumToRender: 12,
-      maxToRenderPerBatch: 12,
-      updateCellsBatchingPeriod: 32
-    }
-  ) }) }) });
-};
-var SelectFlyout = memo3(SelectFlyoutComponent);
-
-// src/components/select.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function SelectComponent(props) {
-  const { options, value, defaultValue, onChange, placeholder, ...rest } = props;
-  const { isOpen, open, close } = useIsOpen();
-  const id = useId();
-  const { selected, hasSelected, select, isSelected, getLabel } = useSelect({
-    options,
-    value,
-    defaultValue,
-    onChange
-  });
-  const handleOnSelect = useCallback3(
-    (value2) => {
-      select(value2);
-      close();
-    },
-    [select, close]
-  );
-  return /* @__PURE__ */ jsxs3(SelectControl, { ...rest, onPress: open, children: [
-    !hasSelected ? /* @__PURE__ */ jsx4(Control2.Placeholder, { children: placeholder }) : null,
-    selected !== null && selected !== void 0 ? /* @__PURE__ */ jsx4(Control2.Value, { children: getLabel(selected) }) : null,
-    /* @__PURE__ */ jsx4(
-      SelectFlyout,
-      {
-        id,
-        title: "Options",
-        open: isOpen,
-        options,
-        isSelected,
-        onCloseFinished: close,
-        onSelect: handleOnSelect
-      }
-    )
-  ] });
-}
-var Select = memo4(SelectComponent);
-
-// src/components/multi-select.tsx
-import { memo as memo5, useId as useId2 } from "react";
-import { useIsOpen as useIsOpen2 } from "@impulse-ui-native/core";
-import { Control as Control3, Tag, View as View3 } from "@impulse-ui-native/primitives";
-
-// src/hooks/use-multi-select.hook.ts
-import { useCallback as useCallback4, useMemo as useMemo2 } from "react";
-import { useControllableState as useControllableState2 } from "@impulse-ui-native/core";
-function useMultiSelect(props) {
-  const { value, defaultValue, onChange } = props;
-  const [selected, setSelected] = useControllableState2({
-    prop: value,
-    defaultProp: defaultValue,
-    onChange
-  });
-  const selectedValuesSet = useMemo2(() => new Set(selected), [selected]);
-  const labelsMap = useMemo2(
-    () => buildLabelMap(props.options),
-    [props.options]
-  );
-  const getLabel = useCallback4(
-    (value2) => labelsMap[String(value2)],
-    [labelsMap]
-  );
-  const select = useCallback4(
-    (value2) => {
-      setSelected((prev) => {
-        if (!prev) {
-          return [value2];
-        }
-        const exists = prev.includes(value2);
-        if (exists) {
-          return prev.filter((prevValue) => prevValue !== value2);
-        }
-        return [...prev, value2];
-      });
-    },
-    [setSelected]
-  );
-  const isSelected = useCallback4(
-    (value2) => selectedValuesSet.has(value2),
-    [selectedValuesSet]
-  );
-  return {
-    selected,
-    hasSelected: selected && selected.length > 0,
-    select,
-    isSelected,
-    getLabel
-  };
-}
-
-// src/components/multi-select.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function MultiSelectComponent(props) {
-  const { options, value, defaultValue, onChange, placeholder, ...rest } = props;
-  const { isOpen, open, close } = useIsOpen2();
-  const id = useId2();
-  const { selected, hasSelected, select, isSelected, getLabel } = useMultiSelect({
-    options,
-    value,
-    defaultValue,
-    onChange
-  });
-  return /* @__PURE__ */ jsxs4(SelectControl, { ...rest, onPress: open, children: [
-    !hasSelected ? /* @__PURE__ */ jsx5(Control3.Placeholder, { children: placeholder }) : null,
-    hasSelected ? /* @__PURE__ */ jsx5(
-      View3,
-      {
-        flex: 1,
-        flexDirection: "row",
-        gap: 4,
-        marginHorizontal: 4,
-        overflow: "hidden",
-        children: selected ? selected.map((value2) => /* @__PURE__ */ jsx5(
-          Tag,
-          {
-            variant: "filled",
-            size: props.size,
-            closable: true,
-            onClose: () => select(value2),
-            label: String(getLabel(value2))
-          },
-          value2
-        )) : null
-      }
-    ) : null,
-    /* @__PURE__ */ jsx5(
-      SelectFlyout,
-      {
-        id,
-        title: "Options",
-        open: isOpen,
-        options,
-        isSelected,
-        onCloseFinished: close,
-        onSelect: select
-      }
-    )
-  ] });
-}
-var MultiSelect = memo5(MultiSelectComponent);
-export {
-  MultiSelect,
-  Select
-};
+export * from "./components";
+export * from "./types";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/select.tsx","../src/hooks/use-select.hook.ts","../src/utils/option.utils.ts","../src/components/select-control.tsx","../src/components/select.flyout.tsx","../src/components/option.tsx","../src/components/multi-select.tsx","../src/hooks/use-multi-select.hook.ts"],"sourcesContent":["import { memo, ReactElement, useCallback, useId } from \"react\";\n\nimport { useIsOpen } from \"@impulse-ui-native/core\";\nimport { Control } from \"@impulse-ui-native/primitives\";\n\nimport { useSelect } from \"../hooks/use-select.hook\";\nimport { PrimitiveValue, SelectProps } from \"../types\";\nimport { SelectControl } from \"./select-control\";\nimport { SelectFlyout } from \"./select.flyout\";\n\nfunction SelectComponent<Value extends PrimitiveValue>(\n  props: SelectProps<Value>,\n) {\n  const { options, value, defaultValue, onChange, placeholder, ...rest } =\n    props;\n  const { isOpen, open, close } = useIsOpen();\n\n  const id = useId();\n\n  const { selected, hasSelected, select, isSelected, getLabel } = useSelect({\n    options,\n    value,\n    defaultValue,\n    onChange,\n  });\n\n  const handleOnSelect = useCallback(\n    (value: Value) => {\n      select(value);\n      close();\n    },\n    [select, close],\n  );\n\n  return (\n    <SelectControl {...rest} onPress={open}>\n      {!hasSelected ? (\n        <Control.Placeholder>{placeholder}</Control.Placeholder>\n      ) : null}\n      {selected !== null && selected !== undefined ? (\n        <Control.Value>{getLabel(selected)}</Control.Value>\n      ) : null}\n      <SelectFlyout\n        id={id}\n        title=\"Options\"\n        open={isOpen}\n        options={options}\n        isSelected={isSelected}\n        onCloseFinished={close}\n        onSelect={handleOnSelect}\n      />\n    </SelectControl>\n  );\n}\n\nexport const Select = memo(SelectComponent) as <Value extends PrimitiveValue>(\n  props: SelectProps<Value>,\n) => ReactElement | null;\n","import { useCallback, useMemo } from \"react\";\n\nimport { useControllableState } from \"@impulse-ui-native/core\";\n\nimport { PrimitiveValue, UseSelectProps } from \"../types\";\nimport { buildLabelMap } from \"../utils/option.utils\";\n\nexport function useSelect<Value extends PrimitiveValue>(\n  props: UseSelectProps<Value>,\n) {\n  const { value, defaultValue, onChange } = props;\n\n  const [selected, setSelected] = useControllableState({\n    prop: value,\n    defaultProp: defaultValue,\n    onChange,\n  });\n\n  const labelsMap = useMemo(\n    () => buildLabelMap(props.options),\n    [props.options],\n  );\n\n  const getLabel = useCallback(\n    (value: Value) => labelsMap[String(value)],\n    [labelsMap],\n  );\n\n  const select = useCallback(\n    (value: Value) => {\n      setSelected((prev) => {\n        if (prev === value) {\n          return null as Value;\n        }\n\n        return value;\n      });\n    },\n    [setSelected],\n  );\n\n  const isSelected = useCallback(\n    (value: Value) => value === selected,\n    [selected],\n  );\n\n  return {\n    selected,\n    hasSelected: selected !== null && selected !== undefined,\n    select,\n    getLabel,\n    isSelected,\n  };\n}\n","import { PrimitiveValue, SelectOption } from \"../../dist/index.mjs\";\n\nexport function buildLabelMap<Value extends PrimitiveValue>(\n  options: SelectOption<Value>[],\n) {\n  return options.reduce<Record<string, string>>((acc, current) => {\n    if (current.value !== null && current.value !== undefined) {\n      acc[String(current.value)] = current.label;\n\n      return acc;\n    }\n\n    return acc;\n  }, {});\n}\n","import { memo, PropsWithChildren, ReactElement } from \"react\";\n\nimport { Control, Pressable } from \"@impulse-ui-native/primitives\";\n\nimport { PrimitiveValue, SelectControlProps } from \"../types\";\n\nfunction SelectControlComponent<Value extends PrimitiveValue>(\n  props: PropsWithChildren<SelectControlProps<Value>>,\n) {\n  const {\n    size = \"medium\",\n    variant = \"outlined\",\n    label,\n    error,\n    disabled,\n    loading,\n    PrefixIcon,\n    Prefix,\n    onPressPrefix,\n    SuffixIcon,\n    Suffix,\n    onPressSuffix,\n    onPress,\n    children,\n  } = props;\n\n  return (\n    <Control.Provider\n      size={size}\n      variant={variant}\n      error={error}\n      disabled={disabled}\n    >\n      <Control.Root>\n        <Control.Label>{label}</Control.Label>\n        <Pressable onPress={onPress}>\n          <Control.Container>\n            <Control.Addon\n              icon={PrefixIcon}\n              Content={Prefix}\n              onPress={onPressPrefix}\n            />\n            {children}\n            <Control.Addon\n              icon={SuffixIcon}\n              Content={loading ? Control.Loader : Suffix}\n              onPress={onPressSuffix}\n            />\n          </Control.Container>\n        </Pressable>\n        <Control.Error />\n      </Control.Root>\n    </Control.Provider>\n  );\n}\n\nexport const SelectControl = memo(SelectControlComponent) as <\n  Value extends PrimitiveValue,\n>(\n  props: PropsWithChildren<SelectControlProps<Value>>,\n) => ReactElement | null;\n","import { memo, ReactElement, useCallback } from \"react\";\nimport { FlatList, ListRenderItemInfo } from \"react-native\";\n\nimport { Flyout } from \"@impulse-ui-native/flyout\";\nimport { Portal } from \"@impulse-ui-native/portal\";\nimport { View } from \"@impulse-ui-native/primitives\";\n\nimport { PrimitiveValue, SelectFlyoutProps, SelectOption } from \"../types\";\nimport { getOptionId } from \"../utils\";\nimport { Option } from \"./option\";\n\nconst SelectFlyoutComponent = function SelectFlyoutContent<\n  Value extends PrimitiveValue,\n>(props: SelectFlyoutProps<Value>) {\n  const { options, isSelected, onSelect, ...rest } = props;\n\n  const renderItem = useCallback(\n    ({ item }: ListRenderItemInfo<SelectOption<Value>>) => {\n      return (\n        <Option\n          label={item.label}\n          onPress={() => onSelect(item.value)}\n          disabled={item.disabled}\n          selected={isSelected(item.value)}\n        />\n      );\n    },\n    [isSelected, onSelect],\n  );\n\n  return (\n    <Portal>\n      <Flyout {...rest}>\n        <View height={300}>\n          <FlatList\n            data={options}\n            renderItem={renderItem}\n            keyExtractor={getOptionId}\n            showsHorizontalScrollIndicator={false}\n            showsVerticalScrollIndicator={false}\n            keyboardShouldPersistTaps=\"handled\"\n            removeClippedSubviews\n            windowSize={5}\n            initialNumToRender={12}\n            maxToRenderPerBatch={12}\n            updateCellsBatchingPeriod={32}\n          />\n        </View>\n      </Flyout>\n    </Portal>\n  );\n};\n\nexport const SelectFlyout = memo(SelectFlyoutComponent) as <\n  Value extends PrimitiveValue,\n>(\n  props: SelectFlyoutProps<Value>,\n) => ReactElement | null;\n","import { memo } from \"react\";\n\nimport { Icon } from \"@impulse-ui-native/icon/components/icon\";\nimport { CheckIcon } from \"@impulse-ui-native/icon/icons/check\";\nimport { Pressable, Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { OptionProps } from \"../types\";\n\nexport const Option = memo(function Option(props: OptionProps) {\n  const { label, selected, ...rest } = props;\n\n  const tokens = useComponentsTokens();\n  const optionTokens = tokens.select.option;\n\n  return (\n    <Pressable {...rest}>\n      <View\n        padding={optionTokens.padding}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n      >\n        <Typography.Body>{label}</Typography.Body>\n\n        <Icon\n          icon={CheckIcon}\n          color={optionTokens.selectedIconColor}\n          opacity={\n            selected\n              ? optionTokens.selectedIconVisibleOpacity\n              : optionTokens.selectedIconHiddenOpacity\n          }\n        />\n      </View>\n    </Pressable>\n  );\n});\n","import { memo, ReactElement, useId } from \"react\";\n\nimport { useIsOpen } from \"@impulse-ui-native/core\";\nimport { Control, Tag, View } from \"@impulse-ui-native/primitives\";\n\nimport { useMultiSelect } from \"../hooks/use-multi-select.hook\";\nimport { MultiSelectProps, PrimitiveValue } from \"../types\";\nimport { SelectControl } from \"./select-control\";\nimport { SelectFlyout } from \"./select.flyout\";\n\nfunction MultiSelectComponent<Value extends PrimitiveValue>(\n  props: MultiSelectProps<Value>,\n) {\n  const { options, value, defaultValue, onChange, placeholder, ...rest } =\n    props;\n  const { isOpen, open, close } = useIsOpen();\n\n  const id = useId();\n\n  const { selected, hasSelected, select, isSelected, getLabel } =\n    useMultiSelect({\n      options,\n      value,\n      defaultValue,\n      onChange,\n    });\n\n  return (\n    <SelectControl {...rest} onPress={open}>\n      {!hasSelected ? (\n        <Control.Placeholder>{placeholder}</Control.Placeholder>\n      ) : null}\n      {hasSelected ? (\n        <View\n          flex={1}\n          flexDirection=\"row\"\n          gap={4}\n          marginHorizontal={4}\n          overflow=\"hidden\"\n        >\n          {selected\n            ? selected.map((value) => (\n                <Tag\n                  variant=\"filled\"\n                  size={props.size}\n                  key={value}\n                  closable\n                  onClose={() => select(value)}\n                  label={String(getLabel(value))}\n                />\n              ))\n            : null}\n        </View>\n      ) : null}\n      <SelectFlyout\n        id={id}\n        title=\"Options\"\n        open={isOpen}\n        options={options}\n        isSelected={isSelected}\n        onCloseFinished={close}\n        onSelect={select}\n      />\n    </SelectControl>\n  );\n}\n\nexport const MultiSelect = memo(MultiSelectComponent) as <\n  Value extends PrimitiveValue,\n>(\n  props: MultiSelectProps<Value>,\n) => ReactElement | null;\n","import { useCallback, useMemo } from \"react\";\n\nimport { useControllableState } from \"@impulse-ui-native/core\";\n\nimport { PrimitiveValue, UseSelectProps } from \"../types\";\nimport { buildLabelMap } from \"../utils/option.utils\";\n\nexport function useMultiSelect<Value extends PrimitiveValue>(\n  props: UseSelectProps<Value[]>,\n) {\n  const { value, defaultValue, onChange } = props;\n\n  const [selected, setSelected] = useControllableState({\n    prop: value,\n    defaultProp: defaultValue,\n    onChange,\n  });\n\n  const selectedValuesSet = useMemo(() => new Set(selected), [selected]);\n\n  const labelsMap = useMemo(\n    () => buildLabelMap(props.options),\n    [props.options],\n  );\n\n  const getLabel = useCallback(\n    (value: Value) => labelsMap[String(value)],\n    [labelsMap],\n  );\n\n  const select = useCallback(\n    (value: Value) => {\n      setSelected((prev) => {\n        if (!prev) {\n          return [value];\n        }\n\n        const exists = prev.includes(value);\n\n        if (exists) {\n          return prev.filter((prevValue) => prevValue !== value);\n        }\n\n        return [...prev, value];\n      });\n    },\n    [setSelected],\n  );\n\n  const isSelected = useCallback(\n    (value: Value) => selectedValuesSet.has(value),\n    [selectedValuesSet],\n  );\n\n  return {\n    selected,\n    hasSelected: selected && selected.length > 0,\n    select,\n    isSelected,\n    getLabel,\n  };\n}\n"],"mappings":"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","names":["memo","useCallback","Control","value","memo","useCallback","View","memo","Pressable","jsx","jsxs","Option","jsx","useCallback","View","getOptionId","memo","jsx","jsxs","useCallback","value","Control","memo","memo","useId","useIsOpen","Control","View","useCallback","useMemo","useControllableState","useControllableState","useMemo","useCallback","value","jsx","jsxs","useIsOpen","useId","Control","View","value","memo"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/types/common.types.d.mts

@@ -0,0 +1,3 @@
+type PrimitiveValue = string | number;
+
+export type { PrimitiveValue };

package/dist/types/common.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=common.types.js.map

package/dist/types/common.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/index.d.mts

@@ -0,0 +1,3 @@
+export { CommonSelectProps, MultiSelectProps, OptionProps, PrimitiveValue, SelectControlProps, SelectFlyoutProps, SelectFn, SelectOption, SelectProps, UseSelectProps } from './select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';

package/dist/types/index.js

@@ -0,0 +1,2 @@
+export * from "./select.types";
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./select.types\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/types/select.types.d.mts

@@ -0,0 +1,44 @@
+import { FlyoutProps } from '@impulse-ui-native/flyout';
+import { ControlComponentProps, ControlComponentCommonProps, PressableCoreProps } from '@impulse-ui-native/primitives';
+
+type PrimitiveValue = string | number | null | undefined;
+type SelectFn<Value extends PrimitiveValue> = (option: SelectOption<Value>) => void;
+type SelectOption<Value> = {
+    label: string;
+    value: Value;
+    disabled?: boolean;
+};
+interface CommonSelectProps<Value> extends Partial<ControlComponentProps>, ControlComponentCommonProps {
+    loading?: boolean;
+    onChange?: (value: Value | undefined) => void;
+}
+interface SelectControlProps<Value> extends CommonSelectProps<Value> {
+    onPress: PressableCoreProps["onPress"];
+}
+interface SelectProps<Value extends PrimitiveValue> extends CommonSelectProps<Value> {
+    options: SelectOption<Value>[];
+    value?: Value;
+    defaultValue?: Value;
+}
+interface MultiSelectProps<Value extends PrimitiveValue> extends Partial<ControlComponentProps>, CommonSelectProps<Value[]> {
+    options: SelectOption<Value>[];
+    value?: Value[];
+    defaultValue?: Value[];
+}
+interface SelectFlyoutProps<Value extends PrimitiveValue> extends FlyoutProps {
+    options: SelectOption<Value>[];
+    isSelected: (value: Value) => boolean;
+    onSelect: (value: Value) => void;
+}
+interface OptionProps extends PressableCoreProps {
+    label: string;
+    selected: boolean;
+}
+interface UseSelectProps<Value> {
+    options: SelectOption<PrimitiveValue>[];
+    value?: Value;
+    defaultValue?: Value;
+    onChange?: (value: Value | undefined) => void;
+}
+
+export type { CommonSelectProps, MultiSelectProps, OptionProps, PrimitiveValue, SelectControlProps, SelectFlyoutProps, SelectFn, SelectOption, SelectProps, UseSelectProps };

package/dist/types/select.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=select.types.js.map

package/dist/types/select.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/index.d.mts

@@ -0,0 +1,4 @@
+export { getOptionId } from './option.utils.mjs';
+import '../types/select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';

package/dist/utils/index.js

@@ -0,0 +1,5 @@
+import { getOptionId } from "./option.utils";
+export {
+  getOptionId
+};
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export { getOptionId } from \"./option.utils\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}

package/dist/utils/option.utils.d.mts

@@ -0,0 +1,8 @@
+import { PrimitiveValue, SelectOption } from '../types/select.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare function buildLabelMap<Value extends PrimitiveValue>(options: SelectOption<Value>[]): Record<string, string>;
+declare function getOptionId<Value extends PrimitiveValue>(option: SelectOption<Value>, index: number): string;
+
+export { buildLabelMap, getOptionId };

package/dist/utils/option.utils.js

@@ -0,0 +1,17 @@
+function buildLabelMap(options) {
+  return options.reduce((acc, current) => {
+    if (current.value !== null && current.value !== void 0) {
+      acc[String(current.value)] = current.label;
+      return acc;
+    }
+    return acc;
+  }, {});
+}
+function getOptionId(option, index) {
+  return option.value === null || option.value === void 0 ? `${option.label}-${index}` : String(option.value);
+}
+export {
+  buildLabelMap,
+  getOptionId
+};
+//# sourceMappingURL=option.utils.js.map

package/dist/utils/option.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/option.utils.ts"],"sourcesContent":["import { PrimitiveValue, SelectOption } from \"../types\";\n\nexport function buildLabelMap<Value extends PrimitiveValue>(\n  options: SelectOption<Value>[],\n) {\n  return options.reduce<Record<string, string>>((acc, current) => {\n    if (current.value !== null && current.value !== undefined) {\n      acc[String(current.value)] = current.label;\n\n      return acc;\n    }\n\n    return acc;\n  }, {});\n}\n\nexport function getOptionId<Value extends PrimitiveValue>(\n  option: SelectOption<Value>,\n  index: number,\n): string {\n  return option.value === null || option.value === undefined\n    ? `${option.label}-${index}`\n    : String(option.value);\n}\n"],"mappings":"AAEO,SAAS,cACd,SACA;AACA,SAAO,QAAQ,OAA+B,CAAC,KAAK,YAAY;AAC9D,QAAI,QAAQ,UAAU,QAAQ,QAAQ,UAAU,QAAW;AACzD,UAAI,OAAO,QAAQ,KAAK,CAAC,IAAI,QAAQ;AAErC,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACP;AAEO,SAAS,YACd,QACA,OACQ;AACR,SAAO,OAAO,UAAU,QAAQ,OAAO,UAAU,SAC7C,GAAG,OAAO,KAAK,IAAI,KAAK,KACxB,OAAO,OAAO,KAAK;AACzB;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/select",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "source": "src/index.ts",
   "module": "dist/index.js",
   "types": "dist/index.d.mts",
@@ -17,16 +17,17 @@
     "README.md",
     "LICENSE"
   ],
+  "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/icon": "2.1.0",
-    "@impulse-ui-native/theme": "2.1.0",
-    "@impulse-ui-native/core": "2.1.0",
-    "@impulse-ui-native/input": "2.1.0",
-    "@impulse-ui-native/primitives": "2.1.0",
-    "@impulse-ui-native/flyout": "2.1.0",
-    "@impulse-ui-native/types": "2.1.0",
-    "@impulse-ui-native/layers": "2.1.0",
-    "@impulse-ui-native/portal": "2.1.0"
+    "@impulse-ui-native/theme": "2.1.2",
+    "@impulse-ui-native/input": "2.1.2",
+    "@impulse-ui-native/icon": "2.1.2",
+    "@impulse-ui-native/core": "2.1.2",
+    "@impulse-ui-native/primitives": "2.1.2",
+    "@impulse-ui-native/flyout": "2.1.2",
+    "@impulse-ui-native/types": "2.1.2",
+    "@impulse-ui-native/portal": "2.1.2",
+    "@impulse-ui-native/layers": "2.1.2"
   },
   "devDependencies": {
     "@shopify/flash-list": "2.0.2",