@matteoaliano/forest-ui 0.3.0 → 0.3.2

package/dist/index.js

@@ -21,6 +21,7 @@ var MuiTextField = require('@mui/material/TextField');
 var InputAdornment = require('@mui/material/InputAdornment');
 var IconButton = require('@mui/material/IconButton');
 var utils = require('@mui/material/utils');
+var MuiInputBase = require('@mui/material/InputBase');
 var material = require('@mui/material');
 var MuiToggleButton = require('@mui/material/ToggleButton');
 var MuiToggleButtonGroup = require('@mui/material/ToggleButtonGroup');
@@ -107,6 +108,7 @@ var MuiSwitch__default = /*#__PURE__*/_interopDefault(MuiSwitch);
 var MuiTextField__default = /*#__PURE__*/_interopDefault(MuiTextField);
 var InputAdornment__default = /*#__PURE__*/_interopDefault(InputAdornment);
 var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
+var MuiInputBase__default = /*#__PURE__*/_interopDefault(MuiInputBase);
 var MuiToggleButton__default = /*#__PURE__*/_interopDefault(MuiToggleButton);
 var MuiToggleButtonGroup__default = /*#__PURE__*/_interopDefault(MuiToggleButtonGroup);
 var MuiBadge__default = /*#__PURE__*/_interopDefault(MuiBadge);
@@ -168,40 +170,106 @@ var Box2__default = /*#__PURE__*/_interopDefault(Box2);
 // src/provider/ForestProvider.tsx
 
 // src/theme/tokens.ts
+var violet = {
+  50: "#f5f0ff",
+  100: "#ebe0ff",
+  200: "#d6c0ff",
+  300: "#b090ff",
+  400: "#9D5FFF",
+  500: "#7c4de6",
+  600: "#5b3acc",
+  700: "#3a1aad",
+  800: "#190a8a",
+  900: "#000066"};
+var gray = {
+  25: "#fdfcfc",
+  50: "#faf9f8",
+  100: "#f5f3f1",
+  200: "#e8e5e3",
+  300: "#d8d8dc",
+  400: "#a0a0a6",
+  500: "#71717a",
+  600: "#52525b",
+  700: "#3f3f46",
+  800: "#27272a",
+  900: "#18181b",
+  950: "#09090b"
+};
+var info = {
+  25: "#f5faff",
+  50: "#eff8ff",
+  100: "#d1e9ff",
+  200: "#b2ddff",
+  300: "#84caff",
+  400: "#53b1fd",
+  500: "#2e90fa",
+  600: "#1570ef",
+  700: "#175cd3",
+  800: "#1849a9",
+  900: "#194185",
+  950: "#102a56"
+};
+var misc = {
+  teal: {
+    50: "#f0fdf9",
+    100: "#ccfbef",
+    200: "#99f6e0",
+    300: "#5fe9d0",
+    400: "#2ed3b7",
+    600: "#0e9384",
+    700: "#107569"},
+  orange: {
+    100: "#fdead7",
+    200: "#f9dbaf",
+    300: "#f7b27a",
+    400: "#f38744"},
+  purple: {
+    100: "#ebe9fe",
+    200: "#d9d6fe",
+    500: "#7a5af8",
+    600: "#6938ef"},
+  pink: {
+    100: "#fce7f6",
+    200: "#fcceee",
+    400: "#f670c7",
+    500: "#ee46bc"},
+  fuchsia: {
+    100: "#fbe8ff",
+    200: "#f6d0fe",
+    400: "#e478fa",
+    500: "#d444f1"},
+  orangeDark: {
+    100: "#ffe6d5",
+    200: "#ffd6ae",
+    400: "#ff692e",
+    500: "#ff4405"},
+  green: {
+    100: "#d3f8df",
+    200: "#aaf0c4",
+    500: "#16b364",
+    600: "#099250"},
+  rose: {
+    100: "#ffe4e8",
+    200: "#fecdd6",
+    400: "#fd6f8e",
+    500: "#f63d68"},
+  blueLight: {
+    100: "#e0f2fe",
+    200: "#b9e6fe",
+    400: "#36bffa",
+    500: "#0ba5ec"},
+  cyan: {
+    100: "#cff9fe",
+    200: "#a5f0fc",
+    600: "#088ab2",
+    700: "#0e7090"}
+};
 var colors = {
   base: {
     white: "#ffffff",
     black: "#000000",
     transparent: "#ffffff00"
   },
-  brand: {
-    25: "#fcfaff",
-    50: "#f9f5ff",
-    100: "#f4ebff",
-    200: "#e9d7fe",
-    300: "#d6bbfb",
-    400: "#b692f6",
-    500: "#9e77ed",
-    600: "#7f56d9",
-    700: "#6941c6",
-    800: "#53389e",
-    900: "#42307d",
-    950: "#2c1c5f"
-  },
-  gray: {
-    25: "#fcfcfd",
-    50: "#f9fafb",
-    100: "#f2f4f7",
-    200: "#eaecf0",
-    300: "#d0d5dd",
-    400: "#98a2b3",
-    500: "#667085",
-    600: "#475467",
-    700: "#344054",
-    800: "#182230",
-    900: "#101828",
-    950: "#0c111d"
-  },
   error: {
     25: "#fffbfa",
     50: "#fef3f2",
@@ -244,104 +312,7 @@ var colors = {
     900: "#074d31",
     950: "#053321"
   },
-  blue: {
-    25: "#f5faff",
-    50: "#eff8ff",
-    100: "#d1e9ff",
-    200: "#b2ddff",
-    300: "#84caff",
-    400: "#53b1fd",
-    500: "#2e90fa",
-    600: "#1570ef",
-    700: "#175cd3",
-    800: "#1849a9",
-    900: "#194185",
-    950: "#102a56"
-  },
-  teal: {
-    50: "#f0fdf9",
-    100: "#ccfbef",
-    200: "#99f6e0",
-    300: "#5fe9d0",
-    400: "#2ed3b7",
-    600: "#0e9384",
-    700: "#107569"
-  },
-  orange: {
-    100: "#fdead7",
-    200: "#f9dbaf",
-    300: "#f7b27a",
-    400: "#f38744",
-    600: "#e04f16",
-    700: "#b93815"
-  },
-  purple: {
-    100: "#ebe9fe",
-    200: "#d9d6fe",
-    600: "#6938ef",
-    700: "#5925dc"
-  },
-  pink: {
-    100: "#fce7f6",
-    200: "#fcceee",
-    400: "#f670c7",
-    500: "#ee46bc",
-    600: "#dd2590",
-    700: "#c11574"
-  },
-  fuchsia: {
-    100: "#fbe8ff",
-    200: "#f6d0fe",
-    400: "#e478fa",
-    500: "#d444f1",
-    600: "#ba24d5",
-    700: "#9f1ab1"
-  },
-  orangeDark: {
-    100: "#ffe6d5",
-    200: "#ffd6ae",
-    400: "#ff692e",
-    500: "#ff4405",
-    600: "#e62e05",
-    700: "#bc1b06"
-  },
-  green: {
-    100: "#d3f8df",
-    200: "#aaf0c4",
-    500: "#16b364",
-    600: "#099250",
-    700: "#087443"
-  },
-  indigo: {
-    100: "#e0eaff",
-    200: "#c7d7fe",
-    600: "#444ce7",
-    700: "#3538cd"
-  },
-  violet: {
-    100: "#ece9fe",
-    200: "#ddd6fe",
-    500: "#875bf7",
-    600: "#7839ee"
-  },
-  rose: {
-    100: "#ffe4e8",
-    200: "#fecdd6",
-    400: "#fd6f8e",
-    500: "#f63d68"
-  },
-  blueLight: {
-    100: "#e0f2fe",
-    200: "#b9e6fe",
-    400: "#36bffa",
-    500: "#0ba5ec"
-  },
-  cyan: {
-    100: "#cff9fe",
-    200: "#a5f0fc",
-    600: "#088ab2",
-    700: "#0e7090"
-  }
+  info
 };
 var spacing = {
   none: 0,
@@ -385,12 +356,12 @@ var shadows = {
   "3xl": "0px 32px 64px -12px #10182824"
 };
 var focusRings = {
-  brand: "0px 0px 0px 4px #9e77ed3d",
-  brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #9e77ed3d",
-  brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #9e77ed3d",
-  gray: "0px 0px 0px 4px #98a2b324",
-  grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #98a2b324",
-  grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #98a2b324",
+  brand: "0px 0px 0px 4px #7c4de63d",
+  brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #7c4de63d",
+  brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #7c4de63d",
+  gray: "0px 0px 0px 4px #a0a0a624",
+  grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #a0a0a624",
+  grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #a0a0a624",
   error: "0px 0px 0px 4px #f044383d",
   errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d"
 };
@@ -444,51 +415,51 @@ var widths = {
   "6xl": 1920
 };
 var text = {
-  primary: colors.gray[900],
-  secondary: colors.gray[700],
-  secondaryHover: colors.gray[800],
-  tertiary: colors.gray[600],
-  tertiaryHover: colors.gray[700],
-  quaternary: colors.gray[500],
-  disabled: colors.gray[500],
-  placeholder: colors.gray[500],
-  placeholderSubtle: colors.gray[300],
+  primary: gray[900],
+  secondary: gray[700],
+  secondaryHover: gray[800],
+  tertiary: gray[600],
+  tertiaryHover: gray[700],
+  quaternary: gray[500],
+  disabled: gray[500],
+  placeholder: gray[500],
+  placeholderSubtle: gray[300],
   white: colors.base.white,
-  brandPrimary: colors.brand[900],
-  brandSecondary: colors.brand[700],
-  brandTertiary: colors.brand[600],
-  brandTertiaryAlt: colors.brand[600],
+  brandPrimary: violet[900],
+  brandSecondary: violet[700],
+  brandTertiary: violet[600],
+  brandTertiaryAlt: violet[600],
   primaryOnBrand: colors.base.white,
-  secondaryOnBrand: colors.brand[200],
-  tertiaryOnBrand: colors.brand[200],
-  quaternaryOnBrand: colors.brand[300],
+  secondaryOnBrand: violet[200],
+  tertiaryOnBrand: violet[200],
+  quaternaryOnBrand: violet[300],
   errorPrimary: colors.error[600],
   warningPrimary: colors.warning[600],
   successPrimary: colors.success[600]
 };
 var bg = {
-  primary: colors.gray[50],
-  primaryAlt: colors.gray[50],
-  primaryHover: colors.gray[100],
-  primarySolid: colors.gray[950],
+  primary: gray[50],
+  primaryAlt: gray[50],
+  primaryHover: gray[100],
+  primarySolid: gray[950],
   secondary: colors.base.white,
   secondaryAlt: colors.base.white,
-  secondarySubtle: colors.gray[25],
-  secondaryHover: colors.gray[50],
-  secondarySolid: colors.gray[600],
-  tertiary: colors.gray[100],
-  quaternary: colors.gray[200],
-  active: colors.gray[200],
-  disabled: colors.gray[100],
-  disabledSubtle: colors.gray[50],
-  overlay: colors.gray[950],
-  brandPrimary: colors.brand[50],
-  brandPrimaryAlt: colors.brand[50],
-  brandSecondary: colors.brand[100],
-  brandSolid: colors.brand[600],
-  brandSolidHover: colors.brand[700],
-  brandSection: colors.brand[800],
-  brandSectionSubtle: colors.brand[700],
+  secondarySubtle: gray[25],
+  secondaryHover: gray[50],
+  secondarySolid: gray[600],
+  tertiary: gray[100],
+  quaternary: gray[200],
+  active: gray[200],
+  disabled: gray[100],
+  disabledSubtle: gray[50],
+  overlay: gray[950],
+  brandPrimary: violet[50],
+  brandPrimaryAlt: violet[50],
+  brandSecondary: violet[100],
+  brandSolid: violet[600],
+  brandSolidHover: violet[700],
+  brandSection: violet[800],
+  brandSectionSubtle: violet[700],
   errorPrimary: colors.error[50],
   errorSecondary: colors.error[100],
   errorSolid: colors.error[600],
@@ -500,22 +471,22 @@ var bg = {
   successSolid: colors.success[600]
 };
 var fg = {
-  primary: colors.gray[900],
-  secondary: colors.gray[700],
-  secondaryHover: colors.gray[800],
-  tertiary: colors.gray[600],
-  tertiaryHover: colors.gray[700],
-  quaternary: colors.gray[500],
-  quaternaryHover: colors.gray[600],
-  quinary: colors.gray[400],
-  quinaryHover: colors.gray[500],
-  senary: colors.gray[300],
+  primary: gray[900],
+  secondary: gray[700],
+  secondaryHover: gray[800],
+  tertiary: gray[600],
+  tertiaryHover: gray[700],
+  quaternary: gray[500],
+  quaternaryHover: gray[600],
+  quinary: gray[400],
+  quinaryHover: gray[500],
+  senary: gray[300],
   white: colors.base.white,
-  disabled: colors.gray[400],
-  disabledSubtle: colors.gray[300],
-  brandPrimary: colors.brand[600],
-  brandPrimaryAlt: colors.brand[600],
-  brandSecondary: colors.brand[500],
+  disabled: gray[400],
+  disabledSubtle: gray[300],
+  brandPrimary: violet[600],
+  brandPrimaryAlt: violet[600],
+  brandSecondary: violet[500],
   errorPrimary: colors.error[600],
   errorSecondary: colors.error[500],
   warningPrimary: colors.warning[600],
@@ -524,51 +495,51 @@ var fg = {
   successSecondary: colors.success[500]
 };
 var border = {
-  primary: colors.gray[300],
-  secondary: colors.gray[200],
-  tertiary: colors.gray[100],
-  disabled: colors.gray[300],
-  disabledSubtle: colors.gray[200],
-  brand: colors.brand[300],
-  brandSolid: colors.brand[600],
-  brandSolidAlt: colors.brand[600],
+  primary: gray[300],
+  secondary: gray[200],
+  tertiary: gray[100],
+  disabled: gray[300],
+  disabledSubtle: gray[200],
+  brand: violet[300],
+  brandSolid: violet[600],
+  brandSolidAlt: violet[600],
   error: colors.error[300],
   errorSolid: colors.error[600]
 };
 var buttonColors = {
   primary: {
-    bg: colors.brand[600],
-    bgHover: colors.brand[700],
+    bg: violet[600],
+    bgHover: violet[700],
     fg: colors.base.white,
     fgHover: colors.base.white,
-    border: colors.brand[600],
-    borderHover: colors.brand[700]
+    border: violet[600],
+    borderHover: violet[700]
   },
   secondary: {
     bg: colors.base.white,
-    bgHover: colors.gray[50],
-    fg: colors.gray[700],
-    fgHover: colors.gray[800],
-    border: colors.gray[300],
-    borderHover: colors.gray[300]
+    bgHover: gray[50],
+    fg: gray[700],
+    fgHover: gray[800],
+    border: gray[300],
+    borderHover: gray[300]
   },
   secondaryColor: {
     bg: colors.base.white,
-    bgHover: colors.brand[50],
-    fg: colors.brand[700],
-    fgHover: colors.brand[800],
-    border: colors.brand[300],
-    borderHover: colors.brand[300]
+    bgHover: violet[50],
+    fg: violet[700],
+    fgHover: violet[800],
+    border: violet[300],
+    borderHover: violet[300]
   },
   tertiary: {
-    fg: colors.gray[600],
-    fgHover: colors.gray[700],
-    bgHover: colors.gray[50]
+    fg: gray[600],
+    fgHover: gray[700],
+    bgHover: gray[50]
   },
   tertiaryColor: {
-    fg: colors.brand[700],
-    fgHover: colors.brand[800],
-    bgHover: colors.brand[50]
+    fg: violet[700],
+    fgHover: violet[800],
+    bgHover: violet[50]
   },
   primaryError: {
     bg: colors.error[600],
@@ -593,27 +564,27 @@ var buttonColors = {
   }
 };
 var avatarColors = {
-  bg: colors.gray[100],
+  bg: gray[100],
   contrastBorder: "#00000014",
   profilePhotoBorder: colors.base.white,
-  focusBorder: "#98a2b324"
+  focusBorder: "#a0a0a624"
 };
 var breadcrumbColors = {
-  fg: colors.gray[600],
-  fgHover: colors.gray[700],
-  bgHover: colors.gray[50],
-  brandBgHover: colors.brand[50],
-  brandFgHover: colors.brand[700],
-  iconFg: colors.gray[500],
-  iconFgHover: colors.gray[700],
-  brandIconFgHover: colors.brand[700]
+  fg: gray[600],
+  fgHover: gray[700],
+  bgHover: gray[50],
+  brandBgHover: violet[50],
+  brandFgHover: violet[700],
+  iconFg: gray[500],
+  iconFgHover: gray[700],
+  brandIconFgHover: violet[700]
 };
 var iconColors = {
-  fgBrand: colors.brand[600],
-  fgBrandOnBrand: colors.brand[200],
-  featuredModernBorder: colors.gray[200],
-  featuredLightFgBrand: colors.brand[600],
-  featuredLightFgGray: colors.gray[500],
+  fgBrand: violet[600],
+  fgBrandOnBrand: violet[200],
+  featuredModernBorder: gray[200],
+  featuredLightFgBrand: violet[600],
+  featuredLightFgGray: gray[500],
   featuredLightFgError: colors.error[600],
   featuredLightFgWarning: colors.warning[600],
   featuredLightFgSuccess: colors.success[600],
@@ -624,42 +595,42 @@ var iconColors = {
   featuredDarkFgSuccess: colors.base.white
 };
 var navColors = {
-  itemIconFg: colors.gray[500],
-  itemIconFgActive: colors.gray[700],
-  itemButtonIconFg: colors.gray[500],
-  itemButtonIconFgActive: colors.gray[700]
+  itemIconFg: gray[500],
+  itemIconFgActive: gray[700],
+  itemButtonIconFg: gray[500],
+  itemButtonIconFgActive: gray[700]
 };
 var sliderColors = {
-  handleBorder: colors.brand[600],
+  handleBorder: violet[600],
   handleBg: colors.base.white
 };
 var toggleColors = {
-  buttonFgDisabled: colors.gray[50]
+  buttonFgDisabled: gray[50]
 };
 var chartColors = {
-  axisFg: colors.gray[100],
-  gridlineFg: colors.gray[100],
-  labelFg: colors.gray[600],
-  labelFgEmphasis: colors.gray[700],
+  axisFg: gray[100],
+  gridlineFg: gray[100],
+  labelFg: gray[600],
+  labelFgEmphasis: gray[700],
   bg: colors.base.white,
-  bgAlt: colors.gray[50],
-  tooltipBg: colors.gray[950],
+  bgAlt: gray[50],
+  tooltipBg: gray[950],
   tooltipFg: colors.base.white,
-  crosshairFg: colors.gray[500],
+  crosshairFg: gray[500],
   legendFg: text.tertiary,
   series: [
-    { fg: colors.violet[500], fgHover: colors.violet[600], bg: colors.violet[100], bgHover: colors.violet[200] },
-    { fg: colors.orangeDark[400], fgHover: colors.orangeDark[500], bg: colors.orangeDark[100], bgHover: colors.orangeDark[200] },
-    { fg: colors.teal[300], fgHover: colors.teal[400], bg: colors.teal[50], bgHover: colors.teal[100] },
+    { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
+    { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
+    { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
     { fg: colors.warning[400], fgHover: colors.warning[500], bg: colors.warning[100], bgHover: colors.warning[200] },
-    { fg: colors.rose[400], fgHover: colors.rose[500], bg: colors.rose[100], bgHover: colors.rose[200] },
-    { fg: colors.blueLight[400], fgHover: colors.blueLight[500], bg: colors.blueLight[100], bgHover: colors.blueLight[200] },
-    { fg: colors.orange[300], fgHover: colors.orange[400], bg: colors.orange[100], bgHover: colors.orange[200] },
-    { fg: colors.cyan[600], fgHover: colors.cyan[700], bg: colors.cyan[100], bgHover: colors.cyan[200] },
-    { fg: colors.green[500], fgHover: colors.green[600], bg: colors.green[100], bgHover: colors.green[200] },
-    { fg: colors.pink[400], fgHover: colors.pink[500], bg: colors.pink[100], bgHover: colors.pink[200] },
-    { fg: colors.fuchsia[400], fgHover: colors.fuchsia[500], bg: colors.fuchsia[100], bgHover: colors.fuchsia[200] },
-    { fg: colors.teal[600], fgHover: colors.teal[700], bg: colors.teal[100], bgHover: colors.teal[200] }
+    { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
+    { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
+    { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
+    { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
+    { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
+    { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
+    { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
+    { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
   ]
 };
 var alpha = {
@@ -695,16 +666,16 @@ function buildPalette(tokens) {
   const { colors: colors5, text: text5, bg: bg5, fg: fg5, border: border5 } = tokens;
   return {
     primary: {
-      main: colors5.brand[600],
-      light: colors5.brand[400],
-      dark: colors5.brand[700],
-      contrastText: colors5.base.white
+      main: violet[600],
+      light: violet[400],
+      dark: violet[700],
+      contrastText: tokens.colors.base.white
     },
     secondary: {
-      main: colors5.gray[600],
-      light: colors5.gray[400],
-      dark: colors5.gray[700],
-      contrastText: colors5.base.white
+      main: gray[600],
+      light: gray[400],
+      dark: gray[700],
+      contrastText: tokens.colors.base.white
     },
     error: {
       main: colors5.error[600],
@@ -725,10 +696,10 @@ function buildPalette(tokens) {
       contrastText: colors5.base.white
     },
     info: {
-      main: colors5.blue[600],
-      light: colors5.blue[300],
-      dark: colors5.blue[700],
-      contrastText: colors5.base.white
+      main: tokens.colors.info[600],
+      light: tokens.colors.info[300],
+      dark: tokens.colors.info[700],
+      contrastText: tokens.colors.base.white
     },
     background: {
       default: bg5.primary,
@@ -1199,7 +1170,7 @@ function buildComponents(tokens) {
             color: fg5.brandPrimary
           },
           "&.Mui-checked:hover": {
-            color: colors5.brand[700]
+            color: violet[700]
           },
           "&.Mui-focusVisible": {
             outline: "none",
@@ -1229,7 +1200,7 @@ function buildComponents(tokens) {
             color: fg5.brandPrimary
           },
           "&.Mui-checked:hover": {
-            color: colors5.brand[700]
+            color: violet[700]
           },
           "&.Mui-focusVisible": {
             outline: "none",
@@ -1264,7 +1235,7 @@ function buildComponents(tokens) {
             }
           },
           "&.Mui-checked:hover + .MuiSwitch-track": {
-            backgroundColor: colors5.brand[700]
+            backgroundColor: violet[700]
           },
           "&.Mui-focusVisible .MuiSwitch-thumb": {
             boxShadow: focusRings5.brand
@@ -1535,23 +1506,23 @@ function buildComponents(tokens) {
         },
         colorDefault: {
           "&.MuiChip-filled": {
-            backgroundColor: colors5.gray[50],
-            color: colors5.gray[700],
-            "& .MuiChip-deleteIcon": { color: colors5.gray[400] }
+            backgroundColor: gray[50],
+            color: gray[700],
+            "& .MuiChip-deleteIcon": { color: gray[400] }
           }
         },
         colorPrimary: {
           "&.MuiChip-filled": {
-            backgroundColor: colors5.brand[50],
-            color: colors5.brand[700],
-            "& .MuiChip-deleteIcon": { color: colors5.brand[400] }
+            backgroundColor: violet[50],
+            color: violet[700],
+            "& .MuiChip-deleteIcon": { color: violet[400] }
           }
         },
         colorSecondary: {
           "&.MuiChip-filled": {
-            backgroundColor: colors5.gray[50],
-            color: colors5.gray[700],
-            "& .MuiChip-deleteIcon": { color: colors5.gray[400] }
+            backgroundColor: gray[50],
+            color: gray[700],
+            "& .MuiChip-deleteIcon": { color: gray[400] }
           }
         },
         colorError: {
@@ -1577,9 +1548,9 @@ function buildComponents(tokens) {
         },
         colorInfo: {
           "&.MuiChip-filled": {
-            backgroundColor: colors5.blue[50],
-            color: colors5.blue[700],
-            "& .MuiChip-deleteIcon": { color: colors5.blue[400] }
+            backgroundColor: info[50],
+            color: info[700],
+            "& .MuiChip-deleteIcon": { color: info[400] }
           }
         }
       }
@@ -1807,11 +1778,11 @@ function buildComponents(tokens) {
           }
         },
         standardInfo: {
-          backgroundColor: colors5.blue[50],
-          color: colors5.blue[700],
-          border: `1px solid ${colors5.blue[300]}`,
+          backgroundColor: info[50],
+          color: info[700],
+          border: `1px solid ${info[300]}`,
           "& .MuiAlert-icon": {
-            color: colors5.blue[600]
+            color: info[600]
           }
         },
         icon: {
@@ -2044,20 +2015,20 @@ function buildTheme(tokens) {
 // src/theme/presets/forest-external.ts
 var colors2 = {
   ...colors,
-  /** Brand scale — black-based for primary actions */
+  /** Brand scale — purple for client-facing products (#9D5FFF) */
   brand: {
-    25: "#fafafa",
-    50: "#f5f5f5",
-    100: "#ebebeb",
-    200: "#d6d6d6",
-    300: "#b0b0b0",
-    400: "#737373",
-    500: "#404040",
-    600: "#1a1a1a",
-    700: "#0d0d0d",
-    800: "#050505",
-    900: "#000000",
-    950: "#000000"
+    25: "#faf8ff",
+    50: "#f5f0ff",
+    100: "#ebe0ff",
+    200: "#d6c0ff",
+    300: "#b090ff",
+    400: "#9D5FFF",
+    500: "#7c4de6",
+    600: "#5b3acc",
+    700: "#3a1aad",
+    800: "#190a8a",
+    900: "#000066",
+    950: "#000033"
   },
   /** Warm-neutral gray scale */
   gray: {
@@ -2293,18 +2264,18 @@ var chartColors2 = {
   crosshairFg: colors2.gray[500],
   legendFg: text2.tertiary,
   series: [
-    { fg: colors2.violet[500], fgHover: colors2.violet[600], bg: colors2.violet[100], bgHover: colors2.violet[200] },
-    { fg: colors2.orangeDark[400], fgHover: colors2.orangeDark[500], bg: colors2.orangeDark[100], bgHover: colors2.orangeDark[200] },
-    { fg: colors2.teal[300], fgHover: colors2.teal[400], bg: colors2.teal[50], bgHover: colors2.teal[100] },
+    { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
+    { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
+    { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
     { fg: colors2.warning[400], fgHover: colors2.warning[500], bg: colors2.warning[100], bgHover: colors2.warning[200] },
-    { fg: colors2.rose[400], fgHover: colors2.rose[500], bg: colors2.rose[100], bgHover: colors2.rose[200] },
-    { fg: colors2.blueLight[400], fgHover: colors2.blueLight[500], bg: colors2.blueLight[100], bgHover: colors2.blueLight[200] },
-    { fg: colors2.orange[300], fgHover: colors2.orange[400], bg: colors2.orange[100], bgHover: colors2.orange[200] },
-    { fg: colors2.cyan[600], fgHover: colors2.cyan[700], bg: colors2.cyan[100], bgHover: colors2.cyan[200] },
-    { fg: colors2.green[500], fgHover: colors2.green[600], bg: colors2.green[100], bgHover: colors2.green[200] },
-    { fg: colors2.pink[400], fgHover: colors2.pink[500], bg: colors2.pink[100], bgHover: colors2.pink[200] },
-    { fg: colors2.fuchsia[400], fgHover: colors2.fuchsia[500], bg: colors2.fuchsia[100], bgHover: colors2.fuchsia[200] },
-    { fg: colors2.teal[600], fgHover: colors2.teal[700], bg: colors2.teal[100], bgHover: colors2.teal[200] }
+    { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
+    { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
+    { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
+    { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
+    { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
+    { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
+    { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
+    { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
   ]
 };
 var focusRings2 = {
@@ -2371,6 +2342,21 @@ var colors3 = {
     900: "#000000",
     950: "#000000"
   },
+  /** Accent color — red/orange sparingly used (#FF2821) */
+  accent: {
+    25: "#fff8f7",
+    50: "#fff0ee",
+    100: "#ffe0dd",
+    200: "#ffc0bb",
+    300: "#ff9090",
+    400: "#FF2821",
+    500: "#e61a1a",
+    600: "#cc1010",
+    700: "#a30808",
+    800: "#7a0000",
+    900: "#520000",
+    950: "#290000"
+  },
   /** Warm-neutral gray scale */
   gray: {
     25: "#fdfcfc",
@@ -2605,18 +2591,18 @@ var chartColors3 = {
   crosshairFg: colors3.gray[500],
   legendFg: text3.tertiary,
   series: [
-    { fg: colors3.violet[500], fgHover: colors3.violet[600], bg: colors3.violet[100], bgHover: colors3.violet[200] },
-    { fg: colors3.orangeDark[400], fgHover: colors3.orangeDark[500], bg: colors3.orangeDark[100], bgHover: colors3.orangeDark[200] },
-    { fg: colors3.teal[300], fgHover: colors3.teal[400], bg: colors3.teal[50], bgHover: colors3.teal[100] },
+    { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
+    { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
+    { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
     { fg: colors3.warning[400], fgHover: colors3.warning[500], bg: colors3.warning[100], bgHover: colors3.warning[200] },
-    { fg: colors3.rose[400], fgHover: colors3.rose[500], bg: colors3.rose[100], bgHover: colors3.rose[200] },
-    { fg: colors3.blueLight[400], fgHover: colors3.blueLight[500], bg: colors3.blueLight[100], bgHover: colors3.blueLight[200] },
-    { fg: colors3.orange[300], fgHover: colors3.orange[400], bg: colors3.orange[100], bgHover: colors3.orange[200] },
-    { fg: colors3.cyan[600], fgHover: colors3.cyan[700], bg: colors3.cyan[100], bgHover: colors3.cyan[200] },
-    { fg: colors3.green[500], fgHover: colors3.green[600], bg: colors3.green[100], bgHover: colors3.green[200] },
-    { fg: colors3.pink[400], fgHover: colors3.pink[500], bg: colors3.pink[100], bgHover: colors3.pink[200] },
-    { fg: colors3.fuchsia[400], fgHover: colors3.fuchsia[500], bg: colors3.fuchsia[100], bgHover: colors3.fuchsia[200] },
-    { fg: colors3.teal[600], fgHover: colors3.teal[700], bg: colors3.teal[100], bgHover: colors3.teal[200] }
+    { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
+    { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
+    { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
+    { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
+    { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
+    { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
+    { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
+    { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
   ]
 };
 var focusRings3 = {
@@ -2668,20 +2654,20 @@ var forestAgencyPreset = {
 // src/theme/presets/forest-internal.ts
 var colors4 = {
   ...colors,
-  /** Brand scale — black-based for primary actions */
+  /** Brand scale — pink/magenta for internal tools (#FF78F3) */
   brand: {
-    25: "#fafafa",
-    50: "#f5f5f5",
-    100: "#ebebeb",
-    200: "#d6d6d6",
-    300: "#b0b0b0",
-    400: "#737373",
-    500: "#404040",
-    600: "#1a1a1a",
-    700: "#0d0d0d",
-    800: "#050505",
-    900: "#000000",
-    950: "#000000"
+    25: "#fff8fd",
+    50: "#fff0fa",
+    100: "#ffe0f5",
+    200: "#ffc0eb",
+    300: "#ff90d8",
+    400: "#FF78F3",
+    500: "#e650d4",
+    600: "#cc28b5",
+    700: "#a3008c",
+    800: "#7a0066",
+    900: "#520044",
+    950: "#290022"
   },
   /** Warm-neutral gray scale */
   gray: {
@@ -2917,18 +2903,18 @@ var chartColors4 = {
   crosshairFg: colors4.gray[500],
   legendFg: text4.tertiary,
   series: [
-    { fg: colors4.violet[500], fgHover: colors4.violet[600], bg: colors4.violet[100], bgHover: colors4.violet[200] },
-    { fg: colors4.orangeDark[400], fgHover: colors4.orangeDark[500], bg: colors4.orangeDark[100], bgHover: colors4.orangeDark[200] },
-    { fg: colors4.teal[300], fgHover: colors4.teal[400], bg: colors4.teal[50], bgHover: colors4.teal[100] },
+    { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
+    { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
+    { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
     { fg: colors4.warning[400], fgHover: colors4.warning[500], bg: colors4.warning[100], bgHover: colors4.warning[200] },
-    { fg: colors4.rose[400], fgHover: colors4.rose[500], bg: colors4.rose[100], bgHover: colors4.rose[200] },
-    { fg: colors4.blueLight[400], fgHover: colors4.blueLight[500], bg: colors4.blueLight[100], bgHover: colors4.blueLight[200] },
-    { fg: colors4.orange[300], fgHover: colors4.orange[400], bg: colors4.orange[100], bgHover: colors4.orange[200] },
-    { fg: colors4.cyan[600], fgHover: colors4.cyan[700], bg: colors4.cyan[100], bgHover: colors4.cyan[200] },
-    { fg: colors4.green[500], fgHover: colors4.green[600], bg: colors4.green[100], bgHover: colors4.green[200] },
-    { fg: colors4.pink[400], fgHover: colors4.pink[500], bg: colors4.pink[100], bgHover: colors4.pink[200] },
-    { fg: colors4.fuchsia[400], fgHover: colors4.fuchsia[500], bg: colors4.fuchsia[100], bgHover: colors4.fuchsia[200] },
-    { fg: colors4.teal[600], fgHover: colors4.teal[700], bg: colors4.teal[100], bgHover: colors4.teal[200] }
+    { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
+    { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
+    { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
+    { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
+    { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
+    { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
+    { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
+    { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
   ]
 };
 var focusRings4 = {
@@ -3175,57 +3161,71 @@ function Search({
     }
   );
 }
-var sizeMap = {
-  sm: 24,
-  md: 32,
-  lg: 48,
-  xl: 64
+function Input({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiInputBase__default.default, { ...props });
+}
+var svgPaths = {
+  wsuite: {
+    logo: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM7.97844 4.3H8.95744L10.4534 8.964L11.7954 4.3H13.4124L10.9814 12H9.98044L8.47344 7.402L6.95544 12H5.95444L3.52344 4.3H5.14044L6.48244 8.964L7.97844 4.3ZM15.9729 12.176C15.1369 12.176 14.3559 11.956 13.7839 11.56V9.701C14.3229 10.306 15.1149 10.669 15.8959 10.669C16.7099 10.669 17.2819 10.295 17.2819 9.756C17.2819 9.393 17.0179 9.151 16.3909 8.931L15.4999 8.623C14.4219 8.249 13.8499 7.523 13.8499 6.522C13.8499 5.125 14.9829 4.124 16.5889 4.124C17.3039 4.124 18.0079 4.3 18.5249 4.619V6.346C17.9969 5.884 17.3479 5.631 16.6659 5.631C15.9289 5.631 15.4449 5.939 15.4449 6.412C15.4449 6.786 15.7529 7.094 16.3359 7.292L17.2159 7.589C18.3379 7.974 18.8769 8.656 18.8769 9.701C18.8769 11.197 17.7329 12.176 15.9729 12.176ZM25.4205 12H23.9025V11.329C23.5065 11.857 22.8465 12.176 22.0765 12.176C20.7125 12.176 19.8215 11.285 19.8215 9.943V5.95H21.3835V9.448C21.3835 10.295 21.8565 10.812 22.6375 10.812C23.4185 10.812 23.8585 10.317 23.8585 9.448V5.95H25.4205V12ZM26.7781 12V5.95H28.3401V12H26.7781ZM27.5591 5.444C27.0201 5.444 26.6461 5.07 26.6461 4.542C26.6461 3.992 27.0201 3.607 27.5591 3.607C28.0981 3.607 28.4721 3.992 28.4721 4.542C28.4721 5.07 28.0981 5.444 27.5591 5.444ZM30.0712 7.292H29.0592V5.95H30.0712V4.707H31.6332V5.95H32.6452V7.292H31.6332V12H30.0712V7.292ZM38.386 11.538C37.825 11.934 37.011 12.176 36.23 12.176C34.327 12.176 32.952 10.823 32.952 8.931C32.952 7.094 34.217 5.774 35.988 5.774C37.726 5.774 38.892 7.039 38.892 8.931C38.892 9.382 38.826 9.613 38.826 9.613H34.602C34.789 10.35 35.46 10.834 36.362 10.834C37 10.834 37.66 10.614 38.386 10.086V11.538ZM34.558 8.381H37.418C37.352 7.578 36.857 7.061 36.032 7.061C35.207 7.061 34.624 7.6 34.558 8.381ZM41.6447 2.76V14.2H38.8727V13.122H40.2147V3.838H38.8727V2.76H41.6447Z", fill: "black" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M44.6972 2.88174H46.0612V4.93874H48.0852V6.25874H46.0612V8.32674H44.6972V6.25874H42.6512V4.93874H44.6972V2.88174Z", fill: "#FF78F3" })
+    ] }),
+    logomark: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM7.97844 4.3H8.95744L10.4534 8.964L11.7954 4.3H13.4124L10.9814 12H9.98044L8.47344 7.402L6.95544 12H5.95444L3.52344 4.3H5.14044L6.48244 8.964L7.97844 4.3ZM15.9816 2.76V14.2H13.2096V13.122H14.5516V3.838H13.2096V2.76H15.9816Z", fill: "black" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.6972 2.88174H20.0612V4.93874H22.0852V6.25874H20.0612V8.32674H18.6972V6.25874H16.6512V4.93874H18.6972V2.88174Z", fill: "#FF78F3" })
+    ] })
+  },
+  studio: {
+    logo: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM6.14376 12.176C5.30776 12.176 4.52676 11.956 3.95476 11.56V9.701C4.49376 10.306 5.28576 10.669 6.06676 10.669C6.88076 10.669 7.45276 10.295 7.45276 9.756C7.45276 9.393 7.18876 9.151 6.56176 8.931L5.67076 8.623C4.59276 8.249 4.02076 7.523 4.02076 6.522C4.02076 5.125 5.15376 4.124 6.75976 4.124C7.47476 4.124 8.17876 4.3 8.69576 4.619V6.346C8.16776 5.884 7.51876 5.631 6.83676 5.631C6.09976 5.631 5.61576 5.939 5.61576 6.412C5.61576 6.786 5.92376 7.094 6.50676 7.292L7.38676 7.589C8.50876 7.974 9.04776 8.656 9.04776 9.701C9.04776 11.197 7.90376 12.176 6.14376 12.176ZM10.5419 7.292H9.52987V5.95H10.5419V4.707H12.1039V5.95H13.1159V7.292H12.1039V12H10.5419V7.292ZM19.3297 12H17.8117V11.329C17.4157 11.857 16.7557 12.176 15.9857 12.176C14.6217 12.176 13.7307 11.285 13.7307 9.943V5.95H15.2927V9.448C15.2927 10.295 15.7657 10.812 16.5467 10.812C17.3277 10.812 17.7677 10.317 17.7677 9.448V5.95H19.3297V12ZM25.1384 12V11.142C24.7204 11.791 24.0054 12.165 23.1584 12.165C21.5084 12.165 20.2654 10.801 20.2654 8.986C20.2654 7.16 21.5084 5.785 23.1584 5.785C24.0164 5.785 24.7314 6.148 25.1164 6.742V4.3H26.6784V12H25.1384ZM23.5214 7.149C22.5094 7.149 21.8824 7.853 21.8824 8.975C21.8824 10.097 22.5094 10.801 23.5214 10.801C24.5224 10.801 25.1494 10.097 25.1494 8.986C25.1494 7.853 24.5224 7.149 23.5214 7.149ZM28.035 12V5.95H29.597V12H28.035ZM28.816 5.444C28.277 5.444 27.903 5.07 27.903 4.542C27.903 3.992 28.277 3.607 28.816 3.607C29.355 3.607 29.729 3.992 29.729 4.542C29.729 5.07 29.355 5.444 28.816 5.444ZM33.7585 12.165C31.8555 12.165 30.5135 10.845 30.5135 8.975C30.5135 7.105 31.8555 5.785 33.7585 5.785C35.6615 5.785 37.0145 7.105 37.0145 8.975C37.0145 10.845 35.6615 12.165 33.7585 12.165ZM33.7585 10.801C34.7595 10.801 35.3975 10.097 35.3975 8.975C35.3975 7.864 34.7595 7.149 33.7585 7.149C32.7685 7.149 32.1305 7.864 32.1305 8.975C32.1305 10.097 32.7575 10.801 33.7585 10.801ZM39.7219 2.76V14.2H36.9499V13.122H38.2919V3.838H36.9499V2.76H39.7219Z", fill: "black" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M42.6972 2.88174H44.0612V4.93874H46.0852V6.25874H44.0612V8.32674H42.6972V6.25874H40.6512V4.93874H42.6972V2.88174Z", fill: "#9D5FFF" })
+    ] }),
+    logomark: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM6.14376 12.176C5.30776 12.176 4.52676 11.956 3.95476 11.56V9.701C4.49376 10.306 5.28576 10.669 6.06676 10.669C6.88076 10.669 7.45276 10.295 7.45276 9.756C7.45276 9.393 7.18876 9.151 6.56176 8.931L5.67076 8.623C4.59276 8.249 4.02076 7.523 4.02076 6.522C4.02076 5.125 5.15376 4.124 6.75976 4.124C7.47476 4.124 8.17876 4.3 8.69576 4.619V6.346C8.16776 5.884 7.51876 5.631 6.83676 5.631C6.09976 5.631 5.61576 5.939 5.61576 6.412C5.61576 6.786 5.92376 7.094 6.50676 7.292L7.38676 7.589C8.50876 7.974 9.04776 8.656 9.04776 9.701C9.04776 11.197 7.90376 12.176 6.14376 12.176ZM12.05 2.76V14.2H9.27798V13.122H10.62V3.838H9.27798V2.76H12.05Z", fill: "black" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.6972 2.88174H17.0612V4.93874H19.0852V6.25874H17.0612V8.32674H15.6972V6.25874H13.6512V4.93874H15.6972V2.88174Z", fill: "#9D5FFF" })
+    ] })
+  },
+  feedati: {
+    logo: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM4.21695 12V4.3H9.65095V5.73H5.83395V7.523H9.11195V8.953H5.83395V12H4.21695ZM15.1399 11.538C14.5789 11.934 13.7649 12.176 12.9839 12.176C11.0809 12.176 9.70587 10.823 9.70587 8.931C9.70587 7.094 10.9709 5.774 12.7419 5.774C14.4799 5.774 15.6459 7.039 15.6459 8.931C15.6459 9.382 15.5799 9.613 15.5799 9.613H11.3559C11.5429 10.35 12.2139 10.834 13.1159 10.834C13.7539 10.834 14.4139 10.614 15.1399 10.086V11.538ZM11.3119 8.381H14.1719C14.1059 7.578 13.6109 7.061 12.7859 7.061C11.9609 7.061 11.3779 7.6 11.3119 8.381ZM21.5637 11.538C21.0027 11.934 20.1887 12.176 19.4077 12.176C17.5047 12.176 16.1297 10.823 16.1297 8.931C16.1297 7.094 17.3947 5.774 19.1657 5.774C20.9037 5.774 22.0697 7.039 22.0697 8.931C22.0697 9.382 22.0037 9.613 22.0037 9.613H17.7797C17.9667 10.35 18.6377 10.834 19.5397 10.834C20.1777 10.834 20.8377 10.614 21.5637 10.086V11.538ZM17.7357 8.381H20.5957C20.5297 7.578 20.0347 7.061 19.2097 7.061C18.3847 7.061 17.8017 7.6 17.7357 8.381ZM24.6328 5.708V10.592H25.5788C27.0968 10.592 28.0208 9.624 28.0208 8.15C28.0208 6.698 27.0748 5.708 25.5788 5.708H24.6328ZM25.7218 4.3C28.0758 4.3 29.6708 6.005 29.6708 8.15C29.6708 10.306 28.0978 12 25.7218 12H23.0158V4.3H25.7218ZM34.0509 8.381C34.0509 7.633 33.4679 7.149 32.5769 7.149C31.9169 7.149 31.1469 7.424 30.5639 7.82V6.313C31.1799 5.972 31.9939 5.774 32.7529 5.774C34.4469 5.774 35.5359 6.72 35.5359 8.205V12H34.1059V11.527C33.7319 11.923 33.1379 12.176 32.4779 12.176C31.2459 12.176 30.3879 11.351 30.3879 10.163C30.3879 8.953 31.2899 8.106 32.5659 8.106C33.1929 8.106 33.7209 8.315 34.0509 8.667V8.381ZM31.9279 10.108C31.9279 10.592 32.3679 10.933 32.9949 10.933C33.6219 10.933 34.0619 10.592 34.0619 10.108C34.0619 9.613 33.6219 9.272 33.0059 9.272C32.3789 9.272 31.9279 9.613 31.9279 10.108ZM37.118 7.292H36.106V5.95H37.118V4.707H38.68V5.95H39.692V7.292H38.68V12H37.118V7.292ZM40.41 12V5.95H41.972V12H40.41ZM41.191 5.444C40.652 5.444 40.278 5.07 40.278 4.542C40.278 3.992 40.652 3.607 41.191 3.607C41.73 3.607 42.104 3.992 42.104 4.542C42.104 5.07 41.73 5.444 41.191 5.444ZM45.2219 2.76V14.2H42.4499V13.122H43.7919V3.838H42.4499V2.76H45.2219Z", fill: "black" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M48.6971 2.88174H50.0611V4.93874H52.0851V6.25874H50.0611V8.32674H48.6971V6.25874H46.6511V4.93874H48.6971V2.88174Z", fill: "#FF2821" })
+    ] }),
+    logomark: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.957 2.76H3.729V3.838H2.387V13.122H3.729V14.2H0.957V2.76ZM4.21695 12V4.3H9.65095V5.73H5.83395V7.523H9.11195V8.953H5.83395V12H4.21695ZM12.4904 2.76V14.2H9.71841V13.122H11.0604V3.838H9.71841V2.76H12.4904Z", fill: "black" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.6972 2.88174H17.0612V4.93874H19.0852V6.25874H17.0612V8.32674H15.6972V6.25874H13.6512V4.93874H15.6972V2.88174Z", fill: "#FF2821" })
+    ] })
+  }
 };
-var variantColors = {
-  agency: "#1a1a1a",
-  external: "#1a1a1a",
-  internal: "#1a1a1a"
+var viewBoxMap = {
+  wsuite: { logo: "0 0 51 16", logomark: "0 0 25 16" },
+  studio: { logo: "0 0 49 16", logomark: "0 0 22 16" },
+  feedati: { logo: "0 0 55 16", logomark: "0 0 22 16" }
 };
 var Logo = React2.forwardRef(
-  ({ variant = "agency", size = "md", logomarkOnly = false, sx, ...props }, ref) => {
-    const dimension = sizeMap[size];
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+  ({
+    product = "wsuite",
+    variant = "logo",
+    sx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
       material.Box,
       {
-        ref,
         component: "svg",
-        viewBox: "0 0 64 64",
+        ref,
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: viewBoxMap[product][variant],
+        fill: "none",
         sx: {
-          width: dimension,
-          height: dimension,
-          display: "inline-flex",
-          alignItems: "center",
-          justifyContent: "center",
+          display: "block",
+          width: "100%",
+          height: "100%",
+          maxWidth: parseInt(viewBoxMap[product][variant].split(" ")[2]),
+          maxHeight: parseInt(viewBoxMap[product][variant].split(" ")[3]),
           ...sx
         },
         ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M32 4L8 28h12v28h8V28h12L32 4z",
-              fill: variantColors[variant]
-            }
-          ),
-          !logomarkOnly && /* @__PURE__ */ jsxRuntime.jsx(
-            "text",
-            {
-              x: "32",
-              y: "60",
-              textAnchor: "middle",
-              fontSize: "10",
-              fontWeight: "600",
-              fill: variantColors[variant],
-              fontFamily: "Aeonik, sans-serif",
-              children: "Forest"
-            }
-          )
-        ]
+        children: svgPaths[product][variant]
       }
     );
   }
@@ -3954,6 +3954,7 @@ exports.DialogTitle = DialogTitle;
 exports.Divider = Divider;
 exports.Fab = Fab;
 exports.ForestProvider = ForestProvider;
+exports.Input = Input;
 exports.LineChart = LineChart;
 exports.LinearProgress = LinearProgress;
 exports.Link = Link;