@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/virtuallist/virtuallist.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtuallist/virtuallist.js","sources":["../../../src/virtuallist/virtuallist.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type Key,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { Result } from '../result';\nimport { classes } from '../shared/classes';\nexport interface VirtualListHandle {\n  element: HTMLDivElement | null;\n  scrollToIndex: (index: number, align?: 'auto' | 'start' | 'center' | 'end') => void;\n  scrollToOffset: (offset: number) => void;\n}\nexport interface VirtualListProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  items: readonly T[];\n  itemKey: (item: T, index: number) => Key;\n  renderItem: (item: T, index: number) => ReactNode;\n  height?: number;\n  estimateSize?: number | ((item: T, index: number) => number);\n  overscan?: number;\n  emptyContent?: ReactNode;\n  horizontal?: boolean;\n}\nfunction VirtualListRoot<T>(\n  {\n    items,\n    itemKey,\n    renderItem,\n    height = 320,\n    estimateSize = 40,\n    overscan = 5,\n    emptyContent,\n    horizontal = false,\n    className,\n    style,\n    ...props\n  }: VirtualListProps<T>,\n  ref: Ref<VirtualListHandle>,\n) {\n  const root = useRef<HTMLDivElement>(null);\n  const virtualizer = useVirtualizer<HTMLDivElement, HTMLLIElement>({\n    count: items.length,\n    getScrollElement: () => root.current,\n    estimateSize: (index) =>\n      typeof estimateSize === 'number'\n        ? Math.max(1, estimateSize)\n        : Math.max(1, estimateSize(items[index] as T, index)),\n    getItemKey: (index) => itemKey(items[index] as T, index),\n    overscan: Math.max(0, overscan),\n    horizontal,\n    initialRect: { height, width: 640 },\n  });\n  useImperativeHandle(\n    ref,\n    () => ({\n      element: root.current,\n      scrollToIndex: (index, align = 'auto') => virtualizer.scrollToIndex(index, { align }),\n      scrollToOffset: (offset) => virtualizer.scrollToOffset(offset),\n    }),\n    [virtualizer],\n  );\n  return (\n    <div\n      {...props}\n      ref={root}\n      role={props.role}\n      tabIndex={props.tabIndex ?? 0}\n      className={classes('leaf-virtual-list', className)}\n      style={{ height, ...style }}\n    >\n      {!items.length ? (\n        (emptyContent ?? <Result status=\"empty\" />)\n      ) : (\n        <ul\n          className=\"leaf-virtual-list__canvas\"\n          style={{\n            height: horizontal ? '100%' : virtualizer.getTotalSize(),\n            width: horizontal ? virtualizer.getTotalSize() : '100%',\n          }}\n        >\n          {virtualizer.getVirtualItems().map((row) => (\n            <li\n              key={row.key}\n              ref={virtualizer.measureElement}\n              data-index={row.index}\n              aria-posinset={row.index + 1}\n              aria-setsize={items.length}\n              className=\"leaf-virtual-list__item\"\n              style={{\n                top: 0,\n                left: 0,\n                width: horizontal ? undefined : '100%',\n                height: horizontal ? '100%' : undefined,\n                transform: `translate${horizontal ? 'X' : 'Y'}(${row.start}px)`,\n              }}\n            >\n              {renderItem(items[row.index] as T, row.index)}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\nexport const VirtualList = forwardRef(VirtualListRoot) as <T>(\n  props: VirtualListProps<T> & RefAttributes<VirtualListHandle>,\n) => ReactElement;\n"],"names":["VirtualListRoot","items","itemKey","renderItem","height","estimateSize","overscan","emptyContent","horizontal","className","style","props","ref","root","useRef","virtualizer","useVirtualizer","index","Math","useImperativeHandle","align","offset","classes","row","undefined","Result","VirtualList","forwardRef"],"mappings":";;;;;;AA6BA,SAASA,gBACP,EACEC,KAAK,EACLC,OAAO,EACPC,UAAU,EACVC,SAAS,GAAG,EACZC,eAAe,EAAE,EACjBC,WAAW,CAAC,EACZC,YAAY,EACZC,aAAa,KAAK,EAClBC,SAAS,EACTC,KAAK,EACL,GAAGC,OACiB,EACtBC,GAA2B;IAE3B,MAAMC,OAAOC,OAAuB;IACpC,MAAMC,cAAcC,eAA8C;QAChE,OAAOf,MAAM,MAAM;QACnB,kBAAkB,IAAMY,KAAK,OAAO;QACpC,cAAc,CAACI,QACb,AAAwB,YAAxB,OAAOZ,eACHa,KAAK,GAAG,CAAC,GAAGb,gBACZa,KAAK,GAAG,CAAC,GAAGb,aAAaJ,KAAK,CAACgB,MAAM,EAAOA;QAClD,YAAY,CAACA,QAAUf,QAAQD,KAAK,CAACgB,MAAM,EAAOA;QAClD,UAAUC,KAAK,GAAG,CAAC,GAAGZ;QACtBE;QACA,aAAa;YAAEJ;YAAQ,OAAO;QAAI;IACpC;IACAe,oBACEP,KACA,IAAO;YACL,SAASC,KAAK,OAAO;YACrB,eAAe,CAACI,OAAOG,QAAQ,MAAM,GAAKL,YAAY,aAAa,CAACE,OAAO;oBAAEG;gBAAM;YACnF,gBAAgB,CAACC,SAAWN,YAAY,cAAc,CAACM;QACzD,IACA;QAACN;KAAY;IAEf,OAAO,WAAP,GACE,IAAC;QACE,GAAGJ,KAAK;QACT,KAAKE;QACL,MAAMF,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ,IAAI;QAC5B,WAAWW,QAAQ,qBAAqBb;QACxC,OAAO;YAAEL;YAAQ,GAAGM,KAAK;QAAC;kBAEzB,AAACT,MAAM,MAAM,iBAGZ,IAAC;YACC,WAAU;YACV,OAAO;gBACL,QAAQO,aAAa,SAASO,YAAY,YAAY;gBACtD,OAAOP,aAAaO,YAAY,YAAY,KAAK;YACnD;sBAECA,YAAY,eAAe,GAAG,GAAG,CAAC,CAACQ,MAAAA,WAAAA,GAClC,IAAC;oBAEC,KAAKR,YAAY,cAAc;oBAC/B,cAAYQ,IAAI,KAAK;oBACrB,iBAAeA,IAAI,KAAK,GAAG;oBAC3B,gBAActB,MAAM,MAAM;oBAC1B,WAAU;oBACV,OAAO;wBACL,KAAK;wBACL,MAAM;wBACN,OAAOO,aAAagB,SAAY;wBAChC,QAAQhB,aAAa,SAASgB;wBAC9B,WAAW,CAAC,SAAS,EAAEhB,aAAa,MAAM,IAAI,CAAC,EAAEe,IAAI,KAAK,CAAC,GAAG,CAAC;oBACjE;8BAECpB,WAAWF,KAAK,CAACsB,IAAI,KAAK,CAAC,EAAOA,IAAI,KAAK;mBAdvCA,IAAI,GAAG;aAXjBhB,gBAAgB,WAAhBA,GAAgB,IAACkB,QAAMA;YAAC,QAAO;;;AAgCxC;AACO,MAAMC,cAAc,WAAHA,GAAGC,WAAW3B"}
+{"version":3,"file":"virtuallist/virtuallist.js","sources":["../../../src/virtuallist/virtuallist.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  forwardRef,\n  type HTMLAttributes,\n  type Key,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport {\n  mergeComponentProps,\n  useGenericComponentDefaults,\n} from '../config-provider/component-defaults';\nimport { ResultControl as Result } from '../result/result';\nimport { classes } from '../shared/classes';\nexport interface VirtualListHandle {\n  element: HTMLDivElement | null;\n  scrollToIndex: (index: number, align?: 'auto' | 'start' | 'center' | 'end') => void;\n  scrollToOffset: (offset: number) => void;\n}\nexport interface VirtualListProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  items: readonly T[];\n  itemKey: (item: T, index: number) => Key;\n  renderItem: (item: T, index: number) => ReactNode;\n  height?: number;\n  estimateSize?: number | ((item: T, index: number) => number);\n  overscan?: number;\n  emptyContent?: ReactNode;\n  horizontal?: boolean;\n}\nfunction VirtualListRoot<T>(rawProps: VirtualListProps<T>, ref: Ref<VirtualListHandle>) {\n  const {\n    items,\n    itemKey,\n    renderItem,\n    height = 320,\n    estimateSize = 40,\n    overscan = 5,\n    emptyContent,\n    horizontal = false,\n    className,\n    style,\n    ...props\n  } = rawProps;\n  const root = useRef<HTMLDivElement>(null);\n  const virtualizer = useVirtualizer<HTMLDivElement, HTMLLIElement>({\n    count: items.length,\n    getScrollElement: () => root.current,\n    estimateSize: (index) =>\n      typeof estimateSize === 'number'\n        ? Math.max(1, estimateSize)\n        : Math.max(1, estimateSize(items[index] as T, index)),\n    getItemKey: (index) => itemKey(items[index] as T, index),\n    overscan: Math.max(0, overscan),\n    horizontal,\n    initialRect: { height, width: 640 },\n  });\n  useImperativeHandle(\n    ref,\n    () => ({\n      element: root.current,\n      scrollToIndex: (index, align = 'auto') => virtualizer.scrollToIndex(index, { align }),\n      scrollToOffset: (offset) => virtualizer.scrollToOffset(offset),\n    }),\n    [virtualizer],\n  );\n  return (\n    <div\n      {...props}\n      ref={root}\n      role={props.role}\n      tabIndex={props.tabIndex ?? 0}\n      className={classes('leaf-virtual-list', className)}\n      style={{ height, ...style }}\n    >\n      {!items.length ? (\n        (emptyContent ?? <Result status=\"empty\" />)\n      ) : (\n        <ul\n          className=\"leaf-virtual-list__canvas\"\n          style={{\n            height: horizontal ? '100%' : virtualizer.getTotalSize(),\n            width: horizontal ? virtualizer.getTotalSize() : '100%',\n          }}\n        >\n          {virtualizer.getVirtualItems().map((row) => (\n            <li\n              key={row.key}\n              ref={virtualizer.measureElement}\n              data-index={row.index}\n              aria-posinset={row.index + 1}\n              aria-setsize={items.length}\n              className=\"leaf-virtual-list__item\"\n              style={{\n                top: 0,\n                left: 0,\n                width: horizontal ? undefined : '100%',\n                height: horizontal ? '100%' : undefined,\n                transform: `translate${horizontal ? 'X' : 'Y'}(${row.start}px)`,\n              }}\n            >\n              {renderItem(items[row.index] as T, row.index)}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\nexport const VirtualListControl = forwardRef(VirtualListRoot) as <T>(\n  props: VirtualListProps<T> & RefAttributes<VirtualListHandle>,\n) => ReactElement;\n\nfunction VirtualListEntry<T>(rawProps: VirtualListProps<T>, ref: Ref<VirtualListHandle>) {\n  const props = mergeComponentProps<VirtualListProps<T>>(\n    useGenericComponentDefaults('VirtualList'),\n    rawProps,\n  );\n  return <VirtualListControl {...props} ref={ref} />;\n}\nexport const VirtualList = forwardRef(VirtualListEntry) as <T>(\n  props: VirtualListProps<T> & RefAttributes<VirtualListHandle>,\n) => ReactElement;\n"],"names":["VirtualListRoot","rawProps","ref","items","itemKey","renderItem","height","estimateSize","overscan","emptyContent","horizontal","className","style","props","root","useRef","virtualizer","useVirtualizer","index","Math","useImperativeHandle","align","offset","classes","row","undefined","Result","VirtualListControl","forwardRef","VirtualListEntry","mergeComponentProps","useGenericComponentDefaults","VirtualList"],"mappings":";;;;;;;AAiCA,SAASA,gBAAmBC,QAA6B,EAAEC,GAA2B;IACpF,MAAM,EACJC,KAAK,EACLC,OAAO,EACPC,UAAU,EACVC,SAAS,GAAG,EACZC,eAAe,EAAE,EACjBC,WAAW,CAAC,EACZC,YAAY,EACZC,aAAa,KAAK,EAClBC,SAAS,EACTC,KAAK,EACL,GAAGC,OACJ,GAAGZ;IACJ,MAAMa,OAAOC,OAAuB;IACpC,MAAMC,cAAcC,eAA8C;QAChE,OAAOd,MAAM,MAAM;QACnB,kBAAkB,IAAMW,KAAK,OAAO;QACpC,cAAc,CAACI,QACb,AAAwB,YAAxB,OAAOX,eACHY,KAAK,GAAG,CAAC,GAAGZ,gBACZY,KAAK,GAAG,CAAC,GAAGZ,aAAaJ,KAAK,CAACe,MAAM,EAAOA;QAClD,YAAY,CAACA,QAAUd,QAAQD,KAAK,CAACe,MAAM,EAAOA;QAClD,UAAUC,KAAK,GAAG,CAAC,GAAGX;QACtBE;QACA,aAAa;YAAEJ;YAAQ,OAAO;QAAI;IACpC;IACAc,oBACElB,KACA,IAAO;YACL,SAASY,KAAK,OAAO;YACrB,eAAe,CAACI,OAAOG,QAAQ,MAAM,GAAKL,YAAY,aAAa,CAACE,OAAO;oBAAEG;gBAAM;YACnF,gBAAgB,CAACC,SAAWN,YAAY,cAAc,CAACM;QACzD,IACA;QAACN;KAAY;IAEf,OAAO,WAAP,GACE,IAAC;QACE,GAAGH,KAAK;QACT,KAAKC;QACL,MAAMD,MAAM,IAAI;QAChB,UAAUA,MAAM,QAAQ,IAAI;QAC5B,WAAWU,QAAQ,qBAAqBZ;QACxC,OAAO;YAAEL;YAAQ,GAAGM,KAAK;QAAC;kBAEzB,AAACT,MAAM,MAAM,iBAGZ,IAAC;YACC,WAAU;YACV,OAAO;gBACL,QAAQO,aAAa,SAASM,YAAY,YAAY;gBACtD,OAAON,aAAaM,YAAY,YAAY,KAAK;YACnD;sBAECA,YAAY,eAAe,GAAG,GAAG,CAAC,CAACQ,MAAAA,WAAAA,GAClC,IAAC;oBAEC,KAAKR,YAAY,cAAc;oBAC/B,cAAYQ,IAAI,KAAK;oBACrB,iBAAeA,IAAI,KAAK,GAAG;oBAC3B,gBAAcrB,MAAM,MAAM;oBAC1B,WAAU;oBACV,OAAO;wBACL,KAAK;wBACL,MAAM;wBACN,OAAOO,aAAae,SAAY;wBAChC,QAAQf,aAAa,SAASe;wBAC9B,WAAW,CAAC,SAAS,EAAEf,aAAa,MAAM,IAAI,CAAC,EAAEc,IAAI,KAAK,CAAC,GAAG,CAAC;oBACjE;8BAECnB,WAAWF,KAAK,CAACqB,IAAI,KAAK,CAAC,EAAOA,IAAI,KAAK;mBAdvCA,IAAI,GAAG;aAXjBf,gBAAgB,WAAhBA,GAAgB,IAACiB,eAAMA;YAAC,QAAO;;;AAgCxC;AACO,MAAMC,qBAAqB,WAAHA,GAAGC,WAAW5B;AAI7C,SAAS6B,iBAAoB5B,QAA6B,EAAEC,GAA2B;IACrF,MAAMW,QAAQiB,oBACZC,4BAA4B,gBAC5B9B;IAEF,OAAO,WAAP,GAAO,IAAC0B,oBAAkBA;QAAE,GAAGd,KAAK;QAAE,KAAKX;;AAC7C;AACO,MAAM8B,cAAc,WAAHA,GAAGJ,WAAWC"}

package/dist/locales/check-translations.mjs

@@ -0,0 +1,84 @@
+#!/usr/bin/env node
+import { readFile } from 'node:fs/promises';
+import { resolve } from 'node:path';
+import { IntlMessageFormat } from 'intl-messageformat';
+
+const [file] = process.argv.slice(2).filter((arg) => !arg.startsWith('--'));
+if (!file) {
+  console.error('Usage: leaf-ui-check-translations <locale.json> [--allow-partial]');
+  process.exitCode = 1;
+} else {
+  try {
+    // This script runs in source during tests and next to the JSON files after packaging.
+    let template;
+    try {
+      template = await readFile(new URL('./en-US.json', import.meta.url), 'utf8');
+    } catch (error) {
+      if (error.code !== 'ENOENT') throw error;
+      template = await readFile(new URL('../src/locales/en-US.json', import.meta.url), 'utf8');
+    }
+    const english = JSON.parse(template);
+    const translation = JSON.parse(await readFile(resolve(file), 'utf8'));
+    const errors = [];
+    const missing = [];
+    if (translation?.$schema !== undefined && typeof translation.$schema !== 'string')
+      errors.push('$schema: expected a string');
+    function argumentsOf(template) {
+      const result = new Set();
+      function visit(nodes) {
+        for (const node of nodes) {
+          if (node.type >= 1 && node.type <= 6) result.add(node.value);
+          if (node.options) for (const option of Object.values(node.options)) visit(option.value);
+        }
+      }
+      visit(new IntlMessageFormat(template, 'en-US', undefined, { ignoreTag: true }).getAst());
+      return [...result].sort().join(',');
+    }
+    function check(reference, actual, key = '') {
+      if (actual === undefined) {
+        missing.push(key);
+        return;
+      }
+      if (typeof reference === 'string') {
+        if (typeof actual !== 'string') {
+          errors.push(`${key}: expected a string`);
+          return;
+        }
+        try {
+          if (actual !== '' && argumentsOf(reference) !== argumentsOf(actual))
+            errors.push(`${key}: template arguments differ from English`);
+        } catch (error) {
+          errors.push(`${key}: ${error.message}`);
+        }
+      } else if (Array.isArray(reference)) {
+        if (
+          !Array.isArray(actual) ||
+          actual.length !== reference.length ||
+          actual.some((item) => typeof item !== 'string')
+        )
+          errors.push(`${key}: expected ${reference.length} strings`);
+      } else {
+        if (!actual || typeof actual !== 'object' || Array.isArray(actual)) {
+          errors.push(`${key || 'root'}: expected an object`);
+          return;
+        }
+        for (const name of Object.keys(actual))
+          if (!Object.hasOwn(reference, name) && (key !== '' || name !== '$schema'))
+            errors.push(`${key ? `${key}.` : ''}${name}: unknown key`);
+        for (const [name, value] of Object.entries(reference))
+          check(value, actual[name], key ? `${key}.${name}` : name);
+      }
+    }
+    check(english, translation);
+    for (const error of errors) console.error(error);
+    if (missing.length)
+      console.log(`Missing translations (${missing.length}): ${missing.join(', ')}`);
+    if (errors.length || (missing.length && !process.argv.includes('--allow-partial')))
+      process.exitCode = 1;
+    else
+      console.log(`Translation valid${missing.length ? ' (partial; fallback will be used)' : ''}.`);
+  } catch (error) {
+    console.error(error.message);
+    process.exitCode = 1;
+  }
+}

package/dist/locales/en-US.json

@@ -0,0 +1,335 @@
+{
+  "select": {
+    "placeholder": "Please select",
+    "empty": "No options",
+    "clear": "Clear selection",
+    "create": "Create “{label}”"
+  },
+  "autoComplete": {
+    "empty": "No suggestions",
+    "suggestions": "{label} suggestions"
+  },
+  "datePicker": {
+    "placeholder": "Select a date",
+    "clear": "Clear date",
+    "label": "Choose a date",
+    "selectDate": "Choose date"
+  },
+  "timePicker": {
+    "placeholder": "Select a time",
+    "clear": "Clear time",
+    "label": "Choose a time",
+    "hours": "Hours",
+    "minutes": "Minutes",
+    "seconds": "Seconds",
+    "period": "Period",
+    "am": "AM",
+    "pm": "PM",
+    "now": "Now",
+    "selectTime": "Choose time"
+  },
+  "dateTimePicker": {
+    "placeholder": "Select date and time"
+  },
+  "dateRangePicker": {
+    "placeholder": "Select a date range",
+    "clear": "Clear range"
+  },
+  "cascader": {
+    "clear": "Clear selection",
+    "level": "Level {level}",
+    "placeholder": "Please select",
+    "empty": "No options"
+  },
+  "calendar": {
+    "previousMonth": "Previous month",
+    "nextMonth": "Next month",
+    "previousYear": "Previous year",
+    "nextYear": "Next year",
+    "previousYears": "Previous years",
+    "nextYears": "Next years",
+    "weekdays": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+    "year": "Year",
+    "month": "Month",
+    "week": "Week",
+    "today": "Today",
+    "label": "Calendar"
+  },
+  "common": {
+    "confirm": "OK",
+    "cancel": "Cancel",
+    "close": "Close",
+    "start": "Start",
+    "end": "End",
+    "remove": "Remove",
+    "search": "Search options",
+    "noData": "No data",
+    "retry": "Retry",
+    "preview": "Preview",
+    "download": "Download",
+    "loading": "Loading",
+    "searchAction": "Search"
+  },
+  "form": {
+    "required": "Please fill out this field",
+    "invalid": "Please check this field",
+    "errorSummary": "Please check the following fields"
+  },
+  "breadcrumb": {
+    "label": "Breadcrumb"
+  },
+  "pagination": {
+    "label": "Pagination",
+    "previousPage": "Previous page",
+    "nextPage": "Next page",
+    "page": "Page",
+    "pageSize": "Page size",
+    "jumpTo": "Go to",
+    "pageBack": "Jump back 5 pages",
+    "pageForward": "Jump forward 5 pages",
+    "pageLabel": "Page {page}",
+    "pageSizeOption": "{count} / page",
+    "total": "Total {total} items"
+  },
+  "input": {
+    "showPassword": "Show password",
+    "hidePassword": "Hide password",
+    "clear": "Clear input"
+  },
+  "inputNumber": {
+    "increase": "Increase value",
+    "decrease": "Decrease value",
+    "invalid": "Enter a valid number within the allowed range"
+  },
+  "progress": {
+    "label": "Progress"
+  },
+  "avatar": {
+    "label": "Avatar",
+    "moreMembers": "More members",
+    "showMore": "Show {count, plural, one {# more member} other {# more members}}"
+  },
+  "rate": {
+    "label": "Rating"
+  },
+  "result": {
+    "success": "Success",
+    "warning": "Attention needed",
+    "error": "Something went wrong",
+    "info": "Information"
+  },
+  "colorPicker": {
+    "label": "Choose a color",
+    "clear": "Clear color",
+    "saturation": "Saturation",
+    "brightness": "Brightness",
+    "hue": "Hue",
+    "alpha": "Opacity",
+    "value": "Color value",
+    "invalid": "Enter a valid color",
+    "presets": "Preset colors",
+    "gradient": "Gradient",
+    "colorStop": "Color stop {index}",
+    "addColorStop": "Add color stop",
+    "removeColorStop": "Remove color stop",
+    "color": "Color",
+    "position": "Position",
+    "colorStopPosition": "Color stop position",
+    "angle": "Angle",
+    "gradientAngle": "Gradient angle"
+  },
+  "tree": {
+    "label": "Tree",
+    "expand": "Expand",
+    "reorderInstructions": "Press Space to pick up, Up/Down to choose a target, Left/Right to place before/after it, Space to drop, and Escape to cancel.",
+    "moveNode": "Move node {label}",
+    "expandNode": "Expand {label}",
+    "collapseNode": "Collapse {label}"
+  },
+  "collapse": {
+    "label": "Collapsible panels"
+  },
+  "slider": {
+    "label": "Slider"
+  },
+  "tabs": {
+    "moreTabs": "More tabs",
+    "addTab": "Add tab",
+    "reorder": "Reorder tab {label}",
+    "closeLabel": "Close tab {label}"
+  },
+  "backTop": {
+    "backToTop": "Back to top"
+  },
+  "button": {
+    "moreActions": "More actions"
+  },
+  "carousel": {
+    "carousel": "Carousel",
+    "previousSlide": "Previous slide",
+    "nextSlide": "Next slide",
+    "goTo": "Go to {index}",
+    "slide": "slide",
+    "role": "carousel"
+  },
+  "commandPalette": {
+    "commandSearch": "Command search",
+    "placeholder": "Search commands…",
+    "searchCommands": "Search commands",
+    "commands": "Commands",
+    "navigate": "Navigate",
+    "run": "Run"
+  },
+  "errorBoundary": {
+    "title": "This content could not be displayed",
+    "description": "Please retry or come back later."
+  },
+  "fileList": {
+    "fileType": "FILE",
+    "uploading": "Uploading",
+    "uploadFailed": "Upload failed",
+    "cancelled": "Cancelled",
+    "uploadComplete": "Upload complete",
+    "ready": "Ready",
+    "uploadProgress": "Upload progress {name}",
+    "noFiles": "No files",
+    "preview": "Preview {name}",
+    "download": "Download {name}",
+    "remove": "Remove {name}"
+  },
+  "floatButton": {
+    "quickActions": "Quick actions"
+  },
+  "image": {
+    "previewImage": "Preview image{alt}",
+    "imageUnavailable": "Image unavailable",
+    "imagePreview": "Image preview",
+    "downloadImage": "Download image",
+    "exitFullscreen": "Exit fullscreen",
+    "enterFullscreen": "Enter fullscreen",
+    "closePreview": "Close preview",
+    "previousImage": "Previous image",
+    "nextImage": "Next image",
+    "downloadFailedOpenTheOriginalImageToSaveIt": "Download failed. Open the original image to save it.",
+    "openOriginal": "Open original",
+    "zoomOut": "Zoom out",
+    "resetZoom": "Reset zoom",
+    "zoomIn": "Zoom in",
+    "showThumbnails": "Show thumbnails",
+    "scrollThumbnailsBackward": "Scroll thumbnails backward",
+    "imageList": "Image list",
+    "scrollThumbnailsForward": "Scroll thumbnails forward",
+    "image": "Image",
+    "position": "{index} of {total}",
+    "viewImage": "View image {index}{alt}"
+  },
+  "infiniteScroll": {
+    "loadingFailedRetry": "Loading failed. Retry",
+    "allItemsLoaded": "All items loaded",
+    "loadMore": "Load more"
+  },
+  "inputOTP": {
+    "verificationCode": "Verification code"
+  },
+  "layout": {
+    "expandSidebar": "Expand sidebar",
+    "collapseSidebar": "Collapse sidebar"
+  },
+  "loadingBar": {
+    "pageLoadingProgress": "Page loading progress"
+  },
+  "menu": {
+    "navigationMenu": "Navigation menu"
+  },
+  "popconfirm": {
+    "actionFailedPleaseRetry": "Action failed. Please retry."
+  },
+  "qrCode": {
+    "qrCode": "QR code",
+    "refreshCode": "Refresh code"
+  },
+  "scrollbar": {
+    "verticalScrollbar": "Vertical scrollbar",
+    "horizontalScrollbar": "Horizontal scrollbar"
+  },
+  "splitter": {
+    "resizePanel": "Resize panel {index}",
+    "togglePanel": "Toggle panel"
+  },
+  "table": {
+    "table": "Table",
+    "scrollArea": "Scroll area",
+    "loadError": "Unable to load data. Please try again."
+  },
+  "dataTable": {
+    "searchTable": "Search table",
+    "columns": "Columns",
+    "resizeColumn": "Resize column: {label}",
+    "selectRows": "Select rows",
+    "selectAllRowsOnThisPage": "Select all rows on this page",
+    "selectAllRows": "Select all rows",
+    "reorderRow": "Reorder row: {label}",
+    "selectRow": "Select row: {label}",
+    "collapseRow": "Collapse row: {label}",
+    "expandRow": "Expand row: {label}",
+    "reorderRows": "Reorder rows",
+    "expandRows": "Expand rows",
+    "sortAscending": "Sort ascending",
+    "sortDescending": "Sort descending",
+    "clearSorting": "Clear sorting",
+    "reorderColumn": "Reorder column: {label}"
+  },
+  "timeRangePicker": {
+    "placeholder": "Start time ~ End time",
+    "label": "Choose time range",
+    "clear": "Clear time range"
+  },
+  "tour": {
+    "previous": "Previous",
+    "finish": "Finish",
+    "next": "Next"
+  },
+  "transfer": {
+    "selectAllVisibleItems": "Select all visible items",
+    "available": "Available",
+    "selected": "Selected",
+    "searchAvailableItems": "Search available items",
+    "searchSelectedItems": "Search selected items",
+    "noItems": "No items",
+    "moveToSelected": "Move to selected",
+    "moveToAvailable": "Move to available"
+  },
+  "typography": {
+    "editText": "Edit text",
+    "collapse": "Collapse",
+    "expand": "Expand",
+    "copyText": "Copy text"
+  },
+  "upload": {
+    "uploadUrlCannotBeEmpty": "Upload URL cannot be empty",
+    "uploadFailed": "Upload failed",
+    "chooseOneFileAtATime": "Choose one file at a time",
+    "fileTypeIsNotAccepted": "File type is not accepted",
+    "fileExceedsTheSizeLimit": "File exceeds the size limit",
+    "fileCountLimitReached": "File count limit reached",
+    "fileValidationFailed": "File validation failed",
+    "chooseFiles": "Choose files",
+    "dropHint": "Click or drop files here",
+    "dropDescription": "Choose files or drag them into this area",
+    "cancelUpload": "Cancel upload {name}",
+    "retryUpload": "Retry upload {name}"
+  },
+  "treeSelect": {
+    "placeholder": "Please select",
+    "clear": "Clear selection",
+    "empty": "No options"
+  },
+  "drag": {
+    "instructions": "Press Space to start, arrow keys to move, Space to drop, and Escape to cancel.",
+    "pickedUp": "Picked up {label}",
+    "moved": "Move to {label}",
+    "dropped": "Dropped {label}",
+    "cancelled": "Reordering cancelled",
+    "outside": "No drop target"
+  }
+}