@useloops/design-system 1.4.528 → 1.4.529

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, I 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, b as default, i as iconSizeMap } from '../index-CyNNYJKA.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-Dgie8dye.js");require("../_chunks/jsx-runtime-DGDij54l.js"),require("react"),require("merge-sx"),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,448 @@
+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 { b as Icon, I as IconName, i as iconSizeMap } from './index-CyNNYJKA.js';
+import 'react/jsx-runtime';
+import '@mui/material';
+import 'react';
+
+interface ColorRange {
+    0: string;
+    50?: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950?: string;
+    1000: string;
+    1100?: string;
+}
+interface ColorRangeAlpha {
+    0: string;
+    0.01: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+}
+declare enum FontWeight {
+    DEFAULT = 400,
+    BOLD = 500
+}
+interface SemanticColor {
+    light: {
+        surface: {
+            sunken: string | undefined;
+            default: string | undefined;
+            raised: string | undefined;
+            float: string | undefined;
+            overlay: string | undefined;
+            scrim: string | undefined;
+            transparent: string | undefined;
+        };
+        interaction: {
+            none: string | undefined;
+            hover: string | undefined;
+            press: string | undefined;
+            hoverOnDark: string | undefined;
+            pressOnDark: string | undefined;
+            disabled: string | undefined;
+            disabledMuted: string | undefined;
+        };
+        stroke: {
+            default: string | undefined;
+            light: string | undefined;
+            focus: string | undefined;
+            disabled: string | undefined;
+        };
+        text: {
+            primary: string | undefined;
+            secondary: string | undefined;
+            placeholder: string | undefined;
+            disabled: string | undefined;
+            link: string | undefined;
+            linkHover: string | undefined;
+            primaryInverted: string | undefined;
+            secondaryInverted: string | undefined;
+            placeholderInverted: string | undefined;
+            disabledInverted: string | undefined;
+            positive: string | undefined;
+            negative: string | undefined;
+            lockedWhite: string | undefined;
+        };
+        icon: {
+            primary: string | undefined;
+            secondary: string | undefined;
+            disabled: string | undefined;
+            primaryInverted: string | undefined;
+            secondaryInverted: string | undefined;
+            disabledInverted: string | undefined;
+            positive: string | undefined;
+            negative: string | undefined;
+            lockedWhite: string | undefined;
+            link: string | undefined;
+            linkHover: string | undefined;
+        };
+        input: {
+            default: string | undefined;
+            disabled: string | undefined;
+        };
+        skeleton: {
+            default: string | undefined;
+        };
+        data: {
+            sentimentVeryPositive: string | undefined;
+            sentimentPositive: string | undefined;
+            sentimentNegative: string | undefined;
+            sentimentVeryNegative: string | undefined;
+            sentimentNeutral: string | undefined;
+        };
+    };
+    dark: {
+        surface: {
+            sunken: string | undefined;
+            default: string | undefined;
+            raised: string | undefined;
+            float: string | undefined;
+            overlay: string | undefined;
+            scrim: string | undefined;
+            transparent: string | undefined;
+        };
+        interaction: {
+            none: string | undefined;
+            hover: string | undefined;
+            press: string | undefined;
+            hoverOnDark: string | undefined;
+            pressOnDark: string | undefined;
+            disabled: string | undefined;
+            disabledMuted: string | undefined;
+        };
+        stroke: {
+            default: string | undefined;
+            light: string | undefined;
+            focus: string | undefined;
+            disabled: string | undefined;
+        };
+        text: {
+            primary: string | undefined;
+            secondary: string | undefined;
+            placeholder: string | undefined;
+            disabled: string | undefined;
+            link: string | undefined;
+            linkHover: string | undefined;
+            primaryInverted: string | undefined;
+            secondaryInverted: string | undefined;
+            placeholderInverted: string | undefined;
+            disabledInverted: string | undefined;
+            positive: string | undefined;
+            negative: string | undefined;
+            lockedWhite: string | undefined;
+        };
+        icon: {
+            primary: string | undefined;
+            secondary: string | undefined;
+            disabled: string | undefined;
+            primaryInverted: string | undefined;
+            secondaryInverted: string | undefined;
+            disabledInverted: string | undefined;
+            positive: string | undefined;
+            negative: string | undefined;
+            lockedWhite: string | undefined;
+            link: string | undefined;
+            linkHover: string | undefined;
+        };
+        input: {
+            default: string | undefined;
+            disabled: string | undefined;
+        };
+        skeleton: {
+            default: string | undefined;
+        };
+        data: {
+            sentimentVeryPositive: string | undefined;
+            sentimentPositive: string | undefined;
+            sentimentNegative: string | undefined;
+            sentimentVeryNegative: string | undefined;
+            sentimentNeutral: string | undefined;
+        };
+    };
+}
+
+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 { type ColorRange, type ColorRangeAlpha, FontWeight, type 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("./_chunks/jsx-runtime-DGDij54l.js"),require("@mui/material");var a=require("./_chunks/Icon-Dgie8dye.js");require("react"),require("merge-sx"),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-CgrekP6F.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { ReactElement } from 'react';
+import { I as IconButtonBaseProps } from './IconButtonBase-B6RP_D01.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-B6RP_D01.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 { type IconButtonBaseProps as I, IconButtonBase 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 };