@clickhouse/click-ui 0.12.0 → 0.13.0

package/dist/esm/utils/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","sources":["../../../src/utils/date.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\n// NOTE: Explicit `.js` extension in dayjs\n// to ensure strict ESM compatibility for\n// consumers using \"type\": \"module\".\n// E.g. if the package doesn’t define subpaths\n// in exports resolution would fail in ESM environments\n// TODO: Maybe create a vite plugin to detect\n// if a package has missing exports and add extension\nimport advancedFormat from 'dayjs/plugin/advancedFormat.js';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\nimport duration from 'dayjs/plugin/duration.js';\nimport localizedFormat from 'dayjs/plugin/localizedFormat.js';\nimport relativeTime from 'dayjs/plugin/relativeTime.js';\nimport timezone from 'dayjs/plugin/timezone.js';\nimport updateLocale from 'dayjs/plugin/updateLocale.js';\nimport utc from 'dayjs/plugin/utc.js';\n\nconst thresholds = [\n  { l: 's', r: 1, d: 'second' },\n  { l: 'ss', r: 56, d: 'second' },\n  { l: 'm', r: 90, d: 'second' },\n  { l: 'mm', r: 55, d: 'minute' },\n  { l: 'h', r: 90, d: 'minute' },\n  { l: 'hh', r: 22, d: 'hour' },\n  { l: 'd', r: 40, d: 'hour' },\n  { l: 'dd', r: 31, d: 'day' },\n  { l: 'M', r: 45, d: 'day' },\n  { l: 'MM', r: 11, d: 'month' },\n  { l: 'y', r: 17, d: 'month' },\n  { l: 'yy', r: 2, d: 'year' },\n];\n\ndayjs.extend(advancedFormat);\ndayjs.extend(customParseFormat);\ndayjs.extend(duration);\ndayjs.extend(localizedFormat);\ndayjs.extend(timezone);\ndayjs.extend(updateLocale);\ndayjs.extend(utc);\ndayjs.extend(relativeTime, { thresholds });\n\ndayjs.updateLocale('en', {\n  relativeTime: {\n    future: 'In %s',\n    past: '%s ago',\n    s: 'a few seconds',\n    ss: '%d seconds',\n    m: '1 minute',\n    mm: '%d minutes',\n    h: '1 hour',\n    hh: '%d hours',\n    d: '1 day',\n    dd: '%d days',\n    w: '1 week',\n    ww: '%d weeks',\n    M: '1 month',\n    MM: '%d months',\n    y: '1 year',\n    yy: '%d years',\n  },\n});\n\nexport { dayjs };\nexport type { Dayjs };\n\nconst DEFAULT_DATE_LOCALE = 'en-US';\n\nexport const formatTimezone = ({\n  date,\n  timezone,\n  locale = DEFAULT_DATE_LOCALE,\n}: {\n  date: Dayjs;\n  timezone?: string;\n  locale?: string;\n}): string =>\n  new Intl.DateTimeFormat(locale, {\n    timeZone: timezone,\n    timeZoneName: 'short',\n  })\n    .formatToParts(date.toDate())\n    .find(part => part.type === 'timeZoneName')?.value ?? date.format('z');\n\nexport const DAYS = 'days';\nexport const MONTHS = 'months';\nexport const YEARS = 'years';\n\nexport const DAYS_IN_WEEK = 7;\n\ntype MonthNamesFormat = 'short' | 'long';\n\nexport const getMonthNames = (format: MonthNamesFormat = 'long') =>\n  Array.from({ length: 12 }, (_, i) =>\n    new Date(1970, i).toLocaleString(DEFAULT_DATE_LOCALE, { month: format })\n  );\n"],"names":["timezone"],"mappings":"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"}
+{"version":3,"file":"date.js","sources":["../../../src/utils/date.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs';\n// NOTE: Explicit `.js` extension in dayjs\n// to ensure strict ESM compatibility for\n// consumers using \"type\": \"module\".\n// E.g. if the package doesn’t define subpaths\n// in exports resolution would fail in ESM environments\n// TODO: Maybe create a vite plugin to detect\n// if a package has missing exports and add extension\nimport advancedFormat from 'dayjs/plugin/advancedFormat.js';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\nimport duration from 'dayjs/plugin/duration.js';\nimport localizedFormat from 'dayjs/plugin/localizedFormat.js';\nimport relativeTime from 'dayjs/plugin/relativeTime.js';\nimport timezone from 'dayjs/plugin/timezone.js';\nimport updateLocale from 'dayjs/plugin/updateLocale.js';\nimport utc from 'dayjs/plugin/utc.js';\n\nconst thresholds = [\n  { l: 's', r: 1, d: 'second' },\n  { l: 'ss', r: 56, d: 'second' },\n  { l: 'm', r: 90, d: 'second' },\n  { l: 'mm', r: 55, d: 'minute' },\n  { l: 'h', r: 90, d: 'minute' },\n  { l: 'hh', r: 22, d: 'hour' },\n  { l: 'd', r: 40, d: 'hour' },\n  { l: 'dd', r: 31, d: 'day' },\n  { l: 'M', r: 45, d: 'day' },\n  { l: 'MM', r: 11, d: 'month' },\n  { l: 'y', r: 17, d: 'month' },\n  { l: 'yy', r: 2, d: 'year' },\n];\n\ndayjs.extend(advancedFormat);\ndayjs.extend(customParseFormat);\ndayjs.extend(duration);\ndayjs.extend(localizedFormat);\ndayjs.extend(timezone);\ndayjs.extend(updateLocale);\ndayjs.extend(utc);\ndayjs.extend(relativeTime, { thresholds });\n\ndayjs.updateLocale('en', {\n  relativeTime: {\n    future: 'In %s',\n    past: '%s ago',\n    s: 'a few seconds',\n    ss: '%d seconds',\n    m: '1 minute',\n    mm: '%d minutes',\n    h: '1 hour',\n    hh: '%d hours',\n    d: '1 day',\n    dd: '%d days',\n    w: '1 week',\n    ww: '%d weeks',\n    M: '1 month',\n    MM: '%d months',\n    y: '1 year',\n    yy: '%d years',\n  },\n});\n\nexport { dayjs };\nexport type { Dayjs };\n\nconst DEFAULT_DATE_LOCALE = 'en-US';\n\nexport const formatTimezone = ({\n  date,\n  timezone,\n  locale = DEFAULT_DATE_LOCALE,\n}: {\n  date: Dayjs;\n  timezone?: string;\n  locale?: string;\n}): string =>\n  new Intl.DateTimeFormat(locale, {\n    timeZone: timezone,\n    timeZoneName: 'short',\n  })\n    .formatToParts(date.toDate())\n    .find(part => part.type === 'timeZoneName')?.value ?? date.format('z');\n\nexport const DAYS = 'days';\nexport const MONTHS = 'months';\nexport const YEARS = 'years';\n\nexport const DAYS_IN_WEEK = 7;\n\ntype MonthNamesFormat = 'short' | 'long';\n\nexport const getMonthNames = (format: MonthNamesFormat = 'long') =>\n  Array.from({ length: 12 }, (_, i) =>\n    new Date(1970, i).toLocaleString(DEFAULT_DATE_LOCALE, { month: format })\n  );\n"],"names":["timezone"],"mappings":"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"}

package/dist/esm/utils/dom.js

@@ -2,6 +2,9 @@ import { CUI_THEME_STORAGE_KEY } from './localStorage.js';
 
 const THEME_ATTRIBUTE = `data-${CUI_THEME_STORAGE_KEY}`;
 const getDOMElement = (selector) => {
+  if (typeof document === "undefined") {
+    return null;
+  }
   const el = document.querySelector(selector);
   if (!el) {
     console.warn(`Missing DOM element <${selector}>!`);
@@ -9,13 +12,7 @@ const getDOMElement = (selector) => {
   }
   return el;
 };
-const getRootElement = () => {
-  const el = getDOMElement("html");
-  if (!el) {
-    return;
-  }
-  return el;
-};
+const getRootElement = () => getDOMElement("html");
 const setRootThemeAttribute = (theme) => {
   const el = getRootElement();
   if (!el) {

package/dist/esm/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../../src/utils/dom.ts"],"sourcesContent":["import { ThemeName } from '@/theme/theme.types';\nimport { CUI_THEME_STORAGE_KEY } from './localStorage';\n\nexport const THEME_ATTRIBUTE = `data-${CUI_THEME_STORAGE_KEY}`;\n\nconst getDOMElement = (selector: string) => {\n  const el = document.querySelector(selector) as HTMLElement | null;\n\n  if (!el) {\n    console.warn(`Missing DOM element <${selector}>!`);\n    return null;\n  }\n\n  return el;\n};\n\nexport const getRootElement = () => {\n  const el = getDOMElement('html');\n\n  if (!el) {\n    return;\n  }\n\n  return el;\n};\n\nexport const setRootThemeAttribute = (theme: ThemeName) => {\n  const el = getRootElement();\n\n  if (!el) {\n    return;\n  }\n\n  el.setAttribute(THEME_ATTRIBUTE, theme);\n};\n\nexport const removeRootThemeAttribute = () => {\n  const el = getDOMElement('html');\n\n  if (!el) {\n    return;\n  }\n\n  el.removeAttribute(THEME_ATTRIBUTE);\n};\n"],"names":[],"mappings":";;AAGO,MAAM,eAAA,GAAkB,QAAQ,qBAAqB,CAAA;AAE5D,MAAM,aAAA,GAAgB,CAAC,QAAA,KAAqB;AAC1C,EAAA,MAAM,EAAA,GAAK,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAE1C,EAAA,IAAI,CAAC,EAAA,EAAI;AACP,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,qBAAA,EAAwB,QAAQ,CAAA,EAAA,CAAI,CAAA;AACjD,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAO,EAAA;AACT,CAAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,EAAA,GAAK,cAAc,MAAM,CAAA;AAE/B,EAAA,IAAI,CAAC,EAAA,EAAI;AACP,IAAA;AAAA,EACF;AAEA,EAAA,OAAO,EAAA;AACT;AAEO,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAAqB;AACzD,EAAA,MAAM,KAAK,cAAA,EAAe;AAE1B,EAAA,IAAI,CAAC,EAAA,EAAI;AACP,IAAA;AAAA,EACF;AAEA,EAAA,EAAA,CAAG,YAAA,CAAa,iBAAiB,KAAK,CAAA;AACxC;AAEO,MAAM,2BAA2B,MAAM;AAC5C,EAAA,MAAM,EAAA,GAAK,cAAc,MAAM,CAAA;AAE/B,EAAA,IAAI,CAAC,EAAA,EAAI;AACP,IAAA;AAAA,EACF;AAEA,EAAA,EAAA,CAAG,gBAAgB,eAAe,CAAA;AACpC;;;;"}
+{"version":3,"file":"dom.js","sources":["../../../src/utils/dom.ts"],"sourcesContent":["import { ThemeName } from '@/theme/theme.types';\nimport { CUI_THEME_STORAGE_KEY } from './localStorage';\n\nexport const THEME_ATTRIBUTE = `data-${CUI_THEME_STORAGE_KEY}`;\n\nconst getDOMElement = (selector: string) => {\n  if (typeof document === 'undefined') {\n    return null;\n  }\n\n  const el = document.querySelector(selector) as HTMLElement | null;\n\n  if (!el) {\n    console.warn(`Missing DOM element <${selector}>!`);\n    return null;\n  }\n\n  return el;\n};\n\nexport const getRootElement = () => getDOMElement('html');\n\nexport const setRootThemeAttribute = (theme: ThemeName) => {\n  const el = getRootElement();\n\n  if (!el) {\n    return;\n  }\n\n  el.setAttribute(THEME_ATTRIBUTE, theme);\n};\n\nexport const removeRootThemeAttribute = () => {\n  const el = getDOMElement('html');\n\n  if (!el) {\n    return;\n  }\n\n  el.removeAttribute(THEME_ATTRIBUTE);\n};\n"],"names":[],"mappings":";;AAGO,MAAM,eAAA,GAAkB,QAAQ,qBAAqB,CAAA;AAE5D,MAAM,aAAA,GAAgB,CAAC,QAAA,KAAqB;AAC1C,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACnC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAA,GAAK,QAAA,CAAS,aAAA,CAAc,QAAQ,CAAA;AAE1C,EAAA,IAAI,CAAC,EAAA,EAAI;AACP,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,qBAAA,EAAwB,QAAQ,CAAA,EAAA,CAAI,CAAA;AACjD,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,OAAO,EAAA;AACT,CAAA;AAEO,MAAM,cAAA,GAAiB,MAAM,aAAA,CAAc,MAAM;AAEjD,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAAqB;AACzD,EAAA,MAAM,KAAK,cAAA,EAAe;AAE1B,EAAA,IAAI,CAAC,EAAA,EAAI;AACP,IAAA;AAAA,EACF;AAEA,EAAA,EAAA,CAAG,YAAA,CAAa,iBAAiB,KAAK,CAAA;AACxC;AAEO,MAAM,2BAA2B,MAAM;AAC5C,EAAA,MAAM,EAAA,GAAK,cAAc,MAAM,CAAA;AAE/B,EAAA,IAAI,CAAC,EAAA,EAAI;AACP,IAAA;AAAA,EACF;AAEA,EAAA,EAAA,CAAG,gBAAgB,eAAe,CAAA;AACpC;;"}

package/dist/esm/utils/file.js.map

@@ -1 +1 @@
-{"version":3,"file":"file.js","sources":["../../../src/utils/file.ts"],"sourcesContent":["export const formatFileSize = (sizeInBytes: number): string => {\n  if (sizeInBytes < 1024) {\n    return `${sizeInBytes.toFixed(1)} B`;\n  } else if (sizeInBytes < 1024 * 1024) {\n    return `${(sizeInBytes / 1024).toFixed(1)} KB`;\n  } else if (sizeInBytes < 1024 * 1024 * 1024) {\n    return `${(sizeInBytes / (1024 * 1024)).toFixed(1)} MB`;\n  } else {\n    return `${(sizeInBytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n  }\n};\n"],"names":[],"mappings":"AAAO,MAAM,cAAA,GAAiB,CAAC,WAAA,KAAgC;AAC7D,EAAA,IAAI,cAAc,IAAA,EAAM;AACtB,IAAA,OAAO,CAAA,EAAG,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AAAA,EAClC,CAAA,MAAA,IAAW,WAAA,GAAc,IAAA,GAAO,IAAA,EAAM;AACpC,IAAA,OAAO,CAAA,EAAA,CAAI,WAAA,GAAc,IAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAAA,EAC3C,CAAA,MAAA,IAAW,WAAA,GAAc,IAAA,GAAO,IAAA,GAAO,IAAA,EAAM;AAC3C,IAAA,OAAO,IAAI,WAAA,IAAe,IAAA,GAAO,IAAA,CAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAAA,EACpD,CAAA,MAAO;AACL,IAAA,OAAO,IAAI,WAAA,IAAe,IAAA,GAAO,OAAO,IAAA,CAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAAA,EAC3D;AACF;;;;"}
+{"version":3,"file":"file.js","sources":["../../../src/utils/file.ts"],"sourcesContent":["export const formatFileSize = (sizeInBytes: number): string => {\n  if (sizeInBytes < 1024) {\n    return `${sizeInBytes.toFixed(1)} B`;\n  } else if (sizeInBytes < 1024 * 1024) {\n    return `${(sizeInBytes / 1024).toFixed(1)} KB`;\n  } else if (sizeInBytes < 1024 * 1024 * 1024) {\n    return `${(sizeInBytes / (1024 * 1024)).toFixed(1)} MB`;\n  } else {\n    return `${(sizeInBytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n  }\n};\n"],"names":[],"mappings":"AAAO,MAAM,cAAA,GAAiB,CAAC,WAAA,KAAgC;AAC7D,EAAA,IAAI,cAAc,IAAA,EAAM;AACtB,IAAA,OAAO,CAAA,EAAG,WAAA,CAAY,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AAAA,EAClC,CAAA,MAAA,IAAW,WAAA,GAAc,IAAA,GAAO,IAAA,EAAM;AACpC,IAAA,OAAO,CAAA,EAAA,CAAI,WAAA,GAAc,IAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAAA,EAC3C,CAAA,MAAA,IAAW,WAAA,GAAc,IAAA,GAAO,IAAA,GAAO,IAAA,EAAM;AAC3C,IAAA,OAAO,IAAI,WAAA,IAAe,IAAA,GAAO,IAAA,CAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAAA,EACpD,CAAA,MAAO;AACL,IAAA,OAAO,IAAI,WAAA,IAAe,IAAA,GAAO,OAAO,IAAA,CAAA,EAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,CAAA;AAAA,EAC3D;AACF;;"}

package/dist/esm/utils/localStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"localStorage.js","sources":["../../../src/utils/localStorage.ts"],"sourcesContent":["// WARN: The storage key is shared with .scripts/js/generate-token\n// which is a nodejs script. At the moment opted for json instead\n// of adding support for `js` files, but json means importing the\n// whole file (the file shouldn't grow, so should be alright?)\nimport config from '@/theme/theme.config.json' with { type: 'json' };\n\nexport const CUI_THEME_STORAGE_KEY = config.storageKey;\n"],"names":[],"mappings":";;AAMO,MAAM,wBAAwB,MAAA,CAAO;;;;"}
+{"version":3,"file":"localStorage.js","sources":["../../../src/utils/localStorage.ts"],"sourcesContent":["// WARN: The storage key is shared with .scripts/js/generate-token\n// which is a nodejs script. At the moment opted for json instead\n// of adding support for `js` files, but json means importing the\n// whole file (the file shouldn't grow, so should be alright?)\nimport config from '@/theme/theme.config.json' with { type: 'json' };\n\nexport const CUI_THEME_STORAGE_KEY = config.storageKey;\n"],"names":[],"mappings":";;AAMO,MAAM,wBAAwB,MAAA,CAAO;;"}

package/dist/esm/utils/mergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeRefs.js","sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["export const mergeRefs =\n  <T = HTMLElement>(\n    refs: (React.MutableRefObject<T> | React.LegacyRef<T>)[]\n  ): React.RefCallback<T> =>\n  value => {\n    refs.forEach(ref => {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n"],"names":[],"mappings":"AAAO,MAAM,SAAA,GACX,CACE,IAAA,KAEF,CAAA,KAAA,KAAS;AACP,EAAA,IAAA,CAAK,QAAQ,CAAA,GAAA,KAAO;AAClB,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,KAAK,CAAA;AAAA,IACX,CAAA,MAAA,IAAW,OAAO,IAAA,EAAM;AACtB,MAAC,IAAyC,OAAA,GAAU,KAAA;AAAA,IACtD;AAAA,EACF,CAAC,CAAA;AACH;;;;"}
+{"version":3,"file":"mergeRefs.js","sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["export const mergeRefs =\n  <T = HTMLElement>(\n    refs: (React.MutableRefObject<T> | React.LegacyRef<T>)[]\n  ): React.RefCallback<T> =>\n  value => {\n    refs.forEach(ref => {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n"],"names":[],"mappings":"AAAO,MAAM,SAAA,GACX,CACE,IAAA,KAEF,CAAA,KAAA,KAAS;AACP,EAAA,IAAA,CAAK,QAAQ,CAAA,GAAA,KAAO;AAClB,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,KAAK,CAAA;AAAA,IACX,CAAA,MAAA,IAAW,OAAO,IAAA,EAAM;AACtB,MAAC,IAAyC,OAAA,GAAU,KAAA;AAAA,IACtD;AAAA,EACF,CAAC,CAAA;AACH;;"}

package/dist/esm/utils/url.js

@@ -0,0 +1,19 @@
+const getDocumentBase = () => typeof document === "undefined" ? void 0 : document.baseURI;
+const isHttpUrl = (url, base = getDocumentBase()) => {
+  try {
+    const { protocol } = new URL(url, base);
+    return protocol === "http:" || protocol === "https:";
+  } catch {
+    return false;
+  }
+};
+const openInNewTab = (url) => {
+  if (!isHttpUrl(url)) {
+    console.warn(`openInNewTab: refusing to open non-http(s) URL "${url}"`);
+    return;
+  }
+  window.open(url, "_blank", "noopener");
+};
+
+export { isHttpUrl, openInNewTab };
+//# sourceMappingURL=url.js.map

package/dist/esm/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","sources":["../../../src/utils/url.ts"],"sourcesContent":["const getDocumentBase = (): string | undefined =>\n  typeof document === 'undefined' ? undefined : document.baseURI;\n\n/**\n * Returns true when `url` resolves to an http(s) URL.\n *\n * Relative URLs are resolved against `base` (the document base URI in a\n * browser), so `/docs` passes while `javascript:`, `data:` and `mailto:` fail.\n * The URL parser lowercases the scheme, trims leading and trailing whitespace\n * and strips embedded tab/newline characters, so `JAVASCRIPT:`, ` javascript:`\n * and `java\\tscript:` variants are rejected too.\n */\nexport const isHttpUrl = (\n  url: string,\n  base: string | undefined = getDocumentBase()\n): boolean => {\n  try {\n    const { protocol } = new URL(url, base);\n    return protocol === 'http:' || protocol === 'https:';\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Opens `url` in a new tab.\n *\n * `noopener` stops the new page from reaching back into this one through\n * `window.opener` (reverse tabnabbing). Browsers apply it implicitly for\n * `<a target=\"_blank\">` but not for `window.open`. Non-http(s) URLs are\n * refused with a warning, since a `javascript:` URL would otherwise run in\n * this document's origin.\n */\nexport const openInNewTab = (url: string): void => {\n  if (!isHttpUrl(url)) {\n    console.warn(`openInNewTab: refusing to open non-http(s) URL \"${url}\"`);\n    return;\n  }\n  window.open(url, '_blank', 'noopener');\n};\n"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,MACtB,OAAO,QAAA,KAAa,WAAA,GAAc,SAAY,QAAA,CAAS,OAAA;AAWlD,MAAM,SAAA,GAAY,CACvB,GAAA,EACA,IAAA,GAA2B,iBAAgB,KAC/B;AACZ,EAAA,IAAI;AACF,IAAA,MAAM,EAAE,QAAA,EAAS,GAAI,IAAI,GAAA,CAAI,KAAK,IAAI,CAAA;AACtC,IAAA,OAAO,QAAA,KAAa,WAAW,QAAA,KAAa,QAAA;AAAA,EAC9C,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF;AAWO,MAAM,YAAA,GAAe,CAAC,GAAA,KAAsB;AACjD,EAAA,IAAI,CAAC,SAAA,CAAU,GAAG,CAAA,EAAG;AACnB,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,gDAAA,EAAmD,GAAG,CAAA,CAAA,CAAG,CAAA;AACtE,IAAA;AAAA,EACF;AACA,EAAA,MAAA,CAAO,IAAA,CAAK,GAAA,EAAK,QAAA,EAAU,UAAU,CAAA;AACvC;;"}

package/dist/types/components/Assets/Icons/Grid-Dots.d.ts

@@ -0,0 +1,3 @@
+import { SVGAssetProps } from '../../../types';
+declare const Grid_Dots: (props: SVGAssetProps) => import("react/jsx-runtime").JSX.Element;
+export default Grid_Dots;

package/dist/types/components/Assets/Icons/system/types.d.ts

@@ -1,7 +1,7 @@
 import { SVGAttributes } from 'react';
 import { AssetSize } from '../../../../types';
 import { ThemeName } from '../../../../theme/theme.types';
-export type IconName = 'activity' | 'alarm' | 'arrow-directions' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-triangle' | 'arrow-up' | 'auth-app' | 'auth-sms' | 'backups' | 'bar-chart' | 'bell' | 'beta' | 'blog' | 'bold' | 'book' | 'brackets' | 'briefcase' | 'building' | 'burger-menu' | 'calendar' | 'calendar-with-time' | 'cards' | 'cell-tower' | 'chart-area' | 'chart-bar-horizontal' | 'chart-cloud' | 'chart-donut' | 'chart-heatmap' | 'chart-scatter' | 'chart-square' | 'chart-stacked-horizontal' | 'chart-stacked-vertical' | 'chat' | 'check' | 'check-in-circle' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clock' | 'cloud' | 'cloud-keys' | 'code' | 'code-in-square' | 'collapse-all' | 'connect' | 'connect-alt' | 'console' | 'copy' | 'cpu' | 'credit-card' | 'cross' | 'data' | 'data-lakes' | 'database' | 'disk' | 'display' | 'document' | 'dollar' | 'dot' | 'dots-horizontal' | 'dots-triangle' | 'dots-vertical' | 'dots-vertical-double' | 'double-check' | 'download' | 'download-in-circle' | 'email' | 'empty' | 'enter' | 'expand-all' | 'eye' | 'eye-closed' | 'filter' | 'fire' | 'flag' | 'flash' | 'flask' | 'folder-closed' | 'folder-open' | 'gear' | 'gift' | 'git-merge' | 'globe' | 'hexagon' | 'history' | 'home' | 'horizontal-loading' | 'http' | 'http-monitoring' | 'info-in-circle' | 'information' | 'insert-row' | 'integrations' | 'italic' | 'key' | 'keys' | 'lifebuoy' | 'light-bulb' | 'light-bulb-on' | 'lightening' | 'line-in-circle' | 'list-bulleted' | 'list-numbered' | 'loading' | 'loading-animated' | 'lock' | 'map-pin' | 'mcp' | 'metrics' | 'metrics-alt' | 'minus' | 'moon' | 'no-cloud' | 'pause' | 'payment' | 'pencil' | 'pie-chart' | 'pin' | 'pipe' | 'play' | 'play-in-circle' | 'plug' | 'plus' | 'popin' | 'popout' | 'popover-arrow' | 'puzzle-piece' | 'query' | 'question' | 'refresh' | 'resize-arrows-horizontal' | 'resize-arrows-vertical' | 'rocket' | 'sand-glass' | 'search' | 'secure' | 'server' | 'services' | 'settings' | 'share' | 'share-network' | 'sleep' | 'slide-in' | 'slide-out' | 'sort' | 'sort-alt' | 'sparkle' | 'speaker' | 'speed' | 'square' | 'star' | 'stop' | 'support' | 'table' | 'taxi' | 'text-slash' | 'thumbs-down' | 'thumbs-up' | 'trash' | 'tree-structure' | 'underline' | 'unpin' | 'upgrade' | 'upload' | 'url' | 'user' | 'users' | 'warning' | 'waves';
+export type IconName = 'activity' | 'alarm' | 'arrow-directions' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-triangle' | 'arrow-up' | 'auth-app' | 'auth-sms' | 'backups' | 'bar-chart' | 'bell' | 'beta' | 'blog' | 'bold' | 'book' | 'brackets' | 'briefcase' | 'building' | 'burger-menu' | 'calendar' | 'calendar-with-time' | 'cards' | 'cell-tower' | 'chart-area' | 'chart-bar-horizontal' | 'chart-cloud' | 'chart-donut' | 'chart-heatmap' | 'chart-scatter' | 'chart-square' | 'chart-stacked-horizontal' | 'chart-stacked-vertical' | 'chat' | 'check' | 'check-in-circle' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clock' | 'cloud' | 'cloud-keys' | 'code' | 'code-in-square' | 'collapse-all' | 'connect' | 'connect-alt' | 'console' | 'copy' | 'cpu' | 'credit-card' | 'cross' | 'data' | 'data-lakes' | 'database' | 'disk' | 'display' | 'document' | 'dollar' | 'dot' | 'dots-horizontal' | 'dots-triangle' | 'dots-vertical' | 'dots-vertical-double' | 'double-check' | 'download' | 'download-in-circle' | 'email' | 'empty' | 'enter' | 'expand-all' | 'eye' | 'eye-closed' | 'filter' | 'fire' | 'flag' | 'flash' | 'flask' | 'folder-closed' | 'folder-open' | 'gear' | 'gift' | 'git-merge' | 'globe' | 'grid-dots' | 'hexagon' | 'history' | 'home' | 'horizontal-loading' | 'http' | 'http-monitoring' | 'info-in-circle' | 'information' | 'insert-row' | 'integrations' | 'italic' | 'key' | 'keys' | 'lifebuoy' | 'light-bulb' | 'light-bulb-on' | 'lightening' | 'line-in-circle' | 'list-bulleted' | 'list-numbered' | 'loading' | 'loading-animated' | 'lock' | 'map-pin' | 'mcp' | 'metrics' | 'metrics-alt' | 'minus' | 'moon' | 'no-cloud' | 'pause' | 'payment' | 'pencil' | 'pie-chart' | 'pin' | 'pipe' | 'play' | 'play-in-circle' | 'plug' | 'plus' | 'popin' | 'popout' | 'popover-arrow' | 'puzzle-piece' | 'query' | 'question' | 'refresh' | 'resize-arrows-horizontal' | 'resize-arrows-vertical' | 'rocket' | 'sand-glass' | 'search' | 'secure' | 'server' | 'services' | 'settings' | 'share' | 'share-network' | 'sleep' | 'slide-in' | 'slide-out' | 'sort' | 'sort-alt' | 'sparkle' | 'speaker' | 'speed' | 'square' | 'star' | 'stop' | 'support' | 'table' | 'taxi' | 'text-slash' | 'thumbs-down' | 'thumbs-up' | 'trash' | 'tree-structure' | 'underline' | 'unpin' | 'upgrade' | 'upload' | 'url' | 'user' | 'users' | 'warning' | 'waves';
 export interface IconProps extends SVGAttributes<SVGElement> {
     name: IconName;
     theme?: ThemeName;

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -19,11 +19,11 @@ export declare const Dropdown: {
         displayName: string;
     };
     Sub: {
-        (props: DropdownMenu.DropdownMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+        (props: DropdownMenu.DropdownMenuSubProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Item: {
-        ({ icon, iconDir, type, tooltipProps, children, ...props }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+        ({ icon, iconDir, type, tooltipProps, ...props }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/types/components/Dropdown/Dropdown.types.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement, ReactNode } from 'react';
 import { HorizontalDirection } from '../../types';
 import { IconName } from '../Icon/Icon.types';
 import { IconWrapperProps } from '../IconWrapper/IconWrapper.types';
@@ -5,7 +6,7 @@ import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 export interface ArrowProps {
     showArrow?: boolean;
 }
-export interface DropdownItemProps extends DropdownMenu.DropdownMenuItemProps {
+interface DropdownItemBaseProps extends Omit<DropdownMenu.DropdownMenuItemProps, 'asChild' | 'children'> {
     /** Icon to display in the menu item */
     icon?: IconName;
     /** The direction of the icon relative to the label */
@@ -18,3 +19,14 @@ export interface DropdownItemProps extends DropdownMenu.DropdownMenuItemProps {
      */
     tooltipProps?: IconWrapperProps['tooltipProps'];
 }
+interface DropdownItemContentProps extends DropdownItemBaseProps {
+    asChild?: false;
+    children?: ReactNode;
+}
+interface DropdownItemAsChildProps extends DropdownItemBaseProps {
+    /** Renders the single child element (for example an `<a>`) as the menu item, with the icon and label inside it. */
+    asChild: true;
+    children: ReactElement;
+}
+export type DropdownItemProps = DropdownItemContentProps | DropdownItemAsChildProps;
+export {};

package/dist/types/components/FileTabs/FileTabs.d.ts

@@ -1,44 +1,11 @@
-import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { IconName } from '../Icon/Icon.types';
-import { ItemInterface, Sortable, Store, ReactSortableProps } from 'react-sortablejs';
-export type FileTabStatusType = 'default' | 'success' | 'neutral' | 'danger' | 'warning' | 'info';
+import { FileTabProps, FileTabsProps } from './FileTabs.types';
 interface ContextProps {
     selectedIndex?: number;
     onClose: (index: number) => void;
 }
 export declare const TabContext: import('react').Context<ContextProps>;
-export interface FileTabProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** Callback when the tab is closed */
-    onClose?: () => void;
-    /** Index of the tab in the list */
-    index: number;
-    /** Status indicator for the tab */
-    status?: FileTabStatusType;
-    /** Icon to display in the tab */
-    icon?: IconName | ReactNode;
-    /** Text to display in the tab */
-    text: string;
-    /** Test ID for testing */
-    testId?: string;
-    /** Whether the tab is in preview mode (italic text) */
-    preview?: boolean;
-}
-export interface FileTabsProps extends Omit<ReactSortableProps<ItemInterface>, 'onSelect' | 'list' | 'setList'> {
-    /** Index of the currently selected tab */
-    selectedIndex?: number;
-    /** The tab elements to render */
-    children: ReactElement<FileTabProps> | ReactElement<FileTabProps>[];
-    /** Callback when a tab is reordered via drag and drop */
-    onReorderTab: (sourcePosition: number, destinationPosition: number) => void;
-    /** Callback when a tab is closed */
-    onClose: (index: number) => void;
-    /** Callback when a tab is selected */
-    onSelect: (index: number) => void;
-    /** List of items for sortable functionality */
-    list?: ItemInterface[];
-    /** Setter for the sortable list */
-    setList?: (newState: ItemInterface[], sortable: Sortable | null, store: Store) => void;
-}
 export declare const FileTabs: {
     ({ selectedIndex, children, onReorderTab, onClose: onCloseProp, onSelect: onSelectProp, list: listProp, setList: setListProp, onEnd, direction, group, className, ...props }: FileTabsProps): import("react/jsx-runtime").JSX.Element;
     Tab: {

package/dist/types/components/FileTabs/FileTabs.types.d.ts

@@ -1,22 +1,28 @@
-import { HTMLAttributes, ReactElement, MouseEvent } from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { ItemInterface, ReactSortableProps, Sortable, Store } from 'react-sortablejs';
 import { IconName } from '../Icon/Icon.types';
 export type FileTabStatusType = 'default' | 'success' | 'neutral' | 'danger' | 'warning' | 'info';
-export interface FileTabProps extends HTMLAttributes<HTMLDivElement> {
-    active?: boolean;
-    children: ReactElement;
-    icon?: IconName;
-    iconDir?: 'start' | 'end';
-    onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
-    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+export interface FileTabProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    onClose?: () => void;
+    index: number;
     status?: FileTabStatusType;
-    value: string;
-    showClose?: boolean;
-    isLoading?: boolean;
+    icon?: IconName | ReactNode;
+    text: string;
+    /** Prefix for `data-testid`: the tab gets `<testId>-<index>`. */
+    testId?: string;
+    /** Shows the tab as a preview, in italics. */
+    preview?: boolean;
 }
-export interface FileTabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    children: ReactElement<FileTabProps> | Array<ReactElement<FileTabProps>>;
-    onReorder?: (values: Array<string>) => void;
-    value?: string;
-    onChange?: (value: string) => void;
-    sortable?: boolean;
+export interface FileTabsProps extends Omit<ReactSortableProps<ItemInterface>, 'onSelect' | 'list' | 'setList'> {
+    selectedIndex?: number;
+    /** `FileTabs.Tab` elements. */
+    children: ReactElement<FileTabProps> | ReactElement<FileTabProps>[];
+    /** Called when a tab is dragged to a new position. */
+    onReorderTab: (sourcePosition: number, destinationPosition: number) => void;
+    onClose: (index: number) => void;
+    onSelect: (index: number) => void;
+    /** Sortable items, one per tab. Built from `children` when omitted. */
+    list?: ItemInterface[];
+    /** Setter for a controlled `list`. */
+    setList?: (newState: ItemInterface[], sortable: Sortable | null, store: Store) => void;
 }

package/dist/types/components/FileUpload/FileUpload.d.ts

@@ -1,15 +1,2 @@
-export interface FileUploadProps {
-    /** The title text displayed in the upload area */
-    title: string;
-    supportedFileTypes?: string[];
-    size?: 'sm' | 'md';
-    progress?: number;
-    showSuccess?: boolean;
-    showProgress?: boolean;
-    failureMessage?: string;
-    onRetry?: () => void;
-    onFileSelect?: (file: File) => void;
-    onFileFailure?: () => void;
-    onFileClose?: () => void;
-}
+import { FileUploadProps } from './FileUpload.types';
 export declare const FileUpload: ({ title, supportedFileTypes, size, onFileSelect, onRetry, progress, failureMessage, showProgress, showSuccess, onFileFailure, onFileClose, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FileUpload/FileUpload.types.d.ts

@@ -1,4 +1,5 @@
 export interface FileUploadProps {
+    /** Text shown in the upload area. */
     title: string;
     supportedFileTypes?: Array<string>;
     size?: 'sm' | 'md';

package/dist/types/components/GridContainer/GridContainer.d.ts

@@ -1,60 +1,5 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
-export type FlowOptions = 'row' | 'column' | 'row-dense' | 'column-dense';
-type GapOptions = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'unset';
-type ItemsOptions = 'start' | 'center' | 'end' | 'stretch';
-type ContentOptions = 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'stretch' | 'end' | 'left' | 'right';
-export interface GridContainerProps<T extends ElementType = 'div'> {
-    /** Custom component to render as */
-    component?: T;
-    /** Alignment of items along the block axis */
-    alignItems?: ItemsOptions;
-    /** Alignment of content along the block axis */
-    alignContent?: ContentOptions;
-    /** The content to display inside the grid container */
-    children?: React.ReactNode;
-    /** Gap between columns */
-    columnGap?: GapOptions;
-    /** Gap between rows and columns */
-    gap?: GapOptions;
-    /** Size of implicitly-created grid columns */
-    gridAutoColumns?: string;
-    /** How auto-placed items flow into the grid */
-    gridAutoFlow?: FlowOptions;
-    /** Size of implicitly-created grid rows */
-    gridAutoRows?: string;
-    /** Named grid areas */
-    gridTemplateAreas?: string;
-    /** Column track sizes */
-    gridTemplateColumns?: string;
-    /** Row track sizes */
-    gridTemplateRows?: string;
-    /** Shorthand for grid-template-rows, grid-template-columns, and grid-template-areas */
-    gridTemplate?: string;
-    /** Whether to use inline-grid instead of grid */
-    inline?: boolean;
-    /** Whether to collapse to single column on smaller screens */
-    isResponsive?: boolean;
-    /** Alignment of content along the inline axis */
-    justifyContent?: ContentOptions;
-    /** Alignment of items along the inline axis */
-    justifyItems?: ItemsOptions;
-    /** Gap between rows */
-    rowGap?: GapOptions;
-    /** Height of the container */
-    height?: string;
-    /** Maximum height of the container */
-    maxHeight?: string;
-    /** Minimum height of the container */
-    minHeight?: string;
-    /** Whether the container should fill the full width of its parent */
-    fillWidth?: boolean;
-    /** Maximum width of the container */
-    maxWidth?: string;
-    /** Minimum width of the container */
-    minWidth?: string;
-    /** CSS overflow behavior */
-    overflow?: string;
-}
+import { GridContainerProps } from './GridContainer.types';
 type GridContainerPolymorphicComponent = <T extends ElementType = 'div'>(props: Omit<ComponentProps<T>, keyof GridContainerProps<T>> & GridContainerProps<T>) => ReactNode;
 export declare const GridContainer: GridContainerPolymorphicComponent;
 export {};

package/dist/types/components/GridContainer/GridContainer.types.d.ts

@@ -4,9 +4,11 @@ type GapOptions = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'u
 type ItemsOptions = 'start' | 'center' | 'end' | 'stretch';
 type ContentOptions = 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'stretch' | 'end' | 'left' | 'right';
 export interface GridContainerProps<T extends ElementType = 'div'> {
+    /** Element or component to render instead of `div`. */
     component?: T;
     alignItems?: ItemsOptions;
     alignContent?: ContentOptions;
+    /** Grid items. */
     children?: React.ReactNode;
     columnGap?: GapOptions;
     gap?: GapOptions;
@@ -17,8 +19,19 @@ export interface GridContainerProps<T extends ElementType = 'div'> {
     gridTemplateColumns?: string;
     gridTemplateRows?: string;
     gridTemplate?: string;
+    /** Uses `inline-grid` instead of `grid`. */
+    inline?: boolean;
+    /** Collapses to one column on screens up to 768px wide. */
+    isResponsive?: boolean;
     justifyContent?: ContentOptions;
     justifyItems?: ItemsOptions;
     rowGap?: GapOptions;
+    height?: string;
+    maxHeight?: string;
+    minHeight?: string;
+    fillWidth?: boolean;
+    maxWidth?: string;
+    minWidth?: string;
+    overflow?: string;
 }
 export {};

package/dist/types/components/HoverCard/HoverCard.d.ts

@@ -1,11 +1,5 @@
-import { ReactNode } from 'react';
+import { HoverCardContentProps } from './HoverCard.types';
 import * as RadixHoverCard from '@radix-ui/react-hover-card';
-export interface HoverCardContentProps extends RadixHoverCard.HoverCardContentProps {
-    showArrow?: boolean;
-    forceMount?: true;
-    container?: HTMLElement | null;
-    children: ReactNode;
-}
 export declare const HoverCard: {
     ({ children, ...props }: RadixHoverCard.HoverCardProps): import("react/jsx-runtime").JSX.Element;
     Trigger: {

package/dist/types/components/IconWrapper/IconWrapper.d.ts

@@ -1,2 +1,2 @@
 import { IconWrapperProps } from './IconWrapper.types';
-export declare const IconWrapper: ({ icon, iconDir, size, width, height, children, ellipsisContent, tooltipProps, gap, isResponsive, ...props }: IconWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconWrapper: ({ icon, iconDir, size, width, height, children, ellipsisContent, tooltipProps, gap, ...props }: IconWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/IconWrapper/IconWrapper.types.d.ts

@@ -14,5 +14,4 @@ export interface IconWrapperProps extends HTMLAttributes<HTMLDivElement> {
     /** Positions the truncation tooltip. Ignored when `ellipsisContent` is `false`. */
     tooltipProps?: EllipsisContentProps['tooltipProps'];
     gap?: GapOptions;
-    isResponsive?: boolean;
 }

package/dist/types/components/Link/Link.d.ts

@@ -1,20 +1,5 @@
-import { ComponentProps, ElementType, ReactEventHandler, ReactNode } from 'react';
-import { IconName } from '../Icon/Icon.types';
-import { TextSize, TextWeight } from '../Text';
-export interface LinkProps<T extends ElementType = 'a'> {
-    /** The font size of the link text */
-    size?: TextSize;
-    /** The font weight of the link text */
-    weight?: TextWeight;
-    /** Click event handler */
-    onClick?: ReactEventHandler;
-    /** The content to display inside the link */
-    children?: React.ReactNode;
-    /** Optional icon to display after the link text */
-    icon?: IconName;
-    /** Custom component to render as the link element */
-    component?: T;
-}
+import { ComponentProps, ElementType, ReactNode } from 'react';
+import { LinkProps } from './Link.types';
 type LinkPolymorphicComponent = <T extends ElementType = 'a'>(props: Omit<ComponentProps<T>, keyof LinkProps<T>> & LinkProps<T>) => ReactNode;
 export declare const Link: LinkPolymorphicComponent;
 export {};

package/dist/types/components/Link/Link.types.d.ts

@@ -5,7 +5,10 @@ export interface LinkProps<T extends ElementType = 'a'> {
     size?: TextSize;
     weight?: TextWeight;
     onClick?: ReactEventHandler;
+    /** Link text. */
     children?: React.ReactNode;
+    /** Icon shown after the text. */
     icon?: IconName;
+    /** Element or component to render instead of `a`. */
     component?: T;
 }

package/dist/types/components/MultiAccordion/MultiAccordion.d.ts

@@ -1,29 +1,9 @@
 import { AssetSize } from '../../types';
 import { IconName } from '../Icon';
 import { ReactElement, ReactNode } from 'react';
-import { GapOptions } from '../Container';
 import { SizeType as SpacerSizeType } from '../Spacer';
+import { Color, MultiAccordionProps } from './MultiAccordion.types';
 import * as RadixAccordion from '@radix-ui/react-accordion';
-type Size = 'none' | 'sm' | 'md' | 'lg';
-type Color = 'default' | 'link';
-type MarkAsCompletedFunctionType = (value: string) => void | Promise<void>;
-interface MultiAccordionCommonProps {
-    /** The accordion items to render */
-    children: React.ReactNode;
-    /** The size variant of the accordion */
-    size?: Size;
-    /** Whether the accordion should fill the full width of its container */
-    fillWidth?: boolean;
-    /** The gap between accordion items */
-    gap?: GapOptions;
-    /** Whether to show a border around each accordion item */
-    showBorder?: boolean;
-    /** Whether to show a check/completion indicator on items */
-    showCheck?: boolean;
-    /** Callback function to mark an item as completed */
-    markAsCompleted?: MarkAsCompletedFunctionType;
-}
-export type MultiAccordionProps = MultiAccordionCommonProps & (Omit<RadixAccordion.AccordionMultipleProps, 'children'> | Omit<RadixAccordion.AccordionSingleProps, 'children'>);
 export declare const MultiAccordion: {
     ({ size, children, fillWidth, showCheck, showBorder, gap, markAsCompleted, className, ...delegated }: MultiAccordionProps): import("react/jsx-runtime").JSX.Element;
     Item: {
@@ -32,17 +12,14 @@ export declare const MultiAccordion: {
     };
 };
 interface MultiAccordionItemProps extends Omit<RadixAccordion.AccordionItemProps, 'title'> {
-    /** The title text or element displayed in the accordion item header */
+    /** Header content. */
     title: ReactNode;
-    /** The color variant of the item */
     color?: Color;
-    /** Optional icon to display next to the title */
+    /** Icon shown next to the title. */
     icon?: IconName;
-    /** Size of the optional icon */
     iconSize?: AssetSize;
-    /** Gap size between the header and content */
+    /** Space between the header and the content. */
     gap?: SpacerSizeType;
-    /** Whether this item is marked as completed */
     isCompleted?: boolean;
 }
 export {};

package/dist/types/components/MultiAccordion/MultiAccordion.types.d.ts

@@ -2,14 +2,20 @@ import { GapOptions } from '../Container';
 import * as RadixAccordion from '@radix-ui/react-accordion';
 export type Size = 'none' | 'sm' | 'md' | 'lg';
 export type Color = 'default' | 'link';
+export type MarkAsCompletedFunctionType = (value: string) => void | Promise<void>;
 interface MultiAccordionCommonProps {
+    /** `MultiAccordion.Item` elements. */
     children: React.ReactNode;
     size?: Size;
     fillWidth?: boolean;
+    /** Space between items. */
     gap?: GapOptions;
+    /** Shows a border around each item. */
     showBorder?: boolean;
+    /** Shows a completion check on each item. */
     showCheck?: boolean;
-    markAsCompleted?: (value: string) => void | Promise<void>;
+    /** Called with an item's `value` when its check is clicked. */
+    markAsCompleted?: MarkAsCompletedFunctionType;
 }
 export type MultiAccordionProps = MultiAccordionCommonProps & (Omit<RadixAccordion.AccordionMultipleProps, 'children'> | Omit<RadixAccordion.AccordionSingleProps, 'children'>);
 export {};

package/dist/types/components/Pagination/Pagination.d.ts

@@ -1,31 +1,3 @@
-import { FocusEventHandler, MouseEventHandler, ReactElement } from 'react';
-import { ContainerProps } from '../Container';
-export interface PaginationProps extends Omit<ContainerProps<'div'>, 'children' | 'onChange'> {
-    /** Total number of pages available */
-    totalPages?: number;
-    /** The currently selected page number */
-    currentPage: number;
-    /** List of options for rows per page dropdown */
-    maxRowsPerPageList?: number[];
-    /** Total row count to display */
-    rowCount?: number | string;
-    /** Callback when page number changes */
-    onChange: (pageNumber: number) => void;
-    /** Callback when page size changes */
-    onPageSizeChange?: (pageNumber: number) => void;
-    /** Current page size/rows per page */
-    pageSize?: number;
-    /** Callback when next page button is clicked */
-    onNextPageClick?: MouseEventHandler<HTMLButtonElement>;
-    /** Callback when previous page button is clicked */
-    onPrevPageClick?: MouseEventHandler<HTMLButtonElement>;
-    /** Callback when page number input receives focus */
-    onPageNumberFocus?: FocusEventHandler<HTMLInputElement>;
-    /** Callback when page number input loses focus */
-    onPageNumberBlur?: FocusEventHandler<HTMLInputElement>;
-    /** Whether to disable the next page button */
-    disableNextButton?: boolean;
-    /** Whether to show "All rows" option in the dropdown */
-    allowAllRows?: boolean;
-}
+import { ReactElement } from 'react';
+import { PaginationProps } from './Pagination.types';
 export declare const Pagination: ({ totalPages, currentPage, maxRowsPerPageList, rowCount, onChange: onChangeProp, onPageSizeChange: onPageSizeChangeProp, pageSize, fillWidth, gap, justifyContent, onNextPageClick, onPrevPageClick, onPageNumberFocus, onPageNumberBlur, disableNextButton, allowAllRows, ...props }: PaginationProps) => ReactElement;

package/dist/types/components/Pagination/Pagination.types.d.ts

@@ -3,9 +3,12 @@ import { ContainerProps } from '../Container';
 export interface PaginationProps extends Omit<ContainerProps<'div'>, 'children' | 'onChange'> {
     totalPages?: number;
     currentPage: number;
+    /** Options for the rows-per-page select. */
     maxRowsPerPageList?: Array<number>;
+    /** Total row count, shown as "N rows". */
     rowCount?: number | string;
     onChange: (pageNumber: number) => void;
+    /** Called with the new page size. */
     onPageSizeChange?: (pageNumber: number) => void;
     pageSize?: number;
     onNextPageClick?: MouseEventHandler<HTMLButtonElement>;
@@ -13,5 +16,6 @@ export interface PaginationProps extends Omit<ContainerProps<'div'>, 'children'
     onPageNumberFocus?: FocusEventHandler<HTMLInputElement>;
     onPageNumberBlur?: FocusEventHandler<HTMLInputElement>;
     disableNextButton?: boolean;
+    /** Adds an "All rows" option to the rows-per-page select. */
     allowAllRows?: boolean;
 }

package/dist/types/components/ProgressBar/ProgressBar.d.ts

@@ -1,2 +1,2 @@
 import { ProgressBarProps } from './ProgressBar.types';
-export declare const ProgressBar: ({ progress, type, dismissable, onCancel, successMessage, orientation, dir, className, style, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ progress, type, dismissable, onCancel, successMessage, orientation, dir, className, style, label, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;