@itcase/ui-react-native 1.10.91 → 1.10.94

package/src/components/Code/styles/codeSize.ts

@@ -24,7 +24,7 @@ const codeSizeList = getVariantsPropsList(
   'code__input_size_',
 )
 
-type codeSizePropsType = (typeof codeSizeList)[number]
+type CodeSizePropsType = (typeof codeSizeList)[number]
 
 export { codeInputSizeStyles, codeSizeList, codeSizeStyles }
-export type { codeSizePropsType }
+export type { CodeSizePropsType }

package/src/components/Code/styles/codeVariant.ts

@@ -13,7 +13,7 @@ const codeVariantStyles = StyleSheet.create({
 
 const codeVariantList = getVariantsPropsList(codeVariantStyles, 'code_variant_')
 
-type codeVariantPropsType = (typeof codeVariantList)[number]
+type CodeVariantPropsType = (typeof codeVariantList)[number]
 
 export { codeVariantList, codeVariantStyles }
-export type { codeVariantPropsType }
+export type { CodeVariantPropsType }

package/src/components/ColorInput/ColorInput.interface.ts

@@ -12,7 +12,7 @@ import type {
 } from '@itcase/types-ui'
 
 import type { ComponentGalleryArgs } from '../../storybook'
-import type { colorInputSizePropsType } from './styles/colorInputSize'
+import type { ColorInputSizePropsType } from './styles/colorInputSize'
 
 interface ColorInputAppearanceProps {
   borderColor?: BorderColorProps
@@ -21,7 +21,7 @@ interface ColorInputAppearanceProps {
   placeholder?: string
   placeholderTextColor?: TextColorProps
   shape?: ShapeProps
-  size?: colorInputSizePropsType
+  size?: ColorInputSizePropsType
   textColor?: TextColorProps
   textSize?: TextSizeProps
 }

package/src/components/ColorInput/index.ts

@@ -8,7 +8,7 @@ import type {
   ColorInputProps,
 } from './ColorInput.interface'
 import { colorInputSizeList } from './styles/colorInputSize'
-import type { colorInputSizePropsType } from './styles/colorInputSize'
+import type { ColorInputSizePropsType } from './styles/colorInputSize'
 
 export {
   ColorInput,
@@ -22,5 +22,5 @@ export type {
   ColorInputAppearanceKey,
   ColorInputConfig,
   ColorInputProps,
-  colorInputSizePropsType,
+  ColorInputSizePropsType,
 }

package/src/components/ColorInput/stories/ColorInputStories.config.tsx

@@ -16,10 +16,9 @@ import type {
   ColorInputProps,
 } from '../ColorInput.interface'
 
-const colorInputSizeKeys = Object.keys(colorInputAppearanceSize).filter(
-  (value): value is keyof typeof colorInputAppearanceSize =>
-    value in colorInputAppearanceSize,
-)
+const colorInputSizeKeys = Object.keys(colorInputAppearanceSize) as Array<
+  keyof typeof colorInputAppearanceSize
+>
 
 const colorInputGallery = createComponentGallery<ColorInputAppearanceKey>({
   size: colorInputAppearanceSize,

package/src/components/ColorInput/styles/colorInputSize.ts

@@ -52,7 +52,7 @@ const colorInputSizeStyleList = getVariantsPropsList(
   'colorInput_size_',
 )
 
-type colorInputSizePropsType = (typeof colorInputSizeList)[number]
+type ColorInputSizePropsType = (typeof colorInputSizeList)[number]
 
 export { colorInputSizeList, colorInputSizeStyleList, colorInputSizeStyles }
-export type { colorInputSizePropsType }
+export type { ColorInputSizePropsType }

package/src/components/Divider/Divider.interface.ts

@@ -8,13 +8,13 @@ import type {
   WidthProps,
 } from '@itcase/types-ui'
 
-import type { dividerDirectionPropsType } from './styles/dividerDirection'
-import type { dividerSizePropsType } from './styles/dividerSize'
+import type { DividerDirectionPropsType } from './styles/dividerDirection'
+import type { DividerSizePropsType } from './styles/dividerSize'
 
 interface DividerAppearanceProps {
-  direction?: dividerDirectionPropsType
+  direction?: DividerDirectionPropsType
   fill?: FillProps
-  size?: dividerSizePropsType
+  size?: DividerSizePropsType
   width?: WidthProps
 }
 

package/src/components/Divider/index.ts

@@ -7,9 +7,9 @@ import type {
   DividerProps,
 } from './Divider.interface'
 import { dividerDirectionList } from './styles/dividerDirection'
-import type { dividerDirectionPropsType } from './styles/dividerDirection'
+import type { DividerDirectionPropsType } from './styles/dividerDirection'
 import { dividerSizeList } from './styles/dividerSize'
-import type { dividerSizePropsType } from './styles/dividerSize'
+import type { DividerSizePropsType } from './styles/dividerSize'
 
 export {
   Divider,
@@ -22,7 +22,7 @@ export type {
   DividerAppearance,
   DividerAppearanceKey,
   DividerConfig,
-  dividerDirectionPropsType,
+  DividerDirectionPropsType,
   DividerProps,
-  dividerSizePropsType,
+  DividerSizePropsType,
 }

package/src/components/Divider/styles/dividerDirection.ts

@@ -17,7 +17,7 @@ const dividerDirectionList = getVariantsPropsList(
   'divider_direction_',
 )
 
-type dividerDirectionPropsType = (typeof dividerDirectionList)[number]
+type DividerDirectionPropsType = (typeof dividerDirectionList)[number]
 
 export { dividerDirectionList, dividerDirectionStyles }
-export type { dividerDirectionPropsType }
+export type { DividerDirectionPropsType }

package/src/components/Divider/styles/dividerSize.ts

@@ -26,7 +26,7 @@ const dividerSizeStyles = StyleSheet.create({
 
 const dividerSizeList = ['l', 'm', 's'] as const
 
-type dividerSizePropsType = (typeof dividerSizeList)[number]
+type DividerSizePropsType = (typeof dividerSizeList)[number]
 
 export { dividerSizeList, dividerSizeStyles }
-export type { dividerSizePropsType }
+export type { DividerSizePropsType }

package/src/components/Dot/Dot.interface.ts

@@ -3,15 +3,15 @@ import type { StyleProp, ViewStyle } from 'react-native'
 
 import type { BorderColorProps, FillProps } from '@itcase/types-ui'
 
-import type { dotShapePropsType } from './styles/dotShape'
-import type { dotSizePropsType } from './styles/dotSize'
+import type { DotShapePropsType } from './styles/dotShape'
+import type { DotSizePropsType } from './styles/dotSize'
 
 interface DotProps {
   borderColor?: BorderColorProps
   children?: ReactNode
   fill?: FillProps
-  shape?: dotShapePropsType
-  size?: dotSizePropsType
+  shape?: DotShapePropsType
+  size?: DotSizePropsType
   style?: StyleProp<ViewStyle>
 }
 

package/src/components/Dot/index.ts

@@ -1,9 +1,9 @@
 import { Dot } from './Dot'
 import type { DotProps } from './Dot.interface'
 import { dotShapeList } from './styles/dotShape'
-import type { dotShapePropsType } from './styles/dotShape'
+import type { DotShapePropsType } from './styles/dotShape'
 import { dotSizeList } from './styles/dotSize'
-import type { dotSizePropsType } from './styles/dotSize'
+import type { DotSizePropsType } from './styles/dotSize'
 
 export { Dot, dotShapeList, dotSizeList }
-export type { DotProps, dotShapePropsType, dotSizePropsType }
+export type { DotProps, DotShapePropsType, DotSizePropsType }

package/src/components/Dot/styles/dotShape.ts

@@ -16,7 +16,7 @@ const dotShapeStyles = StyleSheet.create({
 
 const dotShapeList = getVariantsPropsList(dotShapeStyles, 'dot_shape_')
 
-type dotShapePropsType = (typeof dotShapeList)[number]
+type DotShapePropsType = (typeof dotShapeList)[number]
 
 export { dotShapeList, dotShapeStyles }
-export type { dotShapePropsType }
+export type { DotShapePropsType }

package/src/components/Dot/styles/dotSize.ts

@@ -19,7 +19,7 @@ const dotSizeStyles = StyleSheet.create({
 
 const dotSizeList = getVariantsPropsList(dotSizeStyles, 'dot_size_')
 
-type dotSizePropsType = (typeof dotSizeList)[number]
+type DotSizePropsType = (typeof dotSizeList)[number]
 
 export { dotSizeList, dotSizeStyles }
-export type { dotSizePropsType }
+export type { DotSizePropsType }

package/src/components/Drawer/Drawer.interface.ts

@@ -14,7 +14,7 @@ import type {
   TitleSizeProps,
 } from '@itcase/types-ui'
 
-import type { dividerSizePropsType } from '../Divider/styles/dividerSize'
+import type { DividerSizePropsType } from '../Divider/styles/dividerSize'
 import type { IconProps } from '../Icon/Icon.interface'
 
 type DrawerPosition = 'bottom' | 'left' | 'right'
@@ -24,7 +24,7 @@ interface DrawerAppearanceProps {
   descTextSize?: TextSizeProps
   divider?: boolean
   dividerFill?: FillProps
-  dividerSize?: dividerSizePropsType
+  dividerSize?: DividerSizePropsType
   fill?: FillProps
   iconCloseAppearance?: IconProps['appearance']
   titleTextColor?: TextColorProps

package/src/components/Dropdown/Dropdown.interface.ts

@@ -21,9 +21,9 @@ import type {
 } from '@itcase/types-ui'
 
 import type { BadgeProps } from '../Badge/Badge.interface'
-import type { dividerSizePropsType } from '../Divider/styles/dividerSize'
+import type { DividerSizePropsType } from '../Divider/styles/dividerSize'
 import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
-import type { dropdownItemSizePropsType } from './styles/dropdownItemSize'
+import type { DropdownItemSizePropsType } from './styles/dropdownItemSize'
 
 interface DropdownAppearanceProps {
   badgeAppearance?: BadgeProps['appearance']
@@ -32,7 +32,7 @@ interface DropdownAppearanceProps {
   badgeTextSize?: BadgeProps['badgeTextSize']
   borderColor?: BorderColorProps
   dividerFill?: FillProps
-  dividerSize?: dividerSizePropsType
+  dividerSize?: DividerSizePropsType
   elevation?: string
   emptyMessageTextColor?: TextColorProps
   emptyMessageTextSize?: TextSizeProps
@@ -50,7 +50,7 @@ interface DropdownAppearanceProps {
   labelTextColorActive?: TextColorProps
   labelTextSize?: TextSizeProps
   shape?: ShapeProps
-  size?: dropdownItemSizePropsType
+  size?: DropdownItemSizePropsType
 }
 
 interface DropdownItemAppearanceProps {
@@ -62,7 +62,7 @@ interface DropdownItemAppearanceProps {
   descTextColor?: TextColorProps
   descTextSize?: TextSizeProps
   dividerFill?: FillProps
-  dividerSize?: dividerSizePropsType
+  dividerSize?: DividerSizePropsType
   emptyMessageTextColor?: TextColorProps
   emptyMessageTextSize?: TextSizeProps
   fill?: FillProps
@@ -80,7 +80,7 @@ interface DropdownItemAppearanceProps {
   labelTextColorActive?: TextColorProps
   labelTextSize?: TextSizeProps
   shape?: ShapeProps
-  size?: dropdownItemSizePropsType
+  size?: DropdownItemSizePropsType
   width?: WidthProps
 }
 

package/src/components/Dropdown/index.ts

@@ -17,7 +17,7 @@ import type {
 import { DropdownItem, dropdownItemConfig } from './DropdownItem'
 import { dropdownItemAppearance } from './DropdownItem.appearance'
 import { dropdownItemSizeList } from './styles/dropdownItemSize'
-import type { dropdownItemSizePropsType } from './styles/dropdownItemSize'
+import type { DropdownItemSizePropsType } from './styles/dropdownItemSize'
 
 export {
   Dropdown,
@@ -40,8 +40,8 @@ export type {
   DropdownItemAppearance,
   DropdownItemConfig,
   DropdownItemProps,
-  dropdownItemSizePropsType,
+  DropdownItemSizePropsType,
   DropdownListItem,
   DropdownProps,
-  dropdownItemSizePropsType as dropdownSizePropsType,
+  DropdownItemSizePropsType as DropdownSizePropsType,
 }

package/src/components/Dropdown/styles/dropdownItemSize.ts

@@ -30,7 +30,7 @@ const dropdownItemSizeList = getVariantsPropsList(
   'dropdown__item_size_',
 )
 
-type dropdownItemSizePropsType = (typeof dropdownItemSizeList)[number]
+type DropdownItemSizePropsType = (typeof dropdownItemSizeList)[number]
 
 export { dropdownItemSizeList, dropdownItemSizeStyles }
-export type { dropdownItemSizePropsType }
+export type { DropdownItemSizePropsType }

package/src/components/Group/Group.interface.ts

@@ -12,10 +12,10 @@ import type {
 } from '@itcase/types-ui'
 
 import type { GapProps } from '../../styles/gap'
-import type { groupAlignItemsPropsType } from './styles/groupAlign'
-import type { groupDirectionPropsType } from './styles/groupDirection'
-import type { groupJustifyContentPropsType } from './styles/groupJustify'
-import type { groupWrapPropsType } from './styles/groupWrap'
+import type { GroupAlignItemsPropsType } from './styles/groupAlign'
+import type { GroupDirectionPropsType } from './styles/groupDirection'
+import type { GroupJustifyContentPropsType } from './styles/groupJustify'
+import type { GroupWrapPropsType } from './styles/groupWrap'
 
 interface GroupAppearanceProps {
   borderColor?: BorderColorProps
@@ -34,14 +34,14 @@ interface GroupProps extends GroupAppearanceProps {
   isActive?: boolean
   isDisabled?: boolean
   onPress?: (event: GestureResponderEvent) => void
-  alignItems?: groupAlignItemsPropsType
+  alignItems?: GroupAlignItemsPropsType
   appearance?: GroupAppearanceKey
   children?: ReactNode
-  direction?: groupDirectionPropsType
+  direction?: GroupDirectionPropsType
   gap?: GapProps
-  justifyContent?: groupJustifyContentPropsType
+  justifyContent?: GroupJustifyContentPropsType
   style?: StyleProp<ViewStyle>
-  wrap?: groupWrapPropsType
+  wrap?: GroupWrapPropsType
 }
 
 export type {

package/src/components/Group/index.ts

@@ -7,13 +7,13 @@ import type {
   GroupProps,
 } from './Group.interface'
 import { groupAlignItemsList } from './styles/groupAlign'
-import type { groupAlignItemsPropsType } from './styles/groupAlign'
+import type { GroupAlignItemsPropsType } from './styles/groupAlign'
 import { groupDirectionList } from './styles/groupDirection'
-import type { groupDirectionPropsType } from './styles/groupDirection'
+import type { GroupDirectionPropsType } from './styles/groupDirection'
 import { groupJustifyContentList } from './styles/groupJustify'
-import type { groupJustifyContentPropsType } from './styles/groupJustify'
+import type { GroupJustifyContentPropsType } from './styles/groupJustify'
 import { groupWrapList } from './styles/groupWrap'
-import type { groupWrapPropsType } from './styles/groupWrap'
+import type { GroupWrapPropsType } from './styles/groupWrap'
 
 export {
   Group,
@@ -25,12 +25,12 @@ export {
   groupWrapList,
 }
 export type {
-  groupAlignItemsPropsType,
+  GroupAlignItemsPropsType,
   GroupAppearance,
   GroupAppearanceKey,
   GroupConfig,
-  groupDirectionPropsType,
-  groupJustifyContentPropsType,
+  GroupDirectionPropsType,
+  GroupJustifyContentPropsType,
   GroupProps,
-  groupWrapPropsType,
+  GroupWrapPropsType,
 }

package/src/components/Group/styles/groupAlign.ts

@@ -31,7 +31,7 @@ const groupAlignItemsList = getVariantsPropsList(
   'group_align_',
 )
 
-type groupAlignItemsPropsType = (typeof groupAlignItemsList)[number]
+type GroupAlignItemsPropsType = (typeof groupAlignItemsList)[number]
 
 export { groupAlignItemsList, groupAlignStyles }
-export type { groupAlignItemsPropsType }
+export type { GroupAlignItemsPropsType }

package/src/components/Group/styles/groupDirection.ts

@@ -34,7 +34,7 @@ const groupDirectionList = getVariantsPropsList(
   'group_direction_',
 )
 
-type groupDirectionPropsType = (typeof groupDirectionList)[number]
+type GroupDirectionPropsType = (typeof groupDirectionList)[number]
 
 export { groupDirectionList, groupDirectionStyles }
-export type { groupDirectionPropsType }
+export type { GroupDirectionPropsType }

package/src/components/Group/styles/groupJustify.ts

@@ -34,7 +34,7 @@ const groupJustifyContentList = getVariantsPropsList(
   'group_justify_',
 )
 
-type groupJustifyContentPropsType = (typeof groupJustifyContentList)[number]
+type GroupJustifyContentPropsType = (typeof groupJustifyContentList)[number]
 
 export { groupJustifyContentList, groupJustifyStyles }
-export type { groupJustifyContentPropsType }
+export type { GroupJustifyContentPropsType }

package/src/components/Group/styles/groupWrap.ts

@@ -16,7 +16,7 @@ const groupWrapStyles = StyleSheet.create({
 
 const groupWrapList = getVariantsPropsList(groupWrapStyles, 'group_wrap_')
 
-type groupWrapPropsType = (typeof groupWrapList)[number]
+type GroupWrapPropsType = (typeof groupWrapList)[number]
 
 export { groupWrapList, groupWrapStyles }
-export type { groupWrapPropsType }
+export type { GroupWrapPropsType }

package/src/components/Icon/Icon.interface.ts

@@ -26,12 +26,12 @@ import type {
 
 import type { ComponentGalleryArgs } from '../../storybook'
 import type { BadgeProps } from '../Badge/Badge.interface'
-import type { badgeTypePropsType } from '../Badge/styles/badgeType'
-import type { iconShapePropsType } from './styles/iconShape'
+import type { BadgeTypePropsType } from '../Badge/styles/badgeType'
+import type { IconShapePropsType } from './styles/iconShape'
 import type {
-  iconFillSizePropsType,
-  iconGlyphSizePropsType,
-  iconSizePropsType,
+  IconFillSizePropsType,
+  IconGlyphSizePropsType,
+  IconSizePropsType,
 } from './styles/iconSize'
 
 type SvgIconComponent = ComponentType<{
@@ -52,13 +52,13 @@ interface IconAppearanceProps {
   borderColor?: BorderColorProps
   fill?: FillProps
   fillHover?: FillHoverProps
-  fillSize?: FillSizeProps | iconSizePropsType
+  fillSize?: FillSizeProps | IconSizePropsType
   iconFill?: ItemFillActiveProps
   iconFillActive?: ItemFillActiveProps
   iconFillDisabled?: ItemFillActiveProps
-  iconSize?: iconGlyphSizePropsType
+  iconSize?: IconGlyphSizePropsType
   shape?: ShapeProps
-  size?: iconFillSizePropsType | iconGlyphSizePropsType
+  size?: IconFillSizePropsType | IconGlyphSizePropsType
 }
 
 type IconConfig = AppearanceConfig<AppearanceKeysDefault, IconAppearanceProps>
@@ -88,14 +88,14 @@ interface IconProps extends IconAppearanceProps {
   onPress?: (event: GestureResponderEvent) => void
   appearance?: CompositeAppearanceIconKeys
   badgeCount?: number | string
-  badgeType?: badgeTypePropsType
+  badgeType?: BadgeTypePropsType
   badgeValue?: number | string
   dataTestId?: string
   fillColor?: ColorValue
   iconColor?: ColorValue
   iconUrl?: string
   imageSrc?: string
-  shape?: iconShapePropsType
+  shape?: IconShapePropsType
   style?: StyleProp<ViewStyle>
   SVGIcon?: SvgIconComponent
   SvgImage?: SvgIconComponent

package/src/components/Icon/index.ts

@@ -8,9 +8,9 @@ import type {
   SvgIconComponent,
 } from './Icon.interface'
 import { iconShapeList } from './styles/iconShape'
-import type { iconShapePropsType } from './styles/iconShape'
+import type { IconShapePropsType } from './styles/iconShape'
 import { iconSizeList } from './styles/iconSize'
-import type { iconSizePropsType } from './styles/iconSize'
+import type { IconSizePropsType } from './styles/iconSize'
 
 export { Icon, iconAppearance, iconConfig, iconShapeList, iconSizeList }
 export type {
@@ -19,7 +19,7 @@ export type {
   IconAppearanceProps,
   IconConfig,
   IconProps,
-  iconShapePropsType,
-  iconSizePropsType,
+  IconShapePropsType,
+  IconSizePropsType,
   SvgIconComponent,
 }

package/src/components/Icon/stories/IconStories.config.ts

@@ -64,7 +64,7 @@ type IconSizeKey = keyof typeof iconAppearanceSize
 const isIconSizeKey = (value: string): value is IconSizeKey =>
   value in iconAppearanceSize
 
-const iconSizeKeys = Object.keys(iconAppearanceSize).filter(isIconSizeKey)
+const iconSizeKeys = Object.keys(iconAppearanceSize) as IconSizeKey[]
 
 const getGalleryIcon = (appearanceSize: string = 'size24_24') => {
   if (!isIconSizeKey(appearanceSize)) {

package/src/components/Icon/styles/iconShape.ts

@@ -25,7 +25,7 @@ const iconShapeStyles = StyleSheet.create({
 
 const iconShapeList = getVariantsPropsList(iconShapeStyles, 'icon_shape_')
 
-type iconShapePropsType = (typeof iconShapeList)[number]
+type IconShapePropsType = (typeof iconShapeList)[number]
 
 export { iconShapeList, iconShapeStyles }
-export type { iconShapePropsType }
+export type { IconShapePropsType }

package/src/components/Icon/styles/iconSize.ts

@@ -41,8 +41,8 @@ const iconGlyphSizeList = getVariantsPropsList(
   'icon_size_',
 )
 
-type iconFillSizePropsType = `${(typeof ICON_FILL_SIZES)[number]}`
-type iconGlyphSizePropsType = `${(typeof ICON_GLYPH_SIZES)[number]}`
+type IconFillSizePropsType = `${(typeof ICON_FILL_SIZES)[number]}`
+type IconGlyphSizePropsType = `${(typeof ICON_GLYPH_SIZES)[number]}`
 
 export {
   iconFillSizeList,
@@ -52,7 +52,7 @@ export {
   iconFillSizeList as iconSizeList,
 }
 export type {
-  iconFillSizePropsType,
-  iconGlyphSizePropsType,
-  iconFillSizePropsType as iconSizePropsType,
+  IconFillSizePropsType,
+  IconGlyphSizePropsType,
+  IconFillSizePropsType as IconSizePropsType,
 }

package/src/components/Input/Input.interface.ts

@@ -19,16 +19,16 @@ import type {
 } from '@itcase/types-ui'
 
 import type { ComponentGalleryArgs } from '../../storybook'
-import type { inputShapePropsType } from './styles/inputShape'
-import type { inputSizePropsType } from './styles/inputSize'
+import type { InputShapePropsType } from './styles/inputShape'
+import type { InputSizePropsType } from './styles/inputSize'
 
 interface InputAppearanceProps {
   borderColor?: BorderColorProps
   caret?: FillProps
   fill?: FillProps
   placeholderTextColor?: TextColorProps
-  shape?: inputShapePropsType
-  size?: inputSizePropsType
+  shape?: InputShapePropsType
+  size?: InputSizePropsType
   textColor?: TextColorProps
   textSize?: TextSizeProps
   textWeight?: TextWeightProps

package/src/components/Input/index.ts

@@ -11,9 +11,9 @@ import type {
   InputProps,
 } from './Input.interface'
 import { inputShapeList } from './styles/inputShape'
-import type { inputShapePropsType } from './styles/inputShape'
+import type { InputShapePropsType } from './styles/inputShape'
 import { inputSizeList } from './styles/inputSize'
-import type { inputSizePropsType } from './styles/inputSize'
+import type { InputSizePropsType } from './styles/inputSize'
 
 export { Input, inputAppearance, inputConfig, inputShapeList, inputSizeList }
 export type {
@@ -25,6 +25,6 @@ export type {
   InputAppearanceStyle,
   InputConfig,
   InputProps,
-  inputShapePropsType,
-  inputSizePropsType,
+  InputShapePropsType,
+  InputSizePropsType,
 }

package/src/components/Input/stories/InputStories.config.tsx

@@ -13,10 +13,9 @@ import { inputAppearanceSuccess } from '../appearance/inputSuccess'
 import { Input } from '../Input'
 import type { InputAppearanceKey, InputProps } from '../Input.interface'
 
-const inputSizeKeys = Object.keys(inputAppearanceSize).filter(
-  (value): value is keyof typeof inputAppearanceSize =>
-    value in inputAppearanceSize,
-)
+const inputSizeKeys = Object.keys(inputAppearanceSize) as Array<
+  keyof typeof inputAppearanceSize
+>
 
 const inputGallery = createComponentGallery<InputAppearanceKey>({
   size: inputAppearanceSize,

package/src/components/Input/styles/inputShape.ts

@@ -25,7 +25,7 @@ const inputShapeStyles = StyleSheet.create({
 
 const inputShapeList = getVariantsPropsList(inputShapeStyles, 'input_shape_')
 
-type inputShapePropsType = (typeof inputShapeList)[number]
+type InputShapePropsType = (typeof inputShapeList)[number]
 
 export { inputShapeList, inputShapeStyles }
-export type { inputShapePropsType }
+export type { InputShapePropsType }

package/src/components/Input/styles/inputSize.ts

@@ -27,7 +27,7 @@ const inputSizeStyles = StyleSheet.create({
 
 const inputSizeList = getVariantsPropsList(inputSizeStyles, 'input_size_')
 
-type inputSizePropsType = (typeof inputSizeList)[number]
+type InputSizePropsType = (typeof inputSizeList)[number]
 
 export { inputSizeList, inputSizeStyles }
-export type { inputSizePropsType }
+export type { InputSizePropsType }