@acronis-platform/shadcn-uikit 0.35.0 → 0.36.3

package/dist/utils/theme-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-switcher.js","sources":["../../src/utils/theme-switcher.ts"],"sourcesContent":["/**\n * Theme Switcher Utility\n * \n * Provides functions to programmatically switch between themes and color modes.\n * Supports both theme switching (e.g., acronis-default, acronis-ocean) and\n * color mode switching (light/dark).\n */\n\nexport type ThemeName =\n  | 'acronis-default' | 'acronis-ocean' | 'cyber-chat' | 'custom'\n  | 'purple' | 'brown' | 'sand' | 'light-gray' | 'dark-gray'\n  | 'ingram-micro' | 'red-fire-brick' | 'yellow-1c' | 'deep-sky-itkontoret'\n  | 'blue-yellow-uss-signal' | 'red-home-pl' | 'orange-tsukaeru-helpox'\n  | 'green-also-choise-df' | 'light-blue-hp' | 'purple-fusion-media'\n  | 'virtual-one' | 'telstra' | 'deep-purple' | 'pinky' | 'virtuozzo'\nexport type ColorMode = 'light' | 'dark' | 'system'\n\nconst THEME_CLASS_PREFIX = 'theme-'\nconst DARK_CLASS = 'dark'\nconst THEME_STORAGE_KEY = 'av-theme'\nconst COLOR_MODE_STORAGE_KEY = 'av-color-mode'\n\n/**\n * Apply a theme to the document root element and any additional roots.\n * \n * @param theme - The theme name to apply\n * @param persist - Whether to persist the theme choice to localStorage (default: true)\n * @param extraRoots - Additional elements to apply the theme to (e.g. shadow DOM inner containers)\n * \n * @example\n * ```typescript\n * import { applyTheme } from '@acronis-platform/shadcn-uikit/utils/theme-switcher'\n * \n * applyTheme('acronis-ocean')\n * \n * // Shadow DOM usage:\n * applyTheme('acronis-ocean', true, [shadowContainer])\n * ```\n */\nexport function applyTheme(theme: ThemeName, persist = true, extraRoots: HTMLElement[] = []): void {\n  const allRoots = [document.documentElement, ...extraRoots]\n\n  allRoots.forEach((root) => {\n    root.classList.forEach((className) => {\n      if (className.startsWith(THEME_CLASS_PREFIX)) {\n        root.classList.remove(className)\n      }\n    })\n\n    root.classList.add(`${THEME_CLASS_PREFIX}${theme}`)\n  })\n\n  if (persist) {\n    try {\n      localStorage.setItem(THEME_STORAGE_KEY, theme)\n    } catch (error) {\n      console.warn('Failed to persist theme to localStorage:', error)\n    }\n  }\n}\n\n/**\n * Get the currently applied theme\n *\n * @returns The current theme name or null if no theme is explicitly set\n */\nexport function getCurrentTheme(): ThemeName | null {\n  const root = document.documentElement\n  \n  for (const className of root.classList) {\n    if (className.startsWith(THEME_CLASS_PREFIX)) {\n      return className.replace(THEME_CLASS_PREFIX, '') as ThemeName\n    }\n  }\n  \n  return null\n}\n\n/**\n * Load the persisted theme from localStorage and apply it\n * Call this on application startup to restore the user's theme preference\n * \n * @returns The loaded theme name or null if no theme was persisted\n */\nexport function loadPersistedTheme(): ThemeName | null {\n  try {\n    const persistedTheme = localStorage.getItem(THEME_STORAGE_KEY) as ThemeName | null\n    if (persistedTheme) {\n      applyTheme(persistedTheme, false)\n      return persistedTheme\n    }\n  } catch (error) {\n    console.warn('Failed to load persisted theme from localStorage:', error)\n  }\n  \n  return null\n}\n\n/**\n * Apply a color mode (light/dark/system) to the document root element\n * \n * @param mode - The color mode to apply\n * @param persist - Whether to persist the mode choice to localStorage (default: true)\n * \n * @example\n * ```typescript\n * import { applyColorMode } from '@acronis/shadcn-uikit/utils/theme-switcher'\n * \n * applyColorMode('dark')\n * applyColorMode('system') // Follows system preference\n * ```\n */\nexport function applyColorMode(mode: ColorMode, persist = true): void {\n  const root = document.documentElement\n  \n  if (mode === 'system') {\n    const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    root.classList.toggle(DARK_CLASS, systemPrefersDark)\n  } else {\n    root.classList.toggle(DARK_CLASS, mode === 'dark')\n  }\n  \n  if (persist) {\n    try {\n      localStorage.setItem(COLOR_MODE_STORAGE_KEY, mode)\n    } catch (error) {\n      console.warn('Failed to persist color mode to localStorage:', error)\n    }\n  }\n}\n\n/**\n * Get the currently applied color mode\n * \n * @returns 'light' or 'dark' based on the current state\n */\nexport function getCurrentColorMode(): 'light' | 'dark' {\n  return document.documentElement.classList.contains(DARK_CLASS) ? 'dark' : 'light'\n}\n\n/**\n * Load the persisted color mode from localStorage and apply it\n * Call this on application startup to restore the user's color mode preference\n * \n * @returns The loaded color mode or null if no mode was persisted\n */\nexport function loadPersistedColorMode(): ColorMode | null {\n  try {\n    const persistedMode = localStorage.getItem(COLOR_MODE_STORAGE_KEY) as ColorMode | null\n    if (persistedMode) {\n      applyColorMode(persistedMode, false)\n      return persistedMode\n    }\n  } catch (error) {\n    console.warn('Failed to load persisted color mode from localStorage:', error)\n  }\n  \n  return null\n}\n\n/**\n * Toggle between light and dark mode\n * \n * @param persist - Whether to persist the mode choice to localStorage (default: true)\n * @returns The new color mode after toggling\n */\nexport function toggleColorMode(persist = true): 'light' | 'dark' {\n  const currentMode = getCurrentColorMode()\n  const newMode = currentMode === 'light' ? 'dark' : 'light'\n  applyColorMode(newMode, persist)\n  return newMode\n}\n\n/**\n * Set up a listener for system color scheme changes\n * Only applies changes if the current mode is set to 'system'\n * \n * @returns A cleanup function to remove the listener\n */\nexport function watchSystemColorScheme(): () => void {\n  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n  \n  const handler = (e: MediaQueryListEvent) => {\n    try {\n      const persistedMode = localStorage.getItem(COLOR_MODE_STORAGE_KEY)\n      if (persistedMode === 'system') {\n        document.documentElement.classList.toggle(DARK_CLASS, e.matches)\n      }\n    } catch (error) {\n      console.warn('Failed to check persisted color mode:', error)\n    }\n  }\n  \n  mediaQuery.addEventListener('change', handler)\n  \n  return () => {\n    mediaQuery.removeEventListener('change', handler)\n  }\n}\n\n/**\n * Initialize the theme system on application startup\n * Loads persisted theme and color mode preferences\n * Sets up system color scheme watcher if mode is 'system'\n * \n * @returns A cleanup function to remove event listeners\n * \n * @example\n * ```typescript\n * import { initializeThemeSystem } from '@acronis/shadcn-uikit/utils/theme-switcher'\n * \n * // In your app initialization\n * const cleanup = initializeThemeSystem()\n * \n * // Call cleanup when unmounting (e.g., in React useEffect)\n * return cleanup\n * ```\n */\nexport function initializeThemeSystem(): () => void {\n  loadPersistedTheme()\n  loadPersistedColorMode()\n  \n  const cleanup = watchSystemColorScheme()\n  \n  return cleanup\n}\n"],"names":["THEME_CLASS_PREFIX","DARK_CLASS","THEME_STORAGE_KEY","COLOR_MODE_STORAGE_KEY","applyTheme","theme","persist","extraRoots","root","className","error","getCurrentTheme","loadPersistedTheme","persistedTheme","applyColorMode","mode","systemPrefersDark","getCurrentColorMode","loadPersistedColorMode","persistedMode","toggleColorMode","newMode","watchSystemColorScheme","mediaQuery","handler","e","initializeThemeSystem"],"mappings":"AAiBA,MAAMA,IAAqB,UACrBC,IAAa,QACbC,IAAoB,YACpBC,IAAyB;AAmBxB,SAASC,EAAWC,GAAkBC,IAAU,IAAMC,IAA4B,CAAA,GAAU;AAajG,MAZiB,CAAC,SAAS,iBAAiB,GAAGA,CAAU,EAEhD,QAAQ,CAACC,MAAS;AACzB,IAAAA,EAAK,UAAU,QAAQ,CAACC,MAAc;AACpC,MAAIA,EAAU,WAAWT,CAAkB,KACzCQ,EAAK,UAAU,OAAOC,CAAS;AAAA,IAEnC,CAAC,GAEDD,EAAK,UAAU,IAAI,GAAGR,CAAkB,GAAGK,CAAK,EAAE;AAAA,EACpD,CAAC,GAEGC;AACF,QAAI;AACF,mBAAa,QAAQJ,GAAmBG,CAAK;AAAA,IAC/C,SAASK,GAAO;AACd,cAAQ,KAAK,4CAA4CA,CAAK;AAAA,IAChE;AAEJ;AAOO,SAASC,IAAoC;AAClD,QAAMH,IAAO,SAAS;AAEtB,aAAWC,KAAaD,EAAK;AAC3B,QAAIC,EAAU,WAAWT,CAAkB;AACzC,aAAOS,EAAU,QAAQT,GAAoB,EAAE;AAInD,SAAO;AACT;AAQO,SAASY,IAAuC;AACrD,MAAI;AACF,UAAMC,IAAiB,aAAa,QAAQX,CAAiB;AAC7D,QAAIW;AACF,aAAAT,EAAWS,GAAgB,EAAK,GACzBA;AAAA,EAEX,SAASH,GAAO;AACd,YAAQ,KAAK,qDAAqDA,CAAK;AAAA,EACzE;AAEA,SAAO;AACT;AAgBO,SAASI,EAAeC,GAAiBT,IAAU,IAAY;AACpE,QAAME,IAAO,SAAS;AAEtB,MAAIO,MAAS,UAAU;AACrB,UAAMC,IAAoB,OAAO,WAAW,8BAA8B,EAAE;AAC5E,IAAAR,EAAK,UAAU,OAAOP,GAAYe,CAAiB;AAAA,EACrD;AACE,IAAAR,EAAK,UAAU,OAAOP,GAAYc,MAAS,MAAM;AAGnD,MAAIT;AACF,QAAI;AACF,mBAAa,QAAQH,GAAwBY,CAAI;AAAA,IACnD,SAASL,GAAO;AACd,cAAQ,KAAK,iDAAiDA,CAAK;AAAA,IACrE;AAEJ;AAOO,SAASO,IAAwC;AACtD,SAAO,SAAS,gBAAgB,UAAU,SAAShB,CAAU,IAAI,SAAS;AAC5E;AAQO,SAASiB,IAA2C;AACzD,MAAI;AACF,UAAMC,IAAgB,aAAa,QAAQhB,CAAsB;AACjE,QAAIgB;AACF,aAAAL,EAAeK,GAAe,EAAK,GAC5BA;AAAA,EAEX,SAAST,GAAO;AACd,YAAQ,KAAK,0DAA0DA,CAAK;AAAA,EAC9E;AAEA,SAAO;AACT;AAQO,SAASU,EAAgBd,IAAU,IAAwB;AAEhE,QAAMe,IADcJ,EAAA,MACY,UAAU,SAAS;AACnD,SAAAH,EAAeO,GAASf,CAAO,GACxBe;AACT;AAQO,SAASC,IAAqC;AACnD,QAAMC,IAAa,OAAO,WAAW,8BAA8B,GAE7DC,IAAU,CAACC,MAA2B;AAC1C,QAAI;AAEF,MADsB,aAAa,QAAQtB,CAAsB,MAC3C,YACpB,SAAS,gBAAgB,UAAU,OAAOF,GAAYwB,EAAE,OAAO;AAAA,IAEnE,SAASf,GAAO;AACd,cAAQ,KAAK,yCAAyCA,CAAK;AAAA,IAC7D;AAAA,EACF;AAEA,SAAAa,EAAW,iBAAiB,UAAUC,CAAO,GAEtC,MAAM;AACX,IAAAD,EAAW,oBAAoB,UAAUC,CAAO;AAAA,EAClD;AACF;AAoBO,SAASE,IAAoC;AAClD,SAAAd,EAAA,GACAM,EAAA,GAEgBI,EAAA;AAGlB;"}
+{"version":3,"file":"theme-switcher.js","sources":["../../src/utils/theme-switcher.ts"],"sourcesContent":["/**\n * Theme Switcher Utility\n *\n * Provides functions to programmatically switch between themes and color modes.\n * Supports both theme switching (e.g., acronis-default, acronis-ocean) and\n * color mode switching (light/dark).\n */\n\nexport type ThemeName =\n  | 'acronis-default'\n  | 'acronis-ocean'\n  | 'cyber-chat'\n  | 'custom'\n  | 'purple'\n  | 'brown'\n  | 'sand'\n  | 'light-gray'\n  | 'dark-gray'\n  | 'ingram-micro'\n  | 'red-fire-brick'\n  | 'yellow-1c'\n  | 'deep-sky-itkontoret'\n  | 'blue-yellow-uss-signal'\n  | 'red-home-pl'\n  | 'orange-tsukaeru-helpox'\n  | 'green-also-choise-df'\n  | 'light-blue-hp'\n  | 'purple-fusion-media'\n  | 'virtual-one'\n  | 'telstra'\n  | 'deep-purple'\n  | 'pinky'\n  | 'virtuozzo';\nexport type ColorMode = 'light' | 'dark' | 'system';\n\nconst THEME_CLASS_PREFIX = 'theme-';\nconst DARK_CLASS = 'dark';\nconst THEME_STORAGE_KEY = 'av-theme';\nconst COLOR_MODE_STORAGE_KEY = 'av-color-mode';\n\n/**\n * Apply a theme to the document root element and any additional roots.\n *\n * @param theme - The theme name to apply\n * @param persist - Whether to persist the theme choice to localStorage (default: true)\n * @param extraRoots - Additional elements to apply the theme to (e.g. shadow DOM inner containers)\n *\n * @example\n * ```typescript\n * import { applyTheme } from '@acronis-platform/shadcn-uikit/utils/theme-switcher'\n *\n * applyTheme('acronis-ocean')\n *\n * // Shadow DOM usage:\n * applyTheme('acronis-ocean', true, [shadowContainer])\n * ```\n */\nexport function applyTheme(\n  theme: ThemeName,\n  persist = true,\n  extraRoots: HTMLElement[] = []\n): void {\n  const allRoots = [document.documentElement, ...extraRoots];\n\n  allRoots.forEach((root) => {\n    root.classList.forEach((className) => {\n      if (className.startsWith(THEME_CLASS_PREFIX)) {\n        root.classList.remove(className);\n      }\n    });\n\n    root.classList.add(`${THEME_CLASS_PREFIX}${theme}`);\n  });\n\n  if (persist) {\n    try {\n      localStorage.setItem(THEME_STORAGE_KEY, theme);\n    } catch (error) {\n      console.warn('Failed to persist theme to localStorage:', error);\n    }\n  }\n}\n\n/**\n * Get the currently applied theme\n *\n * @returns The current theme name or null if no theme is explicitly set\n */\nexport function getCurrentTheme(): ThemeName | null {\n  const root = document.documentElement;\n\n  for (const className of root.classList) {\n    if (className.startsWith(THEME_CLASS_PREFIX)) {\n      return className.replace(THEME_CLASS_PREFIX, '') as ThemeName;\n    }\n  }\n\n  return null;\n}\n\n/**\n * Load the persisted theme from localStorage and apply it\n * Call this on application startup to restore the user's theme preference\n *\n * @returns The loaded theme name or null if no theme was persisted\n */\nexport function loadPersistedTheme(): ThemeName | null {\n  try {\n    const persistedTheme = localStorage.getItem(\n      THEME_STORAGE_KEY\n    ) as ThemeName | null;\n    if (persistedTheme) {\n      applyTheme(persistedTheme, false);\n      return persistedTheme;\n    }\n  } catch (error) {\n    console.warn('Failed to load persisted theme from localStorage:', error);\n  }\n\n  return null;\n}\n\n/**\n * Apply a color mode (light/dark/system) to the document root element\n *\n * @param mode - The color mode to apply\n * @param persist - Whether to persist the mode choice to localStorage (default: true)\n *\n * @example\n * ```typescript\n * import { applyColorMode } from '@acronis-platform/shadcn-uikit'\n *\n * applyColorMode('dark')\n * applyColorMode('system') // Follows system preference\n * ```\n */\nexport function applyColorMode(mode: ColorMode, persist = true): void {\n  const root = document.documentElement;\n\n  if (mode === 'system') {\n    const systemPrefersDark = window.matchMedia(\n      '(prefers-color-scheme: dark)'\n    ).matches;\n    root.classList.toggle(DARK_CLASS, systemPrefersDark);\n  } else {\n    root.classList.toggle(DARK_CLASS, mode === 'dark');\n  }\n\n  if (persist) {\n    try {\n      localStorage.setItem(COLOR_MODE_STORAGE_KEY, mode);\n    } catch (error) {\n      console.warn('Failed to persist color mode to localStorage:', error);\n    }\n  }\n}\n\n/**\n * Get the currently applied color mode\n *\n * @returns 'light' or 'dark' based on the current state\n */\nexport function getCurrentColorMode(): 'light' | 'dark' {\n  return document.documentElement.classList.contains(DARK_CLASS)\n    ? 'dark'\n    : 'light';\n}\n\n/**\n * Load the persisted color mode from localStorage and apply it\n * Call this on application startup to restore the user's color mode preference\n *\n * @returns The loaded color mode or null if no mode was persisted\n */\nexport function loadPersistedColorMode(): ColorMode | null {\n  try {\n    const persistedMode = localStorage.getItem(\n      COLOR_MODE_STORAGE_KEY\n    ) as ColorMode | null;\n    if (persistedMode) {\n      applyColorMode(persistedMode, false);\n      return persistedMode;\n    }\n  } catch (error) {\n    console.warn(\n      'Failed to load persisted color mode from localStorage:',\n      error\n    );\n  }\n\n  return null;\n}\n\n/**\n * Toggle between light and dark mode\n *\n * @param persist - Whether to persist the mode choice to localStorage (default: true)\n * @returns The new color mode after toggling\n */\nexport function toggleColorMode(persist = true): 'light' | 'dark' {\n  const currentMode = getCurrentColorMode();\n  const newMode = currentMode === 'light' ? 'dark' : 'light';\n  applyColorMode(newMode, persist);\n  return newMode;\n}\n\n/**\n * Set up a listener for system color scheme changes\n * Only applies changes if the current mode is set to 'system'\n *\n * @returns A cleanup function to remove the listener\n */\nexport function watchSystemColorScheme(): () => void {\n  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n\n  const handler = (e: MediaQueryListEvent) => {\n    try {\n      const persistedMode = localStorage.getItem(COLOR_MODE_STORAGE_KEY);\n      if (persistedMode === 'system') {\n        document.documentElement.classList.toggle(DARK_CLASS, e.matches);\n      }\n    } catch (error) {\n      console.warn('Failed to check persisted color mode:', error);\n    }\n  };\n\n  mediaQuery.addEventListener('change', handler);\n\n  return () => {\n    mediaQuery.removeEventListener('change', handler);\n  };\n}\n\n/**\n * Initialize the theme system on application startup\n * Loads persisted theme and color mode preferences\n * Sets up system color scheme watcher if mode is 'system'\n *\n * @returns A cleanup function to remove event listeners\n *\n * @example\n * ```typescript\n * import { initializeThemeSystem } from '@acronis-platform/shadcn-uikit'\n *\n * // In your app initialization\n * const cleanup = initializeThemeSystem()\n *\n * // Call cleanup when unmounting (e.g., in React useEffect)\n * return cleanup\n * ```\n */\nexport function initializeThemeSystem(): () => void {\n  loadPersistedTheme();\n  loadPersistedColorMode();\n\n  const cleanup = watchSystemColorScheme();\n\n  return cleanup;\n}\n"],"names":["THEME_CLASS_PREFIX","DARK_CLASS","THEME_STORAGE_KEY","COLOR_MODE_STORAGE_KEY","applyTheme","theme","persist","extraRoots","root","className","error","getCurrentTheme","loadPersistedTheme","persistedTheme","applyColorMode","mode","systemPrefersDark","getCurrentColorMode","loadPersistedColorMode","persistedMode","toggleColorMode","newMode","watchSystemColorScheme","mediaQuery","handler","e","initializeThemeSystem"],"mappings":"AAmCA,MAAMA,IAAqB,UACrBC,IAAa,QACbC,IAAoB,YACpBC,IAAyB;AAmBxB,SAASC,EACdC,GACAC,IAAU,IACVC,IAA4B,CAAA,GACtB;AAaN,MAZiB,CAAC,SAAS,iBAAiB,GAAGA,CAAU,EAEhD,QAAQ,CAACC,MAAS;AACzB,IAAAA,EAAK,UAAU,QAAQ,CAACC,MAAc;AACpC,MAAIA,EAAU,WAAWT,CAAkB,KACzCQ,EAAK,UAAU,OAAOC,CAAS;AAAA,IAEnC,CAAC,GAEDD,EAAK,UAAU,IAAI,GAAGR,CAAkB,GAAGK,CAAK,EAAE;AAAA,EACpD,CAAC,GAEGC;AACF,QAAI;AACF,mBAAa,QAAQJ,GAAmBG,CAAK;AAAA,IAC/C,SAASK,GAAO;AACd,cAAQ,KAAK,4CAA4CA,CAAK;AAAA,IAChE;AAEJ;AAOO,SAASC,IAAoC;AAClD,QAAMH,IAAO,SAAS;AAEtB,aAAWC,KAAaD,EAAK;AAC3B,QAAIC,EAAU,WAAWT,CAAkB;AACzC,aAAOS,EAAU,QAAQT,GAAoB,EAAE;AAInD,SAAO;AACT;AAQO,SAASY,IAAuC;AACrD,MAAI;AACF,UAAMC,IAAiB,aAAa;AAAA,MAClCX;AAAA,IAAA;AAEF,QAAIW;AACF,aAAAT,EAAWS,GAAgB,EAAK,GACzBA;AAAA,EAEX,SAASH,GAAO;AACd,YAAQ,KAAK,qDAAqDA,CAAK;AAAA,EACzE;AAEA,SAAO;AACT;AAgBO,SAASI,EAAeC,GAAiBT,IAAU,IAAY;AACpE,QAAME,IAAO,SAAS;AAEtB,MAAIO,MAAS,UAAU;AACrB,UAAMC,IAAoB,OAAO;AAAA,MAC/B;AAAA,IAAA,EACA;AACF,IAAAR,EAAK,UAAU,OAAOP,GAAYe,CAAiB;AAAA,EACrD;AACE,IAAAR,EAAK,UAAU,OAAOP,GAAYc,MAAS,MAAM;AAGnD,MAAIT;AACF,QAAI;AACF,mBAAa,QAAQH,GAAwBY,CAAI;AAAA,IACnD,SAASL,GAAO;AACd,cAAQ,KAAK,iDAAiDA,CAAK;AAAA,IACrE;AAEJ;AAOO,SAASO,IAAwC;AACtD,SAAO,SAAS,gBAAgB,UAAU,SAAShB,CAAU,IACzD,SACA;AACN;AAQO,SAASiB,IAA2C;AACzD,MAAI;AACF,UAAMC,IAAgB,aAAa;AAAA,MACjChB;AAAA,IAAA;AAEF,QAAIgB;AACF,aAAAL,EAAeK,GAAe,EAAK,GAC5BA;AAAA,EAEX,SAAST,GAAO;AACd,YAAQ;AAAA,MACN;AAAA,MACAA;AAAA,IAAA;AAAA,EAEJ;AAEA,SAAO;AACT;AAQO,SAASU,EAAgBd,IAAU,IAAwB;AAEhE,QAAMe,IADcJ,EAAA,MACY,UAAU,SAAS;AACnD,SAAAH,EAAeO,GAASf,CAAO,GACxBe;AACT;AAQO,SAASC,IAAqC;AACnD,QAAMC,IAAa,OAAO,WAAW,8BAA8B,GAE7DC,IAAU,CAACC,MAA2B;AAC1C,QAAI;AAEF,MADsB,aAAa,QAAQtB,CAAsB,MAC3C,YACpB,SAAS,gBAAgB,UAAU,OAAOF,GAAYwB,EAAE,OAAO;AAAA,IAEnE,SAASf,GAAO;AACd,cAAQ,KAAK,yCAAyCA,CAAK;AAAA,IAC7D;AAAA,EACF;AAEA,SAAAa,EAAW,iBAAiB,UAAUC,CAAO,GAEtC,MAAM;AACX,IAAAD,EAAW,oBAAoB,UAAUC,CAAO;AAAA,EAClD;AACF;AAoBO,SAASE,IAAoC;AAClD,SAAAd,EAAA,GACAM,EAAA,GAEgBI,EAAA;AAGlB;"}

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@acronis-platform/shadcn-uikit",
-  "version": "0.35.0",
+  "version": "0.36.3",
   "description": "Acronis shadcn UI component library built with TypeScript, following shadcn design principles",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/acronis/uikit.git"
+  },
   "exports": {
     "./package.json": "./package.json",
     ".": {
@@ -32,7 +36,10 @@
       "types": "./tailwind.preset.d.ts",
       "require": "./tailwind.preset.js"
     },
-    "./components/*": "./dist/components/*"
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    }
   },
   "files": [
     "dist",
@@ -66,63 +73,63 @@
     }
   },
   "dependencies": {
-    "@hookform/resolvers": "^3.9.1",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@tanstack/react-table": "^8.21.3",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.0",
-    "cmdk": "^1.1.1",
-    "culori": "^4.0.2",
-    "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.6.0",
-    "next-themes": "^0.4.6",
-    "react-day-picker": "^9.13.0",
-    "react-hook-form": "^7.69.0",
-    "react-resizable-panels": "^4.1.1",
-    "recharts": "^3.6.0",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^2.2.0",
-    "vaul": "^1.1.2",
-    "zod": "^4.2.1"
+    "@hookform/resolvers": "5.4.0",
+    "@radix-ui/react-dialog": "1.1.15",
+    "@radix-ui/react-navigation-menu": "1.2.14",
+    "@radix-ui/react-slot": "1.2.4",
+    "@tanstack/react-table": "8.21.3",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "cmdk": "1.1.1",
+    "culori": "4.0.2",
+    "date-fns": "4.3.0",
+    "embla-carousel-react": "8.6.0",
+    "next-themes": "0.4.6",
+    "react-day-picker": "10.0.1",
+    "react-hook-form": "7.76.1",
+    "react-resizable-panels": "4.11.2",
+    "recharts": "3.8.1",
+    "sonner": "2.0.7",
+    "tailwind-merge": "3.6.0",
+    "vaul": "1.1.2",
+    "zod": "4.4.3"
   },
   "devDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@playwright/test": "1.56.1",
-    "@storybook/addon-a11y": "10.1.11",
-    "@storybook/addon-docs": "10.1.11",
-    "@storybook/addon-links": "10.1.11",
-    "@storybook/addon-vitest": "10.1.11",
-    "@storybook/react": "10.1.11",
-    "@storybook/test": "8.6.18",
-    "@storybook/react-vite": "10.1.11",
-    "@storybook/test-runner": "0.24.2",
-    "@testing-library/jest-dom": "^6.2.0",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/node": "^20.11.0",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "@playwright/test": "1.60.0",
+    "@storybook/addon-a11y": "10.4.1",
+    "@storybook/addon-docs": "10.4.1",
+    "@storybook/addon-links": "10.4.1",
+    "@storybook/addon-vitest": "10.4.1",
+    "@storybook/react": "10.4.1",
+    "@storybook/react-vite": "10.4.1",
+    "@storybook/test-runner": "0.24.4",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "14.6.1",
+    "@types/node": "25.9.1",
+    "@types/react": "19.2.15",
+    "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "5.1.1",
-    "@vitest/browser-playwright": "4.0.17",
-    "@tailwindcss/cli": "^4.2.2",
-    "@tailwindcss/postcss": "^4.2.2",
-    "eslint": "9.39.2",
-    "happy-dom": "20.1.0",
-    "http-server": "^14.1.1",
-    "jest-image-snapshot": "6.5.1",
-    "postcss": "^8.5.6",
-    "sass-embedded": "1.97.2",
-    "storybook": "^10.1.10",
-    "tailwindcss": "^4.2.2",
-    "tw-animate-css": "^1.4.0",
-    "tsx": "^4.19.2",
-    "typescript": "^5.5.3",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-svgr": "^4.5.0",
-    "vitest": "4.0.17"
+    "@vitest/browser-playwright": "4.1.7",
+    "@tailwindcss/cli": "4.3.0",
+    "@tailwindcss/postcss": "4.3.0",
+    "eslint": "9.39.4",
+    "happy-dom": "20.9.0",
+    "http-server": "14.1.1",
+    "jest-image-snapshot": "6.5.2",
+    "postcss": "8.5.15",
+    "sass-embedded": "1.100.0",
+    "storybook": "10.4.1",
+    "tailwindcss": "4.3.0",
+    "tw-animate-css": "1.4.0",
+    "tsx": "4.22.3",
+    "typescript": "6.0.3",
+    "vite": "6.4.2",
+    "vite-plugin-dts": "5.0.1",
+    "vite-plugin-svgr": "5.2.0",
+    "vitest": "4.1.7"
   },
   "keywords": [
     "react",
@@ -137,20 +144,23 @@
   "author": "Acronis International GmbH",
   "license": "MIT",
   "publishConfig": {
+    "provenance": true,
     "access": "public"
   },
   "scripts": {
     "build": "pnpm run build:lib && pnpm run build:full-css && pnpm run build:llms",
     "build:full-css": "tsx scripts/build-full-css.ts",
-    "build:lib": "vite build",
+    "build:lib": "vite build -c vite.lib.config.ts",
     "build:types": "tsc --project tsconfig.build.json",
     "build:llms": "tsx scripts/generate-llms-txt.ts",
+    "clean": "rm -rf dist storybook-static node_modules/.vite *.tsbuildinfo",
     "generate:icons": "tsx scripts/generate-icons.ts",
     "generate:icon-stories": "tsx scripts/generate-icon-stories.ts",
     "generate:themes": "tsx scripts/generate-white-label-themes.ts",
-    "dev": "vite build --watch",
-    "type-check": "tsc --noEmit",
-    "test": "vitest",
+    "dev": "vite build -c vite.lib.config.ts --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest --coverage",
     "lint": "eslint src/",
@@ -159,7 +169,7 @@
     "storybook:build": "storybook build",
     "storybook:test:visual": "test-storybook",
     "storybook:test:visual:update": "test-storybook --updateSnapshot",
-    "storybook:test:visual:docker": "pnpm storybook:build && docker compose -f ../../docker-compose.storybook.yml up --build --abort-on-container-exit --exit-code-from test-runner",
-    "storybook:test:visual:docker:update": "pnpm storybook:build && docker compose -f ../../docker-compose.storybook.yml -f ../../docker-compose.storybook.update.yml up --build --abort-on-container-exit --exit-code-from test-runner"
+    "storybook:test:visual:docker": "pnpm storybook:build && docker compose -f ./docker-compose.storybook.yml up --build --abort-on-container-exit --exit-code-from test-runner",
+    "storybook:test:visual:docker:update": "pnpm storybook:build && docker compose -f ./docker-compose.storybook.yml -f ./docker-compose.storybook.update.yml up --build --abort-on-container-exit --exit-code-from test-runner"
   }
 }

package/tailwind.preset.js

@@ -167,7 +167,8 @@ export default {
       animation: {
         'accordion-down': 'accordion-down 0.2s ease-out',
         'accordion-up': 'accordion-up 0.2s ease-out',
-        'indeterminate-progress': 'indeterminate-progress 1.5s ease-in-out infinite',
+        'indeterminate-progress':
+          'indeterminate-progress 1.5s ease-in-out infinite',
       },
     },
   },

package/dist/_virtual/eq.js

@@ -1,5 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};
-//# sourceMappingURL=eq.js.map

package/dist/_virtual/eq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"eq.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/ui/accordion.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { AccordionRoot as Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/ui/alert-dialog.d.ts

@@ -1,22 +0,0 @@
-import { AlertDialog } from '@base-ui/react';
-import * as React from "react";
-declare const AlertDialogRoot: typeof AlertDialog.Root;
-declare const AlertDialogTrigger: AlertDialog.Trigger;
-declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    portal?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { AlertDialogRoot as AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/components/ui/avatar.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-declare const Avatar: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarRootProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarFallbackProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export { Avatar, AvatarImage, AvatarFallback };

package/dist/components/ui/button-group.d.ts

@@ -1,11 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { Separator } from './separator';
-declare const buttonGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
-declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/components/ui/card.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/components/ui/carousel.d.ts

@@ -1,18 +0,0 @@
-import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
-import * as React from 'react';
-type CarouselApi = UseEmblaCarouselType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-export type CarouselProps = {
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugin;
-    orientation?: 'horizontal' | 'vertical';
-    setApi?: (api: CarouselApi) => void;
-};
-declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext };

package/dist/components/ui/chart.d.ts

@@ -1,54 +0,0 @@
-import { LegendPayload } from 'recharts/types/component/DefaultLegendContent';
-import { NameType, Payload, ValueType } from 'recharts/types/component/DefaultTooltipContent';
-import { Props as LegendProps } from 'recharts/types/component/Legend';
-import { TooltipContentProps } from 'recharts/types/component/Tooltip';
-import * as React from "react";
-import * as RechartsPrimitive from "recharts";
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-export type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-export type CustomTooltipProps = Partial<TooltipContentProps<ValueType, NameType>> & {
-    className?: string;
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-    labelFormatter?: (label: TooltipContentProps<number, string>["label"], payload: TooltipContentProps<number, string>["payload"]) => React.ReactNode;
-    formatter?: (value: number | string, name: string, item: Payload<number | string, string>, index: number, payload: ReadonlyArray<Payload<number | string, string>>) => React.ReactNode;
-    labelClassName?: string;
-    color?: string;
-};
-export type ChartLegendContentProps = {
-    className?: string;
-    hideIcon?: boolean;
-    verticalAlign?: LegendProps["verticalAlign"];
-    payload?: LegendPayload[];
-    nameKey?: string;
-};
-declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
-    config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): import("react/jsx-runtime").JSX.Element;
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => import("react/jsx-runtime").JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({ active, payload, label, className, indicator, hideLabel, hideIndicator, labelFormatter, formatter, labelClassName, color, nameKey, labelKey, }: CustomTooltipProps): import("react/jsx-runtime").JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

package/dist/components/ui/command.d.ts

@@ -1,83 +0,0 @@
-import { Dialog } from './dialog';
-import * as React from 'react';
-type DialogProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'children'> & {
-    children?: React.ReactNode;
-};
-declare const Command: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    label?: string;
-    shouldFilter?: boolean;
-    filter?: (value: string, search: string, keywords?: string[]) => number;
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    loop?: boolean;
-    disablePointerSelection?: boolean;
-    vimBindings?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandDialog: ({ children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
-declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
-    value?: string;
-    onValueChange?: (search: string) => void;
-} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-declare const CommandList: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    label?: string;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
-    heading?: React.ReactNode;
-    value?: string;
-    forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    alwaysRender?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
-    forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/dashboard-layout.d.ts

@@ -1,10 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-declare const dashboardGridVariants: (props?: ({
-    cols?: 1 | 2 | 3 | 4 | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const DashboardLayout: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export interface DashboardGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dashboardGridVariants> {
-}
-declare const DashboardGrid: React.ForwardRefExoticComponent<DashboardGridProps & React.RefAttributes<HTMLDivElement>>;
-export { DashboardLayout, DashboardGrid, dashboardGridVariants, };

package/dist/components/ui/data-table/data-table-pagination.d.ts

@@ -1,6 +0,0 @@
-import { Table } from '@tanstack/react-table';
-interface DataTablePaginationProps<TData> {
-    table: Table<TData>;
-}
-export declare function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ui/data-table/data-table-view-options.d.ts

@@ -1,6 +0,0 @@
-import { Table } from '@tanstack/react-table';
-interface DataTableViewOptionsProps<TData> {
-    table: Table<TData>;
-}
-export declare function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ui/data-table/data-table.d.ts

@@ -1,6 +0,0 @@
-import { ColumnDef } from '@tanstack/react-table';
-export interface DataTableProps<TData, TValue> {
-    columns: ColumnDef<TData, TValue>[];
-    data: TData[];
-}
-export declare function DataTable<TData, TValue>({ columns, data }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/dialog.d.ts

@@ -1,26 +0,0 @@
-import { Dialog as BaseDialog } from '@base-ui/react';
-import * as React from 'react';
-declare const Dialog: typeof BaseDialog.Root;
-declare const DialogTrigger: BaseDialog.Trigger;
-declare const DialogPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogClose: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    portal?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogCloseButton: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogBody: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogCloseButton, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogBody, DialogDescription, };

package/dist/components/ui/dropdown-menu.d.ts

@@ -1,34 +0,0 @@
-import { Menu } from '@base-ui/react';
-import * as React from 'react';
-declare const DropdownMenu: typeof Menu.Root;
-declare const DropdownMenuTrigger: Menu.Trigger;
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSub: typeof Menu.SubmenuRoot;
-declare const DropdownMenuRadioGroup: React.NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & {
-    sideOffset?: number;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & {
-    portal?: boolean;
-    sideOffset?: number;
-    align?: "start" | "center" | "end";
-    side?: "top" | "bottom" | "left" | "right" | "inline-end" | "inline-start";
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLElement>>;
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/components/ui/empty.d.ts

@@ -1,8 +0,0 @@
-declare function Empty({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyIcon({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<'h3'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyActions({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function EmptyLinks({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Empty, EmptyIcon, EmptyHeader, EmptyTitle, EmptyDescription, EmptyActions, EmptyLinks };

package/dist/components/ui/popover.d.ts

@@ -1,12 +0,0 @@
-import { Popover } from '@base-ui/react';
-import * as React from 'react';
-declare const PopoverRoot: typeof Popover.Root;
-declare const PopoverTrigger: Popover.Trigger;
-declare const PopoverPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPopupProps, "ref"> & {
-    align?: "start" | "center" | "end";
-    side?: "top" | "bottom" | "left" | "right" | "inline-end" | "inline-start";
-    sideOffset?: number;
-    portal?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-export { PopoverRoot as Popover, PopoverTrigger, PopoverPortal, PopoverContent };