fluent-styles 1.57.0 → 1.59.0

package/lib/module/shape/cycle.js

@@ -0,0 +1,112 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { styled } from "../utiles/styled.js";
+import { theme } from "../utiles/theme.js";
+
+/**
+ * Cycle component - Circular container with size variants
+ * 
+ * A specialized layout component that creates circular containers
+ * with predefined size variants. Uses borderRadius: 50% to create perfect circles.
+ * 
+ * Size variants (width & height):
+ * - sm: 32px (small circles, icons)
+ * - md: 48px (medium circles, avatars)
+ * - lg: 64px (large circles, featured items)
+ * - xl: 80px (extra large circles, hero sections)
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Size definitions for cycle component
+ * Maps size variants to width/height values
+ */
+const sizes = {
+  sm: {
+    width: 32,
+    height: 32
+  },
+  md: {
+    width: 48,
+    height: 48
+  },
+  lg: {
+    width: 64,
+    height: 64
+  },
+  xl: {
+    width: 80,
+    height: 80
+  }
+};
+
+/**
+ * Base Cycle component with size variants
+ * Circular container with centered content
+ * Default size: md (48px)
+ */
+const CycleBase = styled(View, {
+  base: {
+    borderRadius: 50,
+    borderWidth: 1,
+    borderColor: theme.colors.gray[200],
+    backgroundColor: theme.colors.gray[50],
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: 48,
+    height: 48
+  },
+  variants: {
+    size: {
+      sm: sizes.sm,
+      md: sizes.md,
+      lg: sizes.lg,
+      xl: sizes.xl
+    }
+  }
+});
+/**
+ * Wrapper component for Cycle with size variants
+ * 
+ * @example
+ * // Small cycle with icon
+ * <StyledCycle size="sm">
+ *   <Icon name="star" />
+ * </StyledCycle>
+ * 
+ * @example
+ * // Medium cycle (default) with avatar
+ * <StyledCycle>
+ *   <Avatar uri={image} />
+ * </StyledCycle>
+ * 
+ * @example
+ * // Large cycle with custom styling
+ * <StyledCycle 
+ *   size="lg" 
+ *   backgroundColor={theme.colors.primary[500]}
+ *   borderColor={theme.colors.primary[600]}
+ * >
+ *   <Text fontSize={20} fontWeight="bold">C</Text>
+ * </StyledCycle>
+ * 
+ * @example
+ * // Extra large cycle with gradient background
+ * <StyledCycle size="xl">
+ *   <LinearGradient colors={['#FF6B6B', '#FFD93D']}>
+ *     <Text color="white">Logo</Text>
+ *   </LinearGradient>
+ * </StyledCycle>
+ */
+const StyledCycle = /*#__PURE__*/React.forwardRef(({
+  children,
+  ...rest
+}, ref) => /*#__PURE__*/_jsx(CycleBase, {
+  ref: ref,
+  ...rest,
+  children: children
+}));
+StyledCycle.displayName = 'StyledCycle';
+export { StyledCycle, CycleBase };
+//# sourceMappingURL=cycle.js.map

package/lib/module/shape/cycle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","styled","theme","jsx","_jsx","sizes","sm","width","height","md","lg","xl","CycleBase","base","borderRadius","borderWidth","borderColor","colors","gray","backgroundColor","justifyContent","alignItems","variants","size","StyledCycle","forwardRef","children","rest","ref","displayName"],"sourceRoot":"../../../src","sources":["shape/cycle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAGC,cAAc;AACrB,SAASC,MAAM,QAAQ,qBAAkB;AACzC,SAASC,KAAK,QAAQ,oBAAiB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXA,SAAAC,GAAA,IAAAC,IAAA;AAqBA;AACA;AACA;AACA;AACA,MAAMC,KAAK,GAAG;EACZC,EAAE,EAAE;IACFC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAc;EACdC,EAAE,EAAE;IACFF,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAc;EACdE,EAAE,EAAE;IACFH,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAc;EACdG,EAAE,EAAE;IACFJ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMI,SAAS,GAAGX,MAAM,CAAsBD,IAAI,EAAE;EAClDa,IAAI,EAAE;IACJC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACnCC,eAAe,EAAEjB,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC;IACtCE,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBd,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAc;EACdc,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJjB,EAAE,EAAED,KAAK,CAACC,EAAE;MACZG,EAAE,EAAEJ,KAAK,CAACI,EAAE;MACZC,EAAE,EAAEL,KAAK,CAACK,EAAE;MACZC,EAAE,EAAEN,KAAK,CAACM;IACZ;EACF;AACF,CAAC,CAAC;AAMF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMa,WAAW,gBAAGzB,KAAK,CAAC0B,UAAU,CAClC,CACE;EACEC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,kBAEHxB,IAAA,CAACQ,SAAS;EAACgB,GAAG,EAAEA,GAAI;EAAA,GAAKD,IAAI;EAAAD,QAAA,EAC1BA;AAAQ,CACA,CAEf,CAAC;AAEDF,WAAW,CAACK,WAAW,GAAG,aAAa;AAEvC,SAASL,WAAW,EAAEZ,SAAS","ignoreList":[]}

package/lib/module/spinner/index.js

@@ -0,0 +1,275 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { ActivityIndicator } from 'react-native';
+import { theme } from "../utiles/theme.js";
+import { styled } from "../utiles/styled.js";
+import { YStack, XStack } from "../stack/index.js";
+import { StyledText } from "../text/index.js";
+import { StyledButton } from "../button/index.js";
+
+/**
+ * Props for Spinner component
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Size configuration for Spinner
+ */
+const sizeConfig = {
+  small: 30,
+  medium: 50,
+  large: 80
+};
+
+/**
+ * Variant configuration for Spinner
+ */
+const variantConfig = {
+  default: {
+    color: theme.colors.gray[400],
+    label: 'default'
+  },
+  primary: {
+    color: theme.colors.blue[500],
+    label: 'primary'
+  },
+  success: {
+    color: theme.colors.green[500],
+    label: 'success'
+  },
+  warning: {
+    color: theme.colors.amber[500],
+    label: 'warning'
+  },
+  danger: {
+    color: theme.colors.red[500],
+    label: 'danger'
+  }
+};
+
+/**
+ * Base styled ActivityIndicator
+ */
+const StyledActivityIndicator = styled(ActivityIndicator, {
+  base: {
+    color: theme.colors.gray[400]
+  }
+});
+
+/**
+ * Spinner: Professional loading indicator component
+ *
+ * Features:
+ * - Multiple size options (small, medium, large, custom)
+ * - 5 color variants (default, primary, success, warning, danger)
+ * - Custom color support
+ * - Overlay mode for full-screen loading
+ * - Optional label text
+ * - Theme integration
+ * - Accessibility support
+ */
+const StyledSpinner = /*#__PURE__*/forwardRef(({
+  size = 'medium',
+  variant = 'primary',
+  color,
+  overlay = false,
+  overlayColor = 'rgba(0, 0, 0, 0.3)',
+  label,
+  labelColor,
+  labelSize = 14,
+  accessibilityLabel = 'Loading',
+  ...rest
+}, ref) => {
+  // Determine size
+  const finalSize = typeof size === 'number' ? size : sizeConfig[size];
+
+  // Determine color
+  const variantConfig_value = variantConfig[variant];
+  const finalColor = color || variantConfig_value.color;
+  const spinnerElement = /*#__PURE__*/_jsx(StyledActivityIndicator, {
+    ref: ref,
+    size: finalSize,
+    color: finalColor,
+    accessibilityLabel: accessibilityLabel,
+    accessible: true,
+    ...rest
+  });
+
+  // If no overlay, return basic spinner
+  if (!overlay) {
+    if (!label) {
+      return spinnerElement;
+    }
+
+    // Spinner with label
+    return /*#__PURE__*/_jsxs(YStack, {
+      alignItems: "center",
+      gap: 12,
+      children: [spinnerElement, label && /*#__PURE__*/_jsx(StyledText, {
+        fontSize: labelSize,
+        color: labelColor || theme.colors.gray[600],
+        numberOfLines: 1,
+        children: label
+      })]
+    });
+  }
+
+  // Overlay mode
+  return /*#__PURE__*/_jsx(YStack, {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: overlayColor,
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: 9999,
+    children: /*#__PURE__*/_jsxs(YStack, {
+      alignItems: "center",
+      gap: 12,
+      children: [spinnerElement, label && /*#__PURE__*/_jsx(StyledText, {
+        fontSize: labelSize,
+        color: labelColor || theme.colors.white[500],
+        numberOfLines: 1,
+        children: label
+      })]
+    })
+  });
+});
+StyledSpinner.displayName = 'StyledSpinner';
+
+/**
+ * Props for SpinnerContainer - Full-screen loading overlay with backdrop
+ */
+
+/**
+ * SpinnerContainer: Full-screen loading container with backdrop
+ *
+ * Use for: Page loading, data fetching, async operations
+ */
+const SpinnerContainer = /*#__PURE__*/forwardRef(({
+  isVisible = true,
+  size = 'large',
+  variant = 'primary',
+  color,
+  backdropColor = 'rgba(0, 0, 0, 0.5)',
+  message,
+  labelColor,
+  labelSize = 14,
+  onBackdropPress,
+  ...rest
+}, ref) => {
+  if (!isVisible) return null;
+
+  // Determine size
+  const finalSize = typeof size === 'number' ? size : sizeConfig[size];
+
+  // Determine color
+  const variantConfig_value = variantConfig[variant];
+  const finalColor = color || variantConfig_value.color;
+  const spinnerContent = /*#__PURE__*/_jsxs(YStack, {
+    alignItems: "center",
+    gap: 20,
+    children: [/*#__PURE__*/_jsx(StyledActivityIndicator, {
+      ref: ref,
+      size: finalSize,
+      color: finalColor,
+      accessible: true,
+      accessibilityLabel: "Loading",
+      ...rest
+    }), message && /*#__PURE__*/_jsx(StyledText, {
+      fontSize: labelSize,
+      color: labelColor || theme.colors.white[500],
+      numberOfLines: 2,
+      textAlign: "center",
+      children: message
+    })]
+  });
+  if (!onBackdropPress) {
+    return /*#__PURE__*/_jsx(YStack, {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: backdropColor,
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: 9999,
+      children: spinnerContent
+    });
+  }
+  return /*#__PURE__*/_jsx(StyledButton, {
+    link: true,
+    onPress: onBackdropPress,
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: backdropColor,
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: 9999,
+    borderRadius: 0,
+    borderWidth: 0,
+    children: spinnerContent
+  });
+});
+SpinnerContainer.displayName = 'SpinnerContainer';
+
+/**
+ * Props for InlineSpinner - Spinner with text in a row
+ */
+
+/**
+ * InlineSpinner: Spinner with text in flexible direction
+ *
+ * Use for: Button loading states, inline operations, compact loading indicators
+ */
+const InlineSpinner = /*#__PURE__*/forwardRef(({
+  size = 'small',
+  variant = 'primary',
+  color,
+  text,
+  labelColor,
+  labelSize = 12,
+  direction = 'row',
+  gap = 8,
+  accessibilityLabel = 'Loading',
+  ...rest
+}, ref) => {
+  // Determine size
+  const finalSize = typeof size === 'number' ? size : sizeConfig[size];
+
+  // Determine color
+  const variantConfig_value = variantConfig[variant];
+  const finalColor = color || variantConfig_value.color;
+  const StackComponent = direction === 'row' ? XStack : YStack;
+  return /*#__PURE__*/_jsxs(StackComponent, {
+    gap: gap,
+    alignItems: "center",
+    children: [/*#__PURE__*/_jsx(StyledActivityIndicator, {
+      ref: ref,
+      size: finalSize,
+      color: finalColor,
+      accessible: true,
+      accessibilityLabel: accessibilityLabel,
+      ...rest
+    }), text && /*#__PURE__*/_jsx(StyledText, {
+      fontSize: labelSize,
+      color: labelColor || theme.colors.gray[600],
+      numberOfLines: 1,
+      children: text
+    })]
+  });
+});
+InlineSpinner.displayName = 'InlineSpinner';
+
+/**
+ * Exports
+ */
+export { StyledSpinner, SpinnerContainer, InlineSpinner, sizeConfig, variantConfig };
+export default StyledSpinner;
+//# sourceMappingURL=index.js.map

package/lib/module/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","ActivityIndicator","theme","styled","YStack","XStack","StyledText","StyledButton","jsx","_jsx","jsxs","_jsxs","sizeConfig","small","medium","large","variantConfig","default","color","colors","gray","label","primary","blue","success","green","warning","amber","danger","red","StyledActivityIndicator","base","StyledSpinner","size","variant","overlay","overlayColor","labelColor","labelSize","accessibilityLabel","rest","ref","finalSize","variantConfig_value","finalColor","spinnerElement","accessible","alignItems","gap","children","fontSize","numberOfLines","position","top","left","right","bottom","backgroundColor","justifyContent","zIndex","white","displayName","SpinnerContainer","isVisible","backdropColor","message","onBackdropPress","spinnerContent","textAlign","link","onPress","borderRadius","borderWidth","InlineSpinner","text","direction","StackComponent"],"sourceRoot":"../../../src","sources":["spinner/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/utiles/validators.js

@@ -21,4 +21,74 @@ export const isValidNumber = value => {
 export const isValidString = value => {
   return typeof value === "string" && value.trim().length > 0;
 };
+
+// Define the structure for a single rule
+
+// Define the structure for the rules object used in validation
+
+// Define the structure for the values object used in validation
+
+// Define the structure for the errors object in the validation response
+
+/**
+ * Validates a value against provided rules.
+ * @param value - The value to validate.
+ * @param rules - The array of validation rules.
+ * @returns The error message if the value is invalid, otherwise undefined.
+ */
+const validateField = (value, rules, fields = {}) => {
+  for (const rule of rules) {
+    // Explicit null or undefined check
+    if (value === null || value === undefined) {
+      return rule.message; // Null/undefined fails required validation
+    }
+
+    // Array validation
+    if (rule.array && Array.isArray(value) && value.length === 0) {
+      return rule.message;
+    }
+
+    // Pattern validation
+    if (rule.pattern && !rule.pattern.test(value)) {
+      return rule.message;
+    }
+
+    // Custom validation logic
+    if (rule.validate) {
+      const customMessage = rule.validate(value, fields);
+      if (customMessage) {
+        return customMessage;
+      }
+    }
+  }
+  return undefined; // No errors found
+};
+
+/**
+ * Validates a set of values against a set of field rules.
+ * @param values - The object of field values.
+ * @param rules - The object of field rules.
+ * @returns An object containing a boolean indicating if there are errors, and an object of errors.
+ */
+const validate = (values, rules) => {
+  const errors = {};
+  let hasError = false;
+  for (const field in rules) {
+    const fieldRules = rules[field];
+    const value = values[field] ?? null; // Safely access values[field]
+    const error = validateField(value, fieldRules, values); // Pass `values` for cross-field validation
+
+    if (error) {
+      hasError = true;
+      errors[field] = {
+        message: error
+      };
+    }
+  }
+  return {
+    hasError,
+    errors
+  };
+};
+export { validate };
 //# sourceMappingURL=validators.js.map

package/lib/module/utiles/validators.js.map

@@ -1 +1 @@
-{"version":3,"names":["isValidColor","value","test","isValidNumber","isFinite","isValidString","trim","length"],"sourceRoot":"../../../src","sources":["utiles/validators.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAIC,KAAa,IAAc;EACtD,OAAO,2CAA2C,CAACC,IAAI,CAACD,KAAK,CAAC;AAChE,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAME,aAAa,GAAIF,KAAc,IAAsB;EAChE,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIG,QAAQ,CAACH,KAAK,CAAC;AACrD,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMI,aAAa,GAAIJ,KAAc,IAAsB;EAChE,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACK,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;AAC7D,CAAC","ignoreList":[]}
+{"version":3,"names":["isValidColor","value","test","isValidNumber","isFinite","isValidString","trim","length","validateField","rules","fields","rule","undefined","message","array","Array","isArray","pattern","validate","customMessage","values","errors","hasError","field","fieldRules","error"],"sourceRoot":"../../../src","sources":["utiles/validators.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAIC,KAAa,IAAc;EACtD,OAAO,2CAA2C,CAACC,IAAI,CAACD,KAAK,CAAC;AAChE,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAME,aAAa,GAAIF,KAAc,IAAsB;EAChE,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIG,QAAQ,CAACH,KAAK,CAAC;AACrD,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMI,aAAa,GAAIJ,KAAc,IAAsB;EAChE,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACK,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;AAC7D,CAAC;;AAED;;AAQE;;AAKA;;AAKA;;AAKA;AACF;AACA;AACA;AACA;AACA;AACE,MAAMC,aAAa,GAAGA,CAACP,KAAU,EAAEQ,KAAa,EAAEC,MAA2B,GAAG,CAAC,CAAC,KAAyB;EACzG,KAAK,MAAMC,IAAI,IAAIF,KAAK,EAAE;IACxB;IACA,IAAIR,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKW,SAAS,EAAE;MACzC,OAAOD,IAAI,CAACE,OAAO,CAAC,CAAC;IACvB;;IAEA;IACA,IAAIF,IAAI,CAACG,KAAK,IAAIC,KAAK,CAACC,OAAO,CAACf,KAAK,CAAC,IAAIA,KAAK,CAACM,MAAM,KAAK,CAAC,EAAE;MAC5D,OAAOI,IAAI,CAACE,OAAO;IACrB;;IAEA;IACA,IAAIF,IAAI,CAACM,OAAO,IAAI,CAACN,IAAI,CAACM,OAAO,CAACf,IAAI,CAACD,KAAK,CAAC,EAAE;MAC7C,OAAOU,IAAI,CAACE,OAAO;IACrB;;IAEA;IACA,IAAIF,IAAI,CAACO,QAAQ,EAAE;MACjB,MAAMC,aAAa,GAAGR,IAAI,CAACO,QAAQ,CAACjB,KAAK,EAAES,MAAM,CAAC;MAClD,IAAIS,aAAa,EAAE;QACjB,OAAOA,aAAa;MACtB;IACF;EACF;EAEA,OAAOP,SAAS,CAAC,CAAC;AACpB,CAAC;;AAGD;AACF;AACA;AACA;AACA;AACA;AACE,MAAMM,QAAQ,GAAGA,CAACE,MAAc,EAAEX,KAAY,KAA4C;EACxF,MAAMY,MAAc,GAAG,CAAC,CAAC;EACzB,IAAIC,QAAQ,GAAG,KAAK;EAEpB,KAAK,MAAMC,KAAK,IAAId,KAAK,EAAE;IACzB,MAAMe,UAAU,GAAGf,KAAK,CAACc,KAAK,CAAC;IAC/B,MAAMtB,KAAK,GAAGmB,MAAM,CAACG,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;IACrC,MAAME,KAAK,GAAGjB,aAAa,CAACP,KAAK,EAAEuB,UAAU,EAAEJ,MAAM,CAAC,CAAC,CAAC;;IAExD,IAAIK,KAAK,EAAE;MACTH,QAAQ,GAAG,IAAI;MACfD,MAAM,CAACE,KAAK,CAAC,GAAG;QAAEV,OAAO,EAAEY;MAAM,CAAC;IACpC;EACF;EAEA,OAAO;IACLH,QAAQ;IACRD;EACF,CAAC;AACH,CAAC;AAED,SAASH,QAAQ","ignoreList":[]}

package/lib/typescript/index.d.ts

@@ -1,7 +1,7 @@
 export { PopoverMode, PopoverPlacement } from 'react-native-popover-view';
 export { theme, lightColors, darkColors, palettes, fontStyles, } from './utiles/theme';
 export { styled } from './utiles/styled';
-export { Stack, type StackProps } from './stack';
+export { Stack, XStack, YStack, type StackProps } from './stack';
 export { StyledText, type StyledTextProps } from './text';
 export { StyledSafeAreaProvider, type StyledSafeAreaProviderProps } from './safeAreaProvider';
 export { StyledSafeAreaView, type StyledSafeAreaViewProps } from './safeAreaView';
@@ -17,7 +17,6 @@ export { StyledImage, StyledImageBackground, type StyledImageProps, type StyledI
 export { StyledPressable, type StyledPressableProps } from './pressable';
 export { StyledButton, type StyledButtonProps } from './button';
 export { StyledDivider, type DividerProps } from './divider';
-export * from './input';
 export { StyledCheckBox, type StyledCheckBoxProps } from './checkBox';
 export { StyledBadge, type StyledBadgeProps } from './badge';
 export { BadgeWithIcon, type BadgeWithIconProps } from './badge';
@@ -54,4 +53,8 @@ export * from './skeleton';
 export * from './emptyState';
 export * from './searchBar';
 export * from './dialog';
+export * from './utiles/validators';
+export * from './spinner';
+export * from './input';
+export * from './shape/cycle';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/input/index.d.ts

@@ -85,5 +85,5 @@ export interface StyledTextInputHandle extends StyledTextInputProps {
     isFocused: () => boolean;
 }
 export declare const StyledTextInput: React.ForwardRefExoticComponent<StyledTextInputProps & React.RefAttributes<any>>;
-export {};
+export { StyledTextInput as StyledInput };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,EAML,cAAc,EAGf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAGV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAMrB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,MAAM,MAAM,SAAS,GAAO,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC9C,MAAM,MAAM,YAAY,GAAI,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAA;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAM,MAAM,CAAA;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAM,KAAK,CAAC,SAAS,CAAA;IAC1B,oEAAoE;IACpE,EAAE,CAAC,EAAQ,MAAM,CAAA;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAK,MAAM,CAAA;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAG,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,KAAK,kBAAkB,GAAI,cAAc,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,oBACf,SAAQ,kBAAkB;IAG1B,KAAK,CAAC,EAAc,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAS,eAAe,CAAA;IACnC,+CAA+C;IAC/C,QAAQ,CAAC,EAAW,OAAO,CAAA;IAC3B,wEAAwE;IACxE,UAAU,CAAC,EAAS,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAQ,eAAe,CAAA;IACnC,+DAA+D;IAC/D,YAAY,CAAC,EAAO,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAS,eAAe,CAAA;IACnC,wEAAwE;IACxE,KAAK,CAAC,EAAc,OAAO,CAAA;IAG3B;;;OAGG;IACH,WAAW,CAAC,EAAQ,OAAO,CAAA;IAG3B,qEAAqE;IACrE,QAAQ,CAAC,EAAW,KAAK,CAAC,SAAS,CAAA;IACnC,wEAAwE;IACxE,SAAS,CAAC,EAAU,KAAK,CAAC,SAAS,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAU,UAAU,CAAA;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAS,UAAU,CAAA;IAG9B,uEAAuE;IACvE,SAAS,CAAC,EAAU,OAAO,CAAA;IAG3B,4EAA4E;IAC5E,OAAO,CAAC,EAAY,OAAO,CAAA;IAG3B;;;;;;OAMG;IACH,OAAO,CAAC,EAAY,YAAY,CAAA;IAEhC,4CAA4C;IAC5C,IAAI,CAAC,EAAe,SAAS,CAAA;IAE7B,sEAAsE;IACtE,WAAW,CAAC,EAAQ,MAAM,CAAA;IAE1B,gEAAgE;IAChE,UAAU,CAAC,EAAS,MAAM,CAAA;IAG1B;;;OAGG;IACH,UAAU,CAAC,EAAS,OAAO,CAAA;IAG3B,cAAc,CAAC,EAAK,SAAS,CAAA;IAC7B,cAAc,CAAC,EAAK,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAS,SAAS,CAAA;IAG7B,QAAQ,CAAC,EAAW,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAS,SAAS,CAAC,YAAY,CAAC,CAAA;CAE5C;AAkCD,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,KAAK,EAAO,MAAM,IAAI,CAAA;IACtB,IAAI,EAAQ,MAAM,IAAI,CAAA;IACtB,KAAK,EAAO,MAAM,IAAI,CAAA;IACtB,SAAS,EAAG,MAAM,OAAO,CAAA;CAC1B;AAuKD,eAAO,MAAM,eAAe,kFAyR3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,EAML,cAAc,EAGf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAGV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAMrB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,MAAM,MAAM,SAAS,GAAO,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC9C,MAAM,MAAM,YAAY,GAAI,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAA;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAM,MAAM,CAAA;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAM,KAAK,CAAC,SAAS,CAAA;IAC1B,oEAAoE;IACpE,EAAE,CAAC,EAAQ,MAAM,CAAA;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAK,MAAM,CAAA;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAG,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,KAAK,kBAAkB,GAAI,cAAc,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,oBACf,SAAQ,kBAAkB;IAG1B,KAAK,CAAC,EAAc,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAS,eAAe,CAAA;IACnC,+CAA+C;IAC/C,QAAQ,CAAC,EAAW,OAAO,CAAA;IAC3B,wEAAwE;IACxE,UAAU,CAAC,EAAS,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAQ,eAAe,CAAA;IACnC,+DAA+D;IAC/D,YAAY,CAAC,EAAO,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAS,eAAe,CAAA;IACnC,wEAAwE;IACxE,KAAK,CAAC,EAAc,OAAO,CAAA;IAG3B;;;OAGG;IACH,WAAW,CAAC,EAAQ,OAAO,CAAA;IAG3B,qEAAqE;IACrE,QAAQ,CAAC,EAAW,KAAK,CAAC,SAAS,CAAA;IACnC,wEAAwE;IACxE,SAAS,CAAC,EAAU,KAAK,CAAC,SAAS,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAU,UAAU,CAAA;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAS,UAAU,CAAA;IAG9B,uEAAuE;IACvE,SAAS,CAAC,EAAU,OAAO,CAAA;IAG3B,4EAA4E;IAC5E,OAAO,CAAC,EAAY,OAAO,CAAA;IAG3B;;;;;;OAMG;IACH,OAAO,CAAC,EAAY,YAAY,CAAA;IAEhC,4CAA4C;IAC5C,IAAI,CAAC,EAAe,SAAS,CAAA;IAE7B,sEAAsE;IACtE,WAAW,CAAC,EAAQ,MAAM,CAAA;IAE1B,gEAAgE;IAChE,UAAU,CAAC,EAAS,MAAM,CAAA;IAG1B;;;OAGG;IACH,UAAU,CAAC,EAAS,OAAO,CAAA;IAG3B,cAAc,CAAC,EAAK,SAAS,CAAA;IAC7B,cAAc,CAAC,EAAK,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAS,SAAS,CAAA;IAG7B,QAAQ,CAAC,EAAW,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAS,SAAS,CAAC,YAAY,CAAC,CAAA;CAE5C;AAkCD,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,KAAK,EAAO,MAAM,IAAI,CAAA;IACtB,IAAI,EAAQ,MAAM,IAAI,CAAA;IACtB,KAAK,EAAO,MAAM,IAAI,CAAA;IACtB,SAAS,EAAG,MAAM,OAAO,CAAA;CAC1B;AAuKD,eAAO,MAAM,eAAe,kFAyR3B,CAAA;AAGD,OAAO,EAAE,eAAe,IAAI,WAAW,EAAE,CAAA"}

package/lib/typescript/shape/cycle.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { View, ViewProps, ViewStyle } from 'react-native';
+/**
+ * Cycle component - Circular container with size variants
+ *
+ * A specialized layout component that creates circular containers
+ * with predefined size variants. Uses borderRadius: 50% to create perfect circles.
+ *
+ * Size variants (width & height):
+ * - sm: 32px (small circles, icons)
+ * - md: 48px (medium circles, avatars)
+ * - lg: 64px (large circles, featured items)
+ * - xl: 80px (extra large circles, hero sections)
+ */
+type SizeVariant = 'sm' | 'md' | 'lg' | 'xl';
+type CycleVariants = {
+    size?: SizeVariant;
+};
+type CycleComponentProps = CycleVariants & ViewProps & ViewStyle;
+/**
+ * Base Cycle component with size variants
+ * Circular container with centered content
+ * Default size: md (48px)
+ */
+declare const CycleBase: React.ForwardRefExoticComponent<CycleVariants & ViewProps & ViewStyle & React.RefAttributes<any>>;
+interface StyledCycleProps extends CycleComponentProps {
+    children?: React.ReactNode;
+}
+/**
+ * Wrapper component for Cycle with size variants
+ *
+ * @example
+ * // Small cycle with icon
+ * <StyledCycle size="sm">
+ *   <Icon name="star" />
+ * </StyledCycle>
+ *
+ * @example
+ * // Medium cycle (default) with avatar
+ * <StyledCycle>
+ *   <Avatar uri={image} />
+ * </StyledCycle>
+ *
+ * @example
+ * // Large cycle with custom styling
+ * <StyledCycle
+ *   size="lg"
+ *   backgroundColor={theme.colors.primary[500]}
+ *   borderColor={theme.colors.primary[600]}
+ * >
+ *   <Text fontSize={20} fontWeight="bold">C</Text>
+ * </StyledCycle>
+ *
+ * @example
+ * // Extra large cycle with gradient background
+ * <StyledCycle size="xl">
+ *   <LinearGradient colors={['#FF6B6B', '#FFD93D']}>
+ *     <Text color="white">Logo</Text>
+ *   </LinearGradient>
+ * </StyledCycle>
+ */
+declare const StyledCycle: React.ForwardRefExoticComponent<StyledCycleProps & React.RefAttributes<View>>;
+export { StyledCycle, CycleBase };
+export type { CycleVariants, CycleComponentProps, StyledCycleProps, SizeVariant };
+//# sourceMappingURL=cycle.d.ts.map

package/lib/typescript/shape/cycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cycle.d.ts","sourceRoot":"","sources":["../../../src/shape/cycle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB;;;;;;;;;;;GAWG;AAEH,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAyBjE;;;;GAIG;AACH,QAAA,MAAM,SAAS,mGAmBb,CAAC;AAEH,UAAU,gBAAiB,SAAQ,mBAAmB;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,QAAA,MAAM,WAAW,+EAYhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC"}