@rolemodel/optics 0.4.0 → 0.4.2

package/.github/pull_request_template.md

@@ -19,6 +19,7 @@ What changed in this PR?
 
 - [ ] Have you updated any usage of changed tokens?
 - [ ] Have you updated the docs with any component changes?
+- [ ] Have you updated the dependency graph with any component changes?
 - [ ] Have you run linters?
 - [ ] Have you run prettier?
 - [ ] Have you tried building the css?

package/.github/workflows/publish-storybook.yml

@@ -29,6 +29,6 @@ jobs:
         with:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           BRANCH: gh-pages # The branch the action should deploy to.
-          FOLDER: docs-build # The folder that the build-storybook script generates files.
+          FOLDER: storybook-static # The folder that the build-storybook script generates files.
           CLEAN: true # Automatically remove deleted files from the deploy branch
           TARGET_FOLDER: docs # The folder that we serve our Storybook files from

package/README.md

@@ -61,6 +61,8 @@ Additional stories can be added using the following command, or copying an exist
 npm run generate
 ```
 
+The visual graphic found on the Selective Imports page in the documentation is generated from the `tools/generate-graph.dot` file. You can preview and export a newer svg version of the graphic by using the `tintinweb.graphviz-interactive-preview` VSCode extension.
+
 ## License
 
 [MIT](LICENSE)

package/dist/css/optics.css

@@ -216,6 +216,7 @@ select {
   /**
   * @tokens Transition
   */
+  --op-transition-accordion: rotate 120ms ease-in;
   --op-transition-input: all 120ms ease-in;
   --op-transition-sidebar: all 200ms ease-in-out;
   --op-transition-modal: all 300ms ease-in;
@@ -2097,32 +2098,65 @@ small {
   }
 }
 
-.alert-notice, .alert-info, .alert-danger, .alert-warning {
+.accordion {
+  --_op-accordion-summary-min-height: calc(var(--op-space-2x-large) + var(--op-space-2x-small));
+}
+.accordion summary {
+  display: grid;
+  min-height: var(--_op-accordion-summary-min-height);
+  align-items: center;
+  cursor: pointer;
+  gap: var(--op-space-2x-small);
+  grid-template-columns: auto 1fr auto;
+}
+.accordion summary .accordion__label {
+  color: var(--op-color-neutral-on-plus-max);
+  font-size: var(--op-font-x-small);
+  font-weight: var(--op-font-weight-semi-bold);
+}
+.accordion summary .accordion__marker {
+  --op-mso-optical-sizing: 48;
+  font-size: var(--op-font-x-large);
+  justify-self: flex-end;
+  transition: var(--op-transition-accordion);
+  user-select: none;
+}
+[open].accordion summary .accordion__marker {
+  rotate: 0.25turn;
+}
+
+.alert-notice, .alert-info, .alert-danger,
+.alert-alert, .alert-warning {
   display: flex;
   align-items: center;
   padding: var(--op-space-x-small) var(--op-space-medium);
   border-radius: var(--op-radius-medium);
   gap: var(--op-space-small);
 }
-.alert-notice .alert__icon, .alert-info .alert__icon, .alert-danger .alert__icon, .alert-warning .alert__icon {
+.alert-notice .alert__icon, .alert-info .alert__icon, .alert-danger .alert__icon,
+.alert-alert .alert__icon, .alert-warning .alert__icon {
   /* stylelint-disable scss/at-extend-no-missing-placeholder */
   /* stylelint-enable scss/at-extend-no-missing-placeholder */
   line-height: var(--op-line-height-dense);
 }
-.alert-notice .alert__messages, .alert-info .alert__messages, .alert-danger .alert__messages, .alert-warning .alert__messages {
+.alert-notice .alert__messages, .alert-info .alert__messages, .alert-danger .alert__messages,
+.alert-alert .alert__messages, .alert-warning .alert__messages {
   display: flex;
   flex: 1;
   flex-direction: column;
   gap: var(--op-space-2x-small);
 }
-.alert-notice .alert__title, .alert-info .alert__title, .alert-danger .alert__title, .alert-warning .alert__title {
+.alert-notice .alert__title, .alert-info .alert__title, .alert-danger .alert__title,
+.alert-alert .alert__title, .alert-warning .alert__title {
   font-size: var(--op-font-medium);
   font-weight: var(--op-font-weight-medium);
 }
-.alert-notice .alert__description, .alert-info .alert__description, .alert-danger .alert__description, .alert-warning .alert__description {
+.alert-notice .alert__description, .alert-info .alert__description, .alert-danger .alert__description,
+.alert-alert .alert__description, .alert-warning .alert__description {
   font-size: var(--op-font-small);
 }
-.alert--flash.alert-notice, .alert--flash.alert-info, .alert--flash.alert-danger, .alert--flash.alert-warning {
+.alert--flash.alert-notice, .alert--flash.alert-info, .alert--flash.alert-danger,
+.alert--flash.alert-alert, .alert--flash.alert-warning {
   position: fixed;
   z-index: var(--op-z-index-alert-group);
   top: var(--op-space-large);
@@ -2155,30 +2189,36 @@ small {
   color: var(--op-color-alerts-warning-on-base-alt);
 }
 
-.alert-danger {
+.alert-danger,
+.alert-alert {
   background-color: var(--op-color-alerts-danger-plus-eight);
   box-shadow: var(--op-border-all) var(--op-color-alerts-danger-base);
   color: var(--op-color-alerts-danger-on-plus-eight);
   /* stylelint-disable no-descending-specificity */
   /* stylelint-enable no-descending-specificity */
 }
-.alert-danger .alert__title {
+.alert-danger .alert__title,
+.alert-alert .alert__title {
   color: var(--op-color-alerts-danger-on-plus-eight-alt);
 }
-.alert-danger.alert--muted {
+.alert-danger.alert--muted,
+.alert-alert.alert--muted {
   background-color: var(--op-color-alerts-danger-plus-five);
   box-shadow: none;
   color: var(--op-color-alerts-danger-on-plus-five);
 }
-.alert-danger.alert--muted .alert__title {
+.alert-danger.alert--muted .alert__title,
+.alert-alert.alert--muted .alert__title {
   color: var(--op-color-alerts-danger-on-plus-five-alt);
 }
-.alert-danger.alert--filled {
+.alert-danger.alert--filled,
+.alert-alert.alert--filled {
   background-color: var(--op-color-alerts-danger-base);
   box-shadow: none;
   color: var(--op-color-alerts-danger-on-base);
 }
-.alert-danger.alert--filled .alert__title {
+.alert-danger.alert--filled .alert__title,
+.alert-alert.alert--filled .alert__title {
   color: var(--op-color-alerts-danger-on-base-alt);
 }
 
@@ -2236,6 +2276,75 @@ small {
   color: var(--op-color-alerts-notice-on-base-alt);
 }
 
+.avatar {
+  --_op-avatar-border-radius: var(--op-radius-circle);
+  --_op-avatar-inner-border-color: var(--op-color-neutral-minus-max);
+  --_op-avatar-outer-border-color: var(--op-color-neutral-base);
+  --_op-avatar-inner-border-width: calc(var(--op-border-width) + var(--op-border-width-large));
+  --_op-avatar-outer-border-width: var(--op-border-width-large);
+  --_op-avatar-disabled-opacity: 0.4;
+  --_op-avatar-hover-opacity: 0.2;
+  --_op-avatar-size-small: 3.2rem;
+  --_op-avatar-size-medium: 4rem;
+  --_op-avatar-size-large: 5.6rem;
+  --__op-avatar-size: var(--_op-avatar-size-large);
+  position: relative;
+  z-index: 1;
+  display: block;
+  overflow: hidden;
+  width: var(--__op-avatar-size);
+  height: var(--__op-avatar-size);
+  border-radius: var(--_op-avatar-border-radius);
+}
+.avatar::before {
+  position: absolute;
+  z-index: 2;
+  content: "";
+  inset: 0;
+}
+.avatar::after {
+  position: absolute;
+  z-index: 3;
+  border-radius: var(--_op-avatar-border-radius);
+  box-shadow: inset 0 0 0 var(--_op-avatar-outer-border-width) var(--_op-avatar-outer-border-color), inset 0 0 0 var(--_op-avatar-inner-border-width) var(--_op-avatar-inner-border-color);
+  content: "";
+  inset: 0;
+}
+.avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.avatar--disabled.avatar {
+  opacity: var(--_op-avatar-disabled-opacity);
+  pointer-events: none;
+}
+.avatar:hover:not(div, .avatar--disabled) {
+  --_op-avatar-inner-border-color: var(--op-color-primary-base);
+  --_op-avatar-outer-border-color: var(--op-color-primary-plus-one);
+  cursor: pointer;
+}
+.avatar:hover:not(div, .avatar--disabled)::before {
+  background-color: var(--op-color-primary-base);
+  opacity: var(--_op-avatar-hover-opacity);
+}
+.avatar:focus, .avatar:focus-visible, .avatar:focus-within {
+  outline: none;
+}
+.avatar:focus-visible:not(.avatar--disabled) {
+  --_op-avatar-outer-border-color: var(--op-color-primary-base);
+  cursor: pointer;
+}
+.avatar--small.avatar {
+  --__op-avatar-size: var(--_op-avatar-size-small);
+}
+.avatar--medium.avatar {
+  --__op-avatar-size: var(--_op-avatar-size-medium);
+}
+.avatar--large.avatar {
+  --__op-avatar-size: var(--_op-avatar-size-large);
+}
+
 .badge-notice, .badge-info, .badge-danger, .badge-warning, .badge-primary, .badge {
   display: inline-flex;
   align-items: center;
@@ -2308,13 +2417,17 @@ small {
   --_op-btn-font-small: var(--op-font-x-small);
   --_op-btn-font-medium: var(--op-font-small);
   --_op-btn-font-large: var(--op-font-small);
+  --_op-btn-padding-small: 0 var(--op-space-x-small);
+  --_op-btn-padding-medium: 0 var(--op-space-small);
+  --_op-btn-padding-large: 0 var(--op-space-small);
   --__op-btn-height: var(--_op-btn-height-large);
   --__op-btn-font-size: var(--_op-btn-font-large);
+  --__op-btn-padding: var(--_op-btn-padding-large);
   display: inline-flex;
   min-height: var(--__op-btn-height);
   align-items: center;
   justify-content: center;
-  padding: 0 var(--op-space-small);
+  padding: var(--__op-btn-padding);
   border-radius: var(--op-radius-medium);
   appearance: none;
   cursor: pointer;
@@ -2342,14 +2455,17 @@ small {
 .btn--small.btn-warning, .btn--small.btn-delete, .btn--small.btn-primary, .btn--small.btn {
   --__op-btn-height: var(--_op-btn-height-small);
   --__op-btn-font-size: var(--_op-btn-font-small);
+  --__op-btn-padding: var(--_op-btn-padding-small);
 }
 .btn--medium.btn-warning, .btn--medium.btn-delete, .btn--medium.btn-primary, .btn--medium.btn {
   --__op-btn-height: var(--_op-btn-height-medium);
   --__op-btn-font-size: var(--_op-btn-font-medium);
+  --__op-btn-padding: var(--_op-btn-padding-medium);
 }
 .btn--large.btn-warning, .btn--large.btn-delete, .btn--large.btn-primary, .btn--large.btn {
   --__op-btn-height: var(--_op-btn-height-large);
   --__op-btn-font-size: var(--_op-btn-font-large);
+  --__op-btn-padding: var(--_op-btn-padding-large);
 }
 .btn--disabled.btn-warning, .btn--disabled.btn-delete, .btn--disabled.btn-primary, .btn--disabled.btn, .btn-warning:disabled, .btn-delete:disabled, .btn-primary:disabled, .btn:disabled {
   opacity: 0.44;
@@ -2371,6 +2487,7 @@ small {
   .btn--small.btn-warning, .btn--small.btn-delete, .btn--small.btn-primary, .btn--small.btn, .btn--medium.btn-warning, .btn--medium.btn-delete, .btn--medium.btn-primary, .btn--medium.btn, .btn--large.btn-warning, .btn--large.btn-delete, .btn--large.btn-primary, .btn--large.btn {
     --__op-btn-height: var(--_op-btn-height-large);
     --__op-btn-font-size: var(--_op-btn-font-large);
+    --__op-btn-padding: var(--_op-btn-padding-large);
   }
 }
 
@@ -2732,6 +2849,50 @@ small {
   justify-content: space-between;
 }
 
+.divider-vertical, .divider {
+  --_op-divider-vertical-min-height: var(--op-space-large);
+  --_op-divider-height-small: var(--op-border-width);
+  --_op-divider-height-medium: var(--op-border-width-large);
+  --_op-divider-height-large: var(--op-border-width-x-large);
+  --_op-divider-padding-small: var(--op-space-2x-small);
+  --_op-divider-padding-medium: var(--op-space-x-small);
+  --_op-divider-padding-large: var(--op-space-medium);
+  --__op-divider-height: var(--_op-divider-height-small);
+  --__op-divider-padding: 0;
+  background-color: var(--op-border-color);
+}
+.divider--small.divider-vertical, .divider--small.divider {
+  --__op-divider-height: var(--_op-divider-height-small);
+}
+.divider--medium.divider-vertical, .divider--medium.divider {
+  --__op-divider-height: var(--_op-divider-height-medium);
+}
+.divider--large.divider-vertical, .divider--large.divider {
+  --__op-divider-height: var(--_op-divider-height-large);
+}
+.divider--spacing-small.divider-vertical, .divider--spacing-small.divider {
+  --__op-divider-padding: var(--_op-divider-padding-small);
+}
+.divider--spacing-medium.divider-vertical, .divider--spacing-medium.divider {
+  --__op-divider-padding: var(--_op-divider-padding-medium);
+}
+.divider--spacing-large.divider-vertical, .divider--spacing-large.divider {
+  --__op-divider-padding: var(--_op-divider-padding-large);
+}
+
+.divider {
+  width: 100%;
+  height: var(--__op-divider-height);
+  margin: var(--__op-divider-padding) 0;
+}
+
+.divider-vertical {
+  width: var(--__op-divider-height);
+  height: 100%;
+  min-height: var(--_op-divider-vertical-min-height);
+  margin: 0 var(--__op-divider-padding);
+}
+
 .form-control {
   --_op-form-control-height-small: var(--op-input-height-small);
   --_op-form-control-height-medium: var(--op-input-height-medium);
@@ -3000,7 +3161,8 @@ textarea.form-control:not([type=radio], [type=checkbox]) {
   --op-mso-weight: var(--op-font-weight-semi-bold);
 }
 
-.icon--weight-bold, .sidebar-primary .sidebar__content > * .material-symbols-outlined, .sidebar .sidebar__content > * .material-symbols-outlined, .alert-warning .alert__icon, .alert-danger .alert__icon, .alert-info .alert__icon, .alert-notice .alert__icon {
+.icon--weight-bold, .sidebar-primary .sidebar__content > * .material-symbols-outlined, .sidebar .sidebar__content > * .material-symbols-outlined, .alert-warning .alert__icon, .alert-danger .alert__icon,
+.alert-alert .alert__icon, .alert-info .alert__icon, .alert-notice .alert__icon {
   --op-mso-weight: var(--op-font-weight-bold);
 }
 
@@ -3021,7 +3183,8 @@ textarea.form-control:not([type=radio], [type=checkbox]) {
   --op-mso-optical-sizing: 20;
 }
 
-.icon--large, .sidebar-primary .sidebar__content > * .material-symbols-outlined, .sidebar .sidebar__content > * .material-symbols-outlined, .alert-warning .alert__icon, .alert-danger .alert__icon, .alert-info .alert__icon, .alert-notice .alert__icon {
+.icon--large, .sidebar-primary .sidebar__content > * .material-symbols-outlined, .sidebar .sidebar__content > * .material-symbols-outlined, .alert-warning .alert__icon, .alert-danger .alert__icon,
+.alert-alert .alert__icon, .alert-info .alert__icon, .alert-notice .alert__icon {
   font-size: var(--op-font-large);
   --op-mso-optical-sizing: 40;
 }
@@ -3040,7 +3203,8 @@ textarea.form-control:not([type=radio], [type=checkbox]) {
   font-size: var(--op-font-small);
   --op-mso-optical-sizing: 20;
 }
-.custom-icons.icon--large, .sidebar-primary .sidebar__content > * .custom-icons.material-symbols-outlined, .sidebar .sidebar__content > * .custom-icons.material-symbols-outlined, .alert-warning .custom-icons.alert__icon, .alert-danger .custom-icons.alert__icon, .alert-info .custom-icons.alert__icon, .alert-notice .custom-icons.alert__icon {
+.custom-icons.icon--large, .sidebar-primary .sidebar__content > * .custom-icons.material-symbols-outlined, .sidebar .sidebar__content > * .custom-icons.material-symbols-outlined, .alert-warning .custom-icons.alert__icon, .alert-danger .custom-icons.alert__icon,
+.alert-alert .custom-icons.alert__icon, .alert-info .custom-icons.alert__icon, .alert-notice .custom-icons.alert__icon {
   width: var(--op-font-large);
   height: var(--op-font-large);
 }
@@ -3183,6 +3347,25 @@ dialog.modal.modal--closing::backdrop {
   opacity: 0;
 }
 
+.pagination {
+  display: flex;
+  align-items: center;
+  gap: 0;
+}
+.pagination .form-group {
+  align-items: center;
+}
+.pagination .form-group .form-label {
+  grid-column: 1;
+}
+.pagination .form-group .form-control {
+  grid-column: 2;
+}
+.pagination .pagination__divider {
+  height: 100%;
+  padding: 0 var(--op-space-x-small);
+}
+
 .sidebar-primary, .sidebar {
   --_op-sidebar-background-color: var(--op-color-neutral-plus-eight);
   --_op-sidebar-text-color: var(--op-color-neutral-on-plus-eight);
@@ -3433,4 +3616,102 @@ dialog.modal.modal--closing::backdrop {
   overflow-y: auto;
 }
 
+[data-tooltip-text] {
+  --_op-tooltip-max-width: calc(5 * var(--op-space-3x-large));
+  --_op-tooltip-padding: var(--op-space-x-small) var(--op-space-medium);
+  --_op-tooltip-background-color: var(--op-color-neutral-minus-max);
+  --_op-tooltip-text-color: var(--op-color-neutral-on-minus-max);
+  --_op-tooltip-arrow-size: calc(var(--op-space-small) / 2);
+  --_op-tooltip-tooltip-offset: var(--op-space-x-small);
+  --_op-tooltip-tooltip-radius: var(--op-radius-medium);
+  --_op-tooltip-tooltip-font-size: var(--op-font-small);
+  position: relative;
+}
+[data-tooltip-text]::before, [data-tooltip-text]::after {
+  opacity: 0;
+  transition: var(--op-transition-tooltip);
+  visibility: hidden;
+}
+[data-tooltip-text]::before {
+  position: absolute;
+  z-index: var(--op-z-index-tooltip);
+  display: block;
+  width: max-content;
+  max-width: var(--_op-tooltip-max-width);
+  padding: var(--_op-tooltip-padding);
+  border-radius: var(--_op-tooltip-tooltip-radius);
+  background-color: var(--_op-tooltip-background-color);
+  color: var(--_op-tooltip-text-color);
+  content: attr(data-tooltip-text);
+  font-family: var(--op-font-family);
+  font-size: var(--_op-tooltip-tooltip-font-size);
+  overflow-wrap: break-word;
+  pointer-events: none;
+  text-align: center;
+  white-space: normal;
+}
+[data-tooltip-text]::after {
+  position: absolute;
+  z-index: var(--op-z-index-tooltip);
+  border: var(--_op-tooltip-arrow-size) solid var(--_op-tooltip-background-color);
+  content: "";
+  pointer-events: none;
+}
+[data-tooltip-text]:hover::before, [data-tooltip-text]:hover::after {
+  opacity: 1;
+  visibility: visible;
+}
+[data-tooltip-position=top][data-tooltip-text]::before, [data-tooltip-position=top][data-tooltip-text]::after, [data-tooltip-text]:not([data-tooltip-position])::before, [data-tooltip-text]:not([data-tooltip-position])::after {
+  left: 50%;
+  transform: translateX(-50%);
+}
+[data-tooltip-position=top][data-tooltip-text]::before, [data-tooltip-text]:not([data-tooltip-position])::before {
+  bottom: 100%;
+  margin-bottom: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+}
+[data-tooltip-position=top][data-tooltip-text]::after, [data-tooltip-text]:not([data-tooltip-position])::after {
+  bottom: 100%;
+  border-color: var(--_op-tooltip-background-color) transparent transparent transparent;
+  margin-bottom: calc(-1 * var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+}
+[data-tooltip-position=left][data-tooltip-text]::before, [data-tooltip-position=left][data-tooltip-text]::after {
+  top: 50%;
+  transform: translateY(-50%);
+}
+[data-tooltip-position=left][data-tooltip-text]::before {
+  right: 100%;
+  margin-right: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+}
+[data-tooltip-position=left][data-tooltip-text]::after {
+  right: 100%;
+  border-color: transparent transparent transparent var(--_op-tooltip-background-color);
+  margin-right: calc(-1 * var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+}
+[data-tooltip-position=bottom][data-tooltip-text]::before, [data-tooltip-position=bottom][data-tooltip-text]::after {
+  left: 50%;
+  transform: translateX(-50%);
+}
+[data-tooltip-position=bottom][data-tooltip-text]::before {
+  top: 100%;
+  margin-top: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+}
+[data-tooltip-position=bottom][data-tooltip-text]::after {
+  top: 100%;
+  border-color: transparent transparent var(--_op-tooltip-background-color) transparent;
+  margin-top: calc(-1 * var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+}
+[data-tooltip-position=right][data-tooltip-text]::before, [data-tooltip-position=right][data-tooltip-text]::after {
+  top: 50%;
+  transform: translateY(-50%);
+}
+[data-tooltip-position=right][data-tooltip-text]::before {
+  left: 100%;
+  margin-left: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+}
+[data-tooltip-position=right][data-tooltip-text]::after {
+  left: 100%;
+  border-color: transparent var(--_op-tooltip-background-color) transparent transparent;
+  margin-left: calc(-1 * var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+}
+
 /*# sourceMappingURL=optics.css.map */

package/dist/css/optics.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/modern-css-reset/dist/reset.css","../../src/core/tokens/base_tokens.scss","../../src/components/icon.scss","../../src/core/tokens/scale_color_tokens.scss","../../src/core/tokens/dark_mode_tokens.scss","../../src/core/base.scss","../../src/core/layout.scss","../../src/core/utilities.scss","../../src/components/alert.scss","../../src/components/badge.scss","../../src/components/button.scss","../../src/components/button_group.scss","../../src/components/card.scss","../../src/components/confirm-dialog.scss","../../src/components/form.scss","../../src/components/modal.scss","../../src/components/sidebar.scss","../../src/components/table.scss"],"names":[],"mappings":"AAAA;ACAQ;AACA;ACIA;AFJR;AAAA;AAAA;EAGE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;EAEE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;EACE;IACC;;EAED;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;ACuNJ;AAAA;AAAA;AASA;AA5RE;AAAA;AAAA;AAAA;EAIA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAsDA;AAAA;AAAA;AAAA;EAIA;AAtDA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAIA;AAAA;AAAA;EAGA;EACA;AAYA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;;;AA0DF;EAGE;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;;AEwGJ;AAxcE;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;;;ACOF;EACE;AA7cA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAIA;IACA;IACA;IACA;IACA;;;AAuBF;AAndE;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;;;AC3bF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7FF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,WL2QkB;EK1QlB;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AChCF;EACE;EACA,WN8RkB;EM7RlB;EACA;;;AAGF;EACE,WNuRiB;;;AMpRnB;EACE;;;AAGF;EACE;;;AAGF;EACE,WN0QmB;;;AMrQrB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAiCA;EACE;;AAGF;EAEE;IACE;;;;AAwCN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;IACE;;EAEA;IACE;IACA;;;;ACniBR;EACE;EACA;EACA;EACA;EACA;;AAEA;AACE;AAGA;EAEA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;ACnKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EA/BA;EACA;EACA;EACA;EA+BE;EACA;;AAGF;EAtCA;EACA;EACA;EACA;EAsCE;EACA;;;AAQJ;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;ACnFF;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EAEE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EAGE;;AAIF;EAtFF;IAuFI;IACA;;EAEA;IAGE;IACA;;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;ACtSN;EACE;EACA;EACA;EAEA;EACA;;AAME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;;AAKN;EACE;EACA;;;ACnDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AXsMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EWjNE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AASN;EAGE;;;AC/DF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;;AC7EJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EAEE;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAGE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAEE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EAGA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAUA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAUJ;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;;AAUN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACE;AA0DA;;AAzDA;EACE;;AAEA;EAEE;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAIF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAOR;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;AAGA;AAOA;;AANA;AAAA;AAAA;AAAA;EAIE;;AAIF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;;;AZ3SN;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;Aa3GF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAcJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AC7GN;EAGE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;AACE;AAGA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKJ;EACE;;AAIF;EA1GA;EACA;;AA8GE;EADF;IA9GA;IACA;;;AAkHE;EALF;IAnIA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AAgIJ;EAnHA;EACA;;AAIE;EAEE;EACA;EACA;;AA+GF;EADF;IAvHA;IACA;;EAIE;IAEE;IACA;IACA;;;AAmHF;EALF;IAlJA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AA8IJ;EA5JA;EACA;;AAGA;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAkJJ;EArIA;EACA;;AAIE;EAEE;EACA;EACA;;;AAsIN;EAGE;EACA;EACA;;;AC/KF;EAGE;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;EACA;;AAKF;EACE;EACA;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;;;AAaF;EACE;EACA;;;AAQF;EACE;EACA;;;AAKJ;EAGE","file":"optics.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/modern-css-reset/dist/reset.css","../../src/core/tokens/base_tokens.scss","../../src/components/icon.scss","../../src/core/tokens/scale_color_tokens.scss","../../src/core/tokens/dark_mode_tokens.scss","../../src/core/base.scss","../../src/core/layout.scss","../../src/core/utilities.scss","../../src/components/accordion.scss","../../src/components/alert.scss","../../src/components/avatar.scss","../../src/components/badge.scss","../../src/components/button.scss","../../src/components/button_group.scss","../../src/components/card.scss","../../src/components/confirm-dialog.scss","../../src/components/divider.scss","../../src/components/form.scss","../../src/components/modal.scss","../../src/components/pagination.scss","../../src/components/sidebar.scss","../../src/components/table.scss","../../src/components/tooltip.scss"],"names":[],"mappings":"AAAA;ACAQ;AACA;ACIA;AFJR;AAAA;AAAA;EAGE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;EAEE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;EACE;IACC;;EAED;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;ACwNJ;AAAA;AAAA;AASA;AA7RE;AAAA;AAAA;AAAA;EAIA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAuDA;AAAA;AAAA;AAAA;EAIA;AAvDA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAIA;AAAA;AAAA;EAGA;EACA;AAYA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAEA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;;;AA0DF;EAGE;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;;AEuGJ;AAxcE;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;;;ACOF;EACE;AA7cA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;IAGA;IACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAMA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAIA;AAAA;AAAA;AAAA;IAIA;IACA;IACA;IACA;IACA;;;AAuBF;AAndE;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;EAGA;EACA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;;;AC3bF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC7FF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,WL4QkB;EK3QlB;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AChCF;EACE;EACA,WN+RkB;EM9RlB;EACA;;;AAGF;EACE,WNwRiB;;;AMrRnB;EACE;;;AAGF;EACE;;;AAGF;EACE,WN2QmB;;;AMtQrB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAiCA;EACE;;AAGF;EAEE;IACE;;;;AAwCN;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;IACE;;EAEA;IACE;IACA;;;;ACniBR;EAEE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;;AAKF;EACE;;;AC9BN;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AACE;AAGA;EAEA;;AAGF;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAMN;AAAA;EAIE;EACA;EACA;AAEA;AAIA;;AAHA;AAAA;EACE;;AAIF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EAGE;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AC5KN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;EACA;EAEA;;AAEA;EACE;EACA;;AAKJ;EAGE;;AAGF;EACE;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;;AClFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EA/BA;EACA;EACA;EACA;EA+BE;EACA;;AAGF;EAtCA;EACA;EACA;EACA;EAsCE;EACA;;;AAQJ;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;AAGF;EAGE;EACA;;;ACnFF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EAEE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EAGE;;AAIF;EA7FF;IA8FI;IACA;;EAEA;IAGE;IACA;IACA;;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAIJ;EAGE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AC9SN;EACE;EACA;EACA;EAEA;EACA;;AAME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;;AAKN;EACE;EACA;;;ACnDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AbuMA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EalNE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AASN;EAGE;;;AC/DF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;;AC7EJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;;AAGA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EAGE;EACA;EACA;;;AAGF;EAGE;EACA;EACA;EACA;;;ACzDF;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EAEE;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAGE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAKN;EAEE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EAGA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAUA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAUJ;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAEA;AAIA;;AAHA;EACE;;;AAUN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACE;AA0DA;;AAzDA;EACE;;AAEA;EAEE;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAIF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;;AAOR;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;AAGA;AAOA;;AANA;AAAA;AAAA;AAAA;EAIE;;AAIF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;;;Af3SN;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EAEA;;;AAGF;AAAA;EACE;EAEA;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EAEA;;AAGF;AAAA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AgB3GF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EAEE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAcJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;ACxJN;EACE;EACA;EACA;;AAGA;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;;;ACsBJ;EAGE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;AACE;AAGA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKJ;EACE;;AAIF;EA1GA;EACA;;AA8GE;EADF;IA9GA;IACA;;;AAkHE;EALF;IAnIA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AAgIJ;EAnHA;EACA;;AAIE;EAEE;EACA;EACA;;AA+GF;EADF;IAvHA;IACA;;EAIE;IAEE;IACA;IACA;;;AAmHF;EALF;IAlJA;IACA;;EAGA;IACE;;EAEA;IAEE;IACA;IACA;IACA;IACA;IACA;;;AA8IJ;EA5JA;EACA;;AAGA;EACE;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAkJJ;EArIA;EACA;;AAIE;EAEE;EACA;EACA;;;AAsIN;EAGE;EACA;EACA;;;ACjLF;EAGE;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;EACA;;AAKF;EACE;EACA;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;;;AAaF;EACE;EACA;;;AAQF;EACE;EACA;;;AAKJ;EAGE;;;ACvIF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIA;EAEE;EACA;;AAMF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA","file":"optics.css"}

package/dist/scss/addons/tom-select.scss

@@ -1,6 +1,3 @@
-// Core Tom Select Styles
-@import 'tom-select/dist/scss/tom-select';
-
 // By default $select-ns is "ts"
 
 // Design System Overrides

package/dist/scss/components/accordion.scss

@@ -0,0 +1,38 @@
+%accordion-global {
+  // Public API (allowed to be overridden)
+  --_op-accordion-summary-min-height: calc(var(--op-space-2x-large) + var(--op-space-2x-small));
+
+  summary {
+    display: grid;
+    min-height: var(--_op-accordion-summary-min-height);
+    align-items: center;
+    cursor: pointer;
+    gap: var(--op-space-2x-small);
+    grid-template-columns: auto 1fr auto;
+
+    .accordion__label {
+      color: var(--op-color-neutral-on-plus-max);
+      font-size: var(--op-font-x-small);
+      font-weight: var(--op-font-weight-semi-bold);
+    }
+
+    .accordion__marker {
+      --op-mso-optical-sizing: 48;
+
+      font-size: var(--op-font-x-large);
+      justify-self: flex-end;
+      transition: var(--op-transition-accordion);
+      user-select: none;
+    }
+  }
+
+  &[open] {
+    summary .accordion__marker {
+      rotate: 0.25turn;
+    }
+  }
+}
+
+.accordion {
+  @extend %accordion-global;
+}

package/dist/scss/components/alert.scss

@@ -71,7 +71,9 @@
   }
 }
 
-.alert-danger {
+// alert-alert is an alias for alert-danger. See Alert.mdx for reasoning.
+.alert-danger,
+.alert-alert {
   @extend %alert-global;
 
   background-color: var(--op-color-alerts-danger-plus-eight);

package/dist/scss/components/avatar.scss

@@ -0,0 +1,96 @@
+%avatar-global {
+  // Public API (allowed to be overridden)
+  --_op-avatar-border-radius: var(--op-radius-circle);
+  --_op-avatar-inner-border-color: var(--op-color-neutral-minus-max);
+  --_op-avatar-outer-border-color: var(--op-color-neutral-base);
+  --_op-avatar-inner-border-width: calc(var(--op-border-width) + var(--op-border-width-large));
+  --_op-avatar-outer-border-width: var(--op-border-width-large);
+  --_op-avatar-disabled-opacity: 0.4;
+  --_op-avatar-hover-opacity: 0.2;
+  --_op-avatar-size-small: 3.2rem;
+  --_op-avatar-size-medium: 4rem;
+  --_op-avatar-size-large: 5.6rem;
+
+  // Private API (don't touch these)
+  --__op-avatar-size: var(--_op-avatar-size-large);
+
+  position: relative;
+  z-index: 1;
+  display: block;
+  overflow: hidden;
+  width: var(--__op-avatar-size);
+  height: var(--__op-avatar-size);
+  border-radius: var(--_op-avatar-border-radius);
+
+  &::before {
+    position: absolute;
+    z-index: 2;
+    content: '';
+    inset: 0;
+  }
+
+  &::after {
+    position: absolute;
+    z-index: 3;
+    border-radius: var(--_op-avatar-border-radius);
+    box-shadow: inset 0 0 0 var(--_op-avatar-outer-border-width) var(--_op-avatar-outer-border-color),
+      inset 0 0 0 var(--_op-avatar-inner-border-width) var(--_op-avatar-inner-border-color);
+    content: '';
+    inset: 0;
+  }
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  // Disabled State
+  &.avatar--disabled {
+    opacity: var(--_op-avatar-disabled-opacity);
+    pointer-events: none;
+  }
+
+  // Hover State
+  &:hover:not(div, .avatar--disabled) {
+    --_op-avatar-inner-border-color: var(--op-color-primary-base);
+    --_op-avatar-outer-border-color: var(--op-color-primary-plus-one);
+
+    cursor: pointer;
+
+    &::before {
+      background-color: var(--op-color-primary-base);
+      opacity: var(--_op-avatar-hover-opacity);
+    }
+  }
+
+  // Focus State
+  &:focus,
+  &:focus-visible,
+  &:focus-within {
+    outline: none;
+  }
+
+  &:focus-visible:not(.avatar--disabled) {
+    --_op-avatar-outer-border-color: var(--op-color-primary-base);
+
+    cursor: pointer;
+  }
+
+  // Size Modifiers
+  &.avatar--small {
+    --__op-avatar-size: var(--_op-avatar-size-small);
+  }
+
+  &.avatar--medium {
+    --__op-avatar-size: var(--_op-avatar-size-medium);
+  }
+
+  &.avatar--large {
+    --__op-avatar-size: var(--_op-avatar-size-large);
+  }
+}
+
+.avatar {
+  @extend %avatar-global;
+}

package/dist/scss/components/button.scss

@@ -6,16 +6,20 @@
   --_op-btn-font-small: var(--op-font-x-small);
   --_op-btn-font-medium: var(--op-font-small);
   --_op-btn-font-large: var(--op-font-small);
+  --_op-btn-padding-small: 0 var(--op-space-x-small);
+  --_op-btn-padding-medium: 0 var(--op-space-small);
+  --_op-btn-padding-large: 0 var(--op-space-small);
 
   // Private API (don't touch these)
   --__op-btn-height: var(--_op-btn-height-large);
   --__op-btn-font-size: var(--_op-btn-font-large);
+  --__op-btn-padding: var(--_op-btn-padding-large);
 
   display: inline-flex;
   min-height: var(--__op-btn-height);
   align-items: center;
   justify-content: center;
-  padding: 0 var(--op-space-small);
+  padding: var(--__op-btn-padding);
   border-radius: var(--op-radius-medium);
   appearance: none;
   cursor: pointer;
@@ -50,16 +54,19 @@
   &.btn--small {
     --__op-btn-height: var(--_op-btn-height-small);
     --__op-btn-font-size: var(--_op-btn-font-small);
+    --__op-btn-padding: var(--_op-btn-padding-small);
   }
 
   &.btn--medium {
     --__op-btn-height: var(--_op-btn-height-medium);
     --__op-btn-font-size: var(--_op-btn-font-medium);
+    --__op-btn-padding: var(--_op-btn-padding-medium);
   }
 
   &.btn--large {
     --__op-btn-height: var(--_op-btn-height-large);
     --__op-btn-font-size: var(--_op-btn-font-large);
+    --__op-btn-padding: var(--_op-btn-padding-large);
   }
 
   // Disabled Modifier
@@ -93,6 +100,7 @@
     &.btn--large {
       --__op-btn-height: var(--_op-btn-height-large);
       --__op-btn-font-size: var(--_op-btn-font-large);
+      --__op-btn-padding: var(--_op-btn-padding-large);
     }
   }
 }

package/dist/scss/components/divider.scss

@@ -0,0 +1,59 @@
+%divider-global {
+  // Public API (allowed to be overridden)
+  --_op-divider-vertical-min-height: var(--op-space-large);
+  --_op-divider-height-small: var(--op-border-width);
+  --_op-divider-height-medium: var(--op-border-width-large);
+  --_op-divider-height-large: var(--op-border-width-x-large);
+  --_op-divider-padding-small: var(--op-space-2x-small);
+  --_op-divider-padding-medium: var(--op-space-x-small);
+  --_op-divider-padding-large: var(--op-space-medium);
+
+  // Private API (don't touch these)
+  --__op-divider-height: var(--_op-divider-height-small);
+  --__op-divider-padding: 0;
+
+  background-color: var(--op-border-color);
+
+  // Size Modifiers
+  &.divider--small {
+    --__op-divider-height: var(--_op-divider-height-small);
+  }
+
+  &.divider--medium {
+    --__op-divider-height: var(--_op-divider-height-medium);
+  }
+
+  &.divider--large {
+    --__op-divider-height: var(--_op-divider-height-large);
+  }
+
+  // Spacing Modifiers
+  &.divider--spacing-small {
+    --__op-divider-padding: var(--_op-divider-padding-small);
+  }
+
+  &.divider--spacing-medium {
+    --__op-divider-padding: var(--_op-divider-padding-medium);
+  }
+
+  &.divider--spacing-large {
+    --__op-divider-padding: var(--_op-divider-padding-large);
+  }
+}
+
+.divider {
+  @extend %divider-global;
+
+  width: 100%;
+  height: var(--__op-divider-height);
+  margin: var(--__op-divider-padding) 0;
+}
+
+.divider-vertical {
+  @extend %divider-global;
+
+  width: var(--__op-divider-height);
+  height: 100%;
+  min-height: var(--_op-divider-vertical-min-height);
+  margin: 0 var(--__op-divider-padding);
+}

package/dist/scss/components/index.scss

@@ -1,11 +1,16 @@
+@import 'accordion';
 @import 'alert';
+@import 'avatar';
 @import 'badge';
 @import 'button';
 @import 'button_group';
 @import 'card';
 @import 'confirm-dialog';
+@import 'divider';
 @import 'form';
 @import 'icon';
 @import 'modal';
+@import 'pagination';
 @import 'sidebar';
 @import 'table';
+@import 'tooltip';

package/dist/scss/components/pagination.scss

@@ -0,0 +1,28 @@
+%pagination-global {
+  display: flex;
+  align-items: center;
+  gap: 0;
+
+  // Showing Dropdown
+  .form-group {
+    align-items: center;
+
+    .form-label {
+      grid-column: 1;
+    }
+
+    .form-control {
+      grid-column: 2;
+    }
+  }
+
+  // ... Gap
+  .pagination__divider {
+    height: 100%;
+    padding: 0 var(--op-space-x-small);
+  }
+}
+
+.pagination {
+  @extend %pagination-global;
+}

package/dist/scss/components/table.scss

@@ -1,5 +1,3 @@
-// TODO: When we get a pagination component, add it to the table styles and docs for within a table footer
-
 %table-global {
   // Public API
   // Cells (for height, the appropriate variable is used when using the density modifiers)

package/dist/scss/components/tooltip.scss

@@ -0,0 +1,136 @@
+%tooltip-global {
+  // Public API
+  --_op-tooltip-max-width: calc(5 * var(--op-space-3x-large));
+  --_op-tooltip-padding: var(--op-space-x-small) var(--op-space-medium);
+  --_op-tooltip-background-color: var(--op-color-neutral-minus-max);
+  --_op-tooltip-text-color: var(--op-color-neutral-on-minus-max);
+  --_op-tooltip-arrow-size: calc(var(--op-space-small) / 2);
+  --_op-tooltip-tooltip-offset: var(--op-space-x-small);
+  --_op-tooltip-tooltip-radius: var(--op-radius-medium);
+  --_op-tooltip-tooltip-font-size: var(--op-font-small);
+
+  position: relative;
+
+  &::before,
+  &::after {
+    opacity: 0;
+    transition: var(--op-transition-tooltip);
+    visibility: hidden;
+  }
+
+  &::before {
+    position: absolute;
+    z-index: var(--op-z-index-tooltip);
+    display: block;
+    width: max-content;
+    max-width: var(--_op-tooltip-max-width);
+    padding: var(--_op-tooltip-padding);
+    border-radius: var(--_op-tooltip-tooltip-radius);
+    background-color: var(--_op-tooltip-background-color);
+    color: var(--_op-tooltip-text-color);
+    content: attr(data-tooltip-text);
+    font-family: var(--op-font-family); // Makes tooltips on icons work
+    font-size: var(--_op-tooltip-tooltip-font-size);
+    overflow-wrap: break-word;
+    pointer-events: none;
+    text-align: center;
+    white-space: normal;
+  }
+
+  &::after {
+    position: absolute;
+    z-index: var(--op-z-index-tooltip);
+    border: var(--_op-tooltip-arrow-size) solid var(--_op-tooltip-background-color);
+    content: '';
+    pointer-events: none;
+  }
+
+  &:hover {
+    &::before,
+    &::after {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+
+  &[data-tooltip-position='top'],
+  &:not([data-tooltip-position]) {
+    &::before,
+    &::after {
+      left: 50%;
+      transform: translateX(-50%);
+    }
+
+    &::before {
+      bottom: 100%;
+      margin-bottom: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+    }
+
+    &::after {
+      bottom: 100%;
+      border-color: var(--_op-tooltip-background-color) transparent transparent transparent;
+      margin-bottom: calc(-1 * var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+    }
+  }
+
+  &[data-tooltip-position='left'] {
+    &::before,
+    &::after {
+      top: 50%;
+      transform: translateY(-50%);
+    }
+
+    &::before {
+      right: 100%;
+      margin-right: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+    }
+
+    &::after {
+      right: 100%;
+      border-color: transparent transparent transparent var(--_op-tooltip-background-color);
+      margin-right: calc(-1 * var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+    }
+  }
+
+  &[data-tooltip-position='bottom'] {
+    &::before,
+    &::after {
+      left: 50%;
+      transform: translateX(-50%);
+    }
+
+    &::before {
+      top: 100%;
+      margin-top: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+    }
+
+    &::after {
+      top: 100%;
+      border-color: transparent transparent var(--_op-tooltip-background-color) transparent;
+      margin-top: calc(-1 * var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+    }
+  }
+
+  &[data-tooltip-position='right'] {
+    &::before,
+    &::after {
+      top: 50%;
+      transform: translateY(-50%);
+    }
+
+    &::before {
+      left: 100%;
+      margin-left: calc(var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+    }
+
+    &::after {
+      left: 100%;
+      border-color: transparent var(--_op-tooltip-background-color) transparent transparent;
+      margin-left: calc(-1 * var(--_op-tooltip-arrow-size) + var(--_op-tooltip-tooltip-offset));
+    }
+  }
+}
+
+[data-tooltip-text] {
+  @extend %tooltip-global;
+}

package/dist/scss/core/tokens/base_tokens.scss

@@ -176,6 +176,7 @@
   /**
   * @tokens Transition
   */
+  --op-transition-accordion: rotate 120ms ease-in;
   --op-transition-input: all 120ms ease-in;
   --op-transition-sidebar: all 200ms ease-in-out;
   --op-transition-modal: all 300ms ease-in;

package/dist/scss/recipes/16six-sidebar.scss

@@ -1,10 +1,15 @@
 // 16Six Sidebar Example
-@mixin sidebar-16six-rail-global {
+.icon--rotated-135 {
+  rotate: 135deg;
+}
+
+.icon--rotated-90 {
+  rotate: 90deg;
+}
+
+@mixin sidebar-rail-global {
   .sidebar__brand {
-    svg {
-      width: 100%;
-      padding: 0 var(--op-space-small);
-    }
+    justify-content: center;
 
     .sidebar__brand-label {
       display: none;
@@ -12,86 +17,52 @@
   }
 }
 
-@mixin sidebar-16six-drawer-global {
-  .sidebar__item {
-    border-radius: var(--op-radius-large);
-    font-size: var(--op-font-small);
-  }
-}
-
 .sidebar-16six {
   @extend %sidebar-global;
 
-  --_op-sidebar-spacing: var(--op-space-x-small);
-
-  // Normal
-  --_op-sidebar-background-color: var(--op-color-primary-minus-five);
-  --_op-sidebar-text-color: var(--op-color-primary-on-minus-five);
-
-  // Active
-  --_op-sidebar-icon-background-active-color: var(--op-color-primary-minus-three);
-  --_op-sidebar-icon-text-active-color: var(--op-color-primary-on-minus-three);
-
-  // Hover
-  --_op-sidebar-icon-background-hover-color: var(--op-color-primary-minus-three);
-  --_op-sidebar-icon-text-hover-color: var(--op-color-primary-on-minus-three);
-
-  gap: var(--op-space-x-large);
+  --_op-sidebar-background-color: hsl(256deg 66% 15%);
+  --_op-sidebar-text-color: hsl(26deg 100% 95%);
+  --_op-sidebar-border-color: hsl(26deg 100% 95%);
+  --_op-sidebar-rail-width: 6.4rem;
+  --_op-sidebar-drawer-width: 22.4rem;
+  --_op-sidebar-drawer-brand-width: calc(var(--op-space-3x-large) + (2 * var(--op-space-medium)));
+  --_op-sidebar-brand-spacing: var(--op-space-medium) var(--op-space-x-small);
+  --_op-sidebar-content-item-spacing: var(--op-space-x-small);
+  --_op-sidebar-spacing: 0 0 var(--op-space-x-small);
 
   .sidebar__brand {
     display: flex;
+    margin: 0;
     color: inherit;
-    gap: var(--op-space-small);
+    gap: var(--op-space-medium);
     text-decoration: none;
 
     svg {
       width: var(--op-space-3x-large);
+      height: var(--op-space-3x-large);
     }
 
     .sidebar__brand-label {
       display: flex;
       flex-direction: column;
-      gap: var(--op-space-4x-small);
+      font-size: var(--op-font-small);
     }
   }
 
-  .sidebar__content {
-    gap: var(--op-space-x-small);
-  }
-
-  .sidebar__item {
-    .sidebar__item-icon {
-      border-radius: var(--op-radius-large);
-
-      &.sidebar__item-icon--rotated {
-        rotate: 90deg;
-      }
-    }
+  .btn {
+    &.btn--no-border {
+      background-color: transparent;
+      box-shadow: none;
+      color: var(--_op-sidebar-text-color);
 
-    &:hover,
-    &.active {
-      .sidebar__item-icon {
-        --op-mso-weight: var(--op-font-weight-medium);
+      &.btn--active,
+      &:hover {
+        background-color: hsl(256deg 23% 32%);
       }
     }
   }
 
-  // Modifiers
-  &.sidebar--drawer:not(.sidebar--responsive) {
-    @include sidebar-16six-drawer-global;
-  }
-
-  &.sidebar--drawer.sidebar--responsive {
-    @media (width > $breakpoint-medium) {
-      @include sidebar-16six-drawer-global;
-    }
-
-    @media (width <= $breakpoint-medium) {
-      @include sidebar-16six-rail-global;
-    }
-  }
-
   &.sidebar--rail {
-    @include sidebar-16six-rail-global;
+    @include sidebar-rail-global;
   }
 }

package/dist/scss/recipes/domains-sidebar.scss

@@ -1,60 +1,40 @@
 // Domains Sidebar Example
-@mixin sidebar-domains-rail-global {
-  .sidebar__brand {
-    padding: 0 var(--_op-sidebar-spacing);
-  }
-}
-
-@mixin sidebar-domains-drawer-global {
-  .sidebar__content {
-    padding: 0;
-  }
-
-  .sidebar__item {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-  }
-
-  .sidebar__section-divider {
-    margin: var(--op-space-small) 0;
+%btn-global {
+  &.btn--pill-right {
+    border-radius: 0 var(--op-radius-pill) var(--op-radius-pill) 0;
   }
 }
 
 .sidebar-domains {
   @extend %sidebar-global;
 
-  // Normal
-  --_op-sidebar-background-color: var(--op-color-background);
-  --_op-sidebar-text-color: var(--op-color-on-background);
-
-  // Active
-  --_op-sidebar-icon-background-active-color: var(--op-color-primary-plus-seven);
-  --_op-sidebar-icon-text-active-color: var(--op-color-primary-on-plus-seven);
-
-  // Hover
-  --_op-sidebar-icon-background-hover-color: var(--op-color-neutral-plus-seven);
-  --_op-sidebar-icon-text-hover-color: var(--op-color-neutral-on-plus-seven);
+  --_op-sidebar-drawer-width: 28rem;
+  --_op-sidebar-content-spacing: 0;
+  --_op-sidebar-content-item-spacing: 0;
 
-  .sidebar__brand {
-    padding: 0 var(--op-space-4x-large);
-  }
+  box-shadow: none;
 
-  // Modifiers
-  &.sidebar--drawer:not(.sidebar--responsive) {
-    @include sidebar-domains-drawer-global;
-  }
+  .btn {
+    &.btn--no-border {
+      box-shadow: none;
 
-  &.sidebar--drawer.sidebar--responsive {
-    @media (width > $breakpoint-medium) {
-      @include sidebar-domains-drawer-global;
-    }
+      &.btn--active {
+        background-color: var(--op-color-primary-plus-five);
+        color: var(--op-color-primary-on-plus-five);
+      }
 
-    @media (width <= $breakpoint-medium) {
-      @include sidebar-domains-rail-global;
+      &:hover:not(.btn--active) {
+        background-color: var(--op-color-neutral-plus-six);
+        box-shadow: none;
+        color: var(--op-color-neutral-on-plus-six);
+      }
     }
   }
 
-  &.sidebar--rail {
-    @include sidebar-domains-rail-global;
+  .sidebar__footer {
+    display: flex;
+    align-items: center;
+    padding-left: var(--op-space-large);
+    gap: var(--op-space-small);
   }
 }

package/dist/tokens/tokens.json

@@ -619,6 +619,7 @@
 			"label": "0.04rem"
 		},
 		"transition": {
+			"accordion": "rotate 120ms ease-in",
 			"input": "all 120ms ease-in",
 			"sidebar": "all 200ms ease-in-out",
 			"modal": "all 300ms ease-in",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolemodel/optics",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Optics is an scss package that provides base styles and components that can be integrated and customized in a variety of projects.",
   "main": "dist/scss/optics.scss",
   "scripts": {
@@ -42,8 +42,7 @@
     "@RoleModel:registry": "https://npm.pkg.github.com"
   },
   "dependencies": {
-    "modern-css-reset": "^1.4.0",
-    "tom-select": "^2.0.0"
+    "modern-css-reset": "^1.4.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.21.5",
@@ -77,5 +76,13 @@
     "stylelint-config-standard-scss": "^6.1.0",
     "stylelint-prettier": "^2.0.0",
     "stylelint-scss": "^4.3.0"
+  },
+  "peerDependencies": {
+    "tom-select": "^2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "tom-select": {
+      "optional": true
+    }
   }
 }