sy-ui-lib 1.0.23 → 1.0.25

package/dist/components/CommonMarketRow/CommonMarketRow.stories.d.ts

@@ -7,3 +7,6 @@ export declare const PairOddsRow: Story;
 export declare const LayeredOddsRow: Story;
 export declare const FancyOddsRow: Story;
 export declare const OddEvenRow: Story;
+export declare const RacingRow: Story;
+export declare const RaceLayeredOddsRow: Story;
+export declare const RaceDetailsLayeredOddsRow: Story;

package/dist/components/CommonMarketRow/CommonMarketRow.types.d.ts

@@ -1,4 +1,4 @@
-import { BetSlipVariantType } from '..';
+import { BetSlipVariantType, IconName } from '..';
 export type BetSlipPairVariantType = "Back" | "Lay";
 export interface OddClickHandlerProps {
     /** Market identifier */
@@ -146,6 +146,81 @@ export interface PairOddsRowVariant extends BaseOddsRowProps {
     /** Callback when an odd is clicked */
     onOddClick?: (type: string, odds: number | null) => void;
 }
+export interface raceEvent {
+    time: string;
+    raceId: string;
+}
+export interface racingRowVariant {
+    variant: "racing";
+    /** Unique row identifier */
+    id: string;
+    /** Event timings*/
+    racingEvents: raceEvent[];
+    /** Event identifier */
+    eventId?: string;
+    /** Event display name (optional) */
+    eventName?: string;
+    /** Event type (optional) */
+    eventType?: string;
+    /** Provider identifier */
+    providerId?: string;
+    /** isTV */
+    isTV?: boolean;
+    /** Callback when row redirect is triggered */
+    onClickRedirect?: (id: string, eventId: string) => void;
+}
+/** Props for Race odds row variant */
+export interface RaceLayeredOddsRowVariant extends BaseOddsRowProps {
+    /** Variant identifier */
+    variant: "raceLayered";
+    /** Runner identifier */
+    runnerId: string;
+    /** Runner display name (optional) */
+    runnerName?: string;
+    /** Name of the icon to display in the Row*/
+    iconName: IconName;
+    /** Current fancy value (optional) */
+    currentValue?: number;
+    /** Projected fancy value (optional) */
+    projectedValue?: number;
+    /** Additional notes or remarks */
+    notes?: string;
+    /** Depth or level of the market */
+    level?: 1 | 2 | 3;
+    /** Callback when book button is clicked */
+    onRowClick?: (runnerId: string) => void;
+    /** Callback when an odd is clicked */
+    onOddClick?: (oddData: OddClickHandlerProps) => void;
+}
+/** Represents a single runner details */
+export interface RunnerDetail {
+    label: string;
+    value: string | number;
+}
+/** Props for Race odds row variant */
+export interface RaceDetailsLayeredOddsRowVariant extends BaseOddsRowProps {
+    /** Variant identifier */
+    variant: "raceDetailsLayered";
+    serialNo: string;
+    position: string;
+    /** Runner identifier */
+    runnerId: string;
+    /** Runner display name (optional) */
+    runnerName?: string;
+    details: RunnerDetail[];
+    /** Current fancy value (optional) */
+    currentValue?: number;
+    /** Projected fancy value (optional) */
+    projectedValue?: number;
+    /** Additional notes or remarks */
+    notes?: string;
+    /** Depth or level of the market */
+    level?: 1 | 2 | 3;
+    /** Callback when book button is clicked */
+    onRowClick?: (runnerId: string) => void;
+    /** Callback when an odd is clicked */
+    onOddClick?: (oddData: OddClickHandlerProps) => void;
+}
 /** Union type representing all supported market row variants*/
-export type CommonMarketRowProps = FancyLayeredOddsRowVariant | PairOddsRowVariant;
+export type CommonMarketRowProps = FancyLayeredOddsRowVariant | PairOddsRowVariant | racingRowVariant | RaceLayeredOddsRowVariant | RaceDetailsLayeredOddsRowVariant;
 export {};

package/dist/components/CommonMarketRow/RaceDetailsLayeredOddsRow.component.d.ts

@@ -0,0 +1,3 @@
+import { RaceDetailsLayeredOddsRowVariant } from './CommonMarketRow.types';
+declare const RaceDetailsLayeredOddsRow: React.FC<RaceDetailsLayeredOddsRowVariant>;
+export default RaceDetailsLayeredOddsRow;

package/dist/components/CommonMarketRow/RaceLayeredOddsRow.component.d.ts

@@ -0,0 +1,3 @@
+import { RaceLayeredOddsRowVariant } from './CommonMarketRow.types';
+declare const RaceLayeredOddsRow: React.FC<RaceLayeredOddsRowVariant>;
+export default RaceLayeredOddsRow;

package/dist/components/CommonMarketRow/RacingRow.component.d.ts

@@ -0,0 +1,3 @@
+import { racingRowVariant } from './CommonMarketRow.types';
+declare const RacingRow: React.FC<racingRowVariant>;
+export default RacingRow;

package/dist/components/Icon/SvgIcons.d.ts

@@ -3,6 +3,15 @@ import { IconSize } from './Icon.types';
  * Storing Icons as key value pairs and Exporting a collection of SVG icons as react elements
  */
 export declare const icons: {
+    one: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    two: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    three: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    four: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    five: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    six: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    seven: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    eight: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    nine: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
     logout: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
     cancel: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
     notes: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
@@ -80,4 +89,7 @@ export declare const icons: {
     currentOff: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
     current: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
     save: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    setting: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    dog: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
+    horse: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/Toggle/Toggle.component.d.ts

@@ -10,26 +10,24 @@ import { ToggleProps } from './Toggle.types';
  * @param {(checked: boolean) => void} onChange Required Callback invoked when the toggle is clicked.
  * @param {boolean} [disabled=false] Optional If true, the toggle is non-interactive and visually muted.
  * @param {string} [ariaLabel="Toggle"] Optional Accessibility label for the toggle button.
- * @param {string} [onColor] Optional Tailwind color class for the "on" state of the toggle knob.
- * @param {string} [offColor] Optional Tailwind color class for the "off" state of the toggle knob.
  * @param {"sm" | "md"} [size="md"] Controls toggle dimensions
  *
  * @param {Object} [content] Optional state-based UI configuration
- * @param {{ icon?: IconName; text?: string }} [content.on] UI for "on" state
- * @param {{ icon?: IconName; text?: string }} [content.off] UI for "off" state
+ * @param {{ icon?: IconName; text?: string; color?: string }} [content.on] UI for "on" state
+ * @param {{ icon?: IconName; text?: string; color?: string }} [content.off] UI for "off" state
  *
  * @example usage:
  * <Toggle checked={true} onChange={toggleHandler} />
  * <Toggle checked={false} disabled />
- * <Toggle checked={isOn} onChange={toggleHandler} onColor="bg-success" offColor="bg-error" />
+ * <Toggle checked={isOn} onChange={toggleHandler} />
  *
  * With content (icon + text):
  * <Toggle
  *   checked={isOn}
  *   onChange={toggleHandler}
  *   content={{
- *     on: { icon: "check", text: "On" },
- *     off: { icon: "close", text: "Off" }
+ *     on: { icon: "check", text: "On", color: "success" },
+ *     off: { icon: "close", text: "Off", color: "error" }
  *   }}
  * />
  *

package/dist/components/Toggle/Toggle.types.d.ts

@@ -1,22 +1,24 @@
 import { IconName } from '../Icon';
-/** Available visual variants of the toggle component */
+/** Available visual variants of the toggle component:-
+ *  "compound" shows icon + text inside track, "default" is simple switch */
 export type ToggleVarinat = "default" | "compound";
 export type ToggleStateContent = {
     /** Icon to display for a specific state */
     icon?: IconName;
     /** Text label to display for a specific state */
     text?: string;
+    /** Color of the toggle knob to display for a specific state */
+    color?: string;
 };
 export interface ToggleProps {
     checked?: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
     ariaLabel?: string;
-    onColor?: string;
-    offColor?: string;
     size?: "sm" | "md";
     /** Defines the visual style/structure of the toggle */
     variant?: ToggleVarinat;
+    /** State-based UI config for ON/OFF (icon, text, color) */
     content?: {
         /** UI (icon/text) to render when toggle is ON */
         on?: ToggleStateContent;