@feugene/granularity 0.4.0 → 0.4.1

package/dist/components/GrTreeSelect/chunks/GrTreeSelect-DN6XFjOD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrTreeSelect-DN6XFjOD.js","names":["$slots"],"sources":["../../../../src/components/GrTreeSelect/GrTreeSelect.vue","../../../../src/components/GrTreeSelect/GrTreeSelect.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTree, {\n  type GrTreeInstance,\n  type GrTreeKey,\n  type GrTreeNode,\n} from '../GrTree'\nimport type { GrTreeSelectModelValue, GrTreeSelectProps } from './grTreeSelectTypes'\nimport { grTreeSelectClass, grTreeSelectPanelClass } from './grTreeSelectStyles'\n\nconst props = withDefaults(\n  defineProps<GrTreeSelectProps<T>>(),\n  {\n    props: () => ({\n      children: 'children',\n      label: 'label',\n    }),\n    nodeKey: 'id' as any,\n    defaultExpandedKeys: () => [],\n    disabled: false,\n    placeholder: undefined,\n    size: 'md',\n    invalid: false,\n    state: 'default',\n    multiple: false,\n    clearable: false,\n    valueDisplay: 'label',\n    filterable: false,\n    filterPlaceholder: undefined,\n    filterInputmode: undefined,\n    filterNodeMethod: undefined,\n    closeOnSelect: undefined,\n    dropdownMaxHeight: 320,\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrTreeSelectModelValue): void\n  (e: 'change', value: GrTreeSelectModelValue): void\n  (e: 'visibleChange', visible: boolean): void\n  (e: 'clear'): void\n  (e: 'nodeClick', data: T, node: GrTreeNode<T>): void\n}>()\n\ndefineSlots<{\n  /** Рендер значения внутри триггера (вместо дефолтного текста). */\n  value?: (props: { value: GrTreeSelectModelValue; labels: string[]; displayValue: string; pathLabels?: string[] }) => any\n  /** Рендер строки дерева. */\n  node?: (props: { node: GrTreeNode<T>; data: T; selected: boolean }) => any\n  /** Содержимое пустого состояния (когда нет данных). */\n  empty?: () => any\n}>()\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst triggerEl = ref<HTMLInputElement | null>(null)\nconst filterInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst treeRef = ref<GrTreeInstance | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nlet hadPointerDownOnTrigger = false\n\nconst open = ref(false)\nconst filterValue = ref('')\n\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  width: '0px',\n  zIndex: '2147483647',\n})\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined')\n    return\n\n  const root = rootEl.value\n  if (!root)\n    return\n\n  const rect = root.getBoundingClientRect()\n\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    top: `${rect.bottom + 8}px`,\n    width: `${rect.width}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined')\n    return\n  window.addEventListener('resize', syncPanelPosition)\n  window.addEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined')\n    return\n  window.removeEventListener('resize', syncPanelPosition)\n  window.removeEventListener('scroll', syncPanelPosition, true)\n}\n\nconst closeOnSelectResolved = computed(() => {\n  return props.closeOnSelect ?? !props.multiple\n})\n\nfunction getChildrenKey() {\n  return props.props.children ?? 'children'\n}\n\nfunction getLabelKey() {\n  return props.props.label ?? 'label'\n}\n\nfunction nodeLabel(data: T): string {\n  const key = getLabelKey() as keyof T\n  const v = data[key]\n  return v == null ? '' : String(v)\n}\n\nfunction nodeChildren(data: T): T[] {\n  const key = getChildrenKey() as keyof T\n  const v = data[key]\n  return Array.isArray(v) ? (v as any) : []\n}\n\nfunction nodeKeyOf(data: T, index: number, parentKey: GrTreeKey | undefined): GrTreeKey {\n  const keyName = props.nodeKey as keyof T\n  const v = data[keyName]\n  if (v != null)\n    return v as GrTreeKey\n\n  return parentKey == null ? index : `${String(parentKey)}:${index}`\n}\n\nconst labelByKey = computed(() => {\n  const map = new Map<GrTreeKey, string>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      map.set(key, nodeLabel(item))\n      walk(nodeChildren(item), key)\n    }\n  }\n\n  walk(props.data ?? [], undefined)\n  return map\n})\n\nconst pathLabelsByKey = computed(() => {\n  const map = new Map<GrTreeKey, string[]>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined, parentPath: string[]) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      const label = nodeLabel(item)\n      const path = [...parentPath, label]\n      map.set(key, path)\n      walk(nodeChildren(item), key, path)\n    }\n  }\n\n  walk(props.data ?? [], undefined, [])\n  return map\n})\n\nconst selectedKeys = computed<GrTreeKey[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  const v = props.modelValue\n  if (v == null || Array.isArray(v))\n    return []\n  return [v]\n})\n\nconst selectedKeySet = computed(() => new Set(selectedKeys.value))\n\nconst selectedLabels = computed(() => {\n  const map = labelByKey.value\n  return selectedKeys.value.map((k) => map.get(k) ?? String(k))\n})\n\nconst selectedPathLabels = computed<string[] | undefined>(() => {\n  if (props.multiple)\n    return undefined\n\n  const key = selectedKeys.value[0]\n  if (key == null)\n    return undefined\n\n  const path = pathLabelsByKey.value.get(key)\n  if (path?.length)\n    return path\n\n  const labels = selectedLabels.value\n  return labels.length ? [labels[0]] : undefined\n})\n\nconst displayValue = computed(() => {\n  const labels = selectedLabels.value\n  if (labels.length === 0)\n    return ''\n\n  if (!props.multiple) {\n    if (props.valueDisplay === 'path') {\n      const path = selectedPathLabels.value\n      if (path?.length)\n        return path.join(' / ')\n    }\n    return labels[0]\n  }\n\n  if (labels.length === 1)\n    return labels[0]\n  return `${labels[0]} +${labels.length - 1}`\n})\n\nconst hasSelection = computed(() => selectedKeys.value.length > 0)\n\nconst resolvedFilterPlaceholder = computed(() => {\n  return props.filterPlaceholder ?? t('gr.treeSelect.filterPlaceholder', 'Search…')\n})\n\nconst className = computed(() => {\n  return grTreeSelectClass({\n    size: props.size,\n    state: props.state,\n    invalid: props.invalid,\n  })\n})\n\nconst panelClasses = computed(() => {\n  return grTreeSelectPanelClass\n})\n\nfunction setOpen(next: boolean) {\n  if (props.disabled)\n    return\n\n  if (open.value === next)\n    return\n\n  open.value = next\n  emit('visibleChange', next)\n}\n\nfunction onClickOutside(): void {\n  setOpen(false)\n}\n\nfunction openDropdown(): void {\n  setOpen(true)\n}\n\nfunction closeDropdown(): void {\n  setOpen(false)\n}\n\nfunction toggleDropdown(): void {\n  setOpen(!open.value)\n}\n\nfunction onTriggerPointerDown(): void {\n  hadPointerDownOnTrigger = true\n  if (typeof window !== 'undefined') {\n    window.setTimeout(() => {\n      hadPointerDownOnTrigger = false\n    }, 0)\n  }\n  else {\n    // SSR / no window: reset sync\n    hadPointerDownOnTrigger = false\n  }\n}\n\nfunction onTriggerFocus(): void {\n  if (hadPointerDownOnTrigger)\n    return\n  openDropdown()\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') {\n    closeDropdown()\n    nextTick(() => triggerEl.value?.focus())\n  }\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined')\n      return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n\n    if (isOpen)\n      document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen)\n      return\n\n    bindPanelPositionListeners()\n    await nextTick()\n    syncPanelPosition()\n\n    // sync tree highlight\n    if (!props.multiple) {\n      const v = props.modelValue\n      if (v != null && !Array.isArray(v))\n        treeRef.value?.setCurrentKey(v)\n    }\n\n    // focus filter input\n    if (props.filterable) {\n      await nextTick()\n      filterInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined')\n    return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (props.multiple)\n      return\n    if (v == null || Array.isArray(v)) {\n      treeRef.value?.setCurrentKey(undefined)\n      return\n    }\n    treeRef.value?.setCurrentKey(v)\n  },\n)\n\nwatch(\n  filterValue,\n  (v) => {\n    treeRef.value?.filter(v)\n  },\n)\n\nwatch(\n  open,\n  (isOpen) => {\n    if (isOpen)\n      return\n    if (filterValue.value.trim().length > 0)\n      filterValue.value = ''\n  },\n)\n\nfunction emitModel(next: GrTreeSelectModelValue) {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction clear(): void {\n  if (props.disabled)\n    return\n\n  const next: GrTreeSelectModelValue = props.multiple ? [] : null\n  emitModel(next)\n  emit('clear')\n  if (!props.multiple)\n    treeRef.value?.setCurrentKey(undefined)\n}\n\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault()\n    openDropdown()\n  }\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    closeDropdown()\n  }\n}\n\nfunction onNodeClick(data: T, node: GrTreeNode<T>): void {\n  emit('nodeClick', data, node)\n\n  if (props.disabled)\n    return\n\n  if (props.multiple) {\n    const next = new Set(selectedKeySet.value)\n    if (next.has(node.key))\n      next.delete(node.key)\n    else\n      next.add(node.key)\n    emitModel([...next])\n\n    if (closeOnSelectResolved.value) {\n      closeDropdown()\n    }\n    return\n  }\n\n  emitModel(node.key)\n  if (closeOnSelectResolved.value) {\n    closeDropdown()\n  }\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: onClickOutside, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-tree-select\n    class=\"relative\"\n  >\n    <div class=\"relative\">\n      <input\n        ref=\"triggerEl\"\n        data-testid=\"ds-tree-select-trigger\"\n        data-ds-tree-select-trigger\n        type=\"text\"\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        readonly\n        role=\"combobox\"\n        aria-readonly=\"true\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        :aria-invalid=\"invalid ? 'true' : undefined\"\n        class=\"w-full rounded-md border bg-[var(--bg)] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"[className, $slots.value ? 'text-transparent placeholder:text-transparent' : '']\"\n        @pointerdown=\"onTriggerPointerDown\"\n        @click=\"toggleDropdown\"\n        @focus=\"onTriggerFocus\"\n        @keydown=\"onTriggerKeydown\"\n      >\n\n      <button\n        v-if=\"clearable && hasSelection\"\n        data-testid=\"ds-tree-select-clear\"\n        data-ds-tree-select-clear\n        type=\"button\"\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.common.clear', 'Clear')\"\n        @click.stop=\"clear\"\n      >\n        <span class=\"i-lucide-x h-4 w-4\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"ds-tree-select-chevron\"\n        data-ds-tree-select-chevron\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span\n          class=\"i-lucide-chevron-down h-4 w-4 transition-transform duration-150\"\n          :class=\"open ? 'rotate-180' : ''\"\n        />\n      </span>\n\n      <div\n        v-if=\"$slots.value\"\n        class=\"absolute inset-y-0 left-3 right-9 flex items-center pointer-events-none\"\n      >\n        <slot\n          name=\"value\"\n          :value=\"modelValue\"\n          :labels=\"selectedLabels\"\n          :display-value=\"displayValue\"\n          :path-labels=\"selectedPathLabels\"\n        />\n      </div>\n    </div>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"ds-tree-select-panel\"\n          data-ds-tree-select-panel\n          class=\"fixed w-full\"\n          :style=\"panelStyle\"\n        >\n          <div :class=\"panelClasses\">\n          <div v-if=\"filterable\" class=\"p-2 border-b border-[var(--brd)]\">\n            <GrInput\n              ref=\"filterInputRef\"\n              v-model=\"filterValue\"\n              data-testid=\"ds-tree-select-filter\"\n              data-ds-tree-select-filter\n              type=\"search\"\n              :inputmode=\"filterInputmode\"\n              :placeholder=\"resolvedFilterPlaceholder\"\n              size=\"sm\"\n            />\n          </div>\n\n          <div\n            class=\"p-1 overflow-auto\"\n            :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n          >\n            <div v-if=\"(data?.length ?? 0) === 0\" class=\"px-3 py-2 text-[13px] text-[var(--muted-fg)]\">\n              <slot name=\"empty\">\n                {{ t('gr.treeSelect.empty', 'No data') }}\n              </slot>\n            </div>\n\n            <GrTree\n              v-else\n              ref=\"treeRef\"\n              :data=\"data\"\n              :props=\"props.props\"\n              :node-key=\"nodeKey as any\"\n              :default-expanded-keys=\"defaultExpandedKeys\"\n              :filter-node-method=\"filterNodeMethod\"\n              :highlight-current=\"!multiple\"\n              @node-click=\"onNodeClick\"\n            >\n              <template #default=\"{ node, data }\">\n                <slot\n                  name=\"node\"\n                  :node=\"node\"\n                  :data=\"data\"\n                  :selected=\"selectedKeySet.has(node.key)\"\n                >\n                  <div class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"h-4 w-4 shrink-0\"\n                      :class=\"selectedKeySet.has(node.key) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ node.label }}</span>\n                  </div>\n                </slot>\n              </template>\n            </GrTree>\n          </div>\n        </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTree, {\n  type GrTreeInstance,\n  type GrTreeKey,\n  type GrTreeNode,\n} from '../GrTree'\nimport type { GrTreeSelectModelValue, GrTreeSelectProps } from './grTreeSelectTypes'\nimport { grTreeSelectClass, grTreeSelectPanelClass } from './grTreeSelectStyles'\n\nconst props = withDefaults(\n  defineProps<GrTreeSelectProps<T>>(),\n  {\n    props: () => ({\n      children: 'children',\n      label: 'label',\n    }),\n    nodeKey: 'id' as any,\n    defaultExpandedKeys: () => [],\n    disabled: false,\n    placeholder: undefined,\n    size: 'md',\n    invalid: false,\n    state: 'default',\n    multiple: false,\n    clearable: false,\n    valueDisplay: 'label',\n    filterable: false,\n    filterPlaceholder: undefined,\n    filterInputmode: undefined,\n    filterNodeMethod: undefined,\n    closeOnSelect: undefined,\n    dropdownMaxHeight: 320,\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrTreeSelectModelValue): void\n  (e: 'change', value: GrTreeSelectModelValue): void\n  (e: 'visibleChange', visible: boolean): void\n  (e: 'clear'): void\n  (e: 'nodeClick', data: T, node: GrTreeNode<T>): void\n}>()\n\ndefineSlots<{\n  /** Рендер значения внутри триггера (вместо дефолтного текста). */\n  value?: (props: { value: GrTreeSelectModelValue; labels: string[]; displayValue: string; pathLabels?: string[] }) => any\n  /** Рендер строки дерева. */\n  node?: (props: { node: GrTreeNode<T>; data: T; selected: boolean }) => any\n  /** Содержимое пустого состояния (когда нет данных). */\n  empty?: () => any\n}>()\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst triggerEl = ref<HTMLInputElement | null>(null)\nconst filterInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst treeRef = ref<GrTreeInstance | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nlet hadPointerDownOnTrigger = false\n\nconst open = ref(false)\nconst filterValue = ref('')\n\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  width: '0px',\n  zIndex: '2147483647',\n})\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined')\n    return\n\n  const root = rootEl.value\n  if (!root)\n    return\n\n  const rect = root.getBoundingClientRect()\n\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    top: `${rect.bottom + 8}px`,\n    width: `${rect.width}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined')\n    return\n  window.addEventListener('resize', syncPanelPosition)\n  window.addEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined')\n    return\n  window.removeEventListener('resize', syncPanelPosition)\n  window.removeEventListener('scroll', syncPanelPosition, true)\n}\n\nconst closeOnSelectResolved = computed(() => {\n  return props.closeOnSelect ?? !props.multiple\n})\n\nfunction getChildrenKey() {\n  return props.props.children ?? 'children'\n}\n\nfunction getLabelKey() {\n  return props.props.label ?? 'label'\n}\n\nfunction nodeLabel(data: T): string {\n  const key = getLabelKey() as keyof T\n  const v = data[key]\n  return v == null ? '' : String(v)\n}\n\nfunction nodeChildren(data: T): T[] {\n  const key = getChildrenKey() as keyof T\n  const v = data[key]\n  return Array.isArray(v) ? (v as any) : []\n}\n\nfunction nodeKeyOf(data: T, index: number, parentKey: GrTreeKey | undefined): GrTreeKey {\n  const keyName = props.nodeKey as keyof T\n  const v = data[keyName]\n  if (v != null)\n    return v as GrTreeKey\n\n  return parentKey == null ? index : `${String(parentKey)}:${index}`\n}\n\nconst labelByKey = computed(() => {\n  const map = new Map<GrTreeKey, string>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      map.set(key, nodeLabel(item))\n      walk(nodeChildren(item), key)\n    }\n  }\n\n  walk(props.data ?? [], undefined)\n  return map\n})\n\nconst pathLabelsByKey = computed(() => {\n  const map = new Map<GrTreeKey, string[]>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined, parentPath: string[]) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      const label = nodeLabel(item)\n      const path = [...parentPath, label]\n      map.set(key, path)\n      walk(nodeChildren(item), key, path)\n    }\n  }\n\n  walk(props.data ?? [], undefined, [])\n  return map\n})\n\nconst selectedKeys = computed<GrTreeKey[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  const v = props.modelValue\n  if (v == null || Array.isArray(v))\n    return []\n  return [v]\n})\n\nconst selectedKeySet = computed(() => new Set(selectedKeys.value))\n\nconst selectedLabels = computed(() => {\n  const map = labelByKey.value\n  return selectedKeys.value.map((k) => map.get(k) ?? String(k))\n})\n\nconst selectedPathLabels = computed<string[] | undefined>(() => {\n  if (props.multiple)\n    return undefined\n\n  const key = selectedKeys.value[0]\n  if (key == null)\n    return undefined\n\n  const path = pathLabelsByKey.value.get(key)\n  if (path?.length)\n    return path\n\n  const labels = selectedLabels.value\n  return labels.length ? [labels[0]] : undefined\n})\n\nconst displayValue = computed(() => {\n  const labels = selectedLabels.value\n  if (labels.length === 0)\n    return ''\n\n  if (!props.multiple) {\n    if (props.valueDisplay === 'path') {\n      const path = selectedPathLabels.value\n      if (path?.length)\n        return path.join(' / ')\n    }\n    return labels[0]\n  }\n\n  if (labels.length === 1)\n    return labels[0]\n  return `${labels[0]} +${labels.length - 1}`\n})\n\nconst hasSelection = computed(() => selectedKeys.value.length > 0)\n\nconst resolvedFilterPlaceholder = computed(() => {\n  return props.filterPlaceholder ?? t('gr.treeSelect.filterPlaceholder', 'Search…')\n})\n\nconst className = computed(() => {\n  return grTreeSelectClass({\n    size: props.size,\n    state: props.state,\n    invalid: props.invalid,\n  })\n})\n\nconst panelClasses = computed(() => {\n  return grTreeSelectPanelClass\n})\n\nfunction setOpen(next: boolean) {\n  if (props.disabled)\n    return\n\n  if (open.value === next)\n    return\n\n  open.value = next\n  emit('visibleChange', next)\n}\n\nfunction onClickOutside(): void {\n  setOpen(false)\n}\n\nfunction openDropdown(): void {\n  setOpen(true)\n}\n\nfunction closeDropdown(): void {\n  setOpen(false)\n}\n\nfunction toggleDropdown(): void {\n  setOpen(!open.value)\n}\n\nfunction onTriggerPointerDown(): void {\n  hadPointerDownOnTrigger = true\n  if (typeof window !== 'undefined') {\n    window.setTimeout(() => {\n      hadPointerDownOnTrigger = false\n    }, 0)\n  }\n  else {\n    // SSR / no window: reset sync\n    hadPointerDownOnTrigger = false\n  }\n}\n\nfunction onTriggerFocus(): void {\n  if (hadPointerDownOnTrigger)\n    return\n  openDropdown()\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') {\n    closeDropdown()\n    nextTick(() => triggerEl.value?.focus())\n  }\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined')\n      return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n\n    if (isOpen)\n      document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen)\n      return\n\n    bindPanelPositionListeners()\n    await nextTick()\n    syncPanelPosition()\n\n    // sync tree highlight\n    if (!props.multiple) {\n      const v = props.modelValue\n      if (v != null && !Array.isArray(v))\n        treeRef.value?.setCurrentKey(v)\n    }\n\n    // focus filter input\n    if (props.filterable) {\n      await nextTick()\n      filterInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined')\n    return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n})\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (props.multiple)\n      return\n    if (v == null || Array.isArray(v)) {\n      treeRef.value?.setCurrentKey(undefined)\n      return\n    }\n    treeRef.value?.setCurrentKey(v)\n  },\n)\n\nwatch(\n  filterValue,\n  (v) => {\n    treeRef.value?.filter(v)\n  },\n)\n\nwatch(\n  open,\n  (isOpen) => {\n    if (isOpen)\n      return\n    if (filterValue.value.trim().length > 0)\n      filterValue.value = ''\n  },\n)\n\nfunction emitModel(next: GrTreeSelectModelValue) {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction clear(): void {\n  if (props.disabled)\n    return\n\n  const next: GrTreeSelectModelValue = props.multiple ? [] : null\n  emitModel(next)\n  emit('clear')\n  if (!props.multiple)\n    treeRef.value?.setCurrentKey(undefined)\n}\n\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault()\n    openDropdown()\n  }\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    closeDropdown()\n  }\n}\n\nfunction onNodeClick(data: T, node: GrTreeNode<T>): void {\n  emit('nodeClick', data, node)\n\n  if (props.disabled)\n    return\n\n  if (props.multiple) {\n    const next = new Set(selectedKeySet.value)\n    if (next.has(node.key))\n      next.delete(node.key)\n    else\n      next.add(node.key)\n    emitModel([...next])\n\n    if (closeOnSelectResolved.value) {\n      closeDropdown()\n    }\n    return\n  }\n\n  emitModel(node.key)\n  if (closeOnSelectResolved.value) {\n    closeDropdown()\n  }\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: onClickOutside, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-tree-select\n    class=\"relative\"\n  >\n    <div class=\"relative\">\n      <input\n        ref=\"triggerEl\"\n        data-testid=\"ds-tree-select-trigger\"\n        data-ds-tree-select-trigger\n        type=\"text\"\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        readonly\n        role=\"combobox\"\n        aria-readonly=\"true\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        :aria-invalid=\"invalid ? 'true' : undefined\"\n        class=\"w-full rounded-md border bg-[var(--bg)] text-[var(--fg)] placeholder:text-[var(--muted-fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"[className, $slots.value ? 'text-transparent placeholder:text-transparent' : '']\"\n        @pointerdown=\"onTriggerPointerDown\"\n        @click=\"toggleDropdown\"\n        @focus=\"onTriggerFocus\"\n        @keydown=\"onTriggerKeydown\"\n      >\n\n      <button\n        v-if=\"clearable && hasSelection\"\n        data-testid=\"ds-tree-select-clear\"\n        data-ds-tree-select-clear\n        type=\"button\"\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.common.clear', 'Clear')\"\n        @click.stop=\"clear\"\n      >\n        <span class=\"i-lucide-x h-4 w-4\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"ds-tree-select-chevron\"\n        data-ds-tree-select-chevron\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span\n          class=\"i-lucide-chevron-down h-4 w-4 transition-transform duration-150\"\n          :class=\"open ? 'rotate-180' : ''\"\n        />\n      </span>\n\n      <div\n        v-if=\"$slots.value\"\n        class=\"absolute inset-y-0 left-3 right-9 flex items-center pointer-events-none\"\n      >\n        <slot\n          name=\"value\"\n          :value=\"modelValue\"\n          :labels=\"selectedLabels\"\n          :display-value=\"displayValue\"\n          :path-labels=\"selectedPathLabels\"\n        />\n      </div>\n    </div>\n\n    <teleport to=\"body\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"ds-tree-select-panel\"\n          data-ds-tree-select-panel\n          class=\"fixed w-full\"\n          :style=\"panelStyle\"\n        >\n          <div :class=\"panelClasses\">\n          <div v-if=\"filterable\" class=\"p-2 border-b border-[var(--brd)]\">\n            <GrInput\n              ref=\"filterInputRef\"\n              v-model=\"filterValue\"\n              data-testid=\"ds-tree-select-filter\"\n              data-ds-tree-select-filter\n              type=\"search\"\n              :inputmode=\"filterInputmode\"\n              :placeholder=\"resolvedFilterPlaceholder\"\n              size=\"sm\"\n            />\n          </div>\n\n          <div\n            class=\"p-1 overflow-auto\"\n            :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n          >\n            <div v-if=\"(data?.length ?? 0) === 0\" class=\"px-3 py-2 text-[13px] text-[var(--muted-fg)]\">\n              <slot name=\"empty\">\n                {{ t('gr.treeSelect.empty', 'No data') }}\n              </slot>\n            </div>\n\n            <GrTree\n              v-else\n              ref=\"treeRef\"\n              :data=\"data\"\n              :props=\"props.props\"\n              :node-key=\"nodeKey as any\"\n              :default-expanded-keys=\"defaultExpandedKeys\"\n              :filter-node-method=\"filterNodeMethod\"\n              :highlight-current=\"!multiple\"\n              @node-click=\"onNodeClick\"\n            >\n              <template #default=\"{ node, data }\">\n                <slot\n                  name=\"node\"\n                  :node=\"node\"\n                  :data=\"data\"\n                  :selected=\"selectedKeySet.has(node.key)\"\n                >\n                  <div class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"h-4 w-4 shrink-0\"\n                      :class=\"selectedKeySet.has(node.key) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ node.label }}</span>\n                  </div>\n                </slot>\n              </template>\n            </GrTree>\n          </div>\n        </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrTreeSelect/index.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "../../chunks/config-NuqoO_Of.js";
-import { t as n } from "./chunks/GrTreeSelect-DAAay-QB.js";
-export { n as GrTreeSelect, n as default, t as grTreeSelectConfig, e as grTreeSelectSafelist };
+import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "../../chunks/config-C0b_3LJV.js";
+import { t as GrTreeSelect_default } from "./chunks/GrTreeSelect-DN6XFjOD.js";
+export { GrTreeSelect_default as GrTreeSelect, GrTreeSelect_default as default, grTreeSelectConfig, grTreeSelectSafelist };

package/dist/composables/useTheme.js

@@ -1,44 +1,55 @@
-import { computed as e, ref as t } from "vue";
+import { computed, ref } from "vue";
 //#region src/composables/useTheme.ts
-var n = "fint-ds-theme";
-function r(e = n, t = !0) {
-	if (typeof window > "u") return "light";
-	if (t) try {
-		let t = window.localStorage, n = typeof t?.getItem == "function" ? t.getItem(e) : null;
-		if (n === "light" || n === "dark") return n;
+var DEFAULT_STORAGE_KEY = "fint-ds-theme";
+function getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true) {
+	if (typeof window === "undefined") return "light";
+	if (persist) try {
+		const storage = window.localStorage;
+		const stored = typeof storage?.getItem === "function" ? storage.getItem(storageKey) : null;
+		if (stored === "light" || stored === "dark") return stored;
 	} catch {}
 	return window.matchMedia?.("(prefers-color-scheme: dark)")?.matches ? "dark" : "light";
 }
-function i(e) {
-	if (typeof document > "u") return;
-	let t = document.documentElement;
-	t.classList.toggle("theme-dark", e === "dark"), t.dataset.theme = e;
+function applyTheme(theme) {
+	if (typeof document === "undefined") return;
+	const root = document.documentElement;
+	root.classList.toggle("theme-dark", theme === "dark");
+	root.dataset.theme = theme;
 }
-function a(e = {}) {
-	i(r(e.storageKey ?? n, e.persist ?? !0));
+/**
+* Для применения темы максимально рано (до монтирования Vue), чтобы избежать "мигания".
+*/
+function initThemeEarly(options = {}) {
+	applyTheme(getPreferredTheme(options.storageKey ?? DEFAULT_STORAGE_KEY, options.persist ?? true));
 }
-function o(a = {}) {
-	let o = a.storageKey ?? n, s = a.persist ?? !0, c = t(r(o, s)), l = e(() => c.value === "dark");
-	function u(e) {
-		if (c.value = e, s && typeof window < "u") try {
-			let t = window.localStorage;
-			typeof t?.setItem == "function" && t.setItem(o, e);
+function useTheme(options = {}) {
+	const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
+	const persist = options.persist ?? true;
+	const theme = ref(getPreferredTheme(storageKey, persist));
+	const isDark = computed(() => theme.value === "dark");
+	function setTheme(next) {
+		theme.value = next;
+		if (persist && typeof window !== "undefined") try {
+			const storage = window.localStorage;
+			if (typeof storage?.setItem === "function") storage.setItem(storageKey, next);
 		} catch {}
-		i(e);
+		applyTheme(next);
 	}
-	function d() {
-		u(c.value === "dark" ? "light" : "dark");
+	function toggleTheme() {
+		setTheme(theme.value === "dark" ? "light" : "dark");
 	}
-	function f() {
-		i(c.value);
+	function initTheme() {
+		applyTheme(theme.value);
 	}
 	return {
-		theme: c,
-		isDark: l,
-		setTheme: u,
-		toggleTheme: d,
-		initTheme: f
+		theme,
+		isDark,
+		setTheme,
+		toggleTheme,
+		initTheme
 	};
 }
 //#endregion
-export { a as initThemeEarly, o as useTheme };
+export { initThemeEarly, useTheme };
+
+//# sourceMappingURL=useTheme.js.map

package/dist/composables/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composables/useTheme.ts"],"sourcesContent":["import { computed, ref } from 'vue'\n\nexport type ThemeName = 'light' | 'dark'\n\nexport type UseThemeOptions = {\n  /**\n   * Ключ для хранения выбранной темы в localStorage.\n   * По умолчанию: `fint-ds-theme`.\n   */\n  storageKey?: string\n\n  /**\n   * Если `false` — не читать/не писать localStorage (полезно для SSR/embedded сценариев).\n   * По умолчанию: `true`.\n   */\n  persist?: boolean\n}\n\nconst DEFAULT_STORAGE_KEY = 'fint-ds-theme'\n\nfunction getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true): ThemeName {\n  if (typeof window === 'undefined') return 'light'\n\n  if (persist) {\n    // Доступ к `localStorage` может бросать `SecurityError` в Safari private mode\n    // и при отключённых cookies/storage — поэтому оборачиваем в try/catch.\n    try {\n      const storage = window.localStorage\n      const stored = typeof storage?.getItem === 'function' ? storage.getItem(storageKey) : null\n      if (stored === 'light' || stored === 'dark') return stored\n    }\n    catch {\n      // ignore\n    }\n  }\n\n  const prefersDark = window.matchMedia?.('(prefers-color-scheme: dark)')?.matches\n  return prefersDark ? 'dark' : 'light'\n}\n\nfunction applyTheme(theme: ThemeName) {\n  if (typeof document === 'undefined') return\n\n  const root = document.documentElement\n  root.classList.toggle('theme-dark', theme === 'dark')\n  root.dataset.theme = theme\n}\n\n/**\n * Для применения темы максимально рано (до монтирования Vue), чтобы избежать \"мигания\".\n */\nexport function initThemeEarly(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n  applyTheme(getPreferredTheme(storageKey, persist))\n}\n\nexport function useTheme(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n\n  const theme = ref<ThemeName>(getPreferredTheme(storageKey, persist))\n\n  const isDark = computed(() => theme.value === 'dark')\n\n  function setTheme(next: ThemeName) {\n    theme.value = next\n\n    if (persist && typeof window !== 'undefined') {\n      // См. комментарий в `getPreferredTheme`: запись тоже может бросать.\n      try {\n        const storage = window.localStorage\n        if (typeof storage?.setItem === 'function')\n          storage.setItem(storageKey, next)\n      }\n      catch {\n        // ignore\n      }\n    }\n\n    applyTheme(next)\n  }\n\n  function toggleTheme() {\n    setTheme(theme.value === 'dark' ? 'light' : 'dark')\n  }\n\n  function initTheme() {\n    applyTheme(theme.value)\n  }\n\n  return {\n    theme,\n    isDark,\n    setTheme,\n    toggleTheme,\n    initTheme,\n  }\n}"],"mappings":";;AAkBA,IAAM,sBAAsB;AAE5B,SAAS,kBAAkB,aAAa,qBAAqB,UAAU,MAAiB;AACtF,KAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,KAAI,QAGF,KAAI;EACF,MAAM,UAAU,OAAO;EACvB,MAAM,SAAS,OAAO,SAAS,YAAY,aAAa,QAAQ,QAAQ,WAAW,GAAG;AACtF,MAAI,WAAW,WAAW,WAAW,OAAQ,QAAO;SAEhD;AAMR,QADoB,OAAO,aAAa,+BAA+B,EAAE,UACpD,SAAS;;AAGhC,SAAS,WAAW,OAAkB;AACpC,KAAI,OAAO,aAAa,YAAa;CAErC,MAAM,OAAO,SAAS;AACtB,MAAK,UAAU,OAAO,cAAc,UAAU,OAAO;AACrD,MAAK,QAAQ,QAAQ;;;;;AAMvB,SAAgB,eAAe,UAA2B,EAAE,EAAE;AAG5D,YAAW,kBAFQ,QAAQ,cAAc,qBACzB,QAAQ,WAAW,KACc,CAAC;;AAGpD,SAAgB,SAAS,UAA2B,EAAE,EAAE;CACtD,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,QAAQ,IAAe,kBAAkB,YAAY,QAAQ,CAAC;CAEpE,MAAM,SAAS,eAAe,MAAM,UAAU,OAAO;CAErD,SAAS,SAAS,MAAiB;AACjC,QAAM,QAAQ;AAEd,MAAI,WAAW,OAAO,WAAW,YAE/B,KAAI;GACF,MAAM,UAAU,OAAO;AACvB,OAAI,OAAO,SAAS,YAAY,WAC9B,SAAQ,QAAQ,YAAY,KAAK;UAE/B;AAKR,aAAW,KAAK;;CAGlB,SAAS,cAAc;AACrB,WAAS,MAAM,UAAU,SAAS,UAAU,OAAO;;CAGrD,SAAS,YAAY;AACnB,aAAW,MAAM,MAAM;;AAGzB,QAAO;EACL;EACA;EACA;EACA;EACA;EACD"}

package/dist/composables/useToast.js

@@ -1,47 +1,56 @@
-import { computed as e, reactive as t } from "vue";
+import { computed, reactive } from "vue";
 //#region src/composables/useToast.ts
-var n = t([]), r = /* @__PURE__ */ new Map(), i = 3500;
-function a() {
+var toasts = reactive([]);
+var timers = /* @__PURE__ */ new Map();
+var DEFAULT_TIMEOUT_MS = 3500;
+function makeId() {
 	return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-function o(e) {
-	let t = r.get(e);
-	t !== void 0 && (clearTimeout(t), r.delete(e));
+function clearTimer(id) {
+	const handle = timers.get(id);
+	if (handle !== void 0) {
+		clearTimeout(handle);
+		timers.delete(id);
+	}
 }
-function s() {
-	let t = e(() => n);
-	function s(e) {
-		let t = a(), o = {
-			id: t,
-			title: e.title,
-			message: e.message,
-			tone: e.tone ?? "info"
+function useToast() {
+	const list = computed(() => toasts);
+	function push(input) {
+		const id = makeId();
+		const toast = {
+			id,
+			title: input.title,
+			message: input.message,
+			tone: input.tone ?? "info"
 		};
-		n.unshift(o);
-		let s = e.timeoutMs ?? i;
-		if (s > 0 && typeof window < "u") {
-			let e = window.setTimeout(() => {
-				r.delete(t), c(t);
-			}, s);
-			r.set(t, e);
+		toasts.unshift(toast);
+		const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS;
+		if (timeout > 0 && typeof window !== "undefined") {
+			const handle = window.setTimeout(() => {
+				timers.delete(id);
+				dismiss(id);
+			}, timeout);
+			timers.set(id, handle);
 		}
-		return t;
+		return id;
 	}
-	function c(e) {
-		o(e);
-		let t = n.findIndex((t) => t.id === e);
-		t >= 0 && n.splice(t, 1);
+	function dismiss(id) {
+		clearTimer(id);
+		const index = toasts.findIndex((toast) => toast.id === id);
+		if (index >= 0) toasts.splice(index, 1);
 	}
-	function l() {
-		for (let e of r.keys()) o(e);
-		n.splice(0, n.length);
+	function clear() {
+		for (const id of timers.keys()) clearTimer(id);
+		toasts.splice(0, toasts.length);
 	}
 	return {
-		list: t,
-		push: s,
-		dismiss: c,
-		clear: l
+		list,
+		push,
+		dismiss,
+		clear
 	};
 }
 //#endregion
-export { s as useToast };
+export { useToast };
+
+//# sourceMappingURL=useToast.js.map

package/dist/composables/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, reactive } from 'vue'\n\nexport type GrToastTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'slate' | 'azure'\n\nexport type ToastInput = {\n  title: string\n  message?: string\n  tone?: GrToastTone\n  /**\n   * Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n   * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n   */\n  timeoutMs?: number\n}\n\nexport type Toast = {\n  id: string\n  title: string\n  message?: string\n  tone: GrToastTone\n}\n\n// Модульный синглтон состояния: один источник истины для всех `GrToaster`\n// в приложении. Подразумевается один активный `GrToaster` на корень.\nconst toasts = reactive<Toast[]>([])\n\n// Таймеры авто-дисмисса по id — чтобы при раннем `dismiss()` / `clear()`\n// не оставлять «висящие» setTimeout'ы и не будить мёртвый tab.\nconst timers = new Map<string, number>()\n\nconst DEFAULT_TIMEOUT_MS = 3500\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nfunction clearTimer(id: string): void {\n  const handle = timers.get(id)\n  if (handle !== undefined) {\n    clearTimeout(handle)\n    timers.delete(id)\n  }\n}\n\nexport function useToast() {\n  const list = computed(() => toasts)\n\n  function push(input: ToastInput): string {\n    const id = makeId()\n    const toast: Toast = {\n      id,\n      title: input.title,\n      message: input.message,\n      tone: input.tone ?? 'info',\n    }\n\n    toasts.unshift(toast)\n\n    const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n    if (timeout > 0 && typeof window !== 'undefined') {\n      const handle = window.setTimeout(() => {\n        timers.delete(id)\n        dismiss(id)\n      }, timeout)\n      timers.set(id, handle)\n    }\n\n    return id\n  }\n\n  function dismiss(id: string): void {\n    clearTimer(id)\n    const index = toasts.findIndex(toast => toast.id === id)\n    if (index >= 0)\n      toasts.splice(index, 1)\n  }\n\n  function clear(): void {\n    for (const id of timers.keys()) clearTimer(id)\n    toasts.splice(0, toasts.length)\n  }\n\n  return {\n    list,\n    push,\n    dismiss,\n    clear,\n  }\n}\n"],"mappings":";;AAwBA,IAAM,SAAS,SAAkB,EAAE,CAAC;AAIpC,IAAM,yBAAS,IAAI,KAAqB;AAExC,IAAM,qBAAqB;AAE3B,SAAS,SAAiB;AACxB,QAAO,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;;AAG7D,SAAS,WAAW,IAAkB;CACpC,MAAM,SAAS,OAAO,IAAI,GAAG;AAC7B,KAAI,WAAW,KAAA,GAAW;AACxB,eAAa,OAAO;AACpB,SAAO,OAAO,GAAG;;;AAIrB,SAAgB,WAAW;CACzB,MAAM,OAAO,eAAe,OAAO;CAEnC,SAAS,KAAK,OAA2B;EACvC,MAAM,KAAK,QAAQ;EACnB,MAAM,QAAe;GACnB;GACA,OAAO,MAAM;GACb,SAAS,MAAM;GACf,MAAM,MAAM,QAAQ;GACrB;AAED,SAAO,QAAQ,MAAM;EAErB,MAAM,UAAU,MAAM,aAAa;AACnC,MAAI,UAAU,KAAK,OAAO,WAAW,aAAa;GAChD,MAAM,SAAS,OAAO,iBAAiB;AACrC,WAAO,OAAO,GAAG;AACjB,YAAQ,GAAG;MACV,QAAQ;AACX,UAAO,IAAI,IAAI,OAAO;;AAGxB,SAAO;;CAGT,SAAS,QAAQ,IAAkB;AACjC,aAAW,GAAG;EACd,MAAM,QAAQ,OAAO,WAAU,UAAS,MAAM,OAAO,GAAG;AACxD,MAAI,SAAS,EACX,QAAO,OAAO,OAAO,EAAE;;CAG3B,SAAS,QAAc;AACrB,OAAK,MAAM,MAAM,OAAO,MAAM,CAAE,YAAW,GAAG;AAC9C,SAAO,OAAO,GAAG,OAAO,OAAO;;AAGjC,QAAO;EACL;EACA;EACA;EACA;EACD"}

package/dist/directives/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/directives-Dr5NPOT8.js";
-export { o as createLoading, a as vAutofocus, r as vAutosize, e as vClickOutside, t as vDropzone, i as vHotkey, n as vLoading };
+import { a as vClickOutside, i as vDropzone, n as vLoading, o as vAutosize, r as vHotkey, s as vAutofocus, t as createLoading } from "../chunks/directives-Cuib0yOO.js";
+export { createLoading, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };

package/dist/fileValidation/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../chunks/fileValidation-LFD-vwil.js";
-export { l as FileValidationError, a as acceptValidator, e as allowedExtensionsValidator, n as allowedMimeTypesValidator, s as matchAccept, o as maxFileSizeBytesValidator, i as maxSizeMbValidator, c as maxTotalSizeBytesValidator, t as normalizeFiles, r as runFileValidators };
+import { a as allowedExtensionsValidator, c as normalizeFiles, i as allowedMimeTypesValidator, l as runFileValidators, n as maxSizeMbValidator, o as acceptValidator, r as maxFileSizeBytesValidator, s as matchAccept, t as maxTotalSizeBytesValidator, u as FileValidationError } from "../chunks/fileValidation-CgjTGoUx.js";
+export { FileValidationError, acceptValidator, allowedExtensionsValidator, allowedMimeTypesValidator, matchAccept, maxFileSizeBytesValidator, maxSizeMbValidator, maxTotalSizeBytesValidator, normalizeFiles, runFileValidators };

package/dist/granular-provider-node.js

@@ -1,23 +1,34 @@
-import { n as e } from "./chunks/safelist-CLcTRYB-.js";
-import { n as t } from "./chunks/config-BG5_FuZ-.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./chunks/shared-BqUqjuxn.js";
-import { defineGranularComponent as s } from "@feugene/unocss-preset-granular/contract";
-import { tokenDefinitionsFromCssSync as c } from "@feugene/unocss-preset-granular/node";
+import { n as grButtonSafelist } from "./chunks/safelist-BY7z8fOl.js";
+import { n as grProgressBarSafelist } from "./chunks/config-CJeyaUTp.js";
+import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-Bvjkhhm2.js";
+import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
+import { tokenDefinitionsFromCssSync } from "@feugene/unocss-preset-granular/node";
 //#region src/components/GrButton/config.node.ts
-var l = new URL("data:text/css;base64,OnJvb3QgewogIC0tZHMtYnV0dG9uLXByaW1hcnktYmc6IHZhcigtLXByaW1hcnkpOwogIC0tZHMtYnV0dG9uLXByaW1hcnktYmctaG92ZXI6IHZhcigtLXByaW1hcnktaG92ZXIpOwogIC0tZHMtYnV0dG9uLXByaW1hcnktYmctYWN0aXZlOiB2YXIoLS1wcmltYXJ5LWFjdGl2ZSk7CiAgLS1kcy1idXR0b24tcHJpbWFyeS1mZzogdmFyKC0tcHJpbWFyeS1mZyk7CiAgLS1kcy1idXR0b24tcHJpbWFyeS1zb2Z0LWJnOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tcHJpbWFyeSkgMTQlLCB2YXIoLS1iZykpOwogIC0tZHMtYnV0dG9uLXByaW1hcnktc29mdC1iZy1ob3ZlcjogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLXByaW1hcnkpIDE4JSwgdmFyKC0tYmcpKTsKICAtLWRzLWJ1dHRvbi1wcmltYXJ5LXNvZnQtYmctYWN0aXZlOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tcHJpbWFyeSkgMjQlLCB2YXIoLS1iZykpOwoKICAtLWRzLWJ1dHRvbi1zdWNjZXNzLWJnOiAjMDQ3ODU3OwogIC0tZHMtYnV0dG9uLXN1Y2Nlc3MtYmctaG92ZXI6ICMwMzZjNGQ7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1iZy1hY3RpdmU6ICMwMjVmNDQ7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1mZzogdmFyKC0tZHMtc3VjY2Vzcy1mZyk7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1zb2Z0LWJnOiB2YXIoLS1kcy1zdWNjZXNzLWxpZ2h0KTsKICAtLWRzLWJ1dHRvbi1zdWNjZXNzLXNvZnQtYmctaG92ZXI6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1kcy1zdWNjZXNzKSAyMCUsIHZhcigtLWJnKSk7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1zb2Z0LWJnLWFjdGl2ZTogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWRzLXN1Y2Nlc3MpIDI2JSwgdmFyKC0tYmcpKTsKCiAgLS1kcy1idXR0b24td2FybmluZy1iZzogI2MyNDEwYzsKICAtLWRzLWJ1dHRvbi13YXJuaW5nLWJnLWhvdmVyOiAjYjUzYjBhOwogIC0tZHMtYnV0dG9uLXdhcm5pbmctYmctYWN0aXZlOiAjOWYzMzA3OwogIC0tZHMtYnV0dG9uLXdhcm5pbmctZmc6IHZhcigtLWRzLXdhcm5pbmctZmcpOwogIC0tZHMtYnV0dG9uLXdhcm5pbmctc29mdC1iZzogdmFyKC0tZHMtd2FybmluZy1saWdodCk7CiAgLS1kcy1idXR0b24td2FybmluZy1zb2Z0LWJnLWhvdmVyOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZHMtd2FybmluZykgMjAlLCB2YXIoLS1iZykpOwogIC0tZHMtYnV0dG9uLXdhcm5pbmctc29mdC1iZy1hY3RpdmU6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1kcy13YXJuaW5nKSAyNiUsIHZhcigtLWJnKSk7CgogIC0tZHMtYnV0dG9uLWRhbmdlci1iZzogdmFyKC0tZHMtZGFuZ2VyKTsKICAtLWRzLWJ1dHRvbi1kYW5nZXItYmctaG92ZXI6IHZhcigtLWRzLWRhbmdlci1ob3Zlcik7CiAgLS1kcy1idXR0b24tZGFuZ2VyLWJnLWFjdGl2ZTogdmFyKC0tZHMtZGFuZ2VyLWFjdGl2ZSk7CiAgLS1kcy1idXR0b24tZGFuZ2VyLWZnOiB2YXIoLS1kcy1kYW5nZXItZmcpOwogIC0tZHMtYnV0dG9uLWRhbmdlci1zb2Z0LWJnOiB2YXIoLS1kcy1kYW5nZXItbGlnaHQpOwogIC0tZHMtYnV0dG9uLWRhbmdlci1zb2Z0LWJnLWhvdmVyOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZHMtZGFuZ2VyKSAyMCUsIHZhcigtLWJnKSk7CiAgLS1kcy1idXR0b24tZGFuZ2VyLXNvZnQtYmctYWN0aXZlOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZHMtZGFuZ2VyKSAyNiUsIHZhcigtLWJnKSk7CgogIC0tZHMtYnV0dG9uLWluZm8tYmc6IHZhcigtLWRzLWluZm8pOwogIC0tZHMtYnV0dG9uLWluZm8tYmctaG92ZXI6IHZhcigtLWRzLWluZm8taG92ZXIpOwogIC0tZHMtYnV0dG9uLWluZm8tYmctYWN0aXZlOiB2YXIoLS1kcy1pbmZvLWFjdGl2ZSk7CiAgLS1kcy1idXR0b24taW5mby1mZzogdmFyKC0tZHMtaW5mby1mZyk7CiAgLS1kcy1idXR0b24taW5mby1zb2Z0LWJnOiB2YXIoLS1kcy1pbmZvLWxpZ2h0KTsKICAtLWRzLWJ1dHRvbi1pbmZvLXNvZnQtYmctaG92ZXI6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1kcy1pbmZvKSAyMCUsIHZhcigtLWJnKSk7CiAgLS1kcy1idXR0b24taW5mby1zb2Z0LWJnLWFjdGl2ZTogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWRzLWluZm8pIDI2JSwgdmFyKC0tYmcpKTsKCiAgLS1kcy1idXR0b24tc2xhdGUtYmc6IHZhcigtLWRzLXNsYXRlKTsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1iZy1ob3ZlcjogdmFyKC0tZHMtc2xhdGUtaG92ZXIpOwogIC0tZHMtYnV0dG9uLXNsYXRlLWJnLWFjdGl2ZTogdmFyKC0tZHMtc2xhdGUtYWN0aXZlKTsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1mZzogdmFyKC0tZHMtc2xhdGUtZmcpOwogIC0tZHMtYnV0dG9uLXNsYXRlLXNvZnQtYmc6IHZhcigtLWRzLXNsYXRlLWxpZ2h0KTsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1zb2Z0LWJnLWhvdmVyOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZHMtc2xhdGUpIDIwJSwgdmFyKC0tYmcpKTsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1zb2Z0LWJnLWFjdGl2ZTogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWRzLXNsYXRlKSAyNiUsIHZhcigtLWJnKSk7CgogIC0tZHMtYnV0dG9uLWF6dXJlLWJnOiAjMDM2OWExOwogIC0tZHMtYnV0dG9uLWF6dXJlLWJnLWhvdmVyOiAjMDc1OTg1OwogIC0tZHMtYnV0dG9uLWF6dXJlLWJnLWFjdGl2ZTogIzBjNGE2ZTsKICAtLWRzLWJ1dHRvbi1henVyZS1mZzogI2ZmZmZmZjsKICAtLWRzLWJ1dHRvbi1henVyZS1zb2Z0LWJnOiB2YXIoLS1kcy1henVyZS1saWdodCk7CiAgLS1kcy1idXR0b24tYXp1cmUtc29mdC1iZy1ob3ZlcjogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWRzLWF6dXJlKSAyMCUsIHZhcigtLWJnKSk7CiAgLS1kcy1idXR0b24tYXp1cmUtc29mdC1iZy1hY3RpdmU6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1kcy1henVyZSkgMjYlLCB2YXIoLS1iZykpOwp9", "" + import.meta.url).href, u = new URL("data:text/css;base64,Ci50aGVtZS1kYXJrLAouZGFyaywKW2RhdGEtdGhlbWU9J2RhcmsnXSB7CiAgLS1kcy1idXR0b24tcHJpbWFyeS1iZzogIzU5NWNlNjsKICAtLWRzLWJ1dHRvbi1wcmltYXJ5LWJnLWhvdmVyOiAjNTA1M2RkOwogIC0tZHMtYnV0dG9uLXByaW1hcnktYmctYWN0aXZlOiAjNDc0YWNmOwogIC0tZHMtYnV0dG9uLXByaW1hcnktZmc6ICNmZmZmZmY7CgogIC0tZHMtYnV0dG9uLXN1Y2Nlc3MtYmc6ICMwNDc4NTc7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1iZy1ob3ZlcjogIzAzNmM0ZDsKICAtLWRzLWJ1dHRvbi1zdWNjZXNzLWJnLWFjdGl2ZTogIzAyNWY0NDsKICAtLWRzLWJ1dHRvbi1zdWNjZXNzLWZnOiAjZjhmYWZjOwoKICAtLWRzLWJ1dHRvbi13YXJuaW5nLWJnOiAjYzI0MTBjOwogIC0tZHMtYnV0dG9uLXdhcm5pbmctYmctaG92ZXI6ICNiNTNiMGE7CiAgLS1kcy1idXR0b24td2FybmluZy1iZy1hY3RpdmU6ICM5ZjMzMDc7CiAgLS1kcy1idXR0b24td2FybmluZy1mZzogI2Y4ZmFmYzsKCiAgLS1kcy1idXR0b24tZGFuZ2VyLWJnOiAjYjkxYzFjOwogIC0tZHMtYnV0dG9uLWRhbmdlci1iZy1ob3ZlcjogI2E5MTkxOTsKICAtLWRzLWJ1dHRvbi1kYW5nZXItYmctYWN0aXZlOiAjOTMxNTE1OwogIC0tZHMtYnV0dG9uLWRhbmdlci1mZzogI2Y4ZmFmYzsKCiAgLS1kcy1idXR0b24taW5mby1iZzogIzQzMzhjYTsKICAtLWRzLWJ1dHRvbi1pbmZvLWJnLWhvdmVyOiAjM2QzM2JiOwogIC0tZHMtYnV0dG9uLWluZm8tYmctYWN0aXZlOiAjMzYyZGE4OwogIC0tZHMtYnV0dG9uLWluZm8tZmc6ICNmOGZhZmM7CgogIC0tZHMtYnV0dG9uLXNsYXRlLWJnOiAjNDc1NTY5OwogIC0tZHMtYnV0dG9uLXNsYXRlLWJnLWhvdmVyOiAjMzM0MTU1OwogIC0tZHMtYnV0dG9uLXNsYXRlLWJnLWFjdGl2ZTogIzFlMjkzYjsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1mZzogI2Y4ZmFmYzsKCiAgLS1kcy1idXR0b24tYXp1cmUtYmc6ICMwMzY5YTE7CiAgLS1kcy1idXR0b24tYXp1cmUtYmctaG92ZXI6ICMwNzU5ODU7CiAgLS1kcy1idXR0b24tYXp1cmUtYmctYWN0aXZlOiAjMGM0YTZlOwogIC0tZHMtYnV0dG9uLWF6dXJlLWZnOiAjZjhmYWZjOwp9", "" + import.meta.url).href, d = s(import.meta.url, {
+var lightCssUrl$1 = new URL("data:text/css;base64,OnJvb3QgewogIC0tZHMtYnV0dG9uLXByaW1hcnktYmc6IHZhcigtLXByaW1hcnkpOwogIC0tZHMtYnV0dG9uLXByaW1hcnktYmctaG92ZXI6IHZhcigtLXByaW1hcnktaG92ZXIpOwogIC0tZHMtYnV0dG9uLXByaW1hcnktYmctYWN0aXZlOiB2YXIoLS1wcmltYXJ5LWFjdGl2ZSk7CiAgLS1kcy1idXR0b24tcHJpbWFyeS1mZzogdmFyKC0tcHJpbWFyeS1mZyk7CiAgLS1kcy1idXR0b24tcHJpbWFyeS1zb2Z0LWJnOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tcHJpbWFyeSkgMTQlLCB2YXIoLS1iZykpOwogIC0tZHMtYnV0dG9uLXByaW1hcnktc29mdC1iZy1ob3ZlcjogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLXByaW1hcnkpIDE4JSwgdmFyKC0tYmcpKTsKICAtLWRzLWJ1dHRvbi1wcmltYXJ5LXNvZnQtYmctYWN0aXZlOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tcHJpbWFyeSkgMjQlLCB2YXIoLS1iZykpOwoKICAtLWRzLWJ1dHRvbi1zdWNjZXNzLWJnOiAjMDQ3ODU3OwogIC0tZHMtYnV0dG9uLXN1Y2Nlc3MtYmctaG92ZXI6ICMwMzZjNGQ7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1iZy1hY3RpdmU6ICMwMjVmNDQ7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1mZzogdmFyKC0tZHMtc3VjY2Vzcy1mZyk7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1zb2Z0LWJnOiB2YXIoLS1kcy1zdWNjZXNzLWxpZ2h0KTsKICAtLWRzLWJ1dHRvbi1zdWNjZXNzLXNvZnQtYmctaG92ZXI6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1kcy1zdWNjZXNzKSAyMCUsIHZhcigtLWJnKSk7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1zb2Z0LWJnLWFjdGl2ZTogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWRzLXN1Y2Nlc3MpIDI2JSwgdmFyKC0tYmcpKTsKCiAgLS1kcy1idXR0b24td2FybmluZy1iZzogI2MyNDEwYzsKICAtLWRzLWJ1dHRvbi13YXJuaW5nLWJnLWhvdmVyOiAjYjUzYjBhOwogIC0tZHMtYnV0dG9uLXdhcm5pbmctYmctYWN0aXZlOiAjOWYzMzA3OwogIC0tZHMtYnV0dG9uLXdhcm5pbmctZmc6IHZhcigtLWRzLXdhcm5pbmctZmcpOwogIC0tZHMtYnV0dG9uLXdhcm5pbmctc29mdC1iZzogdmFyKC0tZHMtd2FybmluZy1saWdodCk7CiAgLS1kcy1idXR0b24td2FybmluZy1zb2Z0LWJnLWhvdmVyOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZHMtd2FybmluZykgMjAlLCB2YXIoLS1iZykpOwogIC0tZHMtYnV0dG9uLXdhcm5pbmctc29mdC1iZy1hY3RpdmU6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1kcy13YXJuaW5nKSAyNiUsIHZhcigtLWJnKSk7CgogIC0tZHMtYnV0dG9uLWRhbmdlci1iZzogdmFyKC0tZHMtZGFuZ2VyKTsKICAtLWRzLWJ1dHRvbi1kYW5nZXItYmctaG92ZXI6IHZhcigtLWRzLWRhbmdlci1ob3Zlcik7CiAgLS1kcy1idXR0b24tZGFuZ2VyLWJnLWFjdGl2ZTogdmFyKC0tZHMtZGFuZ2VyLWFjdGl2ZSk7CiAgLS1kcy1idXR0b24tZGFuZ2VyLWZnOiB2YXIoLS1kcy1kYW5nZXItZmcpOwogIC0tZHMtYnV0dG9uLWRhbmdlci1zb2Z0LWJnOiB2YXIoLS1kcy1kYW5nZXItbGlnaHQpOwogIC0tZHMtYnV0dG9uLWRhbmdlci1zb2Z0LWJnLWhvdmVyOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZHMtZGFuZ2VyKSAyMCUsIHZhcigtLWJnKSk7CiAgLS1kcy1idXR0b24tZGFuZ2VyLXNvZnQtYmctYWN0aXZlOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZHMtZGFuZ2VyKSAyNiUsIHZhcigtLWJnKSk7CgogIC0tZHMtYnV0dG9uLWluZm8tYmc6IHZhcigtLWRzLWluZm8pOwogIC0tZHMtYnV0dG9uLWluZm8tYmctaG92ZXI6IHZhcigtLWRzLWluZm8taG92ZXIpOwogIC0tZHMtYnV0dG9uLWluZm8tYmctYWN0aXZlOiB2YXIoLS1kcy1pbmZvLWFjdGl2ZSk7CiAgLS1kcy1idXR0b24taW5mby1mZzogdmFyKC0tZHMtaW5mby1mZyk7CiAgLS1kcy1idXR0b24taW5mby1zb2Z0LWJnOiB2YXIoLS1kcy1pbmZvLWxpZ2h0KTsKICAtLWRzLWJ1dHRvbi1pbmZvLXNvZnQtYmctaG92ZXI6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1kcy1pbmZvKSAyMCUsIHZhcigtLWJnKSk7CiAgLS1kcy1idXR0b24taW5mby1zb2Z0LWJnLWFjdGl2ZTogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWRzLWluZm8pIDI2JSwgdmFyKC0tYmcpKTsKCiAgLS1kcy1idXR0b24tc2xhdGUtYmc6IHZhcigtLWRzLXNsYXRlKTsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1iZy1ob3ZlcjogdmFyKC0tZHMtc2xhdGUtaG92ZXIpOwogIC0tZHMtYnV0dG9uLXNsYXRlLWJnLWFjdGl2ZTogdmFyKC0tZHMtc2xhdGUtYWN0aXZlKTsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1mZzogdmFyKC0tZHMtc2xhdGUtZmcpOwogIC0tZHMtYnV0dG9uLXNsYXRlLXNvZnQtYmc6IHZhcigtLWRzLXNsYXRlLWxpZ2h0KTsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1zb2Z0LWJnLWhvdmVyOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZHMtc2xhdGUpIDIwJSwgdmFyKC0tYmcpKTsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1zb2Z0LWJnLWFjdGl2ZTogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWRzLXNsYXRlKSAyNiUsIHZhcigtLWJnKSk7CgogIC0tZHMtYnV0dG9uLWF6dXJlLWJnOiAjMDM2OWExOwogIC0tZHMtYnV0dG9uLWF6dXJlLWJnLWhvdmVyOiAjMDc1OTg1OwogIC0tZHMtYnV0dG9uLWF6dXJlLWJnLWFjdGl2ZTogIzBjNGE2ZTsKICAtLWRzLWJ1dHRvbi1henVyZS1mZzogI2ZmZmZmZjsKICAtLWRzLWJ1dHRvbi1henVyZS1zb2Z0LWJnOiB2YXIoLS1kcy1henVyZS1saWdodCk7CiAgLS1kcy1idXR0b24tYXp1cmUtc29mdC1iZy1ob3ZlcjogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWRzLWF6dXJlKSAyMCUsIHZhcigtLWJnKSk7CiAgLS1kcy1idXR0b24tYXp1cmUtc29mdC1iZy1hY3RpdmU6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1kcy1henVyZSkgMjYlLCB2YXIoLS1iZykpOwp9", "" + import.meta.url).href;
+var darkCssUrl$1 = new URL("data:text/css;base64,Ci50aGVtZS1kYXJrLAouZGFyaywKW2RhdGEtdGhlbWU9J2RhcmsnXSB7CiAgLS1kcy1idXR0b24tcHJpbWFyeS1iZzogIzU5NWNlNjsKICAtLWRzLWJ1dHRvbi1wcmltYXJ5LWJnLWhvdmVyOiAjNTA1M2RkOwogIC0tZHMtYnV0dG9uLXByaW1hcnktYmctYWN0aXZlOiAjNDc0YWNmOwogIC0tZHMtYnV0dG9uLXByaW1hcnktZmc6ICNmZmZmZmY7CgogIC0tZHMtYnV0dG9uLXN1Y2Nlc3MtYmc6ICMwNDc4NTc7CiAgLS1kcy1idXR0b24tc3VjY2Vzcy1iZy1ob3ZlcjogIzAzNmM0ZDsKICAtLWRzLWJ1dHRvbi1zdWNjZXNzLWJnLWFjdGl2ZTogIzAyNWY0NDsKICAtLWRzLWJ1dHRvbi1zdWNjZXNzLWZnOiAjZjhmYWZjOwoKICAtLWRzLWJ1dHRvbi13YXJuaW5nLWJnOiAjYzI0MTBjOwogIC0tZHMtYnV0dG9uLXdhcm5pbmctYmctaG92ZXI6ICNiNTNiMGE7CiAgLS1kcy1idXR0b24td2FybmluZy1iZy1hY3RpdmU6ICM5ZjMzMDc7CiAgLS1kcy1idXR0b24td2FybmluZy1mZzogI2Y4ZmFmYzsKCiAgLS1kcy1idXR0b24tZGFuZ2VyLWJnOiAjYjkxYzFjOwogIC0tZHMtYnV0dG9uLWRhbmdlci1iZy1ob3ZlcjogI2E5MTkxOTsKICAtLWRzLWJ1dHRvbi1kYW5nZXItYmctYWN0aXZlOiAjOTMxNTE1OwogIC0tZHMtYnV0dG9uLWRhbmdlci1mZzogI2Y4ZmFmYzsKCiAgLS1kcy1idXR0b24taW5mby1iZzogIzQzMzhjYTsKICAtLWRzLWJ1dHRvbi1pbmZvLWJnLWhvdmVyOiAjM2QzM2JiOwogIC0tZHMtYnV0dG9uLWluZm8tYmctYWN0aXZlOiAjMzYyZGE4OwogIC0tZHMtYnV0dG9uLWluZm8tZmc6ICNmOGZhZmM7CgogIC0tZHMtYnV0dG9uLXNsYXRlLWJnOiAjNDc1NTY5OwogIC0tZHMtYnV0dG9uLXNsYXRlLWJnLWhvdmVyOiAjMzM0MTU1OwogIC0tZHMtYnV0dG9uLXNsYXRlLWJnLWFjdGl2ZTogIzFlMjkzYjsKICAtLWRzLWJ1dHRvbi1zbGF0ZS1mZzogI2Y4ZmFmYzsKCiAgLS1kcy1idXR0b24tYXp1cmUtYmc6ICMwMzY5YTE7CiAgLS1kcy1idXR0b24tYXp1cmUtYmctaG92ZXI6ICMwNzU5ODU7CiAgLS1kcy1idXR0b24tYXp1cmUtYmctYWN0aXZlOiAjMGM0YTZlOwogIC0tZHMtYnV0dG9uLWF6dXJlLWZnOiAjZjhmYWZjOwp9", "" + import.meta.url).href;
+var grButtonConfig = defineGranularComponent(import.meta.url, {
 	name: "GrButton",
-	safelist: e,
+	safelist: grButtonSafelist,
 	tokenDefinitions: {
-		light: c(l, { selector: ":root" }),
-		dark: c(u, { as: ".dark, [data-theme=\"dark\"]" })
+		light: tokenDefinitionsFromCssSync(lightCssUrl$1, { selector: ":root" }),
+		dark: tokenDefinitionsFromCssSync(darkCssUrl$1, { as: ".dark, [data-theme=\"dark\"]" })
 	}
-}), f = new URL("data:text/css;base64,OnJvb3QgewogIC0tcGItYmc6IHZhcigtLXByaW1hcnkpOwogIC0tcGItbmV1dHJhbC1iZzogdmFyKC0tc2Vjb25kYXJ5KTsKICAtLXBiLXN1Y2Nlc3MtYmc6IHZhcigtLWRzLXN1Y2Nlc3MpOwogIC0tcGItd2FybmluZy1iZzogdmFyKC0tZHMtd2FybmluZyk7CiAgLS1wYi1kYW5nZXItYmc6IHZhcigtLWRzLWRhbmdlcik7CiAgLS1wYi1pbmZvLWJnOiB2YXIoLS1kcy1pbmZvKTsKICAtLXBiLXNsYXRlLWJnOiB2YXIoLS1kcy1zbGF0ZSk7CiAgLS1wYi1henVyZS1iZzogdmFyKC0tZHMtYXp1cmUpOwp9Cg==", "" + import.meta.url).href, p = new URL("data:text/css;base64,LnRoZW1lLWRhcmssCi5kYXJrLApbZGF0YS10aGVtZT0nZGFyayddIHsKICAtLXBiLWJnOiB2YXIoLS1wcmltYXJ5KTsKICAtLXBiLW5ldXRyYWwtYmc6IHZhcigtLXNlY29uZGFyeSk7CiAgLS1wYi1zdWNjZXNzLWJnOiB2YXIoLS1kcy1zdWNjZXNzKTsKICAtLXBiLXdhcm5pbmctYmc6IHZhcigtLWRzLXdhcm5pbmcpOwogIC0tcGItZGFuZ2VyLWJnOiB2YXIoLS1kcy1kYW5nZXIpOwogIC0tcGItaW5mby1iZzogdmFyKC0tZHMtaW5mbyk7CiAgLS1wYi1zbGF0ZS1iZzogdmFyKC0tZHMtc2xhdGUpOwogIC0tcGItYXp1cmUtYmc6IHZhcigtLWRzLWF6dXJlKTsKfQ==", "" + import.meta.url).href, m = i([d, s(import.meta.url, {
+});
+//#endregion
+//#region src/components/GrProgressBar/config.node.ts
+var lightCssUrl = new URL("data:text/css;base64,OnJvb3QgewogIC0tcGItYmc6IHZhcigtLXByaW1hcnkpOwogIC0tcGItbmV1dHJhbC1iZzogdmFyKC0tc2Vjb25kYXJ5KTsKICAtLXBiLXN1Y2Nlc3MtYmc6IHZhcigtLWRzLXN1Y2Nlc3MpOwogIC0tcGItd2FybmluZy1iZzogdmFyKC0tZHMtd2FybmluZyk7CiAgLS1wYi1kYW5nZXItYmc6IHZhcigtLWRzLWRhbmdlcik7CiAgLS1wYi1pbmZvLWJnOiB2YXIoLS1kcy1pbmZvKTsKICAtLXBiLXNsYXRlLWJnOiB2YXIoLS1kcy1zbGF0ZSk7CiAgLS1wYi1henVyZS1iZzogdmFyKC0tZHMtYXp1cmUpOwp9Cg==", "" + import.meta.url).href;
+var darkCssUrl = new URL("data:text/css;base64,LnRoZW1lLWRhcmssCi5kYXJrLApbZGF0YS10aGVtZT0nZGFyayddIHsKICAtLXBiLWJnOiB2YXIoLS1wcmltYXJ5KTsKICAtLXBiLW5ldXRyYWwtYmc6IHZhcigtLXNlY29uZGFyeSk7CiAgLS1wYi1zdWNjZXNzLWJnOiB2YXIoLS1kcy1zdWNjZXNzKTsKICAtLXBiLXdhcm5pbmctYmc6IHZhcigtLWRzLXdhcm5pbmcpOwogIC0tcGItZGFuZ2VyLWJnOiB2YXIoLS1kcy1kYW5nZXIpOwogIC0tcGItaW5mby1iZzogdmFyKC0tZHMtaW5mbyk7CiAgLS1wYi1zbGF0ZS1iZzogdmFyKC0tZHMtc2xhdGUpOwogIC0tcGItYXp1cmUtYmc6IHZhcigtLWRzLWF6dXJlKTsKfQ==", "" + import.meta.url).href;
+//#endregion
+//#region src/granular-provider/node.ts
+var granularityProvider = createGranularityProvider([grButtonConfig, defineGranularComponent(import.meta.url, {
 	name: "GrProgressBar",
-	safelist: t,
+	safelist: grProgressBarSafelist,
 	tokenDefinitions: {
-		light: c(f, { selector: ":root" }),
-		dark: c(p, { as: ".dark, [data-theme=\"dark\"]" })
+		light: tokenDefinitionsFromCssSync(lightCssUrl, { selector: ":root" }),
+		dark: tokenDefinitionsFromCssSync(darkCssUrl, { as: ".dark, [data-theme=\"dark\"]" })
 	}
 })]);
 //#endregion
-export { o as GRANULARITY_PROVIDER_ID, i as createGranularityProvider, m as default, m as granularityProvider, a as granularityComponentConfigs, r as granularityDefaultThemes, n as granularityThemeNames };
+export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };
+
+//# sourceMappingURL=granular-provider-node.js.map

package/dist/granular-provider-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"granular-provider-node.js","names":[],"sources":["../src/components/GrButton/config.node.ts","../src/components/GrProgressBar/config.node.ts","../src/granular-provider/node.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\nimport { tokenDefinitionsFromCssSync } from '@feugene/unocss-preset-granular/node'\nimport { grButtonSafelist } from './safelist'\n\nconst lightCssUrl = new URL('./themes/light.css', import.meta.url).href\nconst darkCssUrl = new URL('./themes/dark.css', import.meta.url).href\n\nexport const grButtonConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrButton',\n  safelist: grButtonSafelist,\n  tokenDefinitions: {\n    light: tokenDefinitionsFromCssSync(lightCssUrl, { selector: ':root' }),\n    dark: tokenDefinitionsFromCssSync(darkCssUrl, { as: '.dark, [data-theme=\"dark\"]' }),\n  },\n})\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nimport { grProgressBarSafelist } from './safelist'\nimport {tokenDefinitionsFromCssSync} from \"@feugene/unocss-preset-granular/node\";\n\nconst lightCssUrl = new URL('./themes/light.css', import.meta.url).href\nconst darkCssUrl = new URL('./themes/dark.css', import.meta.url).href\n\nexport const grProgressBarConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrProgressBar',\n  safelist: grProgressBarSafelist,\n  tokenDefinitions: {\n    light: tokenDefinitionsFromCssSync(lightCssUrl, { selector: ':root' }),\n    dark: tokenDefinitionsFromCssSync(darkCssUrl, { as: '.dark, [data-theme=\"dark\"]' }),\n  },\n})","// Node-entry granular-provider'а `@feugene/granularity`.\n//\n// От browser-варианта (`./index.ts`) отличается только тем, что для\n// `GrButton` используется `config.node.ts` с `tokenDefinitions`,\n// собранными через `tokenDefinitionsFromCssSync` (требует `node:fs`).\n// Всё остальное — id, `theme.*`, список компонентов, `packageBaseUrl` —\n// приходит из общей фабрики `./shared`.\nimport { grButtonConfig } from '../components/GrButton/config.node'\nimport { grProgressBarConfig } from '../components/GrProgressBar/config.node'\nimport { createGranularityProvider } from './shared'\n\nexport * from './shared'\n\nexport const granularityProvider = createGranularityProvider([grButtonConfig, grProgressBarConfig])\n\nexport default granularityProvider\n"],"mappings":";;;;;;AAIA,IAAM,gBAAc,IAAA,IAAA,q0HAAA,KAAA,OAAA,KAAA,IAA8C,CAAC;AACnE,IAAM,eAAa,IAAA,IAAA,q8CAAA,KAAA,OAAA,KAAA,IAA6C,CAAC;AAEjE,IAAa,iBAAiB,wBAAwB,OAAO,KAAK,KAAK;CACrE,MAAM;CACN,UAAU;CACV,kBAAkB;EAChB,OAAO,4BAA4B,eAAa,EAAE,UAAU,SAAS,CAAC;EACtE,MAAM,4BAA4B,cAAY,EAAE,IAAI,gCAA8B,CAAA;;CAErF,CAAC;;;ACTF,IAAM,cAAc,IAAA,IAAA,yZAAA,KAAA,OAAA,KAAA,IAA8C,CAAC;AACnE,IAAM,aAAa,IAAA,IAAA,qcAAA,KAAA,OAAA,KAAA,IAA6C,CAAC;;;ACOjE,IAAa,sBAAsB,0BAA0B,CAAC,gBDL3B,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CACN,UAAU;CACV,kBAAkB;EAChB,OAAO,4BAA4B,aAAa,EAAE,UAAU,SAAS,CAAC;EACtE,MAAM,4BAA4B,YAAY,EAAE,IAAI,gCAA8B,CAAA;;CAErF,CAAA,CCFiG,CAAC"}

package/dist/granular-provider.js

@@ -1,5 +1,7 @@
-import { a as e, i as t, n, r, t as i } from "./chunks/shared-BqUqjuxn.js";
+import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-Bvjkhhm2.js";
 //#region src/granular-provider/index.ts
-var a = n();
+var granularityProvider = createGranularityProvider();
 //#endregion
-export { i as GRANULARITY_PROVIDER_ID, n as createGranularityProvider, a as default, a as granularityProvider, r as granularityComponentConfigs, t as granularityDefaultThemes, e as granularityThemeNames };
+export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };
+
+//# sourceMappingURL=granular-provider.js.map

package/dist/granular-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"granular-provider.js","names":[],"sources":["../src/granular-provider/index.ts"],"sourcesContent":["// Browser-entry granular-provider'а `@feugene/granularity`.\n//\n// Использует облегчённый `GrButton/config.ts` без `tokenDefinitionsFromCssSync`,\n// поэтому при сборке клиентских приложений из этого модуля не протягиваются\n// `node:fs`/`node:url`/`node:path`.\n//\n// Для node-сборок UnoCSS, где нужны точечные token overrides из CSS-файлов\n// тем, используйте `./node.ts` — там в `GrButton` подставляется\n// `config.node.ts` с `tokenDefinitionsFromCssSync`.\nimport {createGranularityProvider} from './shared'\n\nexport * from './shared'\n\nexport const granularityProvider = createGranularityProvider()\n\nexport default granularityProvider\n"],"mappings":";;AAaA,IAAa,sBAAsB,2BAA2B"}

package/dist/i18n/all.js

@@ -1,9 +1,11 @@
-import { n as e, r as t, t as n } from "../chunks/es-CIT9s_vo.js";
+import { n as ru, r as en, t as es } from "../chunks/es-Cu_RlgIr.js";
 //#region src/i18n/all.ts
-var r = [
-	t,
-	e,
-	n
+var all = [
+	en,
+	ru,
+	es
 ];
 //#endregion
-export { r as all, r as default };
+export { all, all as default };
+
+//# sourceMappingURL=all.js.map

package/dist/i18n/all.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"all.js","names":[],"sources":["../../src/i18n/all.ts"],"sourcesContent":["/**\n * Aggregated locale loaders for the Granularity package.\n *\n * Imported via the dedicated sub-path `@feugene/granularity/i18n/all`.\n * Use it ONLY in environments where bundle size is not a concern\n * (demos, Storybook, e2e, localization tooling).\n *\n * For production builds always prefer per-locale imports from\n * `@feugene/granularity/i18n` so unused languages can be tree-shaken away.\n *\n * ```ts\n * import all from '@feugene/granularity/i18n/all'\n *\n * createFintI18n({\n *   locale: 'en',\n *   fallbackLocale: 'en',\n *   loaders: all, // == [en, ru, es]\n * })\n * ```\n */\nimport type { LocaleLoaderCollection } from '@feugene/fint-i18n/core'\n\nimport { en } from './messages/en'\nimport { ru } from './messages/ru'\nimport { es } from './messages/es'\n\nexport const all: LocaleLoaderCollection[] = [en, ru, es]\n\nexport default all\n"],"mappings":";;AA0BA,IAAa,MAAgC;CAAC;CAAI;CAAI;CAAG"}

package/dist/i18n/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../chunks/adapter-D5uYoOZj.js";
-import { i as t, n, r, t as i } from "../chunks/es-CIT9s_vo.js";
-export { t as GRANULARITY_I18N_BLOCK, e as GRANULARITY_I18N_KEY, r as en, i as es, n as ru };
+import { t as GRANULARITY_I18N_KEY } from "../chunks/adapter-C7fKeUa4.js";
+import { i as GRANULARITY_I18N_BLOCK, n as ru, r as en, t as es } from "../chunks/es-Cu_RlgIr.js";
+export { GRANULARITY_I18N_BLOCK, GRANULARITY_I18N_KEY, en, es, ru };