@korsolutions/ui 0.0.54 → 0.0.56

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

@@ -1,6 +1,7 @@
 "use strict";
 
 import React, { useEffect } from "react";
+import { View } from "react-native";
 import { Portal } from "../../portal/index.js";
 import { SelectContext, useSelect } from "../context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,7 +13,15 @@ export function SelectPortal(props) {
     };
   }, []);
   if (!select.isOpen) {
-    return null;
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        display: "none"
+      },
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: props.children
+    });
   }
   return /*#__PURE__*/_jsx(Portal, {
     name: "select-portal",

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

@@ -1 +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,QAAQ,uBAAc;AACrC,SAASC,aAAa,EAAEC,SAAS,QAAQ,eAAY;AAAC,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":[]}
+{"version":3,"names":["React","useEffect","View","Portal","SelectContext","useSelect","jsx","_jsx","SelectPortal","props","select","setOptions","isOpen","style","display","accessibilityElementsHidden","importantForAccessibility","children","name","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-portal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,uBAAc;AACrC,SAASC,aAAa,EAAEC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMtD,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1BJ,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXS,MAAM,CAACC,UAAU,CAAC,EAAE,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACD,MAAM,CAACE,MAAM,EAAE;IAClB,oBACEL,IAAA,CAACL,IAAI;MACHW,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO,CAAE;MAC3B,mBAAW;MACXC,2BAA2B;MAC3BC,yBAAyB,EAAC,qBAAqB;MAAAC,QAAA,EAE9CR,KAAK,CAACQ;IAAQ,CACX,CAAC;EAEX;EAEA,oBACEV,IAAA,CAACJ,MAAM;IAACe,IAAI,EAAC,eAAe;IAAAD,QAAA,eAC1BV,IAAA,CAACH,aAAa,CAACe,QAAQ;MAACC,KAAK,EAAEV,MAAO;MAAAO,QAAA,EACnCR,KAAK,CAACQ;IAAQ,CACO;EAAC,CACnB,CAAC;AAEb","ignoreList":[]}

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

@@ -34,15 +34,16 @@ 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") {
+  const displayValue = selectedOptionLabel ?? select.value;
+  const composedStyles = calculateComposedStyles(select.styles, select.state, displayValue ? "value" : "placeholder");
+  if (!!displayValue && typeof displayValue !== "string") {
     return /*#__PURE__*/_jsx(_Fragment, {
-      children: selectedOptionLabel
+      children: displayValue
     });
   }
   return /*#__PURE__*/_jsx(Text, {
     style: composedStyles,
-    children: selectedOptionLabel ?? props.placeholder
+    children: displayValue ?? props.placeholder
   });
 }
 //# sourceMappingURL=select-trigger.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","Pressable","Text","calculateComposedStyles","measureLayoutPosition","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":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SACEC,SAAS,EACTC,IAAI,QAIC,cAAc;AAErB,SAASC,uBAAuB,QAAQ,oCAAiC;AACzE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,SAAS,QAAQ,eAAY;AAAC,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,GAAGb,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMc,cAAc,GAAGX,uBAAuB,CAC5CS,MAAM,CAACG,MAAM,EACbH,MAAM,CAACI,KAAK,EACZ,SAAS,EACTL,KAAK,CAACM,KACR,CAAC;EAED,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACN,MAAM,CAACO,MAAM,EAAE;MAClBf,qBAAqB,CAACS,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,CAACN,SAAS;IACRuB,GAAG,EAAEX,UAAW;IAChBY,OAAO,EAAEP,cAAe;IACxBQ,QAAQ,EAAEd,MAAM,CAACe,UAAW;IAC5BV,KAAK,EAAEH,cAAe;IAAAc,QAAA,eAEtBrB,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,CACvCC,MAAM,IAAKA,MAAM,CAACC,KAAK,KAAKvB,MAAM,CAACuB,KACtC,CAAC;EACD,MAAMC,mBAAmB,GAAGL,cAAc,EAAEM,KAAK;EAEjD,MAAMvB,cAAc,GAAGX,uBAAuB,CAC5CS,MAAM,CAACG,MAAM,EACbH,MAAM,CAACI,KAAK,EACZoB,mBAAmB,GAAG,OAAO,GAAG,aAClC,CAAC;EACD,IAAI,OAAOA,mBAAmB,KAAK,QAAQ,EAAE;IAC3C,oBAAO7B,IAAA,CAAAE,SAAA;MAAAmB,QAAA,EAAGQ;IAAmB,CAAG,CAAC;EACnC;EACA,oBACE7B,IAAA,CAACL,IAAI;IAACe,KAAK,EAAEH,cAAe;IAAAc,QAAA,EACzBQ,mBAAmB,IAAIzB,KAAK,CAACmB;EAAW,CACrC,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","useRef","Pressable","Text","calculateComposedStyles","measureLayoutPosition","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","displayValue"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SACEC,SAAS,EACTC,IAAI,QAIC,cAAc;AAErB,SAASC,uBAAuB,QAAQ,oCAAiC;AACzE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,SAAS,QAAQ,eAAY;AAAC,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,GAAGb,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMc,cAAc,GAAGX,uBAAuB,CAC5CS,MAAM,CAACG,MAAM,EACbH,MAAM,CAACI,KAAK,EACZ,SAAS,EACTL,KAAK,CAACM,KACR,CAAC;EAED,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACN,MAAM,CAACO,MAAM,EAAE;MAClBf,qBAAqB,CAACS,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,CAACN,SAAS;IACRuB,GAAG,EAAEX,UAAW;IAChBY,OAAO,EAAEP,cAAe;IACxBQ,QAAQ,EAAEd,MAAM,CAACe,UAAW;IAC5BV,KAAK,EAAEH,cAAe;IAAAc,QAAA,eAEtBrB,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,CACvCC,MAAM,IAAKA,MAAM,CAACC,KAAK,KAAKvB,MAAM,CAACuB,KACtC,CAAC;EACD,MAAMC,mBAAmB,GAAGL,cAAc,EAAEM,KAAK;EACjD,MAAMC,YAAY,GAAGF,mBAAmB,IAAIxB,MAAM,CAACuB,KAAK;EAExD,MAAMrB,cAAc,GAAGX,uBAAuB,CAC5CS,MAAM,CAACG,MAAM,EACbH,MAAM,CAACI,KAAK,EACZsB,YAAY,GAAG,OAAO,GAAG,aAC3B,CAAC;EACD,IAAI,CAAC,CAACA,YAAY,IAAI,OAAOA,YAAY,KAAK,QAAQ,EAAE;IACtD,oBAAO/B,IAAA,CAAAE,SAAA;MAAAmB,QAAA,EAAGU;IAAY,CAAG,CAAC;EAC5B;EACA,oBACE/B,IAAA,CAACL,IAAI;IAACe,KAAK,EAAEH,cAAe;IAAAc,QAAA,EAAEU,YAAY,IAAI3B,KAAK,CAACmB;EAAW,CAAO,CAAC;AAE3E","ignoreList":[]}

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

@@ -17,6 +17,7 @@ export function useSelectVariantDefault() {
         borderWidth: 1,
         borderColor: colors.border,
         borderRadius: radius,
+        backgroundColor: colors.surface,
         justifyContent: "center",
         paddingVertical: 12,
         paddingHorizontal: 16,

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","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,QAAQ,qCAAkC;AAElE,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":[]}
+{"version":3,"names":["useThemedStyles","useSelectVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingVertical","paddingHorizontal","minHeight","muted","value","color","foreground","mutedForeground","placeholder","overlay","content","padding","gap","option","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,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,eAAe,EAAEZ,MAAM,CAACa,OAAO;QAC/BC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACDX,QAAQ,EAAE;QACRM,eAAe,EAAEZ,MAAM,CAACkB;MAC1B;IACF,CAAC;IACDC,KAAK,EAAE;MACLd,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACqB;MAChB,CAAC;MACDf,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACXlB,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDhB,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDE,OAAO,EAAE;MACPnB,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDmB,OAAO,EAAE;MACPpB,OAAO,EAAE;QACPO,eAAe,EAAEZ,MAAM,CAACa,OAAO;QAC/BF,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;QACPU,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBd,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACqB,UAAU;QACxBV,YAAY,EAAEV,MAAM,GAAG;MACzB,CAAC;MACDK,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDO,QAAQ,EAAE;QACRjB,eAAe,EAAEZ,MAAM,CAACkB;MAC1B,CAAC;MACDY,OAAO,EAAE;QACPlB,eAAe,EAAEZ,MAAM,CAACkB;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useToast","jsx","_jsx","ToastBody","props","toast","composedStyle","styles","body","style","Component","render"],"sourceRoot":"../../../../../src","sources":["components/toast/components/toast-body.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtC,OAAO,SAASC,SAASA,CAACC,KAAsC,EAAE;EAChE,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,IAAI,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,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/manager.js

@@ -3,8 +3,11 @@
 import React, { useSyncExternalStore } from "react";
 import { StyleSheet, View } from "react-native";
 import { useSafeAreaInsets } from "../../safe-area/index.js";
+import { useComponentsConfig } from "../../themes/index.js";
 import { Portal } from "../portal/index.js";
+import { ToastBody } from "./components/toast-body.js";
 import { ToastDescription } from "./components/toast-description.js";
+import { ToastIcon } from "./components/toast-icon.js";
 import { ToastRoot } from "./components/toast-root.js";
 import { ToastTitle } from "./components/toast-title.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -73,12 +76,19 @@ export function ToastContainer() {
   });
 }
 export function ToastComponent(props) {
+  const config = useComponentsConfig();
+  const variant = props.variant ?? "default";
+  const IconComponent = config?.toast?.icons?.[variant];
   return /*#__PURE__*/_jsxs(ToastRoot, {
-    variant: props.variant,
-    children: [/*#__PURE__*/_jsx(ToastTitle, {
-      children: props.title
-    }), !!props.description && /*#__PURE__*/_jsx(ToastDescription, {
-      children: props.description
+    variant: variant,
+    children: [!!IconComponent && /*#__PURE__*/_jsx(ToastIcon, {
+      render: IconComponent
+    }), /*#__PURE__*/_jsxs(ToastBody, {
+      children: [/*#__PURE__*/_jsx(ToastTitle, {
+        children: props.title
+      }), !!props.description && /*#__PURE__*/_jsx(ToastDescription, {
+        children: props.description
+      })]
     })]
   });
 }

package/dist/module/components/toast/manager.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSyncExternalStore","StyleSheet","View","useSafeAreaInsets","Portal","ToastDescription","ToastRoot","ToastTitle","jsx","_jsx","jsxs","_jsxs","TOAST_PORTAL_NAME","store","toasts","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","addToast","config","existingToast","find","t","id","toast","duration","setTimeout","removeToast","filter","ToastAPI","show","dismiss","ToastContainer","insets","length","name","children","style","s","wrapper","top","map","ToastComponent","title","description","variant","props","create","width","alignItems","position","gap"],"sourceRoot":"../../../../src","sources":["components/toast/manager.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useSyncExternalStore","StyleSheet","View","useSafeAreaInsets","useComponentsConfig","Portal","ToastBody","ToastDescription","ToastIcon","ToastRoot","ToastTitle","jsx","_jsx","jsxs","_jsxs","TOAST_PORTAL_NAME","store","toasts","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","addToast","config","existingToast","find","t","id","toast","duration","setTimeout","removeToast","filter","ToastAPI","show","dismiss","ToastContainer","insets","length","name","children","style","s","wrapper","top","map","ToastComponent","title","description","variant","props","IconComponent","icons","render","create","width","alignItems","position","gap"],"sourceRoot":"../../../../src","sources":["components/toast/manager.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/toast/variants/danger.js

@@ -14,14 +14,18 @@ export const useToastVariantDanger = () => {
       borderColor: colors.danger,
       borderRadius: radius,
       padding: 16,
-      gap: 4,
+      gap: 12,
       minWidth: 300,
       maxWidth: 400,
       flexDirection: "row"
     },
+    body: {
+      flex: 1,
+      gap: 4
+    },
     icon: {
       color: colors.foreground,
-      size: 20,
+      size: 16,
       style: {
         marginTop: 2
       }

package/dist/module/components/toast/variants/danger.js.map

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useToastVariantDanger","colors","radius","fontFamily","fontSize","root","backgroundColor","danger","borderWidth","borderColor","borderRadius","padding","gap","minWidth","maxWidth","flexDirection","icon","color","foreground","size","style","marginTop","title","fontWeight","description","opacity"],"sourceRoot":"../../../../../src","sources":["components/toast/variants/danger.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAmB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,eAAe,EAAEL,MAAM,CAACM,MAAM;MAC9BC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAER,MAAM,CAACM,MAAM;MAC1BG,YAAY,EAAER,MAAM;MACpBS,OAAO,EAAE,EAAE;MACXC,GAAG,EAAE,CAAC;MACNC,QAAQ,EAAE,GAAG;MACbC,QAAQ,EAAE,GAAG;MACbC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEhB,MAAM,CAACiB,UAAU;MACxBC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;QACLC,SAAS,EAAE;MACb;IACF,CAAC;IACDC,KAAK,EAAE;MACLL,KAAK,EAAEhB,MAAM,CAACiB,UAAU;MACxBd,QAAQ,EAAEA,QAAQ;MAClBmB,UAAU,EAAE,KAAK;MACjBpB;IACF,CAAC;IACDqB,WAAW,EAAE;MACXP,KAAK,EAAEhB,MAAM,CAACiB,UAAU;MACxBd,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BD,UAAU;MACVsB,OAAO,EAAE;IACX;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useToastVariantDanger","colors","radius","fontFamily","fontSize","root","backgroundColor","danger","borderWidth","borderColor","borderRadius","padding","gap","minWidth","maxWidth","flexDirection","body","flex","icon","color","foreground","size","style","marginTop","title","fontWeight","description","opacity"],"sourceRoot":"../../../../../src","sources":["components/toast/variants/danger.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAmB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,eAAe,EAAEL,MAAM,CAACM,MAAM;MAC9BC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAER,MAAM,CAACM,MAAM;MAC1BG,YAAY,EAAER,MAAM;MACpBS,OAAO,EAAE,EAAE;MACXC,GAAG,EAAE,EAAE;MACPC,QAAQ,EAAE,GAAG;MACbC,QAAQ,EAAE,GAAG;MACbC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPL,GAAG,EAAE;IACP,CAAC;IACDM,IAAI,EAAE;MACJC,KAAK,EAAElB,MAAM,CAACmB,UAAU;MACxBC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;QACLC,SAAS,EAAE;MACb;IACF,CAAC;IACDC,KAAK,EAAE;MACLL,KAAK,EAAElB,MAAM,CAACmB,UAAU;MACxBhB,QAAQ,EAAEA,QAAQ;MAClBqB,UAAU,EAAE,KAAK;MACjBtB;IACF,CAAC;IACDuB,WAAW,EAAE;MACXP,KAAK,EAAElB,MAAM,CAACmB,UAAU;MACxBhB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BD,UAAU;MACVwB,OAAO,EAAE;IACX;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -14,14 +14,18 @@ export const useToastVariantDefault = () => {
       borderColor: colors.border,
       borderRadius: radius,
       padding: 16,
-      gap: 4,
+      gap: 12,
       minWidth: 300,
       maxWidth: 400,
       flexDirection: "row"
     },
+    body: {
+      flex: 1,
+      gap: 4
+    },
     icon: {
       color: colors.foreground,
-      size: 20,
+      size: 16,
       style: {
         marginTop: 2
       }

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

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useToastVariantDefault","colors","radius","fontFamily","fontSize","root","backgroundColor","surface","borderWidth","borderColor","border","borderRadius","padding","gap","minWidth","maxWidth","flexDirection","icon","color","foreground","size","style","marginTop","title","fontWeight","description","mutedForeground"],"sourceRoot":"../../../../../src","sources":["components/toast/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAmB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,eAAe,EAAEL,MAAM,CAACM,OAAO;MAC/BC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAER,MAAM,CAACS,MAAM;MAC1BC,YAAY,EAAET,MAAM;MACpBU,OAAO,EAAE,EAAE;MACXC,GAAG,EAAE,CAAC;MACNC,QAAQ,EAAE,GAAG;MACbC,QAAQ,EAAE,GAAG;MACbC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEjB,MAAM,CAACkB,UAAU;MACxBC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;QACLC,SAAS,EAAE;MACb;IACF,CAAC;IACDC,KAAK,EAAE;MACLL,KAAK,EAAEjB,MAAM,CAACkB,UAAU;MACxBf,QAAQ,EAAEA,QAAQ;MAClBoB,UAAU,EAAE,KAAK;MACjBrB;IACF,CAAC;IACDsB,WAAW,EAAE;MACXP,KAAK,EAAEjB,MAAM,CAACyB,eAAe;MAC7BtB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BD;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useToastVariantDefault","colors","radius","fontFamily","fontSize","root","backgroundColor","surface","borderWidth","borderColor","border","borderRadius","padding","gap","minWidth","maxWidth","flexDirection","body","flex","icon","color","foreground","size","style","marginTop","title","fontWeight","description","mutedForeground"],"sourceRoot":"../../../../../src","sources":["components/toast/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAmB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,eAAe,EAAEL,MAAM,CAACM,OAAO;MAC/BC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAER,MAAM,CAACS,MAAM;MAC1BC,YAAY,EAAET,MAAM;MACpBU,OAAO,EAAE,EAAE;MACXC,GAAG,EAAE,EAAE;MACPC,QAAQ,EAAE,GAAG;MACbC,QAAQ,EAAE,GAAG;MACbC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPL,GAAG,EAAE;IACP,CAAC;IACDM,IAAI,EAAE;MACJC,KAAK,EAAEnB,MAAM,CAACoB,UAAU;MACxBC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;QACLC,SAAS,EAAE;MACb;IACF,CAAC;IACDC,KAAK,EAAE;MACLL,KAAK,EAAEnB,MAAM,CAACoB,UAAU;MACxBjB,QAAQ,EAAEA,QAAQ;MAClBsB,UAAU,EAAE,KAAK;MACjBvB;IACF,CAAC;IACDwB,WAAW,EAAE;MACXP,KAAK,EAAEnB,MAAM,CAAC2B,eAAe;MAC7BxB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BD;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/components/toast/variants/success.js

@@ -14,14 +14,18 @@ export const useToastVariantSuccess = () => {
       borderColor: colors.success,
       borderRadius: radius,
       padding: 16,
-      gap: 4,
+      gap: 12,
       minWidth: 300,
       maxWidth: 400,
       flexDirection: "row"
     },
+    body: {
+      flex: 1,
+      gap: 4
+    },
     icon: {
       color: colors.foreground,
-      size: 20,
+      size: 16,
       style: {
         marginTop: 2
       }

package/dist/module/components/toast/variants/success.js.map

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useToastVariantSuccess","colors","radius","fontFamily","fontSize","root","backgroundColor","success","borderWidth","borderColor","borderRadius","padding","gap","minWidth","maxWidth","flexDirection","icon","color","foreground","size","style","marginTop","title","fontWeight","description","opacity"],"sourceRoot":"../../../../../src","sources":["components/toast/variants/success.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAmB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,eAAe,EAAEL,MAAM,CAACM,OAAO;MAC/BC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAER,MAAM,CAACM,OAAO;MAC3BG,YAAY,EAAER,MAAM;MACpBS,OAAO,EAAE,EAAE;MACXC,GAAG,EAAE,CAAC;MACNC,QAAQ,EAAE,GAAG;MACbC,QAAQ,EAAE,GAAG;MACbC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEhB,MAAM,CAACiB,UAAU;MACxBC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;QACLC,SAAS,EAAE;MACb;IACF,CAAC;IACDC,KAAK,EAAE;MACLL,KAAK,EAAEhB,MAAM,CAACiB,UAAU;MACxBd,QAAQ,EAAEA,QAAQ;MAClBmB,UAAU,EAAE,KAAK;MACjBpB;IACF,CAAC;IACDqB,WAAW,EAAE;MACXP,KAAK,EAAEhB,MAAM,CAACiB,UAAU;MACxBd,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BD,UAAU;MACVsB,OAAO,EAAE;IACX;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useToastVariantSuccess","colors","radius","fontFamily","fontSize","root","backgroundColor","success","borderWidth","borderColor","borderRadius","padding","gap","minWidth","maxWidth","flexDirection","body","flex","icon","color","foreground","size","style","marginTop","title","fontWeight","description","opacity"],"sourceRoot":"../../../../../src","sources":["components/toast/variants/success.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAmB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,eAAe,EAAEL,MAAM,CAACM,OAAO;MAC/BC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAER,MAAM,CAACM,OAAO;MAC3BG,YAAY,EAAER,MAAM;MACpBS,OAAO,EAAE,EAAE;MACXC,GAAG,EAAE,EAAE;MACPC,QAAQ,EAAE,GAAG;MACbC,QAAQ,EAAE,GAAG;MACbC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPL,GAAG,EAAE;IACP,CAAC;IACDM,IAAI,EAAE;MACJC,KAAK,EAAElB,MAAM,CAACmB,UAAU;MACxBC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;QACLC,SAAS,EAAE;MACb;IACF,CAAC;IACDC,KAAK,EAAE;MACLL,KAAK,EAAElB,MAAM,CAACmB,UAAU;MACxBhB,QAAQ,EAAEA,QAAQ;MAClBqB,UAAU,EAAE,KAAK;MACjBtB;IACF,CAAC;IACDuB,WAAW,EAAE;MACXP,KAAK,EAAElB,MAAM,CAACmB,UAAU;MACxBhB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BD,UAAU;MACVwB,OAAO,EAAE;IACX;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/index.js

@@ -10,12 +10,14 @@ export const UIProvider = ({
   children,
   portalContainer,
   theme,
-  safeAreaInsets
+  safeAreaInsets,
+  components
 }) => {
   return /*#__PURE__*/_jsx(SafeAreaProvider, {
     insets: safeAreaInsets,
     children: /*#__PURE__*/_jsxs(ThemeProvider, {
       theme: theme,
+      components: components,
       children: [/*#__PURE__*/_jsx(ToastContainer, {}), children, /*#__PURE__*/_jsx(PortalHost, {
         container: portalContainer
       }), /*#__PURE__*/_jsx(AsyncAlertDialogManager, {})]

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AsyncAlertDialogManager","PortalHost","ToastContainer","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SAASC,aAAa,QAAiC,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASlE,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACa,CAAC,KAAK;EACnB,oBACEP,IAAA,CAACH,gBAAgB;IAACW,MAAM,EAAED,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA,KAAM;MAAAF,QAAA,gBAC1BJ,IAAA,CAACJ,cAAc,IAAE,CAAC,EACjBQ,QAAQ,eACTJ,IAAA,CAACL,UAAU;QAACc,SAAS,EAAEJ;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACN,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED,cAAc,4BAAyB;AAEvC,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,SAASgB,QAAQ,QAAQ,sBAAmB;AAC5C,cAAc,mBAAgB;AAE9B,cAAc,uBAAc;AAE5B,cAAc,sBAAa","ignoreList":[]}
+{"version":3,"names":["AsyncAlertDialogManager","PortalHost","ToastContainer","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","components","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SACEC,aAAa,QAGR,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUlB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,cAAc;EACdC;AACa,CAAC,KAAK;EACnB,oBACER,IAAA,CAACH,gBAAgB;IAACY,MAAM,EAAEF,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAAAJ,QAAA,gBAClDJ,IAAA,CAACJ,cAAc,IAAE,CAAC,EACjBQ,QAAQ,eACTJ,IAAA,CAACL,UAAU;QAACe,SAAS,EAAEL;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACN,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED,cAAc,4BAAyB;AAEvC,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,SAASiB,QAAQ,QAA+B,sBAAmB;AACnE,cAAc,mBAAgB;AAE9B,cAAc,uBAAc;AAE5B,cAAc,sBAAa","ignoreList":[]}

package/dist/module/themes/provider.js

@@ -9,7 +9,8 @@ const ThemeContext = /*#__PURE__*/createContext(null);
 export const ThemeProvider = props => {
   const {
     children,
-    theme
+    theme,
+    components
   } = props;
   const systemColorScheme = useColorScheme();
   const [colorScheme, setColorScheme] = useState(systemColorScheme === "dark" ? "dark" : "light");
@@ -28,7 +29,8 @@ export const ThemeProvider = props => {
       radius: themeAssets.radius,
       fontFamily: themeAssets.fontFamily,
       letterSpacing: themeAssets.letterSpacing,
-      fontSize: themeAssets.fontSize
+      fontSize: themeAssets.fontSize,
+      components
     },
     children: children
   });
@@ -40,4 +42,11 @@ export const useTheme = () => {
   }
   return context;
 };
+export const useComponentsConfig = () => {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useComponentsConfig must be used within a ThemeProvider");
+  }
+  return context.components;
+};
 //# sourceMappingURL=provider.js.map

package/dist/module/themes/provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useEffect","useState","useColorScheme","defaultThemeAssets","mergeThemeAssets","jsx","_jsx","ThemeContext","ThemeProvider","props","children","theme","systemColorScheme","colorScheme","setColorScheme","themeAssets","colors","Provider","value","radius","fontFamily","letterSpacing","fontSize","useTheme","context","Error"],"sourceRoot":"../../../src","sources":["themes/provider.tsx"],"mappings":";;AAAA,SACEA,aAAa,EAEbC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,OAAO;AACd,SAASC,cAAc,QAAQ,cAAc;AAE7C,SAASC,kBAAkB,QAAQ,oBAAW;AAU9C,SAASC,gBAAgB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY3C,MAAMC,YAAY,gBAAGT,aAAa,CAAsB,IAAI,CAAC;AAM7D,OAAO,MAAMU,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAEjC,MAAMG,iBAAiB,GAAGV,cAAc,CAAC,CAAC;EAC1C,MAAM,CAACW,WAAW,EAAEC,cAAc,CAAC,GAAGb,QAAQ,CAC5CW,iBAAiB,KAAK,MAAM,GAAG,MAAM,GAAG,OAC1C,CAAC;EAED,MAAMG,WAAW,GAAGJ,KAAK,GACrBP,gBAAgB,CAACD,kBAAkB,EAAEQ,KAAK,CAAC,GAC3CR,kBAAkB;EAEtB,MAAMa,MAAM,GAAGD,WAAW,CAACC,MAAM,CAACH,WAAW,CAAC;EAE9Cb,SAAS,CAAC,MAAM;IACd,IAAIY,iBAAiB,EAAE;MACrBE,cAAc,CAACF,iBAAiB,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjE;EACF,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,oBACEN,IAAA,CAACC,YAAY,CAACU,QAAQ;IACpBC,KAAK,EAAE;MACLL,WAAW;MACXC,cAAc;MACdE,MAAM;MACNG,MAAM,EAAEJ,WAAW,CAACI,MAAM;MAC1BC,UAAU,EAAEL,WAAW,CAACK,UAAU;MAClCC,aAAa,EAAEN,WAAW,CAACM,aAAa;MACxCC,QAAQ,EAAEP,WAAW,CAACO;IACxB,CAAE;IAAAZ,QAAA,EAEDA;EAAQ,CACY,CAAC;AAE5B,CAAC;AAED,OAAO,MAAMa,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGzB,UAAU,CAACQ,YAAY,CAAC;EACxC,IAAI,CAACiB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","useEffect","useState","useColorScheme","defaultThemeAssets","mergeThemeAssets","jsx","_jsx","ThemeContext","ThemeProvider","props","children","theme","components","systemColorScheme","colorScheme","setColorScheme","themeAssets","colors","Provider","value","radius","fontFamily","letterSpacing","fontSize","useTheme","context","Error","useComponentsConfig"],"sourceRoot":"../../../src","sources":["themes/provider.tsx"],"mappings":";;AAAA,SACEA,aAAa,EAEbC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,OAAO;AACd,SAASC,cAAc,QAAQ,cAAc;AAI7C,SAASC,kBAAkB,QAAQ,oBAAW;AAU9C,SAASC,gBAAgB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqB3C,MAAMC,YAAY,gBAAGT,aAAa,CAAsB,IAAI,CAAC;AAO7D,OAAO,MAAMU,aAAa,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGH,KAAK;EAE7C,MAAMI,iBAAiB,GAAGX,cAAc,CAAC,CAAC;EAC1C,MAAM,CAACY,WAAW,EAAEC,cAAc,CAAC,GAAGd,QAAQ,CAC5CY,iBAAiB,KAAK,MAAM,GAAG,MAAM,GAAG,OAC1C,CAAC;EAED,MAAMG,WAAW,GAAGL,KAAK,GACrBP,gBAAgB,CAACD,kBAAkB,EAAEQ,KAAK,CAAC,GAC3CR,kBAAkB;EAEtB,MAAMc,MAAM,GAAGD,WAAW,CAACC,MAAM,CAACH,WAAW,CAAC;EAE9Cd,SAAS,CAAC,MAAM;IACd,IAAIa,iBAAiB,EAAE;MACrBE,cAAc,CAACF,iBAAiB,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjE;EACF,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,oBACEP,IAAA,CAACC,YAAY,CAACW,QAAQ;IACpBC,KAAK,EAAE;MACLL,WAAW;MACXC,cAAc;MACdE,MAAM;MACNG,MAAM,EAAEJ,WAAW,CAACI,MAAM;MAC1BC,UAAU,EAAEL,WAAW,CAACK,UAAU;MAClCC,aAAa,EAAEN,WAAW,CAACM,aAAa;MACxCC,QAAQ,EAAEP,WAAW,CAACO,QAAQ;MAC9BX;IACF,CAAE;IAAAF,QAAA,EAEDA;EAAQ,CACY,CAAC;AAE5B,CAAC;AAED,OAAO,MAAMc,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAG1B,UAAU,CAACQ,YAAY,CAAC;EACxC,IAAI,CAACkB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,OAAO,MAAME,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMF,OAAO,GAAG1B,UAAU,CAACQ,YAAY,CAAC;EACxC,IAAI,CAACkB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EACA,OAAOD,OAAO,CAACb,UAAU;AAC3B,CAAC","ignoreList":[]}

package/dist/typescript/src/components/select/components/select-portal.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export interface SelectPortalProps {
     children?: React.ReactNode;
 }
-export declare function SelectPortal(props: SelectPortalProps): React.JSX.Element | null;
+export declare function SelectPortal(props: SelectPortalProps): React.JSX.Element;
 //# sourceMappingURL=select-portal.d.ts.map

package/dist/typescript/src/components/select/components/select-portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-portal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,4BAkBpD"}
+{"version":3,"file":"select-portal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAKzC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBA6BpD"}

package/dist/typescript/src/components/select/components/select-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAgCtD;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAqBlD"}
+{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAgCtD;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAoBlD"}

package/dist/typescript/src/components/select/variants/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,wBAAgB,uBAAuB,IAAI,YAAY,CA6EtD"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,wBAAgB,uBAAuB,IAAI,YAAY,CA8EtD"}

package/dist/typescript/src/components/toast/components/toast-body.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithRender } from "../../../types/props.types";
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface ToastBodyProps {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ToastBody(props: PropsWithRender<ToastBodyProps>): React.JSX.Element;
+//# sourceMappingURL=toast-body.d.ts.map

package/dist/typescript/src/components/toast/components/toast-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-body.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/components/toast-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,qBAO/D"}

package/dist/typescript/src/components/toast/manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/manager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAEhD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA2BD,iBAAS,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAuB7C;AAED,iBAAS,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAGrC;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,wBAAgB,cAAc,6BAoB7B;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,qBAS/C"}
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/manager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAEhD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA2BD,iBAAS,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAuB7C;AAED,iBAAS,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAGrC;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,wBAAgB,cAAc,6BAoB7B;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,qBAgB/C"}

package/dist/typescript/src/components/toast/types.d.ts

@@ -1,9 +1,11 @@
+import type { ToastBodyProps } from "./components/toast-body";
 import type { ToastDescriptionProps } from "./components/toast-description";
 import type { ToastIconProps } from "./components/toast-icon";
 import type { ToastRootProps } from "./components/toast-root";
 import type { ToastTitleProps } from "./components/toast-title";
 export interface ToastStyles {
     root?: ToastRootProps["style"];
+    body?: ToastBodyProps["style"];
     icon?: ToastIconProps;
     title?: ToastTitleProps["style"];
     description?: ToastDescriptionProps["style"];

package/dist/typescript/src/components/toast/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CAC9C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CAC9C"}

package/dist/typescript/src/components/toast/variants/danger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"danger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/danger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,qBAAqB,QAAO,WAmCxC,CAAC"}
+{"version":3,"file":"danger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/danger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,qBAAqB,QAAO,WAuCxC,CAAC"}

package/dist/typescript/src/components/toast/variants/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,sBAAsB,QAAO,WAkCzC,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,sBAAsB,QAAO,WAsCzC,CAAC"}

package/dist/typescript/src/components/toast/variants/success.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/success.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,sBAAsB,QAAO,WAmCzC,CAAC"}
+{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/success.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,sBAAsB,QAAO,WAuCzC,CAAC"}

package/dist/typescript/src/index.d.ts

@@ -1,17 +1,18 @@
 import { type PortalHostProps } from "./components/portal/portal.constants";
 import { type SafeAreaInsets } from "./safe-area";
-import { type ThemeProviderProps } from "./themes";
+import { type ComponentsConfig, type ThemeProviderProps } from "./themes";
 export interface ProviderProps {
     children: React.ReactNode;
     portalContainer?: PortalHostProps["container"];
     theme?: ThemeProviderProps["theme"];
     safeAreaInsets?: SafeAreaInsets;
+    components?: ComponentsConfig;
 }
-export declare const UIProvider: ({ children, portalContainer, theme, safeAreaInsets, }: ProviderProps) => import("react").JSX.Element;
+export declare const UIProvider: ({ children, portalContainer, theme, safeAreaInsets, components, }: ProviderProps) => import("react").JSX.Element;
 export * from "./hooks/use-screen-size";
 export * from "./themes/adapters";
 export * from "./themes/default";
-export { useTheme } from "./themes/provider";
+export { useTheme, type ComponentsConfig } from "./themes/provider";
 export * from "./themes/types";
 export * from "./components";
 export * from "./safe-area";

package/dist/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,GAAI,uDAKxB,aAAa,gCAWf,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,GAAI,mEAMxB,aAAa,gCAWf,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC"}

package/dist/typescript/src/themes/provider.d.ts

@@ -1,4 +1,6 @@
 import { type PropsWithChildren } from "react";
+import type { ToastVariants } from "../components/toast/variants";
+import type { SvgProps } from "../types/props.types";
 import type { DeepPartial } from "../types/util.types";
 import type { Colors, ColorScheme, FontFamily, FontSize, LetterSpacing, Radius, ThemeAssets } from "./types";
 interface ThemeContext {
@@ -9,12 +11,20 @@ interface ThemeContext {
     letterSpacing: LetterSpacing;
     fontSize: FontSize;
     setColorScheme: (scheme: ColorScheme) => void;
+    components?: ComponentsConfig;
+}
+export interface ComponentsConfig {
+    toast?: {
+        icons?: Partial<Record<keyof typeof ToastVariants, (props: SvgProps) => React.ReactNode>>;
+    };
 }
 declare const ThemeContext: import("react").Context<ThemeContext | null>;
 export interface ThemeProviderProps extends PropsWithChildren {
     theme?: DeepPartial<ThemeAssets>;
+    components?: ComponentsConfig;
 }
 export declare const ThemeProvider: (props: ThemeProviderProps) => import("react").JSX.Element;
 export declare const useTheme: () => ThemeContext;
+export declare const useComponentsConfig: () => ComponentsConfig | undefined;
 export {};
 //# sourceMappingURL=provider.d.ts.map

package/dist/typescript/src/themes/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/themes/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,EACN,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC/C;AAED,QAAA,MAAM,YAAY,8CAA2C,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAmCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAMpB,CAAC"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/themes/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,EACN,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,CACb,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CACzE,CAAC;KACH,CAAC;CACH;AAED,QAAA,MAAM,YAAY,8CAA2C,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAoCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAMpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,oCAM/B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/components/select/components/select-portal.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect } from "react";
+import { View } from "react-native";
 import { Portal } from "../../portal";
 import { SelectContext, useSelect } from "../context";
 
@@ -16,12 +17,23 @@ export function SelectPortal(props: SelectPortalProps) {
   }, []);
 
   if (!select.isOpen) {
-    return null;
+    return (
+      <View
+        style={{ display: "none" }}
+        aria-hidden
+        accessibilityElementsHidden
+        importantForAccessibility="no-hide-descendants"
+      >
+        {props.children}
+      </View>
+    );
   }
 
   return (
     <Portal name="select-portal">
-      <SelectContext.Provider value={select}>{props.children}</SelectContext.Provider>
+      <SelectContext.Provider value={select}>
+        {props.children}
+      </SelectContext.Provider>
     </Portal>
   );
 }

package/src/components/select/components/select-trigger.tsx

@@ -62,18 +62,17 @@ export function SelectValue(props: SelectValueProps) {
     (option) => option.value === select.value,
   );
   const selectedOptionLabel = selectedOption?.label;
+  const displayValue = selectedOptionLabel ?? select.value;
 
   const composedStyles = calculateComposedStyles(
     select.styles,
     select.state,
-    selectedOptionLabel ? "value" : "placeholder",
+    displayValue ? "value" : "placeholder",
   );
-  if (typeof selectedOptionLabel !== "string") {
-    return <>{selectedOptionLabel}</>;
+  if (!!displayValue && typeof displayValue !== "string") {
+    return <>{displayValue}</>;
   }
   return (
-    <Text style={composedStyles}>
-      {selectedOptionLabel ?? props.placeholder}
-    </Text>
+    <Text style={composedStyles}>{displayValue ?? props.placeholder}</Text>
   );
 }

package/src/components/select/variants/default.tsx

@@ -13,6 +13,7 @@ export function useSelectVariantDefault(): SelectStyles {
           borderWidth: 1,
           borderColor: colors.border,
           borderRadius: radius,
+          backgroundColor: colors.surface,
           justifyContent: "center",
           paddingVertical: 12,
           paddingHorizontal: 16,

package/src/components/toast/components/toast-body.tsx

@@ -0,0 +1,19 @@
+import type { PropsWithRender } from "../../../types/props.types";
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useToast } from "../context";
+
+export interface ToastBodyProps {
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function ToastBody(props: PropsWithRender<ToastBodyProps>) {
+  const toast = useToast();
+
+  const composedStyle = [toast.styles?.body, props.style];
+
+  const Component = props.render ?? View;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/toast/manager.tsx

@@ -1,8 +1,11 @@
 import React, { useSyncExternalStore } from "react";
 import { StyleSheet, View } from "react-native";
 import { useSafeAreaInsets } from "../../safe-area";
+import { useComponentsConfig } from "../../themes";
 import { Portal } from "../portal";
+import { ToastBody } from "./components/toast-body";
 import { ToastDescription } from "./components/toast-description";
+import { ToastIcon } from "./components/toast-icon";
 import { ToastRoot } from "./components/toast-root";
 import { ToastTitle } from "./components/toast-title";
 import { ToastVariants } from "./variants";
@@ -107,12 +110,19 @@ interface ToastProps {
 }
 
 export function ToastComponent(props: ToastProps) {
+  const config = useComponentsConfig();
+  const variant = props.variant ?? "default";
+  const IconComponent = config?.toast?.icons?.[variant];
+
   return (
-    <ToastRoot variant={props.variant}>
-      <ToastTitle>{props.title}</ToastTitle>
-      {!!props.description && (
-        <ToastDescription>{props.description}</ToastDescription>
-      )}
+    <ToastRoot variant={variant}>
+      {!!IconComponent && <ToastIcon render={IconComponent} />}
+      <ToastBody>
+        <ToastTitle>{props.title}</ToastTitle>
+        {!!props.description && (
+          <ToastDescription>{props.description}</ToastDescription>
+        )}
+      </ToastBody>
     </ToastRoot>
   );
 }

package/src/components/toast/types.ts

@@ -1,3 +1,4 @@
+import type { ToastBodyProps } from "./components/toast-body";
 import type { ToastDescriptionProps } from "./components/toast-description";
 import type { ToastIconProps } from "./components/toast-icon";
 import type { ToastRootProps } from "./components/toast-root";
@@ -5,6 +6,7 @@ import type { ToastTitleProps } from "./components/toast-title";
 
 export interface ToastStyles {
   root?: ToastRootProps["style"];
+  body?: ToastBodyProps["style"];
   icon?: ToastIconProps;
   title?: ToastTitleProps["style"];
   description?: ToastDescriptionProps["style"];

package/src/components/toast/variants/danger.tsx

@@ -10,14 +10,18 @@ export const useToastVariantDanger = (): ToastStyles => {
         borderColor: colors.danger,
         borderRadius: radius,
         padding: 16,
-        gap: 4,
+        gap: 12,
         minWidth: 300,
         maxWidth: 400,
         flexDirection: "row",
       },
+      body: {
+        flex: 1,
+        gap: 4,
+      },
       icon: {
         color: colors.foreground,
-        size: 20,
+        size: 16,
         style: {
           marginTop: 2,
         },

package/src/components/toast/variants/default.tsx

@@ -10,14 +10,18 @@ export const useToastVariantDefault = (): ToastStyles => {
         borderColor: colors.border,
         borderRadius: radius,
         padding: 16,
-        gap: 4,
+        gap: 12,
         minWidth: 300,
         maxWidth: 400,
         flexDirection: "row",
       },
+      body: {
+        flex: 1,
+        gap: 4,
+      },
       icon: {
         color: colors.foreground,
-        size: 20,
+        size: 16,
         style: {
           marginTop: 2,
         },

package/src/components/toast/variants/success.tsx

@@ -10,14 +10,18 @@ export const useToastVariantSuccess = (): ToastStyles => {
         borderColor: colors.success,
         borderRadius: radius,
         padding: 16,
-        gap: 4,
+        gap: 12,
         minWidth: 300,
         maxWidth: 400,
         flexDirection: "row",
       },
+      body: {
+        flex: 1,
+        gap: 4,
+      },
       icon: {
         color: colors.foreground,
-        size: 20,
+        size: 16,
         style: {
           marginTop: 2,
         },

package/src/index.tsx

@@ -3,13 +3,18 @@ import { PortalHost } from "./components/portal";
 import { type PortalHostProps } from "./components/portal/portal.constants";
 import { ToastContainer } from "./components/toast/manager";
 import { SafeAreaProvider, type SafeAreaInsets } from "./safe-area";
-import { ThemeProvider, type ThemeProviderProps } from "./themes";
+import {
+  ThemeProvider,
+  type ComponentsConfig,
+  type ThemeProviderProps,
+} from "./themes";
 
 export interface ProviderProps {
   children: React.ReactNode;
   portalContainer?: PortalHostProps["container"];
   theme?: ThemeProviderProps["theme"];
   safeAreaInsets?: SafeAreaInsets;
+  components?: ComponentsConfig;
 }
 
 export const UIProvider = ({
@@ -17,10 +22,11 @@ export const UIProvider = ({
   portalContainer,
   theme,
   safeAreaInsets,
+  components,
 }: ProviderProps) => {
   return (
     <SafeAreaProvider insets={safeAreaInsets}>
-      <ThemeProvider theme={theme}>
+      <ThemeProvider theme={theme} components={components}>
         <ToastContainer />
         {children}
         <PortalHost container={portalContainer} />
@@ -34,7 +40,7 @@ export * from "./hooks/use-screen-size";
 
 export * from "./themes/adapters";
 export * from "./themes/default";
-export { useTheme } from "./themes/provider";
+export { useTheme, type ComponentsConfig } from "./themes/provider";
 export * from "./themes/types";
 
 export * from "./components";

package/src/themes/provider.tsx

@@ -6,6 +6,8 @@ import {
   useState,
 } from "react";
 import { useColorScheme } from "react-native";
+import type { ToastVariants } from "../components/toast/variants";
+import type { SvgProps } from "../types/props.types";
 import type { DeepPartial } from "../types/util.types";
 import { defaultThemeAssets } from "./default";
 import type {
@@ -27,16 +29,26 @@ interface ThemeContext {
   letterSpacing: LetterSpacing;
   fontSize: FontSize;
   setColorScheme: (scheme: ColorScheme) => void;
+  components?: ComponentsConfig;
+}
+
+export interface ComponentsConfig {
+  toast?: {
+    icons?: Partial<
+      Record<keyof typeof ToastVariants, (props: SvgProps) => React.ReactNode>
+    >;
+  };
 }
 
 const ThemeContext = createContext<ThemeContext | null>(null);
 
 export interface ThemeProviderProps extends PropsWithChildren {
   theme?: DeepPartial<ThemeAssets>;
+  components?: ComponentsConfig;
 }
 
 export const ThemeProvider = (props: ThemeProviderProps) => {
-  const { children, theme } = props;
+  const { children, theme, components } = props;
 
   const systemColorScheme = useColorScheme();
   const [colorScheme, setColorScheme] = useState<ColorScheme>(
@@ -65,6 +77,7 @@ export const ThemeProvider = (props: ThemeProviderProps) => {
         fontFamily: themeAssets.fontFamily,
         letterSpacing: themeAssets.letterSpacing,
         fontSize: themeAssets.fontSize,
+        components,
       }}
     >
       {children}
@@ -79,3 +92,11 @@ export const useTheme = () => {
   }
   return context;
 };
+
+export const useComponentsConfig = () => {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useComponentsConfig must be used within a ThemeProvider");
+  }
+  return context.components;
+};