@kivid/native-components 1.0.0-alpha.2 → 1.0.0-alpha.21

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

@@ -3,18 +3,21 @@
 import { merge } from "@kivid/tailwind-preset";
 import { chipVariants } from "./assets/class-variants.js";
 import { Seal } from "../Seal/index.js";
-import { Text, View } from "react-native";
+import { View } from "react-native";
 import { SealVariantEnum } from "../Seal/enums/index.js";
+import { Typography } from "../Typography/index.js";
+import { SizeEnum } from "../../enums/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Chip(props) {
   const {
     label,
     className,
     sealVariant = SealVariantEnum.ADD,
-    size = "medium",
+    size = SizeEnum.MEDIUM,
     variant = "outline"
   } = props;
-  const labelStyles = merge("mx-auto", size === "medium" ? "text-label_small_700" : "text-label_medium_700", variant === "filled" ? "text-chia-200" : "text-chia-900");
+  const typographyVariant = size === SizeEnum.MEDIUM ? "label_small" : "label_medium";
+  const textColorClass = variant === "filled" ? "text-chia-200" : "text-chia-900";
   return /*#__PURE__*/_jsxs(View, {
     className: merge(chipVariants({
       size,
@@ -24,9 +27,11 @@ export function Chip(props) {
     children: [/*#__PURE__*/_jsx(Seal, {
       variant: sealVariant,
       inverted: variant === "filled",
-      size: "small"
-    }), /*#__PURE__*/_jsx(Text, {
-      className: labelStyles,
+      size: SizeEnum.SMALL
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: typographyVariant,
+      weight: "700",
+      className: merge("mx-auto", textColorClass),
       children: label
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["merge","chipVariants","Seal","Text","View","SealVariantEnum","jsx","_jsx","jsxs","_jsxs","Chip","props","label","className","sealVariant","ADD","size","variant","labelStyles","children","inverted"],"sourceRoot":"../../../../src","sources":["components/Chip/index.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,wBAAwB;AAE9C,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhD,OAAO,SAASC,IAAIA,CAACC,KAAgB,EAAE;EACrC,MAAM;IACJC,KAAK;IACLC,SAAS;IACTC,WAAW,GAAGT,eAAe,CAACU,GAAG;IACjCC,IAAI,GAAG,QAAQ;IACfC,OAAO,GAAG;EACZ,CAAC,GAAGN,KAAK;EAET,MAAMO,WAAW,GAAGlB,KAAK,CACvB,SAAS,EACTgB,IAAI,KAAK,QAAQ,GAAG,sBAAsB,GAAG,uBAAuB,EACpEC,OAAO,KAAK,QAAQ,GAAG,eAAe,GAAG,eAC3C,CAAC;EAED,oBACER,KAAA,CAACL,IAAI;IACHS,SAAS,EAAEb,KAAK,CAACC,YAAY,CAAC;MAAEe,IAAI;MAAEC,OAAO;MAAEH;IAAY,CAAC,CAAC,EAAED,SAAS,CAAE;IAAAM,QAAA,gBAE1EZ,IAAA,CAACL,IAAI;MACHe,OAAO,EAAEH,WAAY;MACrBM,QAAQ,EAAEH,OAAO,KAAK,QAAS;MAC/BD,IAAI,EAAC;IAAO,CACb,CAAC,eACFT,IAAA,CAACJ,IAAI;MAACU,SAAS,EAAEK,WAAY;MAAAC,QAAA,EAAEP;IAAK,CAAO,CAAC;EAAA,CACxC,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["merge","chipVariants","Seal","View","SealVariantEnum","Typography","SizeEnum","jsx","_jsx","jsxs","_jsxs","Chip","props","label","className","sealVariant","ADD","size","MEDIUM","variant","typographyVariant","textColorClass","children","inverted","SMALL","weight"],"sourceRoot":"../../../../src","sources":["components/Chip/index.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,wBAAwB;AAE9C,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,eAAe,QAAQ,wBAAe;AAC/C,SAASC,UAAU,QAAQ,wBAAe;AAC1C,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvC,OAAO,SAASC,IAAIA,CAACC,KAAgB,EAAE;EACrC,MAAM;IACJC,KAAK;IACLC,SAAS;IACTC,WAAW,GAAGX,eAAe,CAACY,GAAG;IACjCC,IAAI,GAAGX,QAAQ,CAACY,MAAM;IACtBC,OAAO,GAAG;EACZ,CAAC,GAAGP,KAAK;EAET,MAAMQ,iBAAiB,GACrBH,IAAI,KAAKX,QAAQ,CAACY,MAAM,GAAG,aAAa,GAAG,cAAc;EAE3D,MAAMG,cAAc,GAClBF,OAAO,KAAK,QAAQ,GAAG,eAAe,GAAG,eAAe;EAE1D,oBACET,KAAA,CAACP,IAAI;IACHW,SAAS,EAAEd,KAAK,CAACC,YAAY,CAAC;MAAEgB,IAAI;MAAEE,OAAO;MAAEJ;IAAY,CAAC,CAAC,EAAED,SAAS,CAAE;IAAAQ,QAAA,gBAE1Ed,IAAA,CAACN,IAAI;MACHiB,OAAO,EAAEJ,WAAY;MACrBQ,QAAQ,EAAEJ,OAAO,KAAK,QAAS;MAC/BF,IAAI,EAAEX,QAAQ,CAACkB;IAAM,CACtB,CAAC,eACFhB,IAAA,CAACH,UAAU;MACTc,OAAO,EAAEC,iBAAkB;MAC3BK,MAAM,EAAC,KAAK;MACZX,SAAS,EAAEd,KAAK,CAAC,SAAS,EAAEqB,cAAc,CAAE;MAAAC,QAAA,EAE3CT;IAAK,CACI,CAAC;EAAA,CACT,CAAC;AAEX","ignoreList":[]}

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

@@ -1,37 +1,41 @@
 "use strict";
 
-import { merge } from "@kivid/tailwind-preset";
-import { Text } from "react-native";
+import { Typography } from "../Typography/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function HighlightedText(props) {
   const {
     text,
     highlightText,
     className,
-    highlightTextClassName,
     reverse,
-    ref,
+    highlightedTextProps = {},
+    variant = "label_medium",
+    weight = "400",
     ...rest
   } = props;
-  const mergeClassName = merge("text-label_medium_300", className);
-  const mergeHighlightClassName = merge("text-label_medium_700", highlightTextClassName);
   if (reverse) {
-    return /*#__PURE__*/_jsxs(Text, {
-      ref: ref,
-      className: mergeClassName,
+    return /*#__PURE__*/_jsxs(Typography, {
+      variant: variant,
+      weight: weight,
+      className: className,
       ...rest,
-      children: [/*#__PURE__*/_jsx(Text, {
-        className: mergeHighlightClassName,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: highlightedTextProps.variant,
+        weight: highlightedTextProps.weight,
+        ...highlightedTextProps,
         children: highlightText
       }), " ", text]
     });
   }
-  return /*#__PURE__*/_jsxs(Text, {
-    ref: ref,
-    className: mergeClassName,
+  return /*#__PURE__*/_jsxs(Typography, {
+    variant: variant,
+    weight: weight,
+    className: className,
     ...rest,
-    children: [text, " ", /*#__PURE__*/_jsx(Text, {
-      className: mergeHighlightClassName,
+    children: [text, " ", /*#__PURE__*/_jsx(Typography, {
+      variant: highlightedTextProps.variant || "label_medium",
+      weight: highlightedTextProps.weight || "700",
+      ...highlightedTextProps,
       children: highlightText
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["merge","Text","jsx","_jsx","jsxs","_jsxs","HighlightedText","props","text","highlightText","className","highlightTextClassName","reverse","ref","rest","mergeClassName","mergeHighlightClassName","children","displayName"],"sourceRoot":"../../../../src","sources":["components/HighlightedText/index.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IACJC,IAAI;IACJC,aAAa;IACbC,SAAS;IACTC,sBAAsB;IACtBC,OAAO;IACPC,GAAG;IACH,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,cAAc,GAAGf,KAAK,CAAC,uBAAuB,EAAEU,SAAS,CAAC;EAChE,MAAMM,uBAAuB,GAAGhB,KAAK,CACnC,uBAAuB,EACvBW,sBACF,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,oBACEP,KAAA,CAACJ,IAAI;MAACY,GAAG,EAAEA,GAAI;MAACH,SAAS,EAAEK,cAAe;MAAA,GAAKD,IAAI;MAAAG,QAAA,gBACjDd,IAAA,CAACF,IAAI;QAACS,SAAS,EAAEM,uBAAwB;QAAAC,QAAA,EAAER;MAAa,CAAO,CAAC,KAAC,EAACD,IAAI;IAAA,CAClE,CAAC;EAEX;EAEA,oBACEH,KAAA,CAACJ,IAAI;IAACY,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEK,cAAe;IAAA,GAAKD,IAAI;IAAAG,QAAA,GAChDT,IAAI,EAAC,GAAC,eAAAL,IAAA,CAACF,IAAI;MAACS,SAAS,EAAEM,uBAAwB;MAAAC,QAAA,EAAER;IAAa,CAAO,CAAC;EAAA,CACnE,CAAC;AAEX;AAEAH,eAAe,CAACY,WAAW,GAAG,iBAAiB;AAC/C,eAAeZ,eAAe","ignoreList":[]}
+{"version":3,"names":["Typography","jsx","_jsx","jsxs","_jsxs","HighlightedText","props","text","highlightText","className","reverse","highlightedTextProps","variant","weight","rest","children","displayName"],"sourceRoot":"../../../../src","sources":["components/HighlightedText/index.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IACJC,IAAI;IACJC,aAAa;IACbC,SAAS;IACTC,OAAO;IACPC,oBAAoB,GAAG,CAAC,CAAC;IACzBC,OAAO,GAAG,cAAc;IACxBC,MAAM,GAAG,KAAK;IACd,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,IAAII,OAAO,EAAE;IACX,oBACEN,KAAA,CAACJ,UAAU;MACTY,OAAO,EAAEA,OAAQ;MACjBC,MAAM,EAAEA,MAAO;MACfJ,SAAS,EAAEA,SAAU;MAAA,GACjBK,IAAI;MAAAC,QAAA,gBAERb,IAAA,CAACF,UAAU;QACTY,OAAO,EAAED,oBAAoB,CAACC,OAAQ;QACtCC,MAAM,EAAEF,oBAAoB,CAACE,MAAO;QAAA,GAChCF,oBAAoB;QAAAI,QAAA,EAEvBP;MAAa,CACJ,CAAC,EAAC,GAAG,EAChBD,IAAI;IAAA,CACK,CAAC;EAEjB;EAEA,oBACEH,KAAA,CAACJ,UAAU;IACTY,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfJ,SAAS,EAAEA,SAAU;IAAA,GACjBK,IAAI;IAAAC,QAAA,GAEPR,IAAI,EAAE,GAAG,eACVL,IAAA,CAACF,UAAU;MACTY,OAAO,EAAED,oBAAoB,CAACC,OAAO,IAAI,cAAe;MACxDC,MAAM,EAAEF,oBAAoB,CAACE,MAAM,IAAI,KAAM;MAAA,GACzCF,oBAAoB;MAAAI,QAAA,EAEvBP;IAAa,CACJ,CAAC;EAAA,CACH,CAAC;AAEjB;AAEAH,eAAe,CAACW,WAAW,GAAG,iBAAiB;AAC/C,eAAeX,eAAe","ignoreList":[]}

package/dist/module/components/IconButton/assets/class-variants.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import { cva } from "class-variance-authority";
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "../enums.js";
+const buttonVariants = cva(["flex flex-row items-center justify-center max-w-fit", "disabled:cursor-not-allowed", "relative overflow-hidden"], {
+  variants: {
+    variant: {
+      [IconButtonVariantEnum.GRAPE]: ["bg-grape-500", "disabled:bg-grape-500 disabled:opacity-30"],
+      [IconButtonVariantEnum.JAVA]: ["bg-java-500", "disabled:bg-java-500 disabled:opacity-30"],
+      [IconButtonVariantEnum.PEAR]: ["bg-pear-500", "disabled:bg-pear-500 disabled:opacity-30"],
+      [IconButtonVariantEnum.TANGERINE]: ["bg-tangerine-500", "disabled:bg-tangerine-500 disabled:opacity-30"],
+      [IconButtonVariantEnum.PITAYA]: ["bg-pitaya-500 border border-pitaya-500", "disabled:bg-pitaya-500 disabled:opacity-30"],
+      [IconButtonVariantEnum.BLACKBERRY]: ["bg-blackberry-500", "disabled:bg-blackberry-500 disabled:opacity-30"],
+      [IconButtonVariantEnum.CHIA]: ["bg-chia-700", "disabled:bg-chia-700 disabled:opacity-30"],
+      [IconButtonVariantEnum.OUTLINE]: ["bg-chia-100 border-100 border-chia-400", "disabled:bg-chia-200 disabled:opacity-50"],
+      [IconButtonVariantEnum.GHOST]: ["bg-transparent", "disabled:opacity-30"]
+    },
+    size: {
+      [IconButtonSizeEnum.SMALL]: "px-400 py-300",
+      [IconButtonSizeEnum.MEDIUM]: "px-500 py-400",
+      [IconButtonSizeEnum.LARGE]: "px-600 py-400",
+      [IconButtonSizeEnum.XLARGE]: "px-700 py-500",
+      [IconButtonSizeEnum.XXLARGE]: "px-800 py-600"
+    },
+    corners: {
+      [IconButtonCornersEnum.SMALL]: "rounded-500",
+      [IconButtonCornersEnum.MEDIUM]: "rounded-700"
+    },
+    selected: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [{
+    variant: IconButtonVariantEnum.GRAPE,
+    selected: true,
+    className: "bg-grape-600"
+  }, {
+    variant: IconButtonVariantEnum.JAVA,
+    selected: true,
+    className: "bg-java-600"
+  }, {
+    variant: IconButtonVariantEnum.PEAR,
+    selected: true,
+    className: "bg-pear-600"
+  }, {
+    variant: IconButtonVariantEnum.TANGERINE,
+    selected: true,
+    className: "bg-tangerine-600"
+  }, {
+    variant: IconButtonVariantEnum.BLACKBERRY,
+    selected: true,
+    className: "bg-blackberry-600"
+  }, {
+    variant: IconButtonVariantEnum.CHIA,
+    selected: true,
+    className: "bg-chia-600"
+  }, {
+    variant: IconButtonVariantEnum.OUTLINE,
+    selected: true,
+    className: "bg-outline-600"
+  }, {
+    variant: IconButtonVariantEnum.PITAYA,
+    selected: true,
+    className: "bg-pitaya-600"
+  }, {
+    variant: IconButtonVariantEnum.GHOST,
+    selected: true,
+    className: "bg-grape-100 border-100 border-grape-300"
+  }],
+  defaultVariants: {
+    variant: IconButtonVariantEnum.GRAPE,
+    size: IconButtonSizeEnum.MEDIUM,
+    corners: IconButtonCornersEnum.MEDIUM,
+    selected: false
+  }
+});
+export { buttonVariants };
+//# sourceMappingURL=class-variants.js.map

package/dist/module/components/IconButton/assets/class-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cva","IconButtonCornersEnum","IconButtonSizeEnum","IconButtonVariantEnum","buttonVariants","variants","variant","GRAPE","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","size","SMALL","MEDIUM","LARGE","XLARGE","XXLARGE","corners","selected","true","false","compoundVariants","className","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/IconButton/assets/class-variants.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/components/IconButton/assets/design-system-showcase.js

@@ -0,0 +1,115 @@
+"use strict";
+
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "../enums.js";
+const makeVariantSet = (size, variant) => [{
+  size,
+  variant,
+  corners: IconButtonCornersEnum.MEDIUM
+}, {
+  size,
+  variant,
+  corners: IconButtonCornersEnum.MEDIUM,
+  selected: true
+}, {
+  size,
+  variant,
+  corners: IconButtonCornersEnum.MEDIUM,
+  disabled: true
+}, {
+  size,
+  variant,
+  corners: IconButtonCornersEnum.MEDIUM,
+  loading: true
+}, {
+  size,
+  variant,
+  corners: IconButtonCornersEnum.SMALL
+}, {
+  size,
+  variant,
+  corners: IconButtonCornersEnum.SMALL,
+  selected: true
+}, {
+  size,
+  variant,
+  corners: IconButtonCornersEnum.SMALL,
+  disabled: true
+}, {
+  size,
+  variant,
+  corners: IconButtonCornersEnum.SMALL,
+  loading: true
+}];
+export const designSystemShowcase = {
+  [IconButtonSizeEnum.SMALL]: {
+    title: "Small Size",
+    buttons: {
+      [IconButtonVariantEnum.GRAPE]: makeVariantSet(IconButtonSizeEnum.SMALL, IconButtonVariantEnum.GRAPE),
+      [IconButtonVariantEnum.JAVA]: makeVariantSet(IconButtonSizeEnum.SMALL, IconButtonVariantEnum.JAVA),
+      [IconButtonVariantEnum.PEAR]: makeVariantSet(IconButtonSizeEnum.SMALL, IconButtonVariantEnum.PEAR),
+      [IconButtonVariantEnum.TANGERINE]: makeVariantSet(IconButtonSizeEnum.SMALL, IconButtonVariantEnum.TANGERINE),
+      [IconButtonVariantEnum.PITAYA]: makeVariantSet(IconButtonSizeEnum.SMALL, IconButtonVariantEnum.PITAYA),
+      [IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(IconButtonSizeEnum.SMALL, IconButtonVariantEnum.BLACKBERRY),
+      [IconButtonVariantEnum.CHIA]: makeVariantSet(IconButtonSizeEnum.SMALL, IconButtonVariantEnum.CHIA),
+      [IconButtonVariantEnum.OUTLINE]: makeVariantSet(IconButtonSizeEnum.SMALL, IconButtonVariantEnum.OUTLINE),
+      [IconButtonVariantEnum.GHOST]: makeVariantSet(IconButtonSizeEnum.SMALL, IconButtonVariantEnum.GHOST)
+    }
+  },
+  [IconButtonSizeEnum.MEDIUM]: {
+    title: "Medium Size",
+    buttons: {
+      [IconButtonVariantEnum.GRAPE]: makeVariantSet(IconButtonSizeEnum.MEDIUM, IconButtonVariantEnum.GRAPE),
+      [IconButtonVariantEnum.JAVA]: makeVariantSet(IconButtonSizeEnum.MEDIUM, IconButtonVariantEnum.JAVA),
+      [IconButtonVariantEnum.PEAR]: makeVariantSet(IconButtonSizeEnum.MEDIUM, IconButtonVariantEnum.PEAR),
+      [IconButtonVariantEnum.TANGERINE]: makeVariantSet(IconButtonSizeEnum.MEDIUM, IconButtonVariantEnum.TANGERINE),
+      [IconButtonVariantEnum.PITAYA]: makeVariantSet(IconButtonSizeEnum.MEDIUM, IconButtonVariantEnum.PITAYA),
+      [IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(IconButtonSizeEnum.MEDIUM, IconButtonVariantEnum.BLACKBERRY),
+      [IconButtonVariantEnum.CHIA]: makeVariantSet(IconButtonSizeEnum.MEDIUM, IconButtonVariantEnum.CHIA),
+      [IconButtonVariantEnum.OUTLINE]: makeVariantSet(IconButtonSizeEnum.MEDIUM, IconButtonVariantEnum.OUTLINE),
+      [IconButtonVariantEnum.GHOST]: makeVariantSet(IconButtonSizeEnum.MEDIUM, IconButtonVariantEnum.GHOST)
+    }
+  },
+  [IconButtonSizeEnum.LARGE]: {
+    title: "Large Size",
+    buttons: {
+      [IconButtonVariantEnum.GRAPE]: makeVariantSet(IconButtonSizeEnum.LARGE, IconButtonVariantEnum.GRAPE),
+      [IconButtonVariantEnum.JAVA]: makeVariantSet(IconButtonSizeEnum.LARGE, IconButtonVariantEnum.JAVA),
+      [IconButtonVariantEnum.PEAR]: makeVariantSet(IconButtonSizeEnum.LARGE, IconButtonVariantEnum.PEAR),
+      [IconButtonVariantEnum.TANGERINE]: makeVariantSet(IconButtonSizeEnum.LARGE, IconButtonVariantEnum.TANGERINE),
+      [IconButtonVariantEnum.PITAYA]: makeVariantSet(IconButtonSizeEnum.LARGE, IconButtonVariantEnum.PITAYA),
+      [IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(IconButtonSizeEnum.LARGE, IconButtonVariantEnum.BLACKBERRY),
+      [IconButtonVariantEnum.CHIA]: makeVariantSet(IconButtonSizeEnum.LARGE, IconButtonVariantEnum.CHIA),
+      [IconButtonVariantEnum.OUTLINE]: makeVariantSet(IconButtonSizeEnum.LARGE, IconButtonVariantEnum.OUTLINE),
+      [IconButtonVariantEnum.GHOST]: makeVariantSet(IconButtonSizeEnum.LARGE, IconButtonVariantEnum.GHOST)
+    }
+  },
+  [IconButtonSizeEnum.XLARGE]: {
+    title: "XLarge Size",
+    buttons: {
+      [IconButtonVariantEnum.GRAPE]: makeVariantSet(IconButtonSizeEnum.XLARGE, IconButtonVariantEnum.GRAPE),
+      [IconButtonVariantEnum.JAVA]: makeVariantSet(IconButtonSizeEnum.XLARGE, IconButtonVariantEnum.JAVA),
+      [IconButtonVariantEnum.PEAR]: makeVariantSet(IconButtonSizeEnum.XLARGE, IconButtonVariantEnum.PEAR),
+      [IconButtonVariantEnum.TANGERINE]: makeVariantSet(IconButtonSizeEnum.XLARGE, IconButtonVariantEnum.TANGERINE),
+      [IconButtonVariantEnum.PITAYA]: makeVariantSet(IconButtonSizeEnum.XLARGE, IconButtonVariantEnum.PITAYA),
+      [IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(IconButtonSizeEnum.XLARGE, IconButtonVariantEnum.BLACKBERRY),
+      [IconButtonVariantEnum.CHIA]: makeVariantSet(IconButtonSizeEnum.XLARGE, IconButtonVariantEnum.CHIA),
+      [IconButtonVariantEnum.OUTLINE]: makeVariantSet(IconButtonSizeEnum.XLARGE, IconButtonVariantEnum.OUTLINE),
+      [IconButtonVariantEnum.GHOST]: makeVariantSet(IconButtonSizeEnum.XLARGE, IconButtonVariantEnum.GHOST)
+    }
+  },
+  [IconButtonSizeEnum.XXLARGE]: {
+    title: "2x Large Size",
+    buttons: {
+      [IconButtonVariantEnum.GRAPE]: makeVariantSet(IconButtonSizeEnum.XXLARGE, IconButtonVariantEnum.GRAPE),
+      [IconButtonVariantEnum.JAVA]: makeVariantSet(IconButtonSizeEnum.XXLARGE, IconButtonVariantEnum.JAVA),
+      [IconButtonVariantEnum.PEAR]: makeVariantSet(IconButtonSizeEnum.XXLARGE, IconButtonVariantEnum.PEAR),
+      [IconButtonVariantEnum.TANGERINE]: makeVariantSet(IconButtonSizeEnum.XXLARGE, IconButtonVariantEnum.TANGERINE),
+      [IconButtonVariantEnum.PITAYA]: makeVariantSet(IconButtonSizeEnum.XXLARGE, IconButtonVariantEnum.PITAYA),
+      [IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(IconButtonSizeEnum.XXLARGE, IconButtonVariantEnum.BLACKBERRY),
+      [IconButtonVariantEnum.CHIA]: makeVariantSet(IconButtonSizeEnum.XXLARGE, IconButtonVariantEnum.CHIA),
+      [IconButtonVariantEnum.OUTLINE]: makeVariantSet(IconButtonSizeEnum.XXLARGE, IconButtonVariantEnum.OUTLINE),
+      [IconButtonVariantEnum.GHOST]: makeVariantSet(IconButtonSizeEnum.XXLARGE, IconButtonVariantEnum.GHOST)
+    }
+  }
+};
+//# sourceMappingURL=design-system-showcase.js.map

package/dist/module/components/IconButton/assets/design-system-showcase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconButtonCornersEnum","IconButtonSizeEnum","IconButtonVariantEnum","makeVariantSet","size","variant","corners","MEDIUM","selected","disabled","loading","SMALL","designSystemShowcase","title","buttons","GRAPE","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","LARGE","XLARGE","XXLARGE"],"sourceRoot":"../../../../../src","sources":["components/IconButton/assets/design-system-showcase.ts"],"mappings":";;AAAA,SACEA,qBAAqB,EACrBC,kBAAkB,EAClBC,qBAAqB,QAChB,aAAU;AAkBjB,MAAMC,cAAc,GAAGA,CACrBC,IAAwB,EACxBC,OAA8B,KACC,CAC/B;EAAED,IAAI;EAAEC,OAAO;EAAEC,OAAO,EAAEN,qBAAqB,CAACO;AAAO,CAAC,EACxD;EAAEH,IAAI;EAAEC,OAAO;EAAEC,OAAO,EAAEN,qBAAqB,CAACO,MAAM;EAAEC,QAAQ,EAAE;AAAK,CAAC,EACxE;EAAEJ,IAAI;EAAEC,OAAO;EAAEC,OAAO,EAAEN,qBAAqB,CAACO,MAAM;EAAEE,QAAQ,EAAE;AAAK,CAAC,EACxE;EAAEL,IAAI;EAAEC,OAAO;EAAEC,OAAO,EAAEN,qBAAqB,CAACO,MAAM;EAAEG,OAAO,EAAE;AAAK,CAAC,EACvE;EAAEN,IAAI;EAAEC,OAAO;EAAEC,OAAO,EAAEN,qBAAqB,CAACW;AAAM,CAAC,EACvD;EAAEP,IAAI;EAAEC,OAAO;EAAEC,OAAO,EAAEN,qBAAqB,CAACW,KAAK;EAAEH,QAAQ,EAAE;AAAK,CAAC,EACvE;EAAEJ,IAAI;EAAEC,OAAO;EAAEC,OAAO,EAAEN,qBAAqB,CAACW,KAAK;EAAEF,QAAQ,EAAE;AAAK,CAAC,EACvE;EAAEL,IAAI;EAAEC,OAAO;EAAEC,OAAO,EAAEN,qBAAqB,CAACW,KAAK;EAAED,OAAO,EAAE;AAAK,CAAC,CACvE;AAED,OAAO,MAAME,oBAGZ,GAAG;EACF,CAACX,kBAAkB,CAACU,KAAK,GAAG;IAC1BE,KAAK,EAAE,YAAY;IACnBC,OAAO,EAAE;MACP,CAACZ,qBAAqB,CAACa,KAAK,GAAGZ,cAAc,CAC3CF,kBAAkB,CAACU,KAAK,EACxBT,qBAAqB,CAACa,KACxB,CAAC;MACD,CAACb,qBAAqB,CAACc,IAAI,GAAGb,cAAc,CAC1CF,kBAAkB,CAACU,KAAK,EACxBT,qBAAqB,CAACc,IACxB,CAAC;MACD,CAACd,qBAAqB,CAACe,IAAI,GAAGd,cAAc,CAC1CF,kBAAkB,CAACU,KAAK,EACxBT,qBAAqB,CAACe,IACxB,CAAC;MACD,CAACf,qBAAqB,CAACgB,SAAS,GAAGf,cAAc,CAC/CF,kBAAkB,CAACU,KAAK,EACxBT,qBAAqB,CAACgB,SACxB,CAAC;MACD,CAAChB,qBAAqB,CAACiB,MAAM,GAAGhB,cAAc,CAC5CF,kBAAkB,CAACU,KAAK,EACxBT,qBAAqB,CAACiB,MACxB,CAAC;MACD,CAACjB,qBAAqB,CAACkB,UAAU,GAAGjB,cAAc,CAChDF,kBAAkB,CAACU,KAAK,EACxBT,qBAAqB,CAACkB,UACxB,CAAC;MACD,CAAClB,qBAAqB,CAACmB,IAAI,GAAGlB,cAAc,CAC1CF,kBAAkB,CAACU,KAAK,EACxBT,qBAAqB,CAACmB,IACxB,CAAC;MACD,CAACnB,qBAAqB,CAACoB,OAAO,GAAGnB,cAAc,CAC7CF,kBAAkB,CAACU,KAAK,EACxBT,qBAAqB,CAACoB,OACxB,CAAC;MACD,CAACpB,qBAAqB,CAACqB,KAAK,GAAGpB,cAAc,CAC3CF,kBAAkB,CAACU,KAAK,EACxBT,qBAAqB,CAACqB,KACxB;IACF;EACF,CAAC;EACD,CAACtB,kBAAkB,CAACM,MAAM,GAAG;IAC3BM,KAAK,EAAE,aAAa;IACpBC,OAAO,EAAE;MACP,CAACZ,qBAAqB,CAACa,KAAK,GAAGZ,cAAc,CAC3CF,kBAAkB,CAACM,MAAM,EACzBL,qBAAqB,CAACa,KACxB,CAAC;MACD,CAACb,qBAAqB,CAACc,IAAI,GAAGb,cAAc,CAC1CF,kBAAkB,CAACM,MAAM,EACzBL,qBAAqB,CAACc,IACxB,CAAC;MACD,CAACd,qBAAqB,CAACe,IAAI,GAAGd,cAAc,CAC1CF,kBAAkB,CAACM,MAAM,EACzBL,qBAAqB,CAACe,IACxB,CAAC;MACD,CAACf,qBAAqB,CAACgB,SAAS,GAAGf,cAAc,CAC/CF,kBAAkB,CAACM,MAAM,EACzBL,qBAAqB,CAACgB,SACxB,CAAC;MACD,CAAChB,qBAAqB,CAACiB,MAAM,GAAGhB,cAAc,CAC5CF,kBAAkB,CAACM,MAAM,EACzBL,qBAAqB,CAACiB,MACxB,CAAC;MACD,CAACjB,qBAAqB,CAACkB,UAAU,GAAGjB,cAAc,CAChDF,kBAAkB,CAACM,MAAM,EACzBL,qBAAqB,CAACkB,UACxB,CAAC;MACD,CAAClB,qBAAqB,CAACmB,IAAI,GAAGlB,cAAc,CAC1CF,kBAAkB,CAACM,MAAM,EACzBL,qBAAqB,CAACmB,IACxB,CAAC;MACD,CAACnB,qBAAqB,CAACoB,OAAO,GAAGnB,cAAc,CAC7CF,kBAAkB,CAACM,MAAM,EACzBL,qBAAqB,CAACoB,OACxB,CAAC;MACD,CAACpB,qBAAqB,CAACqB,KAAK,GAAGpB,cAAc,CAC3CF,kBAAkB,CAACM,MAAM,EACzBL,qBAAqB,CAACqB,KACxB;IACF;EACF,CAAC;EACD,CAACtB,kBAAkB,CAACuB,KAAK,GAAG;IAC1BX,KAAK,EAAE,YAAY;IACnBC,OAAO,EAAE;MACP,CAACZ,qBAAqB,CAACa,KAAK,GAAGZ,cAAc,CAC3CF,kBAAkB,CAACuB,KAAK,EACxBtB,qBAAqB,CAACa,KACxB,CAAC;MACD,CAACb,qBAAqB,CAACc,IAAI,GAAGb,cAAc,CAC1CF,kBAAkB,CAACuB,KAAK,EACxBtB,qBAAqB,CAACc,IACxB,CAAC;MACD,CAACd,qBAAqB,CAACe,IAAI,GAAGd,cAAc,CAC1CF,kBAAkB,CAACuB,KAAK,EACxBtB,qBAAqB,CAACe,IACxB,CAAC;MACD,CAACf,qBAAqB,CAACgB,SAAS,GAAGf,cAAc,CAC/CF,kBAAkB,CAACuB,KAAK,EACxBtB,qBAAqB,CAACgB,SACxB,CAAC;MACD,CAAChB,qBAAqB,CAACiB,MAAM,GAAGhB,cAAc,CAC5CF,kBAAkB,CAACuB,KAAK,EACxBtB,qBAAqB,CAACiB,MACxB,CAAC;MACD,CAACjB,qBAAqB,CAACkB,UAAU,GAAGjB,cAAc,CAChDF,kBAAkB,CAACuB,KAAK,EACxBtB,qBAAqB,CAACkB,UACxB,CAAC;MACD,CAAClB,qBAAqB,CAACmB,IAAI,GAAGlB,cAAc,CAC1CF,kBAAkB,CAACuB,KAAK,EACxBtB,qBAAqB,CAACmB,IACxB,CAAC;MACD,CAACnB,qBAAqB,CAACoB,OAAO,GAAGnB,cAAc,CAC7CF,kBAAkB,CAACuB,KAAK,EACxBtB,qBAAqB,CAACoB,OACxB,CAAC;MACD,CAACpB,qBAAqB,CAACqB,KAAK,GAAGpB,cAAc,CAC3CF,kBAAkB,CAACuB,KAAK,EACxBtB,qBAAqB,CAACqB,KACxB;IACF;EACF,CAAC;EACD,CAACtB,kBAAkB,CAACwB,MAAM,GAAG;IAC3BZ,KAAK,EAAE,aAAa;IACpBC,OAAO,EAAE;MACP,CAACZ,qBAAqB,CAACa,KAAK,GAAGZ,cAAc,CAC3CF,kBAAkB,CAACwB,MAAM,EACzBvB,qBAAqB,CAACa,KACxB,CAAC;MACD,CAACb,qBAAqB,CAACc,IAAI,GAAGb,cAAc,CAC1CF,kBAAkB,CAACwB,MAAM,EACzBvB,qBAAqB,CAACc,IACxB,CAAC;MACD,CAACd,qBAAqB,CAACe,IAAI,GAAGd,cAAc,CAC1CF,kBAAkB,CAACwB,MAAM,EACzBvB,qBAAqB,CAACe,IACxB,CAAC;MACD,CAACf,qBAAqB,CAACgB,SAAS,GAAGf,cAAc,CAC/CF,kBAAkB,CAACwB,MAAM,EACzBvB,qBAAqB,CAACgB,SACxB,CAAC;MACD,CAAChB,qBAAqB,CAACiB,MAAM,GAAGhB,cAAc,CAC5CF,kBAAkB,CAACwB,MAAM,EACzBvB,qBAAqB,CAACiB,MACxB,CAAC;MACD,CAACjB,qBAAqB,CAACkB,UAAU,GAAGjB,cAAc,CAChDF,kBAAkB,CAACwB,MAAM,EACzBvB,qBAAqB,CAACkB,UACxB,CAAC;MACD,CAAClB,qBAAqB,CAACmB,IAAI,GAAGlB,cAAc,CAC1CF,kBAAkB,CAACwB,MAAM,EACzBvB,qBAAqB,CAACmB,IACxB,CAAC;MACD,CAACnB,qBAAqB,CAACoB,OAAO,GAAGnB,cAAc,CAC7CF,kBAAkB,CAACwB,MAAM,EACzBvB,qBAAqB,CAACoB,OACxB,CAAC;MACD,CAACpB,qBAAqB,CAACqB,KAAK,GAAGpB,cAAc,CAC3CF,kBAAkB,CAACwB,MAAM,EACzBvB,qBAAqB,CAACqB,KACxB;IACF;EACF,CAAC;EACD,CAACtB,kBAAkB,CAACyB,OAAO,GAAG;IAC5Bb,KAAK,EAAE,eAAe;IACtBC,OAAO,EAAE;MACP,CAACZ,qBAAqB,CAACa,KAAK,GAAGZ,cAAc,CAC3CF,kBAAkB,CAACyB,OAAO,EAC1BxB,qBAAqB,CAACa,KACxB,CAAC;MACD,CAACb,qBAAqB,CAACc,IAAI,GAAGb,cAAc,CAC1CF,kBAAkB,CAACyB,OAAO,EAC1BxB,qBAAqB,CAACc,IACxB,CAAC;MACD,CAACd,qBAAqB,CAACe,IAAI,GAAGd,cAAc,CAC1CF,kBAAkB,CAACyB,OAAO,EAC1BxB,qBAAqB,CAACe,IACxB,CAAC;MACD,CAACf,qBAAqB,CAACgB,SAAS,GAAGf,cAAc,CAC/CF,kBAAkB,CAACyB,OAAO,EAC1BxB,qBAAqB,CAACgB,SACxB,CAAC;MACD,CAAChB,qBAAqB,CAACiB,MAAM,GAAGhB,cAAc,CAC5CF,kBAAkB,CAACyB,OAAO,EAC1BxB,qBAAqB,CAACiB,MACxB,CAAC;MACD,CAACjB,qBAAqB,CAACkB,UAAU,GAAGjB,cAAc,CAChDF,kBAAkB,CAACyB,OAAO,EAC1BxB,qBAAqB,CAACkB,UACxB,CAAC;MACD,CAAClB,qBAAqB,CAACmB,IAAI,GAAGlB,cAAc,CAC1CF,kBAAkB,CAACyB,OAAO,EAC1BxB,qBAAqB,CAACmB,IACxB,CAAC;MACD,CAACnB,qBAAqB,CAACoB,OAAO,GAAGnB,cAAc,CAC7CF,kBAAkB,CAACyB,OAAO,EAC1BxB,qBAAqB,CAACoB,OACxB,CAAC;MACD,CAACpB,qBAAqB,CAACqB,KAAK,GAAGpB,cAAc,CAC3CF,kBAAkB,CAACyB,OAAO,EAC1BxB,qBAAqB,CAACqB,KACxB;IACF;EACF;AACF,CAAU","ignoreList":[]}

package/dist/module/components/IconButton/enums.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { CornersEnum, SizeEnum } from "../../enums/index.js";
+export let IconButtonVariantEnum = /*#__PURE__*/function (IconButtonVariantEnum) {
+  IconButtonVariantEnum["GRAPE"] = "grape";
+  IconButtonVariantEnum["JAVA"] = "java";
+  IconButtonVariantEnum["PEAR"] = "pear";
+  IconButtonVariantEnum["TANGERINE"] = "tangerine";
+  IconButtonVariantEnum["PITAYA"] = "pitaya";
+  IconButtonVariantEnum["BLACKBERRY"] = "blackberry";
+  IconButtonVariantEnum["CHIA"] = "chia";
+  IconButtonVariantEnum["OUTLINE"] = "outline";
+  IconButtonVariantEnum["GHOST"] = "ghost";
+  return IconButtonVariantEnum;
+}({});
+export let IconButtonSizeEnum = function (IconButtonSizeEnum) {
+  IconButtonSizeEnum[IconButtonSizeEnum["SMALL"] = SizeEnum.SMALL] = "SMALL";
+  IconButtonSizeEnum[IconButtonSizeEnum["MEDIUM"] = SizeEnum.MEDIUM] = "MEDIUM";
+  IconButtonSizeEnum[IconButtonSizeEnum["LARGE"] = SizeEnum.LARGE] = "LARGE";
+  IconButtonSizeEnum[IconButtonSizeEnum["XLARGE"] = SizeEnum.XLARGE] = "XLARGE";
+  IconButtonSizeEnum[IconButtonSizeEnum["XXLARGE"] = SizeEnum.XXLARGE] = "XXLARGE";
+  return IconButtonSizeEnum;
+}({});
+export let IconButtonCornersEnum = function (IconButtonCornersEnum) {
+  IconButtonCornersEnum[IconButtonCornersEnum["SMALL"] = CornersEnum.SMALL] = "SMALL";
+  IconButtonCornersEnum[IconButtonCornersEnum["MEDIUM"] = CornersEnum.MEDIUM] = "MEDIUM";
+  return IconButtonCornersEnum;
+}({});
+//# sourceMappingURL=enums.js.map

package/dist/module/components/IconButton/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CornersEnum","SizeEnum","IconButtonVariantEnum","IconButtonSizeEnum","SMALL","MEDIUM","LARGE","XLARGE","XXLARGE","IconButtonCornersEnum"],"sourceRoot":"../../../../src","sources":["components/IconButton/enums.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,sBAAa;AAEnD,WAAYC,qBAAqB,0BAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA;AAYjC,WAAYC,kBAAkB,aAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB,YACpBF,QAAQ,CAACG,KAAK;EADZD,kBAAkB,CAAlBA,kBAAkB,aAEnBF,QAAQ,CAACI,MAAM;EAFdF,kBAAkB,CAAlBA,kBAAkB,YAGpBF,QAAQ,CAACK,KAAK;EAHZH,kBAAkB,CAAlBA,kBAAkB,aAInBF,QAAQ,CAACM,MAAM;EAJdJ,kBAAkB,CAAlBA,kBAAkB,cAKlBF,QAAQ,CAACO,OAAO;EAAA,OALhBL,kBAAkB;AAAA;AAQ9B,WAAYM,qBAAqB,aAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB,YACvBT,WAAW,CAACI,KAAK;EADfK,qBAAqB,CAArBA,qBAAqB,aAEtBT,WAAW,CAACK,MAAM;EAAA,OAFjBI,qBAAqB;AAAA","ignoreList":[]}

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

@@ -0,0 +1,103 @@
+"use strict";
+
+import { Animated, Pressable, View } from "react-native";
+import { buttonVariants } from "./assets/class-variants.js";
+import { merge } from "@kivid/tailwind-preset";
+import { useRef } from "react";
+import LoadingDots from "../LoadingDots/index.js";
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "./enums.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function IconButton(props) {
+  const {
+    icon,
+    loading = false,
+    variant = IconButtonVariantEnum.GRAPE,
+    size = IconButtonSizeEnum.SMALL,
+    corners = IconButtonCornersEnum.SMALL,
+    disabled = false,
+    className,
+    accessibilityLabel,
+    selected = false,
+    onPressIn,
+    onPressOut,
+    ...rest
+  } = props;
+  const animatedValue = useRef(new Animated.Value(1)).current;
+  const loadingDotsVariantsMap = {
+    [IconButtonVariantEnum.GRAPE]: "light",
+    [IconButtonVariantEnum.JAVA]: "light",
+    [IconButtonVariantEnum.PEAR]: "light",
+    [IconButtonVariantEnum.TANGERINE]: "light",
+    [IconButtonVariantEnum.PITAYA]: "light",
+    [IconButtonVariantEnum.BLACKBERRY]: "light",
+    [IconButtonVariantEnum.CHIA]: "light",
+    [IconButtonVariantEnum.OUTLINE]: "dark",
+    [IconButtonVariantEnum.GHOST]: "dark"
+  };
+  const mappedLoadingStyleBySize = {
+    [IconButtonSizeEnum.SMALL]: 24,
+    [IconButtonSizeEnum.MEDIUM]: 24,
+    [IconButtonSizeEnum.LARGE]: 32,
+    [IconButtonSizeEnum.XLARGE]: 32,
+    [IconButtonSizeEnum.XXLARGE]: 32
+  };
+  const handlePressIn = event => {
+    Animated.timing(animatedValue, {
+      toValue: 0.7,
+      duration: 100,
+      useNativeDriver: true
+    }).start();
+    onPressIn?.(event);
+  };
+  const handlePressOut = event => {
+    Animated.timing(animatedValue, {
+      toValue: 1,
+      duration: 100,
+      useNativeDriver: true
+    }).start();
+    onPressOut?.(event);
+  };
+  function renderContent() {
+    if (loading) {
+      return /*#__PURE__*/_jsx(LoadingDots, {
+        variant: loadingDotsVariantsMap[variant],
+        lottieViewStyle: {
+          width: mappedLoadingStyleBySize[size],
+          height: mappedLoadingStyleBySize[size]
+        }
+      });
+    }
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: icon
+    });
+  }
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    className: merge(buttonVariants({
+      variant,
+      size,
+      corners,
+      selected
+    }), className),
+    style: {
+      opacity: disabled ? 0.3 : animatedValue
+    },
+    disabled: disabled,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityState: {
+      disabled: disabled,
+      selected: selected,
+      busy: loading
+    },
+    pointerEvents: loading || disabled ? "none" : "auto",
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    ...rest,
+    children: /*#__PURE__*/_jsx(View, {
+      className: "flex items-center",
+      children: renderContent()
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Pressable","View","buttonVariants","merge","useRef","LoadingDots","IconButtonCornersEnum","IconButtonSizeEnum","IconButtonVariantEnum","jsx","_jsx","Fragment","_Fragment","AnimatedPressable","createAnimatedComponent","IconButton","props","icon","loading","variant","GRAPE","size","SMALL","corners","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","Value","current","loadingDotsVariantsMap","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","mappedLoadingStyleBySize","MEDIUM","LARGE","XLARGE","XXLARGE","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderContent","lottieViewStyle","width","height","children","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/IconButton/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

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