@pgcorp/ui-kit 0.7.3 → 0.8.1

package/src/internal/codeLanguageIdentity.ts

@@ -0,0 +1,89 @@
+import {
+  type CodeEditorLanguageContract,
+  validateCodeEditorLanguage,
+} from './codeEditorContract'
+
+type NullableText = string | null | undefined
+
+const SPECIAL_FILENAMES: Readonly<Record<string, string>> = {
+  'cmakelists.txt': 'cmake',
+  'dockerfile': 'dockerfile',
+  'docker-compose.yml': 'yaml',
+  'docker-compose.yaml': 'yaml',
+  'compose.yml': 'yaml',
+  'compose.yaml': 'yaml',
+  '.env': 'properties',
+  '.env.example': 'properties',
+  '.env.local': 'properties',
+  '.env.development': 'properties',
+  '.env.production': 'properties',
+  'makefile': 'makefile',
+  'nginx.conf': 'nginx',
+}
+
+const LANGUAGE_ALIASES: Readonly<Record<string, string>> = {
+  bash: 'shell',
+  'c#': 'cs',
+  csharp: 'cs',
+  env: 'properties',
+  fish: 'shell',
+  handlebars: 'handlebars',
+  htm: 'html',
+  js: 'javascript',
+  jsonc: 'json',
+  json5: 'json',
+  log: 'text',
+  make: 'makefile',
+  md: 'markdown',
+  mk: 'makefile',
+  plaintext: 'text',
+  proto3: 'proto',
+  ps1: 'powershell',
+  psm1: 'powershell',
+  psd1: 'powershell',
+  py: 'python',
+  pyw: 'python',
+  pyi: 'python',
+  rbw: 'ruby',
+  sh: 'shell',
+  shellsession: 'shell',
+  ts: 'typescript',
+  text: 'text',
+  txt: 'text',
+  yaml: 'yaml',
+  yml: 'yaml',
+  zsh: 'shell',
+}
+
+function normalizeDetectedToken(value: NullableText): string | null {
+  if (!value) return null
+  const normalized = value.trim().toLowerCase().replace(/^\./u, '')
+  return normalized ? LANGUAGE_ALIASES[normalized] ?? normalized : null
+}
+
+function resolveLanguageFromFilePath(filePath: NullableText): string | null {
+  if (!filePath) return null
+  const normalizedPath = filePath.trim().toLowerCase()
+  if (!normalizedPath) return null
+  const basename = normalizedPath.split('/').pop() ?? normalizedPath
+  const special = SPECIAL_FILENAMES[basename]
+  if (special !== undefined) return special
+  if (basename.startsWith('dockerfile.')) return 'dockerfile'
+  if (!basename.includes('.')) return null
+  return normalizeDetectedToken(basename.split('.').pop())
+}
+
+/**
+ * Разрешает стабильную language identity без загрузки editor/highlighter runtime.
+ * Resolves stable language identity without loading editor or highlighter runtime.
+ */
+export function resolveCodeLanguageKey(input: CodeEditorLanguageContract): string {
+  const language = validateCodeEditorLanguage('codeLanguages', input)
+  if (language.mode === 'explicit') return LANGUAGE_ALIASES[language.id] ?? language.id
+  const detected = resolveLanguageFromFilePath(language.filePath)
+  if (detected !== null) return detected
+  throw new RangeError(
+    `codeLanguages: невозможно определить язык по filePath ${JSON.stringify(language.filePath)}. `
+    + `/ codeLanguages: cannot detect a language from filePath ${JSON.stringify(language.filePath)}.`,
+  )
+}

package/src/internal/lazyCodeEditor.ts

@@ -0,0 +1 @@
+export { default } from '../components/shared/data-display/SCodeEditor.vue';

package/src/internal/linkTarget.ts

@@ -61,8 +61,6 @@ function enumerableDataEntries(
 }
 
 function validateDenseScalarArray(
-  owner: string,
-  coordinate: string,
   value: readonly unknown[],
   allowNullish: boolean,
 ): boolean {
@@ -90,7 +88,7 @@ function validateRouteDictionary(
   }
   for (const [key, candidate] of enumerableDataEntries(owner, coordinate, value)) {
     const validArray = Array.isArray(candidate)
-      && validateDenseScalarArray(owner, `${coordinate}.${key}`, candidate, allowNullishArrayValues)
+      && validateDenseScalarArray(candidate, allowNullishArrayValues)
     if (!isRouteScalar(candidate) && !validArray) {
       throw new TypeError(
         `${owner}: ${coordinate}.${key} должен быть scalar или массивом scalar `

package/src/internal/ownedAttrs.ts

@@ -282,6 +282,7 @@ export const ownedAttributeSchemas = Object.freeze({
     'data-testid': 'data',
   }),
   SMetricCard: defineOwnedAttributeSchema({}),
+  SChart: defineOwnedAttributeSchema({}),
   SProgressBar: defineOwnedAttributeSchema({}),
   SProgressIndicator: defineOwnedAttributeSchema({}),
   SSectionHeader: defineOwnedAttributeSchema({}),

package/src/internal/useBinaryInput.ts

@@ -1,4 +1,4 @@
-import { computed, onMounted, ref, useId, watch } from 'vue'
+import { computed, onMounted, ref, useId, watch, type ComponentPublicInstance } from 'vue'
 
 import { resolveOptionalDomId } from './runtimeContract'
 
@@ -44,6 +44,13 @@ export function useBinaryInput(options: BinaryInputOptions) {
       inputEl.value.indeterminate = (options.indeterminate?.() ?? false) && !checkedValue.value
     }
   }
+  const setInputElement = (element: Element | ComponentPublicInstance | null): void => {
+    if (element !== null && !(element instanceof HTMLInputElement)) {
+      throw new TypeError(`${options.owner}: template ref owner must be the native ${options.inputName} input`)
+    }
+    inputEl.value = element
+    applyIndeterminate()
+  }
   onMounted(applyIndeterminate)
   watch([options.indeterminate ?? (() => false), checkedValue], applyIndeterminate)
 
@@ -68,9 +75,9 @@ export function useBinaryInput(options: BinaryInputOptions) {
 
   return {
     checkedValue,
-    inputEl,
     inputId,
     onChange,
     onClick,
+    setInputElement,
   } as const
 }

package/src/styles/tailwind.css

@@ -0,0 +1,3 @@
+@import "./style.css";
+@plugin "@tailwindcss/typography";
+@custom-variant dark (&:where(.dark, .dark *));

package/src/styles/tokens.css

@@ -268,6 +268,23 @@
   --s-code-editor-search-match-selected-background: rgb(16 185 129 / 35%);
   --s-code-editor-search-match-selected-outline: rgb(16 185 129 / 55%);
 
+  /* Semantic chart palette and geometry surfaces */
+  --s-chart-series-1: var(--color-primary-600);
+  --s-chart-series-2: #0f766e;
+  --s-chart-series-3: #d97706;
+  --s-chart-series-4: #7c3aed;
+  --s-chart-series-5: #e11d48;
+  --s-chart-series-6: #0891b2;
+  --s-chart-series-7: #65a30d;
+  --s-chart-series-8: var(--color-surface-600);
+  --s-chart-surface: var(--color-surface);
+  --s-chart-grid: color-mix(in srgb, var(--color-border) 60%, transparent);
+  --s-chart-axis: var(--color-border);
+  --s-chart-label: var(--color-text-muted);
+  --s-chart-axis-title: var(--color-text);
+  --s-chart-center-label: var(--color-text);
+  --s-chart-label-on-series: var(--color-surface-0);
+
   /* Sanitized document presentation */
   --s-document-code-surface: var(--color-surface-muted);
   --s-document-code-foreground: var(--color-text);
@@ -732,6 +749,22 @@
 :root[data-theme="pink-dark"],
 :root[data-theme="green-dark"],
 .dark {
+  --s-chart-series-1: var(--color-primary-400);
+  --s-chart-series-2: #2dd4bf;
+  --s-chart-series-3: #fbbf24;
+  --s-chart-series-4: #a78bfa;
+  --s-chart-series-5: #fb7185;
+  --s-chart-series-6: #22d3ee;
+  --s-chart-series-7: #a3e635;
+  --s-chart-series-8: var(--color-surface-300);
+  --s-chart-surface: var(--color-surface-900);
+  --s-chart-grid: color-mix(in srgb, var(--color-border) 72%, transparent);
+  --s-chart-axis: var(--color-surface-600);
+  --s-chart-label: var(--color-surface-300);
+  --s-chart-axis-title: var(--color-surface-100);
+  --s-chart-center-label: var(--color-surface-100);
+  --s-chart-label-on-series: var(--color-surface-950);
+
   --s-field-disabled-foreground: var(--color-surface-300);
 
   --s-menu-item-foreground: var(--color-surface-200);