@streamoid/ui 0.1.1 → 0.1.5

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import { HTMLAttributes } from 'react';
+
 interface IScAccessProps {
     component?: JSX.Element;
     component2?: JSX.Element;
@@ -20,17 +22,27 @@ interface IScBillingLogsTableHeaderProps {
 }
 declare const ScBillingLogsTableHeader: ({ className, ...props }: IScBillingLogsTableHeaderProps) => JSX.Element;
 
-interface IScBillingLogsTableListProps {
+interface IScBillingLogsTableListProps extends React.HTMLAttributes<HTMLDivElement> {
+    activity?: string;
+    usedBy?: string;
+    date?: string;
+    creditsUsed?: string;
+    balance?: string;
     className?: string;
 }
-declare const ScBillingLogsTableList: ({ className, ...props }: IScBillingLogsTableListProps) => JSX.Element;
+declare const ScBillingLogsTableList: ({ activity, usedBy, date, creditsUsed, balance, className, ...props }: IScBillingLogsTableListProps) => JSX.Element;
 
-interface IScBillingHistoryTableListProps {
+interface IScBillingHistoryTableListProps extends React.HTMLAttributes<HTMLDivElement> {
+    invoiceNumber?: string;
+    amount?: string;
+    date?: string;
+    downloadLabel?: string;
     className?: string;
+    onRowClick?: () => void;
 }
-declare const ScBillingHistoryTableList: ({ className, ...props }: IScBillingHistoryTableListProps) => JSX.Element;
+declare const ScBillingHistoryTableList: ({ invoiceNumber, amount, date, downloadLabel, className, onRowClick, ...props }: IScBillingHistoryTableListProps) => JSX.Element;
 
-interface IScButtonProps {
+interface IScButtonProps extends HTMLAttributes<HTMLDivElement> {
     text?: string;
     icon?: JSX.Element;
     styleVariant?: "default" | "icon-right" | "icon-left" | "icon-only";
@@ -42,35 +54,52 @@ interface IScButtonProps {
 }
 declare const ScButton: ({ text, icon, styleVariant, state, variant, type, size, className, ...props }: IScButtonProps) => JSX.Element;
 
-interface IScCalendarProps {
+interface IScCalendarProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
+    /** 0-indexed month (0 = January). Defaults to current month. */
+    month?: number;
+    /** Full year e.g. 2026. Defaults to current year. */
+    year?: number;
+    /** Selected date — highlighted as range-start/end or today */
+    selectedDate?: Date;
+    /** Called when user clicks a date */
+    onDateSelect?: (date: Date) => void;
+    /** Called when user navigates to a different month */
+    onMonthChange?: (month: number, year: number) => void;
 }
-declare const ScCalendar: ({ className, ...props }: IScCalendarProps) => JSX.Element;
+declare const ScCalendar: ({ className, month, year, selectedDate, onDateSelect, onMonthChange, ...props }: IScCalendarProps) => JSX.Element;
 
-interface IScCalendarDateCompsProps {
+interface IScCalendarDateCompsProps extends React.HTMLAttributes<HTMLDivElement> {
     date?: string;
     state?: "default" | "hover" | "today" | "range-start" | "range-end" | "range" | "empty";
     className?: string;
 }
 declare const ScCalendarDateComps: ({ date, state, className, ...props }: IScCalendarDateCompsProps) => JSX.Element;
 
-interface IScCreditsUsageCardProps {
+interface IScCreditsUsageCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    usageLabel?: string;
+    usageText?: string;
+    remainingText?: string;
+    buyButtonText?: string;
+    progress?: number;
     className?: string;
 }
-declare const ScCreditsUsageCard: ({ className, ...props }: IScCreditsUsageCardProps) => JSX.Element;
+declare const ScCreditsUsageCard: ({ usageLabel, usageText, remainingText, buyButtonText, progress, className, ...props }: IScCreditsUsageCardProps) => JSX.Element;
 
-interface IScGoogleSignInProps {
+interface IScGoogleSignInProps extends React.HTMLAttributes<HTMLDivElement> {
     hover?: "false" | "true";
+    googleLogoSrc?: string;
+    signInText?: string;
     className?: string;
 }
-declare const ScGoogleSignIn: ({ hover, className, ...props }: IScGoogleSignInProps) => JSX.Element;
+declare const ScGoogleSignIn: ({ hover, googleLogoSrc, signInText, className, ...props }: IScGoogleSignInProps) => JSX.Element;
 
 interface IScHDividerProps {
     className?: string;
 }
 declare const ScHDivider: ({ className, ...props }: IScHDividerProps) => JSX.Element;
 
-interface IScHeaderProps {
+interface IScHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     text?: string;
     state?: "up" | "down" | "none";
     className?: string;
@@ -89,7 +118,7 @@ interface IScLogoUnitProps {
 }
 declare const ScLogoUnit: ({ state, className, ...props }: IScLogoUnitProps) => JSX.Element;
 
-interface IScMenuOptionsProps {
+interface IScMenuOptionsProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
     version?: string;
     hover?: "true" | "false";
@@ -99,11 +128,11 @@ interface IScMenuOptionsProps {
 }
 declare const ScMenuOptions: ({ icon, version, hover, variant, className, text, ...props }: IScMenuOptionsProps) => JSX.Element;
 
-interface IScOnlyIconProps {
+interface IScOnlyIconProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     variant?: "default";
 }
-declare const ScOnlyIcon: ({ variant, className, }: IScOnlyIconProps) => JSX.Element;
+declare const ScOnlyIcon: ({ variant, className, ...props }: IScOnlyIconProps) => JSX.Element;
 
 interface IScPairtextProps {
     content?: string;
@@ -123,52 +152,64 @@ interface IScPlanCardProps {
 }
 declare const ScPlanCard: ({ planName, price, credits, type, className, ...props }: IScPlanCardProps) => JSX.Element;
 
-interface IScPlanDetailsCardProps {
+interface IScPlanDetailsCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    planName?: string;
+    planPrice?: string;
+    badgeText?: string;
+    currentPlanLabel?: string;
+    upgradeButtonText?: string;
     className?: string;
 }
-declare const ScPlanDetailsCard: ({ className, ...props }: IScPlanDetailsCardProps) => JSX.Element;
+declare const ScPlanDetailsCard: ({ planName, planPrice, badgeText, currentPlanLabel, upgradeButtonText, className, ...props }: IScPlanDetailsCardProps) => JSX.Element;
 
-interface IScProfileProps {
+interface IScProfileProps extends React.HTMLAttributes<HTMLDivElement> {
     name?: string;
     subText?: string;
     collapsed?: "false" | "true";
+    profileImage?: string;
     className?: string;
 }
-declare const ScProfile: ({ name, subText, collapsed, className, ...props }: IScProfileProps) => JSX.Element;
+declare const ScProfile: ({ name, subText, collapsed, profileImage, className, ...props }: IScProfileProps) => JSX.Element;
 
-interface IScProfileImageUpdateProps {
+interface IScProfileImageUpdateProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
-declare const ScProfileImageUpdate: ({ className, }: IScProfileImageUpdateProps) => JSX.Element;
+declare const ScProfileImageUpdate: ({ className, ...props }: IScProfileImageUpdateProps) => JSX.Element;
 
-interface IScProfileOptionsProps {
+interface IScProfileOptionsProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 declare const ScProfileOptions: ({ className, ...props }: IScProfileOptionsProps) => JSX.Element;
 
-interface IScProfileSettingsCompProps {
+interface IScProfileSettingsCompProps extends React.HTMLAttributes<HTMLDivElement> {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
     className?: string;
 }
-declare const ScProfileSettingsComp: ({ className, }: IScProfileSettingsCompProps) => JSX.Element;
+declare const ScProfileSettingsComp: ({ firstName, lastName, email, className, ...props }: IScProfileSettingsCompProps) => JSX.Element;
 
-interface IScProgressBarProps {
+interface IScProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    progress?: number;
     className?: string;
 }
-declare const ScProgressBar: ({ className, ...props }: IScProgressBarProps) => JSX.Element;
+declare const ScProgressBar: ({ progress, className, ...props }: IScProgressBarProps) => JSX.Element;
 
-interface IScRoleProps {
+interface IScRoleProps extends React.HTMLAttributes<HTMLDivElement> {
     type?: "admin" | "member";
+    label?: string;
     className?: string;
 }
-declare const ScRole: ({ type, className, ...props }: IScRoleProps) => JSX.Element;
+declare const ScRole: ({ type, label, className, ...props }: IScRoleProps) => JSX.Element;
 
-interface IScSidebarProps {
+interface IScSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "expanded" | "collapsed";
     className?: string;
+    onToggle?: (state: "expanded" | "collapsed") => void;
 }
-declare const ScSidebar: ({ state, className, ...props }: IScSidebarProps) => JSX.Element;
+declare const ScSidebar: ({ state, className, onToggle, ...props }: IScSidebarProps) => JSX.Element;
 
-interface IScSidebarMenuProps {
+interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
     state?: "default" | "active";
     variant?: "explanded" | "collapsed";
@@ -177,30 +218,34 @@ interface IScSidebarMenuProps {
 }
 declare const ScSidebarMenu: ({ icon, state, variant, className, text, ...props }: IScSidebarMenuProps) => JSX.Element;
 
-interface IScSidebarProfileProps {
+interface IScSidebarProfileProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "default" | "hover";
     variant?: "expanded" | "collapsed";
     className?: string;
 }
 declare const ScSidebarProfile: ({ state, variant, className, ...props }: IScSidebarProfileProps) => JSX.Element;
 
-interface IScSliderProps {
+interface IScSliderProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
+    onValueChange?: (value: number) => void;
 }
-declare const ScSlider: ({ className, ...props }: IScSliderProps) => JSX.Element;
+declare const ScSlider: ({ className, onValueChange, ...props }: IScSliderProps) => JSX.Element;
 
 interface IScVDividerProps {
     className?: string;
 }
 declare const ScVDivider: ({ className, ...props }: IScVDividerProps) => JSX.Element;
 
-interface IScWorkspaceProps {
+interface IScWorkspaceProps extends React.HTMLAttributes<HTMLDivElement> {
     collapsed?: "false" | "true";
+    workspaceName?: string;
+    userRole?: string;
+    profileImage?: string;
     className?: string;
 }
-declare const ScWorkspace: ({ collapsed, className, ...props }: IScWorkspaceProps) => JSX.Element;
+declare const ScWorkspace: ({ collapsed, workspaceName, userRole, profileImage, className, ...props }: IScWorkspaceProps) => JSX.Element;
 
-interface IScAppListingCardProps {
+interface IScAppListingCardProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
     title?: string;
     descrp?: string;
@@ -208,7 +253,7 @@ interface IScAppListingCardProps {
 }
 declare const ScAppListingCard: ({ icon, title, descrp, className, ...props }: IScAppListingCardProps) => JSX.Element;
 
-interface IScAppCardProps {
+interface IScAppCardProps extends React.HTMLAttributes<HTMLDivElement> {
     appIcon?: JSX.Element;
     appName?: string;
     appDescription?: string;
@@ -216,41 +261,51 @@ interface IScAppCardProps {
 }
 declare const ScAppCard: ({ appIcon, appName, appDescription, className, ...props }: IScAppCardProps) => JSX.Element;
 
-interface IScAppFieldProps {
+interface IScAppFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    appFieldTitle?: string;
     className?: string;
 }
-declare const ScAppField: ({ className, ...props }: IScAppFieldProps) => JSX.Element;
+declare const ScAppField: ({ appFieldTitle, className, ...props }: IScAppFieldProps) => JSX.Element;
 
-interface IScArtifaxInviteProps {
+interface IScArtifaxInviteProps extends React.HTMLAttributes<HTMLDivElement> {
     active?: "false" | "true";
+    appName?: string;
+    appDescription?: string;
+    appIcon?: JSX.Element;
     className?: string;
 }
-declare const ScArtifaxInvite: ({ active, className, ...props }: IScArtifaxInviteProps) => JSX.Element;
+declare const ScArtifaxInvite: ({ active, appName, appDescription, appIcon, className, ...props }: IScArtifaxInviteProps) => JSX.Element;
 
 interface IScBillingHistoryHeaderProps {
     className?: string;
 }
 declare const ScBillingHistoryHeader: ({ className, ...props }: IScBillingHistoryHeaderProps) => JSX.Element;
 
-interface IScCatalogixInviteProps {
+interface IScCatalogixInviteProps extends React.HTMLAttributes<HTMLDivElement> {
     active?: "false" | "true";
+    appName?: string;
+    appDescription?: string;
+    storeAccessTitle?: string;
+    selectedCount?: string;
+    searchPlaceholder?: string;
+    appIcon?: JSX.Element;
     className?: string;
 }
-declare const ScCatalogixInvite: ({ active, className, ...props }: IScCatalogixInviteProps) => JSX.Element;
+declare const ScCatalogixInvite: ({ active, appName, appDescription, storeAccessTitle, selectedCount, searchPlaceholder, appIcon, className, ...props }: IScCatalogixInviteProps) => JSX.Element;
 
-interface IScCheckFieldProps {
+interface IScCheckFieldProps extends React.HTMLAttributes<HTMLDivElement> {
     label?: string;
     className?: string;
 }
 declare const ScCheckField: ({ label, className, ...props }: IScCheckFieldProps) => JSX.Element;
 
-interface IScCheckboxProps {
+interface IScCheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "default" | "partial" | "selected";
     className?: string;
 }
 declare const ScCheckbox: ({ state, className, ...props }: IScCheckboxProps) => JSX.Element;
 
-interface IScFieldButtonProps {
+interface IScFieldButtonProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
     type?: "default" | "icon-right" | "icon-left" | "only-icon";
     state?: "default";
@@ -259,7 +314,7 @@ interface IScFieldButtonProps {
 }
 declare const ScFieldButton: ({ icon, type, state, className, text, ...props }: IScFieldButtonProps) => JSX.Element;
 
-interface IScOnlyFieldProps {
+interface IScOnlyFieldProps extends React.HTMLAttributes<HTMLDivElement> {
     tfRightIcon?: JSX.Element;
     tfLeftIcon?: JSX.Element;
     state?: "default" | "active" | "error" | "disabled" | "filled";
@@ -270,7 +325,7 @@ interface IScOnlyFieldProps {
 }
 declare const ScOnlyField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, className, placeholderFilled, ...props }: IScOnlyFieldProps) => JSX.Element;
 
-interface IScPendingActionProps {
+interface IScPendingActionProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 declare const ScPendingAction: ({ className, ...props }: IScPendingActionProps) => JSX.Element;
@@ -284,12 +339,15 @@ interface IScPhtogenixInviteProps {
 }
 declare const ScPhtogenixInvite: ({ active, scAppCardappDescription, scAppCardappName, scAppCardappIcon, className, ...props }: IScPhtogenixInviteProps) => JSX.Element;
 
-interface IScQuickPromptProps {
+interface IScQuickPromptProps extends React.HTMLAttributes<HTMLDivElement> {
+    appName?: string;
+    heading?: string;
+    description?: string;
     className?: string;
 }
-declare const ScQuickPrompt: ({ className, }: IScQuickPromptProps) => JSX.Element;
+declare const ScQuickPrompt: ({ appName, heading, description, className, ...props }: IScQuickPromptProps) => JSX.Element;
 
-interface IScRadioProps {
+interface IScRadioProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "default" | "selected";
     className?: string;
 }
@@ -300,12 +358,17 @@ interface IScReferralTableHeaderProps {
 }
 declare const ScReferralTableHeader: ({ className, ...props }: IScReferralTableHeaderProps) => JSX.Element;
 
-interface IScReferralTableListProps {
+interface IScReferralTableListProps extends React.HTMLAttributes<HTMLDivElement> {
+    userEmail?: string;
+    userName?: string;
+    date?: string;
+    status?: string;
+    points?: string;
     className?: string;
 }
-declare const ScReferralTableList: ({ className, ...props }: IScReferralTableListProps) => JSX.Element;
+declare const ScReferralTableList: ({ userEmail, userName, date, status, points, className, ...props }: IScReferralTableListProps) => JSX.Element;
 
-interface IScSettingsNavProps {
+interface IScSettingsNavProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 declare const ScSettingsNav: ({ className, ...props }: IScSettingsNavProps) => JSX.Element;
@@ -323,7 +386,7 @@ interface IScStrLogoProps {
 }
 declare const ScStrLogo: ({ type, className, ...props }: IScStrLogoProps) => JSX.Element;
 
-interface IScTabCompProps {
+interface IScTabCompProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: JSX.Element;
     active?: "true" | "false";
     type?: "text-only" | "icon-only";
@@ -338,7 +401,7 @@ interface IScTabFieldProps {
 }
 declare const ScTabField: ({ label, className, ...props }: IScTabFieldProps) => JSX.Element;
 
-interface IScTabSwitcherProps {
+interface IScTabSwitcherProps extends React.HTMLAttributes<HTMLDivElement> {
     tabCount?: "2" | "3" | "4" | "5";
     component?: JSX.Element;
     component2?: JSX.Element;
@@ -358,16 +421,18 @@ interface IScTableHeaderProps {
 }
 declare const ScTableHeader: ({ type, className, ...props }: IScTableHeaderProps) => JSX.Element;
 
-interface IScTableListProps {
+interface IScTableListProps extends React.HTMLAttributes<HTMLDivElement> {
     invitedBy?: string;
     signedOn?: string;
+    userEmail?: string;
     hover?: "false" | "true";
     variant?: "active" | "pending";
     className?: string;
+    onRowClick?: (rowId: string, event: React.MouseEvent) => void;
 }
-declare const ScTableList: ({ invitedBy, signedOn, hover, variant, className, ...props }: IScTableListProps) => JSX.Element;
+declare const ScTableList: ({ invitedBy, signedOn, userEmail, hover, variant, className, onRowClick, ...props }: IScTableListProps) => JSX.Element;
 
-interface IScTextFieldProps {
+interface IScTextFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
     tfRightIcon?: JSX.Element;
     tfLeftIcon?: JSX.Element;
     state?: "default" | "active" | "error" | "disabled" | "filled";
@@ -379,23 +444,29 @@ interface IScTextFieldProps {
 }
 declare const ScTextField: ({ tfRightIcon, tfLeftIcon, state, tfGroup, labelGroup, className, placeholderFilled, label, ...props }: IScTextFieldProps) => JSX.Element;
 
-interface IScToggleSwitchProps {
+interface IScToggleSwitchProps extends React.HTMLAttributes<HTMLDivElement> {
     active?: "true" | "false";
     className?: string;
 }
 declare const ScToggleSwitch: ({ active, className, ...props }: IScToggleSwitchProps) => JSX.Element;
 
-interface IScVersionProps {
+interface IScVersionProps extends React.HTMLAttributes<HTMLDivElement> {
     state?: "expanded" | "collapsed";
+    version?: string;
     scSidebarIconsinstance?: JSX.Element;
     component?: JSX.Element;
     className?: string;
 }
-declare const ScVersion: ({ state, scSidebarIconsinstance, component, className, ...props }: IScVersionProps) => JSX.Element;
+declare const ScVersion: ({ state, version, scSidebarIconsinstance, component, className, ...props }: IScVersionProps) => JSX.Element;
 
-interface IScWorkspaceCardProps {
+interface IScWorkspaceCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    workspaceName?: string;
+    role?: string;
+    userCount?: string;
+    ownerEmail?: string;
+    buttonText?: string;
     className?: string;
 }
-declare const ScWorkspaceCard: ({ className, }: IScWorkspaceCardProps) => JSX.Element;
+declare const ScWorkspaceCard: ({ workspaceName, role, userCount, ownerEmail, buttonText, className, ...props }: IScWorkspaceCardProps) => JSX.Element;
 
 export { type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScHDividerProps, type IScHeaderProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleProps, type IScSettingsNavProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceProps, ScAccess, ScAppCard, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScFieldButton, ScGoogleSignIn, ScHDivider, ScHeader, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralTableHeader, ScReferralTableList, ScRole, ScSettingsNav, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspace, ScWorkspaceCard };