onecart-ui-components 0.1.0

package/dist/Button/Button.mobile.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonProps } from "./Button.types";
+export declare const Button: React.FC<ButtonProps>;
+export default Button;

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

@@ -0,0 +1,43 @@
+export type ButtonType = "primary" | "outline" | "ghost" | "destructive";
+export type ButtonSize = "large" | "small" | "medium";
+export type ButtonState = "default" | "hover" | "active" | "disabled";
+export interface ButtonProps {
+    /** Visible text label (also used as accessible name fallback). */
+    label: string;
+    /** Visual variant; defaults to `primary`. */
+    type?: ButtonType;
+    /** Size scale; defaults to `large`. */
+    size?: ButtonSize;
+    /** Disables interaction and applies disabled styling. */
+    disabled?: boolean;
+    /** Icon name rendered to the left of label (ignored if `icon` provided). */
+    leftIcon?: string;
+    /** Icon name rendered to the right of label (ignored if `icon` provided). */
+    rightIcon?: string;
+    /** Single icon (icon‑only button); when set, label text is visually hidden. */
+    icon?: string;
+    /** Stretches button to width:100%. */
+    fullWidth?: boolean;
+    /** Underlines text for `ghost` variant when not disabled (default true). */
+    ghostUnderline?: boolean;
+    /** Explicit accessible label (overrides fallback to `label`). */
+    accessibilityLabel?: string;
+    /** Test identifier (data-testid on web). */
+    testID?: string;
+    /** Additional CSS class name for web implementation only. */
+    className?: string;
+    /** Style override: React.CSSProperties (web) or RN style object (mobile). */
+    style?: React.CSSProperties | Record<string, unknown>;
+    /** Web click handler; executes alongside `onPress` if both supplied. */
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Platform‑agnostic press handler (used by mobile; also invoked on web clicks). */
+    onPress?: () => void;
+    /** Mouse enter hook (web only). */
+    onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Mouse leave hook (web only). */
+    onMouseLeave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Mouse down hook (web only). */
+    onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Mouse up hook (web only). */
+    onMouseUp?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}

package/dist/Button/Button.web.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonProps } from "./Button.types";
+export declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/Button/buttonStyles.d.ts

@@ -0,0 +1,12 @@
+import { ButtonState, ButtonType, ButtonSize } from "./Button.types";
+import type { ViewStyle, TextStyle } from "react-native";
+export interface ComputedButtonStyles {
+    base: React.CSSProperties;
+    text: React.CSSProperties;
+}
+export declare const computeWebButtonStyles: (type: ButtonType, state: ButtonState, size: ButtonSize, isIconOnly: boolean, fullWidth: boolean, hasBothIcons: boolean, overrides?: Partial<React.CSSProperties>) => ComputedButtonStyles;
+export interface MobileButtonStyles {
+    container: ViewStyle;
+    label: TextStyle;
+}
+export declare const computeMobileButtonStyles: (type: ButtonType, state: ButtonState, size: ButtonSize, overrides?: Partial<ViewStyle>) => MobileButtonStyles;

package/dist/Button/index.d.ts

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

package/dist/Button/index.mobile.d.ts

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

package/dist/Typography/Body/index.d.ts

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

package/dist/Typography/Display/index.d.ts

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

package/dist/Typography/Heading/index.d.ts

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

package/dist/Typography/Utility/index.d.ts

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

package/dist/Typography/index.d.ts

@@ -0,0 +1,4 @@
+export { Display } from "./Display";
+export { Heading } from "./Heading";
+export { Body } from "./Body";
+export { Utility } from "./Utility";

package/dist/components/Button.d.ts

@@ -0,0 +1 @@
+export { Button } from "../Button/Button.web";

package/dist/components/Icon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface IconDef {
+    name: string;
+    svg?: React.ReactNode;
+}
+export declare const icons: IconDef[];
+export declare const Icon: React.FC<{
+    name: string;
+    size?: number;
+}>;

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Button";
+export * from "./Icon";
+export type { IconDef } from "./Icon";
+export { Body, Display, Heading, Utility } from "../Typography";

package/dist/index.d.ts

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