├── .bitmap ├── .eslintrc.js ├── .gitignore ├── .prettierrc.js ├── README.md ├── favicon.ico ├── pnpm-lock.yaml ├── tsconfig.json ├── types ├── asset.d.ts └── style.d.ts ├── workspace.jsonc └── wurde.comic ├── apps └── comic │ ├── app.tsx │ ├── comic.app-root.tsx │ ├── comic.docs.mdx │ ├── comic.react-app.ts │ ├── comic.spec.tsx │ ├── index.css │ └── index.ts ├── envs └── main-react-env │ ├── index.ts │ ├── jest │ └── jest.config.js │ ├── main-react-env.aspect.ts │ ├── main-react-env.docs.mdx │ ├── main-react-env.main.runtime.ts │ ├── main-react-env.preview.runtime.ts │ ├── main-react-env.spec.ts │ ├── tailwindcss │ └── tailwind.config.js │ └── webpack │ ├── webpack-transformers.ts │ └── webpack.config.ts ├── pages └── viewer │ ├── images │ ├── chain_of_command.png │ ├── data_trap.png │ ├── git.png │ ├── logical.png │ ├── making_progress.png │ ├── million_billion_trillion.png │ ├── occam.png │ ├── product_launch.png │ ├── star_ratings.png │ └── worrying.png │ ├── index.ts │ ├── viewer.docs.mdx │ ├── viewer.spec.tsx │ └── viewer.tsx ├── style └── tokens │ ├── breakpoints │ ├── breakpoints.docs.mdx │ ├── breakpoints.spec.ts │ ├── breakpoints.ts │ └── index.ts │ ├── colors │ ├── colors.docs.mdx │ ├── colors.spec.ts │ ├── colors.ts │ └── index.ts │ ├── font-family │ ├── font-family.docs.mdx │ ├── font-family.spec.ts │ ├── font-family.ts │ └── index.ts │ └── spacing │ ├── index.ts │ ├── spacing.docs.mdx │ ├── spacing.spec.ts │ └── spacing.ts └── ui ├── forms └── button │ ├── button.docs.mdx │ ├── button.spec.tsx │ ├── button.tsx │ └── index.ts ├── hooks └── use-comic │ ├── index.ts │ ├── use-comic.docs.mdx │ ├── use-comic.spec.ts │ └── use-comic.ts ├── layout └── card │ ├── card.composition.tsx │ ├── card.docs.mdx │ ├── card.spec.tsx │ ├── card.tsx │ └── index.ts ├── media └── image │ ├── image.docs.mdx │ ├── image.spec.tsx │ ├── image.tsx │ └── index.ts └── typography ├── heading ├── heading.composition.tsx ├── heading.docs.mdx ├── heading.spec.tsx ├── heading.tsx └── index.ts └── text ├── index.ts ├── text.docs.mdx ├── text.spec.tsx └── text.tsx /.bitmap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/.bitmap -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/.eslintrc.js -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/.prettierrc.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/README.md -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/favicon.ico -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/pnpm-lock.yaml -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/tsconfig.json -------------------------------------------------------------------------------- /types/asset.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/types/asset.d.ts -------------------------------------------------------------------------------- /types/style.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/types/style.d.ts -------------------------------------------------------------------------------- /workspace.jsonc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/workspace.jsonc -------------------------------------------------------------------------------- /wurde.comic/apps/comic/app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/apps/comic/app.tsx -------------------------------------------------------------------------------- /wurde.comic/apps/comic/comic.app-root.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/apps/comic/comic.app-root.tsx -------------------------------------------------------------------------------- /wurde.comic/apps/comic/comic.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/apps/comic/comic.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/apps/comic/comic.react-app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/apps/comic/comic.react-app.ts -------------------------------------------------------------------------------- /wurde.comic/apps/comic/comic.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/apps/comic/comic.spec.tsx -------------------------------------------------------------------------------- /wurde.comic/apps/comic/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/apps/comic/index.css -------------------------------------------------------------------------------- /wurde.comic/apps/comic/index.ts: -------------------------------------------------------------------------------- 1 | export { ComicApp } from './app'; 2 | -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/index.ts -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/jest/jest.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/jest/jest.config.js -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/main-react-env.aspect.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/main-react-env.aspect.ts -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/main-react-env.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/main-react-env.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/main-react-env.main.runtime.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/main-react-env.main.runtime.ts -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/main-react-env.preview.runtime.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/main-react-env.preview.runtime.ts -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/main-react-env.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/main-react-env.spec.ts -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/tailwindcss/tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/tailwindcss/tailwind.config.js -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/webpack/webpack-transformers.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/webpack/webpack-transformers.ts -------------------------------------------------------------------------------- /wurde.comic/envs/main-react-env/webpack/webpack.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/envs/main-react-env/webpack/webpack.config.ts -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/chain_of_command.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/chain_of_command.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/data_trap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/data_trap.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/git.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/logical.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/logical.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/making_progress.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/making_progress.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/million_billion_trillion.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/million_billion_trillion.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/occam.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/occam.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/product_launch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/product_launch.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/star_ratings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/star_ratings.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/images/worrying.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/images/worrying.png -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/index.ts -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/viewer.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/viewer.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/viewer.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/viewer.spec.tsx -------------------------------------------------------------------------------- /wurde.comic/pages/viewer/viewer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/pages/viewer/viewer.tsx -------------------------------------------------------------------------------- /wurde.comic/style/tokens/breakpoints/breakpoints.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/breakpoints/breakpoints.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/style/tokens/breakpoints/breakpoints.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/breakpoints/breakpoints.spec.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/breakpoints/breakpoints.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/breakpoints/breakpoints.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/breakpoints/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/breakpoints/index.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/colors/colors.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/colors/colors.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/style/tokens/colors/colors.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/colors/colors.spec.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/colors/colors.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/colors/colors.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/colors/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/colors/index.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/font-family/font-family.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/font-family/font-family.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/style/tokens/font-family/font-family.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/font-family/font-family.spec.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/font-family/font-family.ts: -------------------------------------------------------------------------------- 1 | export const fontFamily = { 2 | main: 'arial,helvetica,sans-serif;', 3 | }; 4 | -------------------------------------------------------------------------------- /wurde.comic/style/tokens/font-family/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/font-family/index.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/spacing/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/spacing/index.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/spacing/spacing.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/spacing/spacing.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/style/tokens/spacing/spacing.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/spacing/spacing.spec.ts -------------------------------------------------------------------------------- /wurde.comic/style/tokens/spacing/spacing.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/style/tokens/spacing/spacing.ts -------------------------------------------------------------------------------- /wurde.comic/ui/forms/button/button.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/forms/button/button.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/ui/forms/button/button.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/forms/button/button.spec.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/forms/button/button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/forms/button/button.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/forms/button/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/forms/button/index.ts -------------------------------------------------------------------------------- /wurde.comic/ui/hooks/use-comic/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/hooks/use-comic/index.ts -------------------------------------------------------------------------------- /wurde.comic/ui/hooks/use-comic/use-comic.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/hooks/use-comic/use-comic.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/ui/hooks/use-comic/use-comic.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/hooks/use-comic/use-comic.spec.ts -------------------------------------------------------------------------------- /wurde.comic/ui/hooks/use-comic/use-comic.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/hooks/use-comic/use-comic.ts -------------------------------------------------------------------------------- /wurde.comic/ui/layout/card/card.composition.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/layout/card/card.composition.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/layout/card/card.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/layout/card/card.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/ui/layout/card/card.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/layout/card/card.spec.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/layout/card/card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/layout/card/card.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/layout/card/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/layout/card/index.ts -------------------------------------------------------------------------------- /wurde.comic/ui/media/image/image.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/media/image/image.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/ui/media/image/image.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/media/image/image.spec.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/media/image/image.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/media/image/image.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/media/image/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/media/image/index.ts -------------------------------------------------------------------------------- /wurde.comic/ui/typography/heading/heading.composition.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/typography/heading/heading.composition.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/typography/heading/heading.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/typography/heading/heading.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/ui/typography/heading/heading.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/typography/heading/heading.spec.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/typography/heading/heading.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/typography/heading/heading.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/typography/heading/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/typography/heading/index.ts -------------------------------------------------------------------------------- /wurde.comic/ui/typography/text/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/typography/text/index.ts -------------------------------------------------------------------------------- /wurde.comic/ui/typography/text/text.docs.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/typography/text/text.docs.mdx -------------------------------------------------------------------------------- /wurde.comic/ui/typography/text/text.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/typography/text/text.spec.tsx -------------------------------------------------------------------------------- /wurde.comic/ui/typography/text/text.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/wurde/custom-elements/HEAD/wurde.comic/ui/typography/text/text.tsx --------------------------------------------------------------------------------