@kivid/native-components 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,uBAAc","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,uBAAc;AAC5B,cAAc,kBAAS","ignoreList":[]}

package/dist/module/storybook-utils/components/CodeBlock/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import React from "react";
+import { View, Text, ScrollView } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CodeBlock({
+  children,
+  title,
+  showLineNumbers = false,
+  maxHeight = 400
+}) {
+  const lines = children.trim().split("\n");
+  return /*#__PURE__*/_jsxs(View, {
+    className: "border border-chia-400 rounded-400 overflow-hidden mb-4",
+    children: [title && /*#__PURE__*/_jsx(View, {
+      className: "bg-chia-200 px-4 py-2 border-b border-chia-400",
+      children: /*#__PURE__*/_jsx(Text, {
+        className: "text-chia-900 font-semibold text-sm",
+        children: title
+      })
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      style: {
+        maxHeight
+      },
+      children: /*#__PURE__*/_jsx(View, {
+        className: "bg-chia-100 p-4 w-full",
+        children: lines.map((line, index) => /*#__PURE__*/_jsxs(View, {
+          className: "flex-row",
+          children: [showLineNumbers && /*#__PURE__*/_jsxs(Text, {
+            className: "text-chia-600 font-mono text-xs mr-4 w-8 text-right",
+            children: [index + 1, "  "]
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-chia-900 font-mono text-xs flex-1",
+            children: line || " "
+          })]
+        }, index))
+      })
+    })]
+  });
+}
+export default CodeBlock;
+//# sourceMappingURL=index.js.map

package/dist/module/storybook-utils/components/CodeBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","ScrollView","jsx","_jsx","jsxs","_jsxs","CodeBlock","children","title","showLineNumbers","maxHeight","lines","trim","split","className","horizontal","showsHorizontalScrollIndicator","style","map","line","index"],"sourceRoot":"../../../../../src","sources":["storybook-utils/components/CodeBlock/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtD,OAAO,SAASC,SAASA,CAAC;EACxBC,QAAQ;EACRC,KAAK;EACLC,eAAe,GAAG,KAAK;EACvBC,SAAS,GAAG;AACE,CAAC,EAAE;EACjB,MAAMC,KAAK,GAAGJ,QAAQ,CAACK,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,IAAI,CAAC;EAEzC,oBACER,KAAA,CAACN,IAAI;IAACe,SAAS,EAAC,yDAAyD;IAAAP,QAAA,GACtEC,KAAK,iBACJL,IAAA,CAACJ,IAAI;MAACe,SAAS,EAAC,gDAAgD;MAAAP,QAAA,eAC9DJ,IAAA,CAACH,IAAI;QAACc,SAAS,EAAC,qCAAqC;QAAAP,QAAA,EAAEC;MAAK,CAAO;IAAC,CAChE,CACP,eAEDL,IAAA,CAACF,UAAU;MACTc,UAAU;MACVC,8BAA8B,EAAE,KAAM;MACtCC,KAAK,EAAE;QAAEP;MAAU,CAAE;MAAAH,QAAA,eAErBJ,IAAA,CAACJ,IAAI;QAACe,SAAS,EAAC,wBAAwB;QAAAP,QAAA,EACrCI,KAAK,CAACO,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrBf,KAAA,CAACN,IAAI;UAAae,SAAS,EAAC,UAAU;UAAAP,QAAA,GACnCE,eAAe,iBACdJ,KAAA,CAACL,IAAI;YAACc,SAAS,EAAC,qDAAqD;YAAAP,QAAA,GAClEa,KAAK,GAAG,CAAC,EACT,IAAI;UAAA,CACD,CACP,eACDjB,IAAA,CAACH,IAAI;YAACc,SAAS,EAAC,wCAAwC;YAAAP,QAAA,EACrDY,IAAI,IAAI;UAAG,CACR,CAAC;QAAA,GATEC,KAUL,CACP;MAAC,CACE;IAAC,CACG,CAAC;EAAA,CACT,CAAC;AAEX;AAEA,eAAed,SAAS","ignoreList":[]}

package/dist/module/storybook-utils/components/CodeBlock/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/dist/module/storybook-utils/components/CodeBlock/types.js.map

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

package/dist/module/storybook-utils/components/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+/**
+ * Storybook Utilities - Documentation Components
+ *
+ * These components are NOT part of the design system.
+ * They are utility components specifically for Storybook documentation.
+ *
+ * DO NOT export these from the main components index.
+ * DO NOT create stories for these components.
+ */
+
+export { CodeBlock } from "./CodeBlock/index.js";
+//# sourceMappingURL=index.js.map

package/dist/module/storybook-utils/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CodeBlock"],"sourceRoot":"../../../../src","sources":["storybook-utils/components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,QAAQ,sBAAa","ignoreList":[]}

package/dist/module/storybook-utils/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+/**
+ * Storybook Utilities
+ *
+ * These are utility components and helpers specifically for Storybook documentation.
+ * They are NOT part of the design system and should not be exported from the main package.
+ */
+
+export * from "./components/index.js";
+//# sourceMappingURL=index.js.map

package/dist/module/storybook-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["storybook-utils/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,cAAc,uBAAc","ignoreList":[]}

package/dist/module/styles/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./mixins/index.js";
+//# sourceMappingURL=index.js.map

package/dist/module/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["styles/index.ts"],"mappings":";;AAAA,cAAc,mBAAU","ignoreList":[]}

package/dist/module/styles/mixins/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./shadows/index.js";
+//# sourceMappingURL=index.js.map

package/dist/module/styles/mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["styles/mixins/index.ts"],"mappings":";;AAAA,cAAc,oBAAW","ignoreList":[]}

package/dist/module/styles/mixins/shadows/elevation-down-100.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const elevationDown100 = "1px 1px 2px 0 rgba(119, 128, 128, 0.02), 1px 1px 4px 0 rgba(119, 128, 128, 0.02), 2px 2px 6px 0 rgba(119, 128, 128, 0.02), 2px 2px 16px 0 rgba(119, 128, 128, 0.06)";
+//# sourceMappingURL=elevation-down-100.js.map

package/dist/module/styles/mixins/shadows/elevation-down-100.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["elevationDown100"],"sourceRoot":"../../../../../src","sources":["styles/mixins/shadows/elevation-down-100.tsx"],"mappings":";;AAAA,OAAO,MAAMA,gBAAgB,GAC3B,qKAAqK","ignoreList":[]}

package/dist/module/styles/mixins/shadows/elevation-down-200.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const elevationDown200 = "2px 2px 4px 0 rgba(119, 128, 128, 0.08), 4px 4px 6px 0 rgba(119, 128, 128, 0.06), 6px 6px 8px 0 rgba(119, 128, 128, 0.04), 8px 8px 24px 0 rgba(119, 128, 128, 0.08)";
+//# sourceMappingURL=elevation-down-200.js.map

package/dist/module/styles/mixins/shadows/elevation-down-200.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["elevationDown200"],"sourceRoot":"../../../../../src","sources":["styles/mixins/shadows/elevation-down-200.tsx"],"mappings":";;AAAA,OAAO,MAAMA,gBAAgB,GAC3B,qKAAqK","ignoreList":[]}

package/dist/module/styles/mixins/shadows/elevation-down-300.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const elevation300 = "4px 4px 4px 0 rgba(119, 128, 128, 0.08), 12px 12px 6px 0 rgba(119, 128, 128, 0.06), 18px 18px 16px 0 rgba(119, 128, 128, 0.04), 12px 12px 40px 0 rgba(119, 128, 128, 0.24)";
+//# sourceMappingURL=elevation-down-300.js.map

package/dist/module/styles/mixins/shadows/elevation-down-300.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["elevation300"],"sourceRoot":"../../../../../src","sources":["styles/mixins/shadows/elevation-down-300.tsx"],"mappings":";;AAAA,OAAO,MAAMA,YAAY,GACvB,4KAA4K","ignoreList":[]}

package/dist/module/styles/mixins/shadows/elevation-up-100.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const elevationUp100 = "0 -2px 2px 0 rgba(119, 128, 128, 0.02), 0 -4px 4px 0 rgba(119, 128, 128, 0.02), 0 -8px 16px 0 rgba(119, 128, 128, 0.02), 0 -8px 32px 0 rgba(119, 128, 128, 0.08)";
+//# sourceMappingURL=elevation-up-100.js.map

package/dist/module/styles/mixins/shadows/elevation-up-100.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["elevationUp100"],"sourceRoot":"../../../../../src","sources":["styles/mixins/shadows/elevation-up-100.tsx"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GACzB,kKAAkK","ignoreList":[]}

package/dist/module/styles/mixins/shadows/elevation-up-200.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const elevationUp200 = "0 -2px 2px 0 rgba(119, 128, 128, 0.04), 0 -4px 4px 0 rgba(119, 128, 128, 0.06), 0 -8px 16px 0 rgba(119, 128, 128, 0.06), 0 -12px 32px 0 rgba(119, 128, 128, 0.12)";
+//# sourceMappingURL=elevation-up-200.js.map

package/dist/module/styles/mixins/shadows/elevation-up-200.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["elevationUp200"],"sourceRoot":"../../../../../src","sources":["styles/mixins/shadows/elevation-up-200.tsx"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GACzB,mKAAmK","ignoreList":[]}

package/dist/module/styles/mixins/shadows/elevation-up-300.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const elevationUp300 = "0 -2px 2px 0 rgba(119, 128, 128, 0.06), 0 -4px 4px 0 rgba(119, 128, 128, 0.06), 0 -8px 16px 0 rgba(119, 128, 128, 0.12), 0 -16px 48px 0 rgba(119, 128, 128, 0.24)";
+//# sourceMappingURL=elevation-up-300.js.map

package/dist/module/styles/mixins/shadows/elevation-up-300.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["elevationUp300"],"sourceRoot":"../../../../../src","sources":["styles/mixins/shadows/elevation-up-300.tsx"],"mappings":";;AAAA,OAAO,MAAMA,cAAc,GACzB,mKAAmK","ignoreList":[]}

package/dist/module/styles/mixins/shadows/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export * from "./elevation-down-100.js";
+export * from "./elevation-down-200.js";
+export * from "./elevation-down-300.js";
+export * from "./elevation-up-100.js";
+export * from "./elevation-up-200.js";
+export * from "./elevation-up-300.js";
+//# sourceMappingURL=index.js.map

package/dist/module/styles/mixins/shadows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["styles/mixins/shadows/index.ts"],"mappings":";;AAAA,cAAc,yBAAsB;AACpC,cAAc,yBAAsB;AACpC,cAAc,yBAAsB;AACpC,cAAc,uBAAoB;AAClC,cAAc,uBAAoB;AAClC,cAAc,uBAAoB","ignoreList":[]}

package/dist/typescript/components/Avatar/assets/class-variants.d.ts

@@ -1,5 +1,5 @@
-import { AvatarSizeEnum } from "../enums";
+import { SizeEnum } from "../../../enums";
 declare const avatarVariants: (props?: ({
-    size?: AvatarSizeEnum | null | undefined;
+    size?: SizeEnum.XXSMALL | SizeEnum.XSMALL | SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE | SizeEnum.XLARGE | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export { avatarVariants };

package/dist/typescript/components/Avatar/index.d.ts

@@ -1,2 +1,2 @@
 import type { AvatarProps } from "./types";
-export declare function Avatar(props: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar(props: AvatarProps): import("react").JSX.Element;

package/dist/typescript/components/Avatar/types.d.ts

@@ -1,6 +1,7 @@
-import type { AvatarSizeEnum } from "./enums";
+import { SizeEnum } from "../../enums";
+export type AvatarSize = SizeEnum.XXSMALL | SizeEnum.XSMALL | SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE | SizeEnum.XLARGE;
 export interface AvatarProps {
     src?: string | null;
     name?: string;
-    size?: AvatarSizeEnum;
+    size?: AvatarSize;
 }

package/dist/typescript/components/Button/assets/class-variants.d.ts

@@ -1,7 +1,8 @@
+import { SizeEnum, CornersEnum } from "../../../enums";
 declare const buttonVariants: (props?: ({
     variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    corners?: "small" | "medium" | null | undefined;
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE | null | undefined;
+    corners?: CornersEnum.SMALL | CornersEnum.MEDIUM | null | undefined;
     fullWidth?: boolean | null | undefined;
     selected?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/typescript/components/Button/index.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 import type { ButtonCorners, ButtonProps, ButtonSize, ButtonVariant } from "./types";
-export declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button(props: ButtonProps): React.JSX.Element;
 export declare namespace Button {
     var displayName: string;
 }

package/dist/typescript/components/Button/types.d.ts

@@ -1,9 +1,10 @@
 import type { VariantProps } from "class-variance-authority";
 import { buttonVariants } from "./assets/class-variants";
 import { PressableProps, View } from "react-native";
+import { SizeEnum, CornersEnum } from "../../enums";
 export type ButtonVariant = "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost";
-export type ButtonSize = "small" | "medium" | "large";
-export type ButtonCorners = "small" | "medium";
+export type ButtonSize = SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
+export type ButtonCorners = CornersEnum.SMALL | CornersEnum.MEDIUM;
 export interface ButtonProps extends VariantProps<typeof buttonVariants>, PressableProps {
     loading?: boolean;
     selected?: boolean;

package/dist/typescript/components/ChatBubble/assets/class-variants.d.ts

@@ -0,0 +1,7 @@
+export declare const chatBubbleBoxVariants: (props?: ({
+    contentType?: "alert" | "error" | "check" | "custom" | null | undefined;
+    colorState?: "fill" | "outline" | null | undefined;
+    hasEar?: boolean | null | undefined;
+    messageType?: "initial" | "followUp" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const chatBubbleTimeVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/typescript/components/ChatBubble/components/ChatBubbleContent/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ChatBubbleContentProps } from "./types";
+/**
+ * Content container for the main bubble content (seal + text)
+ */
+export declare const ChatBubbleContent: React.FC<ChatBubbleContentProps>;

package/dist/typescript/components/ChatBubble/components/ChatBubbleContent/types.d.ts

@@ -0,0 +1,5 @@
+import { ViewProps } from "react-native";
+export interface ChatBubbleContentProps extends Omit<ViewProps, "children"> {
+    className?: string;
+    children: React.ReactNode;
+}

package/dist/typescript/components/ChatBubble/components/ChatBubbleEar/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { SvgProps } from "react-native-svg";
+interface ChatBubbleEarProps extends SvgProps {
+    type: "fill" | "outline";
+    color?: string;
+}
+export declare const ChatBubbleEar: React.FC<ChatBubbleEarProps>;
+export {};

package/dist/typescript/components/ChatBubble/components/ChatBubbleLoading/index.d.ts

@@ -0,0 +1,9 @@
+import { ViewProps } from "react-native";
+import { LoadingDotsProps } from "../../../LoadingDots/types";
+export interface ChatBubbleLoadingProps extends ViewProps {
+    loadingDotsProps?: LoadingDotsProps;
+}
+export declare const ChatBubbleLoading: {
+    (props: ChatBubbleLoadingProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/typescript/components/ChatBubble/components/ChatBubbleSeal/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ChatBubbleSealProps } from "./types";
+export declare const ChatBubbleSeal: React.FC<ChatBubbleSealProps>;

package/dist/typescript/components/ChatBubble/components/ChatBubbleSeal/types.d.ts

@@ -0,0 +1,4 @@
+import { SealProps } from "../../../Seal/types";
+export interface ChatBubbleSealProps extends Omit<SealProps, "variant"> {
+    className?: string;
+}

package/dist/typescript/components/ChatBubble/components/ChatBubbleText/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ChatBubbleTextProps } from "./types";
+/**
+ * Typography component for bubble text content
+ */
+export declare const ChatBubbleText: React.FC<ChatBubbleTextProps>;

package/dist/typescript/components/ChatBubble/components/ChatBubbleText/types.d.ts

@@ -0,0 +1,4 @@
+import { TypographyProps } from "../../../Typography/types";
+export interface ChatBubbleTextProps extends Omit<TypographyProps, "variant" | "weight"> {
+    className?: string;
+}

package/dist/typescript/components/ChatBubble/components/ChatBubbleTime/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ChatBubbleTimeProps } from "./types";
+/**
+ * Time component for displaying message timestamp
+ */
+export declare const ChatBubbleTime: React.FC<ChatBubbleTimeProps>;

package/dist/typescript/components/ChatBubble/components/ChatBubbleTime/types.d.ts

@@ -0,0 +1,5 @@
+import { TextProps } from "react-native";
+export interface ChatBubbleTimeProps extends Omit<TextProps, "children"> {
+    className?: string;
+    children: React.ReactNode;
+}

package/dist/typescript/components/ChatBubble/components/index.d.ts

@@ -0,0 +1,6 @@
+export { ChatBubbleEar } from "./ChatBubbleEar";
+export { ChatBubbleContent } from "./ChatBubbleContent";
+export { ChatBubbleSeal } from "./ChatBubbleSeal";
+export { ChatBubbleText } from "./ChatBubbleText";
+export { ChatBubbleTime } from "./ChatBubbleTime";
+export { ChatBubbleLoading } from "./ChatBubbleLoading";

package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/index.d.ts

@@ -0,0 +1,3 @@
+import type { ChatBubbleContextValue } from "./types";
+export declare const ChatBubbleContext: import("react").Context<ChatBubbleContextValue | null>;
+export declare const useChatBubbleContext: () => ChatBubbleContextValue;

package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts

@@ -0,0 +1,6 @@
+import { ChatBubbleColorState, ChatBubbleMessageType, ChatBubbleType } from "../../types";
+export interface ChatBubbleContextValue {
+    contentType?: ChatBubbleType;
+    colorState: ChatBubbleColorState;
+    messageType: ChatBubbleMessageType;
+}

package/dist/typescript/components/ChatBubble/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from "./ChatBubbleContext";

package/dist/typescript/components/ChatBubble/index.d.ts

@@ -0,0 +1,12 @@
+import type { ChatBubbleProps } from "./types";
+export declare function ChatBubble(props: ChatBubbleProps): import("react").JSX.Element;
+export declare namespace ChatBubble {
+    var Content: import("react").FC<import("./components/ChatBubbleContent/types").ChatBubbleContentProps>;
+    var Seal: import("react").FC<import("./components/ChatBubbleSeal/types").ChatBubbleSealProps>;
+    var Text: import("react").FC<import("./components/ChatBubbleText/types").ChatBubbleTextProps>;
+    var Loading: {
+        (props: import("./components/ChatBubbleLoading").ChatBubbleLoadingProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    var displayName: string;
+}

package/dist/typescript/components/ChatBubble/types.d.ts

@@ -0,0 +1,13 @@
+import type { ViewProps } from "react-native";
+export type ChatBubbleType = "check" | "alert" | "error" | "custom";
+export type ChatBubbleColorState = "fill" | "outline";
+export type ChatBubbleMessageType = "initial" | "followUp";
+export interface ChatBubbleProps extends Omit<ViewProps, "children"> {
+    contentType?: ChatBubbleType;
+    colorState?: ChatBubbleColorState;
+    hasEar?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    time?: string;
+    messageType?: ChatBubbleMessageType;
+}

package/dist/typescript/components/{InputCheckbox → CheckboxInput}/assets/class-variants.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxVariantEnum } from "../enums";
-export declare const inputCheckboxVariants: (props?: ({
+export declare const checkboxInputVariants: (props?: ({
     variant?: CheckboxVariantEnum | null | undefined;
     isChecked?: boolean | null | undefined;
     disabled?: boolean | null | undefined;

package/dist/typescript/components/{InputCheckbox → CheckboxInput}/icons/CheckIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SvgProps } from "react-native-svg";
-export declare const CheckIcon: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: (props: SvgProps) => import("react").JSX.Element;

package/dist/typescript/components/{InputCheckbox → CheckboxInput}/icons/IndeterminateIcon/index.d.ts

@@ -1,2 +1,2 @@
 import type { SvgProps } from "react-native-svg";
-export declare const IndeterminateIcon: (props: SvgProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IndeterminateIcon: (props: SvgProps) => import("react").JSX.Element;

package/dist/typescript/components/CheckboxInput/index.d.ts

@@ -0,0 +1,2 @@
+import type { CheckboxInputProps } from "./types";
+export declare function CheckboxInput(props: CheckboxInputProps): import("react").JSX.Element;

package/dist/typescript/components/{InputCheckbox → CheckboxInput}/types.d.ts

@@ -1,10 +1,11 @@
 import type { CheckboxVariantEnum, SelectVariantEnum } from "./enums";
 export type CheckboxVariant = CheckboxVariantEnum;
 export type CheckboxSelectType = SelectVariantEnum;
-export interface InputCheckboxProps {
+export interface CheckboxInputProps {
     isChecked?: boolean;
     selectType?: CheckboxSelectType;
     variant?: CheckboxVariant;
     disabled?: boolean;
-    onChange(value: boolean): void;
+    className?: string;
+    onChange?(value: boolean): void;
 }

package/dist/typescript/components/Chip/enums/index.d.ts

@@ -1,2 +1 @@
 export * from "./chip-variant";
-export * from "./chip-size";

package/dist/typescript/components/Chip/index.d.ts

@@ -1,3 +1,3 @@
 import type { ChipProps, ChipSize, ChipVariant } from "./types";
-export declare function Chip(props: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chip(props: ChipProps): import("react").JSX.Element;
 export { ChipProps, ChipSize, ChipVariant };

package/dist/typescript/components/Chip/types.d.ts

@@ -1,6 +1,7 @@
 import type { SealVariant } from "../Seal/types";
-import { ChipSizeEnum, ChipVariantEnum } from "./enums";
-export type ChipSize = ChipSizeEnum;
+import { ChipVariantEnum } from "./enums";
+import { SizeEnum } from "../../enums";
+export type ChipSize = SizeEnum.MEDIUM | SizeEnum.LARGE;
 export type ChipVariant = ChipVariantEnum;
 export interface ChipProps {
     label: string;

package/dist/typescript/components/HighlightedText/index.d.ts

@@ -1,5 +1,5 @@
 import type { HighlightedTextProps } from "./types";
-export declare function HighlightedText(props: HighlightedTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function HighlightedText(props: HighlightedTextProps): import("react").JSX.Element;
 export declare namespace HighlightedText {
     var displayName: string;
 }

package/dist/typescript/components/IconButton/assets/class-variants.d.ts

@@ -0,0 +1,8 @@
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "../enums";
+declare const buttonVariants: (props?: ({
+    variant?: IconButtonVariantEnum | null | undefined;
+    size?: IconButtonSizeEnum | null | undefined;
+    corners?: IconButtonCornersEnum | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { buttonVariants };

package/dist/typescript/components/IconButton/assets/design-system-showcase.d.ts

@@ -0,0 +1,17 @@
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "../enums";
+interface DesignSystemShowcaseItem {
+    size: IconButtonSizeEnum;
+    variant: IconButtonVariantEnum;
+    corners: IconButtonCornersEnum;
+    disabled?: boolean;
+    selected?: boolean;
+    loading?: boolean;
+}
+interface DesignSystemShowcaseButtonProps {
+    title: string;
+    buttons: {
+        [key: string]: DesignSystemShowcaseItem[];
+    };
+}
+export declare const designSystemShowcase: Record<IconButtonSizeEnum, DesignSystemShowcaseButtonProps>;
+export {};

package/dist/typescript/components/IconButton/enums.d.ts

@@ -0,0 +1,22 @@
+export declare enum IconButtonVariantEnum {
+    GRAPE = "grape",
+    JAVA = "java",
+    PEAR = "pear",
+    TANGERINE = "tangerine",
+    PITAYA = "pitaya",
+    BLACKBERRY = "blackberry",
+    CHIA = "chia",
+    OUTLINE = "outline",
+    GHOST = "ghost"
+}
+export declare enum IconButtonSizeEnum {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    XLARGE = "xlarge",
+    XXLARGE = "xxlarge"
+}
+export declare enum IconButtonCornersEnum {
+    SMALL = "small",
+    MEDIUM = "medium"
+}

package/dist/typescript/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+import type { IconButtonProps } from "./types";
+export declare function IconButton(props: IconButtonProps): import("react").JSX.Element;

package/dist/typescript/components/IconButton/types.d.ts

@@ -0,0 +1,15 @@
+import type { VariantProps } from "class-variance-authority";
+import type { buttonVariants } from "./assets/class-variants";
+import { PressableProps } from "react-native";
+import { IconButtonCornersEnum, IconButtonSizeEnum, IconButtonVariantEnum } from "./enums";
+export interface IconButtonProps extends PressableProps, VariantProps<typeof buttonVariants> {
+    selected?: boolean;
+    icon: React.ReactNode;
+    loading?: boolean;
+    variant?: IconButtonVariantEnum;
+    size?: IconButtonSizeEnum;
+    corners?: IconButtonCornersEnum;
+    className?: string;
+    disabled?: boolean;
+    accessibilityLabel: string;
+}

package/dist/typescript/components/InformationStatus/components/GradientAdd/index.d.ts

@@ -1,3 +1,3 @@
 import Svg from "react-native-svg";
 import { GradientAddProps } from "./types";
-export declare function GradientAdd(props: GradientAddProps, ref?: React.Ref<Svg>): import("react/jsx-runtime").JSX.Element;
+export declare function GradientAdd(props: GradientAddProps, ref?: React.Ref<Svg>): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/components/GradientAlert/index.d.ts

@@ -1,3 +1,3 @@
 import Svg from "react-native-svg";
 import { GradientAlertProps } from "./types";
-export declare function GradientAlert(props: GradientAlertProps, ref?: React.Ref<Svg>): import("react/jsx-runtime").JSX.Element;
+export declare function GradientAlert(props: GradientAlertProps, ref?: React.Ref<Svg>): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/components/GradientCheck/index.d.ts

@@ -1,3 +1,3 @@
 import Svg from "react-native-svg";
 import { GradientCheckProps } from "./types";
-export declare function GradientCheck(props: GradientCheckProps, ref?: React.Ref<Svg>): import("react/jsx-runtime").JSX.Element;
+export declare function GradientCheck(props: GradientCheckProps, ref?: React.Ref<Svg>): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/components/GradientClose/index.d.ts

@@ -1,3 +1,3 @@
 import Svg from "react-native-svg";
 import { GradientCloseProps } from "./types";
-export declare function GradientClose(props: GradientCloseProps, ref?: React.Ref<Svg>): import("react/jsx-runtime").JSX.Element;
+export declare function GradientClose(props: GradientCloseProps, ref?: React.Ref<Svg>): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/index.d.ts

@@ -1,2 +1,2 @@
 import type { InformationStatusProps } from "./types";
-export declare function InformationStatus(props: InformationStatusProps): import("react/jsx-runtime").JSX.Element;
+export declare function InformationStatus(props: InformationStatusProps): import("react").JSX.Element;

package/dist/typescript/components/InformationStatus/types.d.ts

@@ -1,9 +1,11 @@
 import { StyleProp, ViewStyle } from "react-native";
 import { SvgProps } from "react-native-svg";
 import { InformationStatusOptionsEnum } from "./enums";
+import { SizeEnum } from "../../enums";
+export type InformationStatusSize = SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE;
 export interface InformationStatusProps {
     status: InformationStatusOptionsEnum;
-    size?: "small" | "medium" | "large";
+    size?: InformationStatusSize;
     square?: boolean;
     className?: string;
     style?: StyleProp<ViewStyle>;

package/dist/typescript/components/ListButton/assets/class-variants.d.ts

@@ -0,0 +1,11 @@
+import { ListButtonVariantEnum } from "../enums";
+import { SizeEnum, CornersEnum } from "../../../enums";
+declare const buttonVariants: (props?: ({
+    variant?: ListButtonVariantEnum | null | undefined;
+    size?: SizeEnum.SMALL | SizeEnum.MEDIUM | SizeEnum.LARGE | null | undefined;
+    corners?: CornersEnum.SMALL | CornersEnum.MEDIUM | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const textVariants: (props?: ({
+    variant?: "grape" | "java" | "pear" | "tangerine" | "blackberry" | "chia" | "outline" | "glass" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { buttonVariants, textVariants };