@antadesign/anta 0.3.23 → 0.3.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.css +1 -1
- package/dist/bundle.js +32 -25
- package/dist/components/Banner.d.ts +10 -10
- package/dist/components/Banner.js +3 -1
- package/dist/components/Breadcrumbs.css +1 -0
- package/dist/components/Breadcrumbs.d.ts +127 -0
- package/dist/components/Breadcrumbs.js +145 -0
- package/dist/components/Button.d.ts +14 -7
- package/dist/components/Button.js +2 -0
- package/dist/components/ButtonCopy.d.ts +2 -2
- package/dist/components/Input.d.ts +3 -1
- package/dist/components/Input.js +2 -0
- package/dist/components/InputDate.css +1 -1
- package/dist/components/InputTime.d.ts +3 -1
- package/dist/components/InputTime.js +2 -0
- package/dist/components/MenuItem.d.ts +5 -1
- package/dist/components/MenuItem.js +72 -2
- package/dist/components/MenuItemCopy.d.ts +16 -5
- package/dist/components/MenuItemCopy.js +9 -3
- package/dist/components/Steps.css +1 -1
- package/dist/components/copy-props.d.ts +3 -4
- package/dist/components/select-parts.css +1 -1
- package/dist/elements/a-avatar.css +1 -1
- package/dist/elements/a-banner.css +1 -1
- package/dist/elements/a-banner.js +12 -0
- package/dist/elements/a-button.css +1 -1
- package/dist/elements/a-calendar.css +1 -1
- package/dist/elements/a-card.css +1 -1
- package/dist/elements/a-checkbox.css +1 -1
- package/dist/elements/a-copy.css +1 -1
- package/dist/elements/a-dialog.css +1 -1
- package/dist/elements/a-dialog.js +3 -1
- package/dist/elements/a-expander.css +1 -1
- package/dist/elements/a-icon.css +1 -1
- package/dist/elements/a-icon.shapes.css +1 -1
- package/dist/elements/a-icon.shapes.d.ts +2 -2
- package/dist/elements/a-icon.shapes.js +2 -2
- package/dist/elements/a-input-time.css +1 -1
- package/dist/elements/a-input-time.d.ts +2 -0
- package/dist/elements/a-input-time.js +7 -0
- package/dist/elements/a-input.css +1 -1
- package/dist/elements/a-input.d.ts +4 -0
- package/dist/elements/a-input.js +17 -0
- package/dist/elements/a-loader.css +1 -1
- package/dist/elements/a-menu-group.css +1 -1
- package/dist/elements/a-menu-item.css +1 -1
- package/dist/elements/a-menu-separator.css +1 -1
- package/dist/elements/a-menu.css +1 -1
- package/dist/elements/a-menu.d.ts +4 -4
- package/dist/elements/a-menu.js +6 -4
- package/dist/elements/a-progress.css +1 -1
- package/dist/elements/a-radio-group.css +1 -1
- package/dist/elements/a-radio.css +1 -1
- package/dist/elements/a-slider.css +1 -1
- package/dist/elements/a-switch.css +1 -1
- package/dist/elements/a-tab.css +1 -1
- package/dist/elements/a-tabpanel.css +1 -1
- package/dist/elements/a-tabs.css +1 -1
- package/dist/elements/a-tag.css +1 -1
- package/dist/elements/a-text.css +1 -1
- package/dist/elements/a-title.css +1 -1
- package/dist/elements/a-toast.css +1 -1
- package/dist/elements/a-toaster.css +1 -1
- package/dist/elements/a-tooltip.css +1 -1
- package/dist/elements/copy-behavior.d.ts +13 -15
- package/dist/general_types.d.ts +12 -4
- package/dist/generate-icons.mjs +3 -3
- package/dist/index.d.ts +3 -1
- package/dist/index.js +2 -0
- package/dist/jsx-runtime.d.ts +2 -0
- package/dist/reset.css +1 -1
- package/dist/search-index.json +0 -0
- package/dist/theme-anta.css +1 -1
- package/dist/tokens.css +1 -1
- package/docs/changelog.md +43 -2
- package/docs/comparison.md +8 -3
- package/docs/components/banner.md +26 -15
- package/docs/components/breadcrumbs.md +177 -0
- package/docs/components/button.md +30 -16
- package/docs/components/dialog.md +4 -4
- package/docs/components/input-time.md +1 -0
- package/docs/components/input.md +6 -0
- package/docs/components/menu.md +18 -10
- package/docs/components/tag.md +47 -0
- package/docs/index.md +1 -0
- package/docs/install-config.md +58 -13
- package/docs/normalization.md +37 -28
- package/docs/theming.md +4 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer anta{a-icon[shape=arrow-left-to-line]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M1.33 14V2a.67.67 0 0 1 1.34 0v12a.67.67 0 1 1-1.34 0ZM8.86 2.86a.67.67 0 1 1 .94.94L6.28 7.33H14a.67.67 0 1 1 0 1.34H6.28L9.8 12.2a.67.67 0 0 1-.94.94L4.2 8.47a.67.67 0 0 1 0-.94l4.66-4.67Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=arrow-left]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E%0A")}a-icon[shape=arrow-narrow-down]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M5.3335 10.6668L8.00016 13.3335M8.00016 13.3335L10.6668 10.6668M8.00016 13.3335V2.66683' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=arrow-narrow-up-down]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A%3Cpath d='M14 10.6665L11.3333 13.3332M11.3333 13.3332L8.66667 10.6665M11.3333 13.3332V2.6665M2 5.33317L4.66667 2.6665M4.66667 2.6665L7.33333 5.33317M4.66667 2.6665V13.3332' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=arrow-narrow-up]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M5.3335 5.33317L8.00016 2.6665M8.00016 2.6665L10.6668 5.33317M8.00016 2.6665V13.3332' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=arrow-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M3.33 8h9.34m0 0L8 3.33M12.67 8 8 12.67'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=arrow-top-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E%0A")}a-icon[shape=asterisk]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v12'/%3E%3Cpath d='M17.196 9 6.804 15'/%3E%3Cpath d='m6.804 9 10.392 6'/%3E%3C/svg%3E%0A")}a-icon[shape=blank]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16'/%3E%3C/svg%3E%0A")}a-icon[shape=book-open]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M8 4.67V14m0-9.33A2.67 2.67 0 0 0 5.33 2H2a.67.67 0 0 0-.67.67v8.66A.67.67 0 0 0 2 12h4a2 2 0 0 1 2 2m0-9.33A2.67 2.67 0 0 1 10.67 2H14a.67.67 0 0 1 .67.67v8.66A.67.67 0 0 1 14 12h-4a2 2 0 0 0-2 2'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=braces]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M3.2 1.86a2 2 0 0 1 1.47-.61h.66a.75.75 0 1 1 0 1.5h-.66a.58.58 0 0 0-.59.58v3.34c0 .49-.17.96-.48 1.33.31.37.48.84.48 1.33v3.34c0 .32.27.58.59.58h.66a.75.75 0 0 1 0 1.5h-.66a2.09 2.09 0 0 1-2.09-2.08V9.33A.58.58 0 0 0 2 8.75a.75.75 0 0 1 0-1.5.58.58 0 0 0 .58-.58V3.33c0-.55.22-1.08.61-1.47ZM9.91 2c0-.41.33-.75.75-.75h.66a2.08 2.08 0 0 1 2.09 2.08v3.34a.58.58 0 0 0 .58.58.75.75 0 0 1 0 1.5.59.59 0 0 0-.58.58v3.34a2.08 2.08 0 0 1-2.09 2.08h-.66a.75.75 0 0 1 0-1.5h.66a.58.58 0 0 0 .59-.58V9.33c0-.5.18-.97.48-1.33a2.08 2.08 0 0 1-.48-1.33V3.33a.58.58 0 0 0-.59-.58h-.66A.75.75 0 0 1 9.92 2Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=bug]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M5.33 1.33 6.6 2.6m2.82 0 1.26-1.26M6 4.75V4.1a2 2 0 1 1 4 0v.66m-2 8.58c-2.2 0-4-1.8-4-4v-2a2.67 2.67 0 0 1 2.67-2.66h2.66A2.67 2.67 0 0 1 12 7.33v2c0 2.2-1.8 4-4 4Zm0 0v-6M4.35 6A2.68 2.68 0 0 1 2 3.33m2 5.34H1.33M2 14a2.7 2.7 0 0 1 2.53-2.67m9.45-8c0 1.4-1.07 2.54-2.33 2.67m3.02 2.67H12m-.53 2.66A2.7 2.7 0 0 1 14 14'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=calendar-days]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%0A %3Cpath d='M8 2v4'/%3E%0A %3Cpath d='M16 2v4'/%3E%0A %3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%0A %3Cpath d='M3 10h18'/%3E%0A %3Cpath d='M8 14h.01'/%3E%0A %3Cpath d='M8 18h.01'/%3E%0A %3Cpath d='M12 14h.01'/%3E%0A %3Cpath d='M12 18h.01'/%3E%0A %3Cpath d='M16 14h.01'/%3E%0A %3Cpath d='M16 18h.01'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=calendar]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M5.33333 1.33325V3.99992M10.6667 1.33325V3.99992M2 6.66659H14M3.33333 2.66659H12.6667C13.403 2.66659 14 3.26354 14 3.99992V13.3333C14 14.0696 13.403 14.6666 12.6667 14.6666H3.33333C2.59695 14.6666 2 14.0696 2 13.3333V3.99992C2 3.26354 2.59695 2.66659 3.33333 2.66659Z' stroke='%230B0B0B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=case-sensitive]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M11.25 12.12c-.42 0-.8-.08-1.13-.25a1.9 1.9 0 0 1-.74-.69c-.18-.3-.26-.62-.26-1 0-.37.09-.7.27-1 .19-.3.45-.53.8-.7.37-.16.8-.25 1.3-.25h1.91v.97h-1.9c-.37 0-.66.09-.87.26-.2.16-.3.39-.3.67 0 .29.1.51.29.68.19.17.46.25.81.25.33 0 .61-.06.85-.2a1.48 1.48 0 0 0 .76-1.33V7.86c0-.38-.12-.67-.35-.88-.23-.2-.54-.3-.92-.3-.31 0-.57.06-.78.2-.2.13-.35.32-.43.55H9.32a2.4 2.4 0 0 1 .85-1.35c.43-.32.96-.49 1.61-.49.51 0 .95.1 1.32.28.38.18.66.45.85.8.2.35.3.75.3 1.23V12h-1l-.15-.8h-.06a2.1 2.1 0 0 1-1.78.92ZM1.06 12l3.02-8.4h1.56L8.66 12H7.31L4.88 5.08h-.06L2.4 12H1.06Zm1.64-1.88.44-1.17h3.44l.45 1.17H2.7Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=chat]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg clip-path='url(%23a)'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M13.33 6a1.33 1.33 0 0 1 1.34 1.33v6.86a.47.47 0 0 1-.81.34l-1.47-1.47c-.25-.25-.59-.4-.94-.4H6.67a1.33 1.33 0 0 1-1.34-1.33v-.66m5.34-4A1.33 1.33 0 0 1 9.33 8H4.55c-.35 0-.7.14-.94.4L2.14 9.85a.47.47 0 0 1-.8-.34V2.67a1.33 1.33 0 0 1 1.33-1.34h6.66a1.33 1.33 0 0 1 1.34 1.34v4Z'/%3E%0A %3C/g%3E%0A %3Cdefs%3E%0A %3CclipPath id='a'%3E%0A %3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%0A %3C/clipPath%3E%0A %3C/defs%3E%0A%3C/svg%3E%0A")}a-icon[shape=check]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E%0A")}a-icon[shape=chevron-down]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E%0A")}a-icon[shape=chevron-left]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4l-4 4 4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=chevron-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4l4 4-4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=chevron-up]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l4-4 4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=chevrons-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M3.53 4.2a.67.67 0 0 1 .94 0L7.8 7.53a.67.67 0 0 1 0 .94L4.47 11.8a.67.67 0 1 1-.94-.94L6.39 8 3.53 5.14a.67.67 0 0 1 0-.94Zm4.67 0a.66.66 0 0 1 .94 0l3.33 3.33a.67.67 0 0 1 0 .94L9.14 11.8a.66.66 0 1 1-.94-.94L11.06 8 8.2 5.14a.66.66 0 0 1 0-.94Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=circle-check]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg clip-path='url(%23a)'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M14.53 6.67a6.67 6.67 0 1 1-3.2-4.45M6 7.33l2 2 6.67-6.66'/%3E%0A %3C/g%3E%0A %3Cdefs%3E%0A %3CclipPath id='a'%3E%0A %3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%0A %3C/clipPath%3E%0A %3C/defs%3E%0A%3C/svg%3E%0A")}a-icon[shape=circle-dot]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E%0A")}a-icon[shape=circle-large]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cg clip-path='url(%23clip0_5922_134)'%3E%0A %3Cpath d='M8.00016 14.6667C11.6821 14.6667 14.6668 11.6819 14.6668 8C14.6668 4.3181 11.6821 1.33333 8.00016 1.33333C4.31826 1.33333 1.3335 4.3181 1.3335 8C1.3335 11.6819 4.31826 14.6667 8.00016 14.6667Z' stroke='%23525A61' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A %3C/g%3E%0A %3Cdefs%3E%0A %3CclipPath id='clip0_5922_134'%3E%0A %3Crect width='16' height='16' fill='white'/%3E%0A %3C/clipPath%3E%0A %3C/defs%3E%0A%3C/svg%3E")}a-icon[shape=circle-small-solid]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/svg%3E%0A")}a-icon[shape=circle]{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11Z' stroke='%23525A61' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}a-icon[shape=click]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M9.33322 2.73334L7.99989 4.00001M3.39989 5.33334L1.46655 4.80001M3.99989 8.00001L2.73322 9.33334M4.79989 1.46667L5.33322 3.40001M6.02455 6.46001C5.9987 6.39911 5.99163 6.33188 6.00426 6.26694C6.01688 6.20199 6.04862 6.1423 6.0954 6.09552C6.14218 6.04874 6.20187 6.017 6.26681 6.00438C6.33176 5.99176 6.39899 5.99882 6.45989 6.02468L13.7932 9.02468C13.8585 9.05145 13.9136 9.09824 13.9506 9.15832C13.9875 9.21839 14.0045 9.28865 13.999 9.35898C13.9935 9.42931 13.9659 9.49609 13.92 9.54971C13.8742 9.60332 13.8125 9.64101 13.7439 9.65734L10.8446 10.3513C10.7249 10.3799 10.6154 10.4411 10.5284 10.528C10.4413 10.615 10.38 10.7244 10.3512 10.844L9.65789 13.744C9.64173 13.8129 9.60408 13.8748 9.5504 13.9209C9.49671 13.9669 9.42977 13.9947 9.35925 14.0002C9.28874 14.0057 9.2183 13.9886 9.15813 13.9514C9.09796 13.9142 9.05118 13.8589 9.02455 13.7933L6.02455 6.46001Z' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=clock]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-clock-icon lucide-clock'%3E%3Cpath d='M12 6v6l4 2'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E")}a-icon[shape=cloud-upload]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 13v8'/%3E%3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='m8 17 4-4 4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=columns-3-cog]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.5'/%3E%3Cpath d='m14.3 19.6 1-.4'/%3E%3Cpath d='M15 3v7.5'/%3E%3Cpath d='m15.2 16.9-.9-.3'/%3E%3Cpath d='m16.6 21.7.3-.9'/%3E%3Cpath d='m16.8 15.3-.4-1'/%3E%3Cpath d='m19.1 15.2.3-.9'/%3E%3Cpath d='m19.6 21.7-.4-1'/%3E%3Cpath d='m20.7 16.8 1-.4'/%3E%3Cpath d='m21.7 19.4-.9-.3'/%3E%3Cpath d='M9 3v18'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3C/svg%3E%0A")}a-icon[shape=copy]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(90 12 12)'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E%0A")}a-icon[shape=corner-down-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M10 6.67 13.33 10m0 0L10 13.33M13.33 10h-8a2.67 2.67 0 0 1-2.66-2.67V2.67'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=cube]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M13.7 4.9 8 8m0 0L2.3 4.9M8 8v6.3m6-3.6V4.8l-.2-.2-.3-.2-5-2.8-.4-.2H8l-.4.2-5 2.8c-.2 0-.3.1-.3.2l-.2.2v6.4l.2.2.3.2 5 2.8.4.2h0l.4-.2 5-2.8c.2 0 .3-.1.3-.2l.2-.2v-.5Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=dollar-sign]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' x2='12' y1='2' y2='22'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E%0A")}a-icon[shape=dots-vertical]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M8.00004 8.6665C8.36823 8.6665 8.66671 8.36803 8.66671 7.99984C8.66671 7.63165 8.36823 7.33317 8.00004 7.33317C7.63185 7.33317 7.33337 7.63165 7.33337 7.99984C7.33337 8.36803 7.63185 8.6665 8.00004 8.6665Z' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A %3Cpath d='M8.00004 3.99984C8.36823 3.99984 8.66671 3.70136 8.66671 3.33317C8.66671 2.96498 8.36823 2.6665 8.00004 2.6665C7.63185 2.6665 7.33337 2.96498 7.33337 3.33317C7.33337 3.70136 7.63185 3.99984 8.00004 3.99984Z' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A %3Cpath d='M8.00004 13.3332C8.36823 13.3332 8.66671 13.0347 8.66671 12.6665C8.66671 12.2983 8.36823 11.9998 8.00004 11.9998C7.63185 11.9998 7.33337 12.2983 7.33337 12.6665C7.33337 13.0347 7.63185 13.3332 8.00004 13.3332Z' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=download]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M14 10v2.67A1.33 1.33 0 0 1 12.67 14H3.33A1.33 1.33 0 0 1 2 12.67V10m2.67-3.33L8 10l3.33-3.33M8 10V2'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=edit]{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%0A %3Cpath d='M8 2.00003H3.33333C2.97971 2.00003 2.64057 2.1405 2.39052 2.39055C2.14048 2.6406 2 2.97974 2 3.33336V12.6667C2 13.0203 2.14048 13.3595 2.39052 13.6095C2.64057 13.8596 2.97971 14 3.33333 14H12.6667C13.0203 14 13.3594 13.8596 13.6095 13.6095C13.8595 13.3595 14 13.0203 14 12.6667V8.00003M12.25 1.75003C12.5152 1.48481 12.8749 1.33582 13.25 1.33582C13.6251 1.33582 13.9848 1.48481 14.25 1.75003C14.5152 2.01525 14.6642 2.37496 14.6642 2.75003C14.6642 3.1251 14.5152 3.48481 14.25 3.75003L8.24133 9.75936C8.08303 9.91753 7.88747 10.0333 7.67267 10.096L5.75733 10.656C5.69997 10.6728 5.63916 10.6738 5.58127 10.6589C5.52339 10.6441 5.47055 10.614 5.4283 10.5717C5.38604 10.5295 5.35593 10.4766 5.3411 10.4188C5.32627 10.3609 5.32727 10.3001 5.344 10.2427L5.904 8.32736C5.96702 8.11273 6.08302 7.9174 6.24133 7.75936L12.25 1.75003Z' stroke='%23616369' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=external-link]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg fill='%23000'%3E%0A %3Cpath d='M3.796 3.796a.446.446 0 0 0-.131.315v7.778a.446.446 0 0 0 .446.446h7.778a.446.446 0 0 0 .446-.446V8.556a.665.665 0 1 1 1.33 0v3.333a1.776 1.776 0 0 1-1.776 1.776H4.11a1.776 1.776 0 0 1-1.776-1.776V4.11A1.776 1.776 0 0 1 4.11 2.334h3.333a.665.665 0 1 1 0 1.33H4.111a.446.446 0 0 0-.315.13Z'/%3E%0A %3Cpath d='M9.002 3c0-.367.297-.665.665-.665H13c.367 0 .665.298.665.665v3.333a.665.665 0 0 1-1.33 0V4.605L8.47 8.47a.665.665 0 1 1-.94-.94l3.865-3.865H9.667A.665.665 0 0 1 9.002 3Z'/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=eye-closed]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-.722-3.25'/%3E%3Cpath d='M2 8a10.645 10.645 0 0 0 20 0'/%3E%3Cpath d='m20 15-1.726-2.05'/%3E%3Cpath d='m4 15 1.726-2.05'/%3E%3Cpath d='m9 18 .722-3.25'/%3E%3C/svg%3E%0A")}a-icon[shape=eye]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E%0A")}a-icon[shape=file-down]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%0A %3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%0A %3Cpath d='M12 18v-6'/%3E%0A %3Cpath d='m9 15 3 3 3-3'/%3E%0A%3C/svg%3E")}a-icon[shape=file]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 15'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M7.67 1v2.67A1.33 1.33 0 0 0 9 5h2.67M5 5.67H3.67M9 8.33H3.67M9 11H3.67M8.33 1h-6A1.33 1.33 0 0 0 1 2.33V13a1.33 1.33 0 0 0 1.33 1.33h8A1.33 1.33 0 0 0 11.67 13V4.33L8.33 1Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=filter-x]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h8M2 4.7h6.5M6 11.3h4m.5-8.8 3 3m0-3-3 3'/%3E%3C/svg%3E%0A")}a-icon[shape=filter]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h8M2 4.7h12m-8 6.6h4'/%3E%3C/svg%3E%0A")}a-icon[shape=folder-close]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E%0A")}a-icon[shape=folder-open]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E%0A")}a-icon[shape=folder-tree]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M2.65 2a.65.65 0 0 0-1.3 0v8.67a1.98 1.98 0 0 0 1.98 1.98h2a.65.65 0 1 0 0-1.3h-2a.68.68 0 0 1-.68-.68V5.2c.22.07.45.12.68.12h2a.65.65 0 0 0 0-1.3h-2a.68.68 0 0 1-.68-.69V2Zm6.02.34h4.66a1.32 1.32 0 0 1 1.32 1.32v2a1.32 1.32 0 0 1-1.32 1.32H8.67a1.32 1.32 0 0 1-1.32-1.32v-2a1.32 1.32 0 0 1 1.32-1.32Zm-.02 1.3v2.02a.02.02 0 0 0 .02.02h4.66a.02.02 0 0 0 .02-.02v-2a.02.02 0 0 0-.02-.02H8.65Zm.02 6.04h4.66A1.32 1.32 0 0 1 14.65 11v2a1.32 1.32 0 0 1-1.32 1.32H8.67A1.32 1.32 0 0 1 7.35 13v-2a1.32 1.32 0 0 1 1.32-1.32Zm-.02 1.3v2.03h4.68a.02.02 0 0 0 .02-.01v-2a.02.02 0 0 0-.02-.02H8.65Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=hat-glasses]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18a2 2 0 0 0-4 0'/%3E%3Cpath d='m19 11-2.11-6.657a2 2 0 0 0-2.752-1.148l-1.276.61A2 2 0 0 1 12 4H8.5a2 2 0 0 0-1.925 1.456L5 11'/%3E%3Cpath d='M2 11h20'/%3E%3Ccircle cx='17' cy='18' r='3'/%3E%3Ccircle cx='7' cy='18' r='3'/%3E%3C/svg%3E%0A")}a-icon[shape=heart-handshake]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762'/%3E%3C/svg%3E%0A")}a-icon[shape=heart]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E%0A")}a-icon[shape=history-tree]{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%0A%3Cpath d='M2 2V14H14' stroke='%23998FFD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3Cpath d='M4.5 4V11.5' stroke='%23998FFD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3Cpath d='M4.5 4H7.25M9 4H7.25M7.25 4V6H12.5' stroke='%23998FFD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3Cpath d='M4.5 9H7.25M8.5 9H7.25M7.25 9V11H11' stroke='%23998FFD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=history]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/svg%3E%0A")}a-icon[shape=home]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M10 14V8.67A.67.67 0 0 0 9.33 8H6.67a.67.67 0 0 0-.67.67V14M2 6.67a1.33 1.33 0 0 1 .47-1.02l4.67-4a1.33 1.33 0 0 1 1.72 0l4.67 4A1.33 1.33 0 0 1 14 6.67v6A1.33 1.33 0 0 1 12.67 14H3.33A1.33 1.33 0 0 1 2 12.67v-6Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=hourglass]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14'/%3E%3Cpath d='M5 2h14'/%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E%0A")}a-icon[shape=info]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.25'/%3E%3Cpath d='M8 7.5v3.5M8 5h.01'/%3E%3C/svg%3E%0A")}a-icon[shape=link]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%234D4E5C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='m8.47 12.24-.94.95A3.33 3.33 0 0 1 2.8 8.47l.95-.94m8.48.94.95-.94A3.33 3.33 0 0 0 8.47 2.8l-.94.95m-1.86 6.57 4.66-4.66'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=list-collapse]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5h11'/%3E%3Cpath d='M10 12h11'/%3E%3Cpath d='M10 19h11'/%3E%3Cpath d='m3 10 3-3-3-3'/%3E%3Cpath d='m3 20 3-3-3-3'/%3E%3C/svg%3E%0A")}a-icon[shape=maximize]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M10 2h4v4m-8 8H2v-4m12-8L9.33 6.67M2 14l4.67-4.67'/%3E%0A%3C/svg%3E")}a-icon[shape=megaphone]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M4 9.33a8 8 0 0 0 1.6 4.8 1.33 1.33 0 1 0 2.13-1.6 5.33 5.33 0 0 1-1.06-3.2M5.33 4v5.33m2-5.33c2.03.05 4.01-.6 5.6-1.87a.67.67 0 0 1 1.07.54v8a.67.67 0 0 1-1.07.53 8.67 8.67 0 0 0-5.6-1.87h-4A1.33 1.33 0 0 1 2 8V5.33A1.33 1.33 0 0 1 3.33 4h4Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=menu]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h10M3 8h10M3 11h10'/%3E%3C/svg%3E%0A")}a-icon[shape=minimize]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M2.67 9.33h4v4m6.66-6.66h-4v-4m0 4L14 2M2 14l4.67-4.67'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=minus]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10'/%3E%3C/svg%3E%0A")}a-icon[shape=moon]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=more]{--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%0A%3C!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%0A%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%0A%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%0A viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%0A%3Cg id='more_3_'%3E%0A %3Ccircle cx='2' cy='8.03' r='2'/%3E%0A %3Ccircle cx='14' cy='8.03' r='2'/%3E%0A %3Ccircle cx='8' cy='8.03' r='2'/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=move-horizontal]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 8 4 4-4 4'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='m6 8-4 4 4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=not-equal]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M3.33 6H10m0 0h2.67M10 6l2.67-2.67M10 6l-4 4m-2.67 0H6m0 0h6.67M6 10l-2.67 2.67'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=play]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M6.4 10.8V5.2L10.8 8l-4.4 2.8ZM8 14.4a6.25 6.25 0 0 1-4.53-1.88 6.45 6.45 0 0 1-1.37-7A6.48 6.48 0 0 1 8 1.6a6.2 6.2 0 0 1 4.53 1.88A6.47 6.47 0 0 1 14.4 8a6.25 6.25 0 0 1-1.88 4.53A6.46 6.46 0 0 1 8 14.4Zm0-1.2c1.44 0 2.67-.5 3.68-1.52A5.01 5.01 0 0 0 13.2 8c0-1.44-.5-2.67-1.52-3.68A5.01 5.01 0 0 0 8 2.8c-1.44 0-2.67.5-3.68 1.52A5.01 5.01 0 0 0 2.8 8c0 1.44.5 2.67 1.52 3.68A5.01 5.01 0 0 0 8 13.2Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=plus]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v10M3 8h10'/%3E%3C/svg%3E%0A")}a-icon[shape=pointer]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-pointer-icon lucide-pointer'%3E%3Cpath d='M22 14a8 8 0 0 1-8 8'/%3E%3Cpath d='M18 11v-1a2 2 0 0 0-2-2a2 2 0 0 0-2 2'/%3E%3Cpath d='M14 10V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1'/%3E%3Cpath d='M10 9.5V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v10'/%3E%3Cpath d='M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E")}a-icon[shape=presentation]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h20'/%3E%3Cpath d='M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3'/%3E%3Cpath d='m7 21 5-5 5 5'/%3E%3C/svg%3E%0A")}a-icon[shape=refresh-ccw-dot]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%0A %3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%0A %3Cpath d='M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%0A %3Cpath d='M3 3v5h5'/%3E%0A %3Cpath d='M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%0A %3Cpath d='M16 16h5v5'/%3E%0A %3Ccircle cx='12' cy='12' r='1'/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=refresh]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M14 8C14 6.4087 13.3679 4.88258 12.2426 3.75736C11.1174 2.63214 9.5913 2 8 2C6.32263 2.00631 4.71265 2.66082 3.50667 3.82667L2 5.33333M2 5.33333V2M2 5.33333H5.33333M2 8C2 9.5913 2.63214 11.1174 3.75736 12.2426C4.88258 13.3679 6.4087 14 8 14C9.67737 13.9937 11.2874 13.3392 12.4933 12.1733L14 10.6667M14 10.6667H10.6667M14 10.6667V14' stroke='%230B0B0B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=regex]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%0A %3Cpath d='M11.33 2v6.67m-2.88-5L14.22 7M8.45 7l5.77-3.33'/%3E%0A %3Cpath fill='%23000' d='M6 11a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1Z'/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=repeat]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='scale(-1 1) translate(-24 0)'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/g%3E%3C/svg%3E%0A")}a-icon[shape=rotate-ccw]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E%0A")}a-icon[shape=rss]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M2.67 7.33a6 6 0 0 1 6 6m-6-10.66a10.67 10.67 0 0 1 10.66 10.66M4 12.67a.67.67 0 1 1-1.33 0 .67.67 0 0 1 1.33 0Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=runs-history]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M4.67 1.33h6.66M3.33 4h9.34M3.33 6.67h9.34c.73 0 1.33.6 1.33 1.33v5.33c0 .74-.6 1.34-1.33 1.34H3.33c-.73 0-1.33-.6-1.33-1.34V8c0-.74.6-1.33 1.33-1.33Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=scroll-text]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M10 8H6.67M10 5.33H6.67m6 6v-8A1.33 1.33 0 0 0 11.33 2H2.67m0 0A1.33 1.33 0 0 1 4 3.33v9.34A1.33 1.33 0 0 0 5.33 14M2.67 2a1.33 1.33 0 0 0-1.34 1.33v1.34a.67.67 0 0 0 .67.66h2M5.33 14h8a1.33 1.33 0 0 0 1.34-1.33V12a.67.67 0 0 0-.67-.67H7.33a.67.67 0 0 0-.66.67v.67A1.33 1.33 0 0 1 5.33 14Z'/%3E%0A%3C/svg%3E")}a-icon[shape=search-check]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='m5.33 7.33 1.34 1.34L9.33 6M14 14l-2.87-2.87m1.54-3.8A5.33 5.33 0 1 1 2 7.33a5.33 5.33 0 0 1 10.67 0Z'/%3E%0A%3C/svg%3E")}a-icon[shape=search]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='m14 14-2.87-2.87m1.54-3.8A5.33 5.33 0 1 1 2 7.33a5.33 5.33 0 0 1 10.67 0Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=send]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z'/%3E%0A %3Cpath d='M6 12h16'/%3E%0A%3C/svg%3E")}a-icon[shape=settings]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E%0A")}a-icon[shape=share]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%0A %3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%0A %3Cpath d='m16 6-4-4-4 4'/%3E%0A %3Cpath d='M12 2v13'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=sparkles]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg clip-path='url(%23a)'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M13.33 1.33V4m1.34-1.33H12m-4.66-.8a.67.67 0 0 1 1.32 0l.7 3.71a1.33 1.33 0 0 0 1.06 1.06l3.7.7a.67.67 0 0 1 0 1.32l-3.7.7a1.33 1.33 0 0 0-1.06 1.06l-.7 3.7a.67.67 0 0 1-1.32 0l-.7-3.7a1.33 1.33 0 0 0-1.06-1.06l-3.7-.7a.67.67 0 0 1 0-1.32l3.7-.7a1.33 1.33 0 0 0 1.06-1.06l.7-3.7ZM4 13.34a1.33 1.33 0 1 1-2.67 0 1.33 1.33 0 0 1 2.67 0Z'/%3E%0A %3C/g%3E%0A %3Cdefs%3E%0A %3CclipPath id='a'%3E%0A %3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%0A %3C/clipPath%3E%0A %3C/defs%3E%0A%3C/svg%3E%0A")}a-icon[shape=square-check-big]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E%0A")}a-icon[shape=square-menu]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 8h10'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M7 16h10'/%3E%3C/svg%3E%0A")}a-icon[shape=sun]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%0A %3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%0A %3Ccircle cx='12' cy='12' r='4'/%3E%0A %3Cpath d='M12 2v2'/%3E%0A %3Cpath d='M12 20v2'/%3E%0A %3Cpath d='m4.93 4.93 1.41 1.41'/%3E%0A %3Cpath d='m17.66 17.66 1.41 1.41'/%3E%0A %3Cpath d='M2 12h2'/%3E%0A %3Cpath d='M20 12h2'/%3E%0A %3Cpath d='m6.34 17.66-1.41 1.41'/%3E%0A %3Cpath d='m19.07 4.93-1.41 1.41'/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=swatch-book]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z'/%3E%3Cpath d='M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7'/%3E%3Cpath d='M 7 17h.01'/%3E%3Cpath d='m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8'/%3E%3C/svg%3E%0A")}a-icon[shape=table-2]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18'/%3E%3C/svg%3E%0A")}a-icon[shape=tag]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='currentColor'/%3E%3C/svg%3E%0A")}a-icon[shape=text-cursor-input]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6'/%3E%3Cpath d='M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7'/%3E%3Cpath d='M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1'/%3E%3Cpath d='M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1'/%3E%3Cpath d='M9 6v12'/%3E%3C/svg%3E%0A")}a-icon[shape=text-highlight]{--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%0A%3C!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%0A%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%0A viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%0A%3Cg id='text_highlight_1_'%3E%0A %3Cg%3E%0A %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9,10H2V6h7V4H1C0.45,4,0,4.45,0,5v6c0,0.55,0.45,1,1,1h8V10z M13,13h-1V3h1%0A c0.55,0,1-0.45,1-1c0-0.55-0.45-1-1-1h-1c-0.37,0-0.7,0.11-1,0.28C10.7,1.11,10.37,1,10,1H9C8.45,1,8,1.45,8,2c0,0.55,0.45,1,1,1%0A h1v10H9c-0.55,0-1,0.45-1,1c0,0.55,0.45,1,1,1h1c0.37,0,0.7-0.11,1-0.28c0.3,0.17,0.63,0.28,1,0.28h1c0.55,0,1-0.45,1-1%0A C14,13.45,13.55,13,13,13z M15,4h-2v2h1v4h-1v2h2c0.55,0,1-0.45,1-1V5C16,4.45,15.55,4,15,4z'/%3E%0A %3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=text-initial]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5h6'/%3E%3Cpath d='M15 12h6'/%3E%3Cpath d='M3 19h18'/%3E%3Cpath d='m3 12 3.553-7.724a.5.5 0 0 1 .894 0L11 12'/%3E%3Cpath d='M3.92 10h6.16'/%3E%3C/svg%3E%0A")}a-icon[shape=timer]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' x2='14' y1='2' y2='2'/%3E%3Cline x1='12' x2='15' y1='14' y2='11'/%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3C/svg%3E%0A")}a-icon[shape=toggle-right]{--icon: url("data:image/svg+xml,%3Csvg%0A xmlns='http://www.w3.org/2000/svg'%0A %0A %0A viewBox='0 0 24 24'%0A fill='none'%0A stroke='currentColor'%0A stroke-width='2'%0A stroke-linecap='round'%0A stroke-linejoin='round'%0A%3E%0A %3Ccircle cx='15' cy='12' r='3' /%3E%0A %3Crect width='20' height='14' x='2' y='5' rx='7' /%3E%0A%3C/svg%3E%0A")}a-icon[shape=trash]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E%0A")}a-icon[shape=view]{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%0A%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.91879 1.9191C2.29387 1.54403 2.80257 1.33331 3.33301 1.33331H12.6663C13.1968 1.33331 13.7055 1.54403 14.0806 1.9191C14.4556 2.29417 14.6663 2.80288 14.6663 3.33331V4.66665C14.6663 5.03484 14.3679 5.33331 13.9997 5.33331C13.6315 5.33331 13.333 5.03484 13.333 4.66665V3.33331C13.333 3.1565 13.2628 2.98693 13.1377 2.86191C13.0127 2.73688 12.8432 2.66665 12.6663 2.66665H3.33301C3.1562 2.66665 2.98663 2.73688 2.8616 2.86191C2.73658 2.98693 2.66634 3.1565 2.66634 3.33331V4.66665C2.66634 5.03484 2.36786 5.33331 1.99967 5.33331C1.63148 5.33331 1.33301 5.03484 1.33301 4.66665V3.33331C1.33301 2.80288 1.54372 2.29417 1.91879 1.9191ZM4.83914 4.96581C5.77358 4.3379 6.87387 4.00256 7.99967 4.00256C9.12548 4.00256 10.2258 4.3379 11.1602 4.96581C12.0946 5.59372 12.8209 6.48573 13.2463 7.52808C13.2505 7.53861 13.2546 7.54924 13.2583 7.55998C13.3579 7.84486 13.3579 8.1551 13.2583 8.43998C13.2546 8.45071 13.2505 8.46135 13.2463 8.47188C12.8209 9.51423 12.0946 10.4062 11.1602 11.0341C10.2258 11.6621 9.12548 11.9974 7.99967 11.9974C6.87387 11.9974 5.77358 11.6621 4.83914 11.0341C3.90471 10.4062 3.17848 9.51423 2.7531 8.47188C2.7488 8.46135 2.74477 8.45071 2.74102 8.43998C2.64143 8.1551 2.64143 7.84486 2.74102 7.55998C2.74477 7.54924 2.7488 7.53861 2.7531 7.52808C3.17848 6.48573 3.90471 5.59372 4.83914 4.96581ZM7.99967 5.3359C7.13876 5.3359 6.29737 5.59233 5.5828 6.0725C4.87778 6.54625 4.32775 7.21659 4.00075 7.99998C4.32775 8.78337 4.87778 9.45371 5.5828 9.92746C6.29737 10.4076 7.13876 10.6641 7.99967 10.6641C8.86058 10.6641 9.70198 10.4076 10.4166 9.92746C11.1216 9.45371 11.6716 8.78336 11.9986 7.99998C11.6716 7.21659 11.1216 6.54625 10.4166 6.0725C9.70198 5.59233 8.86058 5.3359 7.99967 5.3359ZM6.66634 7.99998C6.66634 7.2636 7.26329 6.66665 7.99967 6.66665C8.73605 6.66665 9.33301 7.2636 9.33301 7.99998C9.33301 8.73636 8.73605 9.33331 7.99967 9.33331C7.26329 9.33331 6.66634 8.73636 6.66634 7.99998ZM1.99967 10.6666C2.36786 10.6666 2.66634 10.9651 2.66634 11.3333V12.6666C2.66634 12.8435 2.73658 13.013 2.8616 13.138C2.98663 13.2631 3.1562 13.3333 3.33301 13.3333H12.6663C12.8432 13.3333 13.0127 13.2631 13.1377 13.138C13.2628 13.013 13.333 12.8435 13.333 12.6666V11.3333C13.333 10.9651 13.6315 10.6666 13.9997 10.6666C14.3679 10.6666 14.6663 10.9651 14.6663 11.3333V12.6666C14.6663 13.1971 14.4556 13.7058 14.0806 14.0809C13.7055 14.4559 13.1968 14.6666 12.6663 14.6666H3.33301C2.80257 14.6666 2.29387 14.4559 1.91879 14.0809C1.54372 13.7058 1.33301 13.1971 1.33301 12.6666V11.3333C1.33301 10.9651 1.63148 10.6666 1.99967 10.6666Z' fill='%23616369'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=warning-diamond]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.4 1.06a.85.85 0 0 1 1.2 0l6.34 6.34a.85.85 0 0 1 0 1.2L8.6 14.94a.85.85 0 0 1-1.2 0L1.06 8.6a.85.85 0 0 1 0-1.2zM7.25 4h1.5v4.5h-1.5zM8 10.25a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E%0A")}a-icon[shape=warning-triangle]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E%0A")}a-icon[shape=webhook]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M11.9999 11.3201H8.00659C7.27325 11.3201 6.70659 11.9468 6.35325 12.5868C6.07355 13.1116 5.62644 13.5279 5.083 13.7694C4.53955 14.011 3.93096 14.0639 3.35397 13.9199C2.77697 13.7758 2.26469 13.443 1.89855 12.9744C1.53241 12.5057 1.33344 11.9282 1.33325 11.3335C1.33992 10.8668 1.46659 10.4001 1.71325 10.0001M3.99992 11.3335L6.08659 7.48012C6.43992 6.83345 6.15325 6.02679 5.75325 5.41345C5.56446 5.11152 5.43806 4.77484 5.38149 4.42326C5.32493 4.07168 5.33935 3.71234 5.42391 3.36643C5.50847 3.02052 5.66146 2.69505 5.87384 2.40922C6.08623 2.12339 6.3537 1.88299 6.6605 1.70221C6.96729 1.52143 7.30719 1.40393 7.66013 1.35663C8.01307 1.30934 8.37191 1.33321 8.71548 1.42684C9.05904 1.52048 9.38038 1.68197 9.66052 1.9018C9.94066 2.12163 10.1739 2.39534 10.3466 2.70679M7.99992 4.00012L10.0866 7.82012C10.4399 8.46679 11.2666 8.66679 11.9999 8.66679C12.7072 8.66679 13.3854 8.94774 13.8855 9.44783C14.3856 9.94793 14.6666 10.6262 14.6666 11.3335C14.6666 12.0407 14.3856 12.719 13.8855 13.2191C13.3854 13.7192 12.7072 14.0001 11.9999 14.0001' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=workflow]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M4.67 7.33V10A1.33 1.33 0 0 0 6 11.33h2.67M3.33 2H6c.74 0 1.33.6 1.33 1.33V6c0 .74-.6 1.33-1.33 1.33H3.33C2.6 7.33 2 6.73 2 6V3.33C2 2.6 2.6 2 3.33 2ZM10 8.67h2.67c.73 0 1.33.6 1.33 1.33v2.67c0 .73-.6 1.33-1.33 1.33H10c-.74 0-1.33-.6-1.33-1.33V10c0-.74.6-1.33 1.33-1.33Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=x]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E%0A")}}
|
|
1
|
+
@layer anta.components{a-icon[shape=arrow-left-to-line]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M1.33 14V2a.67.67 0 0 1 1.34 0v12a.67.67 0 1 1-1.34 0ZM8.86 2.86a.67.67 0 1 1 .94.94L6.28 7.33H14a.67.67 0 1 1 0 1.34H6.28L9.8 12.2a.67.67 0 0 1-.94.94L4.2 8.47a.67.67 0 0 1 0-.94l4.66-4.67Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=arrow-left]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E%0A")}a-icon[shape=arrow-narrow-down]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M5.3335 10.6668L8.00016 13.3335M8.00016 13.3335L10.6668 10.6668M8.00016 13.3335V2.66683' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=arrow-narrow-up-down]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A%3Cpath d='M14 10.6665L11.3333 13.3332M11.3333 13.3332L8.66667 10.6665M11.3333 13.3332V2.6665M2 5.33317L4.66667 2.6665M4.66667 2.6665L7.33333 5.33317M4.66667 2.6665V13.3332' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=arrow-narrow-up]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M5.3335 5.33317L8.00016 2.6665M8.00016 2.6665L10.6668 5.33317M8.00016 2.6665V13.3332' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=arrow-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M3.33 8h9.34m0 0L8 3.33M12.67 8 8 12.67'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=arrow-top-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E%0A")}a-icon[shape=asterisk]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v12'/%3E%3Cpath d='M17.196 9 6.804 15'/%3E%3Cpath d='m6.804 9 10.392 6'/%3E%3C/svg%3E%0A")}a-icon[shape=blank]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Crect width='16' height='16'/%3E%3C/svg%3E%0A")}a-icon[shape=book-open]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M8 4.67V14m0-9.33A2.67 2.67 0 0 0 5.33 2H2a.67.67 0 0 0-.67.67v8.66A.67.67 0 0 0 2 12h4a2 2 0 0 1 2 2m0-9.33A2.67 2.67 0 0 1 10.67 2H14a.67.67 0 0 1 .67.67v8.66A.67.67 0 0 1 14 12h-4a2 2 0 0 0-2 2'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=braces]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M3.2 1.86a2 2 0 0 1 1.47-.61h.66a.75.75 0 1 1 0 1.5h-.66a.58.58 0 0 0-.59.58v3.34c0 .49-.17.96-.48 1.33.31.37.48.84.48 1.33v3.34c0 .32.27.58.59.58h.66a.75.75 0 0 1 0 1.5h-.66a2.09 2.09 0 0 1-2.09-2.08V9.33A.58.58 0 0 0 2 8.75a.75.75 0 0 1 0-1.5.58.58 0 0 0 .58-.58V3.33c0-.55.22-1.08.61-1.47ZM9.91 2c0-.41.33-.75.75-.75h.66a2.08 2.08 0 0 1 2.09 2.08v3.34a.58.58 0 0 0 .58.58.75.75 0 0 1 0 1.5.59.59 0 0 0-.58.58v3.34a2.08 2.08 0 0 1-2.09 2.08h-.66a.75.75 0 0 1 0-1.5h.66a.58.58 0 0 0 .59-.58V9.33c0-.5.18-.97.48-1.33a2.08 2.08 0 0 1-.48-1.33V3.33a.58.58 0 0 0-.59-.58h-.66A.75.75 0 0 1 9.92 2Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=bug]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M5.33 1.33 6.6 2.6m2.82 0 1.26-1.26M6 4.75V4.1a2 2 0 1 1 4 0v.66m-2 8.58c-2.2 0-4-1.8-4-4v-2a2.67 2.67 0 0 1 2.67-2.66h2.66A2.67 2.67 0 0 1 12 7.33v2c0 2.2-1.8 4-4 4Zm0 0v-6M4.35 6A2.68 2.68 0 0 1 2 3.33m2 5.34H1.33M2 14a2.7 2.7 0 0 1 2.53-2.67m9.45-8c0 1.4-1.07 2.54-2.33 2.67m3.02 2.67H12m-.53 2.66A2.7 2.7 0 0 1 14 14'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=calendar-days]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%0A %3Cpath d='M8 2v4'/%3E%0A %3Cpath d='M16 2v4'/%3E%0A %3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%0A %3Cpath d='M3 10h18'/%3E%0A %3Cpath d='M8 14h.01'/%3E%0A %3Cpath d='M8 18h.01'/%3E%0A %3Cpath d='M12 14h.01'/%3E%0A %3Cpath d='M12 18h.01'/%3E%0A %3Cpath d='M16 14h.01'/%3E%0A %3Cpath d='M16 18h.01'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=calendar]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M5.33333 1.33325V3.99992M10.6667 1.33325V3.99992M2 6.66659H14M3.33333 2.66659H12.6667C13.403 2.66659 14 3.26354 14 3.99992V13.3333C14 14.0696 13.403 14.6666 12.6667 14.6666H3.33333C2.59695 14.6666 2 14.0696 2 13.3333V3.99992C2 3.26354 2.59695 2.66659 3.33333 2.66659Z' stroke='%230B0B0B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=case-sensitive]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M11.25 12.12c-.42 0-.8-.08-1.13-.25a1.9 1.9 0 0 1-.74-.69c-.18-.3-.26-.62-.26-1 0-.37.09-.7.27-1 .19-.3.45-.53.8-.7.37-.16.8-.25 1.3-.25h1.91v.97h-1.9c-.37 0-.66.09-.87.26-.2.16-.3.39-.3.67 0 .29.1.51.29.68.19.17.46.25.81.25.33 0 .61-.06.85-.2a1.48 1.48 0 0 0 .76-1.33V7.86c0-.38-.12-.67-.35-.88-.23-.2-.54-.3-.92-.3-.31 0-.57.06-.78.2-.2.13-.35.32-.43.55H9.32a2.4 2.4 0 0 1 .85-1.35c.43-.32.96-.49 1.61-.49.51 0 .95.1 1.32.28.38.18.66.45.85.8.2.35.3.75.3 1.23V12h-1l-.15-.8h-.06a2.1 2.1 0 0 1-1.78.92ZM1.06 12l3.02-8.4h1.56L8.66 12H7.31L4.88 5.08h-.06L2.4 12H1.06Zm1.64-1.88.44-1.17h3.44l.45 1.17H2.7Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=chat]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg clip-path='url(%23a)'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M13.33 6a1.33 1.33 0 0 1 1.34 1.33v6.86a.47.47 0 0 1-.81.34l-1.47-1.47c-.25-.25-.59-.4-.94-.4H6.67a1.33 1.33 0 0 1-1.34-1.33v-.66m5.34-4A1.33 1.33 0 0 1 9.33 8H4.55c-.35 0-.7.14-.94.4L2.14 9.85a.47.47 0 0 1-.8-.34V2.67a1.33 1.33 0 0 1 1.33-1.34h6.66a1.33 1.33 0 0 1 1.34 1.34v4Z'/%3E%0A %3C/g%3E%0A %3Cdefs%3E%0A %3CclipPath id='a'%3E%0A %3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%0A %3C/clipPath%3E%0A %3C/defs%3E%0A%3C/svg%3E%0A")}a-icon[shape=check]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E%0A")}a-icon[shape=chevron-down]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E%0A")}a-icon[shape=chevron-left]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4l-4 4 4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=chevron-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4l4 4-4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=chevron-up]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l4-4 4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=chevrons-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M3.53 4.2a.67.67 0 0 1 .94 0L7.8 7.53a.67.67 0 0 1 0 .94L4.47 11.8a.67.67 0 1 1-.94-.94L6.39 8 3.53 5.14a.67.67 0 0 1 0-.94Zm4.67 0a.66.66 0 0 1 .94 0l3.33 3.33a.67.67 0 0 1 0 .94L9.14 11.8a.66.66 0 1 1-.94-.94L11.06 8 8.2 5.14a.66.66 0 0 1 0-.94Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=circle-check]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg clip-path='url(%23a)'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M14.53 6.67a6.67 6.67 0 1 1-3.2-4.45M6 7.33l2 2 6.67-6.66'/%3E%0A %3C/g%3E%0A %3Cdefs%3E%0A %3CclipPath id='a'%3E%0A %3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%0A %3C/clipPath%3E%0A %3C/defs%3E%0A%3C/svg%3E%0A")}a-icon[shape=circle-dot]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E%0A")}a-icon[shape=circle-large]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cg clip-path='url(%23clip0_5922_134)'%3E%0A %3Cpath d='M8.00016 14.6667C11.6821 14.6667 14.6668 11.6819 14.6668 8C14.6668 4.3181 11.6821 1.33333 8.00016 1.33333C4.31826 1.33333 1.3335 4.3181 1.3335 8C1.3335 11.6819 4.31826 14.6667 8.00016 14.6667Z' stroke='%23525A61' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A %3C/g%3E%0A %3Cdefs%3E%0A %3CclipPath id='clip0_5922_134'%3E%0A %3Crect width='16' height='16' fill='white'/%3E%0A %3C/clipPath%3E%0A %3C/defs%3E%0A%3C/svg%3E")}a-icon[shape=circle-small-solid]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/svg%3E%0A")}a-icon[shape=circle-user]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v1.662'/%3E%3C/svg%3E%0A")}a-icon[shape=circle]{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11Z' stroke='%23525A61' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}a-icon[shape=click]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M9.33322 2.73334L7.99989 4.00001M3.39989 5.33334L1.46655 4.80001M3.99989 8.00001L2.73322 9.33334M4.79989 1.46667L5.33322 3.40001M6.02455 6.46001C5.9987 6.39911 5.99163 6.33188 6.00426 6.26694C6.01688 6.20199 6.04862 6.1423 6.0954 6.09552C6.14218 6.04874 6.20187 6.017 6.26681 6.00438C6.33176 5.99176 6.39899 5.99882 6.45989 6.02468L13.7932 9.02468C13.8585 9.05145 13.9136 9.09824 13.9506 9.15832C13.9875 9.21839 14.0045 9.28865 13.999 9.35898C13.9935 9.42931 13.9659 9.49609 13.92 9.54971C13.8742 9.60332 13.8125 9.64101 13.7439 9.65734L10.8446 10.3513C10.7249 10.3799 10.6154 10.4411 10.5284 10.528C10.4413 10.615 10.38 10.7244 10.3512 10.844L9.65789 13.744C9.64173 13.8129 9.60408 13.8748 9.5504 13.9209C9.49671 13.9669 9.42977 13.9947 9.35925 14.0002C9.28874 14.0057 9.2183 13.9886 9.15813 13.9514C9.09796 13.9142 9.05118 13.8589 9.02455 13.7933L6.02455 6.46001Z' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=clock]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-clock-icon lucide-clock'%3E%3Cpath d='M12 6v6l4 2'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E")}a-icon[shape=cloud-upload]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 13v8'/%3E%3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='m8 17 4-4 4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=columns-3-cog]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.5'/%3E%3Cpath d='m14.3 19.6 1-.4'/%3E%3Cpath d='M15 3v7.5'/%3E%3Cpath d='m15.2 16.9-.9-.3'/%3E%3Cpath d='m16.6 21.7.3-.9'/%3E%3Cpath d='m16.8 15.3-.4-1'/%3E%3Cpath d='m19.1 15.2.3-.9'/%3E%3Cpath d='m19.6 21.7-.4-1'/%3E%3Cpath d='m20.7 16.8 1-.4'/%3E%3Cpath d='m21.7 19.4-.9-.3'/%3E%3Cpath d='M9 3v18'/%3E%3Ccircle cx='18' cy='18' r='3'/%3E%3C/svg%3E%0A")}a-icon[shape=copy]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(90 12 12)'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E%0A")}a-icon[shape=corner-down-right]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M10 6.67 13.33 10m0 0L10 13.33M13.33 10h-8a2.67 2.67 0 0 1-2.66-2.67V2.67'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=cube]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='M13.7 4.9 8 8m0 0L2.3 4.9M8 8v6.3m6-3.6V4.8l-.2-.2-.3-.2-5-2.8-.4-.2H8l-.4.2-5 2.8c-.2 0-.3.1-.3.2l-.2.2v6.4l.2.2.3.2 5 2.8.4.2h0l.4-.2 5-2.8c.2 0 .3-.1.3-.2l.2-.2v-.5Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=dollar-sign]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' x2='12' y1='2' y2='22'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E%0A")}a-icon[shape=dots-vertical]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M8.00004 8.6665C8.36823 8.6665 8.66671 8.36803 8.66671 7.99984C8.66671 7.63165 8.36823 7.33317 8.00004 7.33317C7.63185 7.33317 7.33337 7.63165 7.33337 7.99984C7.33337 8.36803 7.63185 8.6665 8.00004 8.6665Z' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A %3Cpath d='M8.00004 3.99984C8.36823 3.99984 8.66671 3.70136 8.66671 3.33317C8.66671 2.96498 8.36823 2.6665 8.00004 2.6665C7.63185 2.6665 7.33337 2.96498 7.33337 3.33317C7.33337 3.70136 7.63185 3.99984 8.00004 3.99984Z' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A %3Cpath d='M8.00004 13.3332C8.36823 13.3332 8.66671 13.0347 8.66671 12.6665C8.66671 12.2983 8.36823 11.9998 8.00004 11.9998C7.63185 11.9998 7.33337 12.2983 7.33337 12.6665C7.33337 13.0347 7.63185 13.3332 8.00004 13.3332Z' stroke='currentColor' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=download]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M14 10v2.67A1.33 1.33 0 0 1 12.67 14H3.33A1.33 1.33 0 0 1 2 12.67V10m2.67-3.33L8 10l3.33-3.33M8 10V2'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=edit]{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%0A %3Cpath d='M8 2.00003H3.33333C2.97971 2.00003 2.64057 2.1405 2.39052 2.39055C2.14048 2.6406 2 2.97974 2 3.33336V12.6667C2 13.0203 2.14048 13.3595 2.39052 13.6095C2.64057 13.8596 2.97971 14 3.33333 14H12.6667C13.0203 14 13.3594 13.8596 13.6095 13.6095C13.8595 13.3595 14 13.0203 14 12.6667V8.00003M12.25 1.75003C12.5152 1.48481 12.8749 1.33582 13.25 1.33582C13.6251 1.33582 13.9848 1.48481 14.25 1.75003C14.5152 2.01525 14.6642 2.37496 14.6642 2.75003C14.6642 3.1251 14.5152 3.48481 14.25 3.75003L8.24133 9.75936C8.08303 9.91753 7.88747 10.0333 7.67267 10.096L5.75733 10.656C5.69997 10.6728 5.63916 10.6738 5.58127 10.6589C5.52339 10.6441 5.47055 10.614 5.4283 10.5717C5.38604 10.5295 5.35593 10.4766 5.3411 10.4188C5.32627 10.3609 5.32727 10.3001 5.344 10.2427L5.904 8.32736C5.96702 8.11273 6.08302 7.9174 6.24133 7.75936L12.25 1.75003Z' stroke='%23616369' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=external-link]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg fill='%23000'%3E%0A %3Cpath d='M3.796 3.796a.446.446 0 0 0-.131.315v7.778a.446.446 0 0 0 .446.446h7.778a.446.446 0 0 0 .446-.446V8.556a.665.665 0 1 1 1.33 0v3.333a1.776 1.776 0 0 1-1.776 1.776H4.11a1.776 1.776 0 0 1-1.776-1.776V4.11A1.776 1.776 0 0 1 4.11 2.334h3.333a.665.665 0 1 1 0 1.33H4.111a.446.446 0 0 0-.315.13Z'/%3E%0A %3Cpath d='M9.002 3c0-.367.297-.665.665-.665H13c.367 0 .665.298.665.665v3.333a.665.665 0 0 1-1.33 0V4.605L8.47 8.47a.665.665 0 1 1-.94-.94l3.865-3.865H9.667A.665.665 0 0 1 9.002 3Z'/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=eye-closed]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-.722-3.25'/%3E%3Cpath d='M2 8a10.645 10.645 0 0 0 20 0'/%3E%3Cpath d='m20 15-1.726-2.05'/%3E%3Cpath d='m4 15 1.726-2.05'/%3E%3Cpath d='m9 18 .722-3.25'/%3E%3C/svg%3E%0A")}a-icon[shape=eye]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E%0A")}a-icon[shape=file-down]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%0A %3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%0A %3Cpath d='M12 18v-6'/%3E%0A %3Cpath d='m9 15 3 3 3-3'/%3E%0A%3C/svg%3E")}a-icon[shape=file]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 15'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M7.67 1v2.67A1.33 1.33 0 0 0 9 5h2.67M5 5.67H3.67M9 8.33H3.67M9 11H3.67M8.33 1h-6A1.33 1.33 0 0 0 1 2.33V13a1.33 1.33 0 0 0 1.33 1.33h8A1.33 1.33 0 0 0 11.67 13V4.33L8.33 1Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=filter-x]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h8M2 4.7h6.5M6 11.3h4m.5-8.8 3 3m0-3-3 3'/%3E%3C/svg%3E%0A")}a-icon[shape=filter]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h8M2 4.7h12m-8 6.6h4'/%3E%3C/svg%3E%0A")}a-icon[shape=folder-close]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E%0A")}a-icon[shape=folder-open]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E%0A")}a-icon[shape=folder-tree]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M2.65 2a.65.65 0 0 0-1.3 0v8.67a1.98 1.98 0 0 0 1.98 1.98h2a.65.65 0 1 0 0-1.3h-2a.68.68 0 0 1-.68-.68V5.2c.22.07.45.12.68.12h2a.65.65 0 0 0 0-1.3h-2a.68.68 0 0 1-.68-.69V2Zm6.02.34h4.66a1.32 1.32 0 0 1 1.32 1.32v2a1.32 1.32 0 0 1-1.32 1.32H8.67a1.32 1.32 0 0 1-1.32-1.32v-2a1.32 1.32 0 0 1 1.32-1.32Zm-.02 1.3v2.02a.02.02 0 0 0 .02.02h4.66a.02.02 0 0 0 .02-.02v-2a.02.02 0 0 0-.02-.02H8.65Zm.02 6.04h4.66A1.32 1.32 0 0 1 14.65 11v2a1.32 1.32 0 0 1-1.32 1.32H8.67A1.32 1.32 0 0 1 7.35 13v-2a1.32 1.32 0 0 1 1.32-1.32Zm-.02 1.3v2.03h4.68a.02.02 0 0 0 .02-.01v-2a.02.02 0 0 0-.02-.02H8.65Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=hat-glasses]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18a2 2 0 0 0-4 0'/%3E%3Cpath d='m19 11-2.11-6.657a2 2 0 0 0-2.752-1.148l-1.276.61A2 2 0 0 1 12 4H8.5a2 2 0 0 0-1.925 1.456L5 11'/%3E%3Cpath d='M2 11h20'/%3E%3Ccircle cx='17' cy='18' r='3'/%3E%3Ccircle cx='7' cy='18' r='3'/%3E%3C/svg%3E%0A")}a-icon[shape=heart-handshake]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762'/%3E%3C/svg%3E%0A")}a-icon[shape=heart]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E%0A")}a-icon[shape=history-tree]{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%0A%3Cpath d='M2 2V14H14' stroke='%23998FFD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3Cpath d='M4.5 4V11.5' stroke='%23998FFD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3Cpath d='M4.5 4H7.25M9 4H7.25M7.25 4V6H12.5' stroke='%23998FFD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3Cpath d='M4.5 9H7.25M8.5 9H7.25M7.25 9V11H11' stroke='%23998FFD' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=history]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/svg%3E%0A")}a-icon[shape=home]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M10 14V8.67A.67.67 0 0 0 9.33 8H6.67a.67.67 0 0 0-.67.67V14M2 6.67a1.33 1.33 0 0 1 .47-1.02l4.67-4a1.33 1.33 0 0 1 1.72 0l4.67 4A1.33 1.33 0 0 1 14 6.67v6A1.33 1.33 0 0 1 12.67 14H3.33A1.33 1.33 0 0 1 2 12.67v-6Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=hourglass]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14'/%3E%3Cpath d='M5 2h14'/%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22'/%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E%0A")}a-icon[shape=info]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.25'/%3E%3Cpath d='M8 7.5v3.5M8 5h.01'/%3E%3C/svg%3E%0A")}a-icon[shape=link]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%234D4E5C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='m8.47 12.24-.94.95A3.33 3.33 0 0 1 2.8 8.47l.95-.94m8.48.94.95-.94A3.33 3.33 0 0 0 8.47 2.8l-.94.95m-1.86 6.57 4.66-4.66'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=list-collapse]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5h11'/%3E%3Cpath d='M10 12h11'/%3E%3Cpath d='M10 19h11'/%3E%3Cpath d='m3 10 3-3-3-3'/%3E%3Cpath d='m3 20 3-3-3-3'/%3E%3C/svg%3E%0A")}a-icon[shape=maximize]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M10 2h4v4m-8 8H2v-4m12-8L9.33 6.67M2 14l4.67-4.67'/%3E%0A%3C/svg%3E")}a-icon[shape=megaphone]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M4 9.33a8 8 0 0 0 1.6 4.8 1.33 1.33 0 1 0 2.13-1.6 5.33 5.33 0 0 1-1.06-3.2M5.33 4v5.33m2-5.33c2.03.05 4.01-.6 5.6-1.87a.67.67 0 0 1 1.07.54v8a.67.67 0 0 1-1.07.53 8.67 8.67 0 0 0-5.6-1.87h-4A1.33 1.33 0 0 1 2 8V5.33A1.33 1.33 0 0 1 3.33 4h4Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=menu]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h10M3 8h10M3 11h10'/%3E%3C/svg%3E%0A")}a-icon[shape=minimize]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M2.67 9.33h4v4m6.66-6.66h-4v-4m0 4L14 2M2 14l4.67-4.67'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=minus]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10'/%3E%3C/svg%3E%0A")}a-icon[shape=moon]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=more]{--icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%0A%3C!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%0A%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%0A%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%0A viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%0A%3Cg id='more_3_'%3E%0A %3Ccircle cx='2' cy='8.03' r='2'/%3E%0A %3Ccircle cx='14' cy='8.03' r='2'/%3E%0A %3Ccircle cx='8' cy='8.03' r='2'/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=move-horizontal]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 8 4 4-4 4'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='m6 8-4 4 4 4'/%3E%3C/svg%3E%0A")}a-icon[shape=not-equal]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M3.33 6H10m0 0h2.67M10 6l2.67-2.67M10 6l-4 4m-2.67 0H6m0 0h6.67M6 10l-2.67 2.67'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=play]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath fill='%23000' d='M6.4 10.8V5.2L10.8 8l-4.4 2.8ZM8 14.4a6.25 6.25 0 0 1-4.53-1.88 6.45 6.45 0 0 1-1.37-7A6.48 6.48 0 0 1 8 1.6a6.2 6.2 0 0 1 4.53 1.88A6.47 6.47 0 0 1 14.4 8a6.25 6.25 0 0 1-1.88 4.53A6.46 6.46 0 0 1 8 14.4Zm0-1.2c1.44 0 2.67-.5 3.68-1.52A5.01 5.01 0 0 0 13.2 8c0-1.44-.5-2.67-1.52-3.68A5.01 5.01 0 0 0 8 2.8c-1.44 0-2.67.5-3.68 1.52A5.01 5.01 0 0 0 2.8 8c0 1.44.5 2.67 1.52 3.68A5.01 5.01 0 0 0 8 13.2Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=plus]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v10M3 8h10'/%3E%3C/svg%3E%0A")}a-icon[shape=pointer]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-pointer-icon lucide-pointer'%3E%3Cpath d='M22 14a8 8 0 0 1-8 8'/%3E%3Cpath d='M18 11v-1a2 2 0 0 0-2-2a2 2 0 0 0-2 2'/%3E%3Cpath d='M14 10V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1'/%3E%3Cpath d='M10 9.5V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v10'/%3E%3Cpath d='M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E")}a-icon[shape=presentation]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h20'/%3E%3Cpath d='M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3'/%3E%3Cpath d='m7 21 5-5 5 5'/%3E%3C/svg%3E%0A")}a-icon[shape=refresh-ccw-dot]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%0A %3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%0A %3Cpath d='M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%0A %3Cpath d='M3 3v5h5'/%3E%0A %3Cpath d='M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%0A %3Cpath d='M16 16h5v5'/%3E%0A %3Ccircle cx='12' cy='12' r='1'/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=refresh]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M14 8C14 6.4087 13.3679 4.88258 12.2426 3.75736C11.1174 2.63214 9.5913 2 8 2C6.32263 2.00631 4.71265 2.66082 3.50667 3.82667L2 5.33333M2 5.33333V2M2 5.33333H5.33333M2 8C2 9.5913 2.63214 11.1174 3.75736 12.2426C4.88258 13.3679 6.4087 14 8 14C9.67737 13.9937 11.2874 13.3392 12.4933 12.1733L14 10.6667M14 10.6667H10.6667M14 10.6667V14' stroke='%230B0B0B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=regex]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%0A %3Cpath d='M11.33 2v6.67m-2.88-5L14.22 7M8.45 7l5.77-3.33'/%3E%0A %3Cpath fill='%23000' d='M6 11a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1Z'/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=repeat]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='scale(-1 1) translate(-24 0)'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/g%3E%3C/svg%3E%0A")}a-icon[shape=rotate-ccw]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E%0A")}a-icon[shape=rss]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M2.67 7.33a6 6 0 0 1 6 6m-6-10.66a10.67 10.67 0 0 1 10.66 10.66M4 12.67a.67.67 0 1 1-1.33 0 .67.67 0 0 1 1.33 0Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=runs-history]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M4.67 1.33h6.66M3.33 4h9.34M3.33 6.67h9.34c.73 0 1.33.6 1.33 1.33v5.33c0 .74-.6 1.34-1.33 1.34H3.33c-.73 0-1.33-.6-1.33-1.34V8c0-.74.6-1.33 1.33-1.33Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=scroll-text]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M10 8H6.67M10 5.33H6.67m6 6v-8A1.33 1.33 0 0 0 11.33 2H2.67m0 0A1.33 1.33 0 0 1 4 3.33v9.34A1.33 1.33 0 0 0 5.33 14M2.67 2a1.33 1.33 0 0 0-1.34 1.33v1.34a.67.67 0 0 0 .67.66h2M5.33 14h8a1.33 1.33 0 0 0 1.34-1.33V12a.67.67 0 0 0-.67-.67H7.33a.67.67 0 0 0-.66.67v.67A1.33 1.33 0 0 1 5.33 14Z'/%3E%0A%3C/svg%3E")}a-icon[shape=search-check]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='m5.33 7.33 1.34 1.34L9.33 6M14 14l-2.87-2.87m1.54-3.8A5.33 5.33 0 1 1 2 7.33a5.33 5.33 0 0 1 10.67 0Z'/%3E%0A%3C/svg%3E")}a-icon[shape=search]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='m14 14-2.87-2.87m1.54-3.8A5.33 5.33 0 1 1 2 7.33a5.33 5.33 0 0 1 10.67 0Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=send]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z'/%3E%0A %3Cpath d='M6 12h16'/%3E%0A%3C/svg%3E")}a-icon[shape=settings]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E%0A")}a-icon[shape=share]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%0A %3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%0A %3Cpath d='m16 6-4-4-4 4'/%3E%0A %3Cpath d='M12 2v13'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=sparkles]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cg clip-path='url(%23a)'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M13.33 1.33V4m1.34-1.33H12m-4.66-.8a.67.67 0 0 1 1.32 0l.7 3.71a1.33 1.33 0 0 0 1.06 1.06l3.7.7a.67.67 0 0 1 0 1.32l-3.7.7a1.33 1.33 0 0 0-1.06 1.06l-.7 3.7a.67.67 0 0 1-1.32 0l-.7-3.7a1.33 1.33 0 0 0-1.06-1.06l-3.7-.7a.67.67 0 0 1 0-1.32l3.7-.7a1.33 1.33 0 0 0 1.06-1.06l.7-3.7ZM4 13.34a1.33 1.33 0 1 1-2.67 0 1.33 1.33 0 0 1 2.67 0Z'/%3E%0A %3C/g%3E%0A %3Cdefs%3E%0A %3CclipPath id='a'%3E%0A %3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%0A %3C/clipPath%3E%0A %3C/defs%3E%0A%3C/svg%3E%0A")}a-icon[shape=square-check-big]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E%0A")}a-icon[shape=square-menu]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 8h10'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M7 16h10'/%3E%3C/svg%3E%0A")}a-icon[shape=sun]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%0A %3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%0A %3Ccircle cx='12' cy='12' r='4'/%3E%0A %3Cpath d='M12 2v2'/%3E%0A %3Cpath d='M12 20v2'/%3E%0A %3Cpath d='m4.93 4.93 1.41 1.41'/%3E%0A %3Cpath d='m17.66 17.66 1.41 1.41'/%3E%0A %3Cpath d='M2 12h2'/%3E%0A %3Cpath d='M20 12h2'/%3E%0A %3Cpath d='m6.34 17.66-1.41 1.41'/%3E%0A %3Cpath d='m19.07 4.93-1.41 1.41'/%3E%0A %3C/g%3E%0A%3C/svg%3E%0A")}a-icon[shape=swatch-book]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z'/%3E%3Cpath d='M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7'/%3E%3Cpath d='M 7 17h.01'/%3E%3Cpath d='m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8'/%3E%3C/svg%3E%0A")}a-icon[shape=table-2]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18'/%3E%3C/svg%3E%0A")}a-icon[shape=tag]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='currentColor'/%3E%3C/svg%3E%0A")}a-icon[shape=text-cursor-input]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6'/%3E%3Cpath d='M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7'/%3E%3Cpath d='M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1'/%3E%3Cpath d='M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1'/%3E%3Cpath d='M9 6v12'/%3E%3C/svg%3E%0A")}a-icon[shape=text-initial]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5h6'/%3E%3Cpath d='M15 12h6'/%3E%3Cpath d='M3 19h18'/%3E%3Cpath d='m3 12 3.553-7.724a.5.5 0 0 1 .894 0L11 12'/%3E%3Cpath d='M3.92 10h6.16'/%3E%3C/svg%3E%0A")}a-icon[shape=timer]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' x2='14' y1='2' y2='2'/%3E%3Cline x1='12' x2='15' y1='14' y2='11'/%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3C/svg%3E%0A")}a-icon[shape=toggle-right]{--icon: url("data:image/svg+xml,%3Csvg%0A xmlns='http://www.w3.org/2000/svg'%0A %0A %0A viewBox='0 0 24 24'%0A fill='none'%0A stroke='currentColor'%0A stroke-width='2'%0A stroke-linecap='round'%0A stroke-linejoin='round'%0A%3E%0A %3Ccircle cx='15' cy='12' r='3' /%3E%0A %3Crect width='20' height='14' x='2' y='5' rx='7' /%3E%0A%3C/svg%3E%0A")}a-icon[shape=trash]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E%0A")}a-icon[shape=view]{--icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%0A%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.91879 1.9191C2.29387 1.54403 2.80257 1.33331 3.33301 1.33331H12.6663C13.1968 1.33331 13.7055 1.54403 14.0806 1.9191C14.4556 2.29417 14.6663 2.80288 14.6663 3.33331V4.66665C14.6663 5.03484 14.3679 5.33331 13.9997 5.33331C13.6315 5.33331 13.333 5.03484 13.333 4.66665V3.33331C13.333 3.1565 13.2628 2.98693 13.1377 2.86191C13.0127 2.73688 12.8432 2.66665 12.6663 2.66665H3.33301C3.1562 2.66665 2.98663 2.73688 2.8616 2.86191C2.73658 2.98693 2.66634 3.1565 2.66634 3.33331V4.66665C2.66634 5.03484 2.36786 5.33331 1.99967 5.33331C1.63148 5.33331 1.33301 5.03484 1.33301 4.66665V3.33331C1.33301 2.80288 1.54372 2.29417 1.91879 1.9191ZM4.83914 4.96581C5.77358 4.3379 6.87387 4.00256 7.99967 4.00256C9.12548 4.00256 10.2258 4.3379 11.1602 4.96581C12.0946 5.59372 12.8209 6.48573 13.2463 7.52808C13.2505 7.53861 13.2546 7.54924 13.2583 7.55998C13.3579 7.84486 13.3579 8.1551 13.2583 8.43998C13.2546 8.45071 13.2505 8.46135 13.2463 8.47188C12.8209 9.51423 12.0946 10.4062 11.1602 11.0341C10.2258 11.6621 9.12548 11.9974 7.99967 11.9974C6.87387 11.9974 5.77358 11.6621 4.83914 11.0341C3.90471 10.4062 3.17848 9.51423 2.7531 8.47188C2.7488 8.46135 2.74477 8.45071 2.74102 8.43998C2.64143 8.1551 2.64143 7.84486 2.74102 7.55998C2.74477 7.54924 2.7488 7.53861 2.7531 7.52808C3.17848 6.48573 3.90471 5.59372 4.83914 4.96581ZM7.99967 5.3359C7.13876 5.3359 6.29737 5.59233 5.5828 6.0725C4.87778 6.54625 4.32775 7.21659 4.00075 7.99998C4.32775 8.78337 4.87778 9.45371 5.5828 9.92746C6.29737 10.4076 7.13876 10.6641 7.99967 10.6641C8.86058 10.6641 9.70198 10.4076 10.4166 9.92746C11.1216 9.45371 11.6716 8.78336 11.9986 7.99998C11.6716 7.21659 11.1216 6.54625 10.4166 6.0725C9.70198 5.59233 8.86058 5.3359 7.99967 5.3359ZM6.66634 7.99998C6.66634 7.2636 7.26329 6.66665 7.99967 6.66665C8.73605 6.66665 9.33301 7.2636 9.33301 7.99998C9.33301 8.73636 8.73605 9.33331 7.99967 9.33331C7.26329 9.33331 6.66634 8.73636 6.66634 7.99998ZM1.99967 10.6666C2.36786 10.6666 2.66634 10.9651 2.66634 11.3333V12.6666C2.66634 12.8435 2.73658 13.013 2.8616 13.138C2.98663 13.2631 3.1562 13.3333 3.33301 13.3333H12.6663C12.8432 13.3333 13.0127 13.2631 13.1377 13.138C13.2628 13.013 13.333 12.8435 13.333 12.6666V11.3333C13.333 10.9651 13.6315 10.6666 13.9997 10.6666C14.3679 10.6666 14.6663 10.9651 14.6663 11.3333V12.6666C14.6663 13.1971 14.4556 13.7058 14.0806 14.0809C13.7055 14.4559 13.1968 14.6666 12.6663 14.6666H3.33301C2.80257 14.6666 2.29387 14.4559 1.91879 14.0809C1.54372 13.7058 1.33301 13.1971 1.33301 12.6666V11.3333C1.33301 10.9651 1.63148 10.6666 1.99967 10.6666Z' fill='%23616369'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=warning-diamond]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.4 1.06a.85.85 0 0 1 1.2 0l6.34 6.34a.85.85 0 0 1 0 1.2L8.6 14.94a.85.85 0 0 1-1.2 0L1.06 8.6a.85.85 0 0 1 0-1.2zM7.25 4h1.5v4.5h-1.5zM8 10.25a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E%0A")}a-icon[shape=warning-triangle]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E%0A")}a-icon[shape=webhook]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%0A %3Cpath d='M11.9999 11.3201H8.00659C7.27325 11.3201 6.70659 11.9468 6.35325 12.5868C6.07355 13.1116 5.62644 13.5279 5.083 13.7694C4.53955 14.011 3.93096 14.0639 3.35397 13.9199C2.77697 13.7758 2.26469 13.443 1.89855 12.9744C1.53241 12.5057 1.33344 11.9282 1.33325 11.3335C1.33992 10.8668 1.46659 10.4001 1.71325 10.0001M3.99992 11.3335L6.08659 7.48012C6.43992 6.83345 6.15325 6.02679 5.75325 5.41345C5.56446 5.11152 5.43806 4.77484 5.38149 4.42326C5.32493 4.07168 5.33935 3.71234 5.42391 3.36643C5.50847 3.02052 5.66146 2.69505 5.87384 2.40922C6.08623 2.12339 6.3537 1.88299 6.6605 1.70221C6.96729 1.52143 7.30719 1.40393 7.66013 1.35663C8.01307 1.30934 8.37191 1.33321 8.71548 1.42684C9.05904 1.52048 9.38038 1.68197 9.66052 1.9018C9.94066 2.12163 10.1739 2.39534 10.3466 2.70679M7.99992 4.00012L10.0866 7.82012C10.4399 8.46679 11.2666 8.66679 11.9999 8.66679C12.7072 8.66679 13.3854 8.94774 13.8855 9.44783C14.3856 9.94793 14.6666 10.6262 14.6666 11.3335C14.6666 12.0407 14.3856 12.719 13.8855 13.2191C13.3854 13.7192 12.7072 14.0001 11.9999 14.0001' stroke='%23000' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%0A%3C/svg%3E")}a-icon[shape=workflow]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%0A %3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33' d='M4.67 7.33V10A1.33 1.33 0 0 0 6 11.33h2.67M3.33 2H6c.74 0 1.33.6 1.33 1.33V6c0 .74-.6 1.33-1.33 1.33H3.33C2.6 7.33 2 6.73 2 6V3.33C2 2.6 2.6 2 3.33 2ZM10 8.67h2.67c.73 0 1.33.6 1.33 1.33v2.67c0 .73-.6 1.33-1.33 1.33H10c-.74 0-1.33-.6-1.33-1.33V10c0-.74.6-1.33 1.33-1.33Z'/%3E%0A%3C/svg%3E%0A")}a-icon[shape=x]{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E%0A")}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { IconShapes } from '@antadesign/anta';
|
|
2
|
-
export declare const ICON_SHAPES: readonly ["arrow-left-to-line", "arrow-left", "arrow-narrow-down", "arrow-narrow-up-down", "arrow-narrow-up", "arrow-right", "arrow-top-right", "asterisk", "blank", "book-open", "braces", "bug", "calendar-days", "calendar", "case-sensitive", "chat", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-right", "circle-check", "circle-dot", "circle-large", "circle-small-solid", "circle", "click", "clock", "cloud-upload", "columns-3-cog", "copy", "corner-down-right", "cube", "dollar-sign", "dots-vertical", "download", "edit", "external-link", "eye-closed", "eye", "file-down", "file", "filter-x", "filter", "folder-close", "folder-open", "folder-tree", "hat-glasses", "heart-handshake", "heart", "history-tree", "history", "home", "hourglass", "info", "link", "list-collapse", "maximize", "megaphone", "menu", "minimize", "minus", "moon", "more", "move-horizontal", "not-equal", "play", "plus", "pointer", "presentation", "refresh-ccw-dot", "refresh", "regex", "repeat", "rotate-ccw", "rss", "runs-history", "scroll-text", "search-check", "search", "send", "settings", "share", "sparkles", "square-check-big", "square-menu", "sun", "swatch-book", "table-2", "tag", "text-cursor-input", "text-
|
|
2
|
+
export declare const ICON_SHAPES: readonly ["arrow-left-to-line", "arrow-left", "arrow-narrow-down", "arrow-narrow-up-down", "arrow-narrow-up", "arrow-right", "arrow-top-right", "asterisk", "blank", "book-open", "braces", "bug", "calendar-days", "calendar", "case-sensitive", "chat", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-right", "circle-check", "circle-dot", "circle-large", "circle-small-solid", "circle-user", "circle", "click", "clock", "cloud-upload", "columns-3-cog", "copy", "corner-down-right", "cube", "dollar-sign", "dots-vertical", "download", "edit", "external-link", "eye-closed", "eye", "file-down", "file", "filter-x", "filter", "folder-close", "folder-open", "folder-tree", "hat-glasses", "heart-handshake", "heart", "history-tree", "history", "home", "hourglass", "info", "link", "list-collapse", "maximize", "megaphone", "menu", "minimize", "minus", "moon", "more", "move-horizontal", "not-equal", "play", "plus", "pointer", "presentation", "refresh-ccw-dot", "refresh", "regex", "repeat", "rotate-ccw", "rss", "runs-history", "scroll-text", "search-check", "search", "send", "settings", "share", "sparkles", "square-check-big", "square-menu", "sun", "swatch-book", "table-2", "tag", "text-cursor-input", "text-initial", "timer", "toggle-right", "trash", "view", "warning-diamond", "warning-triangle", "webhook", "workflow", "x"];
|
|
3
3
|
export declare const ICON_SYNONYMS: Readonly<Record<string, readonly string[]>>;
|
|
4
4
|
declare module '@antadesign/anta' {
|
|
5
5
|
interface IconShapes {
|
|
@@ -29,6 +29,7 @@ declare module '@antadesign/anta' {
|
|
|
29
29
|
'circle-dot': true;
|
|
30
30
|
'circle-large': true;
|
|
31
31
|
'circle-small-solid': true;
|
|
32
|
+
'circle-user': true;
|
|
32
33
|
'circle': true;
|
|
33
34
|
'click': true;
|
|
34
35
|
'clock': true;
|
|
@@ -95,7 +96,6 @@ declare module '@antadesign/anta' {
|
|
|
95
96
|
'table-2': true;
|
|
96
97
|
'tag': true;
|
|
97
98
|
'text-cursor-input': true;
|
|
98
|
-
'text-highlight': true;
|
|
99
99
|
'text-initial': true;
|
|
100
100
|
'timer': true;
|
|
101
101
|
'toggle-right': true;
|
|
@@ -25,6 +25,7 @@ const ICON_SHAPES = [
|
|
|
25
25
|
"circle-dot",
|
|
26
26
|
"circle-large",
|
|
27
27
|
"circle-small-solid",
|
|
28
|
+
"circle-user",
|
|
28
29
|
"circle",
|
|
29
30
|
"click",
|
|
30
31
|
"clock",
|
|
@@ -91,7 +92,6 @@ const ICON_SHAPES = [
|
|
|
91
92
|
"table-2",
|
|
92
93
|
"tag",
|
|
93
94
|
"text-cursor-input",
|
|
94
|
-
"text-highlight",
|
|
95
95
|
"text-initial",
|
|
96
96
|
"timer",
|
|
97
97
|
"toggle-right",
|
|
@@ -130,6 +130,7 @@ const ICON_SYNONYMS = {
|
|
|
130
130
|
"check": ["tick", "ok", "done", "confirm", "approve"],
|
|
131
131
|
"dollar-sign": ["currency", "money", "payment"],
|
|
132
132
|
"circle-check": ["success", "ok", "done"],
|
|
133
|
+
"circle-user": ["avatar", "person", "account", "contact", "profile"],
|
|
133
134
|
"x": ["close", "cancel", "dismiss", "remove", "no"],
|
|
134
135
|
"plus": ["add", "new", "create"],
|
|
135
136
|
"minus": ["remove", "subtract"],
|
|
@@ -153,7 +154,6 @@ const ICON_SYNONYMS = {
|
|
|
153
154
|
"asterisk": ["star", "wildcard"],
|
|
154
155
|
"braces": ["code", "brackets", "json"],
|
|
155
156
|
"case-sensitive": ["aA", "capitalize", "case"],
|
|
156
|
-
"text-highlight": ["mark", "highlight"],
|
|
157
157
|
"list-collapse": ["list", "collapse", "expand", "items"],
|
|
158
158
|
"table-2": ["table", "grid", "data", "spreadsheet", "rows", "columns"],
|
|
159
159
|
"folder-open": ["directory", "browse"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer anta{a-input-time:not(:defined){display:grid;grid-template-columns:minmax(0,1fr);row-gap:4px}a-input-time:not(:defined)>[slot=leading],a-input-time:not(:defined)>[slot=trailing],a-input-time:not(:defined)>[slot=clear],a-input-time:not(:defined)>[slot=hint]{display:none!important}a-input-time:not(:defined)>[slot=label]{display:block;color:var(--input-time-label);font-family:var(--sans-serif);font-size:var(--input-time-font-size);line-height:var(--input-time-line-height);font-weight:500}a-input-time:not(:defined):after{content:"\2013\2013:\2013\2013";display:block;min-height:var(--input-time-field-height);line-height:var(--input-time-field-height);padding-inline:8px;border-radius:var(--input-time-field-radius);box-shadow:inset 0 0 0 .5px var(--input-time-border);color:var(--input-time-placeholder);font-family:var(--sans-serif);font-size:var(--input-time-font-size);font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;white-space:nowrap}@media(forced-colors:active){a-input-time:not(:defined):after{border:1px solid ButtonBorder}}a-input-time{transition:opacity .28s ease-out 40ms}a-input-time:not(:defined){opacity:.5}@media(prefers-reduced-motion:reduce){a-input-time{transition:none}}a-input-time{--input-time-bg: var(--bg-1);--input-time-border: var(--border-2);--input-time-border-hover: var(--border-1);--input-time-text: var(--text-1);--input-time-label: var(--text-3);--input-time-placeholder: var(--text-3);--input-time-adornment: var(--text-3);--input-time-hint: var(--text-3);--input-time-period-color: var(--text-3);--input-time-font-size: 15px;--input-time-line-height: 20px;--input-time-field-height: 28px;--input-time-field-radius: 4px;width:fit-content;max-width:100%}a-input-time:has(>[slot=label])::part(label){display:block}a-input-time:has(>[slot=leading])::part(leading){display:flex;align-items:center;flex-shrink:0;margin-inline-start:7px}a-input-time:has(>[slot=leading])::part(segments){padding-inline-start:4px}a-input-time:has(>[slot=trailing])::part(trailing){display:flex;align-items:center;gap:2px;flex-shrink:0;color:var(--input-time-adornment);font-size:var(--input-time-font-size)}a-input-time:has(>[slot=hint])::part(hint){display:flex}a-input-time[size=small]{--input-time-font-size: 13px;--input-time-line-height: 16px;--input-time-field-height: 24px}a-input-time[size=large]{--input-time-font-size: 17px;--input-time-line-height: 22px;--input-time-field-height: 32px}a-input-time[round]{--input-time-round: attr(round type(<length>), 999px);--input-time-field-radius: var(--input-time-round, 999px)}a-input-time[size=small] a-icon{--icon-size: 14px}a-input-time[size=large] a-icon{--icon-size: 18px}a-input-time[tone]:not([tone=""]){--input-time-tone-source: attr(tone type(<color>), var(--border-2));--input-time-border: oklch(from var(--input-time-tone-source) .7 calc(c*.8) h);--input-time-border-hover: oklch(from var(--input-time-tone-source) .6 c h);.dark &{--input-time-border: oklch(from var(--input-time-tone-source) .5 calc(c*.8) h);--input-time-border-hover: oklch(from var(--input-time-tone-source) .6 c h)}}a-input-time[status=critical]{--input-time-tone-source: var(--anta-seed-critical);--input-time-bg: var(--bg-2-critical);--input-time-hint: var(--text-2-critical)}a-input-time[status=warning]{--input-time-tone-source: var(--anta-seed-warning);--input-time-bg: var(--bg-2-warning);--input-time-hint: var(--text-2-warning)}a-input-time[status=success]{--input-time-tone-source: var(--anta-seed-success);--input-time-bg: var(--bg-2-success);--input-time-hint: var(--text-2-success)}a-input-time[status=info]{--input-time-tone-source: var(--anta-seed-info);--input-time-bg: var(--bg-2-info);--input-time-hint: var(--text-2-info)}a-input-time[status=brand]{--input-time-tone-source: var(--anta-seed-brand);--input-time-bg: var(--bg-2-brand);--input-time-hint: var(--text-2-brand)}a-input-time[status]:not([status=neutral]){--input-time-border: oklch(from var(--input-time-tone-source) .58 c h);--input-time-border-hover: oklch(from var(--input-time-tone-source) .58 c h)}.dark a-input-time[status]:not([status=neutral]){--input-time-border: oklch(from var(--input-time-tone-source) .52 c h);--input-time-border-hover: oklch(from var(--input-time-tone-source) .52 c h)}a-input-time:disabled{--input-time-bg: #44374b12;--input-time-border: #44374b26;--input-time-border-hover: #44374b26;--input-time-text: var(--text-4);--input-time-label: var(--text-4);--input-time-hint: var(--text-5);cursor:not-allowed}.dark a-input-time:disabled{--input-time-bg: #e4d1ef0d;--input-time-border: #e4d1ef1f;--input-time-border-hover: #e4d1ef1f}}
|
|
1
|
+
@layer anta.components{a-input-time:not(:defined){display:grid;grid-template-columns:minmax(0,1fr);row-gap:4px}a-input-time:not(:defined)>[slot=leading],a-input-time:not(:defined)>[slot=trailing],a-input-time:not(:defined)>[slot=clear],a-input-time:not(:defined)>[slot=hint]{display:none!important}a-input-time:not(:defined)>[slot=label]{display:block;color:var(--input-time-label);font-family:var(--sans-serif);font-size:var(--input-time-font-size);line-height:var(--input-time-line-height);font-weight:500}a-input-time:not(:defined):after{content:"\2013\2013:\2013\2013";display:block;min-height:var(--input-time-field-height);line-height:var(--input-time-field-height);padding-inline:8px;border-radius:var(--input-time-field-radius);box-shadow:inset 0 0 0 .5px var(--input-time-border);color:var(--input-time-placeholder);font-family:var(--sans-serif);font-size:var(--input-time-font-size);font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;white-space:nowrap}@media(forced-colors:active){a-input-time:not(:defined):after{border:1px solid ButtonBorder}}a-input-time{transition:opacity .28s ease-out 40ms}a-input-time:not(:defined){opacity:.5}@media(prefers-reduced-motion:reduce){a-input-time{transition:none}}a-input-time{--input-time-bg: var(--bg-1);--input-time-border: var(--border-2);--input-time-border-hover: var(--border-1);--input-time-text: var(--text-1);--input-time-label: var(--text-3);--input-time-placeholder: var(--text-3);--input-time-adornment: var(--text-3);--input-time-hint: var(--text-3);--input-time-period-color: var(--text-3);--input-time-font-size: 15px;--input-time-line-height: 20px;--input-time-field-height: 28px;--input-time-field-radius: 4px;width:fit-content;max-width:100%}a-input-time:has(>[slot=label])::part(label){display:block}a-input-time:has(>[slot=leading])::part(leading){display:flex;align-items:center;flex-shrink:0;margin-inline-start:7px}a-input-time:has(>[slot=leading])::part(segments){padding-inline-start:4px}a-input-time:has(>[slot=trailing])::part(trailing){display:flex;align-items:center;gap:2px;flex-shrink:0;color:var(--input-time-adornment);font-size:var(--input-time-font-size)}a-input-time:has(>[slot=hint])::part(hint){display:flex}a-input-time[size=small]{--input-time-font-size: 13px;--input-time-line-height: 16px;--input-time-field-height: 24px}a-input-time[size=large]{--input-time-font-size: 17px;--input-time-line-height: 22px;--input-time-field-height: 32px}a-input-time[round]{--input-time-round: attr(round type(<length>), 999px);--input-time-field-radius: var(--input-time-round, 999px)}a-input-time[size=small] a-icon{--icon-size: 14px}a-input-time[size=large] a-icon{--icon-size: 18px}a-input-time[tone]:not([tone=""]){--input-time-tone-source: attr(tone type(<color>), var(--border-2));--input-time-border: oklch(from var(--input-time-tone-source) .7 calc(c*.8) h);--input-time-border-hover: oklch(from var(--input-time-tone-source) .6 c h);.dark &{--input-time-border: oklch(from var(--input-time-tone-source) .5 calc(c*.8) h);--input-time-border-hover: oklch(from var(--input-time-tone-source) .6 c h)}}a-input-time[status=critical]{--input-time-tone-source: var(--anta-seed-critical);--input-time-bg: var(--bg-2-critical);--input-time-hint: var(--text-2-critical)}a-input-time[status=warning]{--input-time-tone-source: var(--anta-seed-warning);--input-time-bg: var(--bg-2-warning);--input-time-hint: var(--text-2-warning)}a-input-time[status=success]{--input-time-tone-source: var(--anta-seed-success);--input-time-bg: var(--bg-2-success);--input-time-hint: var(--text-2-success)}a-input-time[status=info]{--input-time-tone-source: var(--anta-seed-info);--input-time-bg: var(--bg-2-info);--input-time-hint: var(--text-2-info)}a-input-time[status=brand]{--input-time-tone-source: var(--anta-seed-brand);--input-time-bg: var(--bg-2-brand);--input-time-hint: var(--text-2-brand)}a-input-time[status]:not([status=neutral]){--input-time-border: oklch(from var(--input-time-tone-source) .58 c h);--input-time-border-hover: oklch(from var(--input-time-tone-source) .58 c h)}.dark a-input-time[status]:not([status=neutral]){--input-time-border: oklch(from var(--input-time-tone-source) .52 c h);--input-time-border-hover: oklch(from var(--input-time-tone-source) .52 c h)}a-input-time:disabled{--input-time-bg: #44374b12;--input-time-border: #44374b26;--input-time-border-hover: #44374b26;--input-time-text: var(--text-4);--input-time-label: var(--text-4);--input-time-hint: var(--text-5);cursor:not-allowed}.dark a-input-time:disabled{--input-time-bg: #e4d1ef0d;--input-time-border: #e4d1ef1f;--input-time-border-hover: #e4d1ef1f}}
|
|
@@ -13,6 +13,8 @@ export declare class AInputTimeElement extends HTMLElementBase {
|
|
|
13
13
|
set value(v: string);
|
|
14
14
|
/** Empty the field, refocus the first segment, and fire input + change. */
|
|
15
15
|
clear(): void;
|
|
16
|
+
/** Focus the first editable segment. */
|
|
17
|
+
focus(options?: FocusOptions): void;
|
|
16
18
|
get name(): string;
|
|
17
19
|
set name(v: string);
|
|
18
20
|
get validity(): ValidityState | undefined;
|
|
@@ -101,6 +101,9 @@ const SHADOW_STYLE = `
|
|
|
101
101
|
cursor: text;
|
|
102
102
|
font-variant-numeric: tabular-nums;
|
|
103
103
|
}
|
|
104
|
+
@media (pointer: coarse) {
|
|
105
|
+
:host(:focus-within) .seg { font-size: max(16px, var(--input-time-font-size)); }
|
|
106
|
+
}
|
|
104
107
|
.seg--period {
|
|
105
108
|
field-sizing: content;
|
|
106
109
|
width: auto;
|
|
@@ -727,6 +730,10 @@ class AInputTimeElement extends HTMLElementBase {
|
|
|
727
730
|
this.dispatchEvent(new CustomEvent(CLEAR_INPUT_EVENT, { bubbles: true }));
|
|
728
731
|
this.#segs[0]?.el.focus();
|
|
729
732
|
}
|
|
733
|
+
/** Focus the first editable segment. */
|
|
734
|
+
focus(options) {
|
|
735
|
+
this.#segs[0]?.el.focus(options);
|
|
736
|
+
}
|
|
730
737
|
get name() {
|
|
731
738
|
return this.getAttribute("name") ?? "";
|
|
732
739
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer anta{a-input:not(:defined){display:grid;grid-template-columns:minmax(0,1fr);row-gap:4px}a-input:not(:defined)>[slot=leading],a-input:not(:defined)>[slot=trailing],a-input:not(:defined)>[slot=clear],a-input:not(:defined)>[slot=hint]{display:none!important}a-input:not(:defined)>[slot=label]{display:block;color:var(--input-label);font-family:var(--sans-serif);font-size:15px;line-height:20px;font-weight:500}a-input[size=small]:not(:defined)>[slot=label]{font-size:13px;line-height:16px}a-input[size=large]:not(:defined)>[slot=label]{font-size:17px;line-height:22px}a-input:not(:defined):after{content:attr(placeholder);display:block;min-height:28px;line-height:28px;padding-inline:7px;border-radius:4px;box-shadow:inset 0 0 0 .5px var(--input-border);color:var(--input-placeholder);font-family:var(--sans-serif);font-size:15px;font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a-input[value]:not([value=""]):not([type=password]):not(:defined):after{content:attr(value);color:var(--input-text)}a-input[size=small]:not(:defined):after{min-height:24px;line-height:24px;font-size:13px}a-input[size=large]:not(:defined):after{min-height:32px;line-height:32px;font-size:17px}@media(forced-colors:active){a-input:not(:defined):after{border:1px solid ButtonBorder}}a-input[round]:not(:defined):after{border-radius:var(--input-round, 999px)}a-input{transition:opacity .28s ease-out 40ms}a-input:not(:defined){opacity:.5}@media(prefers-reduced-motion:reduce){a-input{transition:none}}a-input{--input-bg: var(--bg-1);--input-border: var(--border-2);--input-text: var(--text-1);--input-label: var(--text-3);--input-placeholder: var(--text-4);--input-adornment: var(--text-3);--input-hint: var(--text-3);--input-trailing-inset: 7px;width:100%}a-input:has(>[slot=label])::part(label){display:block}a-input:has(>[slot=leading])::part(leading),a-input:has(>[slot=trailing])::part(trailing){display:flex;align-items:center;flex-shrink:0}a-input:has(>[slot=leading])::part(leading){margin-inline-start:7px}a-input:has(>[slot=trailing])::part(trailing){gap:2px;margin-inline-end:var(--input-trailing-inset, 7px)}a-input:has(>[slot=leading])::part(input){padding-inline-start:5px}a-input[truncate]:not([multiline])::part(input){text-overflow:ellipsis}a-input:has(>[slot=hint])::part(hint){display:flex}a-input[multiline]:has(>[slot=leading])::part(leading),a-input[multiline]:has(>[slot=trailing])::part(trailing){align-self:flex-start;height:calc(var(--_lh) + var(--_pad-block) * 2)}a-input:has([slot=trailing] :is(a-button,button)),a-input:has([slot=trailing]:is(a-button,button)){--input-trailing-inset: 0}a-input[round]{--input-round: attr(round type(<length>), 999px)}a-input[tone]:not([tone=""]):not([status]){--input-tone-source: attr(tone type(<color>), var(--border-2));--input-border: oklch(from var(--input-tone-source) .7 calc(c*.8) h);.dark &{--input-border: oklch(from var(--input-tone-source) .5 calc(c*.8) h)}}a-input[status=critical]{--input-status-source: var(--anta-seed-critical);--input-bg: var(--bg-2-critical);--input-hint: var(--text-2-critical)}a-input[status=warning]{--input-status-source: var(--anta-seed-warning);--input-bg: var(--bg-2-warning);--input-hint: var(--text-2-warning)}a-input[status=success]{--input-status-source: var(--anta-seed-success);--input-bg: var(--bg-2-success);--input-hint: var(--text-2-success)}a-input[status=info]{--input-status-source: var(--anta-seed-info);--input-bg: var(--bg-2-info);--input-hint: var(--text-2-info)}a-input[status=brand]{--input-status-source: var(--anta-seed-brand);--input-bg: var(--bg-2-brand);--input-hint: var(--text-2-brand)}a-input[status]:not([status=neutral]){--input-border: oklch(from var(--input-status-source) .58 c h)}.dark a-input[status]:not([status=neutral]){--input-border: oklch(from var(--input-status-source) .52 c h)}a-input:disabled{--input-bg: #44374b12;--input-border: #44374b26;--input-text: var(--text-4);--input-label: var(--text-4);--input-hint: var(--text-5);cursor:not-allowed}a-input[status]:disabled{--input-bg: #44374b12;--input-border: #44374b26;--input-hint: var(--text-5)}.dark a-input:disabled{--input-bg: #e4d1ef0d;--input-border: #e4d1ef1f}.dark a-input[status]:disabled{--input-bg: #e4d1ef0d;--input-border: #e4d1ef1f;--input-hint: var(--text-5)}a-input[size=small] a-icon{--icon-size: 14px}a-input[size=large] a-icon{--icon-size: 18px}a-input [slot=hint]>a-icon{margin-block-start:1px}a-input[size=small] [slot=hint]>a-icon{margin-block-start:.5px}a-input[size=large] [slot=hint]>a-icon{margin-block-start:1.5px}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]){--native-field-block-size: 28px;--native-field-padding-block: 4px;--native-field-font-size: 15px;--native-field-line-height: 20px;--native-field-round: 4px;--native-field-border: var(--border-2);box-sizing:border-box;block-size:var(--native-field-block-size);margin:0;padding-block:var(--native-field-padding-block);padding-inline:7px;border:0;border-radius:var(--native-field-round);outline:0;background:var(--bg-1);box-shadow:inset 0 0 0 .5px var(--native-field-border);color:var(--text-1);caret-color:currentColor;color-scheme:light;font-family:var(--sans-serif);font-size:var(--native-field-font-size);font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;line-height:var(--native-field-line-height);transition:box-shadow .12s ease}input[data-anta][list]::-webkit-calendar-picker-indicator{opacity:0!important;pointer-events:none!important}.dark input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]){color-scheme:dark}@media(hover:hover)and (pointer:fine){input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]):not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--native-field-border)}}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]):focus{box-shadow:inset 0 0 0 1px var(--native-field-border);outline:1px solid var(--focus-ring);outline-offset:1px}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]):disabled{background:color-mix(in oklch,var(--text-1) 4%,var(--bg-1));box-shadow:inset 0 0 0 .5px color-mix(in oklch,var(--text-1) 15%,transparent);color:var(--text-4);cursor:not-allowed}input[data-anta][type=number]{appearance:textfield;-moz-appearance:textfield}input[data-anta][type=number]::-webkit-inner-spin-button,input[data-anta][type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[data-anta][type=file]{--native-file-block-size: 28px;--native-file-padding-block: 4px;--native-file-font-size: 15px;--native-file-line-height: 20px;box-sizing:border-box;min-block-size:var(--native-file-block-size);margin:0;padding:0;border:0;color:var(--text-2);color-scheme:light;font-family:var(--sans-serif);font-size:var(--native-file-font-size);font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;line-height:var(--native-file-line-height)}.dark input[data-anta][type=file]{color-scheme:dark}input[data-anta][type=file]::file-selector-button{box-sizing:border-box;min-block-size:var(--native-file-block-size);margin:0 8px 0 0;padding:var(--native-file-padding-block) 9px;border:0;border-radius:4px;color:var(--text-2);background:color-mix(in oklch,var(--text-1) 10%,transparent);box-shadow:inset 0 0 1px color-mix(in oklch,currentColor,transparent 90%);font:inherit;font-weight:450;letter-spacing:.05ch;line-height:var(--native-file-line-height);cursor:pointer;transition:color .15s ease-out,background-color .15s ease-out}@media(hover:hover)and (pointer:fine){input[data-anta][type=file]:not(:disabled):hover::file-selector-button{color:var(--text-1);background:color-mix(in oklch,var(--text-1) 15%,transparent)}}input[data-anta][type=file]:not(:disabled):active::file-selector-button{color:var(--text-1);background:color-mix(in oklch,var(--text-1) 20%,transparent)}input[data-anta][type=file]:focus-visible{outline:1px solid var(--focus-ring);outline-offset:1px}input[data-anta][type=file]:disabled{color:var(--text-4);cursor:not-allowed}input[data-anta][type=file]:disabled::file-selector-button{color:var(--text-4);background:color-mix(in oklch,var(--text-1) 4%,var(--bg-1));cursor:not-allowed}select[data-anta]{--native-field-block-size: 28px;--native-field-padding-block: 4px;--native-field-font-size: 15px;--native-field-line-height: 20px;--native-field-round: 4px;--native-field-border: var(--border-2);--native-select-picker-bg: color-mix(in oklch, var(--bg-1) 90%, transparent);--native-select-picker-radius: var(--radius-md, 8px);--native-select-picker-border: 1px solid var(--border-3);--native-select-picker-shadow: 0 2px 6px color-mix(in oklch, var(--text-1) 8%, transparent), 0 8px 24px color-mix(in oklch, var(--text-1) 10%, transparent);--native-select-option-color: var(--text-2);--native-select-option-hover: 5%;--native-select-option-active: 8%;--native-select-option-selected: 8%;--native-select-option-padding-x: 8px;--native-select-option-padding-y: 6px;box-sizing:border-box;block-size:var(--native-field-block-size);margin:0;padding-block:var(--native-field-padding-block);padding-inline:7px;border:0;border-radius:var(--native-field-round);outline:0;background:var(--bg-1);box-shadow:inset 0 0 0 .5px var(--native-field-border);color:var(--text-1);color-scheme:light;font-family:var(--sans-serif);font-size:var(--native-field-font-size);font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;line-height:var(--native-field-line-height);transition:box-shadow .12s ease}.dark select[data-anta]{--native-select-picker-bg: color-mix(in oklch, var(--bg-1) 78%, transparent);--native-select-picker-shadow: 0 2px 8px color-mix(in oklch, black 50%, transparent), 0 12px 32px color-mix(in oklch, black 40%, transparent), inset 0 0 0 1px color-mix(in oklch, white 8%, transparent);color-scheme:dark}@media(hover:hover)and (pointer:fine){select[data-anta]:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--native-field-border)}}select[data-anta]:focus{box-shadow:inset 0 0 0 1px var(--native-field-border);outline:1px solid var(--focus-ring);outline-offset:1px}select[data-anta]:disabled{background:color-mix(in oklch,var(--text-1) 4%,var(--bg-1));box-shadow:inset 0 0 0 .5px color-mix(in oklch,var(--text-1) 15%,transparent);color:var(--text-4);cursor:not-allowed}@media(forced-colors:active){input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]),select[data-anta]{border:1px solid ButtonBorder}}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[data-anta-size=small],select[data-anta][data-anta-size=small]{--native-field-block-size: 24px;--native-field-padding-block: 2px;--native-field-font-size: 13px;--native-field-line-height: 16px}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[data-anta-size=large],select[data-anta][data-anta-size=large]{--native-field-block-size: 32px;--native-field-padding-block: 5px;--native-field-font-size: 17px;--native-field-line-height: 22px}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[round],select[data-anta][round]{--native-field-round: attr(round type(<length>), 999px)}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[tone]:not([tone=""]){--native-field-tone: attr(tone type(<color>), var(--border-2));--native-field-border: oklch(from var(--native-field-tone) .7 calc(c*.8) h)}.dark input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[tone]:not([tone=""]){--native-field-border: oklch(from var(--native-field-tone) .5 calc(c*.8) h)}@supports (appearance: base-select){select[data-anta],select[data-anta]::picker(select){appearance:base-select;-webkit-appearance:base-select}select[data-anta]{padding:0}select[data-anta]>button{box-sizing:border-box;display:flex;align-items:center;gap:4px;inline-size:100%;min-block-size:var(--native-field-block-size);padding-block:var(--native-field-padding-block);padding-inline:7px;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:start}select[data-anta]>button>selectedcontent{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}select[data-anta]::picker-icon{display:none}select[data-anta]>button>a-icon{margin-inline-start:auto;color:var(--text-3);transition:transform .12s ease}select[data-anta]:open>button>a-icon{transform:rotate(180deg)}select[data-anta]::picker(select){box-sizing:border-box;display:flex;flex-direction:column;gap:1px;margin-block-start:4px;padding:4px;border:var(--native-select-picker-border);border-radius:var(--native-select-picker-radius);background:var(--native-select-picker-bg);box-shadow:var(--native-select-picker-shadow);color:var(--native-select-option-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}select[data-anta] option{box-sizing:border-box;min-block-size:28px;padding-block:var(--native-select-option-padding-y);padding-inline:var(--native-select-option-padding-x);border-radius:var(--radius-sm, 4px);background:transparent;color:var(--native-select-option-color);cursor:pointer;font-family:var(--sans-serif);font-feature-settings:"ss02","ss05","tnum";font-size:14px;font-weight:400;font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;letter-spacing:normal;line-height:16px;text-transform:none;transition:background-color .28s ease-out}select[data-anta] option:is(:hover,:focus-visible){background:color-mix(in oklch,currentColor var(--native-select-option-hover),transparent);transition:background-color 60ms ease-in-out}select[data-anta] option:focus-visible{outline:1px solid var(--focus-ring);outline-offset:1px}select[data-anta] option:active{background:color-mix(in oklch,currentColor var(--native-select-option-active),transparent);transition:none}select[data-anta] option:checked{background:color-mix(in oklch,currentColor var(--native-select-option-selected),transparent);transition:background-color .28s ease-out}select[data-anta] option:disabled{color:var(--text-5);cursor:default}select[data-anta] optgroup{display:flex;flex-direction:column;gap:1px;color:var(--text-5);font-family:var(--sans-serif);font-size:.75em;font-weight:600;letter-spacing:.06em;text-transform:uppercase}}}
|
|
1
|
+
@layer anta.components{a-input:not(:defined){display:grid;grid-template-columns:minmax(0,1fr);row-gap:4px}a-input:not(:defined)>[slot=leading],a-input:not(:defined)>[slot=trailing],a-input:not(:defined)>[slot=clear],a-input:not(:defined)>[slot=hint]{display:none!important}a-input:not(:defined)>[slot=label]{display:block;color:var(--input-label);font-family:var(--sans-serif);font-size:15px;line-height:20px;font-weight:500}a-input[size=small]:not(:defined)>[slot=label]{font-size:13px;line-height:16px}a-input[size=large]:not(:defined)>[slot=label]{font-size:17px;line-height:22px}a-input:not(:defined):after{content:attr(placeholder);display:block;min-height:28px;line-height:28px;padding-inline:7px;border-radius:4px;box-shadow:inset 0 0 0 .5px var(--input-border);color:var(--input-placeholder);font-family:var(--sans-serif);font-size:15px;font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a-input[value]:not([value=""]):not([type=password]):not(:defined):after{content:attr(value);color:var(--input-text)}a-input[size=small]:not(:defined):after{min-height:24px;line-height:24px;font-size:13px}a-input[size=large]:not(:defined):after{min-height:32px;line-height:32px;font-size:17px}@media(forced-colors:active){a-input:not(:defined):after{border:1px solid ButtonBorder}}a-input[round]:not(:defined):after{border-radius:var(--input-round, 999px)}a-input{transition:opacity .28s ease-out 40ms}a-input:not(:defined){opacity:.5}@media(prefers-reduced-motion:reduce){a-input{transition:none}}a-input{--input-bg: var(--bg-1);--input-border: var(--border-2);--input-text: var(--text-1);--input-label: var(--text-3);--input-placeholder: var(--text-4);--input-adornment: var(--text-3);--input-hint: var(--text-3);--input-trailing-inset: 7px;width:100%}a-input:has(>[slot=label])::part(label){display:block}a-input:has(>[slot=leading])::part(leading),a-input:has(>[slot=trailing])::part(trailing){display:flex;align-items:center;flex-shrink:0}a-input:has(>[slot=leading])::part(leading){margin-inline-start:7px}a-input:has(>[slot=trailing])::part(trailing){gap:2px;margin-inline-end:var(--input-trailing-inset, 7px)}a-input:has(>[slot=leading])::part(input){padding-inline-start:5px}a-input[truncate]:not([multiline])::part(input){text-overflow:ellipsis}a-input:has(>[slot=hint])::part(hint){display:flex}a-input[multiline]:has(>[slot=leading])::part(leading),a-input[multiline]:has(>[slot=trailing])::part(trailing){align-self:flex-start;height:calc(var(--_lh) + var(--_pad-block) * 2)}a-input:has([slot=trailing] :is(a-button,button)),a-input:has([slot=trailing]:is(a-button,button)){--input-trailing-inset: 0}a-input[round]{--input-round: attr(round type(<length>), 999px)}a-input[tone]:not([tone=""]):not([status]){--input-tone-source: attr(tone type(<color>), var(--border-2));--input-border: oklch(from var(--input-tone-source) .7 calc(c*.8) h);.dark &{--input-border: oklch(from var(--input-tone-source) .5 calc(c*.8) h)}}a-input[status=critical]{--input-status-source: var(--anta-seed-critical);--input-bg: var(--bg-2-critical);--input-hint: var(--text-2-critical)}a-input[status=warning]{--input-status-source: var(--anta-seed-warning);--input-bg: var(--bg-2-warning);--input-hint: var(--text-2-warning)}a-input[status=success]{--input-status-source: var(--anta-seed-success);--input-bg: var(--bg-2-success);--input-hint: var(--text-2-success)}a-input[status=info]{--input-status-source: var(--anta-seed-info);--input-bg: var(--bg-2-info);--input-hint: var(--text-2-info)}a-input[status=brand]{--input-status-source: var(--anta-seed-brand);--input-bg: var(--bg-2-brand);--input-hint: var(--text-2-brand)}a-input[status]:not([status=neutral]){--input-border: oklch(from var(--input-status-source) .58 c h)}.dark a-input[status]:not([status=neutral]){--input-border: oklch(from var(--input-status-source) .52 c h)}a-input:disabled{--input-bg: #44374b12;--input-border: #44374b26;--input-text: var(--text-4);--input-label: var(--text-4);--input-hint: var(--text-5);cursor:not-allowed}a-input[status]:disabled{--input-bg: #44374b12;--input-border: #44374b26;--input-hint: var(--text-5)}.dark a-input:disabled{--input-bg: #e4d1ef0d;--input-border: #e4d1ef1f}.dark a-input[status]:disabled{--input-bg: #e4d1ef0d;--input-border: #e4d1ef1f;--input-hint: var(--text-5)}a-input[size=small] a-icon{--icon-size: 14px}a-input[size=large] a-icon{--icon-size: 18px}a-input [slot=hint]>a-icon{margin-block-start:1px}a-input[size=small] [slot=hint]>a-icon{margin-block-start:.5px}a-input[size=large] [slot=hint]>a-icon{margin-block-start:1.5px}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]),textarea[data-anta]{--native-field-block-size: 28px;--native-field-padding-block: 4px;--native-field-font-size: 15px;--native-field-line-height: 20px;--native-field-round: 4px;--native-field-border: var(--border-2);box-sizing:border-box;block-size:var(--native-field-block-size);margin:0;padding-block:var(--native-field-padding-block);padding-inline:7px;border:0;border-radius:var(--native-field-round);outline:0;background:var(--bg-1);box-shadow:inset 0 0 0 .5px var(--native-field-border);color:var(--text-1);caret-color:currentColor;color-scheme:light;font-family:var(--sans-serif);font-size:var(--native-field-zoom-safe-font-size, var(--native-field-font-size));font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;line-height:var(--native-field-line-height);transition:box-shadow .12s ease}textarea[data-anta]{block-size:auto;min-block-size:var(--native-field-block-size);resize:vertical;overflow-y:auto}input[data-anta][list]::-webkit-calendar-picker-indicator{opacity:0!important;pointer-events:none!important}.dark input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]),.dark textarea[data-anta]{color-scheme:dark}@media(hover:hover)and (pointer:fine){input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]):not(:disabled):hover,textarea[data-anta]:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--native-field-border)}}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]):focus,textarea[data-anta]:focus{box-shadow:inset 0 0 0 1px var(--native-field-border);outline:1px solid var(--focus-ring);outline-offset:1px}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]):disabled,textarea[data-anta]:disabled{background:color-mix(in oklch,var(--text-1) 4%,var(--bg-1));box-shadow:inset 0 0 0 .5px color-mix(in oklch,var(--text-1) 15%,transparent);color:var(--text-4);cursor:not-allowed}input[data-anta][type=number]{appearance:textfield;-moz-appearance:textfield}input[data-anta][type=number]::-webkit-inner-spin-button,input[data-anta][type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[data-anta][type=file]{--native-file-block-size: 28px;--native-file-padding-block: 4px;--native-file-font-size: 15px;--native-file-line-height: 20px;box-sizing:border-box;min-block-size:var(--native-file-block-size);margin:0;padding:0;border:0;color:var(--text-2);color-scheme:light;font-family:var(--sans-serif);font-size:var(--native-file-font-size);font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;line-height:var(--native-file-line-height)}.dark input[data-anta][type=file]{color-scheme:dark}input[data-anta][type=file]::file-selector-button{box-sizing:border-box;min-block-size:var(--native-file-block-size);margin:0 8px 0 0;padding:var(--native-file-padding-block) 9px;border:0;border-radius:4px;color:var(--text-2);background:color-mix(in oklch,var(--text-1) 10%,transparent);box-shadow:inset 0 0 1px color-mix(in oklch,currentColor,transparent 90%);font:inherit;font-weight:450;letter-spacing:.05ch;line-height:var(--native-file-line-height);cursor:pointer;transition:color .15s ease-out,background-color .15s ease-out}@media(hover:hover)and (pointer:fine){input[data-anta][type=file]:not(:disabled):hover::file-selector-button{color:var(--text-1);background:color-mix(in oklch,var(--text-1) 15%,transparent)}}input[data-anta][type=file]:not(:disabled):active::file-selector-button{color:var(--text-1);background:color-mix(in oklch,var(--text-1) 20%,transparent)}input[data-anta][type=file]:focus-visible{outline:1px solid var(--focus-ring);outline-offset:1px}input[data-anta][type=file]:disabled{color:var(--text-4);cursor:not-allowed}input[data-anta][type=file]:disabled::file-selector-button{color:var(--text-4);background:color-mix(in oklch,var(--text-1) 4%,var(--bg-1));cursor:not-allowed}select[data-anta]{--native-field-block-size: 28px;--native-field-padding-block: 4px;--native-field-font-size: 15px;--native-field-line-height: 20px;--native-field-round: 4px;--native-field-border: var(--border-2);--native-select-picker-bg: color-mix(in oklch, var(--bg-1) 90%, transparent);--native-select-picker-radius: var(--radius-md, 8px);--native-select-picker-border: 1px solid var(--border-3);--native-select-picker-shadow: 0 2px 6px color-mix(in oklch, var(--text-1) 8%, transparent), 0 8px 24px color-mix(in oklch, var(--text-1) 10%, transparent);--native-select-option-color: var(--text-2);--native-select-option-hover: 5%;--native-select-option-active: 8%;--native-select-option-selected: 8%;--native-select-option-padding-x: 8px;--native-select-option-padding-y: 6px;box-sizing:border-box;block-size:var(--native-field-block-size);margin:0;padding-block:var(--native-field-padding-block);padding-inline:7px;border:0;border-radius:var(--native-field-round);outline:0;background:var(--bg-1);box-shadow:inset 0 0 0 .5px var(--native-field-border);color:var(--text-1);color-scheme:light;font-family:var(--sans-serif);font-size:var(--native-field-zoom-safe-font-size, var(--native-field-font-size));font-weight:400;font-feature-settings:"ss02","ss05","tnum";font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;line-height:var(--native-field-line-height);transition:box-shadow .12s ease}.dark select[data-anta]{--native-select-picker-bg: color-mix(in oklch, var(--bg-1) 78%, transparent);--native-select-picker-shadow: 0 2px 8px color-mix(in oklch, black 50%, transparent), 0 12px 32px color-mix(in oklch, black 40%, transparent), inset 0 0 0 1px color-mix(in oklch, white 8%, transparent);color-scheme:dark}@media(hover:hover)and (pointer:fine){select[data-anta]:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--native-field-border)}}select[data-anta]:focus{box-shadow:inset 0 0 0 1px var(--native-field-border);outline:1px solid var(--focus-ring);outline-offset:1px}select[data-anta]:disabled{background:color-mix(in oklch,var(--text-1) 4%,var(--bg-1));box-shadow:inset 0 0 0 .5px color-mix(in oklch,var(--text-1) 15%,transparent);color:var(--text-4);cursor:not-allowed}@media(forced-colors:active){input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week]),select[data-anta],textarea[data-anta]{border:1px solid ButtonBorder}}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[data-anta-size=small],select[data-anta][data-anta-size=small],textarea[data-anta][data-anta-size=small]{--native-field-block-size: 24px;--native-field-padding-block: 2px;--native-field-font-size: 13px;--native-field-line-height: 16px}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[data-anta-size=large],select[data-anta][data-anta-size=large],textarea[data-anta][data-anta-size=large]{--native-field-block-size: 32px;--native-field-padding-block: 5px;--native-field-font-size: 17px;--native-field-line-height: 22px}@media(pointer:coarse){input[data-anta]:focus,select[data-anta]:focus,textarea[data-anta]:focus{--native-field-zoom-safe-font-size: max(16px, var(--native-field-font-size))}}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[round],select[data-anta][round],textarea[data-anta][round]{--native-field-round: attr(round type(<length>), 999px)}input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[tone]:not([tone=""]),textarea[data-anta][tone]:not([tone=""]){--native-field-tone: attr(tone type(<color>), var(--border-2));--native-field-border: oklch(from var(--native-field-tone) .7 calc(c*.8) h)}.dark input[data-anta]:is(:not([type]),[type=text],[type=search],[type=email],[type=number],[type=password],[type=tel],[type=url],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[tone]:not([tone=""]),.dark textarea[data-anta][tone]:not([tone=""]){--native-field-border: oklch(from var(--native-field-tone) .5 calc(c*.8) h)}@supports (appearance: base-select){select[data-anta],select[data-anta]::picker(select){appearance:base-select;-webkit-appearance:base-select}select[data-anta]{padding:0}select[data-anta]>button{box-sizing:border-box;display:flex;align-items:center;gap:4px;inline-size:100%;min-block-size:var(--native-field-block-size);padding-block:var(--native-field-padding-block);padding-inline:7px;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:start}select[data-anta]>button>selectedcontent{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}select[data-anta]::picker-icon{display:none}select[data-anta]>button>a-icon{margin-inline-start:auto;color:var(--text-3);transition:transform .12s ease}select[data-anta]:open>button>a-icon{transform:rotate(180deg)}select[data-anta]::picker(select){box-sizing:border-box;display:flex;flex-direction:column;gap:1px;margin-block-start:4px;padding:4px;border:var(--native-select-picker-border);border-radius:var(--native-select-picker-radius);background:var(--native-select-picker-bg);box-shadow:var(--native-select-picker-shadow);color:var(--native-select-option-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}select[data-anta] option{box-sizing:border-box;min-block-size:28px;padding-block:var(--native-select-option-padding-y);padding-inline:var(--native-select-option-padding-x);border-radius:var(--radius-sm, 4px);background:transparent;color:var(--native-select-option-color);cursor:pointer;font-family:var(--sans-serif);font-feature-settings:"ss02","ss05","tnum";font-size:14px;font-weight:400;font-variation-settings:"wdth" 100,"slnt" 0,"ital" 0;letter-spacing:normal;line-height:16px;text-transform:none;transition:background-color .28s ease-out}select[data-anta] option:is(:hover,:focus-visible){background:color-mix(in oklch,currentColor var(--native-select-option-hover),transparent);transition:background-color 60ms ease-in-out}select[data-anta] option:focus-visible{outline:1px solid var(--focus-ring);outline-offset:1px}select[data-anta] option:active{background:color-mix(in oklch,currentColor var(--native-select-option-active),transparent);transition:none}select[data-anta] option:checked{background:color-mix(in oklch,currentColor var(--native-select-option-selected),transparent);transition:background-color .28s ease-out}select[data-anta] option:disabled{color:var(--text-5);cursor:default}select[data-anta] optgroup{display:flex;flex-direction:column;gap:1px;color:var(--text-5);font-family:var(--sans-serif);font-size:.75em;font-weight:600;letter-spacing:.06em;text-transform:uppercase}}}
|
|
@@ -54,6 +54,10 @@ export declare class AInputElement extends HTMLElementBase {
|
|
|
54
54
|
* built, the pending/attribute value. */
|
|
55
55
|
get value(): string;
|
|
56
56
|
set value(v: string);
|
|
57
|
+
/** Focus the shadow control. `delegatesFocus` handles this in supporting
|
|
58
|
+
* browsers; the explicit target keeps programmatic dialog autofocus reliable
|
|
59
|
+
* everywhere. */
|
|
60
|
+
focus(options?: FocusOptions): void;
|
|
57
61
|
/** Clear the field and refocus it — fired by the wrapper's clear button.
|
|
58
62
|
* Dispatches `input` + `change` on the host so controlled consumers update. */
|
|
59
63
|
clear(): void;
|
package/dist/elements/a-input.js
CHANGED
|
@@ -112,6 +112,9 @@ const SHADOW_STYLE = `
|
|
|
112
112
|
-webkit-appearance: none;
|
|
113
113
|
appearance: none;
|
|
114
114
|
}
|
|
115
|
+
@media (pointer: coarse) {
|
|
116
|
+
input:focus, textarea:focus { font-size: max(16px, var(--_fs)); }
|
|
117
|
+
}
|
|
115
118
|
textarea {
|
|
116
119
|
resize: none;
|
|
117
120
|
padding-block: var(--_pad-block);
|
|
@@ -260,6 +263,14 @@ class AInputElement extends HTMLElementBase {
|
|
|
260
263
|
}
|
|
261
264
|
connectedCallback() {
|
|
262
265
|
trackFocusModality(this.doc);
|
|
266
|
+
const type = this.getAttribute("type")?.toLowerCase();
|
|
267
|
+
if (this.internals && type !== "number" && type !== "search") {
|
|
268
|
+
this.internals.role = "textbox";
|
|
269
|
+
} else if (this.internals && type === "number") {
|
|
270
|
+
this.internals.role = "spinbutton";
|
|
271
|
+
} else if (this.internals && type === "search") {
|
|
272
|
+
this.internals.role = "searchbox";
|
|
273
|
+
}
|
|
263
274
|
if (Object.prototype.hasOwnProperty.call(this, "value")) {
|
|
264
275
|
const v = this.value;
|
|
265
276
|
delete this.value;
|
|
@@ -475,6 +486,12 @@ class AInputElement extends HTMLElementBase {
|
|
|
475
486
|
this.updateFilled();
|
|
476
487
|
this.syncAutoHeight();
|
|
477
488
|
}
|
|
489
|
+
/** Focus the shadow control. `delegatesFocus` handles this in supporting
|
|
490
|
+
* browsers; the explicit target keeps programmatic dialog autofocus reliable
|
|
491
|
+
* everywhere. */
|
|
492
|
+
focus(options) {
|
|
493
|
+
this.control?.focus(options);
|
|
494
|
+
}
|
|
478
495
|
/** Clear the field and refocus it — fired by the wrapper's clear button.
|
|
479
496
|
* Dispatches `input` + `change` on the host so controlled consumers update. */
|
|
480
497
|
clear() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer anta{a-loader{color:var(--text-3)}@media not (forced-colors:active){a-loader[tone=brand]{color:var(--text-2-brand)}a-loader[tone=info]{color:var(--text-2-info)}a-loader[tone=success]{color:var(--text-2-success)}a-loader[tone=warning]{color:var(--text-2-warning)}a-loader[tone=critical]{color:var(--text-2-critical)}}:where(a-loader,a-icon[shape=loader]){display:inline-block;inline-size:var(--loader-size, var(--icon-size, 16px));block-size:var(--loader-size, var(--icon-size, 16px));flex:none;vertical-align:middle;border-radius:50%;animation:loader-spin var(--loader-speed, .75s) linear infinite;animation-delay:-9999s}a-loader{background:conic-gradient(from 0deg,color-mix(in oklch,currentColor 6%,transparent),color-mix(in oklch,currentColor 70%,transparent))}a-icon[shape=loader]{-webkit-mask-image:conic-gradient(from 0deg,color-mix(in oklch,#000 6%,transparent),color-mix(in oklch,#000 70%,transparent));mask-image:conic-gradient(from 0deg,color-mix(in oklch,#000 6%,transparent),color-mix(in oklch,#000 75%,transparent))}a-loader[value]{background:conic-gradient(from 0deg,color-mix(in oklch,currentColor 60%,transparent) 0,color-mix(in oklch,currentColor 75%,transparent) var(--loader-value, 0%),color-mix(in oklch,currentColor 6%,transparent) var(--loader-value, 0%) 100%);animation:none}@keyframes loader-spin{to{transform:rotate(1turn)}}@media(forced-colors:active){a-loader{forced-color-adjust:none;color:CanvasText}}}
|
|
1
|
+
@layer anta.components{a-loader{color:var(--text-3)}@media not (forced-colors:active){a-loader[tone=brand]{color:var(--text-2-brand)}a-loader[tone=info]{color:var(--text-2-info)}a-loader[tone=success]{color:var(--text-2-success)}a-loader[tone=warning]{color:var(--text-2-warning)}a-loader[tone=critical]{color:var(--text-2-critical)}}:where(a-loader,a-icon[shape=loader]){display:inline-block;inline-size:var(--loader-size, var(--icon-size, 16px));block-size:var(--loader-size, var(--icon-size, 16px));flex:none;vertical-align:middle;border-radius:50%;animation:loader-spin var(--loader-speed, .75s) linear infinite;animation-delay:-9999s}a-loader{background:conic-gradient(from 0deg,color-mix(in oklch,currentColor 6%,transparent),color-mix(in oklch,currentColor 70%,transparent))}a-icon[shape=loader]{-webkit-mask-image:conic-gradient(from 0deg,color-mix(in oklch,#000 6%,transparent),color-mix(in oklch,#000 70%,transparent));mask-image:conic-gradient(from 0deg,color-mix(in oklch,#000 6%,transparent),color-mix(in oklch,#000 75%,transparent))}a-loader[value]{background:conic-gradient(from 0deg,color-mix(in oklch,currentColor 60%,transparent) 0,color-mix(in oklch,currentColor 75%,transparent) var(--loader-value, 0%),color-mix(in oklch,currentColor 6%,transparent) var(--loader-value, 0%) 100%);animation:none}@keyframes loader-spin{to{transform:rotate(1turn)}}@media(forced-colors:active){a-loader{forced-color-adjust:none;color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer anta{a-menu-group:not(:defined){display:none}a-menu-group{display:flex;flex-direction:column;gap:1px}a-menu-group-label{display:block;padding:6px 8px 2px;color:var(--text-5);font-size:.75em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;user-select:none}}
|
|
1
|
+
@layer anta.components{a-menu-group:not(:defined){display:none}a-menu-group{display:flex;flex-direction:column;gap:1px}a-menu-group-label{display:block;padding:6px 8px 2px;color:var(--text-5);font-size:.75em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;user-select:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer anta{a-menu-item:not(:defined){display:none}a[data-anta-menu-item]{text-decoration:none}a-menu-item,a[data-anta-menu-item]{--menu-item-color: var(--text-2);--menu-item-icon-color: var(--text-3);--menu-item-hint-color: var(--text-3);--menu-item-hover: 5%;--menu-item-active: 8%;--menu-item-selected: 8%;--menu-item-timing-in: 60ms ease-in-out;--menu-item-timing-out: .28s ease-out;--menu-item-padding-x: 8px;--menu-item-padding-y: 6px;display:flex;flex-shrink:0;align-items:center;gap:.6ch;box-sizing:border-box;width:100%;min-height:28px;padding-block:var(--menu-item-padding-y);padding-inline:var(--menu-item-padding-x);border-radius:var(--radius-sm, 4px);color:var(--menu-item-color);background:transparent;transition:background-color var(--menu-item-timing-out);font:inherit;font-size:14px;line-height:16px;text-align:left;white-space:nowrap;cursor:pointer;user-select:none;outline:none}a-menu[round] a-menu-item,a-menu[round] a[data-anta-menu-item]{border-radius:999px}a-menu-item:hover,a-menu-item:focus-visible,a[data-anta-menu-item]:hover,a[data-anta-menu-item]:focus-visible,a-menu-item:has(>a-menu:state(open)),a-menu-item:state(active){background:color-mix(in oklch,currentColor var(--menu-item-hover),transparent);transition:background-color var(--menu-item-timing-in)}a-menu-item:active,a[data-anta-menu-item]:active{background:color-mix(in oklch,currentColor var(--menu-item-active),transparent);transition:none}a-menu-item[selected],a[data-anta-menu-item][aria-current=true]{background:color-mix(in oklch,currentColor var(--menu-item-selected),transparent)}a-menu-item:focus-visible,a[data-anta-menu-item]:focus-visible{outline:1px solid var(--focus-ring);outline-offset:1px}a-menu-item>a-menu-item-label,a-menu-item>a-menu-item-text,a[data-anta-menu-item]>a-menu-item-label,a[data-anta-menu-item]>a-menu-item-text{flex:1 1 auto;min-width:0}a-menu-item>a-menu-item-text,a[data-anta-menu-item]>a-menu-item-text{display:flex;flex-direction:column}a-menu-item:has(>a-menu-item-text),a[data-anta-menu-item]:has(>a-menu-item-text){align-items:flex-start}a-menu-item-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}a-menu-item-hint{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;margin-block-start:1px;color:var(--menu-item-hint-color);font-size:12px;line-height:15px}a-menu-item>a-icon,a[data-anta-menu-item]>a-icon{flex:none;--icon-size: 16px;color:var(--menu-item-icon-color)}a-menu-item>a-checkbox,a-menu-item>a-radio{flex:none;--checkbox-gap: 0;--radio-gap: 0;pointer-events:none}a-menu-item>a-checkbox:before,a-menu-item>a-checkbox:after,a-menu-item>a-radio:before{margin-block-start:0}a-menu-item>a-radio:after{margin-block-start:calc((var(--radio-control-size) - (var(--radio-dot-size) - var(--_radio-dot-adjust))) / 2)}a-menu-item:has(>:is(a-icon,a-checkbox,a-radio,[data-indicator]):first-child:not(:only-child)),a[data-anta-menu-item]:has(>:is(a-icon,[data-indicator]):first-child:not(:only-child)){padding-inline-start:var(--menu-item-padding-y)}a-menu-item:not([submenu]):has(>a-icon:last-child:not(:only-child)),a[data-anta-menu-item]:has(>a-icon:last-child:not(:only-child)){padding-inline-end:max(0px,var(--menu-item-padding-x) - 2px)}a-menu-item>kbd,a[data-anta-menu-item]>kbd{flex:none;margin-left:auto;padding-left:12px;color:var(--text-5);font:inherit;font-size:1em;letter-spacing:.1ch;white-space:nowrap}a-menu-item[submenu]>a-icon:last-of-type{margin-left:auto}a-menu-item[submenu]>a-icon:last-of-type,a-menu-item>a-icon:last-child:not(:only-child),a[data-anta-menu-item]>a-icon:last-child:not(:only-child){position:relative;inset-inline-end:-2px}a-menu-item[tone=brand],a-menu-item[tone=info],a-menu-item[tone=success],a-menu-item[tone=warning],a-menu-item[tone=critical],a[data-anta-menu-item][tone=brand],a[data-anta-menu-item][tone=info],a[data-anta-menu-item][tone=success],a[data-anta-menu-item][tone=warning],a[data-anta-menu-item][tone=critical]{--menu-item-icon-color: var(--menu-item-color)}a-menu-item[tone=brand],a[data-anta-menu-item][tone=brand]{--menu-item-color: var(--text-2-brand);--menu-item-hint-color: var(--text-3-brand)}a-menu-item[tone=info],a[data-anta-menu-item][tone=info]{--menu-item-color: var(--text-2-info);--menu-item-hint-color: var(--text-3-info)}a-menu-item[tone=success],a[data-anta-menu-item][tone=success]{--menu-item-color: var(--text-2-success);--menu-item-hint-color: var(--text-3-success)}a-menu-item[tone=warning],a[data-anta-menu-item][tone=warning]{--menu-item-color: var(--text-2-warning);--menu-item-hint-color: var(--text-3-warning)}a-menu-item[tone=critical],a[data-anta-menu-item][tone=critical]{--menu-item-color: var(--text-2-critical);--menu-item-hint-color: var(--text-3-critical)}a-menu-item[tone]:not([tone=""],[tone=brand],[tone=neutral],[tone=info],[tone=success],[tone=warning],[tone=critical]),a[data-anta-menu-item][tone]:not([tone=""],[tone=brand],[tone=neutral],[tone=info],[tone=success],[tone=warning],[tone=critical]){--menu-item-tone-source: attr(tone type(<color>), var(--text-2));--menu-item-color: oklch(from var(--menu-item-tone-source) .45 c h);--menu-item-icon-color: var(--menu-item-color);--menu-item-hint-color: oklch(from var(--menu-item-tone-source) .45 c h / .8);.dark &{--menu-item-color: oklch(from var(--menu-item-tone-source) .78 c h);--menu-item-hint-color: oklch(from var(--menu-item-tone-source) .78 c h / .8)}}a-menu-item[disabled],a[data-anta-menu-item][aria-disabled=true]{--menu-item-color: var(--text-5);--menu-item-icon-color: var(--text-5);--menu-item-hint-color: var(--text-5);cursor:default;pointer-events:none}.dark a-menu-item,.dark a[data-anta-menu-item]{--menu-item-hover: 10%;--menu-item-active: 14%;--menu-item-selected: 14%}}
|
|
1
|
+
@layer anta.components{a-menu-item:not(:defined){display:none}a[data-anta-menu-item]{text-decoration:none}a-menu-item,a[data-anta-menu-item]{--menu-item-color: var(--text-2);--menu-item-icon-color: var(--text-3);--menu-item-hint-color: var(--text-3);--menu-item-hover: 5%;--menu-item-active: 8%;--menu-item-selected: 8%;--menu-item-timing-in: 60ms ease-in-out;--menu-item-timing-out: .28s ease-out;--menu-item-padding-x: 8px;--menu-item-padding-y: 6px;display:flex;flex-shrink:0;align-items:center;gap:.6ch;box-sizing:border-box;width:100%;min-height:28px;padding-block:var(--menu-item-padding-y);padding-inline:var(--menu-item-padding-x);border-radius:var(--radius-sm, 4px);color:var(--menu-item-color);background:transparent;transition:background-color var(--menu-item-timing-out);font:inherit;font-size:14px;line-height:16px;text-align:left;white-space:nowrap;cursor:pointer;user-select:none;outline:none}a-menu[round] a-menu-item,a-menu[round] a[data-anta-menu-item]{border-radius:999px}a-menu-item:hover,a-menu-item:focus-visible,a[data-anta-menu-item]:hover,a[data-anta-menu-item]:focus-visible,a-menu-item:has(>a-menu:state(open)),a-menu-item:state(active){background:color-mix(in oklch,currentColor var(--menu-item-hover),transparent);transition:background-color var(--menu-item-timing-in)}a-menu-item:active,a[data-anta-menu-item]:active{background:color-mix(in oklch,currentColor var(--menu-item-active),transparent);transition:none}a-menu-item[selected],a[data-anta-menu-item][aria-current=true]{background:color-mix(in oklch,currentColor var(--menu-item-selected),transparent)}a-menu-item:focus-visible,a[data-anta-menu-item]:focus-visible{outline:1px solid var(--focus-ring);outline-offset:1px}a-menu-item>a-menu-item-label,a-menu-item>a-menu-item-text,a[data-anta-menu-item]>a-menu-item-label,a[data-anta-menu-item]>a-menu-item-text{flex:1 1 auto;min-width:0}a-menu-item>a-menu-item-text,a[data-anta-menu-item]>a-menu-item-text{display:flex;flex-direction:column}a-menu-item:has(>a-menu-item-text),a[data-anta-menu-item]:has(>a-menu-item-text){align-items:flex-start}a-menu-item-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}a-menu-item-hint{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;margin-block-start:1px;color:var(--menu-item-hint-color);font-size:12px;line-height:15px}a-menu-item>a-icon,a[data-anta-menu-item]>a-icon{flex:none;--icon-size: 16px;color:var(--menu-item-icon-color)}a-menu-item>a-checkbox,a-menu-item>a-radio{flex:none;--checkbox-gap: 0;--radio-gap: 0;pointer-events:none}a-menu-item>a-checkbox:before,a-menu-item>a-checkbox:after,a-menu-item>a-radio:before{margin-block-start:0}a-menu-item>a-radio:after{margin-block-start:calc((var(--radio-control-size) - (var(--radio-dot-size) - var(--_radio-dot-adjust))) / 2)}a-menu-item:has(>:is(a-icon,a-checkbox,a-radio,[data-indicator]):first-child:not(:only-child)),a[data-anta-menu-item]:has(>:is(a-icon,[data-indicator]):first-child:not(:only-child)){padding-inline-start:var(--menu-item-padding-y)}a-menu-item:not([submenu]):has(>a-icon:last-child:not(:only-child)),a[data-anta-menu-item]:has(>a-icon:last-child:not(:only-child)){padding-inline-end:max(0px,var(--menu-item-padding-x) - 2px)}a-menu-item>kbd,a[data-anta-menu-item]>kbd{flex:none;margin-left:auto;padding-left:12px;color:var(--text-5);font:inherit;font-size:1em;letter-spacing:.1ch;white-space:nowrap}a-menu-item[submenu]>a-icon:last-of-type{margin-left:auto}a-menu-item[submenu]>a-icon:last-of-type,a-menu-item>a-icon:last-child:not(:only-child),a[data-anta-menu-item]>a-icon:last-child:not(:only-child){position:relative;inset-inline-end:-2px}a-menu-item[tone=brand],a-menu-item[tone=info],a-menu-item[tone=success],a-menu-item[tone=warning],a-menu-item[tone=critical],a[data-anta-menu-item][tone=brand],a[data-anta-menu-item][tone=info],a[data-anta-menu-item][tone=success],a[data-anta-menu-item][tone=warning],a[data-anta-menu-item][tone=critical]{--menu-item-icon-color: var(--menu-item-color)}a-menu-item[tone=brand],a[data-anta-menu-item][tone=brand]{--menu-item-color: var(--text-2-brand);--menu-item-hint-color: var(--text-3-brand)}a-menu-item[tone=info],a[data-anta-menu-item][tone=info]{--menu-item-color: var(--text-2-info);--menu-item-hint-color: var(--text-3-info)}a-menu-item[tone=success],a[data-anta-menu-item][tone=success]{--menu-item-color: var(--text-2-success);--menu-item-hint-color: var(--text-3-success)}a-menu-item[tone=warning],a[data-anta-menu-item][tone=warning]{--menu-item-color: var(--text-2-warning);--menu-item-hint-color: var(--text-3-warning)}a-menu-item[tone=critical],a[data-anta-menu-item][tone=critical]{--menu-item-color: var(--text-2-critical);--menu-item-hint-color: var(--text-3-critical)}a-menu-item[tone]:not([tone=""],[tone=brand],[tone=neutral],[tone=info],[tone=success],[tone=warning],[tone=critical]),a[data-anta-menu-item][tone]:not([tone=""],[tone=brand],[tone=neutral],[tone=info],[tone=success],[tone=warning],[tone=critical]){--menu-item-tone-source: attr(tone type(<color>), var(--text-2));--menu-item-color: oklch(from var(--menu-item-tone-source) .45 c h);--menu-item-icon-color: var(--menu-item-color);--menu-item-hint-color: oklch(from var(--menu-item-tone-source) .45 c h / .8);.dark &{--menu-item-color: oklch(from var(--menu-item-tone-source) .78 c h);--menu-item-hint-color: oklch(from var(--menu-item-tone-source) .78 c h / .8)}}a-menu-item[disabled],a[data-anta-menu-item][aria-disabled=true]{--menu-item-color: var(--text-5);--menu-item-icon-color: var(--text-5);--menu-item-hint-color: var(--text-5);cursor:default;pointer-events:none}.dark a-menu-item,.dark a[data-anta-menu-item]{--menu-item-hover: 10%;--menu-item-active: 14%;--menu-item-selected: 14%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer anta{a-menu-separator:not(:defined){display:none}a-menu-separator{--menu-separator-label-size: 13px;display:block;flex-shrink:0;height:1px;margin:2px 4px;background:var(--border-5)}a-menu-separator:not(:empty){height:auto;margin:0;padding:6px 8px;background:none;color:var(--text-3);font-size:var(--menu-separator-label-size);line-height:1.3;user-select:none}}
|
|
1
|
+
@layer anta.components{a-menu-separator:not(:defined){display:none}a-menu-separator{--menu-separator-label-size: 13px;display:block;flex-shrink:0;height:1px;margin:2px 4px;background:var(--border-5)}a-menu-separator:not(:empty){height:auto;margin:0;padding:6px 8px;background:none;color:var(--text-3);font-size:var(--menu-separator-label-size);line-height:1.3;user-select:none}}
|