Compare commits

...
Sign in to create a new pull request.

31 commits

Author SHA1 Message Date
Adam Wathan
a65bb2c425 WIP 2022-12-23 13:48:05 -05:00
Adam Wathan
9102b14d0b Remove autoprefixer and cssnano from oxide CLI 2022-12-03 20:17:01 -05:00
Robin Malfait
1735726299
setup lightningcss 2022-12-01 17:50:50 +01:00
Robin Malfait
3254421d5c
drop --postcss flag 2022-12-01 17:11:51 +01:00
Robin Malfait
ec8e41aa80
make CLI files TypeScript files 2022-12-01 17:03:47 +01:00
Robin Malfait
42dc39c468
copy cli to oxide/cli 2022-12-01 17:00:01 +01:00
Adam Wathan
6d7c311416 Clean up tests for TS 2022-12-01 10:42:01 -05:00
Adam Wathan
a0e6934e2f Update scripts 2022-12-01 10:42:01 -05:00
Adam Wathan
76dd3a5aa8 Move TS to ./src/oxide 2022-12-01 10:42:01 -05:00
Jordan Pittman
c3aed5fd9b Include new compiled typescript stuff when publishing 2022-12-01 10:42:01 -05:00
Jordan Pittman
e14d52ee1f Defer to existing CLI for Oxide 2022-12-01 10:42:01 -05:00
Robin Malfait
6815f64e84 WIP 2022-12-01 10:42:01 -05:00
Robin Malfait
4e246e43ca drop prepublishOnly
I don't think we actually need this anymore (or even want because this
is trying to do things in CI that we don't want to happen. Aka, build
the Oxide Rust code, it is already a dependency).
2022-12-01 10:42:01 -05:00
Robin Malfait
27955fc445 publish tailwindcss@oxide 2022-12-01 10:42:01 -05:00
Robin Malfait
d183b69619 use @tailwindcss/oxide dependency 2022-12-01 10:42:01 -05:00
Robin Malfait
ae19a85807 re-enable workflows 2022-12-01 10:42:01 -05:00
Robin Malfait
61a6c3a990 skip tests in oxide mode regarding custom separators in arbitrary variants 2022-12-01 10:42:01 -05:00
Jordan Pittman
dd426721db Don’t match empty arbitrary values 2022-12-01 10:42:01 -05:00
Jordan Pittman
ea78fbcf2a Fix failing tests 2022-12-01 10:42:01 -05:00
Jordan Pittman
2953f7a1c4 Include only unique values for tests
Really, what we care about most is that the list contains every expected candidate. Not necessarily how many times it shows up because while many candidates will show up A LOT in a source text we’ll unique them before passing them back to anything that needs them
2022-12-01 10:42:01 -05:00
Robin Malfait
d5560a4900 fix range to include \n 2022-12-01 10:42:01 -05:00
Robin Malfait
285c161ddb add failing tests
I noticed that some of the tests were failing, and while looking at
them, it happened because the tests were structured like this:

```html
    <div
      class="
        backdrop-filter
        backdrop-filter-none
        backdrop-blur-lg
        backdrop-brightness-50
        backdrop-contrast-0
        backdrop-grayscale
        backdrop-hue-rotate-90
        backdrop-invert
        backdrop-opacity-75
        backdrop-saturate-150
        backdrop-sepia
      "
    ></div>
```

This means that the class names themselves eventually end up like this: `backdrop-filter-none\n`
-> (Notice the `\n`)

/cc @thecrypticace
2022-12-01 10:42:01 -05:00
Robin Malfait
35c9028fad sort test output
This happened because the sorting happens in this branch, but changes
happened on the `master` branch.
2022-12-01 10:42:01 -05:00
Robin Malfait
53b3891c52 improve CI for the Oxide build 2022-12-01 10:41:59 -05:00
Robin Malfait
33b553a0b0 enable tracing based on DEBUG env 2022-12-01 10:41:37 -05:00
Jordan Pittman
bf18a85d3c wip 2022-12-01 10:41:37 -05:00
Robin Malfait
6741ab4a29 cargo fmt 2022-12-01 10:41:37 -05:00
Robin Malfait
da3ec131cf remove into_par_iter where it doesn't make sense 2022-12-01 10:41:37 -05:00
Robin Malfait
337775da30 use oxide
- Setup the codebase to be able to use the Rust parts based on an
  environment variable: `OXIDE=1`.
- Setup some tests that run both the non-Rust and Rust version in the
  same test.
- Sort the candidates in a consistent way, to guarantee the order for
  now (especially in tests).
- Reflect sorting related changes in tests.
- Ensure tests run in both the Rust and non-Rust version. (Some tests
  are explicitly skipped when using the Rust version since we haven't
  implemented those features yet. These include: custom prefix,
  transformers and extractors).
  - `jest`
  -`OXIDE=1 jest`
2022-12-01 10:41:37 -05:00
Robin Malfait
c2c544e9f7 add oxide
Our Rust related parts
2022-12-01 10:41:37 -05:00
Robin Malfait
f9761d6334 temporarily disable workflows 2022-12-01 10:41:36 -05:00
1115 changed files with 2224775 additions and 2057 deletions

View file

@ -1,499 +1,324 @@
name: Oxide CI
env:
DEBUG: napi:*
APP_NAME: '@tailwindcss/oxide'
MACOSX_DEPLOYMENT_TARGET: '10.13'
on:
workflow_dispatch:
env:
APP_NAME: tailwindcss-oxide
NODE_VERSION: 14
OXIDE_LOCATION: ./oxide/crates/node
jobs:
build:
if: "!contains(github.event.head_commit.message, 'skip ci')"
oxide-build:
strategy:
fail-fast: false
matrix:
settings:
- host: macos-latest
target: x86_64-apple-darwin
build: |
yarn build
strip -x *.node
- host: windows-latest
build: yarn build
include:
# Windows
- os: windows-latest
target: x86_64-pc-windows-msvc
- host: windows-latest
build: |
yarn build --target i686-pc-windows-msvc
yarn test
target: i686-pc-windows-msvc
- host: ubuntu-latest
target: x86_64-unknown-linux-gnu
docker: ghcr.io/napi-rs/napi-rs/nodejs-rust:lts-debian
build: |-
set -e &&
yarn build --target x86_64-unknown-linux-gnu &&
strip *.node
- host: ubuntu-latest
target: x86_64-unknown-linux-musl
docker: ghcr.io/napi-rs/napi-rs/nodejs-rust:lts-alpine
build: set -e && yarn build && strip *.node
- host: macos-latest
target: aarch64-apple-darwin
build: |
sudo rm -Rf /Library/Developer/CommandLineTools/SDKs/*;
export CC=$(xcrun -f clang);
export CXX=$(xcrun -f clang++);
SYSROOT=$(xcrun --sdk macosx --show-sdk-path);
export CFLAGS="-isysroot $SYSROOT -isystem $SYSROOT";
yarn build --target aarch64-apple-darwin
strip -x *.node
- host: ubuntu-latest
target: aarch64-unknown-linux-gnu
docker: ghcr.io/napi-rs/napi-rs/nodejs-rust:lts-debian-aarch64
build: |-
set -e &&
yarn build --target aarch64-unknown-linux-gnu &&
aarch64-unknown-linux-gnu-strip *.node
- host: ubuntu-latest
target: armv7-unknown-linux-gnueabihf
setup: |
sudo apt-get update
sudo apt-get install gcc-arm-linux-gnueabihf g++-arm-linux-gnueabihf -y
build: |
yarn build --target=armv7-unknown-linux-gnueabihf
arm-linux-gnueabihf-strip *.node
- host: ubuntu-latest
target: aarch64-linux-android
build: |
export CARGO_TARGET_AARCH64_LINUX_ANDROID_LINKER="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/aarch64-linux-android24-clang"
export CC="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/aarch64-linux-android24-clang"
export CXX="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/aarch64-linux-android24-clang++"
export AR="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/llvm-ar"
export PATH="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin:${PATH}"
yarn build --target aarch64-linux-android
${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/llvm-strip *.node
- host: ubuntu-latest
target: armv7-linux-androideabi
build: |
export CARGO_TARGET_ARMV7_LINUX_ANDROIDEABI_LINKER="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/armv7a-linux-androideabi24-clang"
export CC="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/armv7a-linux-androideabi24-clang"
export CXX="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/armv7a-linux-androideabi24-clang++"
export AR="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/llvm-ar"
export PATH="${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin:${PATH}"
yarn build --target armv7-linux-androideabi
${ANDROID_NDK_LATEST_HOME}/toolchains/llvm/prebuilt/linux-x86_64/bin/llvm-strip *.node
- host: ubuntu-latest
target: aarch64-unknown-linux-musl
docker: ghcr.io/napi-rs/napi-rs/nodejs-rust:lts-alpine
build: |-
set -e &&
rustup target add aarch64-unknown-linux-musl &&
yarn build --target aarch64-unknown-linux-musl &&
/aarch64-linux-musl-cross/bin/aarch64-linux-musl-strip *.node
- host: windows-latest
target: aarch64-pc-windows-msvc
build: yarn build --target aarch64-pc-windows-msvc
name: stable - ${{ matrix.settings.target }} - node@16
runs-on: ${{ matrix.settings.host }}
# Mac OS
- os: macos-latest
target: x86_64-apple-darwin
strip: strip -x # Must use -x on macOS. This produces larger results on linux.
name: Build ${{ matrix.target }} (OXIDE)
runs-on: ${{ matrix.os }}
steps:
- uses: actions/checkout@v3
- name: Setup node
- name: Install Node.JS
uses: actions/setup-node@v3
if: ${{ !matrix.settings.docker }}
with:
node-version: 16
check-latest: true
cache: yarn
- name: Install
node-version: ${{ env.NODE_VERSION }}
- name: Install Rust
uses: actions-rs/toolchain@v1
if: ${{ !matrix.settings.docker }}
with:
toolchain: stable
profile: minimal
override: true
toolchain: stable
target: ${{ matrix.settings.target }}
- name: Cache cargo
uses: actions/cache@v3
- name: Setup rust target
run: rustup target add ${{ matrix.target }}
# - name: Use cached oxide node_modules
# id: cache-oxide
# uses: actions/cache@v3
# with:
# path: ${{ env.OXIDE_LOCATION }}/node_modules
# key: nodeModules-${{ hashFiles('${{ env.OXIDE_LOCATION }}/package-lock.json') }}-${{ matrix.os }}-${{ matrix.target }}-${{ env.NODE_VERSION }}
# restore-keys: |
# nodeModules-
- name: Oxide — npm install
# if: steps.cache-oxide.outputs.cache-hit != 'true'
run: cd ${{ env.OXIDE_LOCATION }} && npm install
- name: Build release
run: cd ${{ env.OXIDE_LOCATION }} && npm run build
env:
RUST_TARGET: ${{ matrix.target }}
- name: Strip debug symbols # https://github.com/rust-lang/rust/issues/46034
if: ${{ matrix.strip }}
run: ${{ matrix.strip }} ${{ env.OXIDE_LOCATION }}/*.node
- name: Upload artifacts
uses: actions/upload-artifact@v3
with:
name: bindings-${{ matrix.target }}
path: |
~/.cargo/registry/index/
~/.cargo/registry/cache/
~/.cargo/git/db/
.cargo-cache
target/
key: ${{ matrix.settings.target }}-cargo-${{ matrix.settings.host }}
- name: Cache NPM dependencies
uses: actions/cache@v3
with:
path: .yarn/cache
key: npm-cache-build-${{ matrix.settings.target }}-node@16
- name: Setup toolchain
run: ${{ matrix.settings.setup }}
if: ${{ matrix.settings.setup }}
shell: bash
- name: Setup node x86
if: matrix.settings.target == 'i686-pc-windows-msvc'
run: yarn config set supportedArchitectures.cpu "ia32"
shell: bash
- name: Install dependencies
run: yarn install
- name: Setup node x86
${{ env.OXIDE_LOCATION }}/*.node
${{ matrix.binary }}
oxide-build-apple-silicon:
name: Build Apple Silicon (OXIDE)
runs-on: macos-latest
steps:
- uses: actions/checkout@v3
- name: Install Node.JS
uses: actions/setup-node@v3
if: matrix.settings.target == 'i686-pc-windows-msvc'
with:
node-version: 16
check-latest: true
cache: yarn
architecture: x86
- name: Build in docker
uses: addnab/docker-run-action@v3
if: ${{ matrix.settings.docker }}
node-version: ${{ env.NODE_VERSION }}
- name: Install Rust
uses: actions-rs/toolchain@v1
with:
image: ${{ matrix.settings.docker }}
options: '--user 0:0 -v ${{ github.workspace }}/.cargo-cache/git/db:/usr/local/cargo/git/db -v ${{ github.workspace }}/.cargo/registry/cache:/usr/local/cargo/registry/cache -v ${{ github.workspace }}/.cargo/registry/index:/usr/local/cargo/registry/index -v ${{ github.workspace }}:/build -w /build'
run: ${{ matrix.settings.build }}
- name: Build
run: ${{ matrix.settings.build }}
if: ${{ !matrix.settings.docker }}
shell: bash
- name: Upload artifact
toolchain: stable
profile: minimal
override: true
- name: Setup rust target
run: rustup target add aarch64-apple-darwin
# - name: Use cached oxide node_modules
# id: cache-oxide
# uses: actions/cache@v3
# with:
# path: ${{ env.OXIDE_LOCATION }}/node_modules
# key: nodeModules-${{ hashFiles('${{ env.OXIDE_LOCATION }}/package-lock.json') }}-macos-latest-apple-silicon-${{ env.NODE_VERSION }}
# restore-keys: |
# nodeModules-
- name: Oxide — npm install
# if: steps.cache-oxide.outputs.cache-hit != 'true'
run: cd ${{ env.OXIDE_LOCATION }} && npm install
- name: Build release
run: cd ${{ env.OXIDE_LOCATION }} && npm run build
env:
RUST_TARGET: aarch64-apple-darwin
JEMALLOC_SYS_WITH_LG_PAGE: 14
- name: Strip debug symbols # https://github.com/rust-lang/rust/issues/46034
run: strip -x ${{ env.OXIDE_LOCATION }}/*.node
- name: Upload artifacts
uses: actions/upload-artifact@v3
with:
name: bindings-${{ matrix.settings.target }}
path: ${{ env.APP_NAME }}.*.node
if-no-files-found: error
build-freebsd:
runs-on: macos-12
name: Build FreeBSD
name: bindings-aarch64-apple-darwin
path: |
${{ env.OXIDE_LOCATION }}/*.node
${{ env.APP_NAME }}
oxide-build-linux:
strategy:
fail-fast: false
matrix:
include:
- target: x86_64-unknown-linux-gnu
strip: strip
image: docker.io/centos/nodejs-12-centos7
- target: aarch64-unknown-linux-gnu
strip: aarch64-linux-gnu-strip
image: ghcr.io/napi-rs/napi-rs/nodejs-rust:lts-debian
setup: apt install gcc-aarch64-linux-gnu g++-aarch64-linux-gnu -y
- target: armv7-unknown-linux-gnueabihf
strip: arm-linux-gnueabihf-strip
image: ghcr.io/napi-rs/napi-rs/nodejs-rust:lts-debian
setup: apt install gcc-arm-linux-gnueabihf g++-arm-linux-gnueabihf -y
- target: aarch64-unknown-linux-musl
image: ghcr.io/napi-rs/napi-rs/nodejs-rust:lts-alpine
strip: aarch64-linux-musl-strip
- target: x86_64-unknown-linux-musl
image: ghcr.io/napi-rs/napi-rs/nodejs-rust:lts-alpine
strip: strip
name: Build ${{ matrix.target }} (OXIDE)
runs-on: ubuntu-latest
container:
image: ${{ matrix.image }}
steps:
- uses: actions/checkout@v3
- name: Build
id: build
uses: vmactions/freebsd-vm@v0
env:
DEBUG: napi:*
RUSTUP_HOME: /usr/local/rustup
CARGO_HOME: /usr/local/cargo
RUSTUP_IO_THREADS: 1
- name: Install Node.JS
uses: actions/setup-node@v3
with:
envs: DEBUG RUSTUP_HOME CARGO_HOME RUSTUP_IO_THREADS
usesh: true
mem: 3000
prepare: |
pkg install -y curl node16 python2
curl -qL https://www.npmjs.com/install.sh | sh
npm install --location=global --ignore-scripts yarn
curl https://sh.rustup.rs -sSf --output rustup.sh
sh rustup.sh -y --profile minimal --default-toolchain stable
export PATH="/usr/local/cargo/bin:$PATH"
echo "~~~~ rustc --version ~~~~"
rustc --version
echo "~~~~ node -v ~~~~"
node -v
echo "~~~~ yarn --version ~~~~"
yarn --version
run: |
export PATH="/usr/local/cargo/bin:$PATH"
pwd
ls -lah
whoami
env
freebsd-version
yarn install
yarn build
strip -x *.node
yarn test
rm -rf node_modules
rm -rf target
- name: Upload artifact
node-version: ${{ env.NODE_VERSION }}
- name: Install Rust
uses: actions-rs/toolchain@v1
with:
toolchain: stable
profile: minimal
override: true
- name: Setup cross compile toolchain
if: ${{ matrix.setup }}
run: ${{ matrix.setup }}
- name: Setup rust target
run: rustup target add ${{ matrix.target }}
# - name: Use cached oxide node_modules
# id: cache-oxide
# uses: actions/cache@v3
# with:
# path: ${{ env.OXIDE_LOCATION }}/node_modules
# key: nodeModules-${{ hashFiles('${{ env.OXIDE_LOCATION }}/package-lock.json') }}-linux-${{ matrix.target }}-${{ env.NODE_VERSION }}
# restore-keys: |
# nodeModules-
- name: Oxide — npm install
# if: steps.cache-oxide.outputs.cache-hit != 'true'
run: cd ${{ env.OXIDE_LOCATION }} && npm install
- name: Build release
run: cd ${{ env.OXIDE_LOCATION }} && npm run build
env:
RUST_TARGET: ${{ matrix.target }}
- name: Strip debug symbols # https://github.com/rust-lang/rust/issues/46034
if: ${{ matrix.strip }}
run: ${{ matrix.strip }} ${{ env.OXIDE_LOCATION }}/*.node
- name: Upload artifacts
uses: actions/upload-artifact@v3
with:
name: bindings-freebsd
path: ${{ env.APP_NAME }}.*.node
if-no-files-found: error
test-macOS-windows-binding:
name: Test bindings on ${{ matrix.settings.target }} - node@${{ matrix.node }}
name: bindings-${{ matrix.target }}
path: |
${{ env.OXIDE_LOCATION }}/*.node
${{ env.APP_NAME }}
oxide-release:
runs-on: ubuntu-latest
name: Build and release
needs:
- build
strategy:
fail-fast: false
matrix:
settings:
- host: windows-latest
target: x86_64-pc-windows-msvc
node:
- '14'
- '16'
- '18'
runs-on: ${{ matrix.settings.host }}
- oxide-build
- oxide-build-linux
- oxide-build-apple-silicon
steps:
- uses: actions/checkout@v3
- name: Setup node
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node }}
check-latest: true
cache: yarn
- name: Cache NPM dependencies
uses: actions/cache@v3
with:
path: .yarn/cache
key: npm-cache-test-${{ matrix.settings.target }}-${{ matrix.node }}-${{ hashFiles('yarn.lock') }}
- name: Install dependencies
run: yarn install
# - name: Use cached oxide node_modules
# id: cache-oxide
# uses: actions/cache@v3
# with:
# path: ${{ env.OXIDE_LOCATION }}/node_modules
# key: nodeModules-${{ hashFiles('${{ env.OXIDE_LOCATION }}/package-lock.json') }}-ubuntu-latest-${{ env.NODE_VERSION }}
# restore-keys: |
# nodeModules-
- name: Oxide — npm install
# if: steps.cache-oxide.outputs.cache-hit != 'true'
run: cd ${{ env.OXIDE_LOCATION }} && npm install
- name: Download artifacts
uses: actions/download-artifact@v3
with:
name: bindings-${{ matrix.settings.target }}
path: .
- name: List packages
run: ls -R .
shell: bash
- name: Test bindings
run: yarn test
test-linux-x64-gnu-binding:
name: Test bindings on Linux-x64-gnu - node@${{ matrix.node }}
needs:
- build
strategy:
fail-fast: false
matrix:
node:
- '14'
- '16'
- '18'
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Setup node
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node }}
check-latest: true
cache: yarn
- name: Cache NPM dependencies
uses: actions/cache@v3
with:
path: .yarn/cache
key: npm-cache-test-linux-x64-gnu-${{ matrix.node }}
- name: Install dependencies
run: yarn install
- name: Download artifacts
uses: actions/download-artifact@v3
with:
name: bindings-x86_64-unknown-linux-gnu
path: .
- name: List packages
run: ls -R .
shell: bash
- name: Test bindings
run: docker run --rm -v $(pwd):/build -w /build node:${{ matrix.node }}-slim yarn test
test-linux-x64-musl-binding:
name: Test bindings on x86_64-unknown-linux-musl - node@${{ matrix.node }}
needs:
- build
strategy:
fail-fast: false
matrix:
node:
- '14'
- '16'
- '18'
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Setup node
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node }}
check-latest: true
cache: yarn
- name: Cache NPM dependencies
uses: actions/cache@v3
with:
path: .yarn/cache
key: npm-cache-test-x86_64-unknown-linux-musl-${{ matrix.node }}
- name: Install dependencies
run: |
yarn config set supportedArchitectures.libc "musl"
yarn install
- name: Download artifacts
uses: actions/download-artifact@v3
with:
name: bindings-x86_64-unknown-linux-musl
path: .
- name: List packages
run: ls -R .
shell: bash
- name: Test bindings
run: docker run --rm -v $(pwd):/build -w /build node:${{ matrix.node }}-alpine yarn test
test-linux-aarch64-gnu-binding:
name: Test bindings on aarch64-unknown-linux-gnu - node@${{ matrix.node }}
needs:
- build
strategy:
fail-fast: false
matrix:
node:
- '14'
- '16'
- '18'
runs-on: ubuntu-latest
steps:
- run: docker run --rm --privileged multiarch/qemu-user-static:register --reset
- uses: actions/checkout@v3
- name: Download artifacts
uses: actions/download-artifact@v3
with:
name: bindings-aarch64-unknown-linux-gnu
path: .
- name: List packages
run: ls -R .
shell: bash
- name: Cache NPM dependencies
uses: actions/cache@v3
with:
path: .yarn/cache
key: npm-cache-test-linux-aarch64-gnu-${{ matrix.node }}
- name: Install dependencies
run: |
yarn config set supportedArchitectures.cpu "arm64"
yarn config set supportedArchitectures.libc "glibc"
yarn install
- name: Setup and run tests
uses: addnab/docker-run-action@v3
with:
image: ghcr.io/napi-rs/napi-rs/nodejs:aarch64-${{ matrix.node }}
options: '-v ${{ github.workspace }}:/build -w /build'
run: |
set -e
yarn test
ls -la
test-linux-aarch64-musl-binding:
name: Test bindings on aarch64-unknown-linux-musl - node@${{ matrix.node }}
needs:
- build
runs-on: ubuntu-latest
steps:
- run: docker run --rm --privileged multiarch/qemu-user-static:register --reset
- uses: actions/checkout@v3
- name: Download artifacts
uses: actions/download-artifact@v3
with:
name: bindings-aarch64-unknown-linux-musl
path: .
- name: List packages
run: ls -R .
shell: bash
- name: Cache NPM dependencies
uses: actions/cache@v3
with:
path: .yarn/cache
key: npm-cache-test-linux-aarch64-musl-${{ matrix.node }}
- name: Install dependencies
run: |
yarn config set supportedArchitectures.cpu "arm64"
yarn config set supportedArchitectures.libc "musl"
yarn install
- name: Setup and run tests
uses: addnab/docker-run-action@v3
with:
image: multiarch/alpine:aarch64-latest-stable
options: '-v ${{ github.workspace }}:/build -w /build'
run: |
set -e
apk add nodejs npm yarn
yarn test
test-linux-arm-gnueabihf-binding:
name: Test bindings on armv7-unknown-linux-gnueabihf - node@${{ matrix.node }}
needs:
- build
strategy:
fail-fast: false
matrix:
node:
- '14'
- '16'
- '18'
runs-on: ubuntu-latest
steps:
- run: docker run --rm --privileged multiarch/qemu-user-static:register --reset
- uses: actions/checkout@v3
- name: Download artifacts
uses: actions/download-artifact@v3
with:
name: bindings-armv7-unknown-linux-gnueabihf
path: .
- name: List packages
run: ls -R .
shell: bash
- name: Cache NPM dependencies
uses: actions/cache@v3
with:
path: .yarn/cache
key: npm-cache-test-linux-arm-gnueabihf-${{ matrix.node }}
- name: Install dependencies
run: |
yarn config set supportedArchitectures.cpu "arm"
yarn install
- name: Setup and run tests
uses: addnab/docker-run-action@v3
with:
image: ghcr.io/napi-rs/napi-rs/nodejs:armhf-${{ matrix.node }}
options: '-v ${{ github.workspace }}:/build -w /build'
run: |
set -e
yarn test
ls -la
publish:
name: Publish
runs-on: ubuntu-latest
needs:
- build-freebsd
- test-macOS-windows-binding
- test-linux-x64-gnu-binding
- test-linux-x64-musl-binding
- test-linux-aarch64-gnu-binding
- test-linux-aarch64-musl-binding
- test-linux-arm-gnueabihf-binding
steps:
- uses: actions/checkout@v3
- name: Setup node
uses: actions/setup-node@v3
with:
node-version: 16
check-latest: true
cache: yarn
- name: Cache NPM dependencies
uses: actions/cache@v3
with:
path: .yarn/cache
key: npm-cache-ubuntu-latest-publish
- name: Install dependencies
run: yarn install
- name: Download all artifacts
uses: actions/download-artifact@v3
with:
path: artifacts
- name: Move artifacts
run: yarn artifacts
- name: List packages
run: ls -R ./npm
shell: bash
- name: Publish
run: |
if git log -1 --pretty=%B | grep "^[0-9]\+\.[0-9]\+\.[0-9]\+$";
then
echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" >> ~/.npmrc
npm publish --access public
elif git log -1 --pretty=%B | grep "^[0-9]\+\.[0-9]\+\.[0-9]\+";
then
echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" >> ~/.npmrc
npm publish --tag next --access public
else
echo "Not a release, skipping publish"
fi
path: ${{ env.OXIDE_LOCATION }}
- run: echo //registry.npmjs.org/:_authToken=${NPM_TOKEN} > ~/.npmrc
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
- name: Move artifacts
run: |
cd ${{ env.OXIDE_LOCATION }}
cp bindings-aarch64-apple-darwin/oxide/crates/node/* ./npm/darwin-arm64/
cp bindings-aarch64-unknown-linux-gnu/oxide/crates/node/* ./npm/linux-arm64-gnu/
cp bindings-aarch64-unknown-linux-musl/oxide/crates/node/* ./npm/linux-arm64-musl/
cp bindings-armv7-unknown-linux-gnueabihf/oxide/crates/node/* ./npm/linux-arm-gnueabihf/
cp bindings-x86_64-apple-darwin/* ./npm/darwin-x64/
cp bindings-x86_64-pc-windows-msvc/* ./npm/win32-x64-msvc/
cp bindings-x86_64-unknown-linux-gnu/oxide/crates/node/* ./npm/linux-x64-gnu/
cp bindings-x86_64-unknown-linux-musl/oxide/crates/node/* ./npm/linux-x64-musl/
- name: Resolve version
id: vars
run: |
echo "NPM_VERSION=0.0.0-insiders.$(git rev-parse --short HEAD)" >> $GITHUB_ENV
- name: Generate entry point
run: npm run build --prefix ${{ env.OXIDE_LOCATION }}
- name: Publish to npm
run: |
for pkg in ${{ env.OXIDE_LOCATION }}/npm/*; do
echo "Publishing $pkg..."
cd $pkg
npm version ${{ env.NPM_VERSION }} --force --no-git-tag-version
npm publish --tag insiders --access public
cd -
done
echo "Publishing ${{ env.APP_NAME }}...";
cd ${{ env.OXIDE_LOCATION }}
npm version ${{ env.NPM_VERSION }} --force --no-git-tag-version
sed "s#\"0.0.0\"#\"${{ env.NPM_VERSION }}\"#g" package.json > package_updated.json
mv package_updated.json package.json
npm publish --tag insiders --access public
cd -
env:
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
tailwind_oxide_release:
runs-on: ubuntu-latest
name: Build and release Tailwind CSS
needs:
- oxide-release
strategy:
matrix:
node-version: [14]
steps:
- uses: actions/checkout@v3
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node-version }}
registry-url: 'https://registry.npmjs.org'
- name: Resolve version
id: vars
run: |
echo "SHA_SHORT=$(git rev-parse --short HEAD)" >> $GITHUB_ENV
echo "OXIDE_NPM_VERSION=0.0.0-insiders.$(git rev-parse --short HEAD)" >> $GITHUB_ENV
- name: Setup `@tailwindcss/oxide` version
run: |
sed "s#\"@tailwindcss/oxide\": \".*\"#\"@tailwindcss/oxide\": \"${{ env.OXIDE_NPM_VERSION }}\"#" package.json > package_updated.json
mv package_updated.json package.json
- name: Install dependencies
run: npm install
- name: Build Tailwind CSS
run: npm run build
- name: Test
run: npm test
- name: 'Version based on commit: 0.0.0-oxide.${{ env.SHA_SHORT }}'
run: npm version 0.0.0-oxide.${{ env.SHA_SHORT }} --force --no-git-tag-version
- name: Publish
run: npm publish --tag oxide
env:
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

6
.swcrc
View file

@ -6,5 +6,11 @@
"targets": {
"node": "12.13.0"
}
},
"jsc": {
"parser": {
"syntax": "typescript",
"tsx": false
}
}
}

View file

@ -12,28 +12,30 @@
}
},
"../..": {
"version": "3.1.5",
"version": "3.2.4",
"license": "MIT",
"dependencies": {
"@tailwindcss/oxide": "file:oxide/crates/node",
"arg": "^5.0.2",
"chokidar": "^3.5.3",
"color-name": "^1.1.4",
"detective": "^5.2.1",
"didyoumean": "^1.2.2",
"dlv": "^1.1.3",
"fast-glob": "^3.2.11",
"fast-glob": "^3.2.12",
"glob-parent": "^6.0.2",
"is-glob": "^4.0.3",
"lilconfig": "^2.0.5",
"lilconfig": "^2.0.6",
"micromatch": "^4.0.5",
"normalize-path": "^3.0.0",
"object-hash": "^3.0.0",
"picocolors": "^1.0.0",
"postcss": "^8.0.9",
"postcss": "^8.4.19",
"postcss-import": "^14.1.0",
"postcss-js": "^4.0.0",
"postcss-load-config": "^3.1.4",
"postcss-nested": "5.0.6",
"postcss-selector-parser": "^6.0.10",
"postcss-nested": "6.0.0",
"postcss-selector-parser": "^6.0.11",
"postcss-value-parser": "^4.2.0",
"quick-lru": "^5.1.1",
"resolve": "^1.22.1"
@ -43,20 +45,20 @@
"tailwindcss": "lib/cli.js"
},
"devDependencies": {
"@parcel/css": "^1.11.2",
"@swc/cli": "^0.1.57",
"@swc/core": "^1.2.196",
"@swc/jest": "^0.2.21",
"@swc/core": "^1.3.11",
"@swc/jest": "^0.2.23",
"@swc/register": "^0.1.10",
"autoprefixer": "^10.4.7",
"esbuild": "^0.14.48",
"eslint": "^8.18.0",
"autoprefixer": "^10.4.13",
"concurrently": "^7.5.0",
"cssnano": "^5.1.14",
"esbuild": "^0.15.15",
"eslint": "^8.27.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-prettier": "^4.2.1",
"jest": "^28.1.2",
"jest-diff": "^28.1.1",
"prettier": "^2.7.1",
"prettier-plugin-tailwindcss": "^0.1.11",
"jest": "^28.1.3",
"jest-diff": "^28.1.3",
"prettier": "^2.8.0",
"rimraf": "^3.0.0",
"source-map-js": "^1.0.2"
},
@ -76,40 +78,42 @@
"tailwindcss": {
"version": "file:../..",
"requires": {
"@parcel/css": "^1.11.2",
"@swc/cli": "^0.1.57",
"@swc/core": "^1.2.196",
"@swc/jest": "^0.2.21",
"@swc/core": "^1.3.11",
"@swc/jest": "^0.2.23",
"@swc/register": "^0.1.10",
"@tailwindcss/oxide": "file:oxide/crates/node",
"arg": "^5.0.2",
"autoprefixer": "^10.4.7",
"autoprefixer": "^10.4.13",
"chokidar": "^3.5.3",
"color-name": "^1.1.4",
"concurrently": "^7.5.0",
"cssnano": "^5.1.14",
"detective": "^5.2.1",
"didyoumean": "^1.2.2",
"dlv": "^1.1.3",
"esbuild": "^0.14.48",
"eslint": "^8.18.0",
"esbuild": "^0.15.15",
"eslint": "^8.27.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-prettier": "^4.2.1",
"fast-glob": "^3.2.11",
"fast-glob": "^3.2.12",
"glob-parent": "^6.0.2",
"is-glob": "^4.0.3",
"jest": "^28.1.2",
"jest-diff": "^28.1.1",
"lilconfig": "^2.0.5",
"jest": "^28.1.3",
"jest-diff": "^28.1.3",
"lilconfig": "^2.0.6",
"micromatch": "^4.0.5",
"normalize-path": "^3.0.0",
"object-hash": "^3.0.0",
"picocolors": "^1.0.0",
"postcss": "^8.0.9",
"postcss": "^8.4.19",
"postcss-import": "^14.1.0",
"postcss-js": "^4.0.0",
"postcss-load-config": "^3.1.4",
"postcss-nested": "5.0.6",
"postcss-selector-parser": "^6.0.10",
"postcss-nested": "6.0.0",
"postcss-selector-parser": "^6.0.11",
"postcss-value-parser": "^4.2.0",
"prettier": "^2.7.1",
"prettier-plugin-tailwindcss": "^0.1.11",
"prettier": "^2.8.0",
"quick-lru": "^5.1.1",
"resolve": "^1.22.1",
"rimraf": "^3.0.0",

View file

@ -0,0 +1,18 @@
module.exports = {
content: {
relative: true,
files: ['./index.html'],
},
theme: {
extend: {
colors: {
yellow: '#ff7',
}
},
},
corePlugins: {
preflight: false,
},
}

1
oxide/.gitignore vendored Normal file
View file

@ -0,0 +1 @@
target/

1033
oxide/Cargo.lock generated Normal file

File diff suppressed because it is too large Load diff

6
oxide/Cargo.toml Normal file
View file

@ -0,0 +1,6 @@
[workspace]
resolver = "2"
members = ["crates/*"]
[profile.release]
lto = true

1
oxide/README.md Normal file
View file

@ -0,0 +1 @@
## Tailwind CSS Oxide

View file

@ -0,0 +1,9 @@
[package]
name = "tailwindcss-oxide"
version = "0.1.0"
edition = "2021"
[dependencies]
clap = { version = "4.0.18", features = ["derive"] }
rayon = "1.5.3"
tailwindcss-core = { path = "../core" }

View file

@ -0,0 +1,141 @@
use clap::{Args, Parser, Subcommand};
use rayon::prelude::*;
use std::fmt::Debug;
use std::fs::{self, File};
use std::io::{self, BufRead};
use std::path::{Path, PathBuf};
use std::time::Instant;
use tailwindcss_core::glob;
use tailwindcss_core::parser::Extractor;
use tailwindcss_core::candidate::Candidate;
/// Tailwind CLI
#[derive(Parser, Debug)]
struct Cli {
/// The current working directory
#[arg(long, default_value = ".")]
pwd: PathBuf,
/// Path to a custom config file
#[arg(short, long, default_value = "tailwind.config.js")]
config: String,
/// Build
#[command(flatten)]
build: Build,
/// The subcommand to run
#[command(subcommand)]
subcommand: Option<Commands>,
}
#[derive(Args, Debug)]
#[command()]
#[group()]
struct Build {
/// Input file
#[arg(short, long)]
input: Option<String>,
/// Output file
#[arg(short, long)]
output: Option<String>,
/// Watch for changes and rebuild as needed
#[arg(short, long)]
watch: bool,
/// Use polling instead of filesystem events when watching
#[arg(short, long)]
poll: bool,
/// Content paths to use for removing unused classes
#[arg(long, default_value = "**/*.html")]
content: Vec<String>,
/// Load custom PostCSS configuration
#[arg(long)]
postcss: bool,
/// Minify the output
#[arg(short, long)]
minify: bool,
/// Disable autoprefixer
#[arg(long)]
no_autoprefixer: bool,
}
#[derive(Subcommand, Debug)]
enum Commands {
/// Initialize your Tailwind project
Init {
/// Initialize a full `tailwind.config.js` file
#[clap(short, long)]
full: bool,
/// Initialize a `postcss.config.js` file
#[clap(short, long)]
postcss: bool,
},
}
// The output is wrapped in a Result to allow matching on errors
// Returns an Iterator to the Reader of the lines of the file.
fn read_lines<P>(filename: P) -> io::Result<io::Lines<io::BufReader<File>>>
where
P: AsRef<Path>,
{
let file = File::open(filename)?;
Ok(io::BufReader::new(file).lines())
}
fn main() -> Result<(), std::io::Error> {
let mut args = Cli::parse();
args.pwd = fs::canonicalize(&args.pwd)?;
let now = Instant::now();
let patterns = args.build.content;
let content_paths = glob::fast_glob(&args.pwd, &patterns)?;
let total_paths = glob::fast_glob(&args.pwd, &patterns)?.count();
let candidates = content_paths.par_bridge().flat_map(|path| {
read_lines(path)
.unwrap()
.filter_map(Result::ok)
.par_bridge()
.flat_map_iter(|line| {
Extractor::unique(line.as_bytes(), Default::default())
.into_iter()
.map(|candidate| Candidate::new(String::from_utf8(candidate.to_vec()).unwrap()))
.collect::<Vec<_>>()
})
});
// let mut x = 0;
// for c in candidates.collect::<Vec<Candidate>>() {
// x = x + 1;
// if x == 3 {
// println!("{:#?}", c);
// }
// }
println!("Total files: {}", total_paths);
println!("Total candidates: {}", candidates.count());
println!("Took: {:?}", now.elapsed());
Ok(())
}
#[cfg(test)]
mod tests {
#[test]
fn it_works() {
// ...
}
}

View file

@ -0,0 +1,8 @@
[package]
name = "tailwindcss-config"
version = "0.1.0"
edition = "2021"
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
[dependencies]

View file

@ -0,0 +1,30 @@
use std::collections::HashMap;
#[derive(Debug, Default)]
pub struct Config {
pub prefix: Option<String>,
pub important: bool,
pub separator: String,
pub content: Content,
pub theme: Theme,
pub plugins: Vec<Option<bool>>,
}
#[derive(Debug, Default)]
pub struct Theme {
pub colors: HashMap<String, String>,
}
#[derive(Debug, Default)]
pub struct Content {
pub relative: bool,
pub files: Vec<File>,
}
#[derive(Debug, Default)]
pub struct File {
pub raw: Option<String>,
pub path: Option<String>,
pub extension: Option<String>,
}

View file

@ -0,0 +1,25 @@
[package]
name = "tailwindcss-core"
version = "0.1.0"
edition = "2021"
[dependencies]
bstr = "1.0.1"
globwalk = "0.8.1"
log = "0.4"
rayon = "1.5.3"
fxhash = "0.2.1"
crossbeam = "0.8.2"
tracing = { version = "0.1.37", features = [] }
tracing-subscriber = { version = "0.3.16", features = ["env-filter"] }
[dev-dependencies]
criterion = { version = "0.3", features = ['html_reports'] }
[[bench]]
name = "parse_candidates"
harness = false
[[bench]]
name = "parse_candidate_strings_from_files"
harness = false

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,5 @@
<div class="sm:items-baseline sm:space-x-4 flex">
<a href="#" target="_blank" class="block sm:hidden px-4 py-2 text-sm">
This is link afe0b95d-703b-4471-b828-7fee034e18a0
</a>
</div>

View file

@ -0,0 +1,613 @@
<div class="font-semibold px-3 text-left text-gray-900 py-3.5 text-sm">
<nav class="font-medium text-gray-900">
<ul class="h-7 justify-center rounded-full items-center w-7 flex mx-auto">
<li class="h-0.5 inset-x-0 absolute bottom-0">
<a href="#" target="_blank" class="space-y-1 px-2 mt-3">
This is link 4132f37a-a03f-4776-9a8e-1b70ff626f71
</a>
<img
class="text-gray-900 font-medium text-sm ml-3.5"
alt="Profile picture of user 40faf8f0-6221-4ec4-a65e-fe22e1d9abd2"
src="https://example.org/pictures/4f7d7f80-e9cd-447a-9b35-f9d93befe025"
/>
</li>
<li class="text-indigo-700 order-1 font-semibold">
<ol
class="h-24 sm:w-32 w-24 object-center rounded-md sm:h-32 object-cover"
>
<li
class="lg:justify-center lg:gap-x-12 hidden lg:flex lg:min-w-0 lg:flex-1"
>
<img
class="hover:bg-gray-100 bg-gray-50 py-1.5 focus:z-10 text-gray-400"
alt="Profile picture of user d27b5a21-1622-4f3a-ba7d-6230fae487c2"
src="https://example.org/pictures/2a026d06-0e67-467d-babf-8a18614667f2"
/>
<ul class="w-6 h-6 mr-3 flex-shrink-0">
<li class="flow-root">
<img
class="bg-white focus:ring-indigo-500 group font-medium items-center inline-flex focus:ring-offset-2 focus:ring-2 focus:outline-none text-base rounded-md hover:text-gray-900"
alt="Profile picture of user 0052230e-90d8-4d84-ab64-904b87fe4622"
src="https://example.org/pictures/f7ec91ba-17a7-470f-a472-705a8b5a79ce"
/>
</li>
<li
class="items-center right-0 flex pointer-events-none absolute inset-y-0"
>
<img
class="ml-3"
alt="Profile picture of user a7c51adf-3917-4e41-b5f1-d263768c9adf"
src="https://example.org/pictures/a56323a8-8aa3-4d39-8c79-9ee875ecd6f0"
/>
</li>
</ul>
<ul class="hover:bg-opacity-75 hover:bg-indigo-500 text-white">
<li
class="font-medium hover:text-indigo-500 text-indigo-600 text-sm"
>
<ul class="sr-only"></ul>
<ol class="flex-col px-8 flex pt-8"></ol>
<a href="#" class="items-center sm:items-start flex">
This is link 8c59d1ad-9ef0-4a41-ab15-e9fe04d77ae2
</a>
</li>
<li class="rounded-full w-8 h-8">
<ol class="lg:grid lg:grid-cols-12"></ol>
<a
href="#"
target="_blank"
rel="noreferrer"
class="px-4 border-t py-6 space-y-6 border-gray-200"
>
This is link 4182f198-ff54-45a4-ace9-e6f46a60ec92
</a>
</li>
<li class="border-gray-700 border-t pt-4 pb-3">
<ol class="font-medium text-gray-900 p-2 block -m-2"></ol>
<ol
class="sm:py-24 to-green-400 lg:px-0 bg-gradient-to-r lg:items-center lg:justify-end sm:px-6 lg:bg-none from-cyan-600 px-4 lg:pl-8 py-16 lg:flex"
></ol>
<img
class="lg:gap-24 lg:grid-cols-2 lg:grid lg:mx-auto lg:items-start lg:max-w-7xl lg:px-8"
alt="Profile picture of user c44d18a8-a1f1-4bf4-87b0-89f37e34aba1"
src="https://example.org/pictures/527dca2c-5afe-4a5c-96cd-706396701c36"
/>
</li>
<li
class="hover:bg-gray-100 bg-white focus:z-10 text-gray-900 relative py-1.5"
>
<a
href="#"
target="_blank"
rel="noreferrer"
class="text-sm font-medium text-gray-500"
>
This is link f6db0c8d-6409-4abd-9af1-d3e68ebbd25c
</a>
<a href="#" rel="noreferrer" class="text-sm font-medium mt-12">
This is link 51c9b242-e449-44d8-9289-1a5d474d5fbb
</a>
<ul class="h-12"></ul>
</li>
<li class="bg-gray-100">
<a href="#" rel="noreferrer" class="bg-gray-100">
This is link eb479051-0dff-4d8f-9456-bb8b56ab90af
</a>
<img
class="ml-3 text-gray-900 font-medium text-base"
alt="Profile picture of user 17d797ac-aea7-4154-b522-f0ac89762b0b"
src="https://example.org/pictures/55e31a5b-2fcb-4b35-832c-fad711717f1a"
/>
<ul
class="font-medium hover:text-gray-700 text-gray-500 ml-4 text-sm"
></ul>
</li>
</ul>
<ul class="space-y-6 border-t py-6 border-gray-200 px-4">
<li class="md:hidden z-40 relative">
<ol
class="h-7 w-7 mx-auto items-center justify-center rounded-full flex"
></ol>
<ol
class="items-center flex rounded-full w-7 mx-auto h-7 justify-center"
></ol>
<a
href="#"
target="_blank"
class="sm:py-32 lg:px-8 max-w-7xl mx-auto px-4 py-24 sm:px-6 relative"
>
This is link 5014471c-4f44-4696-a1f6-7817d57827eb
</a>
<img
class="h-5 group-hover:text-gray-500 w-5 ml-2"
alt="Profile picture of user 98731873-0af8-4823-9115-f1333a2cdc2e"
src="https://example.org/pictures/12ac8cbf-4540-49ff-a71f-4b0ac684b374"
/>
</li>
<li
class="focus:outline-none font-medium px-4 justify-center text-sm focus:ring-2 border hover:bg-gray-50 focus:ring-offset-2 py-2 border-gray-300 bg-white inline-flex text-gray-700 rounded-md shadow-sm focus:ring-gray-900"
>
<img
class="bg-white focus:ring-indigo-500 text-base focus:outline-none focus:ring-2 items-center font-medium focus:ring-offset-2 hover:text-gray-900 rounded-md group inline-flex"
alt="Profile picture of user 3ae3670d-c729-41d2-adee-691340673aef"
src="https://example.org/pictures/5f289b87-efc2-4cc9-9061-21883b0778db"
/>
</li>
<li class="text-base text-gray-500 mt-6 font-medium text-center">
<ol
class="text-sm font-medium text-indigo-600 hover:text-indigo-500"
></ol>
<ol class="rounded-md h-6 w-6 inline-block"></ol>
</li>
<li class="hidden lg:flex lg:items-center">
<ol class="border-indigo-600"></ol>
</li>
</ul>
</li>
<li class="sr-only">
<img
class="justify-center py-2 bg-white flex"
alt="Profile picture of user 89195190-9a42-4826-89ba-e7bc1d677520"
src="https://example.org/pictures/742d9c44-1c75-461f-b2d0-e52636041966"
/>
<img
class="-ml-14 sticky left-0 z-20 text-gray-400 -mt-2.5 leading-5 pr-2 w-14 text-right text-xs"
alt="Profile picture of user 77a37b14-1c0f-4ef0-85d4-a18755065ea3"
src="https://example.org/pictures/8ad2e05f-6ea6-4d94-8f82-f8aa59274b9e"
/>
</li>
</ol>
<img
class="border-t shadow-sm sm:border bg-white sm:rounded-lg border-gray-200 border-b"
alt="Profile picture of user 07935cf2-78e5-49ba-afdb-09d13c8320d6"
src="https://example.org/pictures/8f895991-6e8c-4bcb-82c3-11c2a3338eb2"
/>
<ol class="grid-cols-2 grid gap-x-8 gap-y-10">
<li
class="py-1 w-48 shadow-lg bg-white rounded-md ring-1 absolute ring-black z-10 focus:outline-none right-0 mt-2 ring-opacity-5 origin-top-right"
>
<ol class="h-6 w-6">
<li
class="bg-gray-500 inset-0 transition-opacity fixed bg-opacity-75"
>
<ol class="flex"></ol>
<a href="#" class="mt-2 flex items-center justify-between">
This is link 1a1a3c60-a2ea-4153-acd7-12aa82f03c8d
</a>
<a
href="#"
target="_blank"
class="text-gray-300 flex-shrink-0 w-5 h-5"
>
This is link bdaa695c-3fe4-4cab-8d68-dbb338601044
</a>
</li>
<li class="text-gray-500">
<ol class="py-20"></ol>
<a href="#" target="_blank" class="text-sm ml-3">
This is link 2183c71d-39ec-42d4-8b1e-eeb7e5490050
</a>
</li>
<li class="mt-10">
<ol class="group"></ol>
<a href="#" rel="noreferrer" class="bg-gray-50">
This is link c49882fd-ab55-41a4-8dac-b96fe2901bce
</a>
<ol class="bg-white h-[940px] overflow-y-auto"></ol>
</li>
<li class="flex-1 space-y-1">
<ol class="h-6 w-6"></ol>
</li>
</ol>
<ul class="z-10 flex relative items-center lg:hidden">
<li
class="aspect-w-1 bg-gray-100 rounded-lg overflow-hidden aspect-h-1"
>
<img
class="overflow-hidden sm:rounded-md bg-white shadow"
alt="Profile picture of user 263bb89c-5b54-4247-8c82-fec829b1a895"
src="https://example.org/pictures/4c12a5c4-d117-4f81-93e1-47a45626a36e"
/>
<a href="#" class="sr-only">
This is link fc3885d8-d63f-4455-b056-f113aa3a2f23
</a>
<ol
class="border-t grid-cols-1 border-gray-200 gap-6 border-b mt-6 sm:grid-cols-2 grid py-6"
></ol>
</li>
<li class="space-x-3 items-center flex">
<a href="#" class="py-2 bg-white">
This is link 1d718cb1-05e3-4d14-b959-92f5fd475ce0
</a>
<img
class="rounded-md w-full focus:border-indigo-500 border-gray-300 focus:ring-indigo-500 block mt-1 shadow-sm sm:text-sm"
alt="Profile picture of user 1c4d6dc3-700a-4167-8ec3-3dc2f73d4ad5"
src="https://example.org/pictures/359599b3-5610-482e-bc09-025ac5283170"
/>
<ul class="max-w-3xl mx-auto divide-y-2 divide-gray-200"></ul>
<ul class="flex space-x-4"></ul>
</li>
<li class="text-gray-500 hover:text-gray-600">
<ul class="h-96 w-full relative lg:hidden"></ul>
<ol class="text-gray-500 mt-6 text-sm"></ol>
<a href="#" class="sm:col-span-6">
This is link 51cc68af-1184-4f8c-9efd-d2f855902b0b
</a>
<ol
class="left-0 inset-y-0 absolute pointer-events-none pl-3 items-center flex"
></ol>
</li>
<li class="flex-shrink-0">
<ol
class="shadow-lg rounded-lg ring-1 bg-white ring-black ring-opacity-5 divide-gray-50 divide-y-2"
></ol>
</li>
</ul>
<img
class="pl-3 sm:pr-6 py-3.5 relative pr-4"
alt="Profile picture of user 095f88c2-1892-41d1-8165-981ab47b1942"
src="https://example.org/pictures/c70d575b-353a-4360-99df-c2100a36e41b"
/>
</li>
<li class="whitespace-nowrap">
<a href="#" target="_blank" rel="noreferrer" class="h-full">
This is link c804eb7a-39ea-46e6-a79a-2d48e61d5b4e
</a>
</li>
<li class="text-gray-900 text-2xl font-bold tracking-tight">
<img
class="text-gray-900 font-medium"
alt="Profile picture of user 12190673-25cb-4175-90d7-73282e51bd02"
src="https://example.org/pictures/e55a076b-0325-4629-8e02-c9491f2f49cc"
/>
</li>
<li
class="ring-black sm:-mx-6 overflow-hidden ring-1 ring-opacity-5 mt-8 md:rounded-lg md:mx-0 -mx-4 shadow"
>
<ol
class="flex items-center font-medium hover:text-gray-800 text-sm text-gray-700"
>
<li class="flex mt-8 flex-col">
<ol class="sm:inline hidden"></ol>
<ul class="flex items-center absolute inset-0"></ul>
<ol class="h-6 w-6"></ol>
</li>
<li class="-ml-2 rounded-md text-gray-400 p-2 bg-white">
<img
class="block ml-3 font-medium text-sm text-gray-700"
alt="Profile picture of user 2cee83e8-6405-4046-9454-7f6083db307d"
src="https://example.org/pictures/93097140-2e56-4a3f-bc41-e00c658b7767"
/>
<ul
class="sm:grid font-medium hidden grid-cols-4 text-gray-600 mt-6 text-sm"
></ul>
<ul class="h-64 w-64 rounded-full xl:h-80 xl:w-80"></ul>
<ul class="sr-only"></ul>
</li>
</ol>
<img
class="aspect-w-2 group sm:aspect-w-1 aspect-h-1 overflow-hidden sm:aspect-h-1 sm:row-span-2 rounded-lg"
alt="Profile picture of user bc370a72-a44e-44e1-bbec-962c234060da"
src="https://example.org/pictures/d284630d-a088-49ad-a018-b245a8d7acb7"
/>
</li>
<li class="space-y-6 mt-6">
<ul class="w-5 text-gray-400 h-5">
<li
class="hover:bg-gray-100 py-1.5 bg-gray-50 text-gray-400 focus:z-10 rounded-tl-lg"
>
<img
class="bg-gray-50 py-1.5 hover:bg-gray-100 focus:z-10 text-gray-400"
alt="Profile picture of user 4b298841-5911-4b70-ae5a-a5aa8646e575"
src="https://example.org/pictures/fd05d4f7-2b6c-4de4-b7a7-3035e7b5fe78"
/>
<img
class="px-3 py-2 bg-white relative"
alt="Profile picture of user 5406aa7d-5563-4ce1-980f-754a912cd9ff"
src="https://example.org/pictures/e979117e-580c-40a7-be74-bf1b916b9ac0"
/>
<a
href="#"
target="_blank"
rel="noreferrer"
class="mt-2 font-medium text-gray-900 text-lg"
>
This is link 95d285c9-6e4e-43c2-a97f-bb958dcce92f
</a>
<ul class="sr-only"></ul>
</li>
<li class="mt-2 text-sm text-gray-500">
<a
href="#"
target="_blank"
class="text-sm text-blue-gray-900 font-medium block"
>
This is link e0ca5c13-efa5-44d7-b91e-512df7c88410
</a>
<img
class="w-5 h-5"
alt="Profile picture of user 4f5aeddc-6718-40fd-87d2-dcca7e4ef8b1"
src="https://example.org/pictures/6a2ed606-6c59-413c-911f-612c7390091f"
/>
<ol class="font-medium text-gray-900"></ol>
<ol
class="justify-center rounded-full h-7 items-center mx-auto w-7 flex"
></ol>
</li>
<li
class="font-medium px-1 whitespace-nowrap py-4 text-sm border-b-2"
>
<a
href="#"
target="_blank"
class="min-h-80 rounded-md aspect-h-1 aspect-w-1 lg:aspect-none w-full group-hover:opacity-75 lg:h-80 overflow-hidden bg-gray-200"
>
This is link 4f52e535-2e46-44e2-8a5f-fce48c1a673a
</a>
<ul class="text-gray-300 h-full w-full"></ul>
<img
class="block"
alt="Profile picture of user 76dd6af3-d2b7-4a7a-8bc3-628ce95ea9b3"
src="https://example.org/pictures/c6b476c8-283c-44f7-a5c6-4cb48c5ae10b"
/>
<ol class="h-32 relative lg:hidden w-full"></ol>
</li>
<li
class="bg-gray-100 z-10 sticky sm:pt-3 pl-1 pt-1 md:hidden sm:pl-3 top-0"
>
<ol class="z-40 relative lg:hidden"></ol>
<a href="#" class="sr-only">
This is link ec11a608-55b8-41fd-8085-325252c469af
</a>
<ol class="divide-gray-200 lg:col-span-9 divide-y"></ol>
</li>
</ul>
<ul class="text-xl font-semibold ml-1">
<li class="lg:flex-1 lg:w-0">
<ol class="sm:hidden"></ol>
<img
class="block py-2 text-blue-gray-900 text-base hover:bg-blue-gray-50 font-medium px-3 rounded-md"
alt="Profile picture of user 885eb4a3-98ca-4614-b255-ec03e124c026"
src="https://example.org/pictures/6d3a9136-583e-4742-826f-e6d94f60ce99"
/>
</li>
<li class="truncate w-0 ml-2 flex-1">
<img
class="hover:text-gray-600 text-gray-500"
alt="Profile picture of user de38ffb5-607b-4ed6-87bd-dd05fde1731c"
src="https://example.org/pictures/da67f442-40c9-425d-9344-2f9772582519"
/>
<ol class="text-center mt-8 text-gray-400 text-base"></ol>
</li>
</ul>
</li>
</ol>
</li>
<li class="lg:block hidden lg:flex-1">
<a href="#" target="_blank" class="text-base ml-3 text-gray-500">
This is link 9a44892f-7ead-48b6-af94-913ec04821a1
</a>
<ol
class="shadow-sm border-gray-300 focus:ring-indigo-500 sm:text-sm focus:border-indigo-500 w-full rounded-md block"
>
<li class="bg-white hover:bg-gray-100 py-1.5 focus:z-10">
<a
href="#"
target="_blank"
class="bg-gray-200 text-gray-700 gap-px lg:flex-none border-b text-center grid-cols-7 grid text-xs leading-6 border-gray-300 font-semibold"
>
This is link 42a16c66-508d-4d65-bb1a-b252f7e78df2
</a>
<a href="#" class="h-8 w-auto">
This is link 021bda37-522f-413d-af3c-4a8c4f4d666a
</a>
<img
class="max-h-12"
alt="Profile picture of user a1a859bc-ef5e-4349-99ab-a8f4ae262d94"
src="https://example.org/pictures/da93a022-cbbf-4ba0-b34c-21c090d87d74"
/>
<a
href="#"
target="_blank"
rel="noreferrer"
class="flex relative justify-center text-sm"
>
This is link fa5aded2-2906-4809-b742-26832b226f50
</a>
</li>
<li class="py-12 sm:px-6 lg:py-16 px-4 lg:px-8 mx-auto max-w-7xl">
<a href="#" rel="noreferrer" class="min-w-0 ml-3 flex-1">
This is link 715e397d-5676-42fc-9d8f-456172543c31
</a>
<img
class="bg-gray-800"
alt="Profile picture of user c02575ab-6ff1-45f9-a8e3-242c79b133fc"
src="https://example.org/pictures/3d8ecc7a-2504-4797-a644-f93d74acf853"
/>
<img
class="text-base text-gray-900 font-medium"
alt="Profile picture of user 9f457701-be79-4ff2-9dfc-9382dafb20ab"
src="https://example.org/pictures/438b713b-c9fd-4da2-a265-4b8d8f531e30"
/>
<a href="#" rel="noreferrer" class="text-sm">
This is link 4c84098a-c0ac-4044-bbba-6f10bcc315fb
</a>
</li>
<li class="w-6 flex-shrink-0 h-6 text-green-500">
<img
class="mx-auto sm:px-6 px-4 max-w-7xl"
alt="Profile picture of user 00ae83b8-845d-447e-ae1b-cd3c685e1ca0"
src="https://example.org/pictures/b9deba2b-c5b3-4b80-bf76-e0a717d310fd"
/>
<ul class="w-72">
<li class="sm:flex sm:justify-between sm:items-center">
<img
class="block font-medium text-sm text-gray-700"
alt="Profile picture of user c0de8cb0-e9d7-4639-8c3d-851ca17e665b"
src="https://example.org/pictures/897193ff-aa53-4e9e-b761-bc4f75aef572"
/>
</li>
<li
class="text-sm hidden font-medium ml-3 text-gray-700 lg:block"
>
<img
class="h-8 w-auto"
alt="Profile picture of user 9ff9c8ac-2374-4960-9996-ec258745c91a"
src="https://example.org/pictures/e898638f-08fa-4743-aea7-66adba84bded"
/>
</li>
<li
class="mx-auto sm:px-6 px-4 lg:items-center lg:flex lg:py-16 lg:px-8 max-w-7xl py-12"
>
<img
class="lg:max-w-none px-4 max-w-2xl mx-auto lg:px-0"
alt="Profile picture of user 7c4d617d-afa2-4410-81c5-2def540d2d20"
src="https://example.org/pictures/05a7dbc1-c1cc-4f99-99e5-7b507a4108b3"
/>
<ul class="hover:text-gray-600 text-gray-500"></ul>
<ul
class="relative rounded-md border-transparent focus-within:ring-2 focus-within:ring-white -ml-2 group"
></ul>
</li>
</ul>
<img
class="h-5 text-gray-300 w-5"
alt="Profile picture of user bf2c6905-715a-4e38-9b5d-17fd8e7aec2a"
src="https://example.org/pictures/e759a4d7-5e63-4075-ba32-c6574107f401"
/>
</li>
<li class="object-cover object-center h-full w-full">
<ol class="w-full">
<li class="md:mt-0 absolute sm:-mt-32 -mt-72 inset-0">
<ul class="w-12 h-12 rounded-full"></ul>
</li>
<li class="h-1.5 rounded-full w-1.5 mb-1 mx-0.5 bg-gray-400">
<ol
class="border-gray-200 border-4 rounded-lg border-dashed h-96"
></ol>
<img
class="order-1 font-semibold text-gray-700"
alt="Profile picture of user 1c2cabee-08a3-4b48-ba54-5a578b2c3d30"
src="https://example.org/pictures/f5c185be-8b9d-490d-81f4-73a6e1517d98"
/>
<img
class="font-bold sm:text-4xl text-gray-900 tracking-tight text-3xl leading-8 text-center"
alt="Profile picture of user 1e8a2508-a37d-4f6b-9a8c-c6fcf0773604"
src="https://example.org/pictures/90af1bd2-30ed-45d3-917f-c685190ce56e"
/>
</li>
<li class="space-x-2 mt-4 text-sm text-gray-700 flex">
<ul
class="rounded-full translate-x-1/2 block transform border-2 absolute bottom-0 right-0 border-white translate-y-1/2"
></ul>
<ol
class="sm:hidden text-base py-2 text-gray-900 w-full placeholder-gray-500 h-full focus:outline-none border-transparent pr-3 pl-8 focus:placeholder-gray-400 focus:ring-0 focus:border-transparent"
></ol>
</li>
</ol>
<ul class="lg:mt-0 self-center flow-root mt-8">
<li
class="justify-center rounded-full bg-transparent bg-white hover:text-gray-500 focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 text-gray-400 inline-flex focus:outline-none h-8 items-center w-8"
>
<ol class="block xl:inline"></ol>
<ol class="flex-shrink-0 ml-4"></ol>
<ol class="text-gray-200"></ol>
<img
class="border-gray-300 focus:relative md:w-9 rounded-r-md flex bg-white md:hover:bg-gray-50 pl-4 text-gray-400 border hover:text-gray-500 items-center pr-3 border-l-0 justify-center md:px-2 py-2"
alt="Profile picture of user b0a1e2d3-84c4-494b-91d6-194fc294b0db"
src="https://example.org/pictures/2f414511-756c-40ef-aded-22e3f4d985d7"
/>
</li>
<li class="inset-0 absolute">
<img
class="text-gray-500 text-base font-medium text-center"
alt="Profile picture of user 431f88eb-5002-43ab-b23a-37ae0ef7d424"
src="https://example.org/pictures/bc7c19bb-4ef2-46ff-b00e-da70febab926"
/>
<img
class="inset-0 absolute z-10"
alt="Profile picture of user 4a3698d0-7cea-4ba2-854d-28b2bb2d374b"
src="https://example.org/pictures/6078c4cd-db51-43af-90b3-8aeb0a8f1030"
/>
</li>
</ul>
<a href="#" rel="noreferrer" class="bg-white">
This is link ab01c689-e03a-4992-8322-37c20551cb07
</a>
</li>
<li class="flex px-4 pb-2 pt-5">
<ol
class="sm:px-6 px-4 bg-white relative pb-8 md:p-6 shadow-2xl items-center flex w-full sm:pt-8 overflow-hidden lg:p-8 pt-14"
>
<li
class="py-1.5 hover:bg-gray-100 focus:z-10 text-gray-400 bg-gray-50"
>
<a
href="#"
rel="noreferrer"
class="sm:text-sm bg-gray-50 items-center border-gray-300 border-r-0 rounded-l-md text-gray-500 inline-flex border px-3"
>
This is link 3ef75acd-3dfc-4e82-801b-eae9ff7c4351
</a>
<ol
class="absolute border-dashed border-gray-200 border-2 rounded-lg inset-0"
></ol>
</li>
<li class="hover:bg-gray-50 block">
<ol class="items-center flex justify-center p-8"></ol>
<ul class="mx-auto sm:px-6 lg:px-8 pb-12 max-w-7xl px-4"></ul>
<img
class="h-6 w-6 text-green-400"
alt="Profile picture of user f5900afb-7bee-4492-b6e3-148f0afc4f5f"
src="https://example.org/pictures/1b12c3fb-9f84-4cc7-84a7-d38f7ea232ee"
/>
</li>
<li
class="flex mt-4 lg:flex-grow-0 flex-grow lg:ml-4 flex-shrink-0 ml-8"
>
<img
class="focus:ring-indigo-500 block w-full sm:text-sm border-gray-300 focus:border-indigo-500 rounded-md shadow-sm"
alt="Profile picture of user c9dd7fa0-c1f4-477c-b24e-87d200ebb161"
src="https://example.org/pictures/1a3b2e5c-a192-47f3-a550-e18f715213a2"
/>
<a
href="#"
target="_blank"
rel="noreferrer"
class="text-gray-300 hover:text-white"
>
This is link 81b819f3-b2e8-41db-ab8d-abe8c6926047
</a>
</li>
</ol>
<img
class="lg:flex-1 lg:block hidden"
alt="Profile picture of user 352e9ea2-0216-4a0c-917c-1906f5ef4ed1"
src="https://example.org/pictures/ec02985c-b92d-4978-906e-7bdc70bfa54e"
/>
</li>
</ol>
</li>
<li class="sr-only">
<a href="#" target="_blank" class="text-gray-500 mt-4 text-sm">
This is link a712361b-f51e-4f0a-9d55-b64a5d53e10e
</a>
<a
href="#"
rel="noreferrer"
class="rounded-lg ring-opacity-5 shadow-lg overflow-hidden ring-1 ring-black"
>
This is link 8eb412d6-1c39-4fed-b507-cf2a65904247
</a>
</li>
</ul>
</nav>
<img
class="bg-gray-100"
alt="Profile picture of user 8825a6f0-3a41-44b8-92ec-abcd0af79bfb"
src="https://example.org/pictures/679e2a54-073e-416a-85c4-3eba0626aab3"
/>
<span class="bg-white focus:z-10 py-1.5 hover:bg-gray-100">
This is text 3d190171-53b3-4393-99ab-9bedfc964141
</span>
</div>

View file

@ -0,0 +1,6 @@
<div class="md:absolute items-center flex lg:hidden md:inset-y-0 md:right-0">
<input
type="password"
class="text-pink-800 py-0.5 bg-pink-100 font-medium text-sm items-center px-3 inline-flex rounded-full"
/>
</div>

View file

@ -0,0 +1,8 @@
<div class="text-gray-200">
<span class="lg:hidden z-40 relative">
This is text cd32f5df-af14-4332-9fd3-0e5589f8d457
</span>
<a href="#" target="_blank" rel="noreferrer" class="border-gray-200 border-t">
This is link 05289860-74df-49a7-91dd-1a3a0d215bc3
</a>
</div>

View file

@ -0,0 +1,5 @@
<div class="italic text-sm text-gray-500">
<span class="relative text-left inline-block">
This is text bec24672-f081-47d1-8130-cc06506974b5
</span>
</div>

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,542 @@
<div class="text-gray-500">
<nav class="sm:p-6 px-4 py-5">
<ul class="flex ml-4 items-center md:ml-6">
<li class="lg:hidden z-40 relative">
<img
class="text-gray-500 text-base mt-4"
alt="Profile picture of user 50ae0af8-daf0-410c-bc80-6fa89945008f"
src="https://example.org/pictures/668d6e75-8b90-46e9-958b-04c7df1c7878"
/>
<ol
class="items-center h-7 justify-center rounded-full mx-auto w-7 flex"
>
<li class="text-base text-gray-500 hover:text-gray-900">
<img
class="hover:bg-gray-100 block text-base px-3 text-gray-900 py-2 rounded-md font-medium"
alt="Profile picture of user 5c79c657-6bd0-4ba0-ac79-2f9df6d02efb"
src="https://example.org/pictures/6481de37-cff4-4f2b-9b7e-8184a2ce01b7"
/>
<ul class="bg-white shadow top-1/2 absolute inset-0">
<li
class="overflow-hidden sm:aspect-w-2 aspect-h-1 w-full aspect-w-1 rounded-lg sm:aspect-h-3"
>
<ul
class="w-full pr-3 block focus:outline-none focus:ring-white bg-sky-700 border-transparent rounded-md py-2 leading-5 focus:bg-white focus:placeholder-gray-500 sm:text-sm focus:border-white focus:text-gray-900 placeholder-sky-100 pl-10 border bg-opacity-50"
></ul>
</li>
<li class="bg-white divide-y divide-gray-200">
<ol class="h-6 text-red-600 w-6"></ol>
<ol class="font-medium text-sm text-gray-500"></ol>
<img
class="lg:px-8 mx-auto max-w-3xl sm:px-6 px-4 lg:max-w-7xl"
alt="Profile picture of user cf4f116b-2abe-4069-ad5e-7ddce0cfb37f"
src="https://example.org/pictures/57c94bab-748f-4d2c-b4f7-1760b438f255"
/>
</li>
</ul>
</li>
<li class="mt-2">
<ol class="bg-gray-100 text-gray-900">
<li
class="text-sm text-gray-900 px-3 text-left font-semibold py-3.5"
>
<ol class="fixed inset-0"></ol>
</li>
<li class="space-y-4 mt-4">
<a
href="#"
target="_blank"
class="bg-gray-500 transition-opacity fixed inset-0 bg-opacity-75"
>
This is link 4dc0fdf1-fe92-4132-a7c1-70e75e5e9557
</a>
<a
href="#"
target="_blank"
rel="noreferrer"
class="px-1 py-4 border-b-2 text-base flex-1 font-medium whitespace-nowrap"
>
This is link 75d7c922-e349-471e-8eb3-ad472f0fc0be
</a>
</li>
</ol>
<img
class="text-white bg-gray-900"
alt="Profile picture of user f5d14005-1155-4903-bee1-4f7ced1a2cc1"
src="https://example.org/pictures/1b9e997f-54a9-4a0f-a87d-38194a2dfc57"
/>
<ul class="text-gray-500">
<li
class="group bg-gray-900 focus-within:ring-white -ml-2 focus-within:ring-2 border-transparent rounded-md relative"
>
<ul
class="text-lg font-medium mt-8 relative text-gray-700"
></ul>
<img
class="bg-gray-50 py-8 col-span-1 px-8 flex justify-center"
alt="Profile picture of user 305405bb-186d-4f35-86a0-84efe575a901"
src="https://example.org/pictures/33a7c53d-0087-439e-8357-e59a6a6cc3d5"
/>
<a
href="#"
class="hover:text-gray-500 inline-flex text-gray-400 space-x-2"
>
This is link 608531bd-0a36-405a-a47c-906fd19850ff
</a>
<ol class="lg:hidden"></ol>
</li>
<li class="h-6 w-6">
<ul
class="mt-6 grid text-gray-500 leading-6 grid-cols-7 text-xs"
></ul>
<a href="#" rel="noreferrer" class="relative">
This is link 83e9bb9e-6e60-4498-aeca-8187a7b64d68
</a>
</li>
</ul>
</li>
<li class="max-w-7xl mx-auto">
<ul class="mt-auto font-bold text-gray-900 text-sm">
<li class="sm:max-w-md lg:mt-0 sm:flex mt-4">
<a href="#" class="sr-only">
This is link 347dc36d-0807-448b-b4c9-908a37bf9fca
</a>
<ul
class="items-center px-4 max-w-7xl mx-auto flex justify-between sm:px-6 lg:px-8"
></ul>
<ul class="border-b border-gray-200"></ul>
</li>
<li class="text-sm font-medium text-gray-900">
<a href="#" target="_blank" class="ml-3 relative">
This is link 030563df-7409-45a4-ab3b-b4b6c6b82c4c
</a>
<ul class="mt-6 text-base text-gray-600 leading-7"></ul>
<img
class="flex-1 overflow-y-auto"
alt="Profile picture of user 42b1a2be-eaed-4c33-be60-09b87390445e"
src="https://example.org/pictures/3b4c60c3-dc84-45f0-a094-2bf93c54480d"
/>
</li>
<li
class="lg:-translate-y-1/2 transform sm:left-1/2 absolute sm:translate-x-8 lg:top-1/2 lg:left-1/2 sm:top-0 lg:translate-x-8"
>
<a href="#" class="sm:text-center">
This is link b24c17b1-01b3-4515-8e92-e28b39f57d7e
</a>
</li>
</ul>
</li>
<li
class="lg:px-8 py-12 lg:flex lg:items-center sm:px-6 px-4 lg:justify-between lg:py-16 max-w-7xl mx-auto"
>
<a
href="#"
target="_blank"
rel="noreferrer"
class="border-b border-gray-200"
>
This is link 02110cff-cd79-4bfa-864f-47ffb0c8c339
</a>
<ul class="sm:flex sm:-mt-16 sm:space-x-5 sm:items-end -mt-12">
<li class="sr-only">
<img
class="block font-medium text-sm ml-3"
alt="Profile picture of user 306d7b71-2068-470e-a733-135caea6a74b"
src="https://example.org/pictures/fa4bd013-90a3-4f62-b571-4481b5fbf24c"
/>
<ol class="mt-5 text-gray-500 text-xl"></ol>
<img
class="select-none px-3 cursor-default rounded-md group flex py-2 items-center"
alt="Profile picture of user fd3680a4-9b44-4561-ad44-dddca3974b90"
src="https://example.org/pictures/21f10f3a-075a-4d9d-8f23-e1c5fb9a5b42"
/>
</li>
<li class="text-gray-900 text-lg font-semibold">
<img
class="text-gray-500 hover:text-gray-600"
alt="Profile picture of user 01286af3-89f0-4b29-989f-9d40501403bc"
src="https://example.org/pictures/8ac83cb9-8526-42c7-957c-39ede7dd4063"
/>
</li>
<li class="max-w-none prose-sm prose mt-4 text-gray-500">
<a
href="#"
target="_blank"
rel="noreferrer"
class="focus:ring-indigo-500 shadow-sm border-gray-300 sm:text-sm block rounded-md focus:border-indigo-500 w-full"
>
This is link b26d02b8-3eff-41f1-90e5-4c9ea50d2cd6
</a>
</li>
<li
class="py-3 bg-gray-50 font-medium text-center w-full px-5 text-indigo-600 block hover:bg-gray-100"
>
<a
href="#"
target="_blank"
class="text-sm group text-gray-500 inline-flex hover:text-gray-700"
>
This is link 550e85ba-660a-411c-961d-1a95fde7a5c1
</a>
<ul class="lg:inline hidden"></ul>
</li>
</ul>
<a
href="#"
target="_blank"
rel="noreferrer"
class="absolute inset-0"
>
This is link 734d4d7f-d92d-4256-aa8d-2f568b22ad3c
</a>
</li>
</ol>
</li>
<li
class="w-full bg-white text-gray-200 border-dashed rounded border-gray-300 border-2 h-8"
>
<img
class="sr-only"
alt="Profile picture of user 05ce0f38-8741-47a7-8d3c-8645a4e45e0d"
src="https://example.org/pictures/a82c36cd-8f38-40d2-a1c8-eaa4b2376426"
/>
</li>
<li class="hover:bg-gray-100 bg-white focus:z-10 py-1.5">
<img
class="text-gray-900 font-medium"
alt="Profile picture of user dde74731-2eb4-4088-be6b-f34e591edf4c"
src="https://example.org/pictures/ba995d96-b8fd-45a2-95bb-82a035fde39b"
/>
<ol
class="focus:ring-indigo-500 shadow-sm bg-indigo-600 focus:ring-2 items-center border py-2 font-medium focus:ring-offset-2 text-sm focus:outline-none inline-flex rounded-md border-transparent hover:bg-indigo-700 px-4 text-white"
>
<li
class="flex inset-y-0 absolute left-0 pointer-events-none items-center"
>
<ol class="flex py-3 items-center justify-between">
<li class="sr-only">
<a
href="#"
target="_blank"
rel="noreferrer"
class="rounded-lg aspect-w-1 bg-gray-100 overflow-hidden aspect-h-1 group-hover:opacity-75"
>
This is link 921fa774-a146-4f69-8045-777491829dd7
</a>
<a href="#" rel="noreferrer" class="mt-10">
This is link 5fcca0e4-ac4a-4fad-80f8-eeeeaf88a3be
</a>
</li>
<li class="text-gray-500">
<img
class="w-8 h-8 rounded-full"
alt="Profile picture of user 0cf82f00-13a2-45d8-af86-c49f52f06038"
src="https://example.org/pictures/7d77da49-093f-43bc-b063-fa177dbb92a4"
/>
<a href="#" class="sm:col-span-2">
This is link ae2ddf0b-522c-4243-a044-3d8bc391d867
</a>
<ol
class="bg-white h-8 w-full border-2 border-dashed rounded text-gray-200 border-gray-300"
></ol>
</li>
<li class="items-center flex text-gray-500 text-sm">
<ul
class="text-base rounded-md focus:ring-indigo-500 font-medium bg-indigo-100 focus:outline-none px-4 border inline-flex text-indigo-700 focus:ring-2 border-transparent items-center py-2 focus:ring-offset-2 hover:bg-indigo-200"
></ul>
<a href="#" class="sr-only">
This is link 70446dbd-4606-4526-ac1d-db9c3dabdbaf
</a>
<ul class="flex -mb-px px-4 space-x-8"></ul>
<a
href="#"
target="_blank"
class="font-medium -m-2 text-gray-900 block p-2"
>
This is link 453b9bee-cb33-41eb-8e14-467c51dc5b43
</a>
</li>
<li class="font-medium text-lg text-gray-900">
<ul
class="sm:py-24 lg:px-8 px-4 sm:px-6 py-16 mx-auto max-w-xl lg:max-w-7xl"
></ul>
<ol
class="rounded-lg shadow-xl sm:h-auto h-96 bg-white sm:aspect-w-4 group relative sm:aspect-h-5"
></ol>
<ol class="inset-0 sm:px-6 lg:px-8 absolute py-6 px-4"></ol>
</li>
<li class="inline">
<ul
class="whitespace-nowrap px-1 text-base border-b-2 font-medium flex-1 py-4"
></ul>
<img
class="w-auto h-8"
alt="Profile picture of user e26b9df8-000d-47ea-b0e2-4f3713cc3be0"
src="https://example.org/pictures/efeb3ccd-bde3-4525-a705-f7105bf4e6c6"
/>
</li>
</ol>
<a
href="#"
rel="noreferrer"
class="sm:justify-between relative sm:flex py-4 px-6 bg-white cursor-pointer rounded-lg shadow-sm border focus:outline-none block"
>
This is link 7dfaad9b-0d84-41c9-a03a-764f979da9e6
</a>
<ul
class="w-7 justify-center h-7 rounded-full flex items-center mx-auto"
>
<li class="flex space-x-8">
<img
class="sm:pt-16 pt-10 xl:py-20 sm:px-16 xl:px-20 lg:pr-0 lg:py-16 px-6 pb-12"
alt="Profile picture of user d6bc973d-ff48-4c8e-8341-1c50154334c9"
src="https://example.org/pictures/52d88363-b3c1-41c3-8572-74186439c1cd"
/>
<a href="#" target="_blank" rel="noreferrer" class="ml-3">
This is link 94411a71-4572-4215-ba13-2db540b08fbb
</a>
<ul class="py-6 lg:col-span-3"></ul>
<ul class="sr-only"></ul>
</li>
<li class="sm:pb-12 lg:pb-12 bg-white pb-8">
<img
class="border placeholder-blue-gray-400 sm:max-w-xs focus:border-blue-500 px-5 focus:ring-1 focus:ring-blue-500 py-3 shadow-sm rounded-md w-full border-blue-gray-300"
alt="Profile picture of user 1259f0db-76eb-4684-a0f8-41ed9e62def2"
src="https://example.org/pictures/fc3c0b7f-0899-425a-9564-70ffdde03dc0"
/>
<img
class="flex-shrink-0"
alt="Profile picture of user 40727f67-cf13-48a4-84e4-68e9b6b2f93d"
src="https://example.org/pictures/b6daf615-b078-44b5-b108-6f0a6d5b8a4a"
/>
<img
class="sr-only"
alt="Profile picture of user aa650316-d4b5-41e4-af8f-ac143baff429"
src="https://example.org/pictures/4148e511-2385-499e-90c9-a2e56a9cb55c"
/>
<ol class="flex mt-4"></ol>
</li>
<li class="md:mt-0 lg:ml-0 md:ml-4 lg:mt-6 mt-6">
<ol class="font-medium underline text-white"></ol>
<a
href="#"
target="_blank"
rel="noreferrer"
class="font-medium text-sm text-gray-600"
>
This is link 19e4a36c-365d-4a9a-8c88-e23db1e3d329
</a>
</li>
</ul>
<a
href="#"
rel="noreferrer"
class="hover:text-white text-gray-300 text-base"
>
This is link c3ab918e-f495-40e5-ab0d-08d3c3b337a2
</a>
</li>
<li class="relative flex">
<ul class="focus:z-10 hover:bg-gray-100 bg-white py-1.5">
<li class="mt-6 space-y-6">
<ul class="font-medium text-sm text-gray-500"></ul>
<ol class="border-gray-200 border-b"></ol>
<a href="#" target="_blank" class="items-end flex mt-6 flex-1">
This is link c0ee8750-a725-4758-9c1d-fff1bcfc6387
</a>
</li>
<li class="flex space-x-3">
<img
class="text-sm text-gray-900 font-medium"
alt="Profile picture of user 1bf327c7-9262-4343-885d-7066efb01152"
src="https://example.org/pictures/3b3116c6-d317-4dbe-979b-40946e1133b6"
/>
<ul class="items-center flex px-4"></ul>
</li>
<li class="text-gray-500 items-center mt-2 flex text-sm">
<img
class="space-x-6 items-center mt-4 flex"
alt="Profile picture of user 13f39d6e-057e-4ac3-8038-b0a4a7e4ce09"
src="https://example.org/pictures/cd194ac5-6d50-4f14-990c-4eeb8e21e716"
/>
<ol
class="gap-x-8 pb-12 items-start gap-y-10 pt-10 grid grid-cols-2"
></ol>
<img
class="py-2 px-4 border text-sm shadow-sm text-gray-500 justify-center bg-white border-gray-300 w-full inline-flex hover:bg-gray-50 font-medium rounded-md"
alt="Profile picture of user c0b687e7-9303-43b2-a09c-82bafc1910c7"
src="https://example.org/pictures/05e0d6ba-21ac-40b6-aff6-d10a5d93cd62"
/>
</li>
<li class="hover:bg-gray-100 focus:z-10 bg-white py-1.5">
<a href="#" class="mx-auto max-w-xs w-full">
This is link b9b278f1-6847-4046-90ab-edfe27241757
</a>
<a
href="#"
target="_blank"
rel="noreferrer"
class="space-y-4 mt-4"
>
This is link a56011bb-f589-4cb2-8c9d-2e184e33df57
</a>
<a
href="#"
target="_blank"
class="text-gray-400 hover:bg-gray-700"
>
This is link 5d6429d2-e9f5-4414-8e07-b5f8dac0aaea
</a>
<ol class="sm:text-sm items-center flex text-base"></ol>
</li>
<li class="text-sm">
<img
class="select-none px-3 py-2 cursor-default relative"
alt="Profile picture of user 77805ae7-08c9-455c-b58c-7aeb5d8a582e"
src="https://example.org/pictures/794d7468-c92c-4b4f-9224-121dcc3b262d"
/>
<ol class="text-gray-900 font-medium"></ol>
<img
class="text-gray-400 items-center focus:outline-none focus:ring-indigo-500 focus:ring-2 w-10 justify-center bg-white flex -mr-2 hover:bg-gray-50 h-10 rounded-md p-2"
alt="Profile picture of user caf62604-a62b-47e1-956c-a148f09bc2ed"
src="https://example.org/pictures/f3723af0-d897-4bdf-8726-64f7f4772980"
/>
</li>
</ul>
<ul class="sm:hidden">
<li class="p-6">
<ul
class="lg:px-8 mx-auto max-w-7xl sm:px-6 px-4 relative"
></ul>
</li>
<li class="border-t border-gray-200 py-20">
<img
class="text-gray-500 mt-3 text-base"
alt="Profile picture of user 2391f746-d982-44c9-b771-8f340ace8e3a"
src="https://example.org/pictures/5fa981c8-e71e-48fd-9601-9069ee9ff2bc"
/>
<ol class="inset-0 z-10 fixed overflow-y-auto"></ol>
</li>
<li
class="text-sm font-medium ml-2 text-gray-700 group-hover:text-gray-800"
>
<ol
class="focus:ring-2 inline-flex focus:outline-none hover:bg-gray-100 hover:text-gray-500 focus:ring-indigo-500 justify-center text-gray-400 focus:ring-inset items-center bg-white rounded-md p-2"
></ol>
</li>
<li class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white">
<a
href="#"
target="_blank"
rel="noreferrer"
class="py-16 grid gap-x-8 gap-y-10 grid-cols-4"
>
This is link 973020fa-e5b9-4e35-83f9-92d744e1d155
</a>
<a
href="#"
target="_blank"
class="text-lg font-medium space-y-1 leading-6"
>
This is link 34a34675-e2cc-4bcc-a946-520cf4ab995b
</a>
</li>
</ul>
<ul class="sm:mt-0 text-gray-900 text-sm mt-1 sm:col-span-2">
<li class="focus-within:text-gray-500 relative text-gray-400">
<ul class="font-medium text-gray-700 underline"></ul>
</li>
<li class="font-semibold col-end-1 text-gray-900">
<img
class="bg-white px-2 text-gray-500"
alt="Profile picture of user 1435989c-22da-4535-918a-58923740285d"
src="https://example.org/pictures/1e1f10ae-3ac4-4aee-89c1-e90edeaf4d12"
/>
<ul
class="absolute top-0 mx-auto h-px inset-0 px-8 max-w-7xl"
></ul>
<ul class="border-t w-full border-gray-300"></ul>
</li>
<li class="mt-2">
<a
href="#"
class="text-gray-400 font-medium group-hover:text-gray-300 text-sm"
>
This is link bce54268-13f6-44f8-9e1b-9578e57347ee
</a>
<ol class="sm:col-span-2"></ol>
<img
class="shadow-lg mt-px lg:ring-opacity-5 top-16 lg:right-0 pb-6 bg-white lg:left-auto lg:top-full lg:rounded-lg lg:ring-1 lg:-mr-1.5 inset-x-0 sm:px-2 lg:mt-3 lg:w-80 absolute lg:ring-black"
alt="Profile picture of user 4bfef42f-a65c-4c23-bd86-869edf16caa6"
src="https://example.org/pictures/0b8edd55-bf71-40af-b1b5-bf8574c694c9"
/>
</li>
<li class="text-gray-600 hover:bg-gray-50 hover:text-gray-900">
<a
href="#"
rel="noreferrer"
class="right-0 sm:text-sm bg-white ring-opacity-5 focus:outline-none text-base py-3 mt-1 z-10 ring-1 ring-black w-52 rounded-lg absolute overflow-auto shadow max-h-56"
>
This is link f8948c8b-ae87-4b9a-94c8-61a5217c34c3
</a>
<ol class="text-sm text-gray-500"></ol>
<ul class="w-full h-full inset-0 absolute"></ul>
</li>
</ul>
<ul class="flex text-gray-500 space-x-4 text-sm">
<li
class="lg:h-full lg:max-w-none rounded-md lg:w-auto w-full ring-opacity-5 ring-black ring-1 shadow-xl"
>
<a href="#" class="mt-6">
This is link 185d05d6-dc5d-45f7-889f-097f75d59634
</a>
<a
href="#"
target="_blank"
class="rounded-md border px-4 hover:bg-indigo-700 focus:ring-2 font-medium focus:ring-indigo-500 shadow-sm focus:outline-none py-2 border-transparent bg-indigo-600 text-sm text-white focus:ring-offset-2 ml-4 flex-shrink-0"
>
This is link bbf577d7-c799-4c40-9171-cabbaa1b2802
</a>
</li>
<li
class="focus:ring-indigo-500 border-gray-300 text-gray-900 block focus:z-10 relative focus:outline-none px-3 placeholder-gray-500 rounded-t-md rounded-none appearance-none py-2 focus:border-indigo-500 sm:text-sm border w-full"
>
<ul
class="lg:gap-24 lg:grid-cols-2 lg:grid lg:items-center"
></ul>
<a
href="#"
target="_blank"
rel="noreferrer"
class="text-sm text-gray-500 sm:flex-shrink-0 font-medium sm:w-40"
>
This is link 897efa9d-e0d2-457d-8aeb-176c3d6d8793
</a>
</li>
</ul>
</li>
</ol>
</li>
</ul>
</nav>
<img
class="lg:pb-16 lg:bg-transparent lg:px-0 bg-gray-50 sm:px-6 lg:col-start-2 lg:row-start-1 px-4 pb-10 pt-16"
alt="Profile picture of user 1a6d625a-a03c-46c6-9498-307c64da5261"
src="https://example.org/pictures/824c1f74-50c5-442f-9890-4dc80c43ebbc"
/>
<img
class="sr-only"
alt="Profile picture of user 91de36fa-215a-48e8-b4d4-3681acc21a1a"
src="https://example.org/pictures/1fadc974-b0d8-49a9-9c7b-50e6651724a0"
/>
<p class="sr-only">
<a
href="#"
target="_blank"
rel="noreferrer"
class="absolute inset-x-0 transition-colors sm:translate-y-px ease-out sm:transform bottom-0 sm:mt-5 duration-200 h-0.5"
>
This is link 96627dae-7b53-4d6e-ae81-807366c9b89b
</a>
</p>
</div>

View file

@ -0,0 +1,7 @@
<div class="sm:flex">
<img
class="ml-3 h-7 items-center flex"
alt="Profile picture of user 9c07ab87-0e91-476c-bc31-d875f9dd10a6"
src="https://example.org/pictures/f87d1490-0c9b-4792-9f6d-db630866b2f0"
/>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,24 @@
<div class="md:mt-0 mt-12 sm:mt-16">
<section class="items-center group flex -m-2 p-2">
<form class="text-gray-700 block font-medium text-sm">
<button type="submit">
This is action fdf8f6a4-91d2-4354-b435-eb086f846200
</button>
<button type="submit">
This is action f24d6b31-228c-4338-b23e-0cd068f3210b
</button>
<input type="password" class="text-gray-500 font-medium text-sm" />
</form>
<select class="py-2 text-sm px-4 block">
<option>This is item 6d43a1ce-4e83-461f-8ce4-5cbce958a7f5</option>
<option>This is item 79e58d9d-d874-4590-9e1e-332056cff1d7</option>
<option value="b47117fe-fa8c-4794-887a-dbb405aba9bc">
This is item 47333a76-d83f-4b71-afc5-80aacec1225c
</option>
<option value="1de1d8b7-6f9c-453d-a025-5b3dcea0f4e1">
This is item 187518c0-0e0c-4411-ba7d-92cfb7077f76
</option>
<option>This is item 30f5cdf0-3bcc-48b4-abc2-498b2a0d468b</option>
</select>
</section>
</div>

View file

@ -0,0 +1,35 @@
<div class="bg-white focus:z-10 hover:bg-gray-100 py-1.5">
<p class="flex mt-2 sm:max-w-md">
<span class="text-gray-500 hover:text-gray-600">
This is text e2f94933-d3b0-4372-8edb-956db927469f
</span>
<span class="mt-1">
This is text 94fa4461-2cfd-48cb-b079-384ef5db034a
</span>
</p>
<p class="mt-1">
<a
href="#"
class="border-gray-200 flex bg-white border-r flex-col min-h-0 flex-1"
>
This is link 1af124a0-1d05-4243-b15d-81af7865c244
</a>
<span class="justify-center h-7 mx-auto flex items-center rounded-full w-7">
This is text b6aad685-1afc-4a6b-9510-a61cec2f9cb7
</span>
</p>
<span class="-mr-2 md:hidden -my-2">
This is text 4639f49f-9fc2-4de5-b3b6-69dbb8808fe5
</span>
<p class="sm:flex-shrink-0">
<span class="border-gray-200 border-b">
This is text efd63bb6-4a93-4254-b5ab-b8ebe64c3dfb
</span>
<a href="#" class="px-2 w-full">
This is link eb864a37-edd4-41a0-9407-7a9c56f066d5
</a>
</p>
<h3 class="mt-4 text-gray-900 text-sm">
This is heading d4970345-5403-482a-80a1-13f23eebc097
</h3>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,339 @@
<div class="sr-only">
<h3 class="xl:grid xl:grid-cols-3 xl:gap-8">
This is heading 480a8642-333a-493b-be9c-672922b8d915
</h3>
<section
class="bg-gray-100 rounded-full inline-block h-8 overflow-hidden w-8"
>
<img
class="max-w-lg mx-auto flex items-end justify-around w-full"
alt="Profile picture of user 850e431c-05bb-4cf7-928d-75a35ae10497"
src="https://example.org/pictures/c33e532c-307b-4325-9ae4-ffe439320ae7"
/>
<a
href="#"
target="_blank"
rel="noreferrer"
class="whitespace-nowrap sm:pr-6 font-medium text-right pr-4 pl-3 relative py-4 md:pr-0 text-sm"
>
This is link a54c6d10-527d-42a6-afd9-1bfa354de681
</a>
<nav class="w-6 h-6">
<ul class="ml-3">
<li class="text-gray-500 order-2 mt-2 text-lg leading-6 font-medium">
<ul class="border-t border-b border-gray-200">
<li
class="text-indigo-600 font-medium text-base hover:text-indigo-500"
>
<ol class="text-white w-4 h-4">
<li class="flex justify-between items-center">
This is item 64adb8a7-c803-4f73-a79d-b78e3fb2684d
</li>
<li class="font-medium text-indigo-600 hover:text-indigo-500">
This is item e7776a35-0586-4f23-bb01-c83296aed658
</li>
<li class="border-t border-gray-200 px-4 py-6">
This is item 6f81bb01-b8da-4c6e-9461-7d3c9b20d12c
</li>
<li
class="focus:z-10 py-1.5 rounded-bl-lg bg-white hover:bg-gray-100 text-gray-900"
>
This is item 992f51b3-3ac3-4609-b3d6-c11b16fae1c2
</li>
<li class="pb-24">
This is item 93849f08-1d15-4b72-87a7-8a63bbd33fb6
</li>
</ol>
<ol class="-ml-1 mr-2 text-gray-500 w-5 h-5">
<li class="block">
This is item 464b4fde-66ef-46a0-9042-2280cddfe2b7
</li>
<li class="grid gap-x-4 grid-cols-2 gap-y-8">
This is item 83438c8b-d681-459e-aa71-6481b290cb9a
</li>
<li
class="lg:grid-cols-4 lg:px-8 px-4 sm:grid-cols-2 mx-auto max-w-7xl py-6 gap-y-6 xl:py-16 sm:gap-8 lg:py-12 grid sm:py-8 sm:px-6"
>
This is item 2bc06445-15d7-4271-9460-9a9b30832365
</li>
</ol>
<ul class="text-center">
<li class="text-gray-900 text-base font-medium">
This is item 9e5a3082-44e1-4c8f-bb42-731c3fbe54d6
</li>
<li class="p-2 items-center -m-2 group flex">
This is item 8aa76c91-d291-47f8-b649-5e5c587f3ca1
</li>
<li class="bg-white rounded-lg shadow overflow-hidden">
This is item 6dc0074c-f7f7-478c-b5e4-f278e0796785
</li>
<li class="sr-only">
This is item 82bff66b-f8d1-4d34-8181-bef72608acb5
</li>
<li class="sr-only">
This is item 9890012b-daff-44a8-b4dc-e4bca140dff0
</li>
</ul>
</li>
<li
class="w-5 absolute h-5 left-4 pointer-events-none text-gray-500 top-3.5"
>
<a href="#" rel="noreferrer" class="items-center flex">
This is link 85c00e28-7105-4834-b398-f8fb900f2875
</a>
<ol class="grid grid-cols-7 leading-6 text-xs text-gray-500 mt-6">
<li
class="flex-col pb-12 flex shadow-xl max-w-xs bg-white w-full overflow-y-auto relative"
>
This is item ce8ccc6e-edbe-489c-9bb0-e73785ec4988
</li>
<li class="absolute overflow-hidden rounded-lg inset-0">
This is item 6b1ea845-264a-4308-af3c-d3e123f63172
</li>
</ol>
<img
class="flex-auto"
alt="Profile picture of user d624fe32-5216-4491-97cf-54287f87c40d"
src="https://example.org/pictures/27858b0a-7be7-4767-a4a7-d27ec0c05aad"
/>
</li>
</ul>
</li>
<li class="lg:bg-transparent bg-gray-100 relative">
<ol class="text-base text-white font-medium">
<li class="h-12">
<img
class="leading-6 text-lg text-gray-900 font-medium"
alt="Profile picture of user 026cb9eb-2827-4b94-ac28-e39dc65f8335"
src="https://example.org/pictures/f0ec71f9-febd-4fb1-8244-401c229caaf2"
/>
<ul class="group-hover:text-gray-500 h-5 w-5 text-gray-400">
<li class="space-x-4 ml-10 flex items-baseline">
This is item 1fcee6a6-1008-4ecc-b935-c1c56db14d38
</li>
<li class="mt-4 text-white text-xl">
This is item c23b11eb-c112-4d57-8ec4-c081b1637c32
</li>
<li class="flex space-x-8 h-full">
This is item 33ec1b34-b86b-4ea9-a1f7-db089868d8c5
</li>
<li class="bg-white hover:bg-gray-100 py-1.5 focus:z-10">
This is item 3b395f68-596c-4ace-a389-d732b51613ce
</li>
</ul>
<ul class="flow-root">
<li class="sr-only">
This is item fa717680-1b52-4603-b703-eda7c50cfdc3
</li>
<li class="mt-10">
This is item 649a1f8b-ef0e-4cb5-bb0d-53b598672a8f
</li>
</ul>
</li>
<li
class="border-gray-300 px-4 rounded-md hover:bg-gray-50 text-sm py-2 bg-white inline-flex items-center font-medium text-gray-700 relative ml-3 border"
>
<ul
class="border-transparent rounded-full flex items-center hover:text-gray-500 border -mx-2 text-gray-400 p-2"
>
<li class="pb-4 flex-1 space-y-1 px-2">
This is item fd412b95-9fa6-4fb3-a2e3-b427ce97d83e
</li>
<li class="truncate w-full inline-flex">
This is item ccc2d139-dded-4a33-93b4-eb73027416d4
</li>
<li
class="sm:h-full group-hover:opacity-75 object-center sm:absolute sm:w-full object-cover sm:inset-0"
>
This is item 9616628f-d772-4d8a-ad10-2e502c16fb40
</li>
<li
class="ring-1 ring-black w-48 z-10 absolute origin-top-right rounded-md right-0 shadow-lg mt-2 bg-white py-1 ring-opacity-5 focus:outline-none"
>
This is item 48d8538e-1a48-4f77-86fb-47e7902327c1
</li>
<li
class="flex mx-auto rounded-full justify-center w-7 items-center h-7"
>
This is item 5dab52c4-6b02-43fe-883f-5d53ffef9140
</li>
</ul>
</li>
<li
class="sm:text-6xl font-bold sm:mt-5 tracking-tight lg:mt-6 text-white xl:text-6xl text-4xl mt-4"
>
<a
href="#"
target="_blank"
class="cursor-not-allowed text-gray-200 bg-gray-50"
>
This is link 30918c36-ee8d-499b-bf9e-0d6b0921808e
</a>
</li>
<li class="mt-1 sm:mt-0 sm:col-span-2">
<ul class="flex flex-col py-6 min-h-0 flex-1 overflow-y-scroll">
<li class="truncate font-medium ml-3 block">
This is item 8250f848-bb62-42c2-9c24-140ebda122ba
</li>
<li class="w-5 h-5">
This is item 3c7a80a4-57fa-4487-ad6d-3e6f3944642c
</li>
<li class="bg-gray-900 relative">
This is item 48693a54-dfb1-493c-b1eb-12448b92645c
</li>
<li class="flex justify-between items-center">
This is item cec9053c-0a9f-4db9-a35c-9c45db9901b0
</li>
</ul>
<ol class="truncate text-gray-900 text-sm font-medium">
<li class="text-sm block text-gray-700 font-medium">
This is item 2cdfa3cc-e8f6-4c11-8506-e368e6c821af
</li>
<li class="sr-only">
This is item 3bf758d1-ce42-4f0e-bfb7-1fb33535abba
</li>
<li class="bg-gray-900 relative">
This is item 3ba88186-dc2d-439c-9995-6f2595dcd2ae
</li>
</ol>
<ul class="border-t border-gray-200 py-5 px-4 sm:p-0">
<li class="mt-2 text-sm text-gray-500">
This is item c8c70131-082c-42ba-81ad-c472fdf34ebc
</li>
<li class="sr-only">
This is item c6e1d863-5076-425a-a734-f32584755133
</li>
<li
class="focus:z-10 relative hover:bg-gray-100 py-1.5 text-gray-900 bg-white"
>
This is item f74ce352-7105-46d7-9daf-f21af65294c0
</li>
<li class="text-gray-900 font-medium">
This is item 233869ba-2f73-4ffa-b20c-78cefa258fa5
</li>
<li class="overflow-hidden relative">
This is item 27d4d256-cde7-416b-843d-310ce092ec8b
</li>
</ul>
</li>
</ol>
<ul class="flex-shrink-0">
<li class="block font-medium truncate">
<a
href="#"
rel="noreferrer"
class="block border-gray-300 sm:text-sm shadow-sm rounded-md w-full focus:border-indigo-500 mt-1 focus:ring-indigo-500"
>
This is link d5b6023a-afcc-4345-bbc6-42d03de03b4c
</a>
</li>
<li class="text-lg mt-6 text-gray-500 max-w-3xl">
<ol class="w-64 object-cover md:h-72 h-64 rounded-lg md:w-72">
<li
class="border-dashed h-96 rounded-lg border-gray-200 border-4"
>
This is item 2be8ff2c-655e-4188-a404-7f7e7cf142a2
</li>
<li class="text-sm font-medium text-gray-500">
This is item 44a5098c-ba02-4962-a84c-f53b251fa37d
</li>
</ol>
<img
class="pr-5 flex-shrink-0 flex"
alt="Profile picture of user d8fb8181-0eb6-4692-aaba-8e245b4834f3"
src="https://example.org/pictures/f0c627e2-92e5-41bc-922f-cdd3a7d83157"
/>
<a href="#" class="relative">
This is link b109f8f9-52e4-40eb-93da-ba8b262c151e
</a>
</li>
<li
class="lg:justify-end items-center px-2 flex lg:ml-6 flex-1 justify-center"
>
<a
href="#"
target="_blank"
rel="noreferrer"
class="text-center sm:text-4xl tracking-tight text-gray-900 text-3xl font-bold"
>
This is link cfc95894-55e8-4f69-b3d2-36af0baa4a89
</a>
<ul class="mt-0.5">
<li class="items-start flex space-x-4">
This is item 433aff9f-a8a5-4472-a635-508760d6a046
</li>
<li
class="sm:py-5 sm:pt-5 sm:grid sm:grid-cols-3 py-4 sm:gap-4"
>
This is item 3300729a-e096-4d1c-b3a1-d328b0c17c31
</li>
<li
class="bg-gray-800 hover:bg-gray-900 flex rounded-md py-3 border-transparent border items-center text-base px-5 text-white font-medium justify-center"
>
This is item 2157654f-a7fd-452e-98a6-b4fb39d7de6d
</li>
<li class="bg-gray-900">
This is item 7a32058d-1fc1-4dcc-9434-58e5d71c562e
</li>
</ul>
</li>
<li class="py-8 bg-white">
<ul class="mt-1 max-w-2xl text-sm text-gray-500">
<li class="sr-only">
This is item 7acbfd34-9c79-4975-96a4-b3a2939e54dd
</li>
<li class="font-medium text-gray-500 text-sm">
This is item 502abdc2-de6a-4c7e-8d85-8d8c1d9a45d2
</li>
<li class="text-sm block text-gray-700 font-medium">
This is item 8bddeba0-6c53-4625-a31e-1d2406ba02be
</li>
<li class="sr-only">
This is item f79fe551-c013-4141-8622-f5727bad097f
</li>
<li class="text-lg font-medium leading-6 text-gray-900">
This is item f1cb2f21-63c8-44d6-a01f-67702958d120
</li>
</ul>
<ul class="lg:hidden w-auto h-8 block">
<li class="text-gray-900">
This is item 25f7dcb8-7470-4271-a39b-9fecbc546686
</li>
<li
class="flex pointer-events-none sm:items-start py-6 items-end fixed sm:p-6 inset-0 px-4"
>
This is item bbd5030b-c7ec-4ecb-8fa5-9b517665cc7b
</li>
<li class="sr-only">
This is item cd3cf690-2947-472b-a85b-66f056b13e49
</li>
<li class="bg-white p-8">
This is item 3e7f4a04-2d9e-4694-9399-654a274fbc76
</li>
<li class="text-gray-200">
This is item 405ece28-5d5a-4c7e-9a74-cd27efb9d6ac
</li>
</ul>
<img
class="w-6 h-6"
alt="Profile picture of user ba2c0d91-4eca-473a-868f-0be357f57d02"
src="https://example.org/pictures/fc81828e-7144-4c70-9106-1a24f02d159e"
/>
</li>
</ul>
<a
href="#"
class="lg:static lg:flex-shrink-0 inset-y-0 left-0 absolute"
>
This is link a8a48ec6-c9e7-473f-a47c-edee8e26d307
</a>
</li>
</ul>
</nav>
</section>
<img
class="sr-only"
alt="Profile picture of user 69deaf42-c676-45ec-b66a-6d2c93178847"
src="https://example.org/pictures/82db045e-f73a-4247-9ee2-d689f773e67b"
/>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,40 @@
<div
class="block bg-gray-50 px-5 text-center hover:text-indigo-700 w-full py-3 hover:bg-gray-100 font-medium text-indigo-600"
>
<form class="pt-8">
<button type="submit">
This is action a247e19a-6241-40d5-918e-59acfed89fd1
</button>
<button type="reset">
This is action 28034dc1-4b14-41d3-a8a0-1b3caf4fa30d
</button>
<p
class="leading-5 group items-center font-medium py-2 text-base px-2 flex rounded-md"
>
This is paragraph 405f1bec-eb87-4969-bb55-4cf53544a14f
</p>
<select
class="sm:justify-between sm:items-center border-gray-200 mt-10 border-t pt-6 sm:flex"
>
<option value="c4529e40-02c5-45b3-bc0f-0c3189586851">
This is item 8f23c008-ddd2-41f3-b3ea-c46bb6f28d82
</option>
<option>This is item c4f71102-aef4-4e44-9f71-327fd5e7a170</option>
<option value="2ba13422-e067-438b-a018-b136c7aa6d0f">
This is item b0a84e46-0be8-4670-9806-a32d232977ee
</option>
<option value="344d5540-7984-4d99-9cb1-2ce5516bc256">
This is item aa5ac653-6243-4813-b06c-2a864ad1a57c
</option>
<option>This is item 5cf82826-4689-4ac5-bfc6-5825fecba631</option>
<option>This is item 54ef6fd7-9bfd-4585-859a-a2ce2389f3bd</option>
</select>
<select class="text-base mt-4 text-gray-300">
<option value="1a868568-b8be-46af-abf1-63d0f0eff46b">
This is item 5834f17b-43aa-48fc-a6a2-b7e178056595
</option>
<option>This is item 5d23a2e8-b7c8-43d6-b008-1d5d580b4eb8</option>
<option>This is item b79dcba7-ca37-47d0-bc3d-4156f4a75502</option>
</select>
</form>
</div>

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,25 @@
<div class="text-lg font-medium leading-6 text-gray-900">
<button type="button">
This is action e24e5f1c-9035-4ee2-a891-02117eb66f94
</button>
<img
class="bg-white hover:bg-gray-50 text-gray-500 text-sm px-4 py-2 focus:z-20 border border-gray-300 font-medium items-center relative inline-flex"
alt="Profile picture of user f05cb42f-7c6e-4ae0-a41a-f35182e57ee3"
src="https://example.org/pictures/4379ac75-365d-4e25-87a2-d5efd8897ea7"
/>
<input
type="password"
class="lg:gap-8 sm:gap-6 sm:space-y-0 space-y-4 sm:grid lg:grid-cols-3 sm:grid-cols-2"
/>
<span
class="md:col-span-8 md:row-start-2 lg:col-start-9 lg:row-start-1 md:mt-0 lg:col-span-4 mt-12 md:col-start-3"
>
This is text f21af450-0ce0-4cdb-8e69-c99776d18e53
</span>
<img
class="w-6 h-6 flex-none rounded-full"
alt="Profile picture of user f6738819-0fad-4738-b241-c074e6887a40"
src="https://example.org/pictures/e93a2481-4de5-4f90-a32b-1730631b989c"
/>
<input type="password" class="absolute inset-0" />
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,12 @@
<div class="mt-1">
<select class="text-center">
<option value="f51fc163-8223-486c-8763-f35526a54b3a">
This is item d8d705d4-5eef-46d7-91bb-1888b85b625a
</option>
<option>This is item eff23a8c-31e8-4d4b-ab38-e31e057cc502</option>
<option value="f44c6613-0db4-4db9-98dd-c58f80e2b21d">
This is item d0d4e6fc-62e1-4796-bbc3-ba1c660f24cb
</option>
<option>This is item bb90ae39-5976-4cd9-a5f1-b6cbeb11e270</option>
</select>
</div>

View file

@ -0,0 +1,7 @@
<div class="mt-1">
<img
class="bg-white"
alt="Profile picture of user 79526e3d-786c-48f2-99ce-fd5c403d6880"
src="https://example.org/pictures/6e8870ca-4388-4e28-ad24-c501946863a3"
/>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,18 @@
<div class="pointer-events-none object-cover">
<form class="flex">
<button type="reset">
This is action 5f48098a-8b7c-4a6f-8ae5-bece9eb788f9
</button>
<p class="font-medium text-gray-900">
This is paragraph 38d05e17-a3d3-4f57-9d7f-d6310845d988
</p>
<select class="justify-between flex flex-1 pt-2 items-end">
<option>This is item c7a9e52a-f359-44fe-8ca8-cb794df465be</option>
<option>This is item 8ba27113-298b-4678-b9b5-ebd6d89881cd</option>
<option>This is item 33fce753-d2f5-4be1-8bed-7167c5051fd5</option>
<option value="552b8711-03d9-40c0-95c2-fcc23dedfdc4">
This is item b1456e39-15e4-4c52-bc8f-04b38434ebfa
</option>
</select>
</form>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,35 @@
<div class="inset-0 sm:hidden pointer-events-none absolute">
<h3
class="z-10 p-2 md:hidden absolute inset-x-0 top-0 transition origin-top-right transform"
>
This is heading d5bd1e0c-02fe-462a-b304-329898d0ee9c
</h3>
<form class="sr-only">
<input
type="text"
class="bg-gray-100 z-10 sm:pt-3 top-0 md:hidden sticky pl-1 sm:pl-3 pt-1"
/>
<input
type="email"
class="grid-cols-2 gap-8 lg:col-span-6 md:mt-0 md:col-span-8 sm:grid-cols-3 mt-10 col-span-6 grid md:row-start-1 md:col-start-3 lg:col-start-2"
/>
<select class="text-5xl tracking-tight font-bold">
<option>This is item b38d504c-875f-4ca6-b566-0a77a08ead48</option>
<option value="dad2a065-bee8-401e-89ef-6b81a2447daf">
This is item 37509644-bf2a-4f5f-9b8e-4671ac01b9c5
</option>
</select>
<input
type="text"
class="text-2xl text-gray-900 font-bold sm:text-3xl tracking-tight"
/>
</form>
<span
class="block focus:ring-indigo-500 w-full focus:border-indigo-500 rounded-md border-gray-300"
>
This is text bac86bdd-c062-4558-9493-fd3f7868b576
</span>
<button type="button">
This is action e4b49f18-c3dc-44d6-a0b2-7e0e8b57b48f
</button>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,7 @@
<div class="mt-6 space-y-6">
<img
class="sr-only"
alt="Profile picture of user e36d9702-710c-4373-882f-3f34ee280cb0"
src="https://example.org/pictures/ead17cf9-6d7a-4bcf-bb65-d7162668d887"
/>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,18 @@
<div class="truncate sm:block hidden sm:ml-2">
<select class="items-center flex h-5">
<option value="f3f750c8-7d1c-43df-a726-4787bd3cfbf7">
This is item e40e8415-b5f9-477e-812f-37c9a7ead685
</option>
<option>This is item edafe14f-746f-4c53-ad30-89bf4efbfe41</option>
<option value="294de408-1569-4340-aeeb-a1b39542d66b">
This is item 7dcb583e-21da-48b0-9a38-c0e14a1eed5e
</option>
<option value="a21b10e0-2f85-4312-b81a-4d882ff01358">
This is item 63537653-016f-458c-91d1-480fa2f69d61
</option>
<option>This is item b83d7112-7d2c-4bba-be70-525d886ba04c</option>
<option value="342b50ff-5ead-4b53-97b0-ad5d17313b0a">
This is item 58babfce-dd46-43f6-953c-4c6fd2ecfdad
</option>
</select>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,3 @@
<div class="text-gray-500 mt-4">
<p class="sr-only">This is paragraph 9e9513b0-c72f-40d6-b66f-56a08e4561b3</p>
</div>

View file

@ -0,0 +1,5 @@
<div class="flex items-center ml-auto">
<p class="text-sm font-medium">
This is paragraph d9e18ea1-e1e9-4cc9-a2a0-6210bd048317
</p>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,51 @@
<div
class="focus:ring-offset-1 focus:ring-offset-indigo-600 focus:outline-none focus:ring-2 items-center border focus:ring-indigo-600 focus:border-indigo-600 rounded-md bg-white hover:bg-gray-100 h-10 inline-flex focus:ring-opacity-25 px-4 border-gray-300"
>
<main class="text-gray-900 font-medium text-sm">
<span class="sm:rounded-lg shadow bg-white">
This is text 5cb7c51c-b7e8-48f2-b3ed-b34cd92e480c
</span>
<input
type="text"
class="md:absolute flex-1 md:inset-y-0 flex md:left-0 items-center"
/>
<img
class="text-gray-900 text-lg font-medium"
alt="Profile picture of user e5a1dde8-93d1-44cd-b801-78af5af2b0a9"
src="https://example.org/pictures/8e9edf79-a6ff-40b8-9f8d-55c4823e93e0"
/>
</main>
<input type="text" class="mt-8" />
<form class="sr-only">
<input
type="email"
class="focus:outline-none focus:ring-indigo-500 sm:inline-flex items-center bg-indigo-600 border focus:ring-offset-2 sm:w-auto w-full font-medium justify-center text-base hover:bg-indigo-700 flex focus:ring-2 px-4 py-2 border-transparent rounded-md text-white"
/>
<select
class="focus:outline-none shadow-sm focus:ring-offset-2 bg-white hover:bg-gray-50 items-center inline-flex font-medium disabled:cursor-not-allowed focus:ring-indigo-500 px-2.5 border disabled:opacity-30 focus:ring-2 text-xs text-gray-700 py-1.5 border-gray-300 rounded"
>
<option value="9d1fa49e-0626-477a-8afd-b2bc92b0b4d9">
This is item d71c0518-051f-41a6-9291-be3b4b1ba1e6
</option>
<option>This is item 701db24b-6687-4f36-a1f9-b07124368cb2</option>
<option>This is item 2576ba6b-01b8-420e-bded-78bf00a3ed29</option>
<option>This is item f8126303-5db4-482f-aa6c-3305c94a53b9</option>
</select>
<input
type="email"
class="focus:border-indigo-500 w-full block border-gray-300 focus:ring-indigo-500 rounded-md shadow-sm sm:text-sm"
/>
<p
class="focus:ring-offset-2 focus:ring-white text-white focus:ring-2 flex focus:outline-none focus:ring-offset-indigo-700 bg-indigo-700 text-sm rounded-full"
>
<a href="#" rel="noreferrer" class="px-4 flex flex-shrink-0 items-center">
This is link 6fad7465-d9c2-497e-a535-330548083246
</a>
</p>
</form>
<span
class="px-4 py-16 divide-y-2 mx-auto divide-gray-200 lg:px-8 max-w-7xl sm:px-6 sm:py-24"
>
This is text 24a3e4df-91b8-4c83-80a7-ca6172550c02
</span>
</div>

View file

@ -0,0 +1,28 @@
<div class="text-sm">
<button type="submit">
This is action 4b370fa3-c575-40f5-887d-a08522011b02
</button>
<form class="p-8 bg-white">
<button type="button">
This is action 124ba42b-cad3-46af-9a09-65c31a0f536b
</button>
<button type="button">
This is action ce8653bb-3c29-43c6-9ce6-dd1074bbde57
</button>
<select class="space-y-16 sm:mt-16 mt-12">
<option value="11112f42-8133-4828-a7a6-1a7154688cb8">
This is item f5fee6da-7551-45e5-a52a-7d9e542e40fb
</option>
<option value="8c1e8b8c-ebec-4d56-9945-44657767f077">
This is item 04e6a8ce-c94e-4c1a-a346-c5389229b9d9
</option>
<option value="56e3e51e-0874-41f4-a106-f0ffe7f12b85">
This is item 50174c62-2ae4-405a-a612-4cd59138a9f1
</option>
<option value="d4fe97fb-12fb-4fe4-8020-50ae3f3b8b00">
This is item f5e6e2d2-b760-49e9-b092-5ea0307651c7
</option>
<option>This is item 9a48ca27-0ebc-4e9e-a97b-78af70bcf8e5</option>
</select>
</form>
</div>

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

Some files were not shown because too many files have changed in this diff Show more