@api-client/ui 0.5.57 → 0.6.0

package/build/src/modeling/internals/styles/EditorCommon.styles.js

@@ -0,0 +1,141 @@
+import { css } from 'lit';
+/**
+ * Common styles for API modeling editors.
+ * These styles define reusable patterns for editor containers, headers,
+ * tabs, sections, descriptions, and help elements.
+ */
+export default css `
+  .container {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    flex: 1 0 0;
+    align-self: stretch;
+  }
+
+  /* Editor header section */
+  .intro {
+    display: flex;
+    padding: 20px;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    align-self: stretch;
+
+    ui-icon {
+      color: var(--md-sys-color-primary);
+    }
+
+    .headline-medium {
+      flex: 1 0 0;
+      color: var(--md-sys-color-on-surface);
+    }
+
+    .close-button {
+      color: var(--md-sys-color-on-surface);
+    }
+  }
+
+  .description {
+    color: var(--md-sys-color-on-surface-variant);
+    align-self: stretch;
+  }
+
+  .tabs {
+    align-self: stretch;
+  }
+
+  /* Configuration sections */
+
+  .configuration-tab {
+    display: flex;
+    padding: 12px 20px;
+    flex-direction: column;
+    gap: 20px;
+    align-self: stretch;
+  }
+
+  .config-section {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    align-self: stretch;
+  }
+
+  .config-intro {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+  }
+
+  .section-header {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+    align-self: stretch;
+    color: var(--md-sys-color-on-surface);
+
+    .title-large {
+      flex: 1 0 0;
+    }
+  }
+
+  .section-description {
+    color: var(--md-sys-color-on-surface-variant);
+    align-self: stretch;
+  }
+
+  /* Form elements */
+  .form-group {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
+    align-self: stretch;
+  }
+
+  .form-label {
+    color: var(--md-sys-color-on-surface);
+    font-size: 14px;
+    font-weight: 500;
+  }
+
+  .form-field {
+    align-self: stretch;
+  }
+
+  /* Chips and lists */
+  .fields-list {
+    align-self: stretch;
+
+    .field-list-item::part(surface) {
+      padding-inline: 0;
+    }
+  }
+
+  /* Action buttons */
+  .add-button {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .access-configuration,
+  .rate-limiting-configuration {
+    padding: 12px 20px;
+  }
+
+  .row {
+    align-self: stretch;
+  }
+`;
+//# sourceMappingURL=EditorCommon.styles.js.map

package/build/src/modeling/internals/styles/EditorCommon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorCommon.styles.js","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/EditorCommon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB;;;;GAIG;AACH,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIjB,CAAA","sourcesContent":["import { css } from 'lit'\n\n/**\n * Common styles for API modeling editors.\n * These styles define reusable patterns for editor containers, headers,\n * tabs, sections, descriptions, and help elements.\n */\nexport default css`\n  .container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1 0 0;\n    align-self: stretch;\n  }\n\n  /* Editor header section */\n  .intro {\n    display: flex;\n    padding: 20px;\n    flex-direction: column;\n    align-items: flex-start;\n    align-self: stretch;\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    align-self: stretch;\n\n    ui-icon {\n      color: var(--md-sys-color-primary);\n    }\n\n    .headline-medium {\n      flex: 1 0 0;\n      color: var(--md-sys-color-on-surface);\n    }\n\n    .close-button {\n      color: var(--md-sys-color-on-surface);\n    }\n  }\n\n  .description {\n    color: var(--md-sys-color-on-surface-variant);\n    align-self: stretch;\n  }\n\n  .tabs {\n    align-self: stretch;\n  }\n\n  /* Configuration sections */\n\n  .configuration-tab {\n    display: flex;\n    padding: 12px 20px;\n    flex-direction: column;\n    gap: 20px;\n    align-self: stretch;\n  }\n\n  .config-section {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 16px;\n    align-self: stretch;\n  }\n\n  .config-intro {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    align-self: stretch;\n  }\n\n  .section-header {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 20px;\n    align-self: stretch;\n    color: var(--md-sys-color-on-surface);\n\n    .title-large {\n      flex: 1 0 0;\n    }\n  }\n\n  .section-description {\n    color: var(--md-sys-color-on-surface-variant);\n    align-self: stretch;\n  }\n\n  /* Form elements */\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n    align-self: stretch;\n  }\n\n  .form-label {\n    color: var(--md-sys-color-on-surface);\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  .form-field {\n    align-self: stretch;\n  }\n\n  /* Chips and lists */\n  .fields-list {\n    align-self: stretch;\n\n    .field-list-item::part(surface) {\n      padding-inline: 0;\n    }\n  }\n\n  /* Action buttons */\n  .add-button {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .access-configuration,\n  .rate-limiting-configuration {\n    padding: 12px 20px;\n  }\n\n  .row {\n    align-self: stretch;\n  }\n`\n"]}

package/build/src/modeling/internals/styles/RateLimiting.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=RateLimiting.styles.d.ts.map

package/build/src/modeling/internals/styles/RateLimiting.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RateLimiting.styles.d.ts","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/RateLimiting.styles.ts"],"names":[],"mappings":";AAEA,wBAgFC"}

package/build/src/modeling/internals/styles/RateLimiting.styles.js

@@ -0,0 +1,83 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+    padding: 0;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+    align-self: stretch;
+  }
+
+  .intro {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+
+    .header {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 20px;
+      align-self: stretch;
+
+      .title-large {
+        flex: 1 0 0;
+        color: var(--md-sys-color-on-surface);
+      }
+
+      .inline-help {
+        align-self: stretch;
+        color: var(--md-sys-color-on-surface);
+      }
+    }
+  }
+
+  .rules {
+    align-self: stretch;
+  }
+
+  .rule-divider {
+    align-self: stretch;
+  }
+
+  .rule {
+    align-self: stretch;
+  }
+
+  .rule-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    align-self: stretch;
+    color: var(--md-sys-color-on-surface);
+
+    .actions {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .rule-body {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .row.input-row {
+    display: flex;
+    gap: 12px;
+
+    .input {
+      flex: 1 0 0;
+      min-width: 1px;
+    }
+
+    .select {
+      display: flex;
+      flex-direction: column;
+    }
+  }
+`;
+//# sourceMappingURL=RateLimiting.styles.js.map

package/build/src/modeling/internals/styles/RateLimiting.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RateLimiting.styles.js","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/RateLimiting.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: flex;\n    padding: 0;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n    align-self: stretch;\n  }\n\n  .intro {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    align-self: stretch;\n\n    .header {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 20px;\n      align-self: stretch;\n\n      .title-large {\n        flex: 1 0 0;\n        color: var(--md-sys-color-on-surface);\n      }\n\n      .inline-help {\n        align-self: stretch;\n        color: var(--md-sys-color-on-surface);\n      }\n    }\n  }\n\n  .rules {\n    align-self: stretch;\n  }\n\n  .rule-divider {\n    align-self: stretch;\n  }\n\n  .rule {\n    align-self: stretch;\n  }\n\n  .rule-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    align-self: stretch;\n    color: var(--md-sys-color-on-surface);\n\n    .actions {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .rule-body {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .row.input-row {\n    display: flex;\n    gap: 12px;\n\n    .input {\n      flex: 1 0 0;\n      min-width: 1px;\n    }\n\n    .select {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n`\n"]}

package/build/src/modeling/internals/styles/api.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=api.styles.d.ts.map

package/build/src/modeling/internals/styles/api.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.styles.d.ts","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/api.styles.ts"],"names":[],"mappings":";AAGA,wBA8IC"}

package/build/src/modeling/internals/styles/api.styles.js

@@ -0,0 +1,146 @@
+// API modeling screen common styles
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+  }
+
+  .screen-container {
+    display: flex;
+    flex-direction: column;
+    gap: 40px;
+    flex: 1 0 0;
+    align-self: stretch;
+  }
+
+  .screen-header {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+    align-self: stretch;
+  }
+
+  .section-header {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+    align-self: stretch;
+  }
+
+  .form-section {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .config-section {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  .horizontal {
+    flex-direction: row;
+    gap: 12px;
+
+    &.center {
+      align-items: center;
+    }
+  }
+
+  .config-section.horizontal .section-header {
+    flex: 1;
+  }
+
+  .meta-section {
+    max-width: 700px;
+  }
+
+  .row {
+    display: flex;
+    flex-direction: row;
+
+    .input {
+      flex: 1;
+    }
+
+    .help {
+      height: 56px;
+      display: inline-flex;
+      align-items: center;
+    }
+  }
+
+  ui-select {
+    min-width: 280px;
+  }
+
+  .checkbox.row {
+    height: 40px;
+
+    .help {
+      height: 40px;
+    }
+  }
+
+  .enum {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .checkbox {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .checkbox > .label {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .generate-button {
+    padding-top: 8px;
+    margin-left: 12px;
+  }
+
+  .session-transport-settings {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    .transport-settings-item {
+      display: flex;
+      padding: 0 0 0 84px;
+      align-items: flex-start;
+      gap: 10px;
+      align-self: stretch;
+    }
+
+    .transport-settings-item.separate {
+      padding: 8px 0 8px 64px;
+    }
+
+    .transport-settings-group {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      align-self: stretch;
+    }
+  }
+
+  .no-property-warning {
+    color: var(--md-sys-color-error);
+    background-color: var(--md-sys-color-error-container);
+    padding: 4px 8px;
+    border-radius: var(--md-sys-shape-corner-small, 4px);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+`;
+//# sourceMappingURL=api.styles.js.map

package/build/src/modeling/internals/styles/api.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.styles.js","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/api.styles.ts"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IjB,CAAA","sourcesContent":["// API modeling screen common styles\nimport { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .screen-container {\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n    flex: 1 0 0;\n    align-self: stretch;\n  }\n\n  .screen-header {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n    align-self: stretch;\n  }\n\n  .section-header {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n    align-self: stretch;\n  }\n\n  .form-section {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .config-section {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .horizontal {\n    flex-direction: row;\n    gap: 12px;\n\n    &.center {\n      align-items: center;\n    }\n  }\n\n  .config-section.horizontal .section-header {\n    flex: 1;\n  }\n\n  .meta-section {\n    max-width: 700px;\n  }\n\n  .row {\n    display: flex;\n    flex-direction: row;\n\n    .input {\n      flex: 1;\n    }\n\n    .help {\n      height: 56px;\n      display: inline-flex;\n      align-items: center;\n    }\n  }\n\n  ui-select {\n    min-width: 280px;\n  }\n\n  .checkbox.row {\n    height: 40px;\n\n    .help {\n      height: 40px;\n    }\n  }\n\n  .enum {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .checkbox {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .checkbox > .label {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .generate-button {\n    padding-top: 8px;\n    margin-left: 12px;\n  }\n\n  .session-transport-settings {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    .transport-settings-item {\n      display: flex;\n      padding: 0 0 0 84px;\n      align-items: flex-start;\n      gap: 10px;\n      align-self: stretch;\n    }\n\n    .transport-settings-item.separate {\n      padding: 8px 0 8px 64px;\n    }\n\n    .transport-settings-group {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      align-self: stretch;\n    }\n  }\n\n  .no-property-warning {\n    color: var(--md-sys-color-error);\n    background-color: var(--md-sys-color-error-container);\n    padding: 4px 8px;\n    border-radius: var(--md-sys-shape-corner-small, 4px);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n`\n"]}

package/build/src/modeling/internals/styles/form_styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=form_styles.d.ts.map

package/build/src/modeling/internals/styles/form_styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form_styles.d.ts","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/form_styles.ts"],"names":[],"mappings":";AAEA,wBAwGC"}

package/build/src/modeling/internals/styles/form_styles.js

@@ -0,0 +1,107 @@
+import { css } from 'lit';
+export default css `
+  .modeling-form {
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+  }
+
+  .row {
+    display: flex;
+    flex-direction: row;
+    /* align-items: flex-start; */
+
+    .input {
+      flex: 1;
+    }
+
+    .input.chips-input,
+    .input.select {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .help {
+      display: inline-flex;
+      align-items: center;
+      align-content: stretch;
+    }
+
+    &.input-row .help {
+      height: 56px;
+    }
+  }
+
+  /* .checkbox-group > .row > .help,
+  .checkbox.row > .help {
+    height: 40px;
+  } */
+
+  .editor-section {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  .checkbox-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .checkbox-group > .row,
+  .checkbox.row {
+    height: 48px;
+    flex: 1;
+  }
+
+  .input-group {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .checkbox {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .checkbox > .label {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .meta {
+    color: var(--md-sys-color-on-surface-variant);
+  }
+
+  .drop-zone {
+    outline: medium var(--md-sys-color-tertiary) dashed;
+    background-color: var(--md-sys-color-tertiary-container);
+    color: var(--md-sys-color-on-tertiary-container);
+    outline-offset: 2px;
+    border-radius: var(--md-sys-shape-corner-extra-small);
+  }
+
+  .taxonomy-menu .menu-category-title {
+    height: 40px;
+    color: var(--md-menu-item-label-text-color, var(--md-sys-color-on-surface));
+    display: flex;
+    align-items: center;
+    padding: 0 16px !important;
+  }
+
+  .taxonomy-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 16px;
+
+    .label {
+      flex: 1;
+    }
+  }
+`;
+//# sourceMappingURL=form_styles.js.map

package/build/src/modeling/internals/styles/form_styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form_styles.js","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/form_styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  .modeling-form {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n  }\n\n  .row {\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    .input {\n      flex: 1;\n    }\n\n    .input.chips-input,\n    .input.select {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .help {\n      display: inline-flex;\n      align-items: center;\n      align-content: stretch;\n    }\n\n    &.input-row .help {\n      height: 56px;\n    }\n  }\n\n  /* .checkbox-group > .row > .help,\n  .checkbox.row > .help {\n    height: 40px;\n  } */\n\n  .editor-section {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .checkbox-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .checkbox-group > .row,\n  .checkbox.row {\n    height: 48px;\n    flex: 1;\n  }\n\n  .input-group {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .checkbox {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .checkbox > .label {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .meta {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  .drop-zone {\n    outline: medium var(--md-sys-color-tertiary) dashed;\n    background-color: var(--md-sys-color-tertiary-container);\n    color: var(--md-sys-color-on-tertiary-container);\n    outline-offset: 2px;\n    border-radius: var(--md-sys-shape-corner-extra-small);\n  }\n\n  .taxonomy-menu .menu-category-title {\n    height: 40px;\n    color: var(--md-menu-item-label-text-color, var(--md-sys-color-on-surface));\n    display: flex;\n    align-items: center;\n    padding: 0 16px !important;\n  }\n\n  .taxonomy-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n\n    .label {\n      flex: 1;\n    }\n  }\n`\n"]}

package/build/src/modeling/internals/styles/learning.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=learning.styles.d.ts.map

package/build/src/modeling/internals/styles/learning.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning.styles.d.ts","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/learning.styles.ts"],"names":[],"mappings":";AAEA,wBAqCC"}

package/build/src/modeling/internals/styles/learning.styles.js

@@ -0,0 +1,40 @@
+import { css } from 'lit';
+export default css `
+  .divider {
+    margin: 40px 0;
+  }
+
+  .intro {
+    user-select: text;
+  }
+
+  .intro-title {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+  }
+
+  .theme-icon-wrapper {
+    display: inline-flex;
+    padding: 20px;
+    justify-content: center;
+    align-items: center;
+    border-radius: 60px;
+    background: var(--md-sys-color-primary);
+  }
+
+  .theme-icon-wrapper > .icon {
+    width: 40px;
+    height: 40px;
+    fill: var(--md-sys-color-on-primary);
+  }
+
+  .example {
+    background-color: var(--md-sys-color-tertiary-container);
+    color: var(--md-sys-color-on-tertiary-container);
+    padding: 16px;
+    border-radius: var(--md-sys-shape-corner-large);
+    margin-bottom: 20px;
+  }
+`;
+//# sourceMappingURL=learning.styles.js.map

package/build/src/modeling/internals/styles/learning.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning.styles.js","sourceRoot":"","sources":["../../../../../src/modeling/internals/styles/learning.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  .divider {\n    margin: 40px 0;\n  }\n\n  .intro {\n    user-select: text;\n  }\n\n  .intro-title {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n  }\n\n  .theme-icon-wrapper {\n    display: inline-flex;\n    padding: 20px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 60px;\n    background: var(--md-sys-color-primary);\n  }\n\n  .theme-icon-wrapper > .icon {\n    width: 40px;\n    height: 40px;\n    fill: var(--md-sys-color-on-primary);\n  }\n\n  .example {\n    background-color: var(--md-sys-color-tertiary-container);\n    color: var(--md-sys-color-on-tertiary-container);\n    padding: 16px;\n    border-radius: var(--md-sys-shape-corner-large);\n    margin-bottom: 20px;\n  }\n`\n"]}

package/build/src/modeling/lib/access_helpers.d.ts

@@ -0,0 +1,8 @@
+import type { AccessRule } from '@api-client/core/browser.js';
+/**
+ * Creates an empty access rule of the given type.
+ * @param rule The rule to create.
+ * @returns The new and empty rule.
+ */
+export declare function createEmptyAccessRule(rule: AccessRule['type']): AccessRule;
+//# sourceMappingURL=access_helpers.d.ts.map

package/build/src/modeling/lib/access_helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"access_helpers.d.ts","sourceRoot":"","sources":["../../../../src/modeling/lib/access_helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EAOX,MAAM,6BAA6B,CAAA;AA0BpC;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,UAAU,CAiB1E"}

package/build/src/modeling/lib/access_helpers.js

@@ -0,0 +1,42 @@
+function createPublicRule() {
+    return { type: 'public' };
+}
+function createAuthenticatedRule() {
+    return { type: 'authenticated' };
+}
+function createResourceOwnerRule() {
+    return { type: 'resourceOwner', property: '' };
+}
+function createMatchUserRoleRule() {
+    return { type: 'matchUserRole', role: [] };
+}
+function createMatchUserPropertyRule() {
+    return { type: 'matchUserProperty', property: '', value: '' };
+}
+function createMatchEmailDomainRule() {
+    return { type: 'matchEmailDomain', domains: [] };
+}
+/**
+ * Creates an empty access rule of the given type.
+ * @param rule The rule to create.
+ * @returns The new and empty rule.
+ */
+export function createEmptyAccessRule(rule) {
+    switch (rule) {
+        case 'public':
+            return createPublicRule();
+        case 'authenticated':
+            return createAuthenticatedRule();
+        case 'resourceOwner':
+            return createResourceOwnerRule();
+        case 'matchUserRole':
+            return createMatchUserRoleRule();
+        case 'matchUserProperty':
+            return createMatchUserPropertyRule();
+        case 'matchEmailDomain':
+            return createMatchEmailDomainRule();
+        default:
+            throw new Error(`Cannot create access rule of unknown type: ${rule}`);
+    }
+}
+//# sourceMappingURL=access_helpers.js.map

package/build/src/modeling/lib/access_helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"access_helpers.js","sourceRoot":"","sources":["../../../../src/modeling/lib/access_helpers.ts"],"names":[],"mappings":"AAUA,SAAS,gBAAgB;IACvB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAA2B,CAAA;AACpD,CAAC;AAED,SAAS,uBAAuB;IAC9B,OAAO,EAAE,IAAI,EAAE,eAAe,EAAkC,CAAA;AAClE,CAAC;AAED,SAAS,uBAAuB;IAC9B,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,EAAkC,CAAA;AAChF,CAAC;AAED,SAAS,uBAAuB;IAC9B,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,EAA6B,CAAA;AACvE,CAAC;AAED,SAAS,2BAA2B;IAClC,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAiC,CAAA;AAC9F,CAAC;AAED,SAAS,0BAA0B;IACjC,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,EAAE,EAAgC,CAAA;AAChF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,IAAwB;IAC5D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,gBAAgB,EAAE,CAAA;QAC3B,KAAK,eAAe;YAClB,OAAO,uBAAuB,EAAE,CAAA;QAClC,KAAK,eAAe;YAClB,OAAO,uBAAuB,EAAE,CAAA;QAClC,KAAK,eAAe;YAClB,OAAO,uBAAuB,EAAE,CAAA;QAClC,KAAK,mBAAmB;YACtB,OAAO,2BAA2B,EAAE,CAAA;QACtC,KAAK,kBAAkB;YACrB,OAAO,0BAA0B,EAAE,CAAA;QACrC;YACE,MAAM,IAAI,KAAK,CAAC,8CAA8C,IAAI,EAAE,CAAC,CAAA;IACzE,CAAC;AACH,CAAC","sourcesContent":["import type {\n  AccessRule,\n  AllowAuthenticatedAccessRule,\n  AllowPublicAccessRule,\n  MatchEmailDomainAccessRule,\n  MatchResourceOwnerAccessRule,\n  MatchUserPropertyAccessRule,\n  MatchUserRoleAccessRule,\n} from '@api-client/core/browser.js'\n\nfunction createPublicRule(): AllowPublicAccessRule {\n  return { type: 'public' } as AllowPublicAccessRule\n}\n\nfunction createAuthenticatedRule(): AllowAuthenticatedAccessRule {\n  return { type: 'authenticated' } as AllowAuthenticatedAccessRule\n}\n\nfunction createResourceOwnerRule(): MatchResourceOwnerAccessRule {\n  return { type: 'resourceOwner', property: '' } as MatchResourceOwnerAccessRule\n}\n\nfunction createMatchUserRoleRule(): MatchUserRoleAccessRule {\n  return { type: 'matchUserRole', role: [] } as MatchUserRoleAccessRule\n}\n\nfunction createMatchUserPropertyRule(): MatchUserPropertyAccessRule {\n  return { type: 'matchUserProperty', property: '', value: '' } as MatchUserPropertyAccessRule\n}\n\nfunction createMatchEmailDomainRule(): MatchEmailDomainAccessRule {\n  return { type: 'matchEmailDomain', domains: [] } as MatchEmailDomainAccessRule\n}\n\n/**\n * Creates an empty access rule of the given type.\n * @param rule The rule to create.\n * @returns The new and empty rule.\n */\nexport function createEmptyAccessRule(rule: AccessRule['type']): AccessRule {\n  switch (rule) {\n    case 'public':\n      return createPublicRule()\n    case 'authenticated':\n      return createAuthenticatedRule()\n    case 'resourceOwner':\n      return createResourceOwnerRule()\n    case 'matchUserRole':\n      return createMatchUserRoleRule()\n    case 'matchUserProperty':\n      return createMatchUserPropertyRule()\n    case 'matchEmailDomain':\n      return createMatchEmailDomainRule()\n    default:\n      throw new Error(`Cannot create access rule of unknown type: ${rule}`)\n  }\n}\n"]}