@korsolutions/ui 0.0.49 → 0.0.51

package/dist/module/components/select/components/select-option.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
+import React, { useEffect, useState } from "react";
+import { Pressable, Text } from "react-native";
+import { useSelect } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const calculateState = (selectState, hovered, selected) => {
+  if (selectState === "disabled") {
+    return "disabled";
+  }
+  if (selected) {
+    return "selected";
+  }
+  if (hovered) {
+    return "hovered";
+  }
+  return "default";
+};
+export function SelectOption(props) {
+  const [isHovered, setIsHovered] = useState(false);
+  const select = useSelect();
+  const isSelected = select.value === props.value;
+  const optionState = calculateState(select.state, isHovered, isSelected);
+  const composedStyles = calculateComposedStyles(select.styles, optionState, "option");
+  useEffect(() => {
+    select.setOptions(prev => {
+      if (prev.find(option => option.value === props.value)) {
+        return prev;
+      }
+      return [...prev, {
+        value: props.value,
+        label: props.children
+      }];
+    });
+  }, [props.value, props.children]);
+  const Component = typeof props.children === "string" ? Text : Pressable;
+  return /*#__PURE__*/_jsx(Component, {
+    onPress: () => {
+      select.onChange?.(props.value);
+      select.setIsOpen(false);
+    },
+    onPointerEnter: () => {
+      setIsHovered(true);
+    },
+    onPointerLeave: () => {
+      setIsHovered(false);
+    },
+    style: composedStyles,
+    children: props.children
+  });
+}
+//# sourceMappingURL=select-option.js.map

package/dist/module/components/select/components/select-option.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["calculateComposedStyles","React","useEffect","useState","Pressable","Text","useSelect","jsx","_jsx","calculateState","selectState","hovered","selected","SelectOption","props","isHovered","setIsHovered","select","isSelected","value","optionState","state","composedStyles","styles","setOptions","prev","find","option","label","children","Component","onPress","onChange","setIsOpen","onPointerEnter","onPointerLeave","style"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-option.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,OAAOC,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,SAAS;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAQvC,MAAMC,cAAc,GAAGA,CAACC,WAAwB,EAAEC,OAAgB,EAAEC,QAAiB,KAAwB;EAC3G,IAAIF,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAO,UAAU;EACnB;EACA,IAAIE,QAAQ,EAAE;IACZ,OAAO,UAAU;EACnB;EACA,IAAID,OAAO,EAAE;IACX,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,YAAYA,CAACC,KAAwB,EAAsB;EACzE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,MAAMY,UAAU,GAAGD,MAAM,CAACE,KAAK,KAAKL,KAAK,CAACK,KAAK;EAE/C,MAAMC,WAAW,GAAGX,cAAc,CAACQ,MAAM,CAACI,KAAK,EAAEN,SAAS,EAAEG,UAAU,CAAC;EACvE,MAAMI,cAAc,GAAGtB,uBAAuB,CAACiB,MAAM,CAACM,MAAM,EAAEH,WAAW,EAAE,QAAQ,CAAC;EAEpFlB,SAAS,CAAC,MAAM;IACde,MAAM,CAACO,UAAU,CAAEC,IAAI,IAAK;MAC1B,IAAIA,IAAI,CAACC,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACR,KAAK,KAAKL,KAAK,CAACK,KAAK,CAAC,EAAE;QACvD,OAAOM,IAAI;MACb;MACA,OAAO,CAAC,GAAGA,IAAI,EAAE;QAAEN,KAAK,EAAEL,KAAK,CAACK,KAAK;QAAES,KAAK,EAAEd,KAAK,CAACe;MAAS,CAAC,CAAC;IACjE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACf,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACe,QAAQ,CAAC,CAAC;EAEjC,MAAMC,SAAS,GAAG,OAAOhB,KAAK,CAACe,QAAQ,KAAK,QAAQ,GAAGxB,IAAI,GAAGD,SAAS;EAEvE,oBACEI,IAAA,CAACsB,SAAS;IACRC,OAAO,EAAEA,CAAA,KAAM;MACbd,MAAM,CAACe,QAAQ,GAAGlB,KAAK,CAACK,KAAK,CAAC;MAC9BF,MAAM,CAACgB,SAAS,CAAC,KAAK,CAAC;IACzB,CAAE;IACFC,cAAc,EAAEA,CAAA,KAAM;MACpBlB,YAAY,CAAC,IAAI,CAAC;IACpB,CAAE;IACFmB,cAAc,EAAEA,CAAA,KAAM;MACpBnB,YAAY,CAAC,KAAK,CAAC;IACrB,CAAE;IACFoB,KAAK,EAAEd,cAAe;IAAAO,QAAA,EAErBf,KAAK,CAACe;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/select/components/select-overlay.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
+import React from "react";
+import { Pressable, StyleSheet } from "react-native";
+import { useSelect } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SelectOverlay(props) {
+  const select = useSelect();
+  const composedStyles = calculateComposedStyles(select.styles, select.state, "overlay", props.style);
+  const Component = props.render ?? Pressable;
+  return /*#__PURE__*/_jsx(Component, {
+    onPress: () => {
+      select.setIsOpen(false);
+    },
+    style: [StyleSheet.absoluteFill, composedStyles],
+    children: props.children
+  });
+}
+//# sourceMappingURL=select-overlay.js.map

package/dist/module/components/select/components/select-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["calculateComposedStyles","React","Pressable","StyleSheet","useSelect","jsx","_jsx","SelectOverlay","props","select","composedStyles","styles","state","style","Component","render","onPress","setIsOpen","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-overlay.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,UAAU,QAAwB,cAAc;AACpF,SAASC,SAAS;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAYvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1B,MAAMM,cAAc,GAAGV,uBAAuB,CAACS,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEnG,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,SAAS;EAC3C,oBACEI,IAAA,CAACQ,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbP,MAAM,CAACQ,SAAS,CAAC,KAAK,CAAC;IACzB,CAAE;IACFJ,KAAK,EAAE,CAACV,UAAU,CAACe,YAAY,EAAER,cAAc,CAAE;IAAAS,QAAA,EAEhDX,KAAK,CAACW;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/select/components/select-portal.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import React, { useEffect } from "react";
+import { Portal } from "../../portal/index.js";
+import { SelectContext, useSelect } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SelectPortal(props) {
+  const select = useSelect();
+  useEffect(() => {
+    return () => {
+      select.setOptions([]);
+    };
+  }, []);
+  if (!select.isOpen) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Portal, {
+    name: "select-portal",
+    children: /*#__PURE__*/_jsx(SelectContext.Provider, {
+      value: select,
+      children: props.children
+    })
+  });
+}
+//# sourceMappingURL=select-portal.js.map

package/dist/module/components/select/components/select-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Portal","SelectContext","useSelect","jsx","_jsx","SelectPortal","props","select","setOptions","isOpen","name","children","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-portal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,MAAM;AACf,SAASC,aAAa,EAAEC,SAAS;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAMtD,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1BH,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXQ,MAAM,CAACC,UAAU,CAAC,EAAE,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACD,MAAM,CAACE,MAAM,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEL,IAAA,CAACJ,MAAM;IAACU,IAAI,EAAC,eAAe;IAAAC,QAAA,eAC1BP,IAAA,CAACH,aAAa,CAACW,QAAQ;MAACC,KAAK,EAAEN,MAAO;MAAAI,QAAA,EAAEL,KAAK,CAACK;IAAQ,CAAyB;EAAC,CAC1E,CAAC;AAEb","ignoreList":[]}

package/dist/module/components/select/components/select-root.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import { DEFAULT_LAYOUT, DEFAULT_POSITION } from "../../../hooks/index.js";
+import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
+import React, { useState } from "react";
+import { View } from "react-native";
+import { SelectContext } from "../context.js";
+import { SelectVariants } from "../variants/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const calculateState = props => {
+  if (props.isDisabled) {
+    return "disabled";
+  }
+  return "default";
+};
+export function SelectRoot(props) {
+  const variantStyles = SelectVariants[props.variant ?? "default"]();
+  const [isOpen, setIsOpen] = useState(false);
+  const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
+  const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
+  const [options, setOptions] = useState([]);
+  const state = calculateState(props);
+  const composedStyles = calculateComposedStyles(variantStyles, state, "root", props.style);
+  const Component = props.render ?? View;
+  return /*#__PURE__*/_jsx(SelectContext.Provider, {
+    value: {
+      value: props.value,
+      onChange: props.onChange,
+      isOpen,
+      setIsOpen,
+      triggerPosition,
+      setTriggerPosition,
+      contentLayout,
+      setContentLayout,
+      options,
+      setOptions,
+      state,
+      isDisabled: props.isDisabled ?? false,
+      styles: variantStyles
+    },
+    children: /*#__PURE__*/_jsx(Component, {
+      style: composedStyles,
+      children: props.children
+    })
+  });
+}
+//# sourceMappingURL=select-root.js.map

package/dist/module/components/select/components/select-root.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_LAYOUT","DEFAULT_POSITION","calculateComposedStyles","React","useState","View","SelectContext","SelectVariants","jsx","_jsx","calculateState","props","isDisabled","SelectRoot","variantStyles","variant","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","options","setOptions","state","composedStyles","style","Component","render","Provider","value","onChange","styles","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-root.tsx"],"mappings":";;AAAA,SAASA,cAAc,EAAEC,gBAAgB;AACzC,SAASC,uBAAuB;AAChC,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAA+CC,IAAI,QAAwB,cAAc;AACzF,SAASC,aAAa;AAEtB,SAASC,cAAc;AAAsB,SAAAC,GAAA,IAAAC,IAAA;AAuB7C,MAAMC,cAAc,GAAIC,KAAsB,IAAkB;EAC9D,IAAIA,KAAK,CAACC,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,UAAUA,CAACF,KAAsB,EAAE;EACjD,MAAMG,aAAa,GAAGP,cAAc,CAACI,KAAK,CAACI,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAElE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAACc,aAAa,EAAEC,gBAAgB,CAAC,GAAGf,QAAQ,CAAkBJ,cAAc,CAAC;EACnF,MAAM,CAACoB,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAiBH,gBAAgB,CAAC;EACxF,MAAM,CAACqB,OAAO,EAAEC,UAAU,CAAC,GAAGnB,QAAQ,CAAsB,EAAE,CAAC;EAE/D,MAAMoB,KAAK,GAAGd,cAAc,CAACC,KAAK,CAAC;EACnC,MAAMc,cAAc,GAAGvB,uBAAuB,CAACY,aAAa,EAAEU,KAAK,EAAE,MAAM,EAAEb,KAAK,CAACe,KAAK,CAAC;EAEzF,MAAMC,SAAS,GAAGhB,KAAK,CAACiB,MAAM,IAAIvB,IAAI;EACtC,oBACEI,IAAA,CAACH,aAAa,CAACuB,QAAQ;IACrBC,KAAK,EAAE;MACLA,KAAK,EAAEnB,KAAK,CAACmB,KAAK;MAClBC,QAAQ,EAAEpB,KAAK,CAACoB,QAAQ;MACxBf,MAAM;MACNC,SAAS;MACTG,eAAe;MACfC,kBAAkB;MAClBH,aAAa;MACbC,gBAAgB;MAChBG,OAAO;MACPC,UAAU;MACVC,KAAK;MACLZ,UAAU,EAAED,KAAK,CAACC,UAAU,IAAI,KAAK;MACrCoB,MAAM,EAAElB;IACV,CAAE;IAAAmB,QAAA,eAEFxB,IAAA,CAACkB,SAAS;MAACD,KAAK,EAAED,cAAe;MAAAQ,QAAA,EAAEtB,KAAK,CAACsB;IAAQ,CAAY;EAAC,CACxC,CAAC;AAE7B","ignoreList":[]}

package/dist/module/components/select/components/select-trigger.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
+import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
+import React, { useRef } from "react";
+import { Pressable, Text } from "react-native";
+import { useSelect } from "../context.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function SelectTrigger(props) {
+  const select = useSelect();
+  const triggerRef = useRef(null);
+  const composedStyles = calculateComposedStyles(select.styles, select.state, "trigger", props.style);
+  const onTriggerPress = () => {
+    if (!select.isOpen) {
+      measureLayoutPosition(triggerRef.current, layout => {
+        select.setTriggerPosition(layout);
+        select.setIsOpen(true);
+      });
+    } else {
+      select.setIsOpen(false);
+    }
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: triggerRef,
+    onPress: onTriggerPress,
+    disabled: select.isDisabled,
+    style: composedStyles,
+    children: /*#__PURE__*/_jsx(SelectValue, {
+      placeholder: props.placeholder
+    })
+  });
+}
+export function SelectValue(props) {
+  const select = useSelect();
+  const selectedOption = select.options.find(option => option.value === select.value);
+  const selectedOptionLabel = selectedOption?.label;
+  const composedStyles = calculateComposedStyles(select.styles, select.state, selectedOptionLabel ? "value" : "placeholder");
+  if (typeof selectedOptionLabel !== "string") {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: selectedOptionLabel
+    });
+  }
+  return /*#__PURE__*/_jsx(Text, {
+    style: composedStyles,
+    children: selectedOptionLabel ?? props.placeholder
+  });
+}
+//# sourceMappingURL=select-trigger.js.map

package/dist/module/components/select/components/select-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["calculateComposedStyles","measureLayoutPosition","React","useRef","Pressable","Text","useSelect","jsx","_jsx","Fragment","_Fragment","SelectTrigger","props","select","triggerRef","composedStyles","styles","state","style","onTriggerPress","isOpen","current","layout","setTriggerPosition","setIsOpen","ref","onPress","disabled","isDisabled","children","SelectValue","placeholder","selectedOption","options","find","option","value","selectedOptionLabel","label"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-trigger.tsx"],"mappings":";;AACA,SAASA,uBAAuB;AAChC,SAASC,qBAAqB;AAC9B,OAAOC,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,SAAS,EAAEC,IAAI,QAAwD,cAAc;AAC9F,SAASC,SAAS;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAC1B,MAAMQ,UAAU,GAAGX,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMY,cAAc,GAAGf,uBAAuB,CAACa,MAAM,CAACG,MAAM,EAAEH,MAAM,CAACI,KAAK,EAAE,SAAS,EAAEL,KAAK,CAACM,KAAK,CAAC;EAEnG,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACN,MAAM,CAACO,MAAM,EAAE;MAClBnB,qBAAqB,CAACa,UAAU,CAACO,OAAO,EAAGC,MAAM,IAAK;QACpDT,MAAM,CAACU,kBAAkB,CAACD,MAAM,CAAC;QACjCT,MAAM,CAACW,SAAS,CAAC,IAAI,CAAC;MACxB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLX,MAAM,CAACW,SAAS,CAAC,KAAK,CAAC;IACzB;EACF,CAAC;EAED,oBACEhB,IAAA,CAACJ,SAAS;IAACqB,GAAG,EAAEX,UAAW;IAACY,OAAO,EAAEP,cAAe;IAACQ,QAAQ,EAAEd,MAAM,CAACe,UAAW;IAACV,KAAK,EAAEH,cAAe;IAAAc,QAAA,eACtGrB,IAAA,CAACsB,WAAW;MAACC,WAAW,EAAEnB,KAAK,CAACmB;IAAY,CAAE;EAAC,CACtC,CAAC;AAEhB;AAOA,OAAO,SAASD,WAAWA,CAAClB,KAAuB,EAAE;EACnD,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAE1B,MAAM0B,cAAc,GAAGnB,MAAM,CAACoB,OAAO,CAACC,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACC,KAAK,KAAKvB,MAAM,CAACuB,KAAK,CAAC;EACrF,MAAMC,mBAAmB,GAAGL,cAAc,EAAEM,KAAK;EAEjD,MAAMvB,cAAc,GAAGf,uBAAuB,CAACa,MAAM,CAACG,MAAM,EAAEH,MAAM,CAACI,KAAK,EAAEoB,mBAAmB,GAAG,OAAO,GAAG,aAAa,CAAC;EAC1H,IAAI,OAAOA,mBAAmB,KAAK,QAAQ,EAAE;IAC3C,oBAAO7B,IAAA,CAAAE,SAAA;MAAAmB,QAAA,EAAGQ;IAAmB,CAAG,CAAC;EACnC;EACA,oBAAO7B,IAAA,CAACH,IAAI;IAACa,KAAK,EAAEH,cAAe;IAAAc,QAAA,EAAEQ,mBAAmB,IAAIzB,KAAK,CAACmB;EAAW,CAAO,CAAC;AACvF","ignoreList":[]}

package/dist/module/components/select/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","SelectContext","undefined","useSelect","context","Error"],"sourceRoot":"../../../../src","sources":["components/select/context.ts"],"mappings":";;AACA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AAuBhE,OAAO,MAAMC,aAAa,gBAAGF,aAAa,CAA4BG,SAAS,CAAC;AAEhF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,aAAa,CAAC;EACzC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/module/components/select/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { SelectContent } from "./components/select-content.js";
+import { SelectOption } from "./components/select-option.js";
+import { SelectOverlay } from "./components/select-overlay.js";
+import { SelectPortal } from "./components/select-portal.js";
+import { SelectRoot } from "./components/select-root.js";
+import { SelectTrigger } from "./components/select-trigger.js";
+export const Select = {
+  Root: SelectRoot,
+  Trigger: SelectTrigger,
+  Portal: SelectPortal,
+  Overlay: SelectOverlay,
+  Content: SelectContent,
+  Option: SelectOption
+};
+//# sourceMappingURL=index.js.map

package/dist/module/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SelectContent","SelectOption","SelectOverlay","SelectPortal","SelectRoot","SelectTrigger","Select","Root","Trigger","Portal","Overlay","Content","Option"],"sourceRoot":"../../../../src","sources":["components/select/index.ts"],"mappings":";;AAAA,SAASA,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,aAAa;AAEtB,OAAO,MAAMC,MAAM,GAAG;EACpBC,IAAI,EAAEH,UAAU;EAChBI,OAAO,EAAEH,aAAa;EACtBI,MAAM,EAAEN,YAAY;EACpBO,OAAO,EAAER,aAAa;EACtBS,OAAO,EAAEX,aAAa;EACtBY,MAAM,EAAEX;AACV,CAAC","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/select/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/components/select/variants/default.js

@@ -20,7 +20,7 @@ export function useSelectVariantDefault() {
         justifyContent: "center",
         paddingVertical: 12,
         paddingHorizontal: 16,
-        height: 48
+        minHeight: 48
       },
       disabled: {
         backgroundColor: colors.muted

package/dist/module/components/select/variants/default.js.map

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useSelectVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","justifyContent","paddingVertical","paddingHorizontal","height","backgroundColor","muted","value","color","foreground","mutedForeground","placeholder","overlay","content","surface","padding","gap","option","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,SAASC,uBAAuBA,CAAA,EAAiB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE;QACPG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BC,YAAY,EAAEV,MAAM;QACpBW,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,MAAM,EAAE;MACV,CAAC;MACDT,QAAQ,EAAE;QACRU,eAAe,EAAEhB,MAAM,CAACiB;MAC1B;IACF,CAAC;IACDC,KAAK,EAAE;MACLb,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRgB,KAAK,EAAEnB,MAAM,CAACoB;MAChB,CAAC;MACDd,QAAQ,EAAE;QACRa,KAAK,EAAEnB,MAAM,CAACqB;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACXjB,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRgB,KAAK,EAAEnB,MAAM,CAACqB;MAChB,CAAC;MACDf,QAAQ,EAAE;QACRa,KAAK,EAAEnB,MAAM,CAACqB;MAChB;IACF,CAAC;IACDE,OAAO,EAAE;MACPlB,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDkB,OAAO,EAAE;MACPnB,OAAO,EAAE;QACPW,eAAe,EAAEhB,MAAM,CAACyB,OAAO;QAC/Bd,YAAY,EAAEV,MAAM;QACpBO,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BgB,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE;MACP,CAAC;MACDrB,QAAQ,EAAE,CAAC;IACb,CAAC;IACDsB,MAAM,EAAE;MACNvB,OAAO,EAAE;QACPQ,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBZ,UAAU;QACVC,QAAQ;QACRgB,KAAK,EAAEnB,MAAM,CAACoB,UAAU;QACxBT,YAAY,EAAEV,MAAM,GAAG;MACzB,CAAC;MACDK,QAAQ,EAAE;QACRa,KAAK,EAAEnB,MAAM,CAACqB;MAChB,CAAC;MACDQ,QAAQ,EAAE;QACRb,eAAe,EAAEhB,MAAM,CAACiB;MAC1B,CAAC;MACDa,OAAO,EAAE;QACPd,eAAe,EAAEhB,MAAM,CAACiB;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useSelectVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","justifyContent","paddingVertical","paddingHorizontal","minHeight","backgroundColor","muted","value","color","foreground","mutedForeground","placeholder","overlay","content","surface","padding","gap","option","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,SAASC,uBAAuBA,CAAA,EAAiB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE;QACPG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BC,YAAY,EAAEV,MAAM;QACpBW,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACDT,QAAQ,EAAE;QACRU,eAAe,EAAEhB,MAAM,CAACiB;MAC1B;IACF,CAAC;IACDC,KAAK,EAAE;MACLb,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRgB,KAAK,EAAEnB,MAAM,CAACoB;MAChB,CAAC;MACDd,QAAQ,EAAE;QACRa,KAAK,EAAEnB,MAAM,CAACqB;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACXjB,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRgB,KAAK,EAAEnB,MAAM,CAACqB;MAChB,CAAC;MACDf,QAAQ,EAAE;QACRa,KAAK,EAAEnB,MAAM,CAACqB;MAChB;IACF,CAAC;IACDE,OAAO,EAAE;MACPlB,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDkB,OAAO,EAAE;MACPnB,OAAO,EAAE;QACPW,eAAe,EAAEhB,MAAM,CAACyB,OAAO;QAC/Bd,YAAY,EAAEV,MAAM;QACpBO,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BgB,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE;MACP,CAAC;MACDrB,QAAQ,EAAE,CAAC;IACb,CAAC;IACDsB,MAAM,EAAE;MACNvB,OAAO,EAAE;QACPQ,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBZ,UAAU;QACVC,QAAQ;QACRgB,KAAK,EAAEnB,MAAM,CAACoB,UAAU;QACxBT,YAAY,EAAEV,MAAM,GAAG;MACzB,CAAC;MACDK,QAAQ,EAAE;QACRa,KAAK,EAAEnB,MAAM,CAACqB;MAChB,CAAC;MACDQ,QAAQ,EAAE;QACRb,eAAe,EAAEhB,MAAM,CAACiB;MAC1B,CAAC;MACDa,OAAO,EAAE;QACPd,eAAe,EAAEhB,MAAM,CAACiB;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/tabs/components/tabs-list.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { useTabsContext } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TabsList(props) {
+  const {
+    children,
+    style,
+    ...viewProps
+  } = props;
+  const {
+    styles
+  } = useTabsContext();
+  const calculatedStyle = [styles?.list, style];
+  return /*#__PURE__*/_jsx(View, {
+    ...viewProps,
+    style: calculatedStyle,
+    children: children
+  });
+}
+//# sourceMappingURL=tabs-list.js.map

package/dist/module/components/tabs/components/tabs-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useTabsContext","jsx","_jsx","TabsList","props","children","style","viewProps","styles","calculatedStyle","list"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-list.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAO5C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI;EAAO,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEnC,MAAMS,eAAe,GAAG,CAACD,MAAM,EAAEE,IAAI,EAAEJ,KAAK,CAAC;EAE7C,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEG,eAAgB;IAAAJ,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/dist/module/components/tabs/components/tabs-root.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import React, { useMemo } from "react";
+import { View } from "react-native";
+import { TabsContext } from "../context.js";
+import { TabsVariants } from "../variants/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TabsRoot(props) {
+  const {
+    children,
+    value,
+    onChange,
+    style,
+    ...viewProps
+  } = props;
+  const variantStyles = TabsVariants[props.variant || "default"]();
+  const contextValue = useMemo(() => ({
+    value,
+    onChange,
+    styles: variantStyles
+  }), [value, onChange, variantStyles]);
+  return /*#__PURE__*/_jsx(TabsContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(View, {
+      ...viewProps,
+      style: style,
+      children: children
+    })
+  });
+}
+//# sourceMappingURL=tabs-root.js.map

package/dist/module/components/tabs/components/tabs-root.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","TabsContext","TabsVariants","jsx","_jsx","TabsRoot","props","children","value","onChange","style","viewProps","variantStyles","variant","contextValue","styles","Provider"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,WAAW;AACpB,SAASC,YAAY;AAAsB,SAAAC,GAAA,IAAAC,IAAA;AAU3C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGL,KAAK;EAChE,MAAMM,aAAa,GAAGV,YAAY,CAACI,KAAK,CAACO,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAEhE,MAAMC,YAAY,GAAGf,OAAO,CAC1B,OAAO;IACLS,KAAK;IACLC,QAAQ;IACRM,MAAM,EAAEH;EACV,CAAC,CAAC,EACF,CAACJ,KAAK,EAAEC,QAAQ,EAAEG,aAAa,CACjC,CAAC;EAED,oBACER,IAAA,CAACH,WAAW,CAACe,QAAQ;IAACR,KAAK,EAAEM,YAAa;IAAAP,QAAA,eACxCH,IAAA,CAACJ,IAAI;MAAA,GAAKW,SAAS;MAAED,KAAK,EAAEA,KAAM;MAAAH,QAAA,EAC/BA;IAAQ,CACL;EAAC,CACa,CAAC;AAE3B","ignoreList":[]}

package/dist/module/components/tabs/components/tabs-trigger-text.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import React from "react";
+import { Text } from "react-native";
+import { useTabsContext } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TabsTriggerText(props) {
+  const {
+    children,
+    value: triggerValue,
+    isDisabled,
+    style,
+    ...textProps
+  } = props;
+  const {
+    value,
+    styles
+  } = useTabsContext();
+  const isActive = value === triggerValue;
+  const state = isDisabled ? "disabled" : isActive ? "active" : "default";
+  const calculatedStyle = [styles?.triggerText?.default, styles?.triggerText?.[state], style];
+  return /*#__PURE__*/_jsx(Text, {
+    ...textProps,
+    style: calculatedStyle,
+    children: children
+  });
+}
+//# sourceMappingURL=tabs-trigger-text.js.map

package/dist/module/components/tabs/components/tabs-trigger-text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useTabsContext","jsx","_jsx","TabsTriggerText","props","children","value","triggerValue","isDisabled","style","textProps","styles","isActive","state","calculatedStyle","triggerText","default"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-trigger-text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAS5C,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEC,UAAU;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAChF,MAAM;IAAEE,KAAK;IAAEK;EAAO,CAAC,GAAGX,cAAc,CAAC,CAAC;EAE1C,MAAMY,QAAQ,GAAGN,KAAK,KAAKC,YAAY;EACvC,MAAMM,KAAK,GAAGL,UAAU,GAAG,UAAU,GAAGI,QAAQ,GAAG,QAAQ,GAAG,SAAS;EAEvE,MAAME,eAAe,GAAG,CAACH,MAAM,EAAEI,WAAW,EAAEC,OAAO,EAAEL,MAAM,EAAEI,WAAW,GAAGF,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAE3F,oBACEP,IAAA,CAACH,IAAI;IAAA,GAAKW,SAAS;IAAED,KAAK,EAAEK,eAAgB;IAAAT,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/dist/module/components/tabs/components/tabs-trigger.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import React from "react";
+import { Pressable } from "react-native";
+import { useTabsContext } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const calculateState = (isActive, isDisabled) => {
+  if (isDisabled) {
+    return "disabled";
+  }
+  if (isActive) {
+    return "active";
+  }
+  return "default";
+};
+export function TabsTrigger(props) {
+  const {
+    children,
+    value: triggerValue,
+    isDisabled,
+    style,
+    ...pressableProps
+  } = props;
+  const {
+    value,
+    onChange,
+    styles
+  } = useTabsContext();
+  const isActive = value === triggerValue;
+  const state = calculateState(isActive, isDisabled);
+  const handlePress = () => {
+    if (!isDisabled) {
+      onChange(triggerValue);
+    }
+  };
+  const calculatedStyle = [styles?.trigger?.default, styles?.trigger?.[state], style];
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...pressableProps,
+    disabled: isDisabled,
+    onPress: handlePress,
+    style: calculatedStyle,
+    children: children
+  });
+}
+//# sourceMappingURL=tabs-trigger.js.map

package/dist/module/components/tabs/components/tabs-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","useTabsContext","jsx","_jsx","calculateState","isActive","isDisabled","TabsTrigger","props","children","value","triggerValue","style","pressableProps","onChange","styles","state","handlePress","calculatedStyle","trigger","default","disabled","onPress"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,cAAc;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAU5C,MAAMC,cAAc,GAAGA,CAACC,QAAiB,EAAEC,UAA+B,KAAgB;EACxF,IAAIA,UAAU,EAAE;IACd,OAAO,UAAU;EACnB;EACA,IAAID,QAAQ,EAAE;IACZ,OAAO,QAAQ;EACjB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEL,UAAU;IAAEM,KAAK;IAAE,GAAGC;EAAe,CAAC,GAAGL,KAAK;EACrF,MAAM;IAAEE,KAAK;IAAEI,QAAQ;IAAEC;EAAO,CAAC,GAAGd,cAAc,CAAC,CAAC;EAEpD,MAAMI,QAAQ,GAAGK,KAAK,KAAKC,YAAY;EACvC,MAAMK,KAAK,GAAGZ,cAAc,CAACC,QAAQ,EAAEC,UAAU,CAAC;EAElD,MAAMW,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACX,UAAU,EAAE;MACfQ,QAAQ,CAACH,YAAY,CAAC;IACxB;EACF,CAAC;EAED,MAAMO,eAAe,GAAG,CAACH,MAAM,EAAEI,OAAO,EAAEC,OAAO,EAAEL,MAAM,EAAEI,OAAO,GAAGH,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAEnF,oBACET,IAAA,CAACH,SAAS;IAAA,GAAKa,cAAc;IAAEQ,QAAQ,EAAEf,UAAW;IAACgB,OAAO,EAAEL,WAAY;IAACL,KAAK,EAAEM,eAAgB;IAAAT,QAAA,EAC/FA;EAAQ,CACA,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/tabs/context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React, { useContext } from "react";
+export const TabsContext = /*#__PURE__*/React.createContext(null);
+export const useTabsContext = () => {
+  const context = useContext(TabsContext);
+  if (!context) {
+    throw new Error("Tabs compound components must be used within Tabs.Root");
+  }
+  return context;
+};
+//# sourceMappingURL=context.js.map

package/dist/module/components/tabs/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","TabsContext","createContext","useTabsContext","context","Error"],"sourceRoot":"../../../../src","sources":["components/tabs/context.ts"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AASzC,OAAO,MAAMC,WAAW,gBAAGF,KAAK,CAACG,aAAa,CAA0B,IAAI,CAAC;AAE7E,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,WAAW,CAAC;EACvC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,wDAAwD,CAAC;EAC3E;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/module/components/tabs/index.js

@@ -1,5 +1,14 @@
 "use strict";
 
-export { Tabs } from "./tabs.js";
-export { TabsVariants } from "./variants/index.js";
+import { TabsList } from "./components/tabs-list.js";
+import { TabsRoot } from "./components/tabs-root.js";
+import { TabsTrigger } from "./components/tabs-trigger.js";
+import { TabsTriggerText } from "./components/tabs-trigger-text.js";
+export const Tabs = {
+  Root: TabsRoot,
+  List: TabsList,
+  Trigger: TabsTrigger,
+  TriggerText: TabsTriggerText
+};
+export * from "./types.js";
 //# sourceMappingURL=index.js.map

package/dist/module/components/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tabs","TabsVariants"],"sourceRoot":"../../../../src","sources":["components/tabs/index.ts"],"mappings":";;AAAA,SAASA,IAAI;AACb,SAASC,YAAY","ignoreList":[]}
+{"version":3,"names":["TabsList","TabsRoot","TabsTrigger","TabsTriggerText","Tabs","Root","List","Trigger","TriggerText"],"sourceRoot":"../../../../src","sources":["components/tabs/index.ts"],"mappings":";;AAAA,SAASA,QAAQ;AACjB,SAASC,QAAQ;AACjB,SAASC,WAAW;AACpB,SAASC,eAAe;AAExB,OAAO,MAAMC,IAAI,GAAG;EAClBC,IAAI,EAAEJ,QAAQ;EACdK,IAAI,EAAEN,QAAQ;EACdO,OAAO,EAAEL,WAAW;EACpBM,WAAW,EAAEL;AACf,CAAC;AAMD","ignoreList":[]}

package/dist/module/components/tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/tabs/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/components/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/textarea/index.ts"],"mappings":";;AAAA","ignoreList":[]}

package/dist/module/components/textarea/textarea.js

@@ -1,15 +1,44 @@
 "use strict";
 
-import { TextareaPrimitive } from "../../primitives/index.js";
-import React from "react";
+import { useState } from "react";
+import { TextInput } from "react-native";
 import { TextareaVariants } from "./variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+const calculateState = (props, isFocused) => {
+  if (props.isDisabled) {
+    return "disabled";
+  }
+  if (isFocused) {
+    return "focused";
+  }
+  return "default";
+};
 export function Textarea(props) {
-  const useVariantStyles = TextareaVariants[props.variant ?? "default"];
-  const variantStyles = useVariantStyles();
-  return /*#__PURE__*/_jsx(TextareaPrimitive, {
-    ...props,
-    styles: variantStyles
+  const variantStyles = TextareaVariants[props.variant ?? "default"]();
+  const [isFocused, setIsFocused] = useState(false);
+  const state = calculateState(props, isFocused);
+  const composedStyles = [variantStyles.default?.style, variantStyles[state]?.style, props.style];
+  const composedProps = {
+    ...variantStyles.default,
+    ...variantStyles[state],
+    ...props
+  };
+  const Component = props.render ?? TextInput;
+  return /*#__PURE__*/_jsx(Component, {
+    ...composedProps,
+    multiline: true,
+    onChange: undefined,
+    onChangeText: props.onChange,
+    onFocus: e => {
+      setIsFocused(true);
+      props.onFocus?.(e);
+    },
+    onBlur: e => {
+      setIsFocused(false);
+      props.onBlur?.(e);
+    },
+    readOnly: props.isDisabled || props.readOnly,
+    style: composedStyles
   });
 }
 //# sourceMappingURL=textarea.js.map

package/dist/module/components/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"names":["TextareaPrimitive","React","TextareaVariants","jsx","_jsx","Textarea","props","useVariantStyles","variant","variantStyles","styles"],"sourceRoot":"../../../../src","sources":["components/textarea/textarea.tsx"],"mappings":";;AAAA,SAASA,iBAAiB;AAC1B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAM9C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAMC,gBAAgB,GAAGL,gBAAgB,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC;EACrE,MAAMC,aAAa,GAAGF,gBAAgB,CAAC,CAAC;EAExC,oBAAOH,IAAA,CAACJ,iBAAiB;IAAA,GAAKM,KAAK;IAAEI,MAAM,EAAED;EAAc,CAAE,CAAC;AAChE","ignoreList":[]}
+{"version":3,"names":["useState","TextInput","TextareaVariants","jsx","_jsx","calculateState","props","isFocused","isDisabled","Textarea","variantStyles","variant","setIsFocused","state","composedStyles","default","style","composedProps","Component","render","multiline","onChange","undefined","onChangeText","onFocus","e","onBlur","readOnly"],"sourceRoot":"../../../../src","sources":["components/textarea/textarea.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,QAA6B,cAAc;AAE7D,SAASC,gBAAgB;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAa9C,MAAMC,cAAc,GAAGA,CAACC,KAAoB,EAAEC,SAAkB,KAAoB;EAClF,IAAID,KAAK,CAACE,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,IAAID,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,QAAQA,CAACH,KAAoB,EAAE;EAC7C,MAAMI,aAAa,GAAGR,gBAAgB,CAACI,KAAK,CAACK,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAEpE,MAAM,CAACJ,SAAS,EAAEK,YAAY,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMa,KAAK,GAAGR,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMO,cAAc,GAAG,CAACJ,aAAa,CAACK,OAAO,EAAEC,KAAK,EAAEN,aAAa,CAACG,KAAK,CAAC,EAAEG,KAAK,EAAEV,KAAK,CAACU,KAAK,CAAC;EAC/F,MAAMC,aAAa,GAAG;IACpB,GAAGP,aAAa,CAACK,OAAO;IACxB,GAAGL,aAAa,CAACG,KAAK,CAAC;IACvB,GAAGP;EACL,CAAC;EACD,MAAMY,SAAS,GAAGZ,KAAK,CAACa,MAAM,IAAIlB,SAAS;EAC3C,oBACEG,IAAA,CAACc,SAAS;IAAA,GACJD,aAAa;IACjBG,SAAS;IACTC,QAAQ,EAAEC,SAAU;IACpBC,YAAY,EAAEjB,KAAK,CAACe,QAAS;IAC7BG,OAAO,EAAGC,CAAC,IAAK;MACdb,YAAY,CAAC,IAAI,CAAC;MAClBN,KAAK,CAACkB,OAAO,GAAGC,CAAC,CAAC;IACpB,CAAE;IACFC,MAAM,EAAGD,CAAC,IAAK;MACbb,YAAY,CAAC,KAAK,CAAC;MACnBN,KAAK,CAACoB,MAAM,GAAGD,CAAC,CAAC;IACnB,CAAE;IACFE,QAAQ,EAAErB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACqB,QAAS;IAC7CX,KAAK,EAAEF;EAAe,CACvB,CAAC;AAEN","ignoreList":[]}

package/dist/module/components/textarea/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/textarea/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/components/toast/components/toast-description.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import React from "react";
+import { Text } from "react-native";
+import { useToast } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ToastDescription(props) {
+  const toast = useToast();
+  const composedStyle = [toast.styles?.description, props.style];
+  const Component = props.render ?? Text;
+  return /*#__PURE__*/_jsx(Component, {
+    ...props,
+    style: composedStyle
+  });
+}
+//# sourceMappingURL=toast-description.js.map

package/dist/module/components/toast/components/toast-description.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useToast","jsx","_jsx","ToastDescription","props","toast","composedStyle","styles","description","style","Component","render"],"sourceRoot":"../../../../../src","sources":["components/toast/components/toast-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAUtC,OAAO,SAASC,gBAAgBA,CAACC,KAA4B,EAAE;EAC7D,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,WAAW,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE9D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}

package/dist/module/components/toast/components/toast-icon.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import React from "react";
+import { useToast } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ToastIcon({
+  render: Component,
+  ...props
+}) {
+  const toast = useToast();
+  const composedProps = {
+    ...toast.styles?.icon,
+    ...props,
+    style: [toast.styles?.icon?.style, props.style]
+  };
+  return /*#__PURE__*/_jsx(Component, {
+    absoluteStrokeWidth: true,
+    ...composedProps
+  });
+}
+//# sourceMappingURL=toast-icon.js.map

package/dist/module/components/toast/components/toast-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useToast","jsx","_jsx","ToastIcon","render","Component","props","toast","composedProps","styles","icon","style","absoluteStrokeWidth"],"sourceRoot":"../../../../../src","sources":["components/toast/components/toast-icon.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAItC,OAAO,SAASC,SAASA,CAAC;EAAEC,MAAM,EAAEC,SAAS;EAAE,GAAGC;AAA+C,CAAC,EAAE;EAClG,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,MAAMQ,aAAa,GAAG;IACpB,GAAGD,KAAK,CAACE,MAAM,EAAEC,IAAI;IACrB,GAAGJ,KAAK;IACRK,KAAK,EAAE,CAACJ,KAAK,CAACE,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEL,KAAK,CAACK,KAAK;EAChD,CAAC;EAED,oBAAOT,IAAA,CAACG,SAAS;IAACO,mBAAmB;IAAA,GAAKJ;EAAa,CAAG,CAAC;AAC7D","ignoreList":[]}

package/dist/module/components/toast/components/toast-root.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { ToastContext } from "../context.js";
+import { ToastVariants } from "../variants/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ToastRoot(props) {
+  const variantStyles = ToastVariants[props.variant ?? "default"]();
+  const composedStyle = [variantStyles.root, props.style];
+  const Component = props.render ?? View;
+  return /*#__PURE__*/_jsx(ToastContext.Provider, {
+    value: {
+      styles: variantStyles
+    },
+    children: /*#__PURE__*/_jsx(Component, {
+      ...props,
+      style: composedStyle
+    })
+  });
+}
+//# sourceMappingURL=toast-root.js.map

package/dist/module/components/toast/components/toast-root.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ToastContext","ToastVariants","jsx","_jsx","ToastRoot","props","variantStyles","variant","composedStyle","root","style","Component","render","Provider","value","styles","children"],"sourceRoot":"../../../../../src","sources":["components/toast/components/toast-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,YAAY;AACrB,SAASC,aAAa;AAAsB,SAAAC,GAAA,IAAAC,IAAA;AAW5C,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAMC,aAAa,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACjE,MAAMC,aAAa,GAAG,CAACF,aAAa,CAACG,IAAI,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBACEI,IAAA,CAACH,YAAY,CAACa,QAAQ;IACpBC,KAAK,EAAE;MACLC,MAAM,EAAET;IACV,CAAE;IAAAU,QAAA,eAEFb,IAAA,CAACQ,SAAS;MAAA,GAAKN,KAAK;MAAEK,KAAK,EAAEF;IAAc,CAAE;EAAC,CACzB,CAAC;AAE5B","ignoreList":[]}