@swiftwc/ui 0.0.0-dev.5 → 0.0.0-dev.50

package/generated/snapshot/index.js

@@ -1,150 +1,60 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _a, _Snapshot_config, _Snapshot_getOwnConfig, _Snapshot_parent, _Snapshot_leaf, _Snapshot_root, _Snapshot_parentContainer, _Snapshot_container, _Snapshot_leafContainer, _Snapshot_parentToolbarItems, _Snapshot_toolbarItems, _Snapshot_leafToolbarItems, _Snapshot_queryScrollViewRels;
+import { devFlags, onoff } from '../internal/utils';
 export class Snapshot {
+    static #readyCalled = false;
+    static #config;
+    static #listeners;
+    static #breakpoints;
+    static get breakpoints() {
+        return this.#breakpoints;
+    }
+    static on = new EventTarget();
+    static waitReady = Promise.all([
+        'complete' === document.readyState ? Promise.resolve() : new Promise((r) => self.addEventListener('load', () => r(), { once: true })),
+        (async () => {
+            if (!this.#readyCalled)
+                await this.setOwnConfig();
+        })(), // Lazy config read promise, triggered on first access
+    ]);
+    static async waitReadyFor(element) {
+        if (!element.isConnected)
+            return null;
+        await this.waitReady;
+        return element.isConnected ? element : null;
+    }
     static get config() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_config);
+        return this.#config;
     }
     static async setOwnConfig() {
-        if ('complete' === document.readyState)
-            return __classPrivateFieldGet(_a, _a, "m", _Snapshot_getOwnConfig).call(_a); // Page already loaded
-        await new Promise((resolve) => self.addEventListener('load', resolve)); // Wait for window load
-        return __classPrivateFieldGet(_a, _a, "m", _Snapshot_getOwnConfig).call(_a);
-    }
-    static get parent() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_parent);
-    }
-    static get root() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_root);
-    }
-    static get leaf() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_leaf);
-    }
-    static get parentContainer() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_parentContainer);
-    }
-    static get leafContainer() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_leafContainer);
-    }
-    static get container() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_container);
-    }
-    static get toolbarItems() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_toolbarItems);
-    }
-    static get parentToolbarItems() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_parentToolbarItems);
-    }
-    static get leafToolbarItems() {
-        return __classPrivateFieldGet(this, _a, "f", _Snapshot_leafToolbarItems);
-    }
-    static getSnapshot(scrollView) {
-        console.debug(`${_a.name} ⚡️ getSnapshot`);
-        // root
-        for (let e = scrollView; e; e = e.parentElement)
-            e.matches('navigation-stack,navigation-split-view') && (__classPrivateFieldSet(this, _a, e, "f", _Snapshot_root));
-        // current
-        const { frame, toolbarElements: toolbarItems } = __classPrivateFieldGet(this, _a, "f", _Snapshot_queryScrollViewRels).call(this, scrollView);
-        __classPrivateFieldSet(this, _a, frame, "f", _Snapshot_container);
-        __classPrivateFieldSet(this, _a, toolbarItems, "f", _Snapshot_toolbarItems);
-        // parent
-        const possibleParent = __classPrivateFieldGet(this, _a, "f", _Snapshot_container)?.parentElement;
-        __classPrivateFieldSet(this, _a, possibleParent?.querySelector(`:scope > scroll-view,:scope > [is=sidebar-view] > scroll-view`) ?? undefined, "f", _Snapshot_parent); //const sv2 = pr.parentElement.querySelector(`:scope > scroll-view`) //pr.previousElementSibling
-        const { frame: parentFrame, toolbarElements: parentToolbarItems } = __classPrivateFieldGet(this, _a, "f", _Snapshot_queryScrollViewRels).call(this, __classPrivateFieldGet(this, _a, "f", _Snapshot_parent));
-        __classPrivateFieldSet(this, _a, parentFrame, "f", _Snapshot_parentContainer);
-        __classPrivateFieldSet(this, _a, parentToolbarItems, "f", _Snapshot_parentToolbarItems);
-        // const possibleParent =
-        //     this.#container?.parentElement?.querySelector<HTMLElement>(
-        //       `:scope > scroll-view,:scope > [is=sidebar-view] > scroll-view`
-        //     ) ?? undefined, //const sv2 = pr.parentElement.querySelector(`:scope > scroll-view`) //pr.previousElementSibling
-        //   {
-        //     landmark: parentLm,
-        //     frame: parentFrame,
-        //     toolbarElements: parentToolbarItems,
-        //   } = this.#queryScrollViewRels(possibleParent)
-        // this.#parent = parentLm
-        // this.#parentContainer = parentFrame
-        // this.#parentToolbarItems = parentToolbarItems
-        // detect children
-        let possibleNest = scrollView?.nextElementSibling;
-        if ('NAVIGATION-SPLIT-VIEW' === __classPrivateFieldGet(this, _a, "f", _Snapshot_root)?.tagName)
-            if (scrollView?.matches(`navigation-split-view > scroll-view${null !== __classPrivateFieldGet(this, _a, "f", _Snapshot_root).querySelector(':scope > [is=sidebar-view]') ? ',navigation-split-view > [is=sidebar-view] > scroll-view,navigation-split-view > body-view > scroll-view' : ''}`))
-                possibleNest = (scrollView?.parentElement?.matches('dialog[is=sidebar-view]')
-                    ? scrollView?.parentElement
-                    : scrollView)?.previousElementSibling; // look for prev sibling instead
-        // const possibleNest = scrollView?.nextElementSibling as HTMLElement | null
-        __classPrivateFieldSet(this, _a, [
-            ...(possibleNest?.querySelectorAll('scroll-view:not(navigation-stack[hidden] scroll-view,navigation-split-view[hidden] scroll-view)') ?? []),
-        ]?.pop?.(), "f", _Snapshot_leaf); //'navigation-stack:not([hidden]) scroll-view'
-        const { frame: leafFrame, toolbarElements: leafToolbarItems } = __classPrivateFieldGet(this, _a, "f", _Snapshot_queryScrollViewRels).call(this, __classPrivateFieldGet(this, _a, "f", _Snapshot_leaf));
-        __classPrivateFieldSet(this, _a, leafFrame, "f", _Snapshot_leafContainer);
-        __classPrivateFieldSet(this, _a, leafToolbarItems, "f", _Snapshot_leafToolbarItems);
-        // const {
-        //   landmark: leafLm,
-        //   frame: leafFrame,
-        //   toolbarElements: leafToolbarItems,
-        // } = this.#queryScrollViewRels(
-        //   [
-        //     ...(possibleNest?.querySelectorAll<Components.ScrollView>(
-        //       'scroll-view:not(navigation-stack[hidden] scroll-view,navigation-split-view[hidden] scroll-view)'
-        //     ) ?? []),
-        //   ]?.pop?.()
-        // ) //'navigation-stack:not([hidden]) scroll-view'
-        // this.#leaf = leafLm
-        // this.#leafContainer = leafFrame
-        // this.#leafToolbarItems = leafToolbarItems
-        console.debug(`${__classPrivateFieldGet(this, _a, "f", _Snapshot_root)?.tagName}
-      / \\
-     B   ${__classPrivateFieldGet(this, _a, "f", _Snapshot_parentContainer)?.tagName}
-        / \\
-       D   ${__classPrivateFieldGet(this, _a, "f", _Snapshot_container)?.tagName}
-          / \\
-         H   ${__classPrivateFieldGet(this, _a, "f", _Snapshot_leafContainer)?.tagName}
-`);
-        // this.#childFrame = ['BODY-VIEW', 'NAVIGATION-STACK'].includes(
-        //   possibleNest?.tagName ?? ''
-        // )
-        //   ? (possibleNest ?? undefined)
-        //   : undefined
-        // this.#childToolbarItems = this.#childFrame?.querySelectorAll(
-        //   `:scope > navigation-bar > tool-bar-item,:scope > bottom-bar > tool-bar-item`
-        // )
-    }
+        if (!this.#readyCalled)
+            this.#readyCalled = true;
+        if ('complete' !== document.readyState)
+            await new Promise((r) => self.addEventListener('load', r, { once: true }));
+        this.#getOwnConfig();
+    }
+    static #getOwnConfig() {
+        const style = self.getComputedStyle(document.documentElement, '::before'), content = style.getPropertyValue('content'), unquoted = content.replace(/^"(.*)"$/, '$1'); // Remove quotes around the content
+        try {
+            this.#config = Object.fromEntries(new URLSearchParams(unquoted).entries()); // {"none": ""}
+        }
+        catch {
+            console.error('could-not-parse-config');
+        }
+        for (const off of this.#listeners ?? [])
+            off?.();
+        this.#listeners = new Set();
+        const mediaQueryList = self.matchMedia(`(pointer: fine) and (min-width: ${this.#config['ipad-sheet-view-inline-size']}) and (min-height: ${this.#config['ipad-sheet-view-height']})`);
+        this.#breakpoints = new Map([['fine_dialog_sheet', mediaQueryList.matches]]);
+        this.#listeners.add(onoff('change', (evt) => this.#handleMediaChange(evt, 'fine_dialog_sheet:change'), mediaQueryList).on());
+        if (devFlags.debug)
+            console.debug(this.#config);
+    }
+    static #handleMediaChange = ({ type, matches, media }, kind) => {
+        if (devFlags.debug)
+            console.debug(`${Snapshot.name} ⚡️ ${type}`);
+        this.#breakpoints?.set('fine_dialog_sheet', matches);
+        this.on.dispatchEvent(new MediaQueryListEvent(kind, {
+            matches,
+            media,
+        }));
+    };
 }
-_a = Snapshot, _Snapshot_getOwnConfig = function _Snapshot_getOwnConfig() {
-    const style = getComputedStyle(document.documentElement, '::before'), content = style.getPropertyValue('content'), unquoted = content.replace(/^"(.*)"$/, '$1'); // Remove quotes around the content
-    try {
-        __classPrivateFieldSet(this, _a, Object.fromEntries(new URLSearchParams(unquoted).entries()), "f", _Snapshot_config); // {"none": ""}
-    }
-    catch {
-        console.error('could-not-parse-config');
-    }
-    console.debug(__classPrivateFieldGet(this, _a, "f", _Snapshot_config));
-};
-_Snapshot_config = { value: void 0 };
-//////
-_Snapshot_parent = { value: void 0 };
-_Snapshot_leaf = { value: void 0 };
-_Snapshot_root = { value: void 0 };
-_Snapshot_parentContainer = { value: void 0 };
-_Snapshot_container = { value: void 0 };
-_Snapshot_leafContainer = { value: void 0 };
-_Snapshot_parentToolbarItems = { value: void 0 };
-_Snapshot_toolbarItems = { value: void 0 };
-_Snapshot_leafToolbarItems = { value: void 0 };
-_Snapshot_queryScrollViewRels = { value: (sv) => {
-        const isSidebarWrapped = sv?.parentElement?.matches('dialog[is=sidebar-view]');
-        return {
-            frame: (isSidebarWrapped ? sv?.parentElement : sv)?.parentElement ?? undefined,
-            toolbarElements: sv?.parentElement?.querySelectorAll(`:scope > navigation-bar > tool-bar-item,:scope > bottom-bar > tool-bar-item,:scope > navigation-bar > tool-bar-item-group,:scope > bottom-bar > tool-bar-item-group`),
-        };
-    } };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftwc/ui",
-  "version": "0.0.0-dev.5",
+  "version": "0.0.0-dev.50",
   "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
   "publishConfig": {
     "access": "public"
@@ -20,7 +20,8 @@
   },
   "files": [
     "generated",
-    "scss"
+    "scss",
+    "web-components.html-data"
   ],
   "sass": "scss/index.scss",
   "keywords": [
@@ -42,23 +43,46 @@
       "types": "./generated/client/index.d.ts",
       "default": "./generated/client/index.js"
     },
-    "./styles.css": "./generated/styles.css",
+    "./events": {
+      "types": "./generated/events/index.d.ts",
+      "default": "./generated/events/index.js"
+    },
+    "./css": "./generated/css/index.css",
     "./scss": "./scss/index.scss",
-    "./scss/*": "./scss/*.scss"
+    "./scss/*": "./scss/*.scss",
+    "./customElements/en": "./custom-elements/en.json"
   },
   "bin": {
     "swiftwc": "./generated/index.js"
   },
   "scripts": {
     "prebuild": "rm -rf generated",
-    "build": "npm run build:ts && npm run build:scss",
+    "build": "npm run build:ts && npm run build:scss && npm run build:manifest && npm run build:barrels",
+    "postbuild": "npm run format:write",
     "build:ts:watch": "npm run prebuild && tsc --watch",
     "build:ts": "tsc",
-    "build:scss": "sass --no-source-map scss/index.scss generated/styles.css",
+    "build:scss": "sass --style=expanded --no-source-map scss/index.scss generated/css/index.css",
+    "build:manifest": "tsx scripts/make-manifest.ts",
+    "build:barrels": "npm run build:barrels:components && npm run build:barrels:events && npm run build:barrels:buses && npm run build:barrels:i18n",
+    "build:barrels:components": "barrelsby --noHeader --delete --singleQuotes --noSemicolon --directory ./js/components --exclude \".\\.test\\.ts\"",
+    "build:barrels:events": "barrelsby --noHeader --delete --singleQuotes --noSemicolon --directory ./js/events --exclude \".\\.test\\.ts\"",
+    "build:barrels:buses": "barrelsby --noHeader --delete --singleQuotes --noSemicolon --exportDefault --directory ./js/buses",
+    "build:barrels:i18n": "barrelsby --noHeader --delete --singleQuotes --noSemicolon --exportDefault --fullPathname --directory ./js/i18n/locales",
+    "build:barrels:decorators": "barrelsby --noHeader --delete --singleQuotes --noSemicolon --exportDefault --directory ./js/internal/decorators",
     "format:check": "prettier . --check",
-    "format:write": "prettier . --write"
+    "format:write": "prettier . --write",
+    "test": "vitest --dom",
+    "prepackage": "rm -rf generated",
+    "package": "npm run build:ts && npm run build:scss",
+    "version:pkg": "npm version $npm_config_bump --no-git-tag-version --preid=dev"
   },
   "devDependencies": {
-    "sass": "^1.97.2"
-  }
+    "doctrine": "^3.0.0",
+    "happy-dom": "^20.7.0",
+    "sass": "^1.98.0",
+    "ts-morph": "^28.0.0",
+    "tsx": "^4.21.0",
+    "vitest": "^4.0.18"
+  },
+  "customElements": "custom-elements/en.json"
 }

package/scss/_components.scss

@@ -4,36 +4,83 @@
 
 @forward 'components/disclosure-group';
 
-@forward 'components/body-view';
+@forward 'components/image-view';
 
-@forward 'components/tab-view';
+@forward 'components/h-divider';
+@forward 'components/v-divider';
 
-@forward 'components/tab-bar';
+@forward 'components/full-screen';
 
-@forward 'components/tab-bar-stack';
+@forward 'components/detail-placeholder';
+@forward 'components/progress-view';
 
-@forward 'components/sidebar-toggle';
+@forward 'components/fine-tooltip';
 
-@forward 'components/full-screen';
+@forward 'components/sticky-container';
 
 @forward 'components/sheet-view';
 
-@forward 'components/navigation-stack';
-
-@forward 'components/navigation-split-view';
+@forward 'components/content-unavailable-view';
 
-@forward 'components/toolbars';
-
-@forward 'components/sidebar-view';
+@forward 'components/confirmation-dialog';
+@forward 'components/alert-dialog';
 
 @forward 'components/scroll-view';
+@forward 'components/scroll-view-proxy';
 
+@forward 'components/h-stack';
 @forward 'components/v-stack';
+@forward 'components/h-flex-stack';
+@forward 'components/v-flex-stack';
 
-@forward 'components/tool-bar';
+@forward 'components/scroll-view-toolbars';
 
 @forward 'components/tool-bar-item';
 
 @forward 'components/tool-bar-item-group';
 
+@forward 'components/plain-button';
 @forward 'components/borderless-button';
+@forward 'components/bordered-button';
+@forward 'components/bordered-prominent-button';
+@forward 'components/glass-button';
+@forward 'components/glass-prominent-button';
+
+@forward 'components/search-view';
+
+@forward 'components/tool-bar';
+
+@forward 'components/label-view';
+
+@forward 'components/labeled-content';
+
+// @forward 'components/button-view';
+
+@forward 'components/body-view';
+
+@forward 'components/navigation-large-title';
+@forward 'components/navigation-title';
+
+@forward 'components/sidebar-toggle';
+
+@forward 'components/menu-view';
+
+@forward 'components/sidebar-view';
+
+@forward 'components/list-view';
+@forward 'components/form-view';
+@forward 'components/section-view';
+@forward 'components/table-view';
+@forward 'components/table-row';
+@forward 'components/table-column';
+
+@forward 'components/text-field';
+@forward 'components/date-picker';
+@forward 'components/picker-view';
+
+@forward 'components/navigation-stack';
+@forward 'components/navigation-split-view';
+
+@forward 'components/tab-view';
+@forward 'components/tab-bar';
+@forward 'components/tab-item';

package/scss/_final.scss

@@ -0,0 +1 @@
+@forward 'final/touch-glass';

package/scss/_functions.scss

@@ -19,3 +19,13 @@
   }
   @return string.slice($parts, 2);
 }
+
+@function str-replace($string, $search, $replace: '') {
+  $index: string.index($string, $search);
+
+  @if $index {
+    @return string.slice($string, 1, $index - 1) + $replace + str-replace(string.slice($string, $index + string.length($search)), $search, $replace);
+  }
+
+  @return $string;
+}

package/scss/_mixins.scss

@@ -1,172 +1,7 @@
-@use 'vars';
+@forward 'mixins/index';
 
-@mixin span-all {
-  grid-column: 1 / -1; // span all columns
-  grid-row: 1 / -1; // span all rows
-}
+@forward 'mixins/dialog';
 
-@mixin make-scrollable {
-  & > * {
-    @include span-all;
-    // grid-column: 1 / -1; // span all columns
-    // grid-row: 1 / -1; // span all rows
-  }
+@forward 'mixins/button';
 
-  &::before {
-    @include span-all;
-    // grid-column: 1 / -1; // span all columns
-    // grid-row: 1 / -1; // span all rows
-    content: '';
-    display: block;
-    height: calc(100% + 1px); /* creates overflow */
-    // background-color: red;
-    z-index: -1;
-    pointer-events: none;
-  }
-}
-
-@mixin contain-overscroll() {
-  overscroll-behavior: contain;
-  -webkit-overflow-scrolling: touch;
-}
-
-@mixin reset-dialog {
-  // position: absolute;
-  inset-inline: 0px;
-  inset-block: 0px; //inset-inline-start: 0px;
-  // width: fit-content;
-  // height: fit-content;
-  margin: 0px; //margin-top: auto;
-  border: none; //border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;
-  padding: 0px; //padding-top: 1em;
-  background-color: transparent; //background-color: canvas;
-  color: var(--primary-text); //color: canvastext;
-  // display: none;
-
-  // dialog:modal {
-  // position: fixed;
-  // overflow-x: auto;
-  // overflow-y: auto;
-  // inset-block-start: 0px;
-  max-width: 100lvw; //max-width: calc(100% - 2em - 6px);
-  max-height: 100lvh; //max-height: calc(100% - 2em - 6px);
-  // visibility: visible;
-  // }
-
-  outline: none;
-}
-
-@mixin make-navbar($dir: bottom) {
-  &:before,
-  &:after {
-    backface-visibility: hidden;
-
-    content: '';
-    inset: 0;
-    position: absolute;
-    pointer-events: none;
-
-    z-index: -1;
-  }
-
-  &:before {
-    backdrop-filter: blur(2px);
-    mask-image: linear-gradient(to #{$dir}, #000 50%, #0000 100%);
-  }
-
-  &:after {
-    background-image: linear-gradient(
-      to #{$dir},
-      var(--canvas-bg) 0,
-      #0000 100%
-    );
-  }
-}
-
-@mixin vt-toolbar-item-offscreen-keyframe($important: false) {
-  @if $important {
-    transform: scale(
-      var(--view-transition-toolbar-cell-offscreen-scale)
-    ) !important;
-    filter: blur(10px) !important;
-    opacity: 0 !important;
-  } @else {
-    transform: scale(var(--view-transition-toolbar-cell-offscreen-scale));
-    filter: blur(10px);
-    opacity: 0;
-  }
-}
-
-@mixin vt-toolbar-item-onscreen-keyframe($important: false) {
-  @if $important {
-    transform: scale(
-      var(--view-transition-toolbar-cell-onscreen-scale)
-    ) !important;
-    filter: none !important;
-    opacity: 1 !important;
-  } @else {
-    transform: scale(var(--view-transition-toolbar-cell-onscreen-scale));
-    filter: none;
-    opacity: 1;
-  }
-}
-
-@mixin toolbar-item-vt-state($transform, $filter, $opacity) {
-  transform: $transform;
-  filter: $filter;
-  opacity: $opacity;
-}
-
-@mixin if-iphone-landscape {
-  @media (max-width: #{vars.$ipad-landscape-bp-max}) and (orientation: landscape) {
-    @content;
-  }
-}
-
-@mixin if-iphone-portrait {
-  @media (max-width: #{vars.$ipad-portrait-bp-max}) and (orientation: portrait) {
-    @content;
-  }
-}
-
-@mixin if-ipad-landscape {
-  @media (min-width: #{vars.$ipad-landscape-bp-min}) and (orientation: landscape) {
-    @content;
-  }
-}
-
-@mixin if-ipad-portrait {
-  @media (min-width: #{vars.$ipad-portrait-bp-min}) and (orientation: portrait) {
-    @content;
-  }
-}
-
-@mixin if-ipad-sheet-fits {
-  @media (min-width: #{vars.$ipad-sheet-view-width}) and (min-height: #{vars.$ipad-sheet-view-height}) {
-    @content;
-  }
-}
-
-@mixin if-2col-split-view-fits {
-  @media (min-width: #{vars.$nav-split-view-2col-bp-min}) {
-    @content;
-  }
-}
-
-@mixin if-3col-split-view-fits {
-  @media (min-width: #{vars.$nav-split-view-3col-bp-min}) {
-    @content;
-  }
-}
-
-@mixin ifnot-2col-split-view-fits {
-  @media (max-width: #{vars.$nav-split-view-2col-bp-max}) {
-    @content;
-  }
-}
-
-@mixin ifnot-3col-split-view-fits {
-  @media (max-width: #{vars.$nav-split-view-3col-bp-max}) {
-    @content;
-  }
-}
+@forward 'mixins/color';

package/scss/_placeholders.scss

@@ -0,0 +1,3 @@
+@forward 'placeholders/lists';
+
+@forward 'placeholders/buttons';

package/scss/_transitions.scss

@@ -8,4 +8,25 @@
 
 @forward 'transitions/bwd.navbar';
 
-@forward 'transitions/dialog';
+@forward 'transitions/sheet-view';
+
+@forward 'transitions/fine-tooltip';
+
+@forward 'transitions/menu-view';
+
+@forward 'transitions/progress-view';
+
+@forward 'transitions/glass-button';
+
+@forward 'transitions/glass-prominent-button';
+
+@forward 'transitions/confirmation-dialog';
+@forward 'transitions/alert-dialog';
+
+@forward 'transitions/navigation-split-view';
+
+@forward 'transitions/disclosure-group';
+
+@forward 'transitions/sidebar-view';
+
+@forward 'transitions/tab-bar';

package/scss/_utils.scss

@@ -0,0 +1,9 @@
+@forward 'utils/index';
+
+@forward 'utils/frame';
+
+@forward 'utils/stacks';
+
+@forward 'utils/spacing';
+
+@forward 'utils/scroll-view';