@useloops/design-system 1.4.546 → 1.4.548

package/dist/utils.d.ts

@@ -1,28 +1,7 @@
-import { Breakpoint } from '@mui/material';
-
-type BreakpointOrNull = Breakpoint | null;
-declare const useBreakpoint: () => Breakpoint;
-
-declare function compareArrayMembers(arr1: string[], arr2: string[]): boolean;
-
-declare function isButton(element: HTMLElement): boolean;
-
-declare const useScreenSize: () => {
-    width: number | undefined;
-    height: number | undefined;
-};
-
-type ComboString = string;
-type ComboObject = {
-    key: string;
-    altKey?: boolean;
-    ctrlKey?: boolean;
-    metaKey?: boolean;
-    shiftKey?: boolean;
-};
-type ComboDefinition = ComboString | ComboObject;
-declare const useKeyCombo: (combo: ComboDefinition | ComboDefinition[], callback: (event: KeyboardEvent) => void, node?: HTMLElement | Document | null) => void;
-
-declare const usePrevious: <TValue>(value: TValue) => TValue | undefined;
-
-export { type BreakpointOrNull, compareArrayMembers, isButton, useBreakpoint, useKeyCombo, usePrevious, useScreenSize };
+export { BreakpointOrNull, useBreakpoint } from './utils/breakpoint.hook.js';
+export { compareArrayMembers } from './utils/compareArrayMembers.js';
+export { isButton } from './utils/isButton.js';
+export { pluralise } from './utils/pluralise.js';
+export { useScreenSize } from './utils/screen.hook.js';
+export { useKeyCombo } from './utils/useKeyCombo.js';
+export { usePrevious } from './utils/usePrevious.js';

package/dist/utils.js

@@ -1 +1 @@
-"use strict";var e=require("./_chunks/breakpoint.hook-X1gfdrbr.js"),r=require("./_chunks/compareArrayMembers-DrCqHh_l.js"),s=require("./_chunks/isButton-BLA1xegi.js"),u=require("./_chunks/screen.hook-BWo6Lcm1.js"),o=require("./_chunks/useKeyCombo-V6XcyiXh.js"),i=require("./_chunks/usePrevious-BaNqxBnu.js");require("@mui/material"),require("react"),exports.useBreakpoint=e.useBreakpoint,exports.compareArrayMembers=r.compareArrayMembers,exports.isButton=s.isButton,exports.useScreenSize=u.useScreenSize,exports.useKeyCombo=o.useKeyCombo,exports.usePrevious=i.usePrevious;
+"use strict";var e=require("./utils/breakpoint.hook.js"),r=require("./utils/compareArrayMembers.js"),s=require("./utils/isButton.js"),u=require("./utils/pluralise.js"),i=require("./utils/screen.hook.js"),o=require("./utils/useKeyCombo.js"),t=require("./utils/usePrevious.js");exports.useBreakpoint=e.useBreakpoint,exports.compareArrayMembers=r.compareArrayMembers,exports.isButton=s.isButton,exports.pluralise=u.pluralise,exports.useScreenSize=i.useScreenSize,exports.useKeyCombo=o.useKeyCombo,exports.usePrevious=t.usePrevious;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useloops/design-system",
-  "version": "1.4.546",
+  "version": "1.4.548",
   "description": "The official React based Loops design system",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -11,16 +11,36 @@
   ],
   "typesVersions": {
     "*": {
-      "WebCore/*": ["./dist/WebCore/*.d.ts"],
-      "Platform/*": ["./dist/Platform/*.d.ts"],
-      "Marketing/*": ["./dist/Marketing/*.d.ts"],
-      "BrandCore/*": ["./dist/BrandCore/*.d.ts"],
-      "WebCore": ["./dist/WebCore.d.ts"],
-      "Platform": ["./dist/Platform.d.ts"],
-      "Marketing": ["./dist/Marketing.d.ts"],
-      "BrandCore": ["./dist/BrandCore.d.ts"],
-      "theme": ["./dist/theme.d.ts"],
-      "utils": ["./dist/utils.d.ts"]
+      "WebCore/*": [
+        "./dist/WebCore/*.d.ts"
+      ],
+      "Platform/*": [
+        "./dist/Platform/*.d.ts"
+      ],
+      "Marketing/*": [
+        "./dist/Marketing/*.d.ts"
+      ],
+      "BrandCore/*": [
+        "./dist/BrandCore/*.d.ts"
+      ],
+      "WebCore": [
+        "./dist/WebCore.d.ts"
+      ],
+      "Platform": [
+        "./dist/Platform.d.ts"
+      ],
+      "Marketing": [
+        "./dist/Marketing.d.ts"
+      ],
+      "BrandCore": [
+        "./dist/BrandCore.d.ts"
+      ],
+      "theme": [
+        "./dist/theme.d.ts"
+      ],
+      "utils": [
+        "./dist/utils.d.ts"
+      ]
     }
   },
   "exports": {
@@ -86,11 +106,12 @@
     "clean": "rimraf dist",
     "build": "storybook build public -o dist",
     "start": "NODE_ENV=production npx tsx server",
-    "package": "npm run clean && rollup -c --bundleConfigAsCjs",
-    "prepare": "husky",
-    "test": "jest",
+    "package": "bun run clean && rollup -c --bundleConfigAsCjs",
+    "test": "bun test --preload ./config/spec/bun-setup.ts",
+    "test:unit": "bun test --preload ./config/spec/bun-setup.ts src/ config/",
+    "test:watch": "bun test --preload ./config/spec/bun-setup.ts --watch",
     "component": "npx hygen component new",
-    "icons": "cd ./scripts/useloops-icon-generator && npm run start",
+    "icons": "cd ./scripts/useloops-icon-generator && bun run start",
     "tsc": "tsc"
   },
   "repository": {
@@ -123,53 +144,45 @@
     "@babel/plugin-transform-runtime": "^7.25.9",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-typescript": "^7.26.0",
-    "@chromatic-com/storybook": "^3.2.6",
+    "@chromatic-com/storybook": "^4.1.1",
     "@commitlint/cli": "^19.6.0",
     "@commitlint/config-conventional": "^19.6.0",
     "@commitlint/prompt-cli": "^19.6.0",
     "@commitlint/types": "^19.5.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@faker-js/faker": "^9.4.0",
-    "@happy-dom/jest-environment": "^15.11.2",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
-    "@storybook/addon-themes": "^8.6.12",
-    "@storybook/addon-viewport": "^8.6.12",
-    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/manager-api": "^8.6.12",
-    "@storybook/preview-api": "^8.6.12",
-    "@storybook/react-webpack5": "^8.6.12",
-    "@storybook/test": "^8.6.12",
-    "@storybook/theming": "^8.6.12",
-    "@svgr/webpack": "^8.1.0",
+    "@storybook/addon-docs": "^9.1.13",
+    "@storybook/addon-links": "^9.1.13",
+    "@storybook/addon-onboarding": "^9.1.13",
+    "@storybook/addon-themes": "^9.1.13",
+    "@storybook/react-vite": "^9.1.13",
     "@swc/core": "^1.10.18",
-    "@swc/jest": "^0.2.37",
-    "@testing-library/react": "^16.0.1",
-    "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@types/react-lazy-load-image-component": "^1.6.4",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
     "@types/stylis": "^4.2.6",
+    "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^8.20.0",
     "@typescript-eslint/parser": "^8.20.0",
+    "@vitejs/plugin-react-swc": "^4.1.0",
+    "bun-types": "^1.3.0",
     "eslint": "^9.14.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^9.1.13",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "husky": "^9.1.6",
-    "jest": "^29.7.0",
+    "happy-dom": "^20.0.1",
     "prettier": "^3.3.3",
     "prettier-plugin-organize-imports": "^4.1.0",
-    "react-refresh": "^0.14.2",
     "resize-observer-polyfill": "^1.5.1",
     "rimraf": "^6.0.1",
     "rollup": "^4.25.0",
@@ -180,17 +193,12 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-svg": "^2.0.0",
-    "rollup-preserve-directives": "^1.1.2",
-    "storybook": "^8.6.12",
+    "rollup-preserve-directives": "^1.1.3",
+    "storybook": "^9.1.13",
     "tsx": "^4.19.2",
     "typescript": "^5.6.3",
-    "webpack": "^5.96.1",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-middleware": "^7.4.2",
-    "webpack-dev-server": "^5.1.0",
-    "webpack-hot-middleware": "^2.26.1",
-    "webpack-node-externals": "^3.0.0",
-    "webpack-stats-plugin": "^1.1.3"
+    "vite": "^7.1.10",
+    "vite-plugin-svgr": "^4.5.0"
   },
   "eslintConfig": {
     "extends": [
@@ -199,27 +207,27 @@
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.4.5",
-    "@mui/material": "^6.4.5"
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4"
   },
   "dependencies": {
-    "@base-ui-components/react": "^1.0.0-beta.3",
+    "@base-ui-components/react": "^1.0.0-beta.4",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@gsap/react": "^2.1.1",
     "@hookform/error-message": "^2.0.1",
     "@lottiefiles/dotlottie-react": "^0.13.5",
-    "@mui/lab": "^6.0.0-beta.28",
+    "@mui/lab": "^7.0.1-beta.18",
     "@number-flow/react": "^0.5.10",
     "@phrase/i18next-backend": "^1.2.0",
-    "@tiptap/extension-image": "^2.11.2",
-    "@tiptap/extension-placeholder": "^2.10.4",
-    "@tiptap/extension-table": "^2.11.2",
-    "@tiptap/extension-underline": "^2.11.5",
-    "@tiptap/react": "^2.11.2",
-    "@tiptap/starter-kit": "^2.10.4",
+    "@tiptap/extension-image": "^3.7.0",
+    "@tiptap/extension-placeholder": "^3.7.0",
+    "@tiptap/extension-table": "^3.7.0",
+    "@tiptap/extension-underline": "^3.7.0",
+    "@tiptap/react": "^3.7.0",
+    "@tiptap/starter-kit": "^3.7.0",
     "@use-it/event-listener": "^0.1.7",
     "@zxcvbn-ts/core": "^3.0.4",
     "@zxcvbn-ts/language-common": "^3.0.4",
@@ -234,11 +242,11 @@
     "material-ui-popup-state": "^5.3.3",
     "merge-sx": "^3.2.4",
     "motion": "^12.0.6",
-    "mui-tiptap": "^1.17.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "mui-tiptap": "^1.28.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "react-hook-form": "^7.53.2",
-    "react-lazy-load-image-component": "^1.6.3",
+    "react-intersection-observer": "^9.16.0",
     "react-number-format": "^5.4.3",
     "react-phone-number-input": "^3.4.10",
     "react-truncate-list": "^1.0.3",

package/dist/IconButton-wcVJZep4.d.ts

@@ -1,17 +0,0 @@
-import * as react from 'react';
-import { ReactElement } from 'react';
-import { a as IconButtonBaseProps } from './IconButtonBase-B6_6LwsJ.js';
-import { TooltipProps } from './WebCore/Tooltip.js';
-
-interface IconButtonProps extends IconButtonBaseProps {
-    icon: ReactElement;
-    loading?: boolean;
-    tooltipMessage?: TooltipProps['message'];
-    slotProps?: {
-        tooltip?: Omit<TooltipProps, 'message'>;
-    };
-    emojiMode?: boolean;
-}
-declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
-export { IconButton as I, type IconButtonProps as a };

package/dist/IconButtonBase-B6_6LwsJ.d.ts

@@ -1,15 +0,0 @@
-import * as react from 'react';
-import { IconButtonProps } from '@mui/material';
-
-type IconButtonSizing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type IconButtonShapeMap = 'default' | 'round';
-type IconButtonVariation = 'default' | 'toggle' | 'outlined' | 'raised' | 'elevated';
-
-interface IconButtonBaseProps extends IconButtonProps {
-    variation?: IconButtonVariation;
-    shape?: IconButtonShapeMap;
-    sizing?: IconButtonSizing;
-}
-declare const IconButtonBase: react.ForwardRefExoticComponent<Omit<IconButtonBaseProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
-export { IconButtonBase as I, type IconButtonBaseProps as a, type IconButtonShapeMap as b, type IconButtonSizing as c, type IconButtonVariation as d };

package/dist/InputLabelBase.variants-helpers-B7h8EWO3.d.ts

@@ -1,3 +0,0 @@
-type InputVariation = 'default' | 'help';
-
-export type { InputVariation as I };

package/dist/LikertGraph-CjgFU219.d.ts

@@ -1,55 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { BoxProps } from '@mui/material';
-import { CheckboxProps } from './WebCore/Checkbox.js';
-import { TypographyProps } from './WebCore/Typography.js';
-import { TooltipProps } from './WebCore/Tooltip.js';
-
-interface CommonComponentProps {
-    disabled?: boolean;
-    loading?: boolean;
-}
-interface AddedOptions {
-    hideLabels?: boolean;
-    hideCheckboxes?: boolean;
-    disableTooltips?: boolean;
-    hideColorIndicators?: boolean;
-    hidePercentageSymbol?: boolean;
-    animateBars?: boolean;
-    hideAmount?: boolean;
-}
-interface LikertGraphProps extends CommonComponentProps, AddedOptions {
-    data: LikertGraphBarProps[];
-    onChangeHandler?: (id: string, checked: boolean) => void;
-    id?: string;
-    className?: string;
-    slotProps?: {
-        root?: BoxProps;
-        graphBarContainer?: BoxProps;
-        actionsControllerContainer?: BoxProps;
-    };
-}
-interface LikertGraphBarProps extends CommonComponentProps, AddedOptions {
-    id: string;
-    label: string;
-    amount: number;
-    relativePercentage: number;
-    percentage: number;
-    checked: boolean;
-    color: string;
-    className?: string;
-    toolTipContent?: ReactNode | null;
-    onChange?: (id: string, checked: boolean) => void;
-    slotProps?: {
-        graphBar?: BoxProps;
-        graphBarTooltip?: TooltipProps;
-        actionsSwatchIndicator?: BoxProps;
-        actionsLabel?: TypographyProps;
-        actionsCheckbox?: CheckboxProps;
-        actionsTooltip?: TooltipProps;
-    };
-}
-
-declare const _default: react.NamedExoticComponent<LikertGraphProps>;
-
-export { type LikertGraphProps as L, _default as _, type LikertGraphBarProps as a };

package/dist/MenuItem-Bhn675bc.d.ts

@@ -1,24 +0,0 @@
-import { PopupState } from 'material-ui-popup-state/hooks';
-import { MouseEventHandler } from 'react';
-import { a as IconName, b as IconProps } from './index-Dgts7Nd0.js';
-
-interface MenuItemProps {
-    baseState?: PopupState;
-    label?: string;
-    active?: boolean;
-    danger?: boolean;
-    divider?: boolean;
-    heading?: boolean;
-    selected?: boolean;
-    disabled?: boolean;
-    closeOnClick?: boolean;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    children?: MenuItemProps[];
-    width?: number;
-    startIcon?: IconName;
-    slotProps?: {
-        startIcon?: Partial<Omit<IconProps, 'name'>>;
-    };
-}
-
-export type { MenuItemProps as M };

package/dist/Nudge-yai5KXtM.d.ts

@@ -1,12 +0,0 @@
-import { PropsWithChildren, FunctionComponent } from 'react';
-import { b as NavigationSizing } from './index-CF8rKCsv.js';
-
-interface NudgeProps extends PropsWithChildren {
-    description: string;
-    notification?: boolean;
-    title: string;
-    navigationSizing: NavigationSizing;
-}
-declare const Nudge: FunctionComponent<NudgeProps>;
-
-export { Nudge as N, type NudgeProps as a };

package/dist/ProjectItemEmpty-CF0eY2lC.d.ts

@@ -1,52 +0,0 @@
-import { FunctionComponent } from 'react';
-
-interface ProjectItemViewType {
-    viewType?: 'grid' | 'list';
-}
-interface UserProps {
-    id: string;
-    email: string;
-    firstName: string;
-    lastName: string;
-    country: string | null;
-    city: string | null;
-    profileImage: string | null;
-    jobTitle: string | null;
-    role: string | null;
-}
-interface ProjectItemDataProps {
-    id: string;
-    postId: string;
-    versionId: string;
-    thumbnail: string;
-    demoSurveyId: string;
-    title: string;
-    description: string | null;
-    demoProjectSummary?: string | null;
-    demoSurveySummary?: string | null;
-    name: string;
-    user: UserProps;
-    isAuthor: boolean;
-    isDemo: boolean;
-    loopCount: number | null;
-    testCount: number | null;
-    draftCount: number | null;
-    updatedAt?: string;
-    tags?: string[] | null;
-    onClick?: () => void;
-    loading?: boolean;
-    moreActions?: React.ReactNode;
-}
-interface ProjectItemProps extends ProjectItemDataProps, ProjectItemViewType {
-}
-interface ProjectItemEmptyProps {
-    onClick?: () => void;
-    viewType?: 'grid' | 'list';
-    title: string;
-}
-
-declare const ProjectItem: FunctionComponent<ProjectItemProps>;
-
-declare const ProjectItemEmpty: FunctionComponent<ProjectItemEmptyProps>;
-
-export { ProjectItem as P, type UserProps as U, ProjectItemEmpty as a, type ProjectItemEmptyProps as b, type ProjectItemProps as c, type ProjectItemViewType as d, type ProjectItemDataProps as e };

package/dist/Select-BwTogXOZ.d.ts

@@ -1,39 +0,0 @@
-import { SelectProps as SelectProps$1, MenuItemProps, SelectChangeEvent } from '@mui/material';
-import { ReactElement, FunctionComponent } from 'react';
-import { S as SelectOption } from './StyledSelect.variant-helpers-BZGzS3MF.js';
-
-type SelectOnChange = (event: SelectChangeEvent<any>, child: React.ReactNode) => void;
-type AutocompleteOnChange = (value: string | string[]) => void;
-type SelectProps = {
-    selections: SelectOption[];
-    autoComplete?: boolean;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    disablePortal?: boolean;
-    error?: boolean;
-    fullWidth?: boolean;
-    grouped?: boolean;
-    id?: string;
-    inputRef?: SelectProps$1['inputRef'];
-    internalChange?: () => void;
-    MenuProps?: SelectProps$1['MenuProps'];
-    multi?: boolean;
-    name: string;
-    onBlur?: SelectProps$1['onBlur'];
-    onChange?: SelectOnChange | AutocompleteOnChange;
-    placeholder?: string | undefined;
-    readOnly?: boolean;
-    ref?: SelectProps$1['ref'];
-    required?: boolean;
-    selectOptionProps?: MenuItemProps;
-    sizing?: 'xs' | 'md' | 'lg';
-    sx?: SelectProps$1['sx'];
-    onOpen?: SelectProps$1['onOpen'];
-    inputProps?: SelectProps$1['inputProps'];
-    value?: SelectProps$1['value'];
-    renderListItem?: (value: string, label: string) => ReactElement;
-    renderSelectedItem?: (value: string, label?: string) => ReactElement;
-};
-declare const Select: FunctionComponent<SelectProps>;
-
-export { Select as S, type SelectProps as a };

package/dist/SliderGraph-1CP7zay8.d.ts

@@ -1,82 +0,0 @@
-import { ReactNode, FunctionComponent } from 'react';
-import { StackProps, BoxProps, ListItemButtonProps } from '@mui/material';
-import { CheckboxProps } from './WebCore/Checkbox.js';
-import { TooltipProps } from './WebCore/Tooltip.js';
-
-type TickInterval = 5 | 10;
-interface CommonComponentProps {
-    disabled?: boolean;
-    loading?: boolean;
-}
-interface SliderGraphDataItem {
-    amount: number;
-    percentage: number;
-    name: string;
-    relativePercentage: number;
-}
-interface SliderGraphYAxisProps extends CommonComponentProps {
-    rounding: number | null;
-    tickInterval: TickInterval | null;
-    yAxisMax: number;
-    hideLabel?: boolean;
-    hideCheckbox?: boolean;
-    showGraphLines?: boolean;
-    yAxisTickData?: number[];
-    slotProps?: {
-        root?: StackProps;
-    };
-}
-interface SliderGraphProps extends CommonComponentProps {
-    rounding: number | null;
-    tickInterval: TickInterval;
-    data: SliderGraphBarProps[];
-    onChangeHandler?: (id: string, checked: boolean) => void;
-    id?: string;
-    animateBars?: boolean;
-    className?: string;
-    slotProps?: {
-        root?: BoxProps;
-        yAxis?: StackProps;
-        barsWrapper?: BoxProps;
-    };
-    hideYAxis?: boolean;
-    hideCheckboxes?: boolean;
-    hideLabels?: boolean;
-    hideValues?: boolean;
-    showGraphLines?: boolean;
-    disableTooltips?: boolean;
-}
-interface SliderGraphBarProps extends CommonComponentProps {
-    id: string;
-    label: string;
-    value: number;
-    tickInterval: TickInterval;
-    percentage: number;
-    checked: boolean;
-    maxDataValue: number;
-    amount?: number;
-    relativePercentage?: number;
-    className?: string;
-    toolTipContent?: ReactNode | null;
-    disableTooltip?: boolean;
-    hideValue?: boolean;
-    hideLabel?: boolean;
-    hideCheckbox?: boolean;
-    animateBar?: boolean;
-    onChange?: (id: string, checked: boolean) => void;
-    percentageSymbol?: boolean;
-    slotProps?: {
-        barWrapper?: ListItemButtonProps;
-        tooltip?: Omit<TooltipProps, 'message'> & {
-            message?: ReactNode | null;
-        };
-        bar?: {};
-        checkbox?: CheckboxProps;
-        label?: BoxProps;
-        value?: BoxProps;
-    };
-}
-
-declare const SliderGraph: FunctionComponent<SliderGraphProps>;
-
-export { type CommonComponentProps as C, SliderGraph as S, type SliderGraphProps as a, type SliderGraphYAxisProps as b, type SliderGraphDataItem as c, type SliderGraphBarProps as d };

package/dist/StyledSelect.variant-helpers-BZGzS3MF.d.ts

@@ -1,12 +0,0 @@
-import { G as GenericSizeMap } from './primitiveVariables-BbfFaPHq.js';
-
-type InputSizing = Exclude<GenericSizeMap, 'none'>;
-type SelectOption = {
-    label: string;
-    value: string;
-};
-type GroupSelectOption = SelectOption & {
-    group: string;
-};
-
-export type { GroupSelectOption as G, InputSizing as I, SelectOption as S };

package/dist/_chunks/AIInsight-Cc7A8sxe.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("@mui/material/ListItem"),t=require("@mui/material/ListItemText"),s=require("react");require("./misc-kjIxdcX1.js"),require("./Icon-DixraoWA.js"),require("./primitiveVariables-DOkvMbUd.js"),require("./typography.util-Cfj-ZgvS.js"),require("./AnnualController-DIiINpY8.js"),require("./Accordion-aNpUHWmg.js");var n=require("./Typography-BYFV0-HU.js");require("merge-sx"),require("./Badge-DsL8LwLJ.js"),require("./Breadcrumb-BHqgdVj-.js"),require("./Button-TKogbJWt.js"),require("./ButtonBase-DOLFz7T6.js"),require("./StyledCheckbox-g-PmPEwy.js"),require("./InputFieldBase-Dmb5-LXp.js"),require("./CreatableAutocomplete-CqQMerG2.js"),require("@mui/icons-material"),require("./InputLabelBase-C9l5M26_.js"),require("./Differential-B_1zxbR8.js"),require("./StyledMenu-0gmkD_R6.js"),require("./FormGenerator-B3L0eUbu.js"),require("./GridOverlay-jGJehp32.js"),require("html-react-parser"),require("./IconButton-Ihx8guYf.js"),require("./IconButtonBase-6L_dNOOr.js"),require("./IconButtonGroup-CDYetneE.js"),require("./Image-In4M7VMg.js"),require("./Label-DKrUnSYL.js"),require("./Likert-CQI8ZnlX.js"),require("./Link-CikLKNS5.js"),require("@lottiefiles/dotlottie-react"),require("./LoopsAiButton-BJ0Vck7E.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("./Surface-CNQxv-Vi.js"),require("./MenuItem-ChV88sO-.js"),require("./ModalContentWrapper-9lOys-c7.js"),require("./NavigationButton-t_nJ_-97.js"),require("./NudgeButton-Dx6CtseQ.js"),require("./NumberField-BbvQkSBr.js"),require("./semanticColor-D7luRDLB.js"),require("./types-BbAsZw_6.js"),require("./typography-Cx74j4k8.js"),require("./StyledPill-DDDGFPYD.js"),require("./Progress-BmBeu7uJ.js"),require("./ProgressBar-Wer8KEv6.js"),require("./Radio-BrBgm9f5.js"),require("./autocomplete.styles-C6N4E0gu.js"),require("./Select-BBrH8EC2.js"),require("./RankItem-D8JL2Loy.js"),require("./SortableList-ad1Z0omV.js"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("./RichTextField-BMrpCktt.js"),require("./Skeleton-DgvdvSd_.js"),require("./Slider-BK5bfi4n.js"),require("./StarRating-lqoK8zFU.js"),require("./Switch-m3rUWkHS.js"),require("./Textarea-j5nWbV1y.js"),require("./TrialPill-h8Y2SoiG.js"),require("./UserMenuButton-IgVIEbQl.js"),require("./VideoModal-CfaVAhVQ.js");var o=require("./AiContentContainer-CervCwcF.js"),u=require("./PaginationControl-Cn3JymCA.js");exports.AIInsight=({comments:a,themeDescription:l,slotProps:c,suggestions:d,activeCommentIndex:q,onActiveCommentIndexChange:p})=>{const[j,m]=s.useState(0),g=r.useTheme(),h=s.useRef(null),[x,y]=s.useState("auto"),B=q??j,v=e=>{p&&p(e),void 0===q&&m(e)};s.useEffect((()=>{if(!h.current)return;const e=h.current.scrollHeight;y(e)}),[B]);const C=a?.length?a[B]:void 0,I=C?s.cloneElement(C,{ref:h}):void 0;return e.jsxs(o.AiContentContainer,{slotProps:{childrenContainer:{display:"flex",flexDirection:"column",gap:g.spacing(g.custom.padding.md)}},withLockUp:!0,...c?.aiContentContainer,children:[e.jsx(n.Typography,{component:"p",variation:"sm",children:l}),!!a?.length&&e.jsx(r.Box,{children:e.jsx(u.PaginationControl,{items:Array.from({length:a?.length},((e,r)=>r.toString())),activeItem:B.toString(),onClickNext:()=>{B+1===a.length?v(0):v(B+1)},onClickPrevious:()=>{v(0===B?a.length-1:B-1)},renderTitle:e.jsx(n.Typography,{component:"p",variation:"sm",weight:"bold",children:"Key comments"}),children:e.jsx(r.Box,{sx:{overflow:"hidden",height:"auto"===x?"auto":`${x}px`,transition:"height 0.1s ease-in-out",boxShadow:g.custom.elevation.raised,borderRadius:g.spacing(g.custom.radius.md),width:"100%"},children:I})})}),!!d?.length&&e.jsxs(r.Box,{children:[e.jsx(n.Typography,{component:"p",variation:"sm",weight:"bold",children:"Ideas to consider"}),e.jsx(r.List,{sx:{listStyleType:"disc",padding:`${g.spacing(g.custom.padding.sm)} 0 0 ${g.spacing(g.custom.padding.md+g.custom.padding.sm)}`},children:d.map(((r,s)=>e.jsx(i,{sx:{display:"list-item",padding:0},children:e.jsx(t,{disableTypography:!0,primary:e.jsx(n.Typography,{component:"p",variation:"sm",children:r})})},`${s}-suggestion`)))})]})]})};

package/dist/_chunks/AISummary-C9g9J6to.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("react"),s=require("./Icon-DixraoWA.js");require("./misc-kjIxdcX1.js"),require("./primitiveVariables-DOkvMbUd.js"),require("./typography.util-Cfj-ZgvS.js"),require("./AnnualController-DIiINpY8.js"),require("./Accordion-aNpUHWmg.js");var o=require("./Typography-BYFV0-HU.js");require("./Badge-DsL8LwLJ.js"),require("./Breadcrumb-BHqgdVj-.js"),require("./Button-TKogbJWt.js"),require("./ButtonBase-DOLFz7T6.js"),require("./StyledCheckbox-g-PmPEwy.js"),require("./InputFieldBase-Dmb5-LXp.js"),require("./CreatableAutocomplete-CqQMerG2.js"),require("@mui/icons-material"),require("./InputLabelBase-C9l5M26_.js"),require("./Differential-B_1zxbR8.js"),require("./StyledMenu-0gmkD_R6.js");var a=require("./ExpandableTypographyClamp-CuRA28_R.js");require("./FormGenerator-B3L0eUbu.js"),require("./GridOverlay-jGJehp32.js"),require("html-react-parser");var n=require("./IconButton-Ihx8guYf.js");require("./IconButtonBase-6L_dNOOr.js"),require("./IconButtonGroup-CDYetneE.js"),require("./Image-In4M7VMg.js"),require("./Label-DKrUnSYL.js"),require("./Likert-CQI8ZnlX.js"),require("./Link-CikLKNS5.js"),require("@lottiefiles/dotlottie-react");var u=require("./LoopsAiButton-BJ0Vck7E.js");require("markdown-to-jsx");var l=require("./Menu-CaZo9OD7.js");require("./ModalContentWrapper-9lOys-c7.js"),require("./Surface-CNQxv-Vi.js"),require("./NavigationButton-t_nJ_-97.js"),require("material-ui-popup-state/hooks"),require("./NudgeButton-Dx6CtseQ.js"),require("./NumberField-BbvQkSBr.js"),require("./semanticColor-D7luRDLB.js"),require("./types-BbAsZw_6.js"),require("./typography-Cx74j4k8.js"),require("./StyledPill-DDDGFPYD.js");var p=require("./Progress-BmBeu7uJ.js");require("./ProgressBar-Wer8KEv6.js"),require("./Radio-BrBgm9f5.js"),require("./autocomplete.styles-C6N4E0gu.js"),require("./Select-BBrH8EC2.js"),require("./RankItem-D8JL2Loy.js"),require("./SortableList-ad1Z0omV.js"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("./RichTextField-BMrpCktt.js");var c=require("./Skeleton-DgvdvSd_.js");require("./Slider-BK5bfi4n.js"),require("./StarRating-lqoK8zFU.js"),require("./Switch-m3rUWkHS.js"),require("./Textarea-j5nWbV1y.js"),require("./TrialPill-h8Y2SoiG.js"),require("./UserMenuButton-IgVIEbQl.js"),require("./VideoModal-CfaVAhVQ.js");const d=i.forwardRef((({heading:d,body:m,bodyLineClamp:j=6,attribution:g,menuItems:x,onStartChatClick:q,onRetryClick:h,loading:k,loadingMessage:b="",error:y,slotProps:S,sx:f},I)=>{const v=r.useTheme(),C=`gradient-${i.useId()}`,[B,w]=i.useState(j);return i.useEffect((()=>{w(j)}),[j]),e.jsx(r.Box,{ref:I,sx:t.mergeSx({boxShadow:v.custom.elevation.aiSummary,borderRadius:"8px",background:`linear-gradient(-18deg, ${v.custom.palette.purple[600]} 0%, ${v.custom.palette.blue[400]} 100%)`,padding:"1px"},f),children:e.jsxs(r.Stack,{sx:{padding:v.spacing(v.custom.padding.md),gap:v.spacing(v.custom.padding.sm),borderRadius:"7px",background:`linear-gradient(-25deg, ${v.custom.palette.purple[0]} 0%, ${v.custom.palette.blue[0]} 100%)`},children:[(d?.length||x?.length)&&e.jsx(r.Stack,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",gap:v.spacing(v.custom.padding.md),children:k?b?.length?e.jsxs(r.Stack,{direction:"row",alignItems:"center",gap:1,children:[e.jsx(p.Progress,{sizing:"sm",sx:{position:"static",color:v.custom.palette.neutral[400]}}),e.jsxs(r.Stack,{direction:"row",alignItems:"center",gap:1,sx:{alignItems:"center"},children:[e.jsx(o.Typography,{component:"p",variation:"sm",className:y?"ellipsis-loading":void 0,children:b}),y&&void 0!==h&&e.jsx(o.Typography,{component:"p",variation:"sm",onClick:h,children:"Refresh",...S?.retry,sx:t.mergeSx({textDecoration:"underline",cursor:"pointer"},S?.retry?.sx)})]})]}):e.jsx(c.Skeleton,{...S?.skeleton}):e.jsxs(e.Fragment,{children:[e.jsx(o.Typography,{component:"p",variation:"sm",fontWeight:500,color:v.custom.palette.text.primary,...S?.heading,children:d}),x?.length&&e.jsx(l.Menu,{trigger:e.jsx(n.IconButton,{icon:e.jsx(s.Icon,{name:"more-horizontal",color:v.custom.palette.icon.primary}),sizing:"sm"}),placement:"bottom-end",offset:[0,8],width:165,menuItems:x,...S?.menu})]})}),k&&e.jsxs(e.Fragment,{children:[e.jsx(c.Skeleton,{...S?.skeleton}),e.jsx(c.Skeleton,{...S?.skeleton}),e.jsx(c.Skeleton,{...S?.skeleton}),e.jsx(c.Skeleton,{...S?.skeleton}),e.jsx(c.Skeleton,{...S?.skeleton}),e.jsx(c.Skeleton,{...S?.skeleton})]}),!k&&m?.length&&e.jsx(a.ExpandableTypographyClamp,{variation:"sm",color:v.custom.palette.text.primary,clamp:B,slotProps:{gradientBox:{background:v.custom.palette.purple[0]}},onShowMoreClick:()=>{w(void 0)},onShowLessClick:()=>{w(j)},...S?.expandableTypographyClamp,children:m}),(g?.length||void 0!==q)&&e.jsxs(r.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",pt:v.spacing(v.custom.padding.xs),gap:v.spacing(v.custom.padding.md),children:[g?.length&&e.jsxs(r.Stack,{direction:"row",alignItems:"center",gap:v.spacing(v.custom.padding.xs),children:[e.jsx("svg",{style:{width:0,height:0,position:"absolute"},children:e.jsx("defs",{children:e.jsxs("linearGradient",{id:C,gradientTransform:"rotate(-18)",children:[e.jsx("stop",{offset:"0%",stopColor:v.custom.palette.purple[600]}),e.jsx("stop",{offset:"100%",stopColor:v.custom.palette.blue[400]})]})})}),e.jsx(s.Icon,{name:"ai",size:20,...S?.attributionIcon,sx:t.mergeSx({"& *":{fill:`url(#${C})`}},S?.attributionIcon?.sx)}),e.jsx(o.Typography,{component:"p",variation:"xs",fontWeight:500,...S?.attribution,sx:t.mergeSx({background:`linear-gradient(-18deg, ${v.custom.palette.purple[600]} 0%, ${v.custom.palette.blue[400]} 100%)`,backgroundClip:"text","-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"},S?.attribution?.sx),children:g})]}),void 0!==q&&e.jsx(u.LoopsAiButton,{text:"Start Chat",onClick:q,loading:k,disabled:k,slotProps:{button:{sx:{...S?.startChatButton?.sx}}}})]})]})})}));exports.AISummary=d;

package/dist/_chunks/Accordion-aNpUHWmg.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),n=require("@mui/material"),r=require("@mui/material/styles"),i=require("react"),a=require("./Icon-DixraoWA.js"),t=require("./Typography-BYFV0-HU.js");const o=r.styled((r=>e.jsx(n.Accordion,{disableGutters:!0,elevation:0,square:!0,...r})))((()=>({"&.Mui-expanded::before":{opacity:1}}))),s=r.styled((r=>e.jsx(n.AccordionSummary,{expandIcon:e.jsx(a.Icon,{name:"chevron-down",size:24}),...r})))((({theme:e})=>({backgroundColor:e.custom.palette.surface.default,padding:`${e.spacing(1)} ${e.spacing(2)}`,minHeight:"none","& .MuiAccordionSummary-expandIconWrapper":{color:e.custom.palette.text.primary},"& .MuiAccordionSummary-content":{margin:0}}))),c=r.styled(n.AccordionDetails)((({theme:e})=>({padding:`0 ${e.spacing(2)} ${e.spacing(4)}`})));exports.Accordion=({heading:r,items:a})=>{const{custom:d}=n.useTheme(),[p,l]=i.useState("");return e.jsx(n.Container,{sx:{backgroundColor:d.palette.surface.default,color:d.palette.text.primary},children:e.jsxs(n.Grid2,{container:!0,sx:{alignItems:"center",display:"flex",justifyContent:"center",py:{sm:4,lg:6},gap:2},children:[e.jsx(n.Grid2,{size:[12,12,12,8],children:e.jsx(t.Typography,{variation:"xl",component:"h2",fontWeight:500,sx:{textAlign:"center"},children:r})}),e.jsx(n.Grid2,{size:[12,12,12,8],children:a?.map((n=>{return e.jsxs(o,{expanded:p===n.heading,onChange:(r=n.heading,(e,n)=>{l(!!n&&r)}),children:[e.jsx(s,{"aria-controls":`${n.heading}-content`,id:`${n.heading}-header`,heading:n.heading,children:e.jsx(t.Typography,{variation:"lg",component:"p",fontWeight:500,children:n.heading})}),e.jsx(c,{children:"string"==typeof n.body?e.jsx(t.Typography,{variation:"lg",component:"p",sx:{whiteSpace:"break-spaces"},children:n.body}):n.body})]},n.heading);var r}))})]})})};

package/dist/_chunks/AiContentContainer-CervCwcF.js

@@ -1 +0,0 @@
-"use strict";var o=require("react/jsx-runtime"),e=require("@mui/material"),t=require("react"),n=require("./ColorBackgroundContainer-CzbCfIUH.js"),r=require("./AiWrittenByLockUp-D5HNfYSN.js");const i=e.styled(e.Box)((({theme:o})=>({boxShadow:o.custom.elevation.aiSummary,borderRadius:o.spacing(o.custom.radius.md),background:n.tone3(o),padding:"1px"}))),a=t.forwardRef((({children:t,sx:a,withLockUp:s,aiButtonText:c,onUpvote:d,onDownvote:u,onCopy:p,onClickAIButton:x,slotProps:l},m)=>{const k=e.useTheme();return o.jsx(i,{sx:a,ref:m,children:o.jsxs(e.Stack,{direction:"column",sx:{padding:k.spacing(k.custom.padding.md),borderRadius:"7px",background:n.tone3_lowOpacity(k)},children:[o.jsx(e.Box,{sx:{display:"flex",flex:1},...l?.childrenContainer,children:t}),s&&o.jsx(r.AiWrittenByLockUp,{aiButtonText:c,onClickAIButton:x,onUpvote:d,onDownvote:u,onCopy:p,...l?.aiWrittenByLockUp})]})})}));exports.AiContentContainer=a;

package/dist/_chunks/AiWrittenByLockUp-D5HNfYSN.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("merge-sx");require("./semanticColor-D7luRDLB.js"),require("./primitiveVariables-DOkvMbUd.js"),require("./types-BbAsZw_6.js"),require("./typography-Cx74j4k8.js");var t=require("./Icon-DixraoWA.js"),s=require("./ColorBackgroundContainer-CzbCfIUH.js");require("./misc-kjIxdcX1.js"),require("./typography.util-Cfj-ZgvS.js"),require("./AnnualController-DIiINpY8.js"),require("./Accordion-aNpUHWmg.js");var o=require("./Typography-BYFV0-HU.js");require("./Badge-DsL8LwLJ.js"),require("./Breadcrumb-BHqgdVj-.js"),require("./Button-TKogbJWt.js"),require("./ButtonBase-DOLFz7T6.js"),require("./StyledCheckbox-g-PmPEwy.js"),require("./InputFieldBase-Dmb5-LXp.js"),require("./CreatableAutocomplete-CqQMerG2.js"),require("@mui/icons-material"),require("./InputLabelBase-C9l5M26_.js"),require("./Differential-B_1zxbR8.js"),require("./StyledMenu-0gmkD_R6.js"),require("react"),require("./FormGenerator-B3L0eUbu.js"),require("./GridOverlay-jGJehp32.js"),require("html-react-parser");var u=require("./IconButton-Ihx8guYf.js");require("./IconButtonBase-6L_dNOOr.js"),require("./IconButtonGroup-CDYetneE.js"),require("./Image-In4M7VMg.js"),require("./Label-DKrUnSYL.js"),require("./Likert-CQI8ZnlX.js"),require("./Link-CikLKNS5.js"),require("@lottiefiles/dotlottie-react");var n=require("./LoopsAiButton-BJ0Vck7E.js");require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("./Surface-CNQxv-Vi.js"),require("./MenuItem-ChV88sO-.js"),require("./ModalContentWrapper-9lOys-c7.js"),require("./NavigationButton-t_nJ_-97.js"),require("./NudgeButton-Dx6CtseQ.js"),require("./NumberField-BbvQkSBr.js"),require("./StyledPill-DDDGFPYD.js"),require("./Progress-BmBeu7uJ.js"),require("./ProgressBar-Wer8KEv6.js"),require("./Radio-BrBgm9f5.js"),require("./autocomplete.styles-C6N4E0gu.js"),require("./Select-BBrH8EC2.js"),require("./RankItem-D8JL2Loy.js"),require("./SortableList-ad1Z0omV.js"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("./RichTextField-BMrpCktt.js"),require("./Skeleton-DgvdvSd_.js"),require("./Slider-BK5bfi4n.js"),require("./StarRating-lqoK8zFU.js"),require("./Switch-m3rUWkHS.js"),require("./Textarea-j5nWbV1y.js"),require("./TrialPill-h8Y2SoiG.js"),require("./UserMenuButton-IgVIEbQl.js"),require("./VideoModal-CfaVAhVQ.js");exports.AiWrittenByLockUp=({sx:a,onUpvote:c,onDownvote:j,onCopy:q,aiButtonText:l,onClickAIButton:p})=>{const m=r.useTheme(),d=i.mergeSx({position:"relative",mt:m.custom.margin.md,gap:m.custom.margin.md,alignItems:"center"},a);return e.jsxs(r.Stack,{direction:"row",sx:d,children:[e.jsxs(r.Stack,{direction:"row",gap:m.spacing(m.custom.padding.xs),children:[e.jsx(t.Icon,{name:"ai",size:20,sx:{color:"transparent",background:s.tone3(m),maskImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.75 3c.207 0 .375.168.375.375a3 3 0 003 3 .375.375 0 010 .75 3 3 0 00-3 3 .375.375 0 01-.75 0 3 3 0 00-3-3 .375.375 0 110-.75 3 3 0 003-3c0-.207.168-.375.375-.375zM15.875 7.875a.375.375 0 00-.75 0c0 2.9-2.35 5.25-5.25 5.25a.375.375 0 000 .75c2.9 0 5.25 2.35 5.25 5.25a.375.375 0 00.75 0c0-2.9 2.35-5.25 5.25-5.25a.375.375 0 000-.75 5.25 5.25 0 01-5.25-5.25zM6.125 13.875a.375.375 0 00-.75 0 3 3 0 01-3 3 .375.375 0 000 .75 3 3 0 013 3 .375.375 0 00.75 0 3 3 0 013-3 .375.375 0 000-.75 3 3 0 01-3-3z'/%3E%3C/svg%3E\")",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center"}}),e.jsx(o.Typography,{component:"p",variation:"xs",weight:"bold",noWrap:!0,sx:{...s.tone3_lowOpacity_text(m)},children:"Written by Loops Intelligence"})]}),e.jsxs(r.Stack,{direction:"row",sx:{marginLeft:"auto"},children:[!!c&&e.jsx(u.IconButton,{icon:e.jsx(t.Icon,{name:"thumb-up"}),sizing:"xs",onClick:c}),!!j&&e.jsx(u.IconButton,{icon:e.jsx(t.Icon,{name:"thumb-down"}),sizing:"xs",onClick:j}),!!q&&e.jsx(u.IconButton,{icon:e.jsx(t.Icon,{name:"copy"}),sizing:"xs",onClick:q})]}),l&&e.jsx(n.LoopsAiButton,{text:l,onClick:p})]})};