sy-ui-lib 1.0.26 → 1.0.28

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

@@ -15,7 +15,7 @@ export declare const SportsWithSubHeader: Story;
 export declare const MatchOdds: Story;
 export declare const EventTitle: Story;
 export declare const EventTitleWithInfoIcon: Story;
-/**  Other Market Header with Race Layered Row */
-export declare const OtherMarketRaceLayerd: Story;
-/**  Other Market Header with Race Details Layered Row */
-export declare const OtherMarketRaceDetailsLayerd: Story;
+/** Racing Header with Race Layered Row */
+export declare const RacingRaceLayerd: Story;
+/**  Racing Header with Race Details Layered Row */
+export declare const RacingRaceDetailsLayerd: Story;

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

@@ -3,7 +3,7 @@ export interface MultiMarketButtonProps {
     eventId: string;
     onClick: (eventId: string) => void;
 }
-export type HeaderVariant = "OtherMarket" | "MatchOdds" | "FancyMarket" | "MultiMarket" | "Sports" | "EventTitle";
+export type HeaderVariant = "OtherMarket" | "MatchOdds" | "FancyMarket" | "MultiMarket" | "Sports" | "EventTitle" | "Racing";
 export interface CommonMarketHeaderProps {
     /** Controls header layout & behavior */
     variant: HeaderVariant;
@@ -38,3 +38,6 @@ export interface CommonMarketHeaderProps {
     /** Info icon click handler (shows icon when provided) */
     onInfoClick?: () => void;
 }
+export type CommonLayBackProps = {
+    level?: number;
+};

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

@@ -1,21 +1,28 @@
 import { TimePickerProps } from './TimePicker.types';
 /**
- * A reusable and customizable time picker component that allows
- * selecting a time range (From–To) using `react-time-picker`.
+ * A reusable and customizable controlled time picker component
+ * that allows selecting a time range (From–To) using `react-time-picker`.
  *
  * @param {string} [title] - Optional button text placeholder. Default is "Select Time".
+ * @param {TimeRange} [value] - Controlled selected time range value.
  * @param {(value: TimeRange) => void} selectedTime - Callback function
- *        triggered when the user applies a selected time range.
+ *        triggered when the selected time range changes.
  * @param {boolean} [fullWidth] - If true, the component stretches to full width of its container.
  * @param {string} [errorMessage] - Custom validation error message shown for invalid ranges.
  *
  * @returns {JSX.Element} The rendered TimePicker component.
  *
  * @example
+ * const [timeRange, setTimeRange] = useState<TimeRange>({
+ *   from: null,
+ *   to: null,
+ * });
+ *
  * <TimePicker
  *   title="Pick Time"
+ *   value={timeRange}
  *   fullWidth
- *   selectedTime={(value) => console.log("Selected:", value)}
+ *   selectedTime={setTimeRange}
  * />
  */
 declare const TimePicker: React.FC<TimePickerProps>;

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

@@ -6,3 +6,4 @@ type Story = StoryObj<TimePickerProps>;
 export declare const Default: Story;
 export declare const FullWidth: Story;
 export declare const FixedWidthContainer: Story;
+export declare const ControlledContainer: Story;

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

@@ -15,6 +15,8 @@ export interface TimePickerProps {
     title?: string;
     /** Callback function that receives the selected time range */
     selectedTime: (value: TimeRange) => void;
+    /** Controlled value from parent */
+    value?: TimeRange;
     /** If true, the time picker stretches to full width of its container */
     fullWidth?: boolean;
     /** Custom validation error message shown when the selected time range is invalid */