@ornikar/kitt-universal 1.0.2 → 1.2.0

package/dist/definitions/primitives/PrimitiveView.d.ts

@@ -0,0 +1,21 @@
+import type { FunctionComponent, ReactNode } from 'react';
+import type { ViewProps as NativeViewProps } from 'react-native';
+export interface PrimitiveViewProps {
+    /**
+     * Use internally to pass all styles to our implementation with styled-components
+     * @private
+     */
+    className?: string;
+    children?: ReactNode;
+    accessibilityRole?: Extract<NativeViewProps['accessibilityRole'], 'button' | 'radio' | 'none'>;
+    testID?: NativeViewProps['testID'];
+    nativeID?: NativeViewProps['nativeID'];
+    /**
+     * Use internally to pass all styles from PrimitiveScrollView
+     * @private
+     */
+    style?: NativeViewProps['style'];
+    onLayout?: NativeViewProps['onLayout'];
+}
+export declare const PrimitiveView: FunctionComponent<PrimitiveViewProps>;
+//# sourceMappingURL=PrimitiveView.d.ts.map

package/dist/definitions/primitives/PrimitiveView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitiveView.d.ts","sourceRoot":"","sources":["../../../src/primitives/PrimitiveView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAGjE,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;IAC/F,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAEjC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,uCAAiE,CAAC"}

package/dist/definitions/primitives/PrimitiveView.web.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentProps, MouseEventHandler } from 'react';
+import React from 'react';
+import type { Except } from 'type-fest';
+import type { PrimitiveViewProps } from './PrimitiveView';
+export interface BaseWebPrimitiveViewProps extends Except<PrimitiveViewProps, 'accessibilityRole'> {
+    tabIndex?: HTMLDivElement['tabIndex'];
+}
+interface WebPrimitiveViewPropsWithOnPress extends BaseWebPrimitiveViewProps {
+    accessibilityRole: NonNullable<PrimitiveViewProps['accessibilityRole']>;
+    onPress: (e?: MouseEventHandler<HTMLDivElement> | any) => void;
+}
+interface WebPrimitiveViewPropsWithoutOnPress extends BaseWebPrimitiveViewProps {
+    accessibilityRole?: NonNullable<PrimitiveViewProps['accessibilityRole']>;
+    onPress?: never;
+}
+export declare type WebPrimitiveViewProps = WebPrimitiveViewPropsWithOnPress | WebPrimitiveViewPropsWithoutOnPress;
+interface StyledDivProps extends ComponentProps<'div'> {
+    hasTextAncestor: boolean;
+}
+export declare const StyledDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDivProps, never>;
+export declare const PrimitiveView: React.ForwardRefExoticComponent<WebPrimitiveViewProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=PrimitiveView.web.d.ts.map

package/dist/definitions/primitives/PrimitiveView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitiveView.web.d.ts","sourceRoot":"","sources":["../../../src/primitives/PrimitiveView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI1D,MAAM,WAAW,yBAA0B,SAAQ,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC;IAChG,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACvC;AAED,UAAU,gCAAiC,SAAQ,yBAAyB;IAC1E,iBAAiB,EAAE,WAAW,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACxE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,GAAG,KAAK,IAAI,CAAC;CAChE;AAED,UAAU,mCAAoC,SAAQ,yBAAyB;IAC7E,iBAAiB,CAAC,EAAE,WAAW,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACzE,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,oBAAY,qBAAqB,GAAG,gCAAgC,GAAG,mCAAmC,CAAC;AAE3G,UAAU,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IACpD,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,qHAWrB,CAAC;AAEF,eAAO,MAAM,aAAa,8FAoBzB,CAAC"}

package/dist/definitions/primitives/helpers.d.ts

@@ -0,0 +1,7 @@
+import type { KeyboardEventHandler, MouseEventHandler } from 'react';
+import type { GestureResponderEvent } from 'react-native';
+declare type OnPress = (event: GestureResponderEvent) => void;
+export declare function createPressClickHandler<T = HTMLElement>(onPress: OnPress | MouseEventHandler<T> | undefined): MouseEventHandler<T> | undefined;
+export declare function createPressKeyUpHandler<T = HTMLElement>(onPress: OnPress | MouseEventHandler<T> | undefined): KeyboardEventHandler<T> | undefined;
+export {};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/definitions/primitives/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/primitives/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE1D,aAAK,OAAO,GAAG,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;AAEtD,wBAAgB,uBAAuB,CAAC,CAAC,GAAG,WAAW,EACrD,OAAO,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,GAClD,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,CAMlC;AAUD,wBAAgB,uBAAuB,CAAC,CAAC,GAAG,WAAW,EACrD,OAAO,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC,CAAC,GAAG,SAAS,GAClD,oBAAoB,CAAC,CAAC,CAAC,GAAG,SAAS,CAOrC"}

package/dist/definitions/primitives/reset.d.ts

@@ -0,0 +1,2 @@
+export declare const resetMixin: import("styled-components").FlattenSimpleInterpolation;
+//# sourceMappingURL=reset.d.ts.map

package/dist/definitions/primitives/reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../src/primitives/reset.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,wDAKtB,CAAC"}

package/dist/definitions/story-components/Flex.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ViewStyle } from 'react-native';
+interface FlexProps {
+    direction: ViewStyle['flexDirection'];
+    padding?: number;
+}
+export declare const Flex: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../primitives/PrimitiveView").PrimitiveViewProps>, import("styled-components").DefaultTheme, FlexProps, never>;
+export {};
+//# sourceMappingURL=Flex.d.ts.map

package/dist/definitions/story-components/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/story-components/Flex.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,UAAU,SAAS;IACjB,SAAS,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,IAAI,sMAOhB,CAAC"}

package/dist/definitions/story-components/Story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../../../src/story-components/Story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,qBAAqB,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAC;CAClE;AAMD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,YAAY,CAO1F"}
+{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../../../src/story-components/Story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAMpD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,qBAAqB,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAC;CAClE;AAMD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,YAAY,CAO1F"}

package/dist/definitions/story-components/StoryBlock.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement, ReactNode } from 'react';
+import React from 'react';
+import type { TypographyColor } from '../typography/Typography';
+export interface StoryBlockProps {
+    background?: 'dark' | 'light' | 'primary' | 'transparent';
+    children: ReactNode;
+}
+export declare const StoryBlockBackgroundContext: React.Context<"primary" | "transparent" | "light" | "dark" | undefined>;
+export declare const useStoryBlockColor: (color?: TypographyColor | undefined) => TypographyColor;
+export declare function StoryBlock({ children, background }: StoryBlockProps): ReactElement;
+//# sourceMappingURL=StoryBlock.d.ts.map

package/dist/definitions/story-components/StoryBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryBlock.d.ts","sourceRoot":"","sources":["../../../src/story-components/StoryBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AA6BD,eAAO,MAAM,2BAA2B,yEAA8D,CAAC;AAGvG,eAAO,MAAM,kBAAkB,WAAY,eAAe,GAAG,SAAS,KAAG,eAGxE,CAAC;AAQF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,eAAe,GAAG,YAAY,CAQlF"}

package/dist/definitions/story-components/StoryContainer.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement, ReactNode } from 'react';
+export interface StoryContainerProps {
+    children: NonNullable<ReactNode>;
+    state?: 'none' | 'active' | 'hover' | 'focus';
+    platform?: 'all' | 'native' | 'web';
+    title?: ReactNode;
+}
+export declare function StoryContainer({ children, title, state, platform, }: StoryContainerProps): ReactElement | null;
+//# sourceMappingURL=StoryContainer.d.ts.map

package/dist/definitions/story-components/StoryContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryContainer.d.ts","sourceRoot":"","sources":["../../../src/story-components/StoryContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;IAC9C,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,KAAc,EACd,QAAgB,GACjB,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAQ3C"}

package/dist/definitions/story-components/StoryContainer.web.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { StoryContainerProps } from './StoryContainer';
+export declare function StoryContainer({ children, state, title, platform }: StoryContainerProps): ReactElement | null;
+//# sourceMappingURL=StoryContainer.web.d.ts.map

package/dist/definitions/story-components/StoryContainer.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryContainer.web.d.ts","sourceRoot":"","sources":["../../../src/story-components/StoryContainer.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAQ7G"}

package/dist/definitions/story-components/StoryGrid.d.ts

@@ -9,8 +9,9 @@ export interface StoryGridColProps {
     children: NonNullable<ReactNode>;
     title?: string;
     titleColor?: TypographyProps['color'];
+    platform?: 'all' | 'native' | 'web';
 }
-declare function StoryGridCol({ title, titleColor, children }: StoryGridColProps): ReactElement;
+declare function StoryGridCol({ title, titleColor, children, platform }: StoryGridColProps): ReactElement | null;
 export declare const StoryGrid: {
     Row: typeof StoryGridRow;
     Col: typeof StoryGridCol;

package/dist/definitions/story-components/StoryGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryGrid.d.ts","sourceRoot":"","sources":["../../../src/story-components/StoryGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAuB1C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACjC;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAoB,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAuBzF;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAWtF;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAC"}
+{"version":3,"file":"StoryGrid.d.ts","sourceRoot":"","sources":["../../../src/story-components/StoryGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAwB1C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACjC;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAoB,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAuBzF;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC;CACrC;AAED,iBAAS,YAAY,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAqB/G;AAED,eAAO,MAAM,SAAS;;;CAGrB,CAAC"}

package/dist/definitions/story-components/StorySection.d.ts

@@ -0,0 +1,23 @@
+import type { ReactElement, ReactNode } from 'react';
+import React from 'react';
+import type { PrimitiveViewProps } from '../primitives/PrimitiveView';
+export interface StorySectionProps extends PrimitiveViewProps {
+    title: ReactNode;
+    className?: string;
+    children: ReactNode;
+    /** @private */
+    internalIsDemoSection?: boolean;
+}
+export declare function StorySection({ title, className, children, internalIsDemoSection, ...props }: StorySectionProps): ReactElement;
+export declare namespace StorySection {
+    var SubSection: ({ title, className, children, ...props }: StorySectionProps) => ReactElement<any, string | React.JSXElementConstructor<any>>;
+    var BlockSection: ({ title, className, children, ...props }: StorySectionProps) => ReactElement<any, string | React.JSXElementConstructor<any>>;
+    var DemoSection: ({ children }: DemoSectionProps) => ReactElement<any, string | React.JSXElementConstructor<any>>;
+    var Demo: ({ children }: DemoSectionProps) => ReactElement<any, string | React.JSXElementConstructor<any>>;
+}
+export interface DemoSectionProps {
+    children: ReactNode;
+}
+/** @deprecated use StorySection instead */
+export declare const DeprecatedSection: typeof StorySection;
+//# sourceMappingURL=StorySection.d.ts.map

package/dist/definitions/story-components/StorySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorySection.d.ts","sourceRoot":"","sources":["../../../src/story-components/StorySection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAUtE,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,YAAY,CAQlC;yBAde,YAAY;;;;;;AA0C5B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAsBD,2CAA2C;AAC3C,eAAO,MAAM,iBAAiB,qBAAe,CAAC"}

package/dist/definitions/story-components/StoryTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryTitle.d.ts","sourceRoot":"","sources":["../../../src/story-components/StoryTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGhE,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAUD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,YAAY,CAQ5F;yBARe,UAAU;;;;;AAU1B,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,YAAY,CAQ3F;kBARQ,gBAAgB;;;AAYzB,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,YAAY,CAQ3F;kBARQ,gBAAgB;;;AAYzB,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,YAAY,CAQ3F;kBARQ,gBAAgB"}
+{"version":3,"file":"StoryTitle.d.ts","sourceRoot":"","sources":["../../../src/story-components/StoryTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIhE,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAUD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,YAAY,CAQ5F;yBARe,UAAU;;;;;AAU1B,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,YAAY,CAQ3F;kBARQ,gBAAgB;;;AAYzB,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,YAAY,CAc3F;kBAdQ,gBAAgB;;;AAkBzB,iBAAS,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,eAAe,GAAG,YAAY,CAc3F;kBAdQ,gBAAgB"}

package/dist/definitions/story-components/index.d.ts

@@ -1,6 +1,15 @@
-export { Section } from './Section';
+export { Flex } from './Flex';
+export type { StoryProps } from './Story';
 export { Story } from './Story';
+export type { StoryBlockProps } from './StoryBlock';
+export { StoryBlock, useStoryBlockColor } from './StoryBlock';
+export type { StoryContainerProps } from './StoryContainer';
+export { StoryContainer } from './StoryContainer';
 export { StoryDecorator } from './StoryDecorator';
+export type { StoryGridColProps, StoryGridRowProps } from './StoryGrid';
 export { StoryGrid } from './StoryGrid';
+export type { StorySectionProps } from './StorySection';
+export { StorySection } from './StorySection';
+export { DeprecatedSection as Section } from './StorySection';
 export { StoryTitle } from './StoryTitle';
 //# sourceMappingURL=index.d.ts.map

package/dist/definitions/story-components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/story-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/story-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/definitions/story-components/theme.d.ts

@@ -0,0 +1,2 @@
+export declare const storyPadding = 16;
+//# sourceMappingURL=theme.d.ts.map

package/dist/definitions/story-components/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/story-components/theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,KAAK,CAAC"}

package/dist/definitions/themes/default.d.ts

@@ -1,4 +1,25 @@
 import type { WindowSizeHelper } from '../utils/windowSize/createWindowSizeHelper';
+export declare const breakpoints: {
+    values: {
+        base: number;
+        small: number;
+        medium: number;
+        large: number;
+        wide: number;
+    };
+    min: {
+        smallBreakpoint: string;
+        mediumBreakpoint: string;
+        largeBreakpoint: string;
+        wideBreakpoint: string;
+    };
+    max: {
+        smallBreakpoint: string;
+        mediumBreakpoint: string;
+        largeBreakpoint: string;
+        wideBreakpoint: string;
+    };
+};
 export declare const theme: {
     spacing: number;
     colors: {
@@ -84,6 +105,14 @@ export declare const theme: {
             pressedBackgroundColor: string;
             disabledBorderColor: string;
         };
+        white: {
+            backgroundColor: string;
+            disabledBackgroundColor: string;
+            hoverBackgroundColor: string;
+            pressedBackgroundColor: string;
+            focusBorderColor: string;
+            disabledBorderColor: string;
+        };
     };
     card: {
         borderRadius: string;
@@ -202,18 +231,48 @@ export declare const theme: {
                 };
             };
         };
+        link: {
+            disabledColor: string;
+        };
     };
     tag: {
         borderRadius: string;
         padding: string;
         primary: {
-            backgroundColor: string;
+            fill: {
+                backgroundColor: string;
+                borderWidth: string;
+                borderColor: string;
+            };
+            outline: {
+                backgroundColor: string;
+                borderWidth: string;
+                borderColor: string;
+            };
         };
         default: {
-            backgroundColor: string;
+            fill: {
+                backgroundColor: string;
+                borderWidth: string;
+                borderColor: string;
+            };
+            outline: {
+                backgroundColor: string;
+                borderWidth: string;
+                borderColor: string;
+            };
         };
         danger: {
-            backgroundColor: string;
+            fill: {
+                backgroundColor: string;
+                borderWidth: string;
+                borderColor: string;
+            };
+            outline: {
+                backgroundColor: string;
+                borderWidth: string;
+                borderColor: string;
+            };
         };
     };
     shadows: {
@@ -226,6 +285,7 @@ export declare const theme: {
             borderColor: string;
         };
     };
+    iconButton: import("./late-ocean/iconButton").IconButtonTheme;
     listItem: {
         padding: string;
         borderColor: string;
@@ -236,5 +296,6 @@ export declare const theme: {
 export declare type KittTheme = {
     kitt: typeof theme;
     responsive: WindowSizeHelper;
+    breakpoints: typeof breakpoints;
 } & Record<string, unknown>;
 //# sourceMappingURL=default.d.ts.map

package/dist/definitions/themes/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAcnF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcjB,CAAC;AAEF,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE,OAAO,KAAK,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;CAC9B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAenF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AAEF,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE,OAAO,KAAK,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/definitions/themes/late-ocean/buttonLateOceanTheme.d.ts

@@ -32,5 +32,13 @@ export declare const buttonLateOceanTheme: {
         pressedBackgroundColor: string;
         disabledBorderColor: string;
     };
+    white: {
+        backgroundColor: string;
+        disabledBackgroundColor: string;
+        hoverBackgroundColor: string;
+        pressedBackgroundColor: string;
+        focusBorderColor: string;
+        disabledBorderColor: string;
+    };
 };
 //# sourceMappingURL=buttonLateOceanTheme.d.ts.map

package/dist/definitions/themes/late-ocean/buttonLateOceanTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/buttonLateOceanTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkChC,CAAC"}
+{"version":3,"file":"buttonLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/buttonLateOceanTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ChC,CAAC"}

package/dist/definitions/themes/late-ocean/iconButton.d.ts

@@ -0,0 +1,36 @@
+interface IconButtonVariationValues {
+    pressedBackgroundColor: string;
+}
+export interface IconButtonTheme {
+    backgroundColor: string;
+    width: number;
+    height: number;
+    borderRadius: number;
+    borderWidth: number;
+    borderColor: string;
+    transition: {
+        property: string;
+        duration: string;
+        timingFunction: string;
+    };
+    scale: {
+        base: {
+            default: number;
+            hover: number;
+            active: number;
+        };
+        medium: {
+            hover: number;
+        };
+    };
+    disabled: {
+        scale: number;
+        backgroundColor: string;
+        borderColor: string;
+    };
+    default: IconButtonVariationValues;
+    white: IconButtonVariationValues;
+}
+export declare const iconButton: IconButtonTheme;
+export {};
+//# sourceMappingURL=iconButton.d.ts.map

package/dist/definitions/themes/late-ocean/iconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButton.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/iconButton.ts"],"names":[],"mappings":"AAEA,UAAU,yBAAyB;IACjC,sBAAsB,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,OAAO,EAAE,yBAAyB,CAAC;IACnC,KAAK,EAAE,yBAAyB,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,eAiCxB,CAAC"}

package/dist/definitions/themes/late-ocean/tagLateOceanTheme.d.ts

@@ -2,13 +2,40 @@ export declare const tagLateOceanTheme: {
     borderRadius: string;
     padding: string;
     primary: {
-        backgroundColor: string;
+        fill: {
+            backgroundColor: string;
+            borderWidth: string;
+            borderColor: string;
+        };
+        outline: {
+            backgroundColor: string;
+            borderWidth: string;
+            borderColor: string;
+        };
     };
     default: {
-        backgroundColor: string;
+        fill: {
+            backgroundColor: string;
+            borderWidth: string;
+            borderColor: string;
+        };
+        outline: {
+            backgroundColor: string;
+            borderWidth: string;
+            borderColor: string;
+        };
     };
     danger: {
-        backgroundColor: string;
+        fill: {
+            backgroundColor: string;
+            borderWidth: string;
+            borderColor: string;
+        };
+        outline: {
+            backgroundColor: string;
+            borderWidth: string;
+            borderColor: string;
+        };
     };
 };
 //# sourceMappingURL=tagLateOceanTheme.d.ts.map

package/dist/definitions/themes/late-ocean/tagLateOceanTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tagLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/tagLateOceanTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;CAc7B,CAAC"}
+{"version":3,"file":"tagLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/tagLateOceanTheme.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC7B,CAAC"}

package/dist/definitions/themes/late-ocean/typographyLateOceanTheme.d.ts

@@ -64,5 +64,8 @@ export declare const typographyLateOceanTheme: {
             };
         };
     };
+    link: {
+        disabledColor: string;
+    };
 };
 //# sourceMappingURL=typographyLateOceanTheme.d.ts.map

package/dist/definitions/themes/late-ocean/typographyLateOceanTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typographyLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/typographyLateOceanTheme.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAiBD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DpC,CAAC"}
+{"version":3,"file":"typographyLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/typographyLateOceanTheme.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,EAAE;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAiBD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEpC,CAAC"}

package/dist/definitions/typography/Typography.d.ts

@@ -1,14 +1,14 @@
 import type { FC, ReactElement, ReactNode } from 'react';
-import type { TextProps } from 'react-native';
 import type { Except, SetOptional } from 'type-fest';
+import type { PrimitiveTextProps } from '../primitives/PrimitiveText';
 declare type TypographyHeaderType = `header${'1' | '2' | '3' | '4' | '5'}`;
 declare type TypographyBodyType = 'body' | `body-${'large' | 'medium' | 'small' | 'xsmall'}`;
 declare type TypographyType = TypographyHeaderType | TypographyBodyType;
 declare type TypographyVariant = 'regular' | 'bold' | 'italic';
 export declare type TypographyColor = 'black' | 'black-light' | 'white' | 'white-light' | 'grey' | 'grey-light' | 'primary' | 'primary-light' | 'accent' | 'success' | 'danger';
 export declare function useTypographyColor(): TypographyColor;
-export interface TypographyProps extends Except<TextProps, 'accessibilityRole'> {
-    accessibilityRole: NonNullable<TextProps['accessibilityRole']> | null;
+export interface TypographyProps extends Except<PrimitiveTextProps, 'accessibilityRole'> {
+    accessibilityRole: NonNullable<PrimitiveTextProps['accessibilityRole']> | null;
     /** base type. Inherited from parent Typography if not specified */
     base?: TypographyType;
     small?: TypographyType;
@@ -25,6 +25,12 @@ export declare function Typography({ accessibilityRole, base, variant, color, ..
 export declare namespace Typography {
     var Text: typeof TypographyText;
     var Paragraph: typeof TypographyParagraph;
+    var Header1: FC<TypographyPropsWithoutRole>;
+    var Header2: FC<TypographyPropsWithoutRole>;
+    var Header3: FC<TypographyPropsWithoutRole>;
+    var Header4: FC<TypographyPropsWithoutRole>;
+    var Header5: FC<TypographyPropsWithoutRole>;
+    var Header6: FC<TypographyPropsWithoutRole>;
     var h1: FC<TypographyPropsWithoutRole>;
     var h2: FC<TypographyPropsWithoutRole>;
     var h3: FC<TypographyPropsWithoutRole>;

package/dist/definitions/typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAErD,aAAK,oBAAoB,GAAG,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;AACnE,aAAK,kBAAkB,GAAG,MAAM,GAAG,QAAQ,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,EAAE,CAAC;AACrF,aAAK,cAAc,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAChE,aAAK,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AACvD,oBAAY,eAAe,GACvB,OAAO,GACP,aAAa,GACb,OAAO,GACP,aAAa,GACb,MAAM,GACN,YAAY,GACZ,SAAS,GACT,eAAe,GACf,QAAQ,GACR,SAAS,GACT,QAAQ,CAAC;AAKb,wBAAgB,kBAAkB,IAAI,eAAe,CAEpD;AAkDD,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,SAAS,EAAE,mBAAmB,CAAC;IAE7E,iBAAiB,EAAE,WAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAC;IACtE,mEAAmE;IACnE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iGAAiG;IACjG,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,oBAAY,0BAA0B,GAAG,MAAM,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;AAUtF,wBAAgB,UAAU,CAAC,EACzB,iBAAiB,EACjB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,UAAU,EACd,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA2BvC;yBAjCe,UAAU;;;;;;;;;AAmC1B,oBAAY,mBAAmB,GAAG,WAAW,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;AACpF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAEhE;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAGrE;AAED,oBAAY,sBAAsB,GAAG,0BAA0B,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,aAAK,oBAAoB,GAAG,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC;AACnE,aAAK,kBAAkB,GAAG,MAAM,GAAG,QAAQ,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,EAAE,CAAC;AACrF,aAAK,cAAc,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAChE,aAAK,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AACvD,oBAAY,eAAe,GACvB,OAAO,GACP,aAAa,GACb,OAAO,GACP,aAAa,GACb,MAAM,GACN,YAAY,GACZ,SAAS,GACT,eAAe,GACf,QAAQ,GACR,SAAS,GACT,QAAQ,CAAC;AAKb,wBAAgB,kBAAkB,IAAI,eAAe,CAEpD;AAkDD,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC;IAEtF,iBAAiB,EAAE,WAAW,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/E,mEAAmE;IACnE,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iGAAiG;IACjG,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,oBAAY,0BAA0B,GAAG,MAAM,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;AAUtF,wBAAgB,UAAU,CAAC,EACzB,iBAAiB,EACjB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,UAAU,EACd,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA6BvC;yBAnCe,UAAU;;;;;;;;;;;;;;;AAqC1B,oBAAY,mBAAmB,GAAG,WAAW,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;AACpF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAEhE;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAErE;AAED,oBAAY,sBAAsB,GAAG,0BAA0B,CAAC"}

package/dist/definitions/typography/TypographyLink.d.ts

@@ -1,13 +1,15 @@
 import type { ReactElement } from 'react';
-import type { SetRequired } from 'type-fest';
+import type { PrimitiveLinkProps } from '../primitives/PrimitiveLink';
 import type { TypographyPropsWithoutRole } from './Typography';
-interface StyledTypographyLinkProps extends TypographyPropsWithoutRole {
+interface StyledLinkProps {
     disabled?: boolean;
     noUnderline?: boolean;
 }
-export interface TypographyLinkProps extends SetRequired<StyledTypographyLinkProps, 'onPress'> {
+export interface TypographyLinkProps extends StyledLinkProps, TypographyPropsWithoutRole {
+    variant: NonNullable<TypographyPropsWithoutRole['variant']>;
     href?: string;
+    onPress: PrimitiveLinkProps['onPress'];
 }
-export declare function TypographyLink({ disabled, noUnderline, variant, ...otherProps }: TypographyLinkProps): ReactElement;
+export declare function TypographyLink({ children, disabled, noUnderline, onPress, ...otherProps }: TypographyLinkProps): ReactElement;
 export {};
 //# sourceMappingURL=TypographyLink.d.ts.map

package/dist/definitions/typography/TypographyLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyLink.d.ts","sourceRoot":"","sources":["../../../src/typography/TypographyLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAmB,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAGhF,UAAU,yBAA0B,SAAQ,0BAA0B;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiBD,MAAM,WAAW,mBAAoB,SAAQ,WAAW,CAAC,yBAAyB,EAAE,SAAS,CAAC;IAC5F,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,OAAgB,EAChB,GAAG,UAAU,EACd,EAAE,mBAAmB,GAAG,YAAY,CAUpC"}
+{"version":3,"file":"TypographyLink.d.ts","sourceRoot":"","sources":["../../../src/typography/TypographyLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAG/D,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAyBD,MAAM,WAAW,mBAAoB,SAAQ,eAAe,EAAE,0BAA0B;IACtF,OAAO,EAAE,WAAW,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;CACxC;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,GAAG,UAAU,EACd,EAAE,mBAAmB,GAAG,YAAY,CAapC"}

package/dist/definitions/utils/tests/styled-component-typing-test.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement } from 'react';
+interface C1Props {
+    color: 'white' | 'black';
+}
+declare function C1({ color }: C1Props): ReactElement;
+export declare const C2: import("styled-components").ThemedStyledFunction<typeof C1, import("styled-components").DefaultTheme, Partial<C1Props> & {
+    [others: string]: any;
+}, string | number>;
+export declare const C3: import("styled-components").StyledComponent<typeof C1, import("styled-components").DefaultTheme, {}, never>;
+export declare const C4: import("styled-components").ThemedStyledFunction<typeof C1, import("styled-components").DefaultTheme, {}, never>;
+interface C5Props {
+    color: string;
+    align: 'center' | 'normal';
+}
+export declare const C5: import("styled-components").StyledComponent<typeof C1, import("styled-components").DefaultTheme, C5Props, never>;
+export declare function C5Usage(): ReactElement;
+export {};
+//# sourceMappingURL=styled-component-typing-test.d.ts.map

package/dist/definitions/utils/tests/styled-component-typing-test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-component-typing-test.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/styled-component-typing-test.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,UAAU,OAAO;IACf,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B;AAED,iBAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,GAAG,YAAY,CAE5C;AAGD,eAAO,MAAM,EAAE;;mBAMb,CAAC;AAGH,eAAO,MAAM,EAAE,6GAId,CAAC;AAOF,eAAO,MAAM,EAAE,kHAMb,CAAC;AAGH,UAAU,OAAO;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B;AAED,eAAO,MAAM,EAAE,kHAId,CAAC;AAEF,wBAAgB,OAAO,IAAI,YAAY,CAStC"}

package/dist/definitions/utils/windowSize/createWindowSizeHelper.d.ts

@@ -5,7 +5,7 @@ export interface WindowSizeHelper {
     /**
      * @example
      * ```typescript
-     * const Container = styled.View`
+     * const Container = styled(PrimitiveView)`
      *   ${({ theme }) =>
      *     theme.responsive.ifWindowSizeMatches(
      *       { minWidth: KittBreakpoints.SMALL },
@@ -20,7 +20,7 @@ export interface WindowSizeHelper {
      *
      * @example
      * ```typescript
-     * const Container = styled.View`
+     * const Container = styled(PrimitiveView)`
      *   ${({ theme }) =>
      *     theme.responsive.mapWindowWidth(
      *       [KittBreakpoints.BASE, 'padding: 5px 0 10px;'],