@motionmetrics/mmpro-storybook-components-schema 2.0.30 → 2.0.32

package/lib/storybook/components/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
-import { Icon } from "./renderers/Icon.d.ts";
+import { Icon } from "./renderers/Icon";
 export { Icon };
-export declare const ProductIcon: ({ iconType, name, className, size, handleClick, style, }: import("./Icon.types.d.ts").IconPropsType) => import("react/jsx-runtime").JSX.Element;
-export declare const ModuleIcon: ({ iconType, name, className, size, handleClick, style, }: import("./Icon.types.d.ts").IconPropsType) => import("react/jsx-runtime").JSX.Element;
-export declare const ModuleOutlinedIcon: ({ iconType, name, className, size, handleClick, style, }: import("./Icon.types.d.ts").IconPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductIcon: ({ iconType, name, className, size, handleClick, style, }: import("./Icon.types").IconPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const ModuleIcon: ({ iconType, name, className, size, handleClick, style, }: import("./Icon.types").IconPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const ModuleOutlinedIcon: ({ iconType, name, className, size, handleClick, style, }: import("./Icon.types").IconPropsType) => import("react/jsx-runtime").JSX.Element;

package/lib/storybook/components/Icon/Icon.types.d.ts

@@ -1,4 +1,4 @@
-import type { iconSizeValues } from "../../Common.types.d.ts";
+import type { iconSizeValues } from ":storybook/Common.types";
 import type { CSSProperties, MouseEventHandler } from "react";
 export declare const iconArr: readonly ["Reverse", "DoubleArrowLeft", "DoubleArrowRight", "CollapseRight", "CollapseLeft", "EditOutlined", "Time", "Reload", "Equal", "MixedChart", "DashedLine", "Line", "Date", "FilledDot", "OutlinedDot", "FilledBox", "OutlinedBox", "NotificationOff", "Alert", "Trend", "EditBox", "Image", "Next", "Previous", "FullScreen", "Keyboard", "SiteDashboard", "Delete", "Clear", "StateOffline", "StateWarning", "StateOk", "StateAlarm", "AlertMessage", "Info", "Help", "Region", "Redo", "Edit", "Create", "TagFilled", "TagOutlined", "CloseFullScreen", "UndoAction", "FitToScreen", "Download", "Calendar", "FlagFilled", "FlagOutlined", "Location", "StarFilled", "StarOutlined", "ZoomOut", "ZoomIn", "Explosion", "Play", "Pause", "Cancel", "Remove", "CheckboxIndeterminate", "Checkbox", "CheckboxChecked", "Add", "NotificationFilled", "Back", "ArrowRight", "NavigateNext", "NavigateBefore", "HorizontalBarChart", "OpenInNew", "BrokenTooth", "Camera3D", "LikeFilled", "LikeOutlined", "TruckMetrics", "ChartView", "SelectAll", "Select", "Disabled", "MaterialHeight", "Belt", "Surveillance", "Exclamation", "CheckCircleOutlined", "FileExcel", "SortAlphaAsc", "Settings", "Question", "Clock", "Picture", "Table", "Envelope", "RegionIgnore", "Bell", "Filter", "SearchPlus", "ShareAlt", "Floppy", "Tooth", "DashboardCircle", "DownloadAlt", "CaretDown", "CaretUp", "Trash", "LogOut", "Ban", "Map", "BarChart", "Pencil", "FolderOpen", "Merge", "BuildingFilled", "CheckCircleFilled", "ToothWear", "CancelRounded", "ArrowCircleRight", "ToothReplace", "ArrowDoubleHead", "Hashtag", "User", "BuildingOutlined", "Clone", "FileText", "MovePoint", "MinusCircle", "AngleUp", "PlayCircle", "Dashboard", "Cube", "Comment", "CheckSquareRounded", "MousePointer", "Refresh", "Plus", "RoundedSquare", "Repeat", "PlusCircle", "ArrowCircleLeft", "SortAlphaDesc", "ExclamationTriangle", "AngleDown", "Phone", "Close", "SearchMinus", "ArrowCircleUp", "Search", "Lock", "Split", "HandPaper", "Unlock", "Undo", "ObjectGroup", "Segmentation", "AngleRight", "ToothWearCircle", "Times", "Crop", "RegionRock", "Check", "Administration", "API", "Home", "GalleryView", "CardView", "KeyboardHide", "GPS", "GPSOff", "Layers", "PanTool", "Menu", "AddImage", "ArrowLeft", "ArrowSelector", "CameraID", "ChevronLeft", "ChevronRight", "ChevronRightSmall", "Copy", "Email", "ImageCrashed", "InfoFilled", "Language", "Login", "MyLocationFilled", "Paste", "Save", "Translation", "AlarmPrevious", "AlarmNext", "ArrowDiagonalDown", "ArrowDiagonalUp", "ArrowDown", "CameraPrimary", "ArrowUp", "Audio", "AudioMute", "CameraFirst", "CameraSecond", "CameraVideo", "ChevronDownSmall", "ChevronLeftSmall", "ChevronUpSmall", "Collapse", "Expand", "FrameForward", "FrameBackward", "FullScreenExit", "LayersOff", "ListView", "MoreHorizontal", "MoreVertical", "MyLocationOutlined", "NotificationOutlined", "ReportCSV", "ReportPDF", "Link"];
 export declare const productIconArr: readonly ["ShovelMetrics3D", "ShovelMetrics2D", "BeltMetrics3D", "BeltMetrics2D", "PortaMetrics3D", "PortaMetrics2D", "LoaderMetrics3D", "LoaderMetrics2D", "TruckMetrics3D", "TruckMetrics2D", "CrusherMetrics3D", "MetricsManagerPro3D", "MetricsManagerPro2D"];

package/lib/storybook/components/Icon/index.d.ts

@@ -1,2 +1,2 @@
-export { Icon, ProductIcon, ModuleIcon, ModuleOutlinedIcon } from "./Icon.d.ts";
-export * from "./Icon.types.d.ts";
+export { Icon, ProductIcon, ModuleIcon, ModuleOutlinedIcon } from "./Icon";
+export * from "./Icon.types";

package/lib/storybook/components/Schema/BaseSchema/index.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 import type { SchemaElementOptionGetter } from "./types";
 export declare const BaseSchema: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
-    isBackhoe?: boolean | undefined;
-    isDarkMode?: boolean | undefined;
-    noBackground?: boolean | undefined;
-    singleThreshold?: boolean | undefined;
-    reverseTeeth?: boolean | undefined;
-    disableTooltip?: boolean | undefined;
-    showToothNum?: boolean | undefined;
-    toothSettings?: Pick<import("../../../../models").ToothSetting, "length" | "maxLength" | "minLength">[] | undefined;
-    toothWearPredictions?: Pick<import("../../../../models").ToothWearPrediction, "projectedWearOutUtcTime">[] | undefined;
-    toothWearLastUpdated?: number | undefined;
+    isBackhoe?: boolean;
+    isDarkMode?: boolean;
+    noBackground?: boolean;
+    singleThreshold?: boolean;
+    reverseTeeth?: boolean;
+    disableTooltip?: boolean;
+    showToothNum?: boolean;
+    toothSettings?: Pick<import("../../../../models").ToothSetting, "length" | "maxLength" | "minLength">[];
+    toothWearPredictions?: Pick<import("../../../../models").ToothWearPrediction, "projectedWearOutUtcTime">[];
+    toothWearLastUpdated?: number;
     toothCount: number;
     getToothOption: SchemaElementOptionGetter;
     getLipShroudOption: SchemaElementOptionGetter;

package/lib/storybook/components/Schema/BaseSchema/types.d.ts

@@ -1,5 +1,5 @@
-import type { EquipmentTypeName, ToothSetting, ToothWearPrediction } from "../../../../models";
-import type { CommonStylingProps } from "../../../utils/styles";
+import type { EquipmentTypeName, ToothSetting, ToothWearPrediction } from ":models";
+import type { CommonStylingProps } from ":storybook/utils/styles";
 import type { SchemaColor } from "../assets/colors";
 import type { SchemaElementComponent } from "../assets/utils";
 export type ExtendedSchemaProps<T> = Omit<BaseSchemaPropsType, "toothCount" | "getToothOption" | "getLipShroudOption"> & {

package/lib/storybook/components/Schema/Schema.props.d.ts

@@ -0,0 +1,5 @@
+import type { SchemaPropsType } from "./Schema.types";
+export declare const cableLipShroudSchemaProps: SchemaPropsType;
+export declare const cableToothSchemaProps: SchemaPropsType;
+export declare const hydraulicLipShroudSchemaProps: SchemaPropsType;
+export declare const hydraulicToothSchemaProps: SchemaPropsType;

package/lib/storybook/components/Schema/Schema.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Schema } from "./Schema";
+declare const meta: Meta<typeof Schema>;
+export default meta;
+export declare const CableLipShroudSchema: StoryObj;
+export declare const CableToothSchema: StoryObj;
+export declare const HydraulicLipShroudSchema: StoryObj;
+export declare const HydraulicToothSchema: StoryObj;

package/lib/storybook/components/Schema/SchemaTable.d.ts

@@ -0,0 +1,5 @@
+import type { EquipmentTypeName } from ":models";
+declare const SchemaTable: ({ equipmentType, }: {
+    equipmentType: EquipmentTypeName;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SchemaTable;

package/lib/storybook/components/Schema/ShrinkableSchema/index.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ShrinkableSchema } from ".";
+import type { ShrinkableSchemaProps } from "./types";
+import type { SchemaPropsType } from "../Schema.types";
+import { type OfflineSchemaPropsType } from "../OfflineSchema";
+import { type ToothWearSchemaPropsType } from "../ToothWearSchema";
+declare const Component: typeof ShrinkableSchema;
+declare const meta: Meta<typeof Component>;
+export default meta;
+export declare const HydraulicMissingTooth: StoryObj<Meta<ShrinkableSchemaProps<SchemaPropsType>>>;
+export declare const Offline: StoryObj<Meta<ShrinkableSchemaProps<OfflineSchemaPropsType>>>;
+export declare const ToothWear: StoryObj<Meta<ShrinkableSchemaProps<ToothWearSchemaPropsType>>>;

package/lib/storybook/components/Schema/ShrinkableSchema/types.d.ts

@@ -1,4 +1,4 @@
-import type { CommonStylingProps } from "../../../utils/styles";
+import type { CommonStylingProps } from ":storybook/utils/styles";
 import type { ForwardRefExoticComponent, RefAttributes } from "react";
 export type ShrinkableSchemaProps<P> = P & CommonStylingProps & {
     component: ForwardRefExoticComponent<P & RefAttributes<HTMLDivElement>>;

package/lib/storybook/components/Schema/ToothWearSchema/index.d.ts

@@ -6,5 +6,5 @@ export type ToothWearSchemaPropsType = ExtendedSchemaProps<{
 export declare const ToothWearSchema: import("react").ForwardRefExoticComponent<Omit<import("../BaseSchema/types").BaseSchemaPropsType, "toothCount" | "getToothOption" | "getLipShroudOption"> & {
     equipmentType: import("../../../../models").EquipmentTypeName;
 } & {
-    customWidth?: number | undefined;
+    customWidth?: number;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/lib/storybook/components/Schema/ToothWearSchema/index.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ToothWearSchema as Component } from ".";
+type ComponentMeta = Meta<typeof Component>;
+type ComponentStory = StoryObj<ComponentMeta>;
+declare const meta: ComponentMeta;
+export default meta;
+export declare const ToothWearSchema: ComponentStory;

package/lib/storybook/components/Schema/assets/colors.d.ts

@@ -1,4 +1,4 @@
-import { type ColorVariantKey } from "../../../tokensV2";
+import { type ColorVariantKey } from ":storybook/tokensV2";
 export type SchemaColor = {
     fill: string;
     stroke: string;

package/lib/storybook/components/Schema/assets/index.d.ts

@@ -1,4 +1,4 @@
-import type { ColorVariantKey } from "../../../tokensV2";
+import type { ColorVariantKey } from ":storybook/tokensV2";
 import { SchemaElementComponent } from "./utils";
 export declare const toothCableShovel: (colorVariant: ColorVariantKey, options?: {
     count?: number;

package/lib/storybook/components/Schema/assets/utils.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from "react";
-import { type ColorVariantKey } from "../../../tokensV2";
+import { type ColorVariantKey } from ":storybook/tokensV2";
 type CreateTemplateArgs = {
     path: string;
     originalWidth: number;

package/lib/storybook/components/Schema/constants.d.ts

@@ -1,5 +1,5 @@
-import { EquipmentTypeName } from "../../../models";
-import type { ColorVariantKey } from "../../tokensV2";
+import { EquipmentTypeName } from ":models";
+import type { ColorVariantKey } from ":storybook/tokensV2";
 export declare const SCHEMA_DEFAULT_HEIGHT = 60;
 export declare const getToothComponent: (numberOfTeeth: number, equipmentType: EquipmentTypeName, colorVariant: ColorVariantKey, widthsOverride?: number) => import("./assets/utils").SchemaElementComponent;
 export declare const getMissingToothComponent: (numberOfTeeth: number, equipmentType: EquipmentTypeName, colorVariant: ColorVariantKey) => import("./assets/utils").SchemaElementComponent;

package/lib/storybook/components/Schema/index.d.ts

@@ -1,8 +1,8 @@
-export { Schema } from "./Schema.d.ts";
-export type { SchemaPropsType } from "./Schema.types.d.ts";
-export { ShrinkableSchema } from "./ShrinkableSchema/index.d.ts";
-export { OfflineSchema } from "./OfflineSchema/index.d.ts";
-export type { OfflineSchemaPropsType } from "./OfflineSchema/index.d.ts";
-export type { ExtendedSchemaProps } from "./BaseSchema/types.d.ts";
-export { ToothWearSchema } from "./ToothWearSchema/index.d.ts";
-export type { ToothWearSchemaPropsType } from "./ToothWearSchema/index.d.ts";
+export { Schema } from "./Schema";
+export type { SchemaPropsType } from "./Schema.types";
+export { ShrinkableSchema } from "./ShrinkableSchema";
+export { OfflineSchema } from "./OfflineSchema";
+export type { OfflineSchemaPropsType } from "./OfflineSchema";
+export type { ExtendedSchemaProps } from "./BaseSchema/types";
+export { ToothWearSchema } from "./ToothWearSchema";
+export type { ToothWearSchemaPropsType } from "./ToothWearSchema";

package/lib/storybook/components/Schema/utils.d.ts

@@ -1,6 +1,6 @@
-import type { UserUnitLength } from "../../../models";
+import type { UserUnitLength } from ":models";
 import type { ReactNode } from "react";
-import type { LengthDecimalPlaces } from "../../utils";
+import type { LengthDecimalPlaces } from ":storybook/utils";
 import type { SchemaPropsType } from "./Schema.types";
 export declare const DECIMAL_PLACES: LengthDecimalPlaces;
 export type GetMessageFn = (args: {
@@ -11,4 +11,4 @@ export declare const getLipShroudMessage: GetMessageFn;
 export declare const getToothMessage: GetMessageFn;
 export declare const getToothIntactRatio: (setting?: NonNullable<SchemaPropsType["toothSettings"]>[number]) => number;
 export declare const getToothCriticalRatio: (setting?: NonNullable<SchemaPropsType["toothSettings"]>[number]) => number;
-export declare const renderCriticalLine: (toothSettings: SchemaPropsType["toothSettings"]) => import("react/jsx-runtime").JSX.Element | null;
+export declare const renderCriticalLine: (toothSettings: SchemaPropsType["toothSettings"]) => import("react/jsx-runtime").JSX.Element;

package/lib/storybook/components/Tooltip/InteractiveTooltip/index.stories.d.ts

@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { InteractiveTooltip as Component, type InteractiveTooltipProps } from ".";
+type ComponentMeta = Meta<typeof Component>;
+type ComponentStory = StoryObj<ComponentMeta>;
+/**
+ * The InteractiveTooltip is a customizable tooltip component that displays additional information
+ * when hovering over an element. It supports rich content, including images, links, and custom styles.
+ *
+ * Just like the [RichTooltip](http://iot-staging-mm-react-storybook.s3-website-us-west-2.amazonaws.com/?path=/docs/components-tooltip-richtooltip--docs) component, this component is extended from MUI's [Tooltip](https://mui.com/material-ui/react-tooltip/) component along with its props.
+ */
+declare const _default: {
+    component: ({ title, subtitle, image, imageLink, linkText, ...props }: InteractiveTooltipProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+        open: true;
+        placement: "bottom-start";
+        arrow: true;
+        title: string;
+        subtitle: import("react/jsx-runtime").JSX.Element;
+        image: any;
+        imageLink: {
+            href: string;
+            target: "_blank";
+        };
+        linkText: string;
+        classes: {
+            tooltip: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ComponentStory;
+export declare const ClickToOpen: ComponentStory;

package/lib/storybook/components/Tooltip/RichTooltip/index.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { RichTooltip as Component } from ".";
+type ComponentMeta = Meta<typeof Component>;
+type ComponentStory = StoryObj<ComponentMeta>;
+declare const meta: ComponentMeta;
+export default meta;
+export declare const TitleOnly: ComponentStory;
+export declare const SubtitleOnly: ComponentStory;
+export declare const TitleAndSubtitle: ComponentStory;
+export declare const FullInfoWithInlineDetails: ComponentStory;
+export declare const FullInfoWithBlockDetails: ComponentStory;
+export declare const ClickToOpen: ComponentStory;

package/lib/storybook/components/Tooltip/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./types.d.ts";
-export { Tooltip } from "./Tooltip.d.ts";
-export * from "./RichTooltip/index.d.ts";
+export * from "./types";
+export { Tooltip } from "./Tooltip";
+export * from "./RichTooltip";

package/lib/storybook/components/Tooltip/index.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Tooltip } from ".";
+type ComponentMeta = Meta<typeof Tooltip>;
+type ComponentStory = StoryObj<ComponentMeta>;
+declare const meta: ComponentMeta;
+export default meta;
+export declare const Default: ComponentStory;
+export declare const Square: ComponentStory;

package/lib/storybook/components/Tooltip/types.d.ts

@@ -1,4 +1,4 @@
-import type { useTooltipStyles } from "../../utils/styles";
+import type { useTooltipStyles } from ":storybook/utils/styles";
 import type { TooltipProps as MuiTooltipProps } from "@mui/material";
 export interface TooltipProps extends Omit<MuiTooltipProps, "classes"> {
     offset?: number;

package/lib/storybook/contexts/UserContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { UserInfo } from "../../models";
+import type { UserInfo } from ":models";
 type UserInfoContext = Pick<UserInfo, "timeZone" | "units" | "dateFormat" | "timeFormat" | "language">;
 export declare const DEFAULT_USER: UserInfoContext;
 export declare const UserInfoContext: import("react").Context<UserInfoContext>;

package/lib/storybook/hooks/useSize.d.ts

@@ -2,4 +2,4 @@ import type { MutableRefObject } from "react";
 export default function useSize(target: MutableRefObject<HTMLElement | null>): {
     width: number;
     height: number;
-} | undefined;
+};

package/lib/storybook/hooks/useSizeRef.d.ts

@@ -9,5 +9,5 @@ export type ElementSize = {
     width: number;
     height: number;
 };
-export default function useSizeRef<T extends Element>(args?: UseSizeRefArgs): readonly [RefFn<T>, ElementSize | undefined];
+export default function useSizeRef<T extends Element>(args?: UseSizeRefArgs): readonly [RefFn<T>, ElementSize];
 export {};

package/lib/storybook/hooks/useUserTimezone.d.ts

@@ -1,4 +1,4 @@
-import type { UserInfo } from "../../models";
+import type { UserInfo } from ":models";
 type Timezone = UserInfo["timeZone"];
 export declare const useUserTimezone: (override?: Timezone) => string;
 export {};

package/lib/storybook/hooks/useUserUnits.d.ts

@@ -1,7 +1,7 @@
-import type { UserInfo } from "../../models";
+import type { UserInfo } from ":models";
 type UserUnits = UserInfo["units"];
 export declare const useUserUnits: (override?: Partial<UserUnits>) => {
-    length: import("../../models").UserUnitLength;
+    length: import(":models").UserUnitLength;
     area: string;
     volume: string;
     mass: string;

package/lib/storybook/schema-entry.d.ts

@@ -0,0 +1,2 @@
+export { Schema } from "./components/Schema/Schema";
+export type { SchemaPropsType } from "./components/Schema/Schema.types";

package/lib/storybook/tokensV2/Border/index.stories.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     parameters: {
         docs: {
             source: {
-                code: null;
+                code: any;
             };
         };
     };

package/lib/storybook/tokensV2/Border/types.d.ts

@@ -1,4 +1,4 @@
-import type { borderRadiusStorybook } from "../../tokensV2/Border";
+import type { borderRadiusStorybook } from ":storybook/tokensV2/Border";
 import type { borderRadiusPrimitives } from "./primitive";
 export type BorderRadiusPrimitiveTokenType = Record<number | string, number | string>;
 type BorderRadiusKeys = keyof typeof borderRadiusStorybook;

package/lib/storybook/tokensV2/Color/backwardMapping.d.ts

@@ -1,4 +1,4 @@
-import { type Colors, type WithoutPropsSuffix } from "../../components";
+import { type Colors, type WithoutPropsSuffix } from ":storybook/components";
 import type { ColorVariants } from "./types";
 type ExtractNewVariants<T extends Record<string, {
     variants: unknown;

package/lib/storybook/tokensV2/Color/index.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+declare const _default: {
+    title: string;
+    parameters: {
+        docs: {
+            source: {
+                code: any;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Docs: StoryObj;

package/lib/storybook/tokensV2/Color/types.d.ts

@@ -1,4 +1,4 @@
-import type { HEXCode } from "../../Common.types";
+import type { HEXCode } from ":storybook/Common.types";
 export type ColorVariants = {
     default: HEXCode;
     darkTheme: HEXCode;

package/lib/storybook/tokensV2/ResponsiveGrid/index.d.ts

@@ -0,0 +1,8 @@
+import type { CommonStylingProps } from ":storybook/utils/styles";
+import type { PropsWithChildren } from "react";
+export { breakpoints, margins } from "./semantic";
+export declare const ResponsiveGrid: ({ variant, className, children, ...props }: ResponsiveGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const breakpointVariants: readonly ["desktop", "laptop", "tablet", "mobile"];
+type ResponsiveGridProps = PropsWithChildren<{
+    variant: (typeof breakpointVariants)[number];
+}> & CommonStylingProps;

package/lib/storybook/tokensV2/ResponsiveGrid/index.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from "@storybook/react";
+/**
+ * The `ResponsiveGrid` component is used to create a responsive `div` wrapper around children elements.
+ * Its variants are the following along with their respective breakpoints (using css `max-width` property) and margins.
+ *
+ * However, there are some instances where we would like to use these tokens separately without the wrapper, hence the breakpoint and margin token are also exposed independently.
+ */
+declare const _default: {
+    title: string;
+    parameters: {
+        docs: {
+            source: {
+                code: any;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Docs: StoryObj;

package/lib/storybook/tokensV2/ResponsiveGrid/semantic.d.ts

@@ -0,0 +1,18 @@
+export declare enum breakpoints {
+    desktop = 1920,
+    laptop = 1280,
+    tablet = 960,
+    mobile = 600
+}
+export declare enum margins {
+    desktop = 24,
+    laptop = 24,
+    tablet = 16,
+    mobile = 16
+}
+export declare enum gutters {
+    desktop = 24,
+    laptop = 24,
+    tablet = 16,
+    mobile = 16
+}

package/lib/storybook/tokensV2/Shadow/index.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+declare const _default: {
+    title: string;
+    parameters: {
+        docs: {
+            source: {
+                code: any;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Docs: StoryObj;

package/lib/storybook/tokensV2/Shadow/semantic.d.ts

@@ -0,0 +1,8 @@
+export declare enum shadowSemantic {
+    shadow100 = "0px 1px 2px rgba(0, 0, 0, 0.20), 0px 1px 3px rgba(0, 0, 0, 0.15)",
+    shadow200 = "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.20)",
+    shadow300 = "0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.20)",
+    shadow400 = "0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.20)",
+    shadow500 = "0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.20)",
+    shadow600 = "0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.20)"
+}

package/lib/storybook/tokensV2/Typography/index.d.ts

@@ -1,4 +1,4 @@
-import type { CommonStylingProps } from "../../utils/styles";
+import type { CommonStylingProps } from ":storybook/utils/styles";
 import type { PropsWithChildren } from "react";
 import type { oldTypographyVariants, typographyVariants } from "./constants";
 import * as oldTypographyStyles from "./oldStyles";

package/lib/storybook/tokensV2/Typography/index.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+declare const _default: {
+    title: string;
+    parameters: {
+        docs: {
+            source: {
+                code: any;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Docs: StoryObj;

package/lib/storybook/tokensV2/index.js

@@ -1,2 +1,2 @@
-// Type-definitions-only re-export for tokens
-export {};
+// Type definitions only - no runtime exports
+module.exports = {};

package/lib/storybook/tokensV2/utils.d.ts

@@ -0,0 +1 @@
+export declare const getDesignKey: (tokenName: string) => string;

package/lib/storybook/utils/LinkWrapperV2.d.ts

@@ -15,6 +15,6 @@ export type LinkWrapperV2Props = Omit<RouterLinkProps, "to"> & {
  * mechanism instead.
  */
 export declare const LinkWrapperV2: import("react").ForwardRefExoticComponent<Omit<RouterLinkProps<unknown>, "to"> & {
-    external?: boolean | undefined;
-    to?: import("history").LocationDescriptor<unknown> | ((location: import("history").Location<unknown>) => import("history").LocationDescriptor<unknown>) | undefined;
+    external?: boolean;
+    to?: RouterLinkProps["to"];
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/lib/storybook/utils/colorVariant.d.ts

@@ -1,3 +1,3 @@
 import type { PaletteMode } from "@mui/material";
-import type { ColorVariants } from "../tokensV2";
+import type { ColorVariants } from ":storybook/tokensV2";
 export declare const muiPalleteModeToColorVariant: Record<PaletteMode, keyof ColorVariants>;

package/lib/storybook/utils/emptyDataStructures.d.ts

@@ -0,0 +1,2 @@
+export declare const EMPTY_ARRAY: any[];
+export declare const EMPTY_OBJECT: {};

package/lib/storybook/utils/formatDateWithAt.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Formats a timestamp with '@' between date and time.
+ * Examples:
+ *   formatDateWithAt(1730710200, "MMM D HH:mm", "America/Vancouver")
+ *   → "Nov 4 @ 12:30"
+ *   formatDateWithAt(1730710200, "MM/DD HH:mm", "America/Vancouver")
+ *   → "11/04 @ 12:30"
+ */
+export declare function formatDateWithAt(timestamp: number, dateFormat: string, timezone: string): string;

package/lib/storybook/utils/i18Translation.d.ts

@@ -0,0 +1 @@
+export declare function getSbTokenTranslation(msg: string): string;

package/lib/storybook/utils/stories.d.ts

@@ -0,0 +1,7 @@
+import type { StoryContext } from "@storybook/react";
+export declare function isUsingDarkBackground(context: StoryContext<unknown>): boolean;
+export declare function hideStoryArgsFields<TProps>(fields: (keyof TProps)[]): Record<keyof TProps, {
+    table: {
+        disable: boolean;
+    };
+}>;

package/lib/storybook/utils/time.d.ts

@@ -0,0 +1,10 @@
+export declare const timeInSeconds: {
+    days: (days: number) => number;
+    hours: (hours: number) => number;
+    mins: (mins: number) => number;
+};
+export declare const timeInMs: {
+    days: (v: number) => number;
+    hours: (v: number) => number;
+    mins: (v: number) => number;
+};

package/lib/storybook/utils/toothWearOut.d.ts

@@ -1,4 +1,4 @@
-import type { palette } from "../tokensV2";
+import type { palette } from ":storybook/tokensV2";
 export declare function getWearOutPredictionTextAndColor(wearoutTime: number): {
     wearOutIn: string;
     suffix?: "day" | "days";

package/lib/storybook/utils/units/length.d.ts

@@ -1,4 +1,4 @@
-import type { UserUnitLength } from "../../../models";
+import type { UserUnitLength } from ":models";
 export type LengthDecimalPlaces = Record<UserUnitLength, number>;
 type ConvertLengthArgs = {
     from?: UserUnitLength;

package/lib/storybook/utils/utils.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { LinkWrapperPropsType, ComponentsMapType } from "./utils.types";
-import type { BaseIconPropsType } from "../components/Icon/Icon.types";
+import type { BaseIconPropsType } from ":storybook/components/Icon/Icon.types";
 export declare const LinkWrapper: ({ isExternalLink, ...props }: LinkWrapperPropsType) => import("react/jsx-runtime").JSX.Element;
 export declare const createIconComponentsMapping: <T extends string>({ iconTypesCollection, iconsSVGCollection, }: ComponentsMapType<T>) => Record<string, React.FC<BaseIconPropsType>>;
 /**

package/lib/storybook/utils/utils.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { LinkProps } from "react-router-dom";
-import type { BaseIconPropsType } from "../components/Icon/Icon.types";
+import type { BaseIconPropsType } from ":storybook/components/Icon/Icon.types";
 export type LinkWrapperPropsType = ({
     isExternalLink: true;
 } & React.ComponentProps<"a">) | ({

package/lib/storybook/utils/zustand.d.ts

@@ -0,0 +1,23 @@
+import type { Draft } from "immer";
+export declare const createZustandStore: <T>(initialStateCreator: () => T) => import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<import("zustand").StoreApi<T>, "setState"> & {
+    setState(nextStateOrUpdater: T | Partial<T> | ((state: Draft<T>) => void), shouldReplace?: boolean): void;
+}>;
+export declare function createZustandStoreWithActions<T extends object, U extends object>(state: T, actions: (set: {
+    (produceFn: (state: Draft<T>) => T | void): void;
+    (state: Partial<T>, shouldReplace?: boolean): void;
+}, get: () => T) => U): import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<import("zustand").StoreApi<Omit<T, keyof U> & U>, "setState"> & {
+    setState(nextStateOrUpdater: (Omit<T, keyof U> & U) | Partial<Omit<T, keyof U> & U> | ((state: Draft<Omit<T, keyof U> & U>) => void), shouldReplace?: boolean): void;
+}>;
+export declare const createPersistZustandStore: <T>(initialStateCreator: () => T, persistStoreName: string) => import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<Omit<import("zustand").StoreApi<T>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<T, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: T) => void) => () => void;
+        onFinishHydration: (fn: (state: T) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<T, unknown>>;
+    };
+}, "setState"> & {
+    setState(nextStateOrUpdater: T | Partial<T> | ((state: Draft<T>) => void), shouldReplace?: boolean): void;
+}>;

package/package.json

@@ -1,34 +1,22 @@
 {
   "name": "@motionmetrics/mmpro-storybook-components-schema",
-  "version": "2.0.30",
-  "description": "Schema component package from @motionmetrics/mmpro-frontend-common. React 17-19 compatible.",
+  "version": "2.0.32",
+  "description": "Type definitions package for Schema, Icon, Tooltip components from @motionmetrics/mmpro-frontend-common. For actual component usage, import from the main @motionmetrics/mmpro-frontend-common package.",
   "main": "./lib/storybook/schema-entry.js",
   "module": "./lib/storybook/schema-entry.js",
   "types": "./lib/storybook/schema-entry.d.ts",
   "exports": {
     ".": {
-      "types": "./lib/storybook/schema-entry.d.ts",
-      "import": "./lib/storybook/schema-entry.js",
-      "require": "./lib/storybook/schema-entry.js",
-      "default": "./lib/storybook/schema-entry.js"
+      "types": "./lib/storybook/schema-entry.d.ts"
     },
     "./schema": {
-      "types": "./lib/storybook/components/Schema/index.d.ts",
-      "import": "./lib/storybook/components/Schema/index.js",
-      "require": "./lib/storybook/components/Schema/index.js",
-      "default": "./lib/storybook/components/Schema/index.js"
+      "types": "./lib/storybook/components/Schema/index.d.ts"
     },
     "./icon": {
-      "types": "./lib/storybook/components/Icon/index.d.ts",
-      "import": "./lib/storybook/components/Icon/index.js",
-      "require": "./lib/storybook/components/Icon/index.js",
-      "default": "./lib/storybook/components/Icon/index.js"
+      "types": "./lib/storybook/components/Icon/index.d.ts"
     },
     "./tokens": {
-      "types": "./lib/storybook/tokensV2/index.d.ts",
-      "import": "./lib/storybook/tokensV2/index.js",
-      "require": "./lib/storybook/tokensV2/index.js",
-      "default": "./lib/storybook/tokensV2/index.js"
+      "types": "./lib/storybook/tokensV2/index.d.ts"
     }
   },
   "files": [

package/lib/storybook/components/Icon/index.js

@@ -1,2 +0,0 @@
-// Icon component exports
-export * from './index.d.ts';

package/lib/storybook/components/Schema/index.js

@@ -1,2 +0,0 @@
-// Schema component exports
-export * from './index.d.ts';

package/lib/storybook/schema-entry.js

@@ -1,3 +0,0 @@
-// Main entry point - re-exports Schema and Icon components
-export * from './components/Schema/index.js';
-export * from './components/Icon/index.js';