@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/chunk-HAJWE62X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/styles/scroll.css","../src/theme/Provider.tsx","../src/theme/muiTheme.ts","../src/theme/colors/darkBlue.ts","../src/theme/colors/lightBrown.ts","../src/theme/ToggleThemeButton/ToggleThemeButton.tsx","../src/theme/appScrollStyles.ts"],"sourcesContent":["import styleInject from '#style-inject';styleInject(\":root[color-scheme=light] {\\n  --scroll-thumb-visible: color-mix(in srgb, var(--mui-palette-secondary-main), transparent 62%);\\n  --scroll-thumb-hover-visible: color-mix(in srgb, var(--mui-palette-secondary-dark), transparent 48%);\\n  --scroll-bg-color: transparent;\\n  --scroll-thumb-color: transparent;\\n  --scroll-thumb-hover-color: transparent;\\n  --scroll-track-color: transparent;\\n}\\n:root[color-scheme=dark] {\\n  --scroll-thumb-visible: color-mix(in srgb, var(--mui-palette-grey-500), transparent 44%);\\n  --scroll-thumb-hover-visible: color-mix(in lab, var(--mui-palette-secondary-dark) 16%, transparent 36%);\\n  --scroll-bg-color: transparent;\\n  --scroll-thumb-color: transparent;\\n  --scroll-thumb-hover-color: transparent;\\n  --scroll-track-color: transparent;\\n}\\n*:hover {\\n  --scroll-bg-color: transparent;\\n  --scroll-thumb-color: var(--scroll-thumb-visible);\\n  --scroll-thumb-hover-color: var(--scroll-thumb-hover-visible);\\n  --scroll-track-color: transparent;\\n}\\n*:hover * {\\n  --scroll-bg-color: transparent;\\n  --scroll-thumb-color: transparent;\\n  --scroll-thumb-hover-color: transparent;\\n  --scroll-track-color: transparent;\\n}\\n*:hover *:hover {\\n  --scroll-bg-color: transparent;\\n  --scroll-thumb-color: var(--scroll-thumb-visible);\\n  --scroll-thumb-hover-color: var(--scroll-thumb-hover-visible);\\n  --scroll-track-color: transparent;\\n}\\n[data-chat-surface]:focus-within [data-scroll-surface] {\\n  --scroll-bg-color: transparent;\\n  --scroll-thumb-color: var(--scroll-thumb-visible);\\n  --scroll-thumb-hover-color: var(--scroll-thumb-hover-visible);\\n  --scroll-track-color: transparent;\\n}\\n::-webkit-scrollbar-corner {\\n  background: var(--mui-palette-background-default);\\n}\\n::-webkit-scrollbar {\\n  width: 8px;\\n  height: 8px;\\n}\\n::-webkit-scrollbar-track {\\n  background: transparent;\\n}\\n::-webkit-scrollbar-track:horizontal {\\n  background: transparent;\\n}\\n::-webkit-scrollbar-thumb {\\n  background:\\n    linear-gradient(\\n      to right,\\n      transparent 0%,\\n      transparent 25%,\\n      var(--scroll-thumb-color) 25%,\\n      var(--scroll-thumb-color) 75%,\\n      transparent 75%,\\n      transparent 100%);\\n  border: none;\\n  border-radius: 10px;\\n}\\n::-webkit-scrollbar-thumb:horizontal {\\n  background:\\n    linear-gradient(\\n      to bottom,\\n      transparent 0%,\\n      transparent 25%,\\n      var(--scroll-thumb-color) 25%,\\n      var(--scroll-thumb-color) 75%,\\n      transparent 75%,\\n      transparent 100%);\\n}\\n::-webkit-scrollbar-thumb:hover {\\n  background:\\n    linear-gradient(\\n      to right,\\n      transparent 0%,\\n      transparent 25%,\\n      var(--scroll-thumb-hover-color) 25%,\\n      var(--scroll-thumb-hover-color) 75%,\\n      transparent 75%,\\n      transparent 100%);\\n}\\n::-webkit-scrollbar-thumb:horizontal:hover {\\n  background:\\n    linear-gradient(\\n      to bottom,\\n      transparent 0%,\\n      transparent 25%,\\n      var(--scroll-thumb-hover-color) 25%,\\n      var(--scroll-thumb-hover-color) 75%,\\n      transparent 75%,\\n      transparent 100%);\\n}\\n.disable-scrollbars::-webkit-scrollbar,\\n.disable-scrollbars::-webkit-scrollbar-track,\\n.disable-scrollbars::-webkit-scrollbar-thumb {\\n  background: transparent;\\n}\\n\")","import React from 'react';\nimport createCache from '@emotion/cache';\nimport { CacheProvider } from '@emotion/react';\nimport { ThemeProvider as MuiThemeProvider, type Theme, type ThemeOptions } from '@mui/material/styles';\nimport { CssBaseline, GlobalStyles } from '@mui/material';\nimport { AlertProvider } from '@/compound/Alert';\nimport { ConfirmProvider } from '@/compound/Confirm';\n\nimport { createAppTheme } from './muiTheme';\n\nconst appEmotionCache = createCache({\n  key: 'sdui',\n  speedy: true,\n});\n\nconst globalStyles = {\n  // Font styles\n  'html, body': {\n    fontFamily: \"'Roboto', 'Helvetica Neue', Arial, sans-serif\",\n    WebkitFontSmoothing: 'antialiased',\n    MozOsxFontSmoothing: 'grayscale',\n    color: 'var(--mui-palette-text-primary)',\n  },\n  'h1,h2,h3,h4,h5,h6,h7, .h1, .h2,.h3,.h4,.h5,.h6': {\n    wordBreak: 'break-word',\n    lineHeight: 1.35,\n  },\n  label: {\n    color: 'var(--mui-palette-text-primary)',\n  },\n  p: {\n    fontSize: '15px',\n    color: 'var(--mui-palette-text-primary)',\n    cursor: 'text',\n  },\n  // Nested content inside clickable hosts inherits the host cursor\n  // (covers ListItemButton, Button, IconButton, AccordionSummary, etc.).\n  'button *, a *, [role=\"button\"] *, .MuiButtonBase-root *': {\n    cursor: 'inherit',\n  },\n  a: {\n    color: 'var(--mui-palette-text-href)', // Assuming this var exists from theme\n    cursor: 'pointer',\n  },\n  '*::selection': {\n    backgroundColor: 'var(--mui-palette-focus-1)',\n    color: 'var(--mui-palette-text-primary)',\n    textShadow: 'none',\n  },\n  '*::-moz-selection': {\n    backgroundColor: 'var(--mui-palette-focus-1)',\n    color: 'var(--mui-palette-text-primary)',\n    textShadow: 'none',\n  },\n\n  // Layout styles\n  html: {\n    height: '100%',\n    width: '100%',\n    margin: 0,\n    padding: 0,\n    boxSizing: 'border-box',\n  },\n  'html > body': {\n    height: '100%',\n    width: '100%',\n    backgroundColor: 'transparent',\n  },\n};\n\nexport type AppThemeProviderProps = {\n  children: React.ReactNode;\n  theme?: Theme;\n  muiThemeOptions?: ThemeOptions;\n  defaultMode?: 'light' | 'dark' | 'system';\n  /** Pass `null` to skip localStorage (Playground3 stage iframes). */\n  storageManager?: null;\n};\n\n/**\n * CssVarsProvider re-renders on `setMode` so it can flip the color-scheme\n * attribute. Memoize the app tree so that swap stays a CSS-variable change\n * instead of rebuilding tables, editors, and other heavy compounds.\n */\nconst ThemeTree = React.memo(function ThemeTree({ children }: { children: React.ReactNode }) {\n  return (\n    <AlertProvider>\n      <ConfirmProvider>\n        <CssBaseline />\n        <GlobalStyles styles={globalStyles} />\n        {children}\n      </ConfirmProvider>\n    </AlertProvider>\n  );\n});\n\nexport default function ThemeProvider({\n  children,\n  theme: customTheme,\n  muiThemeOptions,\n  defaultMode,\n  storageManager,\n}: AppThemeProviderProps) {\n  const resolvedTheme = React.useMemo(() => {\n    if (customTheme) {\n      return customTheme;\n    }\n\n    return createAppTheme(muiThemeOptions);\n  }, [customTheme, muiThemeOptions]);\n\n  return (\n    <CacheProvider value={appEmotionCache}>\n    {/* Skip 250ms color lerp while color-scheme flips. Button/IconButton\n        also drop color transitions for other token changes. */}\n    <MuiThemeProvider\n      theme={resolvedTheme}\n      defaultMode={defaultMode}\n      storageManager={storageManager}\n      disableTransitionOnChange\n    >\n      <ThemeTree>{children}</ThemeTree>\n    </MuiThemeProvider>\n    </CacheProvider>\n  );\n}\n","import { createTheme, type ThemeOptions } from '@mui/material/styles';\n\nimport { alertTheme } from '@/compound/Alert';\nimport { appBarTheme } from '../components/elemental/AppBar/src/theme';\nimport { avatarTheme } from '@/ele/Avatar';\nimport { badgeTheme } from '@/ele/Badge';\nimport { \n  buttonTheme, \n  buttonBaseTheme,\n  iconButtonTheme,\n} from '@/ele/Button';\nimport { cardTheme, cardContentTheme } from '@/ele/Card';\nimport { checkboxTheme } from '@/ele/Checkbox';\nimport { chipTheme } from '@/ele/Chip';\nimport { autocompleteTheme } from '@/ele/Autocomplete';\nimport { collapseTheme } from '@/ele/Collapse';\nimport { \n  dateCalendarTheme, pickersCalendarHeaderTheme,\n  multiSectionDigitalClockTheme, pickersDayTheme,\n  datePickerTheme, dateTimePickerTheme, timePickerTheme,\n  pickersInputBaseTheme,\n} from '@/ele/DatePicker';\nimport { dividerTheme } from '@/ele/Divider';\nimport {\n  dialogTheme,\n  dialogTitleTheme,\n  dialogContentTheme,\n  dialogActionsTheme,\n  dialogContentTextTheme,\n} from '@/ele/Dialog';\nimport { formLabelTheme, formControlLabelTheme, formHelperTextTheme } from '@/ele/Form';\nimport { textFieldTheme, inputBaseTheme } from '@/ele/Input';\nimport {\n  listItemTheme,\n  listItemIconTheme,\n  listItemTextTheme,\n  listItemButtonTheme,\n  listItemSubheaderTheme,\n} from '@/ele/List';\nimport { menuItemTheme, menuTheme } from '../components/elemental/Menu/src/Menu/theme';\nimport { paperTheme } from '@/ele/Paper';\nimport { linearProgressTheme, circularProgressTheme } from '@/ele/Progress';\nimport { selectTheme } from '@/ele/Select';\nimport { sliderTheme } from '@/ele/Slider';\nimport { switchTheme } from '@/ele/Switch';\nimport { tabTheme, tabsTheme } from '@/ele/Tab';\nimport { toggleButtonGroupTheme, toggleButtonTheme } from '@/ele/ToggleButtonGroup'\nimport { tooltipTheme } from '@/ele/Tooltip';\nimport { typographyTheme } from '@/ele/Typography';\nimport { stepperTheme, stepTheme, stepLabelTheme, stepConnectorTheme, stepIconTheme, stepButtonTheme } from '@/ele/Stepper';\nimport {\n  tableTheme,\n  tableContainerTheme,\n  tableHeadTheme,\n  tableCellTheme,\n  tablePaginationTheme,\n  tableSortLabelTheme,\n} from '@/compound/Table';\n\nimport { muiPalette as darkBlueMuiPalette } from './colors/darkBlue';\nimport { muiPalette as lightBrownMuiPalette } from './colors/lightBrown';\n\n// import './styles/font.css';\n// import './styles/layout.css';\n\nconst baseThemeOptions: ThemeOptions = {\n  cssVariables: {\n    colorSchemeSelector: '[color-scheme=\"%s\"]',\n  },\n  colorSchemes: {\n    light: lightBrownMuiPalette,\n    dark: darkBlueMuiPalette,\n  },\n  breakpoints: {\n    values: {\n      xs: 0,\n      sm: 600,\n      md: 600,\n      lg: 1200,\n      xl: 1536,\n    },\n  },\n  shape: {\n    borderRadius: 8,\n  },\n  // Customize your theme here if needed\n  components: {\n    // Let hosts own the page canvas — CssBaseline would otherwise paint\n    // body with palette.background.default on every ThemeProvider mount.\n    MuiCssBaseline: {\n      styleOverrides: {\n        body: {\n          backgroundColor: 'transparent',\n          '@media print': {\n            backgroundColor: 'transparent',\n          },\n        },\n      },\n    },\n    // alert\n    MuiAlert: alertTheme,\n    // app bar\n    MuiAppBar: appBarTheme,\n    // avatar\n    MuiAvatar: avatarTheme,\n    // badge\n    MuiBadge: badgeTheme,\n    // buttons\n    MuiButton: buttonTheme,\n    MuiButtonBase: buttonBaseTheme,\n    MuiToggleButtonGroup: toggleButtonGroupTheme,\n    MuiToggleButton: toggleButtonTheme,\n    // card\n    MuiCard: cardTheme,\n    MuiCardContent: cardContentTheme,\n    // checkbox\n    MuiCheckbox: checkboxTheme,\n    // chips\n    MuiChip: chipTheme,\n    MuiAutocomplete: autocompleteTheme,\n    // collapse\n    MuiCollapse: collapseTheme,\n    // date picker\n    MuiDateCalendar: dateCalendarTheme,\n    MuiPickersCalendarHeader: pickersCalendarHeaderTheme,\n    MuiMultiSectionDigitalClock: multiSectionDigitalClockTheme,\n    MuiPickersDay: pickersDayTheme,\n    MuiDatePicker: datePickerTheme,\n    MuiDateTimePicker: dateTimePickerTheme,\n    MuiTimePicker: timePickerTheme,\n    MuiPickersInputBase: pickersInputBaseTheme,\n    // divider\n    MuiDivider: dividerTheme,\n    // dialog (soft quiet chrome)\n    MuiDialog: dialogTheme,\n    MuiDialogTitle: dialogTitleTheme,\n    MuiDialogContent: dialogContentTheme,\n    MuiDialogActions: dialogActionsTheme,\n    MuiDialogContentText: dialogContentTextTheme,\n    // form\n    MuiFormLabel: formLabelTheme,\n    MuiFormControlLabel: formControlLabelTheme,\n    MuiFormHelperText: formHelperTextTheme,\n    // IconButton\n    MuiIconButton: iconButtonTheme,\n    // input\n    MuiTextField: textFieldTheme,\n    MuiInputBase: inputBaseTheme,\n    // list\n    MuiListItem: listItemTheme,\n    MuiListItemIcon: listItemIconTheme,\n    MuiListItemText: listItemTextTheme,\n    MuiListItemButton: listItemButtonTheme,\n    MuiListSubheader: listItemSubheaderTheme,\n    // menu\n    MuiMenuItem: menuItemTheme,\n    MuiMenu: menuTheme,\n    // paper\n    MuiPaper: paperTheme,\n    // progress\n    MuiLinearProgress: linearProgressTheme,\n    MuiCircularProgress: circularProgressTheme,\n    // select\n    MuiSelect: selectTheme,\n    // slider\n    MuiSlider: sliderTheme,\n    // switch\n    MuiSwitch: switchTheme,\n    // tab\n    MuiTab: tabTheme,\n    MuiTabs: tabsTheme,\n    // tooltip\n    MuiTooltip: tooltipTheme,\n    // typography\n    MuiTypography: typographyTheme,\n    // stepper components\n    MuiStepper: stepperTheme,\n    MuiStep: stepTheme,\n    MuiStepLabel: stepLabelTheme,\n    MuiStepConnector: stepConnectorTheme,\n    MuiStepIcon: stepIconTheme,\n    MuiStepButton: stepButtonTheme,\n    // table\n    MuiTable: tableTheme,\n    MuiTableContainer: tableContainerTheme,\n    MuiTableHead: tableHeadTheme,\n    MuiTableCell: tableCellTheme,\n    MuiTablePagination: tablePaginationTheme,\n    MuiTableSortLabel: tableSortLabelTheme,\n  },\n};\n\nexport const createAppTheme = (options?: ThemeOptions) => createTheme(baseThemeOptions, options ?? {});\n\nexport const theme = createAppTheme();","\nimport { \n  type ColorTheme, \n  type ColorSystemOptions \n} from \"./_utils\"\n\nconst themeColor = {\n  themeType: \"dark\",\n  name: \"darkBlue\",\n\n  colorScheme:{\n    primary:{\n      1: \"rgba(2, 17, 33, 1)\",\n      2: \"rgba(20, 40, 65, 1)\",\n      3: \"rgba(40, 80, 110, 1)\",\n      4: \"rgba(65, 110, 140, 1)\",\n      5: \"rgba(90, 140, 170, 1)\",\n      6: \"rgba(115, 170, 200, 1)\",\n      main: 5,\n    },\n    secondary:{\n      1: \"rgba(250, 250, 255, 1)\",\n      2: \"rgba(245, 245, 255, 1)\",\n      3: \"rgba(200, 235, 240, 1)\",\n      4: \"rgba(165, 220, 225, 1)\",\n      5: \"rgba(125, 200, 210, 1)\",\n      6: \"rgba(20, 215, 215, 1)\",\n      main: 5,\n    },\n\n    error: {\n      text: \"rgba(255, 0, 100, 1)\",\n      background: \"rgba(35, 0, 10, 1)\",\n    },\n    warning: {\n      text: \"rgba(230, 190, 125, 1)\",\n      background: \"rgba(45, 25, 1, 1)\",\n    },\n    info: {\n      text:\"rgba(100, 180, 255, 1)\",\n      background: \"rgba(10, 30, 55, 1)\",\n    },\n    success: {\n      text: \"rgba(100, 255, 150, 1)\",\n      background: \"rgba(10, 50, 30, 1)\",\n    },\n    system: {\n      text: \"rgba(45, 212, 191, 1)\",\n      background: \"rgba(0, 40, 35, 1)\",\n    },\n    insight: {\n      text: \"rgba(167, 139, 250, 1)\",\n      background: \"rgba(30, 15, 55, 1)\",\n    },\n\n    focus: \"rgba(255, 47, 122, 0.42)\",\n    disabled: \"rgba(91, 94, 97, 1)\",\n    background: {\n      default: \"rgb(32, 33, 36, 1)\",\n      disabled: \"rgba(43, 43, 43, 0.3)\",\n    },\n    text: {\n      primary: \"rgba(240, 240, 255, 1)\",\n      secondary: \"rgba(180, 200, 220, 1)\",\n      subscript: \"rgba(137, 137, 150, 1)\",\n      href: \"rgba(255, 0, 153, 1)\",\n    },\n  },\n \n\n} as const satisfies ColorTheme\n\nexport const muiPalette = {\n  palette: {\n    mode: \"dark\",\n    primary: {\n      dark: themeColor.colorScheme.primary[1],\n      main: themeColor.colorScheme.primary[themeColor.colorScheme.primary.main],\n      light: themeColor.colorScheme.primary[6],\n    },\n    secondary: {\n      dark: themeColor.colorScheme.secondary[6],\n      main: themeColor.colorScheme.secondary[themeColor.colorScheme.secondary.main],\n      light: themeColor.colorScheme.secondary[1],\n    },\n    error: {\n      main: themeColor.colorScheme.error.text,\n    },\n    warning: {\n      main: themeColor.colorScheme.warning.text,\n    },\n    info: {\n      main: themeColor.colorScheme.info.text,\n    },\n    success: {\n      main: themeColor.colorScheme.success.text,\n    },\n    system: {\n      main: themeColor.colorScheme.system.text,\n      light: \"rgba(80, 230, 210, 1)\",\n      dark: \"rgba(20, 160, 145, 1)\",\n      contrastText: \"rgba(0, 0, 0, 0.87)\",\n    },\n    insight: {\n      main: themeColor.colorScheme.insight.text,\n      light: \"rgba(190, 170, 255, 1)\",\n      dark: \"rgba(130, 100, 220, 1)\",\n      contrastText: \"rgba(0, 0, 0, 0.87)\",\n    },\n    background: {\n      default: themeColor.colorScheme.background.default,\n      // Elevated mid-grey above near-black canvas (Google #303134 hierarchy).\n      paper: \"rgb(48, 49, 52, 1)\",\n    },\n    text: {\n      primary: themeColor.colorScheme.text.primary,\n      secondary: themeColor.colorScheme.text.secondary,\n      disabled: themeColor.colorScheme.disabled,\n    },\n    action: {\n      disabledBackground: themeColor.colorScheme.background.disabled,\n    },\n\n    \"secondary-transparent-1\": `color-mix(in lab, ${themeColor.colorScheme.primary[5]}, transparent 35%)`,\n\n    \"focus-1\": themeColor.colorScheme.focus,\n    \"focus-1-hover\": \"rgba(166, 4, 67, .2)\",\n    \"focus-soft-1\": `color-mix(in lab, var(--mui-palette-secondary-main), transparent 88%)`,\n\n    \"primary-emphasis\": `color-mix(in lab, ${themeColor.colorScheme.primary[6]}, ${themeColor.colorScheme.secondary[5]} 35%)`,\n    \"primary-contrast\": themeColor.colorScheme.background.default,\n\n    \"success-background\": themeColor.colorScheme.success.background,\n    \"info-background\": themeColor.colorScheme.info.background,\n    \"error-background\": themeColor.colorScheme.error.background,\n    \"warning-background\": themeColor.colorScheme.warning.background,\n    \"system-background\": themeColor.colorScheme.system.background,\n    \"insight-background\": themeColor.colorScheme.insight.background,\n\n    Alert: {\n      // Mirror MUI dark Alert roles: Color = lightened text, FilledBg = dark, IconColor = main.\n      systemColor: `color-mix(in srgb, ${themeColor.colorScheme.system.text}, #fff 55%)`,\n      insightColor: `color-mix(in srgb, ${themeColor.colorScheme.insight.text}, #fff 55%)`,\n      systemFilledBg: \"rgba(20, 160, 145, 1)\",\n      insightFilledBg: \"rgba(130, 100, 220, 1)\",\n      systemFilledColor: \"rgba(0, 0, 0, 0.87)\",\n      insightFilledColor: \"rgba(0, 0, 0, 0.87)\",\n      systemStandardBg: themeColor.colorScheme.system.background,\n      insightStandardBg: themeColor.colorScheme.insight.background,\n      systemIconColor: themeColor.colorScheme.system.text,\n      insightIconColor: themeColor.colorScheme.insight.text,\n    },\n  \n    \"border-1\": \"rgba(102, 102, 102, 0.5)\",\n    \"border-hover-1\": \"rgba(45, 98, 145, 0.47)\",\n    \"border-disabled\": \"rgba(201, 201, 201, 0.2)\",\n    \"shadow-border-1\": `inset 0 0 0px 2px var(--mui-palette-border-1)`,\n    \"shadow-outset-1\": `0px 1px 2px 0px var(--mui-palette-border-1),\n        1px 2px 4px 0px var(--mui-palette-border-1),\n        2px 4px 8px 0px var(--mui-palette-border-1),\n        2px 4px 16px 0px var(--mui-palette-border-1)`,\n\n    \"background-hover-1\": \"color-mix(in lab, transparent , var(--mui-palette-secondary-dark) 10%)\",\n    \"background-hover-2\": \"color-mix(in lab, var(--mui-palette-primary-dark), var(--mui-palette-secondary-dark) 50%)\",\n    \"background-disabled\": themeColor.colorScheme.background.disabled,\n    \"background-grey-1\": \"rgba(75, 75, 75, 0.72)\",\n    \"container-bg-1\": \"color-mix(in lab, var(--mui-palette-background-default), var(--mui-palette-background-grey-1) 80%)\",\n    \"container-bg-primary\": themeColor.colorScheme.primary[1],\n    \"container-bg-secondary\": `rgba(0, 0, 0, .314)`,\n\n    \"text-subscript\": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-light) 50%)`,    \n    \"text-href\": `${themeColor.colorScheme.text.href}`,\n    // \"text-disabled\"\n    \"text-hover\": themeColor.colorScheme.secondary[6],\n    \"text-grey-1\": \"rgba(150, 150, 150, 1)\",\n\n    \"blink-golden\": \"rgba(248, 161, 0, 1)\",\n    \"blink-secondary\": \"color-mix(in lab, var(--mui-palette-secondary-main), #414141a6 50%)\",\n    \"blink-shiny\": \"rgb(45, 210, 216)\",\n\n    \"transparent-primary-light\": `color-mix(in lab, ${themeColor.colorScheme.primary[6]}, transparent 45%)`,\n    \"transparent-secondary-light\": `color-mix(in lab, ${themeColor.colorScheme.secondary[6]}, transparent 45%)`,\n  },\n} as const satisfies ColorSystemOptions","\nimport { \n  type ColorTheme, \n  type ColorSystemOptions \n} from \"./_utils\"\n\nexport const themeColor = {\n  themeType: \"light\",\n  name: \"lightBrown\",\n\n  colorScheme:{\n    primary:{\n      1: \"rgba(255, 255, 255, 1)\",\n      2: \"rgba(255, 255, 220, 1)\",\n      3: \"rgba(255, 245, 215, 1)\",\n      4: \"rgba(255, 241, 211,1)\",\n      5: \"rgba(180, 136, 74, 1)\",\n      6: \"rgba(168, 124, 66, 1)\",\n      main: 5,\n    },\n    secondary:{\n      1: \"rgba(35, 10, 25, 1)\",\n      2: \"rgba(45, 20, 30, 1)\",\n      3: \"rgba(75, 20, 30, 1)\",\n      4: \"rgba(105, 45, 40, 1)\",\n      5: \"rgba(130, 60, 40, 1)\",\n      6: \"rgba(165, 105, 65, 1)\",\n      main: 4,\n    },\n\n    error: {\n      text: \"rgba(255, 45, 120, 1)\",\n      background: \"rgba(255, 220, 230, 1)\",\n    },\n    warning: {\n      text: \"rgba(240, 169, 56, 1)\",\n      background: \"rgba(255, 241, 211, 1)\",\n    },\n    info: {\n      text: \"rgba(100, 180, 255, 1)\",\n      background: \"rgba(237, 252, 255, 1)\",\n    },\n    success: {\n      text: \"rgba(49, 161, 85, 1)\",\n      background: \"rgba(237, 255, 238, 1)\",\n    },\n    system: {\n      text: \"rgba(13, 148, 136, 1)\",\n      background: \"rgba(204, 251, 241, 1)\",\n    },\n    insight: {\n      text: \"rgba(124, 58, 237, 1)\",\n      background: \"rgba(237, 233, 254, 1)\",\n    },\n\n    focus: \"rgba(255, 47, 122, 0.31)\",\n    disabled: \"rgba(196, 191, 187, 1)\",\n    background: {\n      default: \"rgba(255, 255, 255, 1)\",\n      disabled: \"rgba(150, 150, 150, 0.12)\",\n    },\n    text: {\n      primary: \"rgba(35, 10, 25, 1)\",\n      secondary: \"rgba(194, 178, 167, 1)\",\n      subscript: \"rgba(92, 92, 92, 1)\",\n      href: \"rgba(255, 0, 153, 1)\",\n    },\n  },\n\n} as const satisfies ColorTheme\n\nexport const muiPalette = {\n  palette: {\n    mode: \"light\",\n    primary: {\n      dark: themeColor.colorScheme.primary[6],\n      main: themeColor.colorScheme.primary[themeColor.colorScheme.primary.main],\n      light: themeColor.colorScheme.primary[1],\n    },\n    secondary: {\n      dark: themeColor.colorScheme.secondary[3],\n      main: themeColor.colorScheme.secondary[themeColor.colorScheme.secondary.main],\n      light: themeColor.colorScheme.secondary[6],\n    },\n    error: {\n      main: themeColor.colorScheme.error.text,\n    },\n    warning: {\n      main: themeColor.colorScheme.warning.text,\n    },\n    info: {\n      main: themeColor.colorScheme.info.text,\n    },\n    success: {\n      main: themeColor.colorScheme.success.text,\n    },\n    system: {\n      main: themeColor.colorScheme.system.text,\n      light: \"rgba(45, 180, 168, 1)\",\n      dark: \"rgba(10, 120, 110, 1)\",\n      contrastText: \"rgba(255, 255, 255, 1)\",\n    },\n    insight: {\n      main: themeColor.colorScheme.insight.text,\n      light: \"rgba(148, 90, 245, 1)\",\n      dark: \"rgba(100, 40, 200, 1)\",\n      contrastText: \"rgba(255, 255, 255, 1)\",\n    },\n    background: {\n      default: themeColor.colorScheme.background.default,\n    },\n    text: {\n      primary: themeColor.colorScheme.text.primary,\n      secondary: themeColor.colorScheme.text.secondary,\n      disabled: themeColor.colorScheme.disabled,\n    },\n    action: {\n      disabledBackground: themeColor.colorScheme.background.disabled,\n    },\n\n    \"secondary-transparent-1\": `color-mix(in lab, ${themeColor.colorScheme.secondary[6]}, transparent 65%)`,\n\n    \"focus-1\": themeColor.colorScheme.focus,\n    \"focus-1-hover\": \"rgba(255, 175, 204, .38)\",\n    \"focus-soft-1\": 'color-mix(in lab, var(--mui-palette-secondary-dark), transparent 90%)',\n\n    \"primary-emphasis\": `color-mix(in lab, ${themeColor.colorScheme.secondary[4]}, ${themeColor.colorScheme.primary[6]} 28%)`,\n    \"primary-contrast\": themeColor.colorScheme.primary[1],\n\n    \"success-background\": themeColor.colorScheme.success.background,\n    \"info-background\": themeColor.colorScheme.info.background,\n    \"error-background\": themeColor.colorScheme.error.background,\n    \"warning-background\": themeColor.colorScheme.warning.background,\n    \"system-background\": themeColor.colorScheme.system.background,\n    \"insight-background\": themeColor.colorScheme.insight.background,\n\n    Alert: {\n      // Mirror MUI Alert token roles: Color (standard text), FilledBg, IconColor, StandardBg.\n      systemColor: `color-mix(in srgb, ${themeColor.colorScheme.system.text}, #000 40%)`,\n      insightColor: `color-mix(in srgb, ${themeColor.colorScheme.insight.text}, #000 40%)`,\n      systemFilledBg: themeColor.colorScheme.system.text,\n      insightFilledBg: themeColor.colorScheme.insight.text,\n      systemFilledColor: \"rgba(255, 255, 255, 1)\",\n      insightFilledColor: \"rgba(255, 255, 255, 1)\",\n      systemStandardBg: themeColor.colorScheme.system.background,\n      insightStandardBg: themeColor.colorScheme.insight.background,\n      systemIconColor: themeColor.colorScheme.system.text,\n      insightIconColor: themeColor.colorScheme.insight.text,\n    },\n    \n    \"border-1\": \"rgba(201, 201, 201, 0.5)\",\n    \"border-hover-1\": \"rgba(46, 18, 30, 0.47)\",\n    \"border-disabled\": \"rgba(138, 138, 138, 0.19)\",\n    \"shadow-border-1\": `inset 0 0 0px 2px var(--mui-palette-border-1)`,\n    \"shadow-outset-1\": `0px 1px 2px 0px var(--mui-palette-border-1),\n        1px 2px 4px 0px var(--mui-palette-border-1),\n        2px 4px 8px 0px var(--mui-palette-border-1),\n        2px 4px 16px 0px var(--mui-palette-border-1)`,\n\n    \"background-hover-1\": \"color-mix(in lab, transparent , var(--mui-palette-secondary-dark) 10%)\",\n    \"background-hover-2\": \"color-mix(in lab, var(--mui-palette-primary-light) , var(--mui-palette-secondary-dark) 10%)\",\n    \"background-disabled\": themeColor.colorScheme.background.disabled,\n    \"background-grey-1\": \"rgba(55, 55, 55, 0.20)\",\n    \"container-bg-1\": \"color-mix(in lab, var(--mui-palette-background-default), transparent 20%)\",\n    // legacy helpers for chat container backgrounds\n    \"container-bg-primary\": themeColor.colorScheme.primary[4],\n    \"container-bg-secondary\": 'rgba(255, 249, 241, .525)',\n\n    \"text-subscript\": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-main) 50%)`,        \n    \"text-href\": `${themeColor.colorScheme.text.href}`,    // \"text-disabled\"\n    \"text-hover\": \"rgba(36, 9, 24, 1)\",\n    \"text-grey-1\": \"color-mix(in lab, var(--mui-palette-secondary-dark), rgba(120, 120, 120, 1) 80%)\",\n\n    \"blink-golden\": \"rgba(248, 161, 0, 1)\",\n    \"blink-secondary\": \"color-mix(in lab, var(--mui-palette-secondary-main), #e4e4e4a6 50%)\",\n    \"blink-shiny\": \"rgb(250, 60, 177)\",\n\n    \"transparent-primary-light\": `color-mix(in lab, ${themeColor.colorScheme.primary[6]}, transparent 45%)`,\n    \"transparent-secondary-light\": `color-mix(in lab, ${themeColor.colorScheme.secondary[6]}, transparent 45%)`,\n  },\n} as const satisfies ColorSystemOptions","import React from 'react';\nimport { useColorScheme } from '@mui/material/styles';\n\nimport { IconButton } from '@/ele/Button'\nimport { Skeleton } from '@/ele/Skeleton'\nimport { Tooltip } from '@/ele/Tooltip'\nimport { MoonIcon, SunIcon } from '@/icons/MuiIcon'\n\nexport type ToggleThemeButtonRenderMode = 'auto' | 'client' | 'server';\n\nexport interface ToggleThemeButtonProps {\n  forceRenderMode?: Exclude<ToggleThemeButtonRenderMode, 'auto'>;\n}\n\nfunction resolveRenderMode(forceRenderMode?: ToggleThemeButtonProps['forceRenderMode']): ToggleThemeButtonRenderMode {\n  if (forceRenderMode) {\n    return forceRenderMode;\n  }\n\n  return typeof window === 'undefined' ? 'server' : 'client';\n}\n\nfunction getCurrentMode(mode: ReturnType<typeof useColorScheme>['mode']) {\n  if (mode !== 'system' && mode !== undefined) {\n    return mode;\n  }\n\n  if (typeof window === 'undefined') {\n    return 'light';\n  }\n\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n}\n\nfunction applyColorScheme(nextMode: 'light' | 'dark') {\n  if (typeof document === 'undefined') {\n    return;\n  }\n  document.documentElement.setAttribute('color-scheme', nextMode);\n}\n\nfunction commitMode(setMode: (mode: 'light' | 'dark') => void, nextMode: 'light' | 'dark') {\n  const commit = () => setMode(nextMode);\n  if (typeof requestAnimationFrame === 'function') {\n    requestAnimationFrame(() => {\n      requestAnimationFrame(commit);\n    });\n    return;\n  }\n  setTimeout(commit, 0);\n}\n\nexport default function ToggleButton({ forceRenderMode }: ToggleThemeButtonProps) {\n  const { mode, setMode } = useColorScheme();\n  const renderMode = resolveRenderMode(forceRenderMode);\n  const resolvedMode = getCurrentMode(mode);\n  const [displayedMode, setDisplayedMode] = React.useState(resolvedMode);\n\n  React.useEffect(() => {\n    setDisplayedMode(resolvedMode);\n  }, [resolvedMode]);\n\n  if (renderMode === 'server') {\n    return <Skeleton variant=\"rounded\" width={34} height={34} />;\n  }\n\n  const nextMode = displayedMode === 'dark' ? 'light' : 'dark';\n  const label = `Switch to ${nextMode} mode`;\n\n  function toggle() {\n    setDisplayedMode(nextMode);\n    applyColorScheme(nextMode);\n    commitMode(setMode, nextMode);\n  }\n\n  return (\n    <Tooltip title={label}>\n      <IconButton\n        aria-label={label}\n        onClick={toggle}\n        color=\"primary\"\n        size=\"medium\"\n        sx={{\n          '--button-color': 'var(--mui-palette-primary-emphasis)',\n          '--button-hover-border-color': 'var(--mui-palette-primary-emphasis)',\n          '&:active': { scale: '1' },\n          '&:active svg': { scale: '1' },\n        }}\n      >\n        {displayedMode === 'dark' ? <SunIcon /> : <MoonIcon />}\n      </IconButton>\n    </Tooltip>\n  );\n}\n","export const appScrollSurfaceAttribute = 'data-scroll-surface';\n"],"mappings":"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","names":["themeColor","muiPalette","muiPalette","ThemeTree","React","jsx","React","default"]}

package/dist/{chunk-CWFWRZWU.mjs → chunk-KSN33A6I.mjs}

@@ -7,7 +7,8 @@ var CLASSNAMEs = {
       // button variant used by AvatarButton and related controls
       button: "Elemental-AvatarButton"
     },
-    modal: "Elemental-Modal"
+    modal: "Elemental-Modal",
+    dialog: "Elemental-Dialog"
   },
   compound: {
     useForm: {
@@ -20,4 +21,4 @@ var CLASSNAMEs = {
 export {
   CLASSNAMEs
 };
-//# sourceMappingURL=chunk-CWFWRZWU.mjs.map
+//# sourceMappingURL=chunk-KSN33A6I.mjs.map

package/dist/{chunk-CWFWRZWU.mjs.map → chunk-KSN33A6I.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/_utils/_const/classNames.ts"],"sourcesContent":["// central registry for CSS class names used throughout the codebase\n//\n// Storing them in one object makes it easy to search for components in tests\n// and debugging tools, and prevents accidental mismatches when strings are\n// copied by hand.  Add additional entries here as new components need them.\n\nexport const CLASSNAMEs = {\n    elemental: {\n        avatar: {\n            // root wrapper for the Avatar component\n            root: 'Elemental-Avatar',\n            // button variant used by AvatarButton and related controls\n            button: 'Elemental-AvatarButton',\n        },\n        modal: 'Elemental-Modal',\n    },\n    compound: {\n        useForm: {\n            // class applied to the wrapper around the avatar field inside UseForm\n            avatarField: 'UseForm-AvatarField',\n        },\n    },\n} as const;\n"],"mappings":";AAMO,IAAM,aAAa;AAAA,EACtB,WAAW;AAAA,IACP,QAAQ;AAAA;AAAA,MAEJ,MAAM;AAAA;AAAA,MAEN,QAAQ;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACN,SAAS;AAAA;AAAA,MAEL,aAAa;AAAA,IACjB;AAAA,EACJ;AACJ;","names":[]}
+{"version":3,"sources":["../src/_utils/_const/classNames.ts"],"sourcesContent":["// central registry for CSS class names used throughout the codebase\n//\n// Storing them in one object makes it easy to search for components in tests\n// and debugging tools, and prevents accidental mismatches when strings are\n// copied by hand.  Add additional entries here as new components need them.\n\nexport const CLASSNAMEs = {\n    elemental: {\n        avatar: {\n            // root wrapper for the Avatar component\n            root: 'Elemental-Avatar',\n            // button variant used by AvatarButton and related controls\n            button: 'Elemental-AvatarButton',\n        },\n        modal: 'Elemental-Modal',\n        dialog: 'Elemental-Dialog',\n    },\n    compound: {\n        useForm: {\n            // class applied to the wrapper around the avatar field inside UseForm\n            avatarField: 'UseForm-AvatarField',\n        },\n    },\n} as const;\n"],"mappings":";AAMO,IAAM,aAAa;AAAA,EACtB,WAAW;AAAA,IACP,QAAQ;AAAA;AAAA,MAEJ,MAAM;AAAA;AAAA,MAEN,QAAQ;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACN,SAAS;AAAA;AAAA,MAEL,aAAa;AAAA,IACjB;AAAA,EACJ;AACJ;","names":[]}