@stainless-api/ui-primitives 0.1.0-beta.21 → 0.1.0-beta.23

package/dist/styles.css

@@ -276,31 +276,25 @@ body {
     color: initial;
   }
 
-  :where(p):not(.stl-ui-not-prose *) {
+  :where(p:not(.stl-ui-not-prose *)) {
     margin-top: 16px;
   }
 
-  :where(p, li) {
-    &:not(.stl-ui-not-prose *) {
-      color: var(--stl-ui-foreground-secondary);
-    }
-  }
-
-  :where(strong):not(.stl-ui-not-prose *) {
+  :where(strong:not(.stl-ui-not-prose *)) {
     color: var(--stl-ui-foreground);
   }
 
-  :where(aside):not(.stl-ui-not-prose *) {
+  :where(aside:not(.stl-ui-not-prose *)) {
     color: var(--stl-ui-foreground);
   }
 
-  :is(h1, h2, h3, h4, h5, h6):not(.stl-ui-not-prose *) {
+  :where(h1, h2, h3, h4, h5, h6):where(:not(.stl-ui-not-prose *)) {
     color: var(--stl-ui-foreground);
     font-weight: 500;
     line-height: var(--stl-ui-typography-line-height-headings);
   }
 
-  h1:not(.stl-ui-not-prose *) {
+  :where(h1:not(.stl-ui-not-prose *)) {
     /* Heading 1/Medium */
     font-size: var(--stl-ui-typography-text-h1);
     letter-spacing: -0.03em;
@@ -308,7 +302,7 @@ body {
     margin-top: 64px;
   }
 
-  h2:not(.stl-ui-not-prose *) {
+  :where(h2:not(.stl-ui-not-prose *)) {
     /* Heading 2/Medium */
     font-size: var(--stl-ui-typography-text-h2);
     letter-spacing: -0.03em;
@@ -316,32 +310,33 @@ body {
     margin-top: 48px;
   }
 
-  h3:not(.stl-ui-not-prose *) {
+  :where(h3:not(.stl-ui-not-prose *)) {
     /* Heading 3/Medium */
     font-size: var(--stl-ui-typography-text-h3);
     letter-spacing: -0.02em;
     margin-top: 40px;
   }
 
-  h4:not(.stl-ui-not-prose *) {
+  :where(h4:not(.stl-ui-not-prose *)) {
     /* Heading 4/Medium */
     font-size: var(--stl-ui-typography-text-h4);
     letter-spacing: -0.02em;
     margin-top: 32px;
   }
 
-  h5:not(.stl-ui-not-prose *) {
+  :where(h5:not(.stl-ui-not-prose *)) {
     /* Heading 5/Medium */
     font-size: var(--stl-ui-typography-text-h5);
     letter-spacing: -0.02em;
     margin-top: 24px;
   }
 
-  li:not(.stl-ui-not-prose *) {
-    &:not(:last-child) {
+  :where(li:not(.stl-ui-not-prose *)) {
+    &:where(:not(:last-child)) {
       margin-bottom: 8px;
     }
 
+    /* TODO: do we want this */
     h1,
     h2,
     h3,
@@ -361,13 +356,11 @@ body {
     }
   }
 
-  :where(ol, ul, aside, img, figure, details) {
-    &:not(.stl-ui-not-prose *) {
-      margin-top: 16px;
-    }
+  :where(ol, ul, aside, img, figure, details):where(:not(.stl-ui-not-prose *)) {
+    margin-top: 16px;
   }
 
-  :where(:not(pre) > code):not(.stl-ui-not-prose *) {
+  :where(:not(pre) > code):where(:not(.stl-ui-not-prose *)) {
     color: var(--stl-ui-foreground);
     font-feature-settings:
       'ss01' on,
@@ -480,6 +473,24 @@ body {
   --sl-color-hairline-shade: var(--stl-ui-border-emphasis);
   --sl-color-text-invert: var(--stl-ui-inverse-foreground);
 
+  /* Grayscale */
+
+  --sl-color-gray-1: var(--stl-ui-gray-800);
+  --sl-color-gray-2: var(--stl-ui-gray-700);
+  --sl-color-gray-3: var(--stl-ui-gray-600);
+  --sl-color-gray-4: var(--stl-ui-gray-500);
+  --sl-color-gray-5: var(--stl-ui-gray-400);
+  --sl-color-gray-6: var(--stl-ui-gray-300);
+  --sl-color-gray-7: var(--stl-ui-gray-200);
+  --sl-color-gray-8: var(--stl-ui-gray-100);
+  --sl-color-gray-9: var(--stl-ui-gray-50);
+
+  /* Accent colors */
+
+  --sl-color-accent-low: var(--stl-ui-swatch-accent-faint);
+  --sl-color-accent: var(--stl-ui-swatch-accent-base);
+  --sl-color-accent-high: var(--stl-ui-swatch-accent-base);
+
   /* Primary colors */
   --sl-color-red-low: var(--stl-ui-swatch-red-faint);
   --sl-color-red: var(--stl-ui-swatch-red-base);
@@ -514,6 +525,18 @@ body {
   --sl-color-yellow-high: var(--stl-ui-swatch-yellow-base);
 }
 
+:root[data-theme='dark'] {
+  --sl-color-gray-1: var(--stl-ui-gray-100);
+  --sl-color-gray-2: var(--stl-ui-gray-200);
+  --sl-color-gray-3: var(--stl-ui-gray-300);
+  --sl-color-gray-4: var(--stl-ui-gray-400);
+  --sl-color-gray-5: var(--stl-ui-gray-500);
+  --sl-color-gray-6: var(--stl-ui-gray-600);
+  --sl-color-gray-7: var(--stl-ui-gray-700);
+  --sl-color-gray-8: var(--stl-ui-gray-800);
+  --sl-color-gray-9: var(--stl-ui-gray-900);
+}
+
 /* Starlight Compatibility */
 .stl-ui-prose {
   /* TODO: Disable starlight headingLinks and replace with our own */
@@ -795,7 +818,7 @@ a.stl-ui-button {
   text-align: center;
 }
 
-.stl-ui-dropdown-button {
+.stl-ui-dropdown {
   --stl-ui-dropdown-button-color: var(--stl-ui-foreground);
   --stl-ui-dropdown-button-background-color: var(--stl-ui-card-background);
   --stl-ui-dropdown-button-border-color: var(--stl-ui-border);
@@ -803,7 +826,7 @@ a.stl-ui-button {
   --stl-ui-dropdown-button-font-size: var(--stl-ui-type-scale-text-sm);
 
   --stl-ui-dropdown-button-height: 32px;
-  --stl-ui-dropdown-button-padding: 8px 10px;
+  --stl-ui-dropdown-button-padding: 0 10px;
   --stl-ui-dropdown-button-line-height: 100%;
   --stl-ui-dropdown-button-font-weight: 500;
 
@@ -811,16 +834,28 @@ a.stl-ui-button {
   display: inline-flex;
   align-items: center;
 
-  background-color: var(--stl-ui-dropdown-button-background-color);
-  border: 1px solid var(--stl-ui-dropdown-button-border-color);
-  border-radius: var(--stl-ui-dropdown-button-border-radius);
   color: var(--stl-ui-dropdown-button-color);
   gap: 0;
   font-size: var(--stl-ui-dropdown-button-font-size);
 
-  .stl-ui-dropdown-button__button {
+  hr {
+    --stl-ui-dropdown-button__divider-height: 1px;
+    --stl-ui-dropdown-button__divider-color: var(--stl-ui-border);
+
+    height: var(--stl-ui-dropdown-button__divider-height);
+    background-color: var(--stl-ui-dropdown-button__divider-color);
     border: none;
-    background: none;
+
+    margin: 4px 0;
+    width: calc(100% + 8px);
+    transform: translateX(-4px);
+  }
+
+  .stl-ui-dropdown__button {
+    background-color: var(--stl-ui-dropdown-button-background-color);
+
+    border: 1px solid var(--stl-ui-dropdown-button-border-color);
+    border-radius: var(--stl-ui-dropdown-button-border-radius);
     height: var(--stl-ui-dropdown-button-height);
     padding: var(--stl-ui-dropdown-button-padding);
     line-height: var(--stl-ui-dropdown-button-line-height);
@@ -829,21 +864,52 @@ a.stl-ui-button {
     display: flex;
     align-items: center;
     justify-content: center;
+    color: inherit;
+
+    &:focus {
+      outline: 1px auto Highlight;
+    }
 
     &:hover {
       background-color: oklch(from var(--stl-ui-foreground) l c h / 0.05);
       border-color: var(--stl-ui-border-emphasis);
     }
+
+    .stl-ui-dropdown__trigger-icon {
+      margin-right: -4px;
+      margin-left: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
   }
 
+  .stl-ui-dropdown__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    svg {
+      width: 16px;
+      height: 16px;
+    }
+  }
+
+  /**
+  *  Dropdown Button
+  */
   .stl-ui-dropdown-button--action {
     display: flex;
     align-items: center;
     gap: 8px;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    margin-right: -1px;
 
     &:hover {
       background-color: oklch(from var(--stl-ui-foreground) l c h / 0.05);
       border-color: var(--stl-ui-border-emphasis);
+      z-index: 1;
     }
 
     &.disabled {
@@ -855,6 +921,8 @@ a.stl-ui-button {
   .stl-ui-dropdown-button__trigger {
     border-left: 1px solid var(--stl-ui-border);
     border-radius: 0;
+    border-top-right-radius: var(--stl-ui-dropdown-button-border-radius);
+    border-bottom-right-radius: var(--stl-ui-dropdown-button-border-radius);
 
     &:hover {
       background-color: oklch(from var(--stl-ui-foreground) l c h / 0.05);
@@ -862,101 +930,124 @@ a.stl-ui-button {
     }
   }
 
-  .stl-ui-dropdown-button__menu {
-    --stl-ui-dropdown-button__menu-background-color: var(--stl-ui-card-background);
-    --stl-ui-dropdown-button__menu-border-color: var(--stl-ui-border);
-    --stl-ui-dropdown-button__menu-box-shadow: var(--stl-ui-shadow-md);
-    --stl-ui-dropdown-button__menu-border-radius: var(--stl-ui-layout-border-radius-sml);
+  .stl-ui-dropdown__trigger-selected {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  /**
+  *  Dropdown Menu
+  */
+  .stl-ui-dropdown-menu {
+    --stl-ui-dropdown-menu-background-color: var(--stl-ui-card-background);
+    --stl-ui-dropdown-menu-border-color: var(--stl-ui-border);
+    --stl-ui-dropdown-menu-box-shadow: var(--stl-ui-shadow-md);
+    --stl-ui-dropdown-menu-border-radius: var(--stl-ui-layout-border-radius-sml);
 
-    background-color: var(--stl-ui-dropdown-button__menu-background-color);
-    border: 1px solid var(--stl-ui-dropdown-button__menu-border-color);
-    box-shadow: var(--stl-ui-dropdown-button__menu-box-shadow);
-    border-radius: var(--stl-ui-dropdown-button__menu-border-radius);
+    background-color: var(--stl-ui-dropdown-menu-background-color);
+    border: 1px solid var(--stl-ui-dropdown-menu-border-color);
+    box-shadow: var(--stl-ui-dropdown-menu-box-shadow);
+    border-radius: var(--stl-ui-dropdown-menu-border-radius);
 
     position: absolute;
-    top: 100%;
     right: 0;
-    margin-top: 4px;
     z-index: 1000;
     min-width: 100%;
     padding: 4px;
     display: none;
 
+    &.stl-ui-dropdown-menu--above {
+      top: auto;
+      bottom: 100%;
+      margin-bottom: 4px;
+    }
+
+    &.stl-ui-dropdown-menu--below {
+      top: 100%;
+      bottom: auto;
+      margin-top: 4px;
+    }
+
     &[data-state='open'] {
       display: block;
     }
-  }
 
-  .stl-ui-dropdown-button__menu-item {
-    --stl-ui-dropdown-button__menu-item-border-radius: var(--stl-ui-dropdown-button-border-radius);
-    --stl-ui-dropdown-button__menu-item-height: var(--stl-ui-dropdown-button-height);
-    --stl-ui-dropdown-button__menu-item-line-height: var(--stl-ui-dropdown-button-line-height);
-    --stl-ui-dropdown-button__menu-item-hover-background-color: oklch(
-      from var(--stl-ui-foreground) l c h / 0.05
-    );
+    .stl-ui-dropdown-menu__item {
+      --stl-ui-dropdown-menu__item-border-radius: var(--stl-ui-dropdown-button-border-radius);
+      --stl-ui-dropdown-menu__item-height: var(--stl-ui-dropdown-button-height);
+      --stl-ui-dropdown-menu__item-line-height: var(--stl-ui-dropdown-button-line-height);
+      --stl-ui-dropdown-menu__item-hover-background-color: oklch(from var(--stl-ui-foreground) l c h / 0.05);
 
-    border-radius: var(--stl-ui-dropdown-button__menu-item-border-radius);
-    height: var(--stl-ui-dropdown-button__menu-item-height);
-    line-height: var(--stl-ui-dropdown-button__menu-item-line-height);
+      border-radius: var(--stl-ui-dropdown-menu__item-border-radius);
+      height: var(--stl-ui-dropdown-menu__item-height);
+      line-height: var(--stl-ui-dropdown-menu__item-line-height);
 
-    padding: 8px;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 16px;
+      background: transparent;
+      border: none;
 
-    &:hover {
-      background-color: var(--stl-ui-dropdown-button__menu-item-hover-background-color);
-    }
-
-    .stl-ui-dropdown-button__menu-item-content {
+      padding: 8px;
+      cursor: pointer;
       display: flex;
       align-items: center;
-      gap: 8px;
-    }
+      justify-content: space-between;
+      gap: 16px;
+      width: 100%;
 
-    .stl-ui-dropdown-button__menu-item-text {
-      white-space: nowrap;
-    }
+      &:hover,
+      &:focus-visible {
+        background-color: var(--stl-ui-dropdown-menu__item-hover-background-color);
+      }
 
-    .stl-ui-dropdown-button__menu-item-text--subtle {
-      color: var(--stl-ui-foreground-muted);
-    }
+      &:hover,
+      &:focus-visible,
+      &:focus {
+        color: var(--stl-ui-foreground);
+      }
 
-    strong {
-      color: var(--stl-ui-foreground);
-      font-weight: 500;
-    }
+      &.stl-ui-dropdown-menu__item-link {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 16px;
+        width: 100%;
+
+        &:hover {
+          color: var(--stl-ui-foreground);
+        }
+      }
 
-    .stl-ui-dropdown-button__menu-item-icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
+      .stl-ui-dropdown-menu__item-icon {
+        display: flex;
+      }
 
-    .stl-ui-dropdown-button__menu-item-external-link-icon {
-      --stl-ui-dropdown-button__menu-item-external-link-icon-color: oklch(
-        from var(--stl-ui-foreground) l c h / 0.25
-      );
+      .stl-ui-dropdown-menu__item-content {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
 
-      svg {
-        color: var(--stl-ui-dropdown-button__menu-item-external-link-icon-color);
+      .stl-ui-dropdown-menu__item-text {
+        white-space: nowrap;
       }
-    }
-  }
 
-  hr {
-    --stl-ui-dropdown-button__divider-height: 1px;
-    --stl-ui-dropdown-button__divider-color: var(--stl-ui-border);
+      .stl-ui-dropdown-menu__item-text--subtle {
+        color: var(--stl-ui-foreground-muted);
+      }
 
-    height: var(--stl-ui-dropdown-button__divider-height);
-    background-color: var(--stl-ui-dropdown-button__divider-color);
-    border: none;
+      strong {
+        color: var(--stl-ui-foreground);
+        font-weight: 500;
+      }
 
-    margin: 4px 0;
-    width: calc(100% + 8px);
-    transform: translateX(-4px);
+      .stl-ui-dropdown-menu__item-subtle-icon {
+        --stl-ui-dropdown-menu__item-subtle-icon-color: oklch(from var(--stl-ui-foreground) l c h / 0.25);
+
+        svg {
+          color: var(--stl-ui-dropdown-menu__item-subtle-icon-color);
+        }
+      }
+    }
   }
 }
 
@@ -964,6 +1055,8 @@ a.stl-ui-button {
   --stl-ui-callout-background-color: var(--stl-ui-muted-background);
   --stl-ui-callout-border-color: var(--stl-ui-border);
   --stl-ui-callout-accent-color: var(--stl-ui-foreground-muted);
+  --stl-ui-callout-strong-color: var(--stl-ui-callout-accent-color);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-gray-gray-6);
 
   border: 1px solid var(--stl-ui-callout-border-color);
   background-color: var(--stl-ui-callout-background-color);
@@ -976,42 +1069,63 @@ a.stl-ui-button {
   display: flex;
   align-items: flex-start;
   gap: 8px;
+
+  :where(a) {
+    color: var(--stl-ui-callout-strong-color);
+    text-decoration-color: rgba(from currentColor r g b / 0.4);
+    transition: text-decoration-color 0.1s ease;
+    &:hover {
+      text-decoration-color: rgba(from currentColor r g b / 0.8);
+    }
+  }
+
+  ::selection {
+    background-color: var(--stl-ui-callout-selection-background);
+    color: var(--stl-ui-foreground);
+  }
 }
 
 .stl-ui-callout--info {
   --stl-ui-callout-background-color: var(--stl-ui-muted-background);
   --stl-ui-callout-border-color: var(--stl-ui-border);
   --stl-ui-callout-accent-color: var(--stl-ui-foreground-muted);
+  --stl-ui-callout-strong-color: var(--stl-ui-foreground);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-gray-gray-6);
 }
 
 .stl-ui-callout--note {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-blue-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-blue-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-blue-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-blue-muted);
 }
 
 .stl-ui-callout--tip {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-purple-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-purple-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-purple-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-purple-muted);
 }
 
 .stl-ui-callout--success {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-green-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-green-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-green-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-green-muted);
 }
 
 .stl-ui-callout--warning {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-yellow-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-yellow-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-yellow-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-yellow-muted);
 }
 
 .stl-ui-callout--danger {
   --stl-ui-callout-background-color: var(--stl-ui-swatch-red-faint);
   --stl-ui-callout-border-color: var(--stl-ui-swatch-red-muted);
   --stl-ui-callout-accent-color: var(--stl-ui-swatch-red-base);
+  --stl-ui-callout-selection-background: var(--stl-ui-swatch-red-muted);
 }
 
 .stl-ui-callout__icon {

package/dist/styles.js

@@ -1 +0,0 @@
-export {  };

package/package.json

@@ -1,37 +1,46 @@
 {
   "name": "@stainless-api/ui-primitives",
-  "version": "0.1.0-beta.21",
+  "version": "0.1.0-beta.23",
   "publishConfig": {
     "access": "public"
   },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "import": "./src/index.ts",
-      "require": "./src/index.ts"
+      "default": "./dist/index.js"
     },
     "./scripts": {
-      "types": "./src/scripts/index.ts",
-      "import": "./src/scripts/index.ts",
-      "require": "./src/scripts/index.ts"
+      "default": "./dist/scripts/index.js"
     },
-    "./styles.css": "./src/styles.css"
+    "./styles.css": {
+      "default": "./dist/styles.css"
+    },
+    "./*": {
+      "default": "./dist/*"
+    }
   },
-  "types": "./src/index.ts",
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "lucide-react": "^0.544.0"
+    "lucide-react": "^0.553.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
+    "@types/react": "^19.2.4",
+    "@types/react-dom": "^19.2.3",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
+    "tsdown": "^0.16.4",
     "typescript": "5.9.3",
     "@stainless/eslint-config": "0.1.0-beta.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "clean": "rm -rf dist"
   }
 }

package/.turbo/turbo-build.log

@@ -1,35 +0,0 @@
-
-
-> @stainless-api/ui-primitives@0.1.0-beta.17 build /Users/maxfreundlich/code/work/stl-api-docs/packages/ui-primitives
-> tsdown
-
-ℹ tsdown v0.15.12 powered by rolldown v1.0.0-beta.45
-ℹ Using tsdown config: /Users/maxfreundlich/code/work/stl-api-docs/packages/ui-primitives/tsdown.config.ts
-ℹ entry: src/index.ts, src/styles.css, src/components/Accordion.tsx, src/components/Button.tsx, src/components/Callout.tsx, src/components/DropdownButton.tsx, src/scripts/index.ts
-ℹ tsconfig: tsconfig.json
-ℹ Build start
-ℹ Cleaning 24 files
-ℹ dist/scripts/index.js                 1.21 kB │ gzip: 0.48 kB
-ℹ dist/index.js                         0.29 kB │ gzip: 0.16 kB
-ℹ dist/components/DropdownButton.js     0.10 kB │ gzip: 0.09 kB
-ℹ dist/components/Accordion.js          0.08 kB │ gzip: 0.08 kB
-ℹ dist/components/Callout.js            0.07 kB │ gzip: 0.08 kB
-ℹ dist/components/Button.js             0.07 kB │ gzip: 0.08 kB
-ℹ dist/styles.js                        0.01 kB │ gzip: 0.03 kB
-ℹ dist/styles.css                      40.38 kB │ gzip: 6.94 kB
-ℹ dist/DropdownButton-DoYDi8tB.js       2.69 kB │ gzip: 0.70 kB
-ℹ dist/Button-DBhd6kU7.js               1.51 kB │ gzip: 0.55 kB
-ℹ dist/Callout-UZQRuCQ5.js              0.82 kB │ gzip: 0.44 kB
-ℹ dist/Accordion-DLQE3Td6.js            0.80 kB │ gzip: 0.30 kB
-ℹ dist/index.d.ts                       0.46 kB │ gzip: 0.20 kB
-ℹ dist/scripts/index.d.ts               0.30 kB │ gzip: 0.19 kB
-ℹ dist/components/Callout.d.ts          0.14 kB │ gzip: 0.11 kB
-ℹ dist/components/Button.d.ts           0.14 kB │ gzip: 0.10 kB
-ℹ dist/components/Accordion.d.ts        0.12 kB │ gzip: 0.09 kB
-ℹ dist/components/DropdownButton.d.ts   0.10 kB │ gzip: 0.08 kB
-ℹ dist/DropdownButton-zcvep_xH.d.ts     1.38 kB │ gzip: 0.40 kB
-ℹ dist/Button-DwndlytB.d.ts             1.27 kB │ gzip: 0.52 kB
-ℹ dist/Accordion-CJL9SWwS.d.ts          0.74 kB │ gzip: 0.32 kB
-ℹ dist/Callout-CMz3Yl_5.d.ts            0.57 kB │ gzip: 0.33 kB
-ℹ 22 files, total: 53.24 kB
-✔ Build complete in 761ms