@useloops/design-system 1.4.528 → 1.4.530

package/README.md

@@ -13,3 +13,105 @@ New components can be generated using `npm run component`.
 - Install packages: `cd scripts/useloops-icon-generator && npm install`
 - Run `npm run icons` from the root dir
 - Check the Brand Core/Icons story in storybook, verify expected icons have been updated
+
+
+# Importing from @useloops/design-system
+
+This package now supports both barrel imports and individual component imports for better tree-shaking and reduced bundle sizes.
+
+## Import Methods
+
+### 1. Barrel Import (Default - imports everything)
+```typescript
+import { Button, Avatar, Typography } from '@useloops/design-system';
+```
+
+### 2. System-Level Imports
+Import all components from a specific system:
+
+```typescript
+// WebCore components
+import { Button, Avatar, Typography } from '@useloops/design-system/WebCore';
+
+// Platform components
+import { Navigation, Header, KpiIndicator } from '@useloops/design-system/Platform';
+
+// BrandCore
+import { Icon } from '@useloops/design-system/BrandCore';
+
+// Marketing components
+import { PlanTierCard, TickGroup } from '@useloops/design-system/Marketing';
+
+// Theme
+import { ThemeProvider, useTheme } from '@useloops/design-system/theme';
+
+// Utils
+import { emailValidation, passwordValidation } from '@useloops/design-system/utils';
+```
+
+### 3. Individual Component Imports (Best for tree-shaking)
+Import components individually for optimal bundle size:
+
+```typescript
+import Button from '@useloops/design-system/WebCore/Button';
+import Avatar from '@useloops/design-system/WebCore/Avatar';
+import Typography from '@useloops/design-system/WebCore/Typography';
+import TextField from '@useloops/design-system/WebCore/TextField';
+
+// Platform components
+import Navigation from '@useloops/design-system/Platform/Navigation';
+import KpiIndicator from '@useloops/design-system/Platform/KpiIndicator';
+
+// BrandCore components
+import Icon from '@useloops/design-system/BrandCore/Icon';
+
+// Marketing components
+import PlanTierCard from '@useloops/design-system/Marketing/PlanTierCard';
+```
+
+## Benefits of Individual Imports
+
+- **Smaller Bundle Size**: Only include the components you actually use
+- **Faster Build Times**: Less code to process during bundling
+- **Better Tree-Shaking**: Modern bundlers can more easily eliminate unused code
+- **Clearer Dependencies**: Explicitly see which components are being used
+
+## Migration Guide
+
+To migrate from barrel imports to individual imports:
+
+**Before:**
+```typescript
+import { Button, Avatar, Typography, TextField } from '@useloops/design-system';
+```
+
+**After (Option 1 - System Level):**
+```typescript
+import { Button, Avatar, Typography, TextField } from '@useloops/design-system/WebCore';
+```
+
+**After (Option 2 - Individual):**
+```typescript
+import Button from '@useloops/design-system/WebCore/Button';
+import Avatar from '@useloops/design-system/WebCore/Avatar';
+import Typography from '@useloops/design-system/WebCore/Typography';
+import TextField from '@useloops/design-system/WebCore/TextField';
+```
+
+## Available Systems
+
+- **BrandCore**: Brand-specific components (Icon)
+- **Marketing**: Marketing page components (PlanTierCard, TickGroup, PlanFeatureTable)
+- **Platform**: Platform-specific components (Navigation, Header, KpiIndicator, etc.)
+- **WebCore**: Core web components (Button, Avatar, TextField, Typography, etc.)
+- **theme**: Theme configuration and provider
+- **utils**: Utility functions and validation helpers
+
+## TypeScript Support
+
+All import methods include full TypeScript support with proper type definitions:
+
+```typescript
+import Button, { ButtonProps } from '@useloops/design-system/WebCore/Button';
+import { ThemeProvider } from '@useloops/design-system/theme';
+```

package/dist/BrandCore/Icon.d.ts

@@ -0,0 +1,4 @@
+export { A as Add, c as Ai, d as AlertDot, e as ArrowLeft, f as ArrowRight, g as AttachFile, B as BadgeCross, h as BadgeCrossInCircle, j as BadgeHyphen, k as BadgeHyphenInCircle, l as BadgeQuestion, m as BadgeQuestionInCircle, n as BadgeTick, o as BadgeTickInCircle, p as BrandLogomark, q as BrandWordmark, C as Cancel, r as Chat, s as Check, t as CheckCircle, u as CheckCircleFilled, v as CheckDouble, w as ChevronDown, x as ChevronLeft, y as ChevronRight, z as ChevronUp, D as Close, E as Comment, F as CommentFilled, G as Compress, H as Controls, J as Copy, K as Crosshair, L as Dashboard, M as DataBar, N as Delete, O as Document, P as Dollar, Q as DragHandle, R as DragSelect, S as Edit, T as Email, U as Emoticon, V as Error, W as Euro, X as Expand, Y as ExpandWindow, Z as Eye, _ as EyeOff, $ as FilterList, a0 as Fingerprint, a1 as Focus, a2 as Folder, a3 as Gift, a4 as GridView, a5 as GridViewFilled, a6 as GridViewLarge, a7 as GridViewSmall, a8 as Hand, a9 as Help, aa as Home, ab as HomeFilled, a as IconName, ac as Image, ad as ImageAdd, ae as ImageNo, af as ImageSearch, ag as Info, ah as InfoFilled, ai as Keyboard, aj as Label, ak as Lightbulb, al as LinearScale, am as Link, an as ListView, ao as Lock, ap as Menu, aq as MenuOpen, ar as Microphone, as as MoreHorizontal, at as MoreVertical, au as NavCollapse, av as NavExpand, aw as NavToggle, ax as Notification, ay as Number0, az as Number1, aA as Number10, aB as Number11, aC as Number12, aD as Number13, aE as Number14, aF as Number15, aG as Number16, aH as Number17, aI as Number18, aJ as Number19, aK as Number2, aL as Number20, aM as Number21, aN as Number22, aO as Number23, aP as Number24, aQ as Number25, aR as Number26, aS as Number27, aT as Number28, aU as Number29, aV as Number3, aW as Number30, aX as Number31, aY as Number32, aZ as Number33, a_ as Number34, a$ as Number35, b0 as Number36, b1 as Number37, b2 as Number38, b3 as Number39, b4 as Number4, b5 as Number40, b6 as Number41, b7 as Number42, b8 as Number43, b9 as Number44, ba as Number45, bb as Number46, bc as Number47, bd as Number48, be as Number49, bf as Number5, bg as Number50, bh as Number6, bi as Number7, bj as Number8, bk as Number9, bl as OpenInNew, bm as Pause, bn as PaymentCardAmex, bo as PaymentCardMastercard, bp as PaymentCardVisa, bq as Pin, br as PinFilled, bs as Play, bt as PlayCircle, bu as PlayVideo, bv as Pound, bw as Rank, bx as Redo, by as ReduceWindow, bz as Remove, bA as Replay, bB as Save, bC as Search, bD as Send, bE as SentimentDoubleDown, bF as SentimentDoubleUp, bG as SentimentDown, bH as SentimentFlat, bI as SentimentUp, bJ as Settings, bK as Shuffle, bL as SocialGoogleFullColour, bM as SocialLinkedinFullColour, bN as SocialLinkedinSingleColour, bO as SocialMediumSingleColour, bP as SocialYoutubeSingleColour, bQ as Sort, bR as Star, bS as StarFilled, bT as StarHalf, bU as Stop, bV as Test, bW as TestEdit, bX as TestPending, bY as ThumbDown, bZ as ThumbUp, b_ as ThumbsUpDown, b$ as Time, c0 as TimeFilled, c1 as Translate, c2 as Unfold, c3 as Upload, c4 as UploadCloud, c5 as UploadCloudFilled, c6 as UserSearch, c7 as VolumeHigh, c8 as VolumeLow, c9 as VolumeMute, ca as Warning, cb as Work, cc as ZoomIn, cd as ZoomOut, I as default, i as iconSizeMap } from '../index-Dgts7Nd0.js';
+import 'react/jsx-runtime';
+import '@mui/material';
+import 'react';

package/dist/BrandCore/Icon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/Icon-DixraoWA.js");require("react/jsx-runtime"),require("merge-sx"),require("react"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("@mui/material"),exports.Add=e.Add,exports.Ai=e.Ai,exports.AlertDot=e.AlertDot,exports.ArrowLeft=e.ArrowLeft,exports.ArrowRight=e.ArrowRight,exports.AttachFile=e.AttachFile,exports.BadgeCross=e.BadgeCross,exports.BadgeCrossInCircle=e.BadgeCrossInCircle,exports.BadgeHyphen=e.BadgeHyphen,exports.BadgeHyphenInCircle=e.BadgeHyphenInCircle,exports.BadgeQuestion=e.BadgeQuestion,exports.BadgeQuestionInCircle=e.BadgeQuestionInCircle,exports.BadgeTick=e.BadgeTick,exports.BadgeTickInCircle=e.BadgeTickInCircle,exports.BrandLogomark=e.BrandLogomark,exports.BrandWordmark=e.BrandWordmark,exports.Cancel=e.Cancel,exports.Chat=e.Chat,exports.Check=e.Check,exports.CheckCircle=e.CheckCircle,exports.CheckCircleFilled=e.CheckCircleFilled,exports.CheckDouble=e.CheckDouble,exports.ChevronDown=e.ChevronDown,exports.ChevronLeft=e.ChevronLeft,exports.ChevronRight=e.ChevronRight,exports.ChevronUp=e.ChevronUp,exports.Close=e.Close,exports.Comment=e.Comment,exports.CommentFilled=e.CommentFilled,exports.Compress=e.Compress,exports.Controls=e.Controls,exports.Copy=e.Copy,exports.Crosshair=e.Crosshair,exports.Dashboard=e.Dashboard,exports.DataBar=e.DataBar,exports.Delete=e.Delete,exports.Document=e.Document,exports.Dollar=e.Dollar,exports.DragHandle=e.DragHandle,exports.DragSelect=e.DragSelect,exports.Edit=e.Edit,exports.Email=e.Email,exports.Emoticon=e.Emoticon,exports.Error=e.Error,exports.Euro=e.Euro,exports.Expand=e.Expand,exports.ExpandWindow=e.ExpandWindow,exports.Eye=e.Eye,exports.EyeOff=e.EyeOff,exports.FilterList=e.FilterList,exports.Fingerprint=e.Fingerprint,exports.Focus=e.Focus,exports.Folder=e.Folder,exports.Gift=e.Gift,exports.GridView=e.GridView,exports.GridViewFilled=e.GridViewFilled,exports.GridViewLarge=e.GridViewLarge,exports.GridViewSmall=e.GridViewSmall,exports.Hand=e.Hand,exports.Help=e.Help,exports.Home=e.Home,exports.HomeFilled=e.HomeFilled,exports.Image=e.Image,exports.ImageAdd=e.ImageAdd,exports.ImageNo=e.ImageNo,exports.ImageSearch=e.ImageSearch,exports.Info=e.Info,exports.InfoFilled=e.InfoFilled,exports.Keyboard=e.Keyboard,exports.Label=e.Label,exports.Lightbulb=e.Lightbulb,exports.LinearScale=e.LinearScale,exports.Link=e.Link,exports.ListView=e.ListView,exports.Lock=e.Lock,exports.Menu=e.Menu,exports.MenuOpen=e.MenuOpen,exports.Microphone=e.Microphone,exports.MoreHorizontal=e.MoreHorizontal,exports.MoreVertical=e.MoreVertical,exports.NavCollapse=e.NavCollapse,exports.NavExpand=e.NavExpand,exports.NavToggle=e.NavToggle,exports.Notification=e.Notification,exports.Number0=e.Number0,exports.Number1=e.Number1,exports.Number10=e.Number10,exports.Number11=e.Number11,exports.Number12=e.Number12,exports.Number13=e.Number13,exports.Number14=e.Number14,exports.Number15=e.Number15,exports.Number16=e.Number16,exports.Number17=e.Number17,exports.Number18=e.Number18,exports.Number19=e.Number19,exports.Number2=e.Number2,exports.Number20=e.Number20,exports.Number21=e.Number21,exports.Number22=e.Number22,exports.Number23=e.Number23,exports.Number24=e.Number24,exports.Number25=e.Number25,exports.Number26=e.Number26,exports.Number27=e.Number27,exports.Number28=e.Number28,exports.Number29=e.Number29,exports.Number3=e.Number3,exports.Number30=e.Number30,exports.Number31=e.Number31,exports.Number32=e.Number32,exports.Number33=e.Number33,exports.Number34=e.Number34,exports.Number35=e.Number35,exports.Number36=e.Number36,exports.Number37=e.Number37,exports.Number38=e.Number38,exports.Number39=e.Number39,exports.Number4=e.Number4,exports.Number40=e.Number40,exports.Number41=e.Number41,exports.Number42=e.Number42,exports.Number43=e.Number43,exports.Number44=e.Number44,exports.Number45=e.Number45,exports.Number46=e.Number46,exports.Number47=e.Number47,exports.Number48=e.Number48,exports.Number49=e.Number49,exports.Number5=e.Number5,exports.Number50=e.Number50,exports.Number6=e.Number6,exports.Number7=e.Number7,exports.Number8=e.Number8,exports.Number9=e.Number9,exports.OpenInNew=e.OpenInNew,exports.Pause=e.Pause,exports.PaymentCardAmex=e.PaymentCardAmex,exports.PaymentCardMastercard=e.PaymentCardMastercard,exports.PaymentCardVisa=e.PaymentCardVisa,exports.Pin=e.Pin,exports.PinFilled=e.PinFilled,exports.Play=e.Play,exports.PlayCircle=e.PlayCircle,exports.PlayVideo=e.PlayVideo,exports.Pound=e.Pound,exports.Rank=e.Rank,exports.Redo=e.Redo,exports.ReduceWindow=e.ReduceWindow,exports.Remove=e.Remove,exports.Replay=e.Replay,exports.Save=e.Save,exports.Search=e.Search,exports.Send=e.Send,exports.SentimentDoubleDown=e.SentimentDoubleDown,exports.SentimentDoubleUp=e.SentimentDoubleUp,exports.SentimentDown=e.SentimentDown,exports.SentimentFlat=e.SentimentFlat,exports.SentimentUp=e.SentimentUp,exports.Settings=e.Settings,exports.Shuffle=e.Shuffle,exports.SocialGoogleFullColour=e.SocialGoogleFullColour,exports.SocialLinkedinFullColour=e.SocialLinkedinFullColour,exports.SocialLinkedinSingleColour=e.SocialLinkedinSingleColour,exports.SocialMediumSingleColour=e.SocialMediumSingleColour,exports.SocialYoutubeSingleColour=e.SocialYoutubeSingleColour,exports.Sort=e.Sort,exports.Star=e.Star,exports.StarFilled=e.StarFilled,exports.StarHalf=e.StarHalf,exports.Stop=e.Stop,exports.Test=e.Test,exports.TestEdit=e.TestEdit,exports.TestPending=e.TestPending,exports.ThumbDown=e.ThumbDown,exports.ThumbUp=e.ThumbUp,exports.ThumbsUpDown=e.ThumbsUpDown,exports.Time=e.Time,exports.TimeFilled=e.TimeFilled,exports.Translate=e.Translate,exports.Unfold=e.Unfold,exports.Upload=e.Upload,exports.UploadCloud=e.UploadCloud,exports.UploadCloudFilled=e.UploadCloudFilled,exports.UserSearch=e.UserSearch,exports.VolumeHigh=e.VolumeHigh,exports.VolumeLow=e.VolumeLow,exports.VolumeMute=e.VolumeMute,exports.Warning=e.Warning,exports.Work=e.Work,exports.ZoomIn=e.ZoomIn,exports.ZoomOut=e.ZoomOut,exports.default=e.Icon,exports.iconSizeMap=e.iconSizeMap;

package/dist/BrandCore.d.ts

@@ -0,0 +1,281 @@
+import { C as ColorRange, a as ColorRangeAlpha, S as SemanticColor, F as FontWeight } from './types-BFOuz_kj.js';
+export { G as GenericSizeMap, a as base, d as boxShadow, b as breakpoints, f as easing, e as elevation, c as elevationFilter, m as margin, p as padding, r as radius, s as space } from './primitiveVariables-BbfFaPHq.js';
+export { I as Icon, a as IconName, i as iconSizeMap } from './index-Dgts7Nd0.js';
+import 'react/jsx-runtime';
+import '@mui/material';
+import 'react';
+
+declare const neutralRamp: {
+    light: {
+        0: string;
+        50: string | undefined;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string | undefined;
+        1000: string;
+        1100: string | undefined;
+    };
+    dark: {
+        0: string;
+        50: string | undefined;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string | undefined;
+        1000: string;
+        1100: string | undefined;
+    };
+};
+declare const generateRamp: (color: ColorRange) => {
+    light: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+    dark: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+};
+declare const purpleRamp: {
+    light: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+    dark: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+};
+declare const redRamp: {
+    light: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+    dark: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+};
+declare const peachRamp: {
+    light: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+    dark: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+};
+declare const yellowRamp: {
+    light: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+    dark: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+};
+declare const blueRamp: {
+    light: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+    dark: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+};
+declare const greenRamp: {
+    light: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+    dark: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        1000: string;
+    };
+};
+
+declare const neutral: ColorRange;
+declare const darkNeutral: ColorRange;
+declare const neutralAlpha: ColorRangeAlpha;
+declare const darkNeutralAlpha: ColorRangeAlpha;
+declare const purple: ColorRange;
+declare const red: ColorRange;
+declare const peach: ColorRange;
+declare const yellow: ColorRange;
+declare const blue: ColorRange;
+declare const green: ColorRange;
+
+declare const semantic: SemanticColor;
+
+declare const fonts: {
+    Domaine: {
+        name: string;
+        default: {
+            fileName: string;
+            weight: FontWeight;
+        };
+        bold: {
+            fileName: string;
+            weight: FontWeight;
+        };
+    };
+    FoundersGrotesk: {
+        name: string;
+        default: {
+            fileName: string;
+            weight: FontWeight;
+        };
+        bold: {
+            fileName: string;
+            weight: FontWeight;
+        };
+    };
+    FontStack: {
+        Serif: string;
+        SansSerif: string;
+    };
+};
+
+export { ColorRange, ColorRangeAlpha, FontWeight, SemanticColor, blue, blueRamp, darkNeutral, darkNeutralAlpha, fonts, generateRamp, green, greenRamp, neutral, neutralAlpha, neutralRamp, peach, peachRamp, purple, purpleRamp, red, redRamp, semantic, yellow, yellowRamp };

package/dist/BrandCore.js

@@ -0,0 +1 @@
+"use strict";var e=require("./_chunks/semanticColor-D7luRDLB.js"),r=require("./_chunks/primitiveVariables-DOkvMbUd.js"),p=require("./_chunks/types-BbAsZw_6.js"),t=require("./_chunks/typography-Cx74j4k8.js");require("react/jsx-runtime"),require("@mui/material");var a=require("./_chunks/Icon-DixraoWA.js");require("merge-sx"),require("react"),exports.blue=e.blue,exports.blueRamp=e.blueRamp,exports.darkNeutral=e.darkNeutral,exports.darkNeutralAlpha=e.darkNeutralAlpha,exports.generateRamp=e.generateRamp,exports.green=e.green,exports.greenRamp=e.greenRamp,exports.neutral=e.neutral,exports.neutralAlpha=e.neutralAlpha,exports.neutralRamp=e.neutralRamp,exports.peach=e.peach,exports.peachRamp=e.peachRamp,exports.purple=e.purple,exports.purpleRamp=e.purpleRamp,exports.red=e.red,exports.redRamp=e.redRamp,exports.semantic=e.semantic,exports.yellow=e.yellow,exports.yellowRamp=e.yellowRamp,exports.base=r.base,exports.boxShadow=r.boxShadow,exports.breakpoints=r.breakpoints,exports.easing=r.easing,exports.elevation=r.elevation,exports.elevationFilter=r.elevationFilter,exports.margin=r.margin,exports.padding=r.padding,exports.radius=r.radius,exports.space=r.space,Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return p.FontWeight}}),exports.fonts=t.fonts,exports.Icon=a.Icon,exports.iconSizeMap=a.iconSizeMap;

package/dist/IconButton-wcVJZep4.d.ts

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,15 @@
+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

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

package/dist/Marketing/PlanFeatureTable.d.ts

@@ -0,0 +1,61 @@
+import { FunctionComponent } from 'react';
+
+interface PlanHeading {
+    heading: string;
+    pricing: string;
+}
+interface PlanRow {
+    heading: string;
+    description: string;
+    tier1: string;
+    tier2: string;
+    tier3: string;
+    tier4: string;
+}
+interface PlanFeatureTableData {
+    headings: {
+        '01-tier1': PlanHeading;
+        '02-tier2': PlanHeading;
+        '03-tier3': PlanHeading;
+        '04-tier4': PlanHeading;
+    };
+    rows: {
+        '01-servicing': PlanRow;
+        '02-respondents': PlanRow;
+        '03-questions': PlanRow;
+        '04-ai': PlanRow;
+        '05-demographics': PlanRow;
+        '06-training': PlanRow;
+        '07-invite': PlanRow;
+        '08-email': PlanRow;
+        '09-beta': PlanRow;
+        '10-sso': PlanRow;
+        '11-minimum': PlanRow;
+    };
+}
+
+interface PlanFeatureTableProps {
+    currencySymbol: string;
+    data?: PlanFeatureTableData;
+    loading?: boolean;
+    tier1MinimumTerm: string;
+    tier1Price: number | string;
+    tier1QuestionLimit: number | string;
+    tier1RespondentPrice: number | string;
+    tier2MinimumTerm: string;
+    tier2Price: number | string;
+    tier2QuestionLimit: number | string;
+    tier2RespondentPrice: number | string;
+    tier3MinimumTerm: string;
+    tier3Price: number | string;
+    tier3QuestionLimit: number | string;
+    tier3RespondentPrice: number | string;
+    tier4MinimumTerm: string;
+    tier4Price: number | string;
+    tier4QuestionLimit: number | string;
+    tier4RespondentPrice: number | string;
+    variation?: 'default' | 'platform';
+}
+declare const PlanFeatureTable: FunctionComponent<PlanFeatureTableProps>;
+
+export { type PlanFeatureTableData, type PlanFeatureTableProps, PlanFeatureTable as default };

package/dist/Marketing/PlanFeatureTable.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/PlanFeatureTable-HjkiynIz.js");require("react/jsx-runtime"),require("@mui/material"),require("../_chunks/Icon-DixraoWA.js"),require("merge-sx"),require("react"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/Tooltip-hDvy3-fo.js"),require("../_chunks/Typography-BYFV0-HU.js"),require("../_chunks/types-BbAsZw_6.js"),require("../_chunks/misc-kjIxdcX1.js"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/AnnualController-DIiINpY8.js"),require("../_chunks/breakpoint.hook-X1gfdrbr.js"),require("../_chunks/Select-BBrH8EC2.js"),require("@mui/icons-material"),require("../_chunks/autocomplete.styles-C6N4E0gu.js"),require("../_chunks/semanticColor-D7luRDLB.js"),require("../_chunks/StyledCheckbox-g-PmPEwy.js"),require("../_chunks/Switch-m3rUWkHS.js"),require("../_chunks/FormControlLabel-BWbSxhnZ.js"),require("../_chunks/Accordion-aNpUHWmg.js"),require("@mui/material/styles"),require("../_chunks/Badge-DsL8LwLJ.js"),require("../_chunks/Breadcrumb-BHqgdVj-.js"),require("../_chunks/Link-CikLKNS5.js"),require("../_chunks/Button-TKogbJWt.js"),require("../_chunks/Button.variant-helpers-DlExkDyh.js"),require("../_chunks/ButtonBase-DOLFz7T6.js"),require("../_chunks/InputFieldBase-Dmb5-LXp.js"),require("../_chunks/CreatableAutocomplete-CqQMerG2.js"),require("../_chunks/InputLabelBase-C9l5M26_.js"),require("../_chunks/Differential-B_1zxbR8.js"),require("../_chunks/InputLabelHelp-DDaauqeX.js"),require("../_chunks/Radio-BrBgm9f5.js"),require("../_chunks/StyledMenu-0gmkD_R6.js"),require("../_chunks/FormGenerator-BBvnq27_.js"),require("react-hook-form"),require("react-phone-number-input"),require("../_chunks/Checkbox-CSz7J7US.js"),require("../_chunks/CheckboxGroup-DQgs6LvV.js"),require("../_chunks/TextField-Cc_JSuuE.js"),require("../_chunks/CustomField-AxxznkBp.js"),require("../WebCore/Html.js"),require("../_chunks/InputLabel-Bt0Q3uC0.js"),require("../_chunks/Likert-CQI8ZnlX.js"),require("../_chunks/NumberField-CuiOrazp.js"),require("@base-ui-components/react"),require("../_chunks/IconButton-LEHeDXoQ.js"),require("../_chunks/IconButtonBase-6L_dNOOr.js"),require("../_chunks/IconButton.variant-helpers-pRkPkbk-.js"),require("../_chunks/Progress-BmBeu7uJ.js"),require("../_chunks/IconButtonGroup-CDYetneE.js"),require("../_chunks/RadioGroup-BxHkG84o.js"),require("../_chunks/Rank-C28bcQ33.js"),require("../_chunks/RankItem-D8JL2Loy.js"),require("../_chunks/SortableList-ad1Z0omV.js"),require("@dnd-kit/core"),require("@dnd-kit/sortable"),require("@dnd-kit/utilities"),require("react-dom"),require("../_chunks/RichTextField-BMrpCktt.js"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../_chunks/Slider-BNY8BtY7.js"),require("../_chunks/StarRating-lqoK8zFU.js"),require("../_chunks/Textarea-j5nWbV1y.js"),require("check-password-strength"),require("@hookform/error-message"),require("../_chunks/usePrevious-BaNqxBnu.js"),require("../_chunks/GridOverlay-DJNXEqa7.js"),require("../_chunks/useKeyCombo-V6XcyiXh.js"),require("html-react-parser"),require("../_chunks/Image-In4M7VMg.js"),require("react-lazy-load-image-component"),require("../_chunks/Label-DKrUnSYL.js"),require("@lottiefiles/dotlottie-react"),require("../_chunks/LoopsAiButton-BJ0Vck7E.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../_chunks/Surface-CNQxv-Vi.js"),require("../_chunks/MenuItem-ChV88sO-.js"),require("../_chunks/ModalContentWrapper-9lOys-c7.js"),require("../_chunks/NavigationButton-t_nJ_-97.js"),require("../_chunks/NudgeButton-D6ypWC8w.js"),require("../_chunks/StyledPill-DDDGFPYD.js"),require("../_chunks/ProgressBar-Wer8KEv6.js"),require("../_chunks/Skeleton-DgvdvSd_.js"),require("../_chunks/TrialPill-h8Y2SoiG.js"),require("../_chunks/ColorBackgroundContainer-CzbCfIUH.js"),require("../_chunks/UserMenuButton-CgHpAwrN.js"),require("../_chunks/Avatar-D-fcDrEA.js"),require("../_chunks/VideoModal-B_xOy6H5.js"),exports.default=e.PlanFeatureTable;

package/dist/Marketing/PlanTierCard.d.ts

@@ -0,0 +1,28 @@
+import { FunctionComponent } from 'react';
+
+type Section = 'headerHeight' | 'bodyHeight' | 'respondentCardHeight' | 'bottomHeight';
+interface PlanTierCardProps {
+    amount: string;
+    billingType?: string;
+    body: string;
+    ctaEvent?: (heading: string) => void;
+    ctaLink?: string;
+    ctaTarget?: string;
+    ctaText: string;
+    ctaVariation?: 'primary' | 'secondary' | 'outlined';
+    currencySymbol: string;
+    currentPlan?: boolean;
+    features?: string[];
+    heading: string;
+    label?: string;
+    loading?: boolean;
+    perMonth: string;
+    respondentsTitle?: string;
+    respondentsFeatures?: string[];
+    saving?: string;
+    sectionHeights: Record<Section, number>;
+    updateSectionHeight?: (section: Section, height: number) => void;
+}
+declare const PlanTierCard: FunctionComponent<PlanTierCardProps>;
+
+export { type PlanTierCardProps, type Section, PlanTierCard as default };

package/dist/Marketing/PlanTierCard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/PlanTierCard-D-0pXipT.js");require("react/jsx-runtime"),require("@mui/material"),require("react"),require("../_chunks/breakpoint.hook-X1gfdrbr.js"),require("../_chunks/screen.hook-BWo6Lcm1.js"),require("../_chunks/misc-kjIxdcX1.js"),require("../_chunks/Icon-DixraoWA.js"),require("merge-sx"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/types-BbAsZw_6.js"),require("../_chunks/AnnualController-DIiINpY8.js"),require("../_chunks/Select-BBrH8EC2.js"),require("@mui/icons-material"),require("../_chunks/Typography-BYFV0-HU.js"),require("../_chunks/autocomplete.styles-C6N4E0gu.js"),require("../_chunks/semanticColor-D7luRDLB.js"),require("../_chunks/StyledCheckbox-g-PmPEwy.js"),require("../_chunks/Switch-m3rUWkHS.js"),require("../_chunks/FormControlLabel-BWbSxhnZ.js"),require("../_chunks/Accordion-aNpUHWmg.js"),require("@mui/material/styles"),require("../_chunks/Badge-DsL8LwLJ.js"),require("../_chunks/Breadcrumb-BHqgdVj-.js"),require("../_chunks/Link-CikLKNS5.js"),require("../_chunks/Button-TKogbJWt.js"),require("../_chunks/Button.variant-helpers-DlExkDyh.js"),require("../_chunks/ButtonBase-DOLFz7T6.js"),require("../_chunks/InputFieldBase-Dmb5-LXp.js"),require("../_chunks/CreatableAutocomplete-CqQMerG2.js"),require("../_chunks/InputLabelBase-C9l5M26_.js"),require("../_chunks/Differential-B_1zxbR8.js"),require("../_chunks/InputLabelHelp-DDaauqeX.js"),require("../_chunks/Radio-BrBgm9f5.js"),require("../_chunks/StyledMenu-0gmkD_R6.js"),require("../_chunks/FormGenerator-BBvnq27_.js"),require("react-hook-form"),require("react-phone-number-input"),require("../_chunks/Checkbox-CSz7J7US.js"),require("../_chunks/CheckboxGroup-DQgs6LvV.js"),require("../_chunks/TextField-Cc_JSuuE.js"),require("../_chunks/CustomField-AxxznkBp.js"),require("../WebCore/Html.js"),require("../_chunks/InputLabel-Bt0Q3uC0.js"),require("../_chunks/Likert-CQI8ZnlX.js"),require("../_chunks/NumberField-CuiOrazp.js"),require("@base-ui-components/react"),require("../_chunks/IconButton-LEHeDXoQ.js"),require("../_chunks/IconButtonBase-6L_dNOOr.js"),require("../_chunks/IconButton.variant-helpers-pRkPkbk-.js"),require("../_chunks/Progress-BmBeu7uJ.js"),require("../_chunks/Tooltip-hDvy3-fo.js"),require("../_chunks/IconButtonGroup-CDYetneE.js"),require("../_chunks/RadioGroup-BxHkG84o.js"),require("../_chunks/Rank-C28bcQ33.js"),require("../_chunks/RankItem-D8JL2Loy.js"),require("../_chunks/SortableList-ad1Z0omV.js"),require("@dnd-kit/core"),require("@dnd-kit/sortable"),require("@dnd-kit/utilities"),require("react-dom"),require("../_chunks/RichTextField-BMrpCktt.js"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../_chunks/Slider-BNY8BtY7.js"),require("../_chunks/StarRating-lqoK8zFU.js"),require("../_chunks/Textarea-j5nWbV1y.js"),require("check-password-strength"),require("@hookform/error-message"),require("../_chunks/usePrevious-BaNqxBnu.js"),require("../_chunks/GridOverlay-DJNXEqa7.js"),require("../_chunks/useKeyCombo-V6XcyiXh.js"),require("html-react-parser"),require("../_chunks/Image-In4M7VMg.js"),require("react-lazy-load-image-component"),require("../_chunks/Label-DKrUnSYL.js"),require("@lottiefiles/dotlottie-react"),require("../_chunks/LoopsAiButton-BJ0Vck7E.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../_chunks/Surface-CNQxv-Vi.js"),require("../_chunks/MenuItem-ChV88sO-.js"),require("../_chunks/ModalContentWrapper-9lOys-c7.js"),require("../_chunks/NavigationButton-t_nJ_-97.js"),require("../_chunks/NudgeButton-D6ypWC8w.js"),require("../_chunks/StyledPill-DDDGFPYD.js"),require("../_chunks/ProgressBar-Wer8KEv6.js"),require("../_chunks/Skeleton-DgvdvSd_.js"),require("../_chunks/TrialPill-h8Y2SoiG.js"),require("../_chunks/ColorBackgroundContainer-CzbCfIUH.js"),require("../_chunks/UserMenuButton-CgHpAwrN.js"),require("../_chunks/Avatar-D-fcDrEA.js"),require("../_chunks/VideoModal-B_xOy6H5.js"),exports.default=e.PlanTierCard;

package/dist/Marketing/TickGroup.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+
+interface TickGroupProps {
+    heading: string;
+    ticks: string[];
+}
+declare const TickGroup: FunctionComponent<TickGroupProps>;
+
+export { type TickGroupProps, TickGroup as default };

package/dist/Marketing/TickGroup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/TickGroup-Be8IMh_H.js");require("react/jsx-runtime"),require("@mui/material"),require("../_chunks/Icon-DixraoWA.js"),require("merge-sx"),require("react"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/Typography-BYFV0-HU.js"),require("../_chunks/types-BbAsZw_6.js"),exports.default=e.TickGroup;

package/dist/Marketing.d.ts

@@ -0,0 +1,4 @@
+export { default as PlanFeatureTable, PlanFeatureTableData, PlanFeatureTableProps } from './Marketing/PlanFeatureTable.js';
+export { default as PlanTierCard, PlanTierCardProps, Section } from './Marketing/PlanTierCard.js';
+export { default as TickGroup, TickGroupProps } from './Marketing/TickGroup.js';
+import 'react';

package/dist/Marketing.js

@@ -0,0 +1 @@
+"use strict";var e=require("./_chunks/PlanFeatureTable-HjkiynIz.js"),r=require("./_chunks/PlanTierCard-D-0pXipT.js"),u=require("./_chunks/TickGroup-Be8IMh_H.js");require("react/jsx-runtime"),require("@mui/material"),require("./_chunks/Icon-DixraoWA.js"),require("merge-sx"),require("react"),require("./_chunks/primitiveVariables-DOkvMbUd.js"),require("./_chunks/Tooltip-hDvy3-fo.js"),require("./_chunks/Typography-BYFV0-HU.js"),require("./_chunks/types-BbAsZw_6.js"),require("./_chunks/misc-kjIxdcX1.js"),require("./_chunks/typography.util-Cfj-ZgvS.js"),require("./_chunks/typography-Cx74j4k8.js"),require("./_chunks/AnnualController-DIiINpY8.js"),require("./_chunks/breakpoint.hook-X1gfdrbr.js"),require("./_chunks/Select-BBrH8EC2.js"),require("@mui/icons-material"),require("./_chunks/autocomplete.styles-C6N4E0gu.js"),require("./_chunks/semanticColor-D7luRDLB.js"),require("./_chunks/StyledCheckbox-g-PmPEwy.js"),require("./_chunks/Switch-m3rUWkHS.js"),require("./_chunks/FormControlLabel-BWbSxhnZ.js"),require("./_chunks/Accordion-aNpUHWmg.js"),require("@mui/material/styles"),require("./_chunks/Badge-DsL8LwLJ.js"),require("./_chunks/Breadcrumb-BHqgdVj-.js"),require("./_chunks/Link-CikLKNS5.js"),require("./_chunks/Button-TKogbJWt.js"),require("./_chunks/Button.variant-helpers-DlExkDyh.js"),require("./_chunks/ButtonBase-DOLFz7T6.js"),require("./_chunks/InputFieldBase-Dmb5-LXp.js"),require("./_chunks/CreatableAutocomplete-CqQMerG2.js"),require("./_chunks/InputLabelBase-C9l5M26_.js"),require("./_chunks/Differential-B_1zxbR8.js"),require("./_chunks/InputLabelHelp-DDaauqeX.js"),require("./_chunks/Radio-BrBgm9f5.js"),require("./_chunks/StyledMenu-0gmkD_R6.js"),require("./_chunks/FormGenerator-BBvnq27_.js"),require("react-hook-form"),require("react-phone-number-input"),require("./_chunks/Checkbox-CSz7J7US.js"),require("./_chunks/CheckboxGroup-DQgs6LvV.js"),require("./_chunks/TextField-Cc_JSuuE.js"),require("./_chunks/CustomField-AxxznkBp.js"),require("./WebCore/Html.js"),require("./_chunks/InputLabel-Bt0Q3uC0.js"),require("./_chunks/Likert-CQI8ZnlX.js"),require("./_chunks/NumberField-CuiOrazp.js"),require("@base-ui-components/react"),require("./_chunks/IconButton-LEHeDXoQ.js"),require("./_chunks/IconButtonBase-6L_dNOOr.js"),require("./_chunks/IconButton.variant-helpers-pRkPkbk-.js"),require("./_chunks/Progress-BmBeu7uJ.js"),require("./_chunks/IconButtonGroup-CDYetneE.js"),require("./_chunks/RadioGroup-BxHkG84o.js"),require("./_chunks/Rank-C28bcQ33.js"),require("./_chunks/RankItem-D8JL2Loy.js"),require("./_chunks/SortableList-ad1Z0omV.js"),require("@dnd-kit/core"),require("@dnd-kit/sortable"),require("@dnd-kit/utilities"),require("react-dom"),require("./_chunks/RichTextField-BMrpCktt.js"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("./_chunks/Slider-BNY8BtY7.js"),require("./_chunks/StarRating-lqoK8zFU.js"),require("./_chunks/Textarea-j5nWbV1y.js"),require("check-password-strength"),require("@hookform/error-message"),require("./_chunks/usePrevious-BaNqxBnu.js"),require("./_chunks/GridOverlay-DJNXEqa7.js"),require("./_chunks/useKeyCombo-V6XcyiXh.js"),require("html-react-parser"),require("./_chunks/Image-In4M7VMg.js"),require("react-lazy-load-image-component"),require("./_chunks/Label-DKrUnSYL.js"),require("@lottiefiles/dotlottie-react"),require("./_chunks/LoopsAiButton-BJ0Vck7E.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("./_chunks/Surface-CNQxv-Vi.js"),require("./_chunks/MenuItem-ChV88sO-.js"),require("./_chunks/ModalContentWrapper-9lOys-c7.js"),require("./_chunks/NavigationButton-t_nJ_-97.js"),require("./_chunks/NudgeButton-D6ypWC8w.js"),require("./_chunks/StyledPill-DDDGFPYD.js"),require("./_chunks/ProgressBar-Wer8KEv6.js"),require("./_chunks/Skeleton-DgvdvSd_.js"),require("./_chunks/TrialPill-h8Y2SoiG.js"),require("./_chunks/ColorBackgroundContainer-CzbCfIUH.js"),require("./_chunks/UserMenuButton-CgHpAwrN.js"),require("./_chunks/Avatar-D-fcDrEA.js"),require("./_chunks/VideoModal-B_xOy6H5.js"),require("./_chunks/screen.hook-BWo6Lcm1.js"),exports.PlanFeatureTable=e.PlanFeatureTable,exports.PlanTierCard=r.PlanTierCard,exports.TickGroup=u.TickGroup;

package/dist/MenuItem-Bhn675bc.d.ts

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,12 @@
+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/Platform/AIInsight.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement, FunctionComponent } from 'react';
+import { AiContentContainerProps } from './AiContentContainer.js';
+import '@mui/material';
+import './AIWrittenByLockUp.js';
+
+interface AIInsightProps {
+    themeDescription: string;
+    comments: ReactElement[];
+    slotProps?: {
+        aiContentContainer: AiContentContainerProps;
+    };
+    suggestions?: string[];
+    activeCommentIndex?: number;
+    onActiveCommentIndexChange?: (index: number) => void;
+}
+declare const AIInsight: FunctionComponent<AIInsightProps>;
+
+export { type AIInsightProps, AIInsight as default };