@feugene/granularity 0.5.0 → 0.6.2

package/dist/chunks/{granularityI18n-GCqUz_lo.js.map → granularityI18n-Dm4DuCS9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"granularityI18n-GCqUz_lo.js","names":[],"sources":["../../src/internal/granularityI18n.ts"],"sourcesContent":["import { getCurrentInstance, inject, type AppContext } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../i18n/adapter'\n\nexport type GranularityI18nLike = GranularityI18nAdapter\n\nfunction isGranularityI18nLike(value: unknown): value is GranularityI18nLike {\n  return typeof (value as GranularityI18nLike | null)?.t === 'function'\n}\n\nexport function resolveGranularityI18n(context?: AppContext | GranularityI18nLike | null): GranularityI18nLike | null {\n  if (isGranularityI18nLike(context)) {\n    return context\n  }\n\n  const provides = context?.provides\n\n  if (provides) {\n    return provides[GRANULARITY_I18N_KEY as symbol] as GranularityI18nLike | null\n  }\n\n  return getCurrentInstance() ? inject(GRANULARITY_I18N_KEY, null) : null\n}\n\nexport function useGranularityTranslations(context?: AppContext | GranularityI18nLike | null) {\n  const i18n = resolveGranularityI18n(context)\n\n  const t = (key: string, fallback: string, params?: Record<string, any>): string => {\n    if (!i18n) {\n      return fallback\n    }\n\n    const result = i18n.t(key, params)\n    return result === key ? fallback : result\n  }\n\n  return {\n    i18n,\n    t,\n  }\n}"],"mappings":";;;AAMA,SAAS,sBAAsB,OAA8C;AAC3E,QAAO,OAAQ,OAAsC,MAAM;;AAG7D,SAAgB,uBAAuB,SAA+E;AACpH,KAAI,sBAAsB,QAAQ,CAChC,QAAO;CAGT,MAAM,WAAW,SAAS;AAE1B,KAAI,SACF,QAAO,SAAS;AAGlB,QAAO,oBAAoB,GAAG,OAAO,sBAAsB,KAAK,GAAG;;AAGrE,SAAgB,2BAA2B,SAAmD;CAC5F,MAAM,OAAO,uBAAuB,QAAQ;CAE5C,MAAM,KAAK,KAAa,UAAkB,WAAyC;AACjF,MAAI,CAAC,KACH,QAAO;EAGT,MAAM,SAAS,KAAK,EAAE,KAAK,OAAO;AAClC,SAAO,WAAW,MAAM,WAAW;;AAGrC,QAAO;EACL;EACA;EACD"}
+{"version":3,"file":"granularityI18n-Dm4DuCS9.js","names":[],"sources":["../../src/internal/granularityI18n.ts"],"sourcesContent":["import { getCurrentInstance, inject, type AppContext } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../i18n/adapter'\n\nexport type GranularityI18nLike = GranularityI18nAdapter\n\nfunction isGranularityI18nLike(value: unknown): value is GranularityI18nLike {\n  return typeof (value as GranularityI18nLike | null)?.t === 'function'\n}\n\nexport function resolveGranularityI18n(context?: AppContext | GranularityI18nLike | null): GranularityI18nLike | null {\n  if (isGranularityI18nLike(context)) {\n    return context\n  }\n\n  const provides = context?.provides\n\n  if (provides) {\n    return provides[GRANULARITY_I18N_KEY as symbol] as GranularityI18nLike | null\n  }\n\n  return getCurrentInstance() ? inject(GRANULARITY_I18N_KEY, null) : null\n}\n\nexport function useGranularityTranslations(context?: AppContext | GranularityI18nLike | null) {\n  const i18n = resolveGranularityI18n(context)\n\n  const t = (key: string, fallback: string, params?: Record<string, any>): string => {\n    if (!i18n) {\n      return fallback\n    }\n\n    const result = i18n.t(key, params)\n    return result === key ? fallback : result\n  }\n\n  return {\n    i18n,\n    t,\n  }\n}"],"mappings":";;;AAMA,SAAS,sBAAsB,OAA8C;AAC3E,QAAO,OAAQ,OAAsC,MAAM;;AAG7D,SAAgB,uBAAuB,SAA+E;AACpH,KAAI,sBAAsB,QAAQ,CAChC,QAAO;CAGT,MAAM,WAAW,SAAS;AAE1B,KAAI,SACF,QAAO,SAAS;AAGlB,QAAO,oBAAoB,GAAG,OAAO,sBAAsB,KAAK,GAAG;;AAGrE,SAAgB,2BAA2B,SAAmD;CAC5F,MAAM,OAAO,uBAAuB,QAAQ;CAE5C,MAAM,KAAK,KAAa,UAAkB,WAAyC;AACjF,MAAI,CAAC,KACH,QAAO;EAGT,MAAM,SAAS,KAAK,EAAE,KAAK,OAAO;AAClC,SAAO,WAAW,MAAM,WAAW;;AAGrC,QAAO;EACL;EACA;EACD"}

package/dist/chunks/{ru-Dqh-2C00.js.map → ru-DKswMSdd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ru-Dqh-2C00.js","names":[],"sources":["../../src/i18n/locales/ru.json"],"sourcesContent":["{\n  \"common\": {\n    \"confirm\": \"Подтвердить\",\n    \"cancel\": \"Отмена\",\n    \"add\": \"Добавить\",\n    \"clear\": \"Очистить\",\n    \"close\": \"Закрыть\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Загрузка...\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Поиск…\",\n    \"empty\": \"Нет данных\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Подтверждение\"\n    },\n    \"prompt\": {\n      \"title\": \"Введите значение\",\n      \"label\": \"Значение\",\n      \"required\": \"Введите значение.\"\n    }\n  },\n  \"pagination\": {\n    \"pageSize\": \"Размер страницы\",\n    \"prev\": \"Назад\",\n    \"next\": \"Вперёд\"\n  },\n  \"navbar\": {\n    \"openMenu\": \"Открыть меню\"\n  },\n  \"colors\": {\n    \"neutral\": \"Нейтральный\",\n    \"success\": \"Успех\",\n    \"warning\": \"Предупреждение\",\n    \"danger\": \"Опасность\",\n    \"info\": \"Инфо\",\n    \"primary\": \"Primary\",\n    \"slate\": \"Сланцевый\",\n    \"azure\": \"Лазурный\"\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ru-DKswMSdd.js","names":[],"sources":["../../src/i18n/locales/ru.json"],"sourcesContent":["{\n  \"common\": {\n    \"confirm\": \"Подтвердить\",\n    \"cancel\": \"Отмена\",\n    \"add\": \"Добавить\",\n    \"clear\": \"Очистить\",\n    \"close\": \"Закрыть\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Загрузка...\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Поиск…\",\n    \"empty\": \"Нет данных\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Подтверждение\"\n    },\n    \"prompt\": {\n      \"title\": \"Введите значение\",\n      \"label\": \"Значение\",\n      \"required\": \"Введите значение.\"\n    }\n  },\n  \"pagination\": {\n    \"pageSize\": \"Размер страницы\",\n    \"prev\": \"Назад\",\n    \"next\": \"Вперёд\"\n  },\n  \"navbar\": {\n    \"openMenu\": \"Открыть меню\"\n  },\n  \"colors\": {\n    \"neutral\": \"Нейтральный\",\n    \"success\": \"Успех\",\n    \"warning\": \"Предупреждение\",\n    \"danger\": \"Опасность\",\n    \"info\": \"Инфо\",\n    \"primary\": \"Primary\",\n    \"slate\": \"Сланцевый\",\n    \"azure\": \"Лазурный\"\n  }\n}\n"],"mappings":""}

package/dist/chunks/{shared-CyCPkimZ.js → shared-DO3Sr5FJ.js}

@@ -16,36 +16,36 @@ import { t as grDrawerConfig } from "./config-DxqpV-KM.js";
 import { t as grDropdownConfig } from "./config-C4AlNm912.js";
 import { t as grDropdownMenuConfig } from "./config-DDEWvph-2.js";
 import { t as grEmptyStateConfig } from "./config-Db4BEG8Y.js";
-import { t as grFileUploadConfig } from "./config-BGmiXpR82.js";
-import { t as grFormFieldConfig } from "./config-Cgk5ti-b.js";
-import { t as grFormFileConfig } from "./config-ndXqsz5A.js";
-import { t as grFormSectionConfig } from "./config-YSOeh6cy.js";
-import { t as grImageViewerConfig } from "./config-BulF0Bf-.js";
-import { t as grInputConfig } from "./config-D19pyP4D.js";
-import { t as grInputTagConfig } from "./config-DgRJlF00.js";
-import { t as grLinkConfig } from "./config-DUtUkSzc.js";
-import { t as grListConfig } from "./config-fCcRwjIB.js";
-import { t as grLoadingConfig } from "./config-BN-B2K4r.js";
-import { t as grModalConfig } from "./config-XwI6t8cn.js";
-import { t as grNavbarConfig } from "./config-BDiLiqSk.js";
-import { t as grNumberInputConfig } from "./config-bpQYM5O-.js";
-import { t as grPaginationConfig } from "./config-BFZN9-vt.js";
-import { t as grProgressBarConfig } from "./config-Da90XGsi.js";
-import { t as grPromptDialogConfig } from "./config-C-GVBa19.js";
-import { t as grRadioConfig } from "./config-DEv4m-ZP.js";
-import { t as grRadioGroupConfig } from "./config-CgjOJ3aF.js";
-import { t as grSegmentedConfig } from "./config-CUgvsjZx.js";
-import { t as grSelectConfig } from "./config-R0jaXatX.js";
-import { t as grSidebarConfig } from "./config-CdHY0Z7L.js";
-import { t as grSkeletonConfig } from "./config-CsMIhZfM.js";
-import { t as grSwitchConfig } from "./config-CM7nbATU2.js";
-import { t as grTableConfig } from "./config-CFcv0hjb.js";
-import { t as grTabsConfig } from "./config-CwLoozAz2.js";
-import { t as grTextareaConfig } from "./config-CWvHiaqr2.js";
-import { t as grToasterConfig } from "./config-BvuQUBtZ.js";
-import { t as grTooltipConfig } from "./config-CA9XwYnZ2.js";
-import { t as grTreeConfig } from "./config-DCQO6H6h.js";
-import { t as grTreeSelectConfig } from "./config-BNOf_qjD.js";
+import { t as grFileUploadConfig } from "./config-CVnluhKO.js";
+import { t as grFormFieldConfig } from "./config-3SftO0uG.js";
+import { t as grFormFileConfig } from "./config-DbqFk-IW.js";
+import { t as grFormSectionConfig } from "./config-D6Af6WZw.js";
+import { t as grImageViewerConfig } from "./config-D98m8iyz.js";
+import { t as grInputConfig } from "./config-CtomKf-k.js";
+import { t as grInputTagConfig } from "./config-Dusr9jcE.js";
+import { t as grLinkConfig } from "./config-CjEplP6D.js";
+import { t as grListConfig } from "./config-C4qAA0Sb.js";
+import { t as grLoadingConfig } from "./config-B44QVIge.js";
+import { t as grModalConfig } from "./config-C5TN9J2Z.js";
+import { t as grNavbarConfig } from "./config-D1DI3roo.js";
+import { t as grNumberInputConfig } from "./config-wo-ncgTH.js";
+import { t as grPaginationConfig } from "./config-DudL02ag.js";
+import { t as grProgressBarConfig } from "./config-ZJVOVgqR.js";
+import { t as grPromptDialogConfig } from "./config-B8rC_K97.js";
+import { t as grRadioConfig } from "./config-BXffa3ta.js";
+import { t as grRadioGroupConfig } from "./config-D27BL0H9.js";
+import { t as grSegmentedConfig } from "./config-BhvNm4Pp.js";
+import { t as grSelectConfig } from "./config-XoANT5mU.js";
+import { t as grSidebarConfig } from "./config-DnsISjD8.js";
+import { t as grSkeletonConfig } from "./config-Mp9DJ9Mq2.js";
+import { t as grSwitchConfig } from "./config-rxFL-6yF2.js";
+import { t as grTableConfig } from "./config-DQOSlWvp.js";
+import { t as grTabsConfig } from "./config-DDLoUczC.js";
+import { t as grTextareaConfig } from "./config-DxqMXzNV2.js";
+import { t as grToasterConfig } from "./config-CxCAfXZ1.js";
+import { t as grTooltipConfig } from "./config-C0rHS1-l.js";
+import { t as grTreeConfig } from "./config-D32znLtV2.js";
+import { t as grTreeSelectConfig } from "./config-C0b_3LJV.js";
 import { defineGranularComponent, defineGranularProvider } from "@feugene/unocss-preset-granular/contract";
 //#region src/components/GrDialog/config.ts
 var grDialogConfig = defineGranularComponent(import.meta.url, {

package/dist/chunks/{shared-CyCPkimZ.js.map → shared-DO3Sr5FJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shared-CyCPkimZ.js","names":[],"sources":["../../src/components/GrDialog/config.ts","../../src/granular-provider/shared.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grDialogSafelist } from './safelist'\n\nexport const grDialogConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDialog',\n  dependencies: ['GrButton', 'GrModal'],\n  safelist: grDialogSafelist,\n})\n","// Общий код browser- и node-entry granular-provider'а.\n//\n// Оба entry (`./index.ts`, `./node.ts`) отличаются только списком\n// компонентов, у которых есть node-only вариант конфига (например,\n// `GrButton`, чей `config.node.ts` использует `tokenDefinitionsFromCssSync`\n// и тянет `node:fs`). Browser-вариант таких компонентов берёт облегчённый\n// `./config.ts`, node-вариант — `./config.node.ts`. Всё остальное — `id`,\n// `theme.*`, `packageBaseUrl` и полный список browser-safe компонентов —\n// живёт здесь.\n//\n// ВАЖНО: все `new URL('../styles/...', import.meta.url)` намеренно находятся\n// здесь — `shared.ts` лежит в той же директории, что и `index.ts` / `node.ts`,\n// поэтому относительные пути идентичны. Это ОК для браузера: бандлеры\n// транслируют такие конструкции в статические asset-URL и `node:*` в бандл\n// не утаскивают.\n//\n// Ключи записи `<Name>: ds<Name>Config` в `granularityComponentConfigs`\n// критичны для regex‑парсинга в `apps/showcase/scripts/generate-component-api.mjs`,\n// не ломайте формат.\nimport {\n  defineGranularProvider,\n  type GranularComponentDescriptor,\n  type GranularProvider,\n} from '@feugene/unocss-preset-granular/contract'\nimport { grAlertConfig } from '../components/GrAlert/config'\nimport { grAvatarConfig } from '../components/GrAvatar/config'\nimport { grBadgeConfig } from '../components/GrBadge/config'\nimport { grBadgeWrapConfig } from '../components/GrBadgeWrap/config'\nimport { grBottomNavConfig } from '../components/GrBottomNav/config'\nimport { grButtonConfig } from '../components/GrButton/config'\nimport { grButtonGroupConfig } from '../components/GrButtonGroup/config'\nimport { grCardConfig } from '../components/GrCard/config'\nimport { grCheckboxConfig } from '../components/GrCheckbox/config'\nimport { grCollapseConfig } from '../components/GrCollapse/config'\nimport { grConfirmDialogConfig } from '../components/GrConfirmDialog/config'\nimport { grDataTableConfig } from '../components/GrDataTable/config'\nimport { grDialogConfig } from '../components/GrDialog/config'\nimport { grDrawerConfig } from '../components/GrDrawer/config'\nimport { grDropdownConfig } from '../components/GrDropdown/config'\nimport { grDropdownMenuConfig } from '../components/GrDropdownMenu/config'\nimport { grEmptyStateConfig } from '../components/GrEmptyState/config'\nimport { grFileUploadConfig } from '../components/GrFileUpload/config'\nimport { grFormFieldConfig } from '../components/GrFormField/config'\nimport { grFormFileConfig } from '../components/GrFormFile/config'\nimport { grFormSectionConfig } from '../components/GrFormSection/config'\nimport { grIconConfig } from '../components/GrIcon/config'\nimport { grImageViewerConfig } from '../components/GrImageViewer/config'\nimport { grInputConfig } from '../components/GrInput/config'\nimport { grInputTagConfig } from '../components/GrInputTag/config'\nimport { grLinkConfig } from '../components/GrLink/config'\nimport { grListConfig } from '../components/GrList/config'\nimport { grLoadingConfig } from '../components/GrLoading/config'\nimport { grModalConfig } from '../components/GrModal/config'\nimport { grNavbarConfig } from '../components/GrNavbar/config'\nimport { grNumberInputConfig } from '../components/GrNumberInput/config'\nimport { grPaginationConfig } from '../components/GrPagination/config'\nimport { grProgressBarConfig } from '../components/GrProgressBar/config'\nimport { grPromptDialogConfig } from '../components/GrPromptDialog/config'\nimport { grRadioConfig } from '../components/GrRadio/config'\nimport { grRadioGroupConfig } from '../components/GrRadioGroup/config'\nimport { grSegmentedConfig } from '../components/GrSegmented/config'\nimport { grSelectConfig } from '../components/GrSelect/config'\nimport { grSidebarConfig } from '../components/GrSidebar/config'\nimport { grSkeletonConfig } from '../components/GrSkeleton/config'\nimport { grSwitchConfig } from '../components/GrSwitch/config'\nimport { grTableConfig } from '../components/GrTable/config'\nimport { grTabsConfig } from '../components/GrTabs/config'\nimport { grTextareaConfig } from '../components/GrTextarea/config'\nimport { grToasterConfig } from '../components/GrToaster/config'\nimport { grTooltipConfig } from '../components/GrTooltip/config'\nimport { grTreeConfig } from '../components/GrTree/config'\nimport { grTreeSelectConfig } from '../components/GrTreeSelect/config'\n\n/** Идентификатор провайдера — совпадает с именем пакета. */\nexport const GRANULARITY_PROVIDER_ID = '@feugene/granularity'\n\n// runtime-concat: литерал `new URL('..', import.meta.url)` rolldown заменяет\n// на `data:`-URL, поэтому собираем корень пакета из `import.meta.url` вручную\n// (отрезая два последних сегмента: имя файла и каталог `granular-provider/`).\nconst packageBaseUrl = `${import.meta.url.slice(\n  0,\n  import.meta.url.lastIndexOf('/', import.meta.url.lastIndexOf('/') - 1) + 1,\n)}`\n\n/** Встроенные темы пакета. Единственный источник правды о списке тем. */\nexport const granularityThemeNames = ['light', 'dark'] as const\nexport type GranularityThemeName = (typeof granularityThemeNames)[number]\n\n/** Темы, активные по умолчанию, если окружение не переопределяет выбор. */\nexport const granularityDefaultThemes: readonly GranularityThemeName[] = ['light']\n\nconst theme = {\n  baseCssUrl: new URL('../styles/base.css', import.meta.url).href,\n  tokensCssUrl: new URL('../styles/tokens.css', import.meta.url).href,\n  themes: {\n    light: new URL('../styles/themes/light.css', import.meta.url).href,\n    dark: new URL('../styles/themes/dark.css', import.meta.url).href,\n  },\n  defaultThemes: granularityDefaultThemes,\n} as const\n\n/**\n * Полный реестр публичных компонентов пакета `@feugene/granularity`.\n *\n * Ключи — имена компонентов (совпадают с публичным subpath‑экспортом\n * `@feugene/granularity/components/<Name>`). Значения — browser‑safe\n * `ds<Name>Config` из `./config.ts` рядом с SFC.\n *\n * Для компонентов, у которых есть node-only вариант конфига\n * (например, `GrButton` с `tokenDefinitionsFromCssSync`), browser‑конфиг\n * остаётся здесь, а node‑вариант подставляется снаружи через\n * `createGranularityProvider(overrides)` — см. `./index.ts` (browser)\n * и `./node.ts` (node).\n *\n * Формат записи `<Name>: ds<Name>Config` критичен для regex‑парсинга\n * в `apps/showcase/scripts/generate-component-api.mjs`, не ломайте его.\n */\nexport const granularityComponentConfigs = {\n  GrAlert: grAlertConfig,\n  GrAvatar: grAvatarConfig,\n  GrBadge: grBadgeConfig,\n  GrBadgeWrap: grBadgeWrapConfig,\n  GrBottomNav: grBottomNavConfig,\n  GrButton: grButtonConfig,\n  GrButtonGroup: grButtonGroupConfig,\n  GrCard: grCardConfig,\n  GrCheckbox: grCheckboxConfig,\n  GrCollapse: grCollapseConfig,\n  GrConfirmDialog: grConfirmDialogConfig,\n  GrDataTable: grDataTableConfig,\n  GrDialog: grDialogConfig,\n  GrDrawer: grDrawerConfig,\n  GrDropdown: grDropdownConfig,\n  GrDropdownMenu: grDropdownMenuConfig,\n  GrEmptyState: grEmptyStateConfig,\n  GrFileUpload: grFileUploadConfig,\n  GrFormField: grFormFieldConfig,\n  GrFormFile: grFormFileConfig,\n  GrFormSection: grFormSectionConfig,\n  GrIcon: grIconConfig,\n  GrImageViewer: grImageViewerConfig,\n  GrInput: grInputConfig,\n  GrInputTag: grInputTagConfig,\n  GrLink: grLinkConfig,\n  GrList: grListConfig,\n  GrLoading: grLoadingConfig,\n  GrModal: grModalConfig,\n  GrNavbar: grNavbarConfig,\n  GrNumberInput: grNumberInputConfig,\n  GrPagination: grPaginationConfig,\n  GrProgressBar: grProgressBarConfig,\n  GrPromptDialog: grPromptDialogConfig,\n  GrRadio: grRadioConfig,\n  GrRadioGroup: grRadioGroupConfig,\n  GrSegmented: grSegmentedConfig,\n  GrSelect: grSelectConfig,\n  GrSidebar: grSidebarConfig,\n  GrSkeleton: grSkeletonConfig,\n  GrSwitch: grSwitchConfig,\n  GrTable: grTableConfig,\n  GrTabs: grTabsConfig,\n  GrTextarea: grTextareaConfig,\n  GrToaster: grToasterConfig,\n  GrTooltip: grTooltipConfig,\n  GrTree: grTreeConfig,\n  GrTreeSelect: grTreeSelectConfig,\n}\n\nexport type GranularityComponentName = keyof typeof granularityComponentConfigs\n\n/** Базовый (browser-safe) набор компонентов в порядке реестра. */\nconst baseComponents: readonly GranularComponentDescriptor[] = Object.values(\n  granularityComponentConfigs,\n)\n\n/**\n * Собирает granular-provider пакета `@feugene/granularity`.\n *\n * Принимает массив `GranularComponentDescriptor`'ов — это компоненты,\n * у которых есть node-only вариант конфига (например, `GrButton` с\n * `tokenDefinitionsFromCssSync`). Дескрипторы с именем, которое уже\n * присутствует в базовом наборе, переопределяют его (побеждает\n * переданный снаружи), остальные — добавляются в конец списка.\n */\nexport function createGranularityProvider(\n  overrides: readonly GranularComponentDescriptor[] = [],\n): GranularProvider {\n  const overrideByName = new Map(\n    overrides.map(component => [component.name, component]),\n  )\n  const components: GranularComponentDescriptor[] = [\n    ...baseComponents.map(component => overrideByName.get(component.name) ?? component),\n    ...overrides.filter(component => !baseComponents.some(base => base.name === component.name)),\n  ]\n\n  return defineGranularProvider({\n    id: GRANULARITY_PROVIDER_ID,\n    contractVersion: 1,\n    packageBaseUrl,\n    components,\n    theme,\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,UAAU;CACrC,UAAU;CACX,CAAC;;;;ACkEF,IAAa,0BAA0B;AAKvC,IAAM,iBAAiB,GAAG,OAAO,KAAK,IAAI,MACxC,GACA,OAAO,KAAK,IAAI,YAAY,KAAK,OAAO,KAAK,IAAI,YAAY,IAAI,GAAG,EAAE,GAAG,EAC1E;;AAGD,IAAa,wBAAwB,CAAC,SAAS,OAAO;;AAItD,IAAa,2BAA4D,CAAC,QAAQ;AAElF,IAAM,QAAQ;CACZ,YAAY,IAAA,IAAA,i2BAAA,KAAA,OAAA,KAAA,IAA8C,CAAC;CAC3D,cAAc,IAAA,IAAA,iuKAAA,KAAA,OAAA,KAAA,IAAgD,CAAC;CAC/D,QAAQ;EACN,OAAO,IAAA,IAAA,qrGAAA,KAAA,OAAA,KAAA,IAAsD,CAAC;EAC9D,MAAM,IAAA,IAAA,qxGAAA,KAAA,OAAA,KAAA,IAAqD,CAAC;EAC7D;CACD,eAAe;CAChB;;;;;;;;;;;;;;;;;AAkBD,IAAa,8BAA8B;CACzC,SAAS;CACT,UAAU;CACV,SAAS;CACT,aAAa;CACb,aAAa;CACb,UAAU;CACV,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,UAAU;CACV,UAAU;CACV,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,cAAc;CACd,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAQ;CACR,eAAe;CACf,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,SAAS;CACT,cAAc;CACd,aAAa;CACb,UAAU;CACV,WAAW;CACX,YAAY;CACZ,UAAU;CACV,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,WAAW;CACX,WAAW;CACX,QAAQ;CACR,cAAc;CACf;;AAKD,IAAM,iBAAyD,OAAO,OACpE,4BACD;;;;;;;;;;AAWD,SAAgB,0BACd,YAAoD,EAAE,EACpC;CAClB,MAAM,iBAAiB,IAAI,IACzB,UAAU,KAAI,cAAa,CAAC,UAAU,MAAM,UAAU,CAAC,CACxD;AAMD,QAAO,uBAAuB;EAC5B,IAAI;EACJ,iBAAiB;EACjB;EACA,YATgD,CAChD,GAAG,eAAe,KAAI,cAAa,eAAe,IAAI,UAAU,KAAK,IAAI,UAAU,EACnF,GAAG,UAAU,QAAO,cAAa,CAAC,eAAe,MAAK,SAAQ,KAAK,SAAS,UAAU,KAAK,CAAC,CAC7F;EAOC;EACD,CAAC"}
+{"version":3,"file":"shared-DO3Sr5FJ.js","names":[],"sources":["../../src/components/GrDialog/config.ts","../../src/granular-provider/shared.ts"],"sourcesContent":["import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grDialogSafelist } from './safelist'\n\nexport const grDialogConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDialog',\n  dependencies: ['GrButton', 'GrModal'],\n  safelist: grDialogSafelist,\n})\n","// Общий код browser- и node-entry granular-provider'а.\n//\n// Оба entry (`./index.ts`, `./node.ts`) отличаются только списком\n// компонентов, у которых есть node-only вариант конфига (например,\n// `GrButton`, чей `config.node.ts` использует `tokenDefinitionsFromCssSync`\n// и тянет `node:fs`). Browser-вариант таких компонентов берёт облегчённый\n// `./config.ts`, node-вариант — `./config.node.ts`. Всё остальное — `id`,\n// `theme.*`, `packageBaseUrl` и полный список browser-safe компонентов —\n// живёт здесь.\n//\n// ВАЖНО: все `new URL('../styles/...', import.meta.url)` намеренно находятся\n// здесь — `shared.ts` лежит в той же директории, что и `index.ts` / `node.ts`,\n// поэтому относительные пути идентичны. Это ОК для браузера: бандлеры\n// транслируют такие конструкции в статические asset-URL и `node:*` в бандл\n// не утаскивают.\n//\n// Ключи записи `<Name>: ds<Name>Config` в `granularityComponentConfigs`\n// критичны для regex‑парсинга в `apps/showcase/scripts/generate-component-api.mjs`,\n// не ломайте формат.\nimport {\n  defineGranularProvider,\n  type GranularComponentDescriptor,\n  type GranularProvider,\n} from '@feugene/unocss-preset-granular/contract'\nimport { grAlertConfig } from '../components/GrAlert/config'\nimport { grAvatarConfig } from '../components/GrAvatar/config'\nimport { grBadgeConfig } from '../components/GrBadge/config'\nimport { grBadgeWrapConfig } from '../components/GrBadgeWrap/config'\nimport { grBottomNavConfig } from '../components/GrBottomNav/config'\nimport { grButtonConfig } from '../components/GrButton/config'\nimport { grButtonGroupConfig } from '../components/GrButtonGroup/config'\nimport { grCardConfig } from '../components/GrCard/config'\nimport { grCheckboxConfig } from '../components/GrCheckbox/config'\nimport { grCollapseConfig } from '../components/GrCollapse/config'\nimport { grConfirmDialogConfig } from '../components/GrConfirmDialog/config'\nimport { grDataTableConfig } from '../components/GrDataTable/config'\nimport { grDialogConfig } from '../components/GrDialog/config'\nimport { grDrawerConfig } from '../components/GrDrawer/config'\nimport { grDropdownConfig } from '../components/GrDropdown/config'\nimport { grDropdownMenuConfig } from '../components/GrDropdownMenu/config'\nimport { grEmptyStateConfig } from '../components/GrEmptyState/config'\nimport { grFileUploadConfig } from '../components/GrFileUpload/config'\nimport { grFormFieldConfig } from '../components/GrFormField/config'\nimport { grFormFileConfig } from '../components/GrFormFile/config'\nimport { grFormSectionConfig } from '../components/GrFormSection/config'\nimport { grIconConfig } from '../components/GrIcon/config'\nimport { grImageViewerConfig } from '../components/GrImageViewer/config'\nimport { grInputConfig } from '../components/GrInput/config'\nimport { grInputTagConfig } from '../components/GrInputTag/config'\nimport { grLinkConfig } from '../components/GrLink/config'\nimport { grListConfig } from '../components/GrList/config'\nimport { grLoadingConfig } from '../components/GrLoading/config'\nimport { grModalConfig } from '../components/GrModal/config'\nimport { grNavbarConfig } from '../components/GrNavbar/config'\nimport { grNumberInputConfig } from '../components/GrNumberInput/config'\nimport { grPaginationConfig } from '../components/GrPagination/config'\nimport { grProgressBarConfig } from '../components/GrProgressBar/config'\nimport { grPromptDialogConfig } from '../components/GrPromptDialog/config'\nimport { grRadioConfig } from '../components/GrRadio/config'\nimport { grRadioGroupConfig } from '../components/GrRadioGroup/config'\nimport { grSegmentedConfig } from '../components/GrSegmented/config'\nimport { grSelectConfig } from '../components/GrSelect/config'\nimport { grSidebarConfig } from '../components/GrSidebar/config'\nimport { grSkeletonConfig } from '../components/GrSkeleton/config'\nimport { grSwitchConfig } from '../components/GrSwitch/config'\nimport { grTableConfig } from '../components/GrTable/config'\nimport { grTabsConfig } from '../components/GrTabs/config'\nimport { grTextareaConfig } from '../components/GrTextarea/config'\nimport { grToasterConfig } from '../components/GrToaster/config'\nimport { grTooltipConfig } from '../components/GrTooltip/config'\nimport { grTreeConfig } from '../components/GrTree/config'\nimport { grTreeSelectConfig } from '../components/GrTreeSelect/config'\n\n/** Идентификатор провайдера — совпадает с именем пакета. */\nexport const GRANULARITY_PROVIDER_ID = '@feugene/granularity'\n\n// runtime-concat: литерал `new URL('..', import.meta.url)` rolldown заменяет\n// на `data:`-URL, поэтому собираем корень пакета из `import.meta.url` вручную\n// (отрезая два последних сегмента: имя файла и каталог `granular-provider/`).\nconst packageBaseUrl = `${import.meta.url.slice(\n  0,\n  import.meta.url.lastIndexOf('/', import.meta.url.lastIndexOf('/') - 1) + 1,\n)}`\n\n/** Встроенные темы пакета. Единственный источник правды о списке тем. */\nexport const granularityThemeNames = ['light', 'dark'] as const\nexport type GranularityThemeName = (typeof granularityThemeNames)[number]\n\n/** Темы, активные по умолчанию, если окружение не переопределяет выбор. */\nexport const granularityDefaultThemes: readonly GranularityThemeName[] = ['light']\n\nconst theme = {\n  baseCssUrl: new URL('../styles/base.css', import.meta.url).href,\n  tokensCssUrl: new URL('../styles/tokens.css', import.meta.url).href,\n  themes: {\n    light: new URL('../styles/themes/light.css', import.meta.url).href,\n    dark: new URL('../styles/themes/dark.css', import.meta.url).href,\n  },\n  defaultThemes: granularityDefaultThemes,\n} as const\n\n/**\n * Полный реестр публичных компонентов пакета `@feugene/granularity`.\n *\n * Ключи — имена компонентов (совпадают с публичным subpath‑экспортом\n * `@feugene/granularity/components/<Name>`). Значения — browser‑safe\n * `ds<Name>Config` из `./config.ts` рядом с SFC.\n *\n * Для компонентов, у которых есть node-only вариант конфига\n * (например, `GrButton` с `tokenDefinitionsFromCssSync`), browser‑конфиг\n * остаётся здесь, а node‑вариант подставляется снаружи через\n * `createGranularityProvider(overrides)` — см. `./index.ts` (browser)\n * и `./node.ts` (node).\n *\n * Формат записи `<Name>: ds<Name>Config` критичен для regex‑парсинга\n * в `apps/showcase/scripts/generate-component-api.mjs`, не ломайте его.\n */\nexport const granularityComponentConfigs = {\n  GrAlert: grAlertConfig,\n  GrAvatar: grAvatarConfig,\n  GrBadge: grBadgeConfig,\n  GrBadgeWrap: grBadgeWrapConfig,\n  GrBottomNav: grBottomNavConfig,\n  GrButton: grButtonConfig,\n  GrButtonGroup: grButtonGroupConfig,\n  GrCard: grCardConfig,\n  GrCheckbox: grCheckboxConfig,\n  GrCollapse: grCollapseConfig,\n  GrConfirmDialog: grConfirmDialogConfig,\n  GrDataTable: grDataTableConfig,\n  GrDialog: grDialogConfig,\n  GrDrawer: grDrawerConfig,\n  GrDropdown: grDropdownConfig,\n  GrDropdownMenu: grDropdownMenuConfig,\n  GrEmptyState: grEmptyStateConfig,\n  GrFileUpload: grFileUploadConfig,\n  GrFormField: grFormFieldConfig,\n  GrFormFile: grFormFileConfig,\n  GrFormSection: grFormSectionConfig,\n  GrIcon: grIconConfig,\n  GrImageViewer: grImageViewerConfig,\n  GrInput: grInputConfig,\n  GrInputTag: grInputTagConfig,\n  GrLink: grLinkConfig,\n  GrList: grListConfig,\n  GrLoading: grLoadingConfig,\n  GrModal: grModalConfig,\n  GrNavbar: grNavbarConfig,\n  GrNumberInput: grNumberInputConfig,\n  GrPagination: grPaginationConfig,\n  GrProgressBar: grProgressBarConfig,\n  GrPromptDialog: grPromptDialogConfig,\n  GrRadio: grRadioConfig,\n  GrRadioGroup: grRadioGroupConfig,\n  GrSegmented: grSegmentedConfig,\n  GrSelect: grSelectConfig,\n  GrSidebar: grSidebarConfig,\n  GrSkeleton: grSkeletonConfig,\n  GrSwitch: grSwitchConfig,\n  GrTable: grTableConfig,\n  GrTabs: grTabsConfig,\n  GrTextarea: grTextareaConfig,\n  GrToaster: grToasterConfig,\n  GrTooltip: grTooltipConfig,\n  GrTree: grTreeConfig,\n  GrTreeSelect: grTreeSelectConfig,\n}\n\nexport type GranularityComponentName = keyof typeof granularityComponentConfigs\n\n/** Базовый (browser-safe) набор компонентов в порядке реестра. */\nconst baseComponents: readonly GranularComponentDescriptor[] = Object.values(\n  granularityComponentConfigs,\n)\n\n/**\n * Собирает granular-provider пакета `@feugene/granularity`.\n *\n * Принимает массив `GranularComponentDescriptor`'ов — это компоненты,\n * у которых есть node-only вариант конфига (например, `GrButton` с\n * `tokenDefinitionsFromCssSync`). Дескрипторы с именем, которое уже\n * присутствует в базовом наборе, переопределяют его (побеждает\n * переданный снаружи), остальные — добавляются в конец списка.\n */\nexport function createGranularityProvider(\n  overrides: readonly GranularComponentDescriptor[] = [],\n): GranularProvider {\n  const overrideByName = new Map(\n    overrides.map(component => [component.name, component]),\n  )\n  const components: GranularComponentDescriptor[] = [\n    ...baseComponents.map(component => overrideByName.get(component.name) ?? component),\n    ...overrides.filter(component => !baseComponents.some(base => base.name === component.name)),\n  ]\n\n  return defineGranularProvider({\n    id: GRANULARITY_PROVIDER_ID,\n    contractVersion: 1,\n    packageBaseUrl,\n    components,\n    theme,\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,UAAU;CACrC,UAAU;CACX,CAAC;;;;ACkEF,IAAa,0BAA0B;AAKvC,IAAM,iBAAiB,GAAG,OAAO,KAAK,IAAI,MACxC,GACA,OAAO,KAAK,IAAI,YAAY,KAAK,OAAO,KAAK,IAAI,YAAY,IAAI,GAAG,EAAE,GAAG,EAC1E;;AAGD,IAAa,wBAAwB,CAAC,SAAS,OAAO;;AAItD,IAAa,2BAA4D,CAAC,QAAQ;AAElF,IAAM,QAAQ;CACZ,YAAY,IAAA,IAAA,i2BAAA,KAAA,OAAA,KAAA,IAA8C,CAAC;CAC3D,cAAc,IAAA,IAAA,iuKAAA,KAAA,OAAA,KAAA,IAAgD,CAAC;CAC/D,QAAQ;EACN,OAAO,IAAA,IAAA,qrGAAA,KAAA,OAAA,KAAA,IAAsD,CAAC;EAC9D,MAAM,IAAA,IAAA,qxGAAA,KAAA,OAAA,KAAA,IAAqD,CAAC;EAC7D;CACD,eAAe;CAChB;;;;;;;;;;;;;;;;;AAkBD,IAAa,8BAA8B;CACzC,SAAS;CACT,UAAU;CACV,SAAS;CACT,aAAa;CACb,aAAa;CACb,UAAU;CACV,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,aAAa;CACb,UAAU;CACV,UAAU;CACV,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,cAAc;CACd,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAQ;CACR,eAAe;CACf,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,SAAS;CACT,cAAc;CACd,aAAa;CACb,UAAU;CACV,WAAW;CACX,YAAY;CACZ,UAAU;CACV,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,WAAW;CACX,WAAW;CACX,QAAQ;CACR,cAAc;CACf;;AAKD,IAAM,iBAAyD,OAAO,OACpE,4BACD;;;;;;;;;;AAWD,SAAgB,0BACd,YAAoD,EAAE,EACpC;CAClB,MAAM,iBAAiB,IAAI,IACzB,UAAU,KAAI,cAAa,CAAC,UAAU,MAAM,UAAU,CAAC,CACxD;AAMD,QAAO,uBAAuB;EAC5B,IAAI;EACJ,iBAAiB;EACjB;EACA,YATgD,CAChD,GAAG,eAAe,KAAI,cAAa,eAAe,IAAI,UAAU,KAAK,IAAI,UAAU,EACnF,GAAG,UAAU,QAAO,cAAa,CAAC,eAAe,MAAK,SAAQ,KAAK,SAAS,UAAU,KAAK,CAAC,CAC7F;EAOC;EACD,CAAC"}

package/dist/components/GrFileUpload/chunks/{GrFileUpload-u01j9S0t.js → GrFileUpload-DYRERhI2.js}

@@ -1,7 +1,116 @@
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
 import { t as arrow_up_default } from "../../../chunks/arrow-up-DNXrMoAI.js";
 import { l as runFileValidators, u as FileValidationError } from "../../../chunks/fileValidation-CwJA8Vmn.js";
-import { Comment, Fragment, Text, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+import { t as GrProgressBar_default } from "../../GrProgressBar/chunks/GrProgressBar-hQQK8cYh.js";
+import { Comment, Fragment, Text, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, reactive, ref, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+//#region src/components/GrFileUpload/uploadViaXhr.ts
+var GrUploadAbortError = class extends Error {
+	constructor(message = "Upload aborted") {
+		super(message);
+		this.name = "GrUploadAbortError";
+	}
+};
+var GrUploadHttpError = class extends Error {
+	status;
+	payload;
+	constructor(status, payload) {
+		super(`Upload failed with status ${status}`);
+		this.name = "GrUploadHttpError";
+		this.status = status;
+		this.payload = payload;
+	}
+};
+function appendExtraFormData(body, extraData) {
+	if (!extraData) return;
+	for (const [key, value] of Object.entries(extraData)) {
+		if (Array.isArray(value)) {
+			for (const entry of value) body.append(key, entry);
+			continue;
+		}
+		body.append(key, value);
+	}
+}
+function parseResponse(xhr) {
+	const contentType = xhr.getResponseHeader("content-type") ?? "";
+	const raw = xhr.responseText;
+	if (contentType.includes("application/json")) try {
+		return JSON.parse(raw);
+	} catch {
+		return raw;
+	}
+	return raw;
+}
+function uploadViaXhr(options) {
+	const { url, files, name, headers, withCredentials, extraData, signal, onProgress } = options;
+	return new Promise((resolve, reject) => {
+		if (signal.aborted) {
+			reject(new GrUploadAbortError());
+			return;
+		}
+		const body = new FormData();
+		for (const file of files) body.append(name, file);
+		appendExtraFormData(body, extraData);
+		const xhr = new XMLHttpRequest();
+		xhr.open("POST", url, true);
+		xhr.withCredentials = !!withCredentials;
+		if (headers) for (const [key, value] of Object.entries(headers)) xhr.setRequestHeader(key, value);
+		const onAbort = () => {
+			try {
+				xhr.abort();
+			} catch {}
+		};
+		signal.addEventListener("abort", onAbort);
+		const cleanup = () => {
+			signal.removeEventListener("abort", onAbort);
+		};
+		if (onProgress) xhr.upload.addEventListener("progress", (event) => {
+			const indeterminate = !event.lengthComputable;
+			const total = indeterminate ? 0 : event.total;
+			const loaded = indeterminate ? 0 : event.loaded;
+			onProgress({
+				percent: indeterminate || total === 0 ? 0 : Math.min(100, loaded / total * 100),
+				loaded,
+				total,
+				indeterminate
+			});
+		});
+		xhr.addEventListener("load", () => {
+			cleanup();
+			const payload = parseResponse(xhr);
+			const status = xhr.status;
+			if (status >= 200 && status < 300) {
+				if (onProgress) onProgress({
+					percent: 100,
+					loaded: 1,
+					total: 1,
+					indeterminate: false
+				});
+				resolve(payload);
+				return;
+			}
+			reject(new GrUploadHttpError(status, payload));
+		});
+		xhr.addEventListener("error", () => {
+			cleanup();
+			reject(/* @__PURE__ */ new Error("Network error during upload"));
+		});
+		xhr.addEventListener("abort", () => {
+			cleanup();
+			reject(new GrUploadAbortError());
+		});
+		xhr.send(body);
+	});
+}
+//#endregion
+//#region src/components/GrFileUpload/uploadState.ts
+var GR_UPLOAD_STATE_IDLE = Object.freeze({
+	phase: "idle",
+	percent: 0,
+	indeterminate: false,
+	loaded: 0,
+	total: 0
+});
+//#endregion
 //#region src/components/GrFileUpload/GrFileUpload.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"role",
@@ -43,6 +152,12 @@ var _hoisted_9 = {
 };
 var _hoisted_10 = { class: "font-600" };
 var _hoisted_11 = { class: "text-[var(--muted-fg)]" };
+var _hoisted_12 = ["aria-hidden"];
+var _hoisted_13 = { class: "flex items-center gap-2" };
+var _hoisted_14 = {
+	"data-ds-file-upload-progress-text": "",
+	class: "text-[12px] text-[var(--muted-fg)] tabular-nums min-w-[3ch] text-right"
+};
 //#endregion
 //#region src/components/GrFileUpload/GrFileUpload.vue
 var GrFileUpload_default = /* @__PURE__ */ defineComponent({
@@ -85,13 +200,21 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 			type: Function,
 			default: void 0
 		},
-		placeholder: { default: "Drag files here or click to select" }
+		placeholder: { default: "Drag files here or click to select" },
+		showProgress: {
+			type: Boolean,
+			default: true
+		},
+		progressTone: { default: "primary" },
+		progressLabel: { default: "Upload progress" },
+		hideProgressOnSuccess: { default: 800 }
 	},
 	emits: [
 		"success",
 		"error",
 		"progress",
-		"change"
+		"change",
+		"state-change"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
@@ -128,7 +251,63 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 		const isOver = ref(false);
 		let overCounter = 0;
 		const lastFiles = ref([]);
+		const state = reactive({ ...GR_UPLOAD_STATE_IDLE });
 		let activeController = null;
+		let hideSuccessTimer = null;
+		function clearHideSuccessTimer() {
+			if (hideSuccessTimer !== null) {
+				clearTimeout(hideSuccessTimer);
+				hideSuccessTimer = null;
+			}
+		}
+		function assignState(next) {
+			for (const key of Object.keys(state)) delete state[key];
+			Object.assign(state, next);
+			emit("state-change", state);
+		}
+		function setStateIdle() {
+			assignState({ ...GR_UPLOAD_STATE_IDLE });
+		}
+		function setStateUploading(info) {
+			assignState({
+				phase: "uploading",
+				percent: info?.percent ?? 0,
+				indeterminate: info?.indeterminate ?? true,
+				loaded: info?.loaded ?? 0,
+				total: info?.total ?? 0
+			});
+		}
+		function setStateSuccess(info) {
+			assignState({
+				phase: "success",
+				percent: 100,
+				indeterminate: false,
+				loaded: info.loaded,
+				total: info.total
+			});
+		}
+		function setStateError(error) {
+			const prev = state;
+			assignState({
+				phase: "error",
+				percent: prev.phase === "uploading" ? prev.percent : 0,
+				indeterminate: false,
+				loaded: prev.phase === "uploading" ? prev.loaded : 0,
+				total: prev.phase === "uploading" ? prev.total : 0,
+				error
+			});
+		}
+		function handleProgress(info) {
+			if (state.phase !== "uploading") return;
+			assignState({
+				phase: "uploading",
+				percent: info.percent,
+				indeterminate: info.indeterminate,
+				loaded: info.loaded,
+				total: info.total
+			});
+			emit("progress", info.percent, info);
+		}
 		const tabIndex = computed(() => props.disabled ? -1 : 0);
 		const hiddenInputStyle = {
 			position: "fixed",
@@ -158,36 +337,18 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 			if (limit <= 0) return void 0;
 			return Math.floor(limit);
 		}
-		function appendExtraFormData(body, extraData) {
-			if (!extraData) return;
-			for (const [key, value] of Object.entries(extraData)) {
-				if (Array.isArray(value)) {
-					for (const entry of value) body.append(key, entry);
-					continue;
-				}
-				body.append(key, value);
-			}
-		}
 		async function uploadViaAction(files, signal, extraData) {
 			if (!props.action) throw new Error("GrFileUpload: either `action` or `request` must be provided");
-			const body = new FormData();
-			for (const file of files) body.append(props.name, file);
-			appendExtraFormData(body, extraData);
-			const response = await fetch(props.action, {
-				method: "POST",
+			return uploadViaXhr({
+				url: props.action,
+				files,
+				name: props.name,
 				headers: props.headers,
-				body,
+				withCredentials: props.withCredentials,
+				extraData,
 				signal,
-				credentials: props.withCredentials ? "include" : "same-origin"
+				onProgress: handleProgress
 			});
-			const payload = response.headers.get("content-type")?.includes("application/json") ? await response.json() : await response.text();
-			if (!response.ok) {
-				const error = /* @__PURE__ */ new Error(`Upload failed with status ${response.status}`);
-				error.payload = payload;
-				error.status = response.status;
-				throw error;
-			}
-			return payload;
 		}
 		async function runBeforeUpload(files) {
 			if (!props.beforeUpload) return "ok";
@@ -238,17 +399,42 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 				return;
 			}
 			abort();
+			clearHideSuccessTimer();
 			const controller = new AbortController();
 			activeController = controller;
-			emit("progress", 0);
+			setStateUploading();
+			emit("progress", 0, {
+				percent: 0,
+				loaded: 0,
+				total: 0,
+				indeterminate: true
+			});
 			try {
-				emit("success", props.request ? await props.request(valid, {
+				const payload = props.request ? await props.request(valid, {
 					signal: controller.signal,
-					extraData
-				}) : await uploadViaAction(valid, controller.signal, extraData));
+					extraData,
+					onProgress: handleProgress
+				}) : await uploadViaAction(valid, controller.signal, extraData);
+				const finalLoaded = state.phase === "uploading" ? state.total || state.loaded : 0;
+				setStateSuccess({
+					loaded: finalLoaded,
+					total: finalLoaded
+				});
+				emit("success", payload);
 				emit("change", valid);
-				emit("progress", 100);
+				emit("progress", 100, {
+					percent: 100,
+					loaded: finalLoaded,
+					total: finalLoaded,
+					indeterminate: false
+				});
+				if (props.hideProgressOnSuccess && props.hideProgressOnSuccess > 0) hideSuccessTimer = setTimeout(() => {
+					if (state.phase === "success") setStateIdle();
+					hideSuccessTimer = null;
+				}, props.hideProgressOnSuccess);
 			} catch (error) {
+				if (error instanceof GrUploadAbortError) setStateIdle();
+				else setStateError(error);
 				emit("error", error);
 			} finally {
 				if (activeController === controller) activeController = null;
@@ -306,10 +492,22 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 			if (hasCustomUi.value) return;
 			onKeydown(event);
 		}
+		const effectiveProgressTone = computed(() => {
+			if (state.phase === "error") return "danger";
+			if (state.phase === "success") return "success";
+			return props.progressTone;
+		});
+		const progressVisible = computed(() => state.phase !== "idle");
+		const progressPercent = computed(() => state.phase === "uploading" && state.indeterminate ? 0 : state.percent);
+		const progressText = computed(() => {
+			if (state.phase === "uploading" && state.indeterminate) return "";
+			return `${Math.round(progressPercent.value)}%`;
+		});
 		__expose({
 			uploadFiles: handleFiles,
 			abort,
-			openDialog
+			openDialog,
+			state
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -346,7 +544,8 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 				abort,
 				disabled: __props.disabled,
 				files: lastFiles.value,
-				isOver: isOver.value
+				isOver: isOver.value,
+				state
 			}) : (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(GrIcon_default, { class: "h-6 w-6 text-[var(--muted-fg)]" }, {
 				default: withCtx(() => [createVNode(unref(arrow_up_default))]),
 				_: 1
@@ -359,10 +558,32 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 						"data-ds-file-upload-item": "",
 						class: "text-[13px]"
 					}, [createElementVNode("span", _hoisted_10, toDisplayString(file.name), 1), createElementVNode("span", _hoisted_11, " · " + toDisplayString(Math.ceil(file.size / 1024)) + " KB", 1)]);
-				}), 128))])) : createCommentVNode("", true)
+				}), 128))])) : createCommentVNode("", true),
+				__props.showProgress || _ctx.$slots.progress ? renderSlot(_ctx.$slots, "progress", {
+					key: 3,
+					state,
+					percent: state.percent,
+					indeterminate: state.phase === "uploading" && state.indeterminate,
+					phase: state.phase,
+					files: lastFiles.value,
+					abort
+				}, () => [__props.showProgress ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					"data-ds-file-upload-progress": "",
+					class: normalizeClass(["mt-3 transition-opacity duration-150", progressVisible.value ? "opacity-100" : "opacity-0 pointer-events-none"]),
+					"aria-hidden": !progressVisible.value
+				}, [createElementVNode("div", _hoisted_13, [createVNode(GrProgressBar_default, {
+					value: progressPercent.value,
+					tone: effectiveProgressTone.value,
+					"aria-label": __props.progressLabel
+				}, null, 8, [
+					"value",
+					"tone",
+					"aria-label"
+				]), createElementVNode("span", _hoisted_14, toDisplayString(progressText.value), 1)])], 10, _hoisted_12)) : createCommentVNode("", true)]) : createCommentVNode("", true)
 			])]))], 42, _hoisted_1);
 		};
 	}
 });
 //#endregion
-export { GrFileUpload_default as t };
+export { GrUploadHttpError as i, GR_UPLOAD_STATE_IDLE as n, GrUploadAbortError as r, GrFileUpload_default as t };