@simai-studio/view 0.0.0-stage → 1.1.0

package/dist/smart/view/static/default/reference.html

@@ -0,0 +1,242 @@
+<!-- sf-view, example «reference»: the static markup (standard simai.smart-component 1.3.8 §5.4). Generated by scripts/snapshot-first-paint.mjs from the built output; do not edit, run it again. -->
+<sf-view aria-label="Решения" collection="workbench.solutions" data-sf-awaiting aria-busy="true"><sf-view-table slot="content" aria-label="Решения" style="display: contents;" data-sf-host-toolbar data-sf-host-selectable selectable="true" data-sf-host-layout layout="auto" size="1" data-sf-host-vertical-scroll vertical-scroll="page" data-sf-host-settings settings="true" settings-menu="false" creatable="false" row-reorder="false" inline-edit="false" filter-templates="false" data-sf-host-row-actions row-actions="false" data-sf-page-scroll data-sf-sticky-head>
+<section class="sf-table  min-w-0 flex flex-col gap-1/3 flex-1 min-h-0 " data-state="loading" aria-busy="true" data-sf-static>
+
+<div class="sf-table-toolbar flex gap-1/2 content-main-between flex-none" data-sf-filter-tags="0">
+<div class="sf-table-toolbar-start flex items-cross-center gap-1/3 flex-wrap min-w-0">
+<div class="flex items-cross-center">
+<sf-button appearance="default" scheme="primary" icon-start="filter_list" size="1" text="Фильтр" style="display: contents;">
+<button type="button" class="sf-button sf-button--size-1 sf-button--default sf-button--primary flex items-cross-center" data-sf-static>
+
+<sf-icon root-class="pointer-event-none" weight="400" aria-hidden="true" icon="filter_list" style="display: contents;"><i class="sf-icon sf-icon--weight-regular pointer-event-none" style="--sf-icon--grade:0;--sf-icon--optical-size:24" aria-hidden="true" data-sf-static>filter_list</i></sf-icon>
+<span class="sf-button-text-container text-center pointer-event-none">
+Фильтр
+</span>
+
+</button>
+</sf-button>
+
+</div>
+
+
+</div>
+<div class="sf-table-toolbar-end flex items-cross-center gap-1/3 flex-wrap flex-auto min-w-0">
+<sf-input root-class="sf-search-input m-inline-start-auto" appearance="bordered" name="sf_table_search" hint-icon="search" size="1" value placeholder="Поиск" style="display: contents;">
+
+
+<label class="sf-input  sf-input--size-1 sf-input--bordered sf-search-input m-inline-start-auto flex flex-col" data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options data-sf-input-bound="1" for="sf-view-reference-1" data-sf-static>
+
+<span class="sf-input-field items-cross-center transition flex">
+
+
+<input id="sf-view-reference-1" type="text" placeholder="Поиск" value data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options>
+
+
+
+<sf-button-icon appearance="link" scheme="on-surface" size="1" icon="search" aria-label="Поиск" style="display: contents;">
+<button type="button" class="sf-icon-button sf-icon-button--size-1 sf-icon-button--icon sf-icon-button--link flex items-cross-center sf-icon-button--on-surface" aria-label="Поиск" data-sf-static>
+
+<sf-icon root-class="pointer-event-none" weight="400" aria-hidden="true" filled="false" icon="search" style="display: contents;"><i class="sf-icon sf-icon--weight-regular pointer-event-none" style="--sf-icon--grade:0;--sf-icon--optical-size:24" aria-hidden="true" data-sf-static>search</i></sf-icon>
+</button>
+</sf-button-icon>
+
+</span>
+
+</label>
+</sf-input>
+
+
+
+</div>
+</div>
+
+
+<div class="table-wrap min-w-0 max-w-full flex flex-col flex-1 min-h-0">
+<div class="sf-table-scroll min-h-0 min-w-0 overflow-auto flex-1 relative" data-sf-vertical-scroll="page">
+<div class="sf-table-resize-guide" aria-hidden="true" hidden></div>
+
+
+<table class="table border-separate border-spacing-0 min-w-full w-max table-fixed transition" aria-label="Решения" style="--sf-table-pin-select: 0px;">
+
+<colgroup>
+
+<col data-key="select" style="width: calc(var(--sf-text-height-1) + var(--sf-b6) + calc(var(--sf-px) * 2))" data-sf-pin-edge>
+
+</colgroup>
+
+
+<thead class="sticky top-0 z-5">
+<tr>
+
+<th class="relative" data-key="select" data-label="select" data-sf-pinned style="position: sticky; inset-inline-start: var(--sf-table-pin-select, 0px); z-index: 2;" data-sf-pin-edge>
+<sf-checkbox position="end" root-class="content-main-between" size="1" aria-label="Выбрать все строки" style="display: contents;">
+<label class="sf-checkbox sf-checkbox--size-1 flex content-main-between cursor-pointer" data-sf-static>
+
+
+
+<span class="sf-checkbox-box transition flex">
+<input type="checkbox" value="on" aria-label="Выбрать все строки">
+<sf-icon aria-hidden="true" icon style="display: contents;"><i class="sf-icon sf-icon--weight-regular" style="--sf-icon--grade:0;--sf-icon--optical-size:24" aria-hidden="true" data-sf-static></i></sf-icon>
+</span>
+</label>
+</sf-checkbox>
+</th>
+</tr>
+</thead>
+
+
+<tbody data-state="loading" class="sf-table-skeleton">
+<tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/4"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/5"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/2"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/5"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/4"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/2"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/4"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/3"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/2"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/3"></div>
+</div></div></div>
+</td>
+</tr>
+</tbody>
+<tbody><tr><td class="sf-table-visually-hidden" colspan="1">
+<span role="status">Загрузка данных</span>
+</td></tr></tbody>
+
+</table>
+</div>
+<div class="sf-table-rail" aria-hidden="true" hidden></div>
+
+</div>
+</section>
+
+
+</sf-view-table><sf-pagination slot="pagination" style="display: contents;" bottom="false" size="1" page-sizes="10,20,25,30,40" current="1" page-size="25">
+<nav class="sf-pagination sf-pagination--size-1 flex flex-col" aria-label="Страницы результатов" data-sf-static>
+
+
+<div class="sf-pagination-main flex items-cross-center content-main-between">
+
+<div class="sf-pagination-left flex items-cross-center">
+
+<div class="sf-pagination-total flex items-cross-center">
+
+
+<div class="sf-pagination-total-text flex items-cross-center">
+Всего: 10
+
+</div>
+
+</div>
+</div>
+
+<div class="sf-pagination-container flex items-cross-center">
+<span class="sf-pagination-pages-label">Страницы:</span>
+<ol class="sf-pagination-list flex items-cross-center">
+
+
+<li class="sf-pagination-item sf-pagination-item-field flex items-cross-center">
+
+<label class="sf-pagination-page-field flex items-cross-center" style="--sf-pagination-page-input--digits: 1">
+<sf-input appearance="bordered" root-class="sf-pagination-page-input" inputmode="numeric" size="1" value="1" aria-label="Страница:" style="display: contents;">
+<label class="sf-input  sf-input--size-1 sf-input--bordered sf-pagination-page-input flex flex-col" data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options data-sf-input-bound="1" for="sf-view-reference-1" data-sf-static>
+
+<span class="sf-input-field items-cross-center transition flex">
+
+
+<input id="sf-view-reference-1" type="text" inputmode="numeric" placeholder value="1" aria-label="Страница:" data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options>
+
+
+
+
+
+
+</span>
+
+</label>
+</sf-input>
+</label>
+
+</li>
+
+</ol>
+</div>
+
+
+
+<div class="sf-pagination-count flex items-cross-center">
+<span>На странице:</span>
+<sf-dropdown appearance="outlined" search="false" mode="select" portal="true" size="1" value="25" aria-label="На странице:" style="display: contents;">
+<div class="sf-dropdown sf-dropdown--size-1 sf-dropdown--outlined sf-dropdown--text flex flex-col" portal data-portal="true" data-sf-static>
+
+
+<label class="sf-dropdown-field cursor-pointer items-cross-center relative transition flex" tabindex="-1">
+
+
+<input type="text" class="cursor-pointer" readonly placeholder aria-label="На странице:" tabindex="-1">
+
+<button type="button" class="sf-icon-button sf-icon-button--icon sf-icon-button--on-surface sf-icon-button--link sf-icon-button--size-1/2 absolute" id="sf-view-reference-2" tabindex="0" aria-expanded="false" aria-haspopup="listbox" aria-controls="sf-dropdown-1--listbox" aria-describedby="sf-view-reference-3" aria-label="На странице:">
+<i class="sf-icon" aria-hidden="true">keyboard_arrow_down</i>
+</button>
+</label>
+
+<div class="sf-list flex flex-col" style="--sf-list--cell: var(--sf-ui-1--control-height)" hidden></div>
+<span class="sf-dropdown-value" id="sf-view-reference-3">25</span></div>
+</sf-dropdown>
+</div>
+
+</div>
+
+
+
+</nav>
+</sf-pagination><div slot="first-paint" aria-hidden="true" class="sf-data-view-skeleton sf-skeleton sf-skeleton--animation-pulse" data-size="1" data-layout="auto" data-sf-static><div class="sf-data-view-skeleton-records"><div class="sf-data-view-skeleton-toolbar"><i class="sf-skeleton-text" data-control="button"></i><i class="sf-skeleton-text" data-control="field"></i></div><div class="sf-data-view-skeleton-table"><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div></div><div class="sf-data-view-skeleton-list"><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div></div></div><nav class="sf-pagination sf-pagination--size-1 flex flex-col"><div class="sf-pagination-main flex items-cross-center content-main-between"><div class="sf-pagination-left flex items-cross-center"><i class="sf-skeleton-text"></i></div><div class="sf-pagination-container flex items-cross-center"><span class="sf-pagination-pages-label"><i class="sf-skeleton-text"></i></span><i class="sf-skeleton-text" data-control></i></div><div class="sf-pagination-count flex items-cross-center"><i class="sf-skeleton-text"></i><i class="sf-skeleton-text" data-control="field"></i></div></div></nav></div></sf-view>

package/dist/smart/view/static/sheets.json

@@ -0,0 +1,282 @@
+{
+  "$comment": "The sheets the first paint of sf-view needs, as the Loader asked for them while each example was rendered (standard simai.smart-component 1.3.8 §5.4). Paths are under the distribution root (distr/). The markup also needs the theme class on <html>: theme-light or theme-dark. Generated by scripts/snapshot-first-paint.mjs.",
+  "component": "sf-view",
+  "theme": [
+    "theme-light",
+    "theme-dark"
+  ],
+  "sheets": [
+    "component/avatars/css/avatars.min.css",
+    "component/badges/css/badges.min.css",
+    "component/buttons/css/buttons.min.css",
+    "component/checkbox/css/checkbox.min.css",
+    "component/close/css/close.min.css",
+    "component/dot/css/dot.min.css",
+    "component/dropdown/css/dropdown.min.css",
+    "component/featured-icon/css/featured-icon.min.css",
+    "component/file-preview/css/file-preview.min.css",
+    "component/icon-buttons/css/icon-buttons.min.css",
+    "component/icons/css/icons.min.css",
+    "component/inputs/css/inputs.min.css",
+    "component/pagination/css/pagination.min.css",
+    "component/reference-link/css/reference-link.min.css",
+    "component/skeleton/css/skeleton.min.css",
+    "component/spinner/css/spinner.min.css",
+    "component/tags/css/tags.min.css",
+    "core/css/core.css",
+    "smart/button-icon/css/button-icon.min.css",
+    "smart/checkbox/css/checkbox.min.css",
+    "smart/dropdown/css/dropdown.min.css",
+    "smart/empty-state/css/empty-state.min.css",
+    "smart/input-color/css/input-color.min.css",
+    "smart/input/css/input.min.css",
+    "smart/resizer/css/resizer.min.css",
+    "smart/sortable/css/sortable.min.css",
+    "smart/tag/css/tag.min.css",
+    "smart/view-table/css/view-table.min.css",
+    "smart/view/css/view.min.css",
+    "utility/align-items/default/css/default.min.css",
+    "utility/background-color/default/css/default.min.css",
+    "utility/background-size/default/css/default.min.css",
+    "utility/border-collapse/default/css/default.min.css",
+    "utility/border-spacing/default/css/default.min.css",
+    "utility/cursor/default/css/default.min.css",
+    "utility/display/default/css/default.min.css",
+    "utility/element-position/default/css/default.min.css",
+    "utility/flex-direction/default/css/default.min.css",
+    "utility/flex-wrap/default/css/default.min.css",
+    "utility/flex/default/css/default.min.css",
+    "utility/font-weight/default/css/default.min.css",
+    "utility/gap/default/css/default.min.css",
+    "utility/height/default/css/default.min.css",
+    "utility/isolate/default/css/default.min.css",
+    "utility/justify-content/default/css/default.min.css",
+    "utility/margin/default/css/default.min.css",
+    "utility/max-width/default/css/default.min.css",
+    "utility/min-height/default/css/default.min.css",
+    "utility/min-width/default/css/default.min.css",
+    "utility/overflow/default/css/default.min.css",
+    "utility/place-items/default/css/default.min.css",
+    "utility/pointer-events/default/css/default.min.css",
+    "utility/position/default/css/default.min.css",
+    "utility/resize/default/css/default.min.css",
+    "utility/sr-only/default/css/default.min.css",
+    "utility/stroke-color/default/css/default.min.css",
+    "utility/table-layout/default/css/default.min.css",
+    "utility/table/default/css/default.min.css",
+    "utility/text-align/default/css/default.min.css",
+    "utility/text-max-width/default/css/default.min.css",
+    "utility/text-overflow/default/css/default.min.css",
+    "utility/transition-property/default/css/default.min.css",
+    "utility/visibility/default/css/default.min.css",
+    "utility/white-space/default/css/default.min.css",
+    "utility/width/default/css/default.min.css",
+    "utility/z-index/default/css/default.min.css"
+  ],
+  "examples": {
+    "embedded": [
+      "component/avatars/css/avatars.min.css",
+      "component/badges/css/badges.min.css",
+      "component/buttons/css/buttons.min.css",
+      "component/checkbox/css/checkbox.min.css",
+      "component/close/css/close.min.css",
+      "component/dot/css/dot.min.css",
+      "component/dropdown/css/dropdown.min.css",
+      "component/featured-icon/css/featured-icon.min.css",
+      "component/file-preview/css/file-preview.min.css",
+      "component/icon-buttons/css/icon-buttons.min.css",
+      "component/icons/css/icons.min.css",
+      "component/inputs/css/inputs.min.css",
+      "component/pagination/css/pagination.min.css",
+      "component/reference-link/css/reference-link.min.css",
+      "component/skeleton/css/skeleton.min.css",
+      "component/spinner/css/spinner.min.css",
+      "component/tags/css/tags.min.css",
+      "core/css/core.css",
+      "smart/button-icon/css/button-icon.min.css",
+      "smart/checkbox/css/checkbox.min.css",
+      "smart/dropdown/css/dropdown.min.css",
+      "smart/empty-state/css/empty-state.min.css",
+      "smart/input-color/css/input-color.min.css",
+      "smart/input/css/input.min.css",
+      "smart/resizer/css/resizer.min.css",
+      "smart/sortable/css/sortable.min.css",
+      "smart/tag/css/tag.min.css",
+      "smart/view-table/css/view-table.min.css",
+      "smart/view/css/view.min.css",
+      "utility/align-items/default/css/default.min.css",
+      "utility/background-color/default/css/default.min.css",
+      "utility/background-size/default/css/default.min.css",
+      "utility/border-collapse/default/css/default.min.css",
+      "utility/border-spacing/default/css/default.min.css",
+      "utility/cursor/default/css/default.min.css",
+      "utility/display/default/css/default.min.css",
+      "utility/element-position/default/css/default.min.css",
+      "utility/flex-direction/default/css/default.min.css",
+      "utility/flex-wrap/default/css/default.min.css",
+      "utility/flex/default/css/default.min.css",
+      "utility/font-weight/default/css/default.min.css",
+      "utility/gap/default/css/default.min.css",
+      "utility/height/default/css/default.min.css",
+      "utility/isolate/default/css/default.min.css",
+      "utility/justify-content/default/css/default.min.css",
+      "utility/margin/default/css/default.min.css",
+      "utility/max-width/default/css/default.min.css",
+      "utility/min-height/default/css/default.min.css",
+      "utility/min-width/default/css/default.min.css",
+      "utility/overflow/default/css/default.min.css",
+      "utility/place-items/default/css/default.min.css",
+      "utility/pointer-events/default/css/default.min.css",
+      "utility/position/default/css/default.min.css",
+      "utility/resize/default/css/default.min.css",
+      "utility/sr-only/default/css/default.min.css",
+      "utility/stroke-color/default/css/default.min.css",
+      "utility/table-layout/default/css/default.min.css",
+      "utility/table/default/css/default.min.css",
+      "utility/text-align/default/css/default.min.css",
+      "utility/text-max-width/default/css/default.min.css",
+      "utility/text-overflow/default/css/default.min.css",
+      "utility/transition-property/default/css/default.min.css",
+      "utility/visibility/default/css/default.min.css",
+      "utility/white-space/default/css/default.min.css",
+      "utility/width/default/css/default.min.css",
+      "utility/z-index/default/css/default.min.css"
+    ],
+    "open-record": [
+      "component/avatars/css/avatars.min.css",
+      "component/badges/css/badges.min.css",
+      "component/buttons/css/buttons.min.css",
+      "component/checkbox/css/checkbox.min.css",
+      "component/close/css/close.min.css",
+      "component/dot/css/dot.min.css",
+      "component/dropdown/css/dropdown.min.css",
+      "component/featured-icon/css/featured-icon.min.css",
+      "component/file-preview/css/file-preview.min.css",
+      "component/icon-buttons/css/icon-buttons.min.css",
+      "component/icons/css/icons.min.css",
+      "component/inputs/css/inputs.min.css",
+      "component/pagination/css/pagination.min.css",
+      "component/reference-link/css/reference-link.min.css",
+      "component/skeleton/css/skeleton.min.css",
+      "component/spinner/css/spinner.min.css",
+      "component/tags/css/tags.min.css",
+      "core/css/core.css",
+      "smart/button-icon/css/button-icon.min.css",
+      "smart/checkbox/css/checkbox.min.css",
+      "smart/dropdown/css/dropdown.min.css",
+      "smart/empty-state/css/empty-state.min.css",
+      "smart/input-color/css/input-color.min.css",
+      "smart/input/css/input.min.css",
+      "smart/resizer/css/resizer.min.css",
+      "smart/sortable/css/sortable.min.css",
+      "smart/tag/css/tag.min.css",
+      "smart/view-table/css/view-table.min.css",
+      "smart/view/css/view.min.css",
+      "utility/align-items/default/css/default.min.css",
+      "utility/background-color/default/css/default.min.css",
+      "utility/background-size/default/css/default.min.css",
+      "utility/border-collapse/default/css/default.min.css",
+      "utility/border-spacing/default/css/default.min.css",
+      "utility/cursor/default/css/default.min.css",
+      "utility/display/default/css/default.min.css",
+      "utility/element-position/default/css/default.min.css",
+      "utility/flex-direction/default/css/default.min.css",
+      "utility/flex-wrap/default/css/default.min.css",
+      "utility/flex/default/css/default.min.css",
+      "utility/font-weight/default/css/default.min.css",
+      "utility/gap/default/css/default.min.css",
+      "utility/height/default/css/default.min.css",
+      "utility/isolate/default/css/default.min.css",
+      "utility/justify-content/default/css/default.min.css",
+      "utility/margin/default/css/default.min.css",
+      "utility/max-width/default/css/default.min.css",
+      "utility/min-height/default/css/default.min.css",
+      "utility/min-width/default/css/default.min.css",
+      "utility/overflow/default/css/default.min.css",
+      "utility/place-items/default/css/default.min.css",
+      "utility/pointer-events/default/css/default.min.css",
+      "utility/position/default/css/default.min.css",
+      "utility/resize/default/css/default.min.css",
+      "utility/sr-only/default/css/default.min.css",
+      "utility/stroke-color/default/css/default.min.css",
+      "utility/table-layout/default/css/default.min.css",
+      "utility/table/default/css/default.min.css",
+      "utility/text-align/default/css/default.min.css",
+      "utility/text-max-width/default/css/default.min.css",
+      "utility/text-overflow/default/css/default.min.css",
+      "utility/transition-property/default/css/default.min.css",
+      "utility/visibility/default/css/default.min.css",
+      "utility/white-space/default/css/default.min.css",
+      "utility/width/default/css/default.min.css",
+      "utility/z-index/default/css/default.min.css"
+    ],
+    "reference": [
+      "component/avatars/css/avatars.min.css",
+      "component/badges/css/badges.min.css",
+      "component/buttons/css/buttons.min.css",
+      "component/checkbox/css/checkbox.min.css",
+      "component/close/css/close.min.css",
+      "component/dot/css/dot.min.css",
+      "component/dropdown/css/dropdown.min.css",
+      "component/featured-icon/css/featured-icon.min.css",
+      "component/file-preview/css/file-preview.min.css",
+      "component/icon-buttons/css/icon-buttons.min.css",
+      "component/icons/css/icons.min.css",
+      "component/inputs/css/inputs.min.css",
+      "component/pagination/css/pagination.min.css",
+      "component/reference-link/css/reference-link.min.css",
+      "component/skeleton/css/skeleton.min.css",
+      "component/spinner/css/spinner.min.css",
+      "component/tags/css/tags.min.css",
+      "core/css/core.css",
+      "smart/button-icon/css/button-icon.min.css",
+      "smart/checkbox/css/checkbox.min.css",
+      "smart/dropdown/css/dropdown.min.css",
+      "smart/empty-state/css/empty-state.min.css",
+      "smart/input-color/css/input-color.min.css",
+      "smart/input/css/input.min.css",
+      "smart/resizer/css/resizer.min.css",
+      "smart/sortable/css/sortable.min.css",
+      "smart/tag/css/tag.min.css",
+      "smart/view-table/css/view-table.min.css",
+      "smart/view/css/view.min.css",
+      "utility/align-items/default/css/default.min.css",
+      "utility/background-color/default/css/default.min.css",
+      "utility/background-size/default/css/default.min.css",
+      "utility/border-collapse/default/css/default.min.css",
+      "utility/border-spacing/default/css/default.min.css",
+      "utility/cursor/default/css/default.min.css",
+      "utility/display/default/css/default.min.css",
+      "utility/element-position/default/css/default.min.css",
+      "utility/flex-direction/default/css/default.min.css",
+      "utility/flex-wrap/default/css/default.min.css",
+      "utility/flex/default/css/default.min.css",
+      "utility/font-weight/default/css/default.min.css",
+      "utility/gap/default/css/default.min.css",
+      "utility/height/default/css/default.min.css",
+      "utility/isolate/default/css/default.min.css",
+      "utility/justify-content/default/css/default.min.css",
+      "utility/margin/default/css/default.min.css",
+      "utility/max-width/default/css/default.min.css",
+      "utility/min-height/default/css/default.min.css",
+      "utility/min-width/default/css/default.min.css",
+      "utility/overflow/default/css/default.min.css",
+      "utility/place-items/default/css/default.min.css",
+      "utility/pointer-events/default/css/default.min.css",
+      "utility/position/default/css/default.min.css",
+      "utility/resize/default/css/default.min.css",
+      "utility/sr-only/default/css/default.min.css",
+      "utility/stroke-color/default/css/default.min.css",
+      "utility/table-layout/default/css/default.min.css",
+      "utility/table/default/css/default.min.css",
+      "utility/text-align/default/css/default.min.css",
+      "utility/text-max-width/default/css/default.min.css",
+      "utility/text-overflow/default/css/default.min.css",
+      "utility/transition-property/default/css/default.min.css",
+      "utility/visibility/default/css/default.min.css",
+      "utility/white-space/default/css/default.min.css",
+      "utility/width/default/css/default.min.css",
+      "utility/z-index/default/css/default.min.css"
+    ]
+  }
+}