fluent-styles 1.58.0 → 1.60.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAAkB,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAkB,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAoB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACnE,OAAO,EAAoB,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAgB,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAI5D,KAAK,UAAU,GAAG,SAAS,CAAC;AAG5B,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAG,OAAO,CAAC;CACpB;AAGD,eAAO,MAAM,cAAc,wBAAgC,CAAC;AAI5D,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,SAAS;IAC3D,QAAQ,CAAC,EAAO,OAAO,CAAC;IACxB,OAAO,CAAC,EAAQ,OAAO,CAAC;IACxB,GAAG,CAAC,EAAY,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAK,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAO,UAAU,CAAC;CAC5B;AAED,MAAM,WAAW,YAAa,SAAQ,SAAS,EAAE,SAAS;IACxD,GAAG,CAAC,EAAO,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,SAAS;IAC5D,KAAK,CAAC,EAAU,MAAM,CAAC;IACvB,UAAU,CAAC,EAAK,eAAe,CAAC;IAChC,QAAQ,CAAC,EAAO,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAI,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAO,UAAU,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,SAAS;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAS,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAI,UAAU,CAAC;CACzB;AAID;;;;;;;;GAQG;AACH,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAI/B,CAAC;AAGF;;;;;;;GAOG;AACH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkCvC,CAAC;AAGF;;;;;;;;GAQG;AACH,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CASvC,CAAC;AAQF;;;;GAIG;AACH,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CASzC,CAAC;AAGF;;;;GAIG;AACH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQ3C,CAAC;AAGF;;;;GAIG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAS1C,CAAC;AAGF;;;;GAIG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQzC,CAAC;AAGF;;;;GAIG;AACH,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAE/C,CAAC;AAGF;;;;GAIG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAQ/C,CAAC;AAGF;;;;GAIG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAQvC,CAAC;AAKF,UAAU,aAAc,SAAQ,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC;IAEvD,GAAG,EAAS,OAAO,GAAG,CAAC;IACvB,OAAO,EAAK,OAAO,OAAO,CAAC;IAC3B,OAAO,EAAK,OAAO,OAAO,CAAC;IAE3B,KAAK,EAAO,OAAO,KAAK,CAAC;IACzB,QAAQ,EAAI,OAAO,QAAQ,CAAC;IAC5B,MAAM,EAAM,OAAO,UAAU,CAAC;IAC9B,MAAM,EAAM,OAAO,MAAM,CAAC;IAC1B,KAAK,EAAO,OAAO,KAAK,CAAC;IACzB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,MAAM,EAAM,OAAO,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,UAAU,EAAE,aAsCjB,CAAC;AAcF,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -23,21 +23,16 @@ export interface HeaderProps extends ViewProps, ViewStyle {
     statusBarProps?: StatusBarProps;
     skipStatusBarOnAndroid?: boolean;
     skipStatusBarOnIOS?: boolean;
-}
-export interface FullHeaderProps extends ViewProps, ViewStyle {
     children?: React.ReactNode;
-    statusBarProps?: StatusBarProps;
-    skipStatusBarOnAndroid?: boolean;
-    skipStatusBarOnIOS?: boolean;
 }
-declare const FullHeader: React.ForwardRefExoticComponent<FullHeaderProps & React.RefAttributes<Omit<ViewProps & ViewStyle & React.RefAttributes<any>, "ref"> & {
-    ref?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
-}>>;
+declare const Full: React.FC<{
+    children?: React.ReactNode;
+}>;
 declare const HeaderComponent: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<Omit<ViewProps & ViewStyle & React.RefAttributes<any>, "ref"> & {
     ref?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 }>>;
 interface HeaderComponent extends React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<View>> {
-    Full: typeof FullHeader;
+    Full: typeof Full;
 }
 declare const StyledHeader: HeaderComponent;
 export { StyledHeader };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,IAAI,EACJ,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAItB,OAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAC;AAKtD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,SAAS;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAkBD,QAAA,MAAM,UAAU;;GAiCf,CAAC;AAGF,QAAA,MAAM,eAAe;;GAoGpB,CAAC;AAGF,UAAU,eACR,SAAQ,KAAK,CAAC,yBAAyB,CACrC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CACxC;IACD,IAAI,EAAE,OAAO,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,YAAY,iBAAqC,CAAC;AAMxD,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAItB,OAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAC;AAQtD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAwBD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAElD,CAAC;AAMF,QAAA,MAAM,eAAe;;GA8GpB,CAAC;AAIF,UAAU,eACR,SAAQ,KAAK,CAAC,yBAAyB,CACrC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CACxC;IACD,IAAI,EAAE,OAAO,IAAI,CAAC;CACnB;AAED,QAAA,MAAM,YAAY,iBAAqC,CAAC;AAKxD,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/typescript/index.d.ts

@@ -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';
@@ -56,4 +55,7 @@ export * from './searchBar';
 export * from './dialog';
 export * from './utiles/validators';
 export * from './spinner';
+export * from './input';
+export * from './form';
+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":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,GAAG,MAAM,gBAAgB,CAAA;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAA;AACzD,OAAO,EAAE,sBAAsB,EAAE,KAAK,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAC7F,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AACjF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAA;AACzD,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACxF,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,KAAK,gBAAgB,EAAE,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAA;AACpH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAC5D,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC7J,OAAO,EAAE,cAAc,EAAE,yBAAyB,EAAE,KAAK,mBAAmB,EAAE,KAAK,8BAA8B,EAAE,KAAK,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC9J,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEpL,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,eAAe,EACf,kBAAkB,GACnB,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,eAAe,EACf,kBAAkB,GACnB,MAAM,YAAY,CAAA;AAEnB,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAClE,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA"}
+{"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fluent-styles",
   "description": "Develop different styled versions of UI components.",
- "version": "1.58.0",
+ "version": "1.60.0",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",

package/src/button/index.tsx

@@ -107,10 +107,9 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
     justifyContent:   'center',
     flexDirection:    'row',
     gap:              6,
-    borderRadius:     999,      // pill by default
+    borderRadius:     32,      // pill by default
     paddingHorizontal: 20,
     paddingVertical:   10,
-    flex:             1,
     borderWidth:     0,
   } as ViewStyle,
 
@@ -218,7 +217,6 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
       true: {
         paddingHorizontal: 10,
         paddingVertical:   4,
-        borderWidth: 0,
       } as ViewStyle,
     },
 
@@ -226,7 +224,6 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
       true: {
         paddingHorizontal: 14,
         paddingVertical:   6,
-        borderWidth: 0,
       } as ViewStyle,
     },
 
@@ -241,7 +238,6 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
       true: {
         paddingHorizontal: 28,
         paddingVertical:   14,
-        borderWidth: 0,
       } as ViewStyle,
     },
 
@@ -249,7 +245,6 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
       true: {
         paddingHorizontal: 36,
         paddingVertical:   18,
-        borderWidth: 0,
       } as ViewStyle,
     },
 

package/src/form/index.tsx

@@ -0,0 +1,331 @@
+import React, { createContext, useContext, type ReactNode } from "react";
+import {
+  KeyboardAvoidingView,
+  Platform,
+  ScrollView,
+  ViewProps,
+  ViewStyle,
+} from "react-native";
+import { Stack } from "../stack";
+import { StyledText, StyledTextProps } from "../text";
+import { StyledDivider } from "../divider";
+import { StyledTextInput, StyledTextInputProps } from "../input";
+import { StyledCheckBox, StyledCheckBoxProps } from "../checkBox";
+import { Switch, SwitchProps } from "../switch";
+import { StyledDropdown, StyledDropdownProps } from "../dropdown";
+import { StyledRadioGroup, StyledRadioGroupProps } from "../radio";
+import { StyledDatePicker, StyledDatePickerProps } from "../datePicker";
+import { StyledSlider, StyledSliderProps } from "../slider";
+import { theme } from "../utiles/theme";
+
+// ─── CompatNode ───────────────────────────────────────────────────────────────
+type CompatNode = ReactNode;
+
+// ─── Form context ─────────────────────────────────────────────────────────────
+interface FormContextValue {
+  disabled?: boolean;
+  loading?:  boolean;
+}
+
+const FormContext = createContext<FormContextValue>({});
+export const useFormContext = () => useContext(FormContext);
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+export interface StyledFormProps extends ViewProps, ViewStyle {
+  disabled?:      boolean;
+  loading?:       boolean;
+  gap?:           number;
+  avoidKeyboard?: boolean;
+  scrollable?:    boolean;
+  scrollPadding?: number;
+  children?:      CompatNode;
+}
+
+export interface FormRowProps extends ViewProps, ViewStyle {
+  gap?:      number;
+  children?: CompatNode;
+}
+
+export interface FormSectionProps extends ViewProps, ViewStyle {
+  title?:         string;
+  titleProps?:    StyledTextProps;
+  subtitle?:      string;
+  subtitleProps?: StyledTextProps;
+  showDivider?:   boolean;
+  children?:      CompatNode;
+}
+
+export interface FormActionsProps extends ViewProps, ViewStyle {
+  horizontal?: boolean;
+  gap?:        number;
+  children?:   CompatNode;
+}
+
+// ─── Layout sub-components ────────────────────────────────────────────────────
+
+/**
+ * StyledForm.Row
+ * Side-by-side inputs — e.g. First name / Last name.
+ *
+ *   <StyledForm.Row>
+ *     <StyledForm.Input label="First" flex={1} />
+ *     <StyledForm.Input label="Last"  flex={1} />
+ *   </StyledForm.Row>
+ */
+const Row: React.FC<FormRowProps> = ({ gap = 12, children, ...rest }) => (
+  <Stack horizontal gap={gap} {...rest}>
+    {children}
+  </Stack>
+);
+Row.displayName = "StyledForm.Row";
+
+/**
+ * StyledForm.Section
+ * Groups related inputs under a titled section.
+ *
+ *   <StyledForm.Section title="Personal info" subtitle="Shown on your profile">
+ *     <StyledForm.Input label="Name" />
+ *   </StyledForm.Section>
+ */
+const Section: React.FC<FormSectionProps> = ({
+  title,
+  titleProps,
+  subtitle,
+  subtitleProps,
+  showDivider = true,
+  children,
+  ...rest
+}) => (
+  <Stack gap={14} {...rest}>
+    {(title || subtitle) && (
+      <Stack gap={2}>
+        {title && (
+          <StyledText
+            fontSize={15}
+            fontWeight="700"
+            color={theme.colors.gray[900]}
+            {...titleProps}
+          >
+            {title}
+          </StyledText>
+        )}
+        {subtitle && (
+          <StyledText fontSize={13} color={theme.colors.gray[400]} {...subtitleProps}>
+            {subtitle}
+          </StyledText>
+        )}
+        {showDivider && (
+          <StyledDivider borderBottomColor={theme.colors.gray[100]} marginTop={6} />
+        )}
+      </Stack>
+    )}
+    {children}
+  </Stack>
+);
+Section.displayName = "StyledForm.Section";
+
+/**
+ * StyledForm.Actions
+ * Slot for submit / cancel buttons.
+ *
+ *   <StyledForm.Actions>
+ *     <StyledButton primary block>Submit</StyledButton>
+ *     <StyledButton outline block>Cancel</StyledButton>
+ *   </StyledForm.Actions>
+ */
+const Actions: React.FC<FormActionsProps> = ({
+  horizontal = false,
+  gap = 10,
+  children,
+  ...rest
+}) => (
+  <Stack horizontal={horizontal} gap={gap} {...rest}>
+    {children}
+  </Stack>
+);
+Actions.displayName = "StyledForm.Actions";
+
+// ─── Input sub-components — thin aliases that read FormContext ────────────────
+// Each one forwards all props of the underlying component unchanged.
+// The only addition: they read disabled/loading from FormContext so form-level
+// state propagates without prop drilling.
+
+/**
+ * StyledForm.Input  →  StyledTextInput
+ *
+ *   <StyledForm.Input label="Email" required variant="outline" />
+ */
+const Input: React.FC<StyledTextInputProps> = (props) => {
+  const ctx = useFormContext();
+  return (
+    <StyledTextInput
+      editable={ctx.disabled ? false : props.editable}
+      loading={props.loading ?? ctx.loading}
+      {...props}
+    />
+  );
+};
+Input.displayName = "StyledForm.Input";
+
+/**
+ * StyledForm.Checkbox  →  StyledCheckBox
+ *
+ *   <StyledForm.Checkbox label="I agree to the terms" checked={agreed} onCheck={setAgreed} />
+ */
+const Checkbox: React.FC<StyledCheckBoxProps> = (props) => {
+  const ctx = useFormContext();
+  return (
+    <StyledCheckBox
+      disabled={props.disabled ?? ctx.disabled}
+      {...props}
+    />
+  );
+};
+Checkbox.displayName = "StyledForm.Checkbox";
+
+/**
+ * StyledForm.Switch  →  Switch
+ *
+ *   <StyledForm.Switch label="Email notifications" value={notifs} onChange={setNotifs} />
+ */
+const FormSwitch: React.FC<SwitchProps<any>> = (props) => {
+  const ctx = useFormContext();
+  return (
+    <Switch
+      disabled={props.disabled ?? ctx.disabled}
+      loading={props.loading ?? ctx.loading}
+      {...props}
+    />
+  );
+};
+FormSwitch.displayName = "StyledForm.Switch";
+
+/**
+ * StyledForm.Select  →  StyledDropdown
+ *
+ *   <StyledForm.Select label="Country" options={countries} value={country} onChange={setCountry} />
+ */
+const Select: React.FC<StyledDropdownProps> = (props) => {
+  const ctx = useFormContext();
+  return (
+    <StyledDropdown
+      disabled={props.disabled ?? ctx.disabled}
+      {...props}
+    />
+  );
+};
+Select.displayName = "StyledForm.Select";
+
+/**
+ * StyledForm.Radio  →  StyledRadioGroup
+ *
+ *   <StyledForm.Radio options={plans} value={plan} onChange={setPlan} />
+ */
+const Radio: React.FC<StyledRadioGroupProps<any>> = (props) => (
+  <StyledRadioGroup {...props} />
+);
+Radio.displayName = "StyledForm.Radio";
+
+/**
+ * StyledForm.DatePicker  →  StyledDatePicker
+ *
+ *   <StyledForm.DatePicker label="Date of birth" value={dob} onChange={setDob} variant="input" />
+ */
+const DatePicker: React.FC<StyledDatePickerProps> = (props) => {
+  const ctx = useFormContext();
+  return (
+    <StyledDatePicker
+      disabled={props.disabled ?? ctx.disabled}
+      {...props}
+    />
+  );
+};
+DatePicker.displayName = "StyledForm.DatePicker";
+
+/**
+ * StyledForm.Slider  →  StyledSlider
+ *
+ *   <StyledForm.Slider label="Budget" value={budget} onValueChange={setBudget} min={0} max={1000} />
+ */
+const Slider: React.FC<StyledSliderProps> = (props) => {
+  const ctx = useFormContext();
+  return (
+    <StyledSlider
+      disabled={props.disabled ?? ctx.disabled}
+      {...props}
+    />
+  );
+};
+Slider.displayName = "StyledForm.Slider";
+
+// ─── StyledForm (root) ────────────────────────────────────────────────────────
+
+interface FormComponent extends React.FC<StyledFormProps> {
+  // layout
+  Row:        typeof Row;
+  Section:    typeof Section;
+  Actions:    typeof Actions;
+  // inputs
+  Input:      typeof Input;
+  Checkbox:   typeof Checkbox;
+  Switch:     typeof FormSwitch;
+  Select:     typeof Select;
+  Radio:      typeof Radio;
+  DatePicker: typeof DatePicker;
+  Slider:     typeof Slider;
+}
+
+const StyledForm: FormComponent = ({
+  disabled,
+  loading,
+  gap           = 16,
+  avoidKeyboard = true,
+  scrollable    = false,
+  scrollPadding = 40,
+  children,
+  ...rest
+}) => {
+  const fields = (
+    <Stack gap={gap} {...rest}>
+      {children}
+    </Stack>
+  );
+
+  const content = scrollable ? (
+    <ScrollView
+      keyboardShouldPersistTaps="handled"
+      showsVerticalScrollIndicator={false}
+      contentContainerStyle={{ flexGrow: 1, paddingBottom: scrollPadding }}
+    >
+      {fields}
+    </ScrollView>
+  ) : fields;
+
+  return (
+    <FormContext.Provider value={{ disabled, loading }}>
+      {avoidKeyboard ? (
+        <KeyboardAvoidingView
+          behavior={Platform.OS === "ios" ? "padding" : "height"}
+          style={{ flex: 1 }}
+        >
+          {content}
+        </KeyboardAvoidingView>
+      ) : content}
+    </FormContext.Provider>
+  );
+};
+
+StyledForm.displayName  = "StyledForm";
+StyledForm.Row          = Row;
+StyledForm.Section      = Section;
+StyledForm.Actions      = Actions;
+StyledForm.Input        = Input;
+StyledForm.Checkbox     = Checkbox;
+StyledForm.Switch       = FormSwitch;
+StyledForm.Select       = Select;
+StyledForm.Radio        = Radio;
+StyledForm.DatePicker   = DatePicker;
+StyledForm.Slider       = Slider;
+
+export { StyledForm };