@lablup/ui-common 0.2.0-alpha.18 → 0.2.0-alpha.19

package/dist/locales/en.generated.js

@@ -116,6 +116,7 @@ const runtimeCatalog = {
   '@astryx.dialog.close': 'Close',
   '@astryx.dropdownMenu.label': 'Menu',
   '@astryx.dropdownMenu.back': 'Back',
+  '@astryx.dropdownMenu.backTo': 'Back to {parent}',
   '@astryx.lightbox.close': 'Close',
   '@astryx.lightbox.previous': 'Previous',
   '@astryx.lightbox.next': 'Next',
@@ -138,6 +139,37 @@ const runtimeCatalog = {
   '@astryx.listInput.announceReturnedToPosition': '{itemName} returned to position {position, number}.',
   '@astryx.listInput.announceDropped': '{itemName} dropped at position {position, number} of {total, number}.',
   '@astryx.listInput.announceAlreadyAtBoundary': 'This {itemName} is already {boundary, select, first {first} last {last} other {}}.',
+  '@astryx.markdownHeadingLinks.copied': 'Link copied',
+  '@astryx.markdownHeadingLinks.copy': 'Copy link to {heading}',
+  '@astryx.richTextEditor.tabEscapeHint': 'Press Escape then Tab to move focus out of the editor.',
+  '@astryx.richTextEditor.toolbar.label': 'Text formatting',
+  '@astryx.richTextEditor.toolbar.actions': 'Formatting actions',
+  '@astryx.richTextEditor.toolbar.undo': 'Undo',
+  '@astryx.richTextEditor.toolbar.redo': 'Redo',
+  '@astryx.richTextEditor.toolbar.historyDivider': 'History and block formats',
+  '@astryx.richTextEditor.toolbar.blockFormat': 'Block format',
+  '@astryx.richTextEditor.toolbar.formatDivider': 'Block and inline formats',
+  '@astryx.richTextEditor.toolbar.paragraph': 'Paragraph',
+  '@astryx.richTextEditor.toolbar.heading1': 'Heading 1',
+  '@astryx.richTextEditor.toolbar.heading2': 'Heading 2',
+  '@astryx.richTextEditor.toolbar.heading3': 'Heading 3',
+  '@astryx.richTextEditor.toolbar.bulletedList': 'Bulleted list',
+  '@astryx.richTextEditor.toolbar.numberedList': 'Numbered list',
+  '@astryx.richTextEditor.toolbar.blockQuote': 'Block quote',
+  '@astryx.richTextEditor.toolbar.bold': 'Bold',
+  '@astryx.richTextEditor.toolbar.italic': 'Italic',
+  '@astryx.richTextEditor.toolbar.underline': 'Underline',
+  '@astryx.richTextEditor.toolbar.strikethrough': 'Strikethrough',
+  '@astryx.richTextEditor.toolbar.inlineCode': 'Inline code',
+  '@astryx.richTextEditor.toolbar.link': 'Link',
+  '@astryx.richTextEditor.link.insertTitle': 'Insert link',
+  '@astryx.richTextEditor.link.editTitle': 'Edit link',
+  '@astryx.richTextEditor.link.url': 'URL',
+  '@astryx.richTextEditor.link.invalidUrl': 'Enter a valid http, https, mailto, or tel URL.',
+  '@astryx.richTextEditor.link.remove': 'Remove link',
+  '@astryx.richTextEditor.link.cancel': 'Cancel',
+  '@astryx.richTextEditor.link.add': 'Add link',
+  '@astryx.richTextEditor.link.update': 'Update link',
   '@astryx.markdown.taskList': 'Task list',
   '@astryx.markdown.table': 'Table',
   '@astryx.mobileNav.closeNavigation': 'Close navigation',
@@ -343,6 +375,8 @@ const runtimeCatalog = {
   '@astryx.multiSelector.selectionCleared': 'Selection cleared',
   '@astryx.multiSelector.allSelected': 'All selected',
   '@astryx.multiSelector.selectionCount': '{count, number} of {total, number} selected',
+  '@astryx.multiSelector.createOption': 'Create "{query}"',
+  '@astryx.multiSelector.optionCreated': '{label} created',
   '@astryx.multiSelector.emptySearchResults': 'No results found',
   '@astryx.multiSelector.resultCount': '{count, number} {count, plural, one {result} other {results}}',
   '@astryx.selector.emptySearchResults': 'No results found',

package/dist/locales/en.json

@@ -435,6 +435,10 @@
     "defaultMessage": "Back",
     "description": "Button label that returns from a nested action list to its parent inside a DropdownMenu bottom sheet. Imperative navigation action."
   },
+  "@astryx.dropdownMenu.backTo": {
+    "defaultMessage": "Back to {parent}",
+    "description": "Menu row that returns from a drilled-in sub-menu to the menu it came from. {parent} is that menu's name (e.g. \"Back to Actions\"). Imperative navigation action."
+  },
   "@astryx.lightbox.close": {
     "defaultMessage": "Close",
     "description": "\"Close\" = shut/dismiss (not \"nearby\"). Screen-reader-only label on the X button that dismisses a Lightbox."
@@ -523,6 +527,130 @@
     "defaultMessage": "This {itemName} is already {boundary, select, first {first} last {last} other {}}.",
     "description": "Screen-reader-only live announcement when an arrow-key reorder attempt has no effect because the record is already at that end of the list. `{itemName}` is the consumer's singular noun for one record; `{boundary}` is always exactly \"first\" or \"last\"."
   },
+  "@astryx.markdownHeadingLinks.copied": {
+    "defaultMessage": "Link copied",
+    "description": "Accessible name on the Markdown heading copy button and text announced to a polite live region for ~1.5s after a successful copy. Sentence meaning \"Link copied\"; pairs with `markdownHeadingLinks.copy`."
+  },
+  "@astryx.markdownHeadingLinks.copy": {
+    "defaultMessage": "Copy link to {heading}",
+    "description": "Accessible name on the Markdown heading copy button in its default state. `{heading}` is the heading's plain text, or its generated id when the text is empty; pairs with `markdownHeadingLinks.copied`."
+  },
+  "@astryx.richTextEditor.tabEscapeHint": {
+    "defaultMessage": "Press Escape then Tab to move focus out of the editor.",
+    "description": "Screen-reader-only hint attached to the RichTextEditor text area. Tab indents text inside the editor, so this tells keyboard users the two-key sequence that moves focus out of it."
+  },
+  "@astryx.richTextEditor.toolbar.label": {
+    "defaultMessage": "Text formatting",
+    "description": "Accessible name of the formatting toolbar above a RichTextEditor."
+  },
+  "@astryx.richTextEditor.toolbar.actions": {
+    "defaultMessage": "Formatting actions",
+    "description": "Accessible name of the group that holds every formatting control in the RichTextEditor toolbar."
+  },
+  "@astryx.richTextEditor.toolbar.undo": {
+    "defaultMessage": "Undo",
+    "description": "Label and tooltip of the toolbar button that undoes the last edit in a RichTextEditor."
+  },
+  "@astryx.richTextEditor.toolbar.redo": {
+    "defaultMessage": "Redo",
+    "description": "Label and tooltip of the toolbar button that redoes the last undone edit in a RichTextEditor."
+  },
+  "@astryx.richTextEditor.toolbar.historyDivider": {
+    "defaultMessage": "History and block formats",
+    "description": "Screen-reader name of the divider between the undo/redo buttons and the block-format menu in the RichTextEditor toolbar."
+  },
+  "@astryx.richTextEditor.toolbar.blockFormat": {
+    "defaultMessage": "Block format",
+    "description": "Visually hidden label of the RichTextEditor toolbar menu that turns the current block into a paragraph, heading, list, or quote."
+  },
+  "@astryx.richTextEditor.toolbar.formatDivider": {
+    "defaultMessage": "Block and inline formats",
+    "description": "Screen-reader name of the divider between the block-format menu and the bold/italic/etc. buttons in the RichTextEditor toolbar."
+  },
+  "@astryx.richTextEditor.toolbar.paragraph": {
+    "defaultMessage": "Paragraph",
+    "description": "Block-format menu option: plain body text."
+  },
+  "@astryx.richTextEditor.toolbar.heading1": {
+    "defaultMessage": "Heading 1",
+    "description": "Block-format menu option: top-level heading."
+  },
+  "@astryx.richTextEditor.toolbar.heading2": {
+    "defaultMessage": "Heading 2",
+    "description": "Block-format menu option: second-level heading."
+  },
+  "@astryx.richTextEditor.toolbar.heading3": {
+    "defaultMessage": "Heading 3",
+    "description": "Block-format menu option: third-level heading."
+  },
+  "@astryx.richTextEditor.toolbar.bulletedList": {
+    "defaultMessage": "Bulleted list",
+    "description": "Block-format menu option: a list whose items start with bullet markers."
+  },
+  "@astryx.richTextEditor.toolbar.numberedList": {
+    "defaultMessage": "Numbered list",
+    "description": "Block-format menu option: a list whose items are numbered."
+  },
+  "@astryx.richTextEditor.toolbar.blockQuote": {
+    "defaultMessage": "Block quote",
+    "description": "Block-format menu option: an indented quotation block."
+  },
+  "@astryx.richTextEditor.toolbar.bold": {
+    "defaultMessage": "Bold",
+    "description": "Label of the toolbar toggle that makes selected text bold."
+  },
+  "@astryx.richTextEditor.toolbar.italic": {
+    "defaultMessage": "Italic",
+    "description": "Label of the toolbar toggle that makes selected text italic."
+  },
+  "@astryx.richTextEditor.toolbar.underline": {
+    "defaultMessage": "Underline",
+    "description": "Label of the toolbar toggle that underlines selected text."
+  },
+  "@astryx.richTextEditor.toolbar.strikethrough": {
+    "defaultMessage": "Strikethrough",
+    "description": "Label of the toolbar toggle that strikes a line through selected text."
+  },
+  "@astryx.richTextEditor.toolbar.inlineCode": {
+    "defaultMessage": "Inline code",
+    "description": "Label of the toolbar toggle that formats selected text as source code inside a sentence."
+  },
+  "@astryx.richTextEditor.toolbar.link": {
+    "defaultMessage": "Link",
+    "description": "Label of the toolbar toggle that opens the dialog to add or edit a link on selected text."
+  },
+  "@astryx.richTextEditor.link.insertTitle": {
+    "defaultMessage": "Insert link",
+    "description": "Title of the RichTextEditor dialog that adds a new link."
+  },
+  "@astryx.richTextEditor.link.editTitle": {
+    "defaultMessage": "Edit link",
+    "description": "Title of the RichTextEditor dialog that changes or removes an existing link."
+  },
+  "@astryx.richTextEditor.link.url": {
+    "defaultMessage": "URL",
+    "description": "Label of the web address field in the RichTextEditor link dialog."
+  },
+  "@astryx.richTextEditor.link.invalidUrl": {
+    "defaultMessage": "Enter a valid http, https, mailto, or tel URL.",
+    "description": "Error under the link dialog address field when the entered address is not allowed. Keep the scheme names http, https, mailto, and tel untranslated."
+  },
+  "@astryx.richTextEditor.link.remove": {
+    "defaultMessage": "Remove link",
+    "description": "Button in the RichTextEditor link dialog that removes the link from the selected text and keeps the text."
+  },
+  "@astryx.richTextEditor.link.cancel": {
+    "defaultMessage": "Cancel",
+    "description": "Button that closes the RichTextEditor link dialog without changing anything."
+  },
+  "@astryx.richTextEditor.link.add": {
+    "defaultMessage": "Add link",
+    "description": "Submit button of the RichTextEditor link dialog when adding a new link."
+  },
+  "@astryx.richTextEditor.link.update": {
+    "defaultMessage": "Update link",
+    "description": "Submit button of the RichTextEditor link dialog when changing an existing link address."
+  },
   "@astryx.markdown.taskList": {
     "defaultMessage": "Task list",
     "description": "Screen-reader-only accessible name for a GitHub-flavored Markdown task list (rendered from `- [ ] item` / `- [x] done` syntax)."
@@ -1343,6 +1471,14 @@
     "defaultMessage": "{count, number} of {total, number} selected",
     "description": "Polite screen-reader announcement of how many MultiSelector options are selected out of the total, spoken after each toggle. Live-region text, never shown on screen; example: `3 of 12 selected`."
   },
+  "@astryx.multiSelector.createOption": {
+    "defaultMessage": "Create \"{query}\"",
+    "description": "Label of the first row in a MultiSelector's search panel when `hasCreate` is set and the typed text matches no option. Picking it reports a creation to the caller. `{query}` is the trimmed text the person typed, shown in quotes."
+  },
+  "@astryx.multiSelector.optionCreated": {
+    "defaultMessage": "{label} created",
+    "description": "Polite screen-reader announcement after the create row of a MultiSelector is picked. Live-region text, never shown on screen; `{label}` is the text the person typed."
+  },
   "@astryx.multiSelector.emptySearchResults": {
     "defaultMessage": "No results found",
     "description": "Shown in a MultiSelector's dropdown panel when the search query matches no options, and announced in a polite live region at the same time. Short; neutral tone (not error-y)."

package/dist/locales/pseudo.generated.js

@@ -116,6 +116,7 @@ const runtimeCatalog = {
   '@astryx.dialog.close': '⟦Çłóšé⟧',
   '@astryx.dropdownMenu.label': '⟦Ṁéñú⟧',
   '@astryx.dropdownMenu.back': '⟦Ɓàçķ⟧',
+  '@astryx.dropdownMenu.backTo': '⟦Ɓàçķ ţó {parent}⟧',
   '@astryx.lightbox.close': '⟦Çłóšé⟧',
   '@astryx.lightbox.previous': '⟦Þřéṽíóúš⟧',
   '@astryx.lightbox.next': '⟦Ñéẋţ⟧',
@@ -138,6 +139,37 @@ const runtimeCatalog = {
   '@astryx.listInput.announceReturnedToPosition': '⟦{itemName} řéţúřñéð ţó þóšíţíóñ {position, number}.⟧',
   '@astryx.listInput.announceDropped': '⟦{itemName} ðřóþþéð àţ þóšíţíóñ {position, number} óƒ {total, number}.⟧',
   '@astryx.listInput.announceAlreadyAtBoundary': '⟦Ţĥíš {itemName} íš àłřéàðý {boundary, select, first {first} last {last} other {}}.⟧',
+  '@astryx.markdownHeadingLinks.copied': '⟦Łíñķ çóþíéð⟧',
+  '@astryx.markdownHeadingLinks.copy': '⟦Çóþý łíñķ ţó {heading}⟧',
+  '@astryx.richTextEditor.tabEscapeHint': '⟦Þřéšš Éšçàþé ţĥéñ Ţàƀ ţó ɱóṽé ƒóçúš óúţ óƒ ţĥé éðíţóř.⟧',
+  '@astryx.richTextEditor.toolbar.label': '⟦Ţéẋţ ƒóřɱàţţíñĝ⟧',
+  '@astryx.richTextEditor.toolbar.actions': '⟦Ƒóřɱàţţíñĝ àçţíóñš⟧',
+  '@astryx.richTextEditor.toolbar.undo': '⟦Úñðó⟧',
+  '@astryx.richTextEditor.toolbar.redo': '⟦Řéðó⟧',
+  '@astryx.richTextEditor.toolbar.historyDivider': '⟦Ĥíšţóřý àñð ƀłóçķ ƒóřɱàţš⟧',
+  '@astryx.richTextEditor.toolbar.blockFormat': '⟦Ɓłóçķ ƒóřɱàţ⟧',
+  '@astryx.richTextEditor.toolbar.formatDivider': '⟦Ɓłóçķ àñð íñłíñé ƒóřɱàţš⟧',
+  '@astryx.richTextEditor.toolbar.paragraph': '⟦Þàřàĝřàþĥ⟧',
+  '@astryx.richTextEditor.toolbar.heading1': '⟦Ĥéàðíñĝ 1⟧',
+  '@astryx.richTextEditor.toolbar.heading2': '⟦Ĥéàðíñĝ 2⟧',
+  '@astryx.richTextEditor.toolbar.heading3': '⟦Ĥéàðíñĝ 3⟧',
+  '@astryx.richTextEditor.toolbar.bulletedList': '⟦Ɓúłłéţéð łíšţ⟧',
+  '@astryx.richTextEditor.toolbar.numberedList': '⟦Ñúɱƀéřéð łíšţ⟧',
+  '@astryx.richTextEditor.toolbar.blockQuote': '⟦Ɓłóçķ ɋúóţé⟧',
+  '@astryx.richTextEditor.toolbar.bold': '⟦Ɓółð⟧',
+  '@astryx.richTextEditor.toolbar.italic': '⟦Íţàłíç⟧',
+  '@astryx.richTextEditor.toolbar.underline': '⟦Úñðéřłíñé⟧',
+  '@astryx.richTextEditor.toolbar.strikethrough': '⟦Šţříķéţĥřóúĝĥ⟧',
+  '@astryx.richTextEditor.toolbar.inlineCode': '⟦Íñłíñé çóðé⟧',
+  '@astryx.richTextEditor.toolbar.link': '⟦Łíñķ⟧',
+  '@astryx.richTextEditor.link.insertTitle': '⟦Íñšéřţ łíñķ⟧',
+  '@astryx.richTextEditor.link.editTitle': '⟦Éðíţ łíñķ⟧',
+  '@astryx.richTextEditor.link.url': '⟦ÚŘŁ⟧',
+  '@astryx.richTextEditor.link.invalidUrl': '⟦Éñţéř à ṽàłíð ĥţţþ, ĥţţþš, ɱàíłţó, óř ţéł ÚŘŁ.⟧',
+  '@astryx.richTextEditor.link.remove': '⟦Řéɱóṽé łíñķ⟧',
+  '@astryx.richTextEditor.link.cancel': '⟦Çàñçéł⟧',
+  '@astryx.richTextEditor.link.add': '⟦Àðð łíñķ⟧',
+  '@astryx.richTextEditor.link.update': '⟦Úþðàţé łíñķ⟧',
   '@astryx.markdown.taskList': '⟦Ţàšķ łíšţ⟧',
   '@astryx.markdown.table': '⟦Ţàƀłé⟧',
   '@astryx.mobileNav.closeNavigation': '⟦Çłóšé ñàṽíĝàţíóñ⟧',
@@ -343,6 +375,8 @@ const runtimeCatalog = {
   '@astryx.multiSelector.selectionCleared': '⟦Šéłéçţíóñ çłéàřéð⟧',
   '@astryx.multiSelector.allSelected': '⟦Àłł šéłéçţéð⟧',
   '@astryx.multiSelector.selectionCount': '⟦{count, number} óƒ {total, number} šéłéçţéð⟧',
+  '@astryx.multiSelector.createOption': '⟦Çřéàţé "{query}"⟧',
+  '@astryx.multiSelector.optionCreated': '⟦{label} çřéàţéð⟧',
   '@astryx.multiSelector.emptySearchResults': '⟦Ñó řéšúłţš ƒóúñð⟧',
   '@astryx.multiSelector.resultCount': '⟦{count, number} {count, plural, one {result} other {results}}⟧',
   '@astryx.selector.emptySearchResults': '⟦Ñó řéšúłţš ƒóúñð⟧',

package/dist/locales/pseudo.json

@@ -326,6 +326,9 @@
   "@astryx.dropdownMenu.back": {
     "defaultMessage": "⟦Ɓàçķ⟧"
   },
+  "@astryx.dropdownMenu.backTo": {
+    "defaultMessage": "⟦Ɓàçķ ţó {parent}⟧"
+  },
   "@astryx.lightbox.close": {
     "defaultMessage": "⟦Çłóšé⟧"
   },
@@ -392,6 +395,99 @@
   "@astryx.listInput.announceAlreadyAtBoundary": {
     "defaultMessage": "⟦Ţĥíš {itemName} íš àłřéàðý {boundary, select, first {first} last {last} other {}}.⟧"
   },
+  "@astryx.markdownHeadingLinks.copied": {
+    "defaultMessage": "⟦Łíñķ çóþíéð⟧"
+  },
+  "@astryx.markdownHeadingLinks.copy": {
+    "defaultMessage": "⟦Çóþý łíñķ ţó {heading}⟧"
+  },
+  "@astryx.richTextEditor.tabEscapeHint": {
+    "defaultMessage": "⟦Þřéšš Éšçàþé ţĥéñ Ţàƀ ţó ɱóṽé ƒóçúš óúţ óƒ ţĥé éðíţóř.⟧"
+  },
+  "@astryx.richTextEditor.toolbar.label": {
+    "defaultMessage": "⟦Ţéẋţ ƒóřɱàţţíñĝ⟧"
+  },
+  "@astryx.richTextEditor.toolbar.actions": {
+    "defaultMessage": "⟦Ƒóřɱàţţíñĝ àçţíóñš⟧"
+  },
+  "@astryx.richTextEditor.toolbar.undo": {
+    "defaultMessage": "⟦Úñðó⟧"
+  },
+  "@astryx.richTextEditor.toolbar.redo": {
+    "defaultMessage": "⟦Řéðó⟧"
+  },
+  "@astryx.richTextEditor.toolbar.historyDivider": {
+    "defaultMessage": "⟦Ĥíšţóřý àñð ƀłóçķ ƒóřɱàţš⟧"
+  },
+  "@astryx.richTextEditor.toolbar.blockFormat": {
+    "defaultMessage": "⟦Ɓłóçķ ƒóřɱàţ⟧"
+  },
+  "@astryx.richTextEditor.toolbar.formatDivider": {
+    "defaultMessage": "⟦Ɓłóçķ àñð íñłíñé ƒóřɱàţš⟧"
+  },
+  "@astryx.richTextEditor.toolbar.paragraph": {
+    "defaultMessage": "⟦Þàřàĝřàþĥ⟧"
+  },
+  "@astryx.richTextEditor.toolbar.heading1": {
+    "defaultMessage": "⟦Ĥéàðíñĝ 1⟧"
+  },
+  "@astryx.richTextEditor.toolbar.heading2": {
+    "defaultMessage": "⟦Ĥéàðíñĝ 2⟧"
+  },
+  "@astryx.richTextEditor.toolbar.heading3": {
+    "defaultMessage": "⟦Ĥéàðíñĝ 3⟧"
+  },
+  "@astryx.richTextEditor.toolbar.bulletedList": {
+    "defaultMessage": "⟦Ɓúłłéţéð łíšţ⟧"
+  },
+  "@astryx.richTextEditor.toolbar.numberedList": {
+    "defaultMessage": "⟦Ñúɱƀéřéð łíšţ⟧"
+  },
+  "@astryx.richTextEditor.toolbar.blockQuote": {
+    "defaultMessage": "⟦Ɓłóçķ ɋúóţé⟧"
+  },
+  "@astryx.richTextEditor.toolbar.bold": {
+    "defaultMessage": "⟦Ɓółð⟧"
+  },
+  "@astryx.richTextEditor.toolbar.italic": {
+    "defaultMessage": "⟦Íţàłíç⟧"
+  },
+  "@astryx.richTextEditor.toolbar.underline": {
+    "defaultMessage": "⟦Úñðéřłíñé⟧"
+  },
+  "@astryx.richTextEditor.toolbar.strikethrough": {
+    "defaultMessage": "⟦Šţříķéţĥřóúĝĥ⟧"
+  },
+  "@astryx.richTextEditor.toolbar.inlineCode": {
+    "defaultMessage": "⟦Íñłíñé çóðé⟧"
+  },
+  "@astryx.richTextEditor.toolbar.link": {
+    "defaultMessage": "⟦Łíñķ⟧"
+  },
+  "@astryx.richTextEditor.link.insertTitle": {
+    "defaultMessage": "⟦Íñšéřţ łíñķ⟧"
+  },
+  "@astryx.richTextEditor.link.editTitle": {
+    "defaultMessage": "⟦Éðíţ łíñķ⟧"
+  },
+  "@astryx.richTextEditor.link.url": {
+    "defaultMessage": "⟦ÚŘŁ⟧"
+  },
+  "@astryx.richTextEditor.link.invalidUrl": {
+    "defaultMessage": "⟦Éñţéř à ṽàłíð ĥţţþ, ĥţţþš, ɱàíłţó, óř ţéł ÚŘŁ.⟧"
+  },
+  "@astryx.richTextEditor.link.remove": {
+    "defaultMessage": "⟦Řéɱóṽé łíñķ⟧"
+  },
+  "@astryx.richTextEditor.link.cancel": {
+    "defaultMessage": "⟦Çàñçéł⟧"
+  },
+  "@astryx.richTextEditor.link.add": {
+    "defaultMessage": "⟦Àðð łíñķ⟧"
+  },
+  "@astryx.richTextEditor.link.update": {
+    "defaultMessage": "⟦Úþðàţé łíñķ⟧"
+  },
   "@astryx.markdown.taskList": {
     "defaultMessage": "⟦Ţàšķ łíšţ⟧"
   },
@@ -1007,6 +1103,12 @@
   "@astryx.multiSelector.selectionCount": {
     "defaultMessage": "⟦{count, number} óƒ {total, number} šéłéçţéð⟧"
   },
+  "@astryx.multiSelector.createOption": {
+    "defaultMessage": "⟦Çřéàţé \"{query}\"⟧"
+  },
+  "@astryx.multiSelector.optionCreated": {
+    "defaultMessage": "⟦{label} çřéàţéð⟧"
+  },
   "@astryx.multiSelector.emptySearchResults": {
     "defaultMessage": "⟦Ñó řéšúłţš ƒóúñð⟧"
   },

package/dist/theme/lablup/built/lablup.d.ts

@@ -2,12 +2,12 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/theme/lablup/lablupTheme.ts
  * Command: astryx theme build src/theme/lablup/lablupTheme.ts --out src/theme/lablup/built/theme.css
- * CLI: @astryxdesign/cli@0.6.5
- * Core: @astryxdesign/core@0.6.5
+ * CLI: @astryxdesign/cli@0.7.0
+ * Core: @astryxdesign/core@0.7.0
  */
 
 /// <reference path="./lablup.variants.d.ts" />
 import type { DefinedTheme } from '@astryxdesign/core/theme';
 import type { IconRegistry } from '@astryxdesign/core/Icon';
-export declare const neutralIconRegistry: IconRegistry;
+export declare const themeIcons: IconRegistry;
 export declare const lablupTheme: DefinedTheme;

package/dist/theme/lablup/built/lablup.js

@@ -2,11 +2,13 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/theme/lablup/lablupTheme.ts
  * Command: astryx theme build src/theme/lablup/lablupTheme.ts --out src/theme/lablup/built/theme.css
- * CLI: @astryxdesign/cli@0.6.5
- * Core: @astryxdesign/core@0.6.5
+ * CLI: @astryxdesign/cli@0.7.0
+ * Core: @astryxdesign/core@0.7.0
  */
 
+import { neutralTheme } from '@astryxdesign/theme-neutral';
 import { neutralIconRegistry } from "@astryxdesign/theme-neutral";
+const themeIcons = {...neutralTheme["icons"], ...neutralIconRegistry};
 /**
  * lablup theme — built by `pnpm exec astryx theme build`
  * Import the CSS file alongside this module:
@@ -523,7 +525,24 @@ export const lablupTheme = {
       "xl": 1280,
       "2xl": 1536
     },
-    "rules": []
+    "rules": [
+      {
+        "when": {
+          "pointer": "coarse",
+          "width": {
+            "below": "lg"
+          }
+        },
+        "value": {
+          "typography": {
+            "scale": {
+              "base": 16,
+              "ratio": 1.1736
+            }
+          }
+        }
+      }
+    ]
   },
   __axes: {
     "typography": {
@@ -561,7 +580,7 @@ export const lablupTheme = {
       "ratio": 0.75
     }
   },
-  icons: neutralIconRegistry,
+  icons: themeIcons,
 };
 
-export { neutralIconRegistry };
+export { themeIcons };

package/dist/theme/lablup/built/lablup.variants.d.ts

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/theme/lablup/lablupTheme.ts
  * Command: astryx theme build src/theme/lablup/lablupTheme.ts --out src/theme/lablup/built/theme.css
- * CLI: @astryxdesign/cli@0.6.5
- * Core: @astryxdesign/core@0.6.5
+ * CLI: @astryxdesign/cli@0.7.0
+ * Core: @astryxdesign/core@0.7.0
  */
 
 // Generated by astryx theme build

package/dist/theme/lablup/built/theme.css

@@ -3,10 +3,12 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/theme/lablup/lablupTheme.ts
  * Command: astryx theme build src/theme/lablup/lablupTheme.ts --out src/theme/lablup/built/theme.css
- * CLI: @astryxdesign/cli@0.6.5
- * Core: @astryxdesign/core@0.6.5
+ * CLI: @astryxdesign/cli@0.7.0
+ * Core: @astryxdesign/core@0.7.0
  */
 
+@layer reset, astryx-base, astryx-theme;
+
 @layer reset {
 @scope ([data-astryx-theme="lablup"]) to ([data-astryx-theme]) {
   :where(h1, h2, h3, h4, h5, h6) {
@@ -78,67 +80,6 @@
 }
 }
 
-@layer astryx-base {
-:root {
-  --color-data-categorical-blue: light-dark(#0171E3, #0171E3);
-  --color-data-categorical-orange: light-dark(#EB6E00, #EB6E00);
-  --color-data-categorical-purple: light-dark(#6B1EFD, #6B1EFD);
-  --color-data-categorical-green: light-dark(#0B991F, #0B991F);
-  --color-data-categorical-pink: light-dark(#F351C0, #F351C0);
-  --color-data-categorical-cyan: light-dark(#0171A4, #0171A4);
-  --color-data-categorical-red: light-dark(#F5394F, #F5394F);
-  --color-data-categorical-teal: light-dark(#08A3A3, #08A3A3);
-  --color-data-categorical-brown: light-dark(#965E03, #965E03);
-  --color-data-categorical-indigo: light-dark(#6F8AFF, #6F8AFF);
-  --color-data-neutral: light-dark(#8494A3, #8C939B);
-  --color-data-blue-5: light-dark(#02165E, #02165E);
-  --color-data-blue-4: light-dark(#004CBC, #004CBC);
-  --color-data-blue-3: light-dark(#2694FE, #2694FE);
-  --color-data-blue-2: light-dark(#78BEFF, #78BEFF);
-  --color-data-blue-1: light-dark(#DBECFF, #DBECFF);
-  --color-data-shamrock-5: light-dark(#0B603D, #0B603D);
-  --color-data-shamrock-4: light-dark(#138546, #138546);
-  --color-data-shamrock-3: light-dark(#24BB5E, #24BB5E);
-  --color-data-shamrock-2: light-dark(#8EF7AA, #8EF7AA);
-  --color-data-shamrock-1: light-dark(#D6FEE4, #D6FEE4);
-  --color-data-orange-5: light-dark(#A13F04, #A13F04);
-  --color-data-orange-4: light-dark(#D66100, #D66100);
-  --color-data-orange-3: light-dark(#FD9537, #FD9537);
-  --color-data-orange-2: light-dark(#FDB876, #FDB876);
-  --color-data-orange-1: light-dark(#FFE6CF, #FFE6CF);
-  --color-data-pink-5: light-dark(#8E1073, #8E1073);
-  --color-data-pink-4: light-dark(#D123A1, #D123A1);
-  --color-data-pink-3: light-dark(#F989D3, #F989D3);
-  --color-data-pink-2: light-dark(#FEADE3, #FEADE3);
-  --color-data-pink-1: light-dark(#FCE3F4, #FCE3F4);
-  --color-data-purple-5: light-dark(#3E0697, #3E0697);
-  --color-data-purple-4: light-dark(#6B1EFD, #6B1EFD);
-  --color-data-purple-3: light-dark(#9081FF, #9081FF);
-  --color-data-purple-2: light-dark(#B3B0FE, #B3B0FE);
-  --color-data-purple-1: light-dark(#E8E8FB, #E8E8FB);
-  --color-data-red-5: light-dark(#9D0519, #9D0519);
-  --color-data-red-4: light-dark(#D31130, #D31130);
-  --color-data-red-3: light-dark(#FB7D87, #FB7D87);
-  --color-data-red-2: light-dark(#FFB2B8, #FFB2B8);
-  --color-data-red-1: light-dark(#FEE4E6, #FEE4E6);
-  --color-data-teal-5: light-dark(#08767D, #08767D);
-  --color-data-teal-4: light-dark(#0C9293, #0C9293);
-  --color-data-teal-3: light-dark(#0DB7AF, #0DB7AF);
-  --color-data-teal-2: light-dark(#6CE6D8, #6CE6D8);
-  --color-data-teal-1: light-dark(#D7FCF8, #D7FCF8);
-  --color-data-yellow-5: light-dark(#8A5001, #8A5001);
-  --color-data-yellow-4: light-dark(#D69804, #D69804);
-  --color-data-yellow-3: light-dark(#FBCE03, #FBCE03);
-  --color-data-yellow-2: light-dark(#FCEC85, #FCEC85);
-  --color-data-yellow-1: light-dark(#FDF6BA, #FDF6BA);
-  --color-data-gray-5: light-dark(#25363F, #333338);
-  --color-data-gray-4: light-dark(#5D6C7B, #666A72);
-  --color-data-gray-3: light-dark(#AFB9C4, #B2B8BE);
-  --color-data-gray-2: light-dark(#CCD3DB, #D0D3D6);
-  --color-data-gray-1: light-dark(#F1F4F7, #F2F4F6);
-}
-}
-
 @layer astryx-theme {
   :root { color-scheme: light dark; }
   html[data-theme="light"] { color-scheme: light; }
@@ -701,6 +642,72 @@
 }
 }
 
+@layer astryx-theme {
+@media (width < 1024px) and (pointer: coarse) {
+  @scope ([data-astryx-theme="lablup"]) to ([data-astryx-theme]) {
+    :scope {
+    --font-size-4xs: 0.4375rem;
+    --font-size-3xs: 0.5rem;
+    --font-size-2xs: 0.625rem;
+    --font-size-xs: 0.75rem;
+    --font-size-sm: 0.875rem;
+    --font-size-base: 1rem;
+    --font-size-lg: 1.1875rem;
+    --font-size-xl: 1.375rem;
+    --font-size-2xl: 1.625rem;
+    --font-size-3xl: 1.875rem;
+    --font-size-4xl: 2.25rem;
+    --font-size-5xl: 2.625rem;
+    --text-heading-1-size: var(--font-size-2xl);
+    --text-heading-1-weight: var(--font-weight-semibold);
+    --text-heading-1-leading: 1.3846;
+    --text-heading-2-size: var(--font-size-xl);
+    --text-heading-2-weight: var(--font-weight-semibold);
+    --text-heading-2-leading: 1.4545;
+    --text-heading-3-size: var(--font-size-lg);
+    --text-heading-3-weight: var(--font-weight-bold);
+    --text-heading-3-leading: 1.4737;
+    --text-heading-4-size: var(--font-size-base);
+    --text-heading-4-weight: var(--font-weight-bold);
+    --text-heading-4-leading: 1.5;
+    --text-heading-5-size: var(--font-size-sm);
+    --text-heading-5-weight: var(--font-weight-semibold);
+    --text-heading-5-leading: 1.4286;
+    --text-heading-6-size: var(--font-size-xs);
+    --text-heading-6-weight: var(--font-weight-semibold);
+    --text-heading-6-leading: 1.6667;
+    --text-body-size: var(--font-size-base);
+    --text-body-weight: var(--font-weight-normal);
+    --text-body-leading: 1.5;
+    --text-large-size: var(--font-size-lg);
+    --text-large-weight: var(--font-weight-semibold);
+    --text-large-leading: 1.4737;
+    --text-label-size: var(--font-size-base);
+    --text-label-weight: var(--font-weight-medium);
+    --text-label-leading: 1.5;
+    --text-code-size: var(--font-size-base);
+    --text-code-weight: var(--font-weight-normal);
+    --text-code-leading: 1.5;
+    --text-supporting-size: var(--font-size-sm);
+    --text-supporting-weight: var(--font-weight-normal);
+    --text-supporting-leading: 1.4286;
+    --text-display-1-size: var(--font-size-5xl);
+    --text-display-1-weight: var(--font-weight-normal);
+    --text-display-1-leading: 1.2381;
+    --text-display-2-size: var(--font-size-4xl);
+    --text-display-2-weight: var(--font-weight-normal);
+    --text-display-2-leading: 1.2222;
+    --text-display-3-size: var(--font-size-3xl);
+    --text-display-3-weight: var(--font-weight-normal);
+    --text-display-3-leading: 1.4667;
+    --font-family-body: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    --font-family-heading: Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    --font-family-code: ui-monospace, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  }
+  }
+}
+}
+
 @layer astryx-theme {
 @scope ([data-astryx-theme="lablup"]) to ([data-astryx-theme]) {
   [data-astryx-media="dark"] {

package/dist/theme/lablup/built/theme.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @generated by `astryx theme build` — do not edit manually.
+ * Source: src/theme/lablup/lablupTheme.ts
+ * Command: astryx theme build src/theme/lablup/lablupTheme.ts --out src/theme/lablup/built/theme.css
+ * CLI: @astryxdesign/cli@0.7.0
+ * Core: @astryxdesign/core@0.7.0
+ */
+
+export {};