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

package/dist/commonjs/components/Tooltip/components/Content/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Content = Content;
+var _reactNative = require("react-native");
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _index = require("../../enum/index.js");
+var _classVariant = require("../../assets/class-variant.js");
+var _index2 = require("../../../Seal/enums/index.js");
+var _index3 = require("../../../Seal/index.js");
+var _index4 = _interopRequireDefault(require("../../../Typography/index.js"));
+var _index5 = require("../../../../enums/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Content(props) {
+  const {
+    message,
+    variant = _index.TooltipVariantEnum.TRIGGER,
+    className,
+    isVisible,
+    translateX,
+    pointerOffset,
+    pointerClassName,
+    containerClassName,
+    onLayout
+  } = props;
+  const pointerStyle = (0, _classVariant.pointerVariants)({
+    variant
+  });
+  const contentStyle = (0, _classVariant.contentVariants)({
+    variant
+  });
+  const mergedContainerClassName = (0, _tailwindPreset.merge)("absolute top-full mt-[9px] z-50 self-center", containerClassName);
+  function renderContent() {
+    if (variant === _index.TooltipVariantEnum.ERROR) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        className: "flex flex-row items-center gap-2",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Seal, {
+          variant: _index2.SealVariantEnum.ERROR,
+          size: _index5.SizeEnum.SMALL
+        }), typeof message === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.default, {
+          className: "text-blackberry-500",
+          variant: "body_small",
+          weight: "600",
+          children: message
+        }) : message]
+      });
+    }
+    return typeof message === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.default, {
+      className: "text-chia-900",
+      variant: "body_small",
+      weight: "600",
+      children: message
+    }) : message;
+  }
+  if (!isVisible) return null;
+  const mappedPointerPosition = {
+    [_index.TooltipPointerOffsetEnum.LEFT]: "flex-start",
+    [_index.TooltipPointerOffsetEnum.RIGHT]: "flex-end",
+    [_index.TooltipPointerOffsetEnum.CENTER]: "center"
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: mergedContainerClassName,
+    style: {
+      transform: [{
+        translateX: translateX ?? 0
+      }]
+    },
+    onLayout: onLayout,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: (0, _tailwindPreset.merge)(contentStyle, className),
+      children: [renderContent(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: (0, _tailwindPreset.merge)(pointerStyle, pointerClassName),
+        style: {
+          alignSelf: mappedPointerPosition[pointerOffset ?? _index.TooltipPointerOffsetEnum.CENTER]
+        }
+      })]
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Tooltip/components/Content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tailwindPreset","_index","_classVariant","_index2","_index3","_index4","_interopRequireDefault","_index5","_jsxRuntime","e","__esModule","default","Content","props","message","variant","TooltipVariantEnum","TRIGGER","className","isVisible","translateX","pointerOffset","pointerClassName","containerClassName","onLayout","pointerStyle","pointerVariants","contentStyle","contentVariants","mergedContainerClassName","merge","renderContent","ERROR","jsxs","View","children","jsx","Seal","SealVariantEnum","size","SizeEnum","SMALL","weight","mappedPointerPosition","TooltipPointerOffsetEnum","LEFT","RIGHT","CENTER","style","transform","alignSelf"],"sourceRoot":"../../../../../../src","sources":["components/Tooltip/components/Content/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/Tooltip/components/Content/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/commonjs/components/Tooltip/components/Content/types.js.map

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

package/dist/commonjs/components/Tooltip/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _index = require("./Content/index.js");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Tooltip/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/Tooltip/components/index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/commonjs/components/Tooltip/enum/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TooltipVariantEnum = exports.TooltipPointerOffsetEnum = void 0;
+let TooltipVariantEnum = exports.TooltipVariantEnum = /*#__PURE__*/function (TooltipVariantEnum) {
+  TooltipVariantEnum["ERROR"] = "error";
+  TooltipVariantEnum["TRIGGER"] = "trigger";
+  return TooltipVariantEnum;
+}({});
+let TooltipPointerOffsetEnum = exports.TooltipPointerOffsetEnum = /*#__PURE__*/function (TooltipPointerOffsetEnum) {
+  TooltipPointerOffsetEnum["LEFT"] = "left";
+  TooltipPointerOffsetEnum["CENTER"] = "center";
+  TooltipPointerOffsetEnum["RIGHT"] = "right";
+  return TooltipPointerOffsetEnum;
+}({});
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Tooltip/enum/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TooltipVariantEnum","exports","TooltipPointerOffsetEnum"],"sourceRoot":"../../../../../src","sources":["components/Tooltip/enum/index.ts"],"mappings":";;;;;;IAAYA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;AAAA,IAKlBE,wBAAwB,GAAAD,OAAA,CAAAC,wBAAA,0BAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAA,OAAxBA,wBAAwB;AAAA","ignoreList":[]}

package/dist/commonjs/components/Tooltip/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _tooltipPosition = require("./tooltip-position.js");
+Object.keys(_tooltipPosition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _tooltipPosition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _tooltipPosition[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Tooltip/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_tooltipPosition","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/Tooltip/hooks/index.ts"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/commonjs/components/Tooltip/hooks/tooltip-position.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTooltipPosition = useTooltipPosition;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../enum/index.js");
+function useTooltipPosition() {
+  const [triggerLayout, setTriggerLayout] = (0, _react.useState)(null);
+  const [tooltipLayout, setTooltipLayout] = (0, _react.useState)(null);
+  const screenWidth = _reactNative.Dimensions.get("window").width;
+  const onTriggerLayout = (0, _react.useCallback)(event => {
+    setTriggerLayout(event.nativeEvent.layout);
+  }, []);
+  const onTooltipLayout = (0, _react.useCallback)(event => {
+    setTooltipLayout(event.nativeEvent.layout);
+  }, []);
+  const pointerOffset = (0, _react.useMemo)(() => {
+    if (!triggerLayout || !tooltipLayout) return _index.TooltipPointerOffsetEnum.CENTER;
+    const elementPositionX = triggerLayout.x;
+    const tooltipPositionXAxis = elementPositionX + tooltipLayout.width;
+    if (elementPositionX === 0) {
+      return _index.TooltipPointerOffsetEnum.LEFT;
+    }
+    if (tooltipPositionXAxis > screenWidth) {
+      return _index.TooltipPointerOffsetEnum.RIGHT;
+    }
+    return _index.TooltipPointerOffsetEnum.CENTER;
+  }, [triggerLayout, tooltipLayout]);
+  const calculateAdjustedPosition = (0, _react.useCallback)(() => {
+    if (!triggerLayout || !tooltipLayout) {
+      return {
+        translateX: 0
+      };
+    }
+    const elementPositionX = triggerLayout.x;
+    const tooltipPositionXAxis = elementPositionX + tooltipLayout.width;
+    if (elementPositionX === 0) {
+      return {
+        translateX: -tooltipLayout.x
+      };
+    }
+    if (tooltipPositionXAxis > screenWidth) {
+      return {
+        translateX: tooltipLayout.x
+      };
+    }
+    return {
+      translateX: 0
+    };
+  }, [triggerLayout, tooltipLayout, screenWidth]);
+  return {
+    positionData: {
+      triggerLayout,
+      tooltipLayout,
+      screenWidth,
+      adjustedPosition: calculateAdjustedPosition(),
+      pointerOffset
+    },
+    onTriggerLayout,
+    onTooltipLayout
+  };
+}
+//# sourceMappingURL=tooltip-position.js.map

package/dist/commonjs/components/Tooltip/hooks/tooltip-position.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","useTooltipPosition","triggerLayout","setTriggerLayout","useState","tooltipLayout","setTooltipLayout","screenWidth","Dimensions","get","width","onTriggerLayout","useCallback","event","nativeEvent","layout","onTooltipLayout","pointerOffset","useMemo","TooltipPointerOffsetEnum","CENTER","elementPositionX","x","tooltipPositionXAxis","LEFT","RIGHT","calculateAdjustedPosition","translateX","positionData","adjustedPosition"],"sourceRoot":"../../../../../src","sources":["components/Tooltip/hooks/tooltip-position.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAYO,SAASG,kBAAkBA,CAAA,EAIhC;EACA,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAChD,IACF,CAAC;EACD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAChD,IACF,CAAC;EAED,MAAMG,WAAW,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;EAElD,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAAEC,KAAwB,IAAK;IAChEV,gBAAgB,CAACU,KAAK,CAACC,WAAW,CAACC,MAAM,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAG,IAAAJ,kBAAW,EAAEC,KAAwB,IAAK;IAChEP,gBAAgB,CAACO,KAAK,CAACC,WAAW,CAACC,MAAM,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,IAAI,CAAChB,aAAa,IAAI,CAACG,aAAa,EAClC,OAAOc,+BAAwB,CAACC,MAAM;IAExC,MAAMC,gBAAgB,GAAGnB,aAAa,CAACoB,CAAC;IACxC,MAAMC,oBAAoB,GAAGF,gBAAgB,GAAGhB,aAAa,CAACK,KAAK;IAEnE,IAAIW,gBAAgB,KAAK,CAAC,EAAE;MAC1B,OAAOF,+BAAwB,CAACK,IAAI;IACtC;IAEA,IAAID,oBAAoB,GAAGhB,WAAW,EAAE;MACtC,OAAOY,+BAAwB,CAACM,KAAK;IACvC;IAEA,OAAON,+BAAwB,CAACC,MAAM;EACxC,CAAC,EAAE,CAAClB,aAAa,EAAEG,aAAa,CAAC,CAAC;EAElC,MAAMqB,yBAAyB,GAAG,IAAAd,kBAAW,EAAC,MAAM;IAClD,IAAI,CAACV,aAAa,IAAI,CAACG,aAAa,EAAE;MACpC,OAAO;QAAEsB,UAAU,EAAE;MAAE,CAAC;IAC1B;IAEA,MAAMN,gBAAgB,GAAGnB,aAAa,CAACoB,CAAC;IACxC,MAAMC,oBAAoB,GAAGF,gBAAgB,GAAGhB,aAAa,CAACK,KAAK;IAEnE,IAAIW,gBAAgB,KAAK,CAAC,EAAE;MAC1B,OAAO;QAAEM,UAAU,EAAE,CAACtB,aAAa,CAACiB;MAAE,CAAC;IACzC;IAEA,IAAIC,oBAAoB,GAAGhB,WAAW,EAAE;MACtC,OAAO;QAAEoB,UAAU,EAAEtB,aAAa,CAACiB;MAAE,CAAC;IACxC;IAEA,OAAO;MAAEK,UAAU,EAAE;IAAE,CAAC;EAC1B,CAAC,EAAE,CAACzB,aAAa,EAAEG,aAAa,EAAEE,WAAW,CAAC,CAAC;EAE/C,OAAO;IACLqB,YAAY,EAAE;MACZ1B,aAAa;MACbG,aAAa;MACbE,WAAW;MACXsB,gBAAgB,EAAEH,yBAAyB,CAAC,CAAC;MAC7CT;IACF,CAAC;IACDN,eAAe;IACfK;EACF,CAAC;AACH","ignoreList":[]}

package/dist/commonjs/components/Tooltip/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = Tooltip;
+var _reactNative = require("react-native");
+var _index = require("./components/index.js");
+var _index2 = require("./hooks/index.js");
+var _index3 = require("./enum/index.js");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function Tooltip(props) {
+  const {
+    children,
+    message,
+    variant = _index3.TooltipVariantEnum.TRIGGER,
+    className,
+    containerClassName,
+    pointerClassName,
+    isOpenedByVariantError,
+    onChangeVisibility
+  } = props;
+  const {
+    positionData,
+    onTriggerLayout,
+    onTooltipLayout
+  } = (0, _index2.useTooltipPosition)();
+  const [isVisible, setIsVisible] = (0, _react.useState)(false);
+  const handleVisibilityChange = (0, _react.useCallback)(visible => {
+    setIsVisible(visible);
+    onChangeVisibility?.(visible);
+  }, [onChangeVisibility]);
+  const handleToggleVisibility = (0, _react.useCallback)(() => {
+    const newVisibility = !isVisible;
+    handleVisibilityChange(newVisibility);
+  }, [isVisible, handleVisibilityChange]);
+  const renderTriggerContent = () => {
+    if (variant !== _index3.TooltipVariantEnum.TRIGGER) {
+      return children;
+    }
+    if (/*#__PURE__*/(0, _react.isValidElement)(children)) {
+      const child = children;
+      const childProps = child.props;
+      const componentType = child.type;
+      const componentName = (typeof componentType === 'function' ? componentType.displayName || componentType.name : componentType) || '';
+      const isButton = componentName === 'Button' || componentName === 'Pressable' || componentName === 'TouchableOpacity';
+      if (isButton || childProps && typeof childProps.onPress === 'function') {
+        return /*#__PURE__*/(0, _react.cloneElement)(child, {
+          ...childProps,
+          onPress: (...args) => {
+            if (typeof childProps.onPress === 'function') {
+              childProps.onPress(...args);
+              handleToggleVisibility();
+            }
+          }
+        });
+      }
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: handleToggleVisibility,
+      children: children
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    className: "relative",
+    onLayout: onTriggerLayout,
+    children: [renderTriggerContent(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Content, {
+      message: message,
+      variant: variant,
+      isVisible: variant === _index3.TooltipVariantEnum.TRIGGER ? isVisible : !!isOpenedByVariantError,
+      onLayout: onTooltipLayout,
+      translateX: positionData.adjustedPosition.translateX,
+      pointerOffset: positionData.pointerOffset,
+      className: className,
+      containerClassName: containerClassName,
+      pointerClassName: pointerClassName,
+      onChangeVisibility: handleVisibilityChange
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_index2","_index3","_react","_jsxRuntime","Tooltip","props","children","message","variant","TooltipVariantEnum","TRIGGER","className","containerClassName","pointerClassName","isOpenedByVariantError","onChangeVisibility","positionData","onTriggerLayout","onTooltipLayout","useTooltipPosition","isVisible","setIsVisible","useState","handleVisibilityChange","useCallback","visible","handleToggleVisibility","newVisibility","renderTriggerContent","isValidElement","child","childProps","componentType","type","componentName","displayName","name","isButton","onPress","cloneElement","args","jsx","Pressable","jsxs","View","onLayout","Content","translateX","adjustedPosition","pointerOffset"],"sourceRoot":"../../../../src","sources":["components/Tooltip/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/Tooltip/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/commonjs/components/Tooltip/types.js.map

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

package/dist/commonjs/components/Typography/assets/class-variants.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typographyVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _reactNative = require("react-native");
+const getWeightVariants = () => {
+  if (_reactNative.Platform.OS === "web") {
+    return {
+      "200": "font-[200]",
+      "300": "font-[300]",
+      "400": "font-[400]",
+      "500": "font-[500]",
+      "600": "font-[600]",
+      "700": "font-[700]",
+      "800": "font-[800]",
+      "900": "font-[900]"
+    };
+  }
+  return {
+    "200": "font-nunito-extralight",
+    "300": "font-nunito-light",
+    "400": "font-nunito-regular",
+    "500": "font-nunito-medium",
+    "600": "font-nunito-semibold",
+    "700": "font-nunito-bold",
+    "800": "font-nunito-extrabold",
+    "900": "font-nunito-black"
+  };
+};
+const typographyVariants = exports.typographyVariants = (0, _classVarianceAuthority.cva)("font-nunito-regular text-chia-900", {
+  variants: {
+    variant: {
+      label_small: "text-[12px] leading-[16px]",
+      label_medium: "text-[13.5px] leading-[18px]",
+      label_large: "text-[16px] leading-[22px]",
+      body_small: "text-[12px] leading-[16px]",
+      body_medium: "text-[13.5px] leading-[20px]",
+      body_large: "text-[16px] leading-[24px]",
+      title_small: "text-[16px] leading-[20px]",
+      title_medium: "text-[18px] leading-[22px]",
+      title_large: "text-[22px] leading-[24px]",
+      headline_small: "text-[26px] leading-[32px]",
+      headline_medium: "text-[32px] leading-[36px]",
+      headline_large: "text-[36px] leading-[40px]",
+      display_small: "text-[40px] leading-[48px]",
+      display_medium: "text-[44px] leading-[56px]",
+      display_large: "text-[56px] leading-[64px]"
+    },
+    weight: getWeightVariants()
+  },
+  defaultVariants: {
+    variant: "body_medium",
+    weight: "400"
+  }
+});
+//# sourceMappingURL=class-variants.js.map

package/dist/commonjs/components/Typography/assets/class-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_reactNative","getWeightVariants","Platform","OS","typographyVariants","exports","cva","variants","variant","label_small","label_medium","label_large","body_small","body_medium","body_large","title_small","title_medium","title_large","headline_small","headline_medium","headline_large","display_small","display_medium","display_large","weight","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/Typography/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB,OAAO;MACL,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE,YAAY;MACnB,KAAK,EAAE;IACT,CAAC;EACH;EAEA,OAAO;IACL,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,oBAAoB;IAC3B,KAAK,EAAE,sBAAsB;IAC7B,KAAK,EAAE,kBAAkB;IACzB,KAAK,EAAE,uBAAuB;IAC9B,KAAK,EAAE;EACT,CAAC;AACH,CAAC;AAEM,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EAAC,mCAAmC,EAAE;EACzEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,WAAW,EAAE,4BAA4B;MACzCC,YAAY,EAAE,8BAA8B;MAC5CC,WAAW,EAAE,4BAA4B;MACzCC,UAAU,EAAE,4BAA4B;MACxCC,WAAW,EAAE,8BAA8B;MAC3CC,UAAU,EAAE,4BAA4B;MACxCC,WAAW,EAAE,4BAA4B;MACzCC,YAAY,EAAE,4BAA4B;MAC1CC,WAAW,EAAE,4BAA4B;MACzCC,cAAc,EAAE,4BAA4B;MAC5CC,eAAe,EAAE,4BAA4B;MAC7CC,cAAc,EAAE,4BAA4B;MAC5CC,aAAa,EAAE,4BAA4B;MAC3CC,cAAc,EAAE,4BAA4B;MAC5CC,aAAa,EAAE;IACjB,CAAC;IACDC,MAAM,EAAEvB,iBAAiB,CAAC;EAC5B,CAAC;EAEDwB,eAAe,EAAE;IACfjB,OAAO,EAAE,aAAa;IACtBgB,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/components/Typography/index.js

@@ -7,6 +7,7 @@ exports.default = exports.Typography = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _tailwindPreset = require("@kivid/tailwind-preset");
+var _classVariants = require("./assets/class-variants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -20,26 +21,29 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  * @example
  * // Display text with automatic font mapping
- * <Typography variant="text-display_large_700">Hero Title</Typography>
+ * <Typography variant="display_large" weight="700">Hero Title</Typography>
  *
  * @example
  * // Body text with medium weight
- * <Typography variant="text-body_medium_500">Content text</Typography>
+ * <Typography variant="body_medium" weight="500">Content text</Typography>
  *
  * @example
  * // With additional styling
- * <Typography variant="text-label_small_300" className="text-gray-600">
+ * <Typography variant="label_small" weight="300" className="text-gray-600">
  *   Form label
  * </Typography>
  */
 const Typography = ({
   variant,
   className,
-  style,
+  weight,
   children,
   ...props
 }) => {
-  const textClassName = (0, _tailwindPreset.merge)(`font-nunito`, variant, className);
+  const textClassName = (0, _tailwindPreset.merge)((0, _classVariants.typographyVariants)({
+    variant,
+    weight
+  }), className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
     className: textClassName,
     ...props,

package/dist/commonjs/components/Typography/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_jsxRuntime","e","__esModule","default","Typography","variant","className","style","children","props","textClassName","merge","jsx","Text","exports","displayName","_default"],"sourceRoot":"../../../../src","sources":["components/Typography/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAqC,GAAGA,CAAC;EACpDC,OAAO;EACPC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,qBAAK,EAAC,aAAa,EAAEN,OAAO,EAAEC,SAAS,CAAC;EAE9D,oBACE,IAAAN,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACP,SAAS,EAAEI,aAAc;IAAA,GAAKD,KAAK;IAAAD,QAAA,EACtCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAACM,OAAA,CAAAV,UAAA,GAAAA,UAAA;AAEFA,UAAU,CAACW,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAF,OAAA,CAAAX,OAAA,GACvBC,UAAU","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tailwindPreset","_classVariants","_jsxRuntime","e","__esModule","default","Typography","variant","className","weight","children","props","textClassName","merge","typographyVariants","jsx","Text","exports","displayName","_default"],"sourceRoot":"../../../../src","sources":["components/Typography/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA6D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAqC,GAAGA,CAAC;EACpDC,OAAO;EACPC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,qBAAK,EACzB,IAAAC,iCAAkB,EAAC;IAAEP,OAAO;IAAEE;EAAO,CAAC,CAAC,EACvCD,SACF,CAAC;EAED,oBACE,IAAAN,WAAA,CAAAa,GAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACR,SAAS,EAAEI,aAAc;IAAA,GAAKD,KAAK;IAAAD,QAAA,EACtCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAACO,OAAA,CAAAX,UAAA,GAAAA,UAAA;AAEFA,UAAU,CAACY,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAF,OAAA,CAAAZ,OAAA,GACvBC,UAAU","ignoreList":[]}