atls · ssagg · May 6, 2024 · May 6, 2024 · May 6, 2024
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/.yarn/cache/@atls-config-prettier-npm-0.0.5-0a66208dbc-f501e0d241.zip b/.yarn/cache/@atls-config-prettier-npm-0.0.5-0a66208dbc-f501e0d241.zip
diff --git a/.yarn/cache/@atls-prettier-plugin-npm-0.0.5-f00f897d1d-a3d4043675.zip b/.yarn/cache/@atls-prettier-plugin-npm-0.0.5-f00f897d1d-a3d4043675.zip
diff --git a/.yarn/cache/@atls-ui-generators-button-npm-0.0.10-894245f825-f624937ecf.zip b/.yarn/cache/@atls-ui-generators-button-npm-0.0.10-894245f825-f624937ecf.zip
diff --git a/.yarn/cache/@atls-ui-generators-utils-npm-0.0.4-199c776d99-32c1692bf0.zip b/.yarn/cache/@atls-ui-generators-utils-npm-0.0.4-199c776d99-32c1692bf0.zip
diff --git a/.yarn/cache/@atls-ui-parts-button-npm-0.0.10-329d3c9d3c-f887944b10.zip b/.yarn/cache/@atls-ui-parts-button-npm-0.0.10-329d3c9d3c-f887944b10.zip
diff --git a/.yarn/cache/@atls-ui-parts-conditional-render-npm-0.0.4-f7364af714-0a53cf5c8b.zip b/.yarn/cache/@atls-ui-parts-conditional-render-npm-0.0.4-f7364af714-0a53cf5c8b.zip
diff --git a/.yarn/cache/@atls-ui-parts-styles-npm-0.0.4-faa7b97a87-f47f1162cb.zip b/.yarn/cache/@atls-ui-parts-styles-npm-0.0.4-faa7b97a87-f47f1162cb.zip
diff --git a/.yarn/cache/@babel-standalone-npm-7.24.5-bdfaeeb13c-16d30f9be5.zip b/.yarn/cache/@babel-standalone-npm-7.24.5-bdfaeeb13c-16d30f9be5.zip
diff --git a/.yarn/cache/@emotion-babel-plugin-npm-11.11.0-c1dcc4c884-8de0176668.zip b/.yarn/cache/@emotion-babel-plugin-npm-11.11.0-c1dcc4c884-8de0176668.zip
diff --git a/.yarn/cache/@emotion-cache-npm-11.11.0-3e6e449071-ef29756247.zip b/.yarn/cache/@emotion-cache-npm-11.11.0-3e6e449071-ef29756247.zip
diff --git a/.yarn/cache/@emotion-hash-npm-0.9.1-650576c2b1-716e17e48b.zip b/.yarn/cache/@emotion-hash-npm-0.9.1-650576c2b1-716e17e48b.zip
diff --git a/.yarn/cache/@emotion-is-prop-valid-npm-1.2.2-53f93f2b2d-0fa3960abf.zip b/.yarn/cache/@emotion-is-prop-valid-npm-1.2.2-53f93f2b2d-0fa3960abf.zip
diff --git a/.yarn/cache/@emotion-react-npm-11.9.3-dcd9c32ac6-6d2c331a2a.zip b/.yarn/cache/@emotion-react-npm-11.9.3-dcd9c32ac6-6d2c331a2a.zip
diff --git a/.yarn/cache/@emotion-serialize-npm-1.1.4-5b0b39d76a-11fc4f9602.zip b/.yarn/cache/@emotion-serialize-npm-1.1.4-5b0b39d76a-11fc4f9602.zip
diff --git a/.yarn/cache/@emotion-sheet-npm-1.2.2-a918ac483c-cc46b20ef7.zip b/.yarn/cache/@emotion-sheet-npm-1.2.2-a918ac483c-cc46b20ef7.zip
diff --git a/.yarn/cache/@emotion-styled-npm-11.9.3-01b80e031e-03003a8ae5.zip b/.yarn/cache/@emotion-styled-npm-11.9.3-01b80e031e-03003a8ae5.zip
diff --git a/.yarn/cache/@emotion-unitless-npm-0.8.1-bcf0a8f565-918f73c46a.zip b/.yarn/cache/@emotion-unitless-npm-0.8.1-bcf0a8f565-918f73c46a.zip
diff --git a/.yarn/cache/@emotion-utils-npm-1.2.1-3d04f99348-472fa529c6.zip b/.yarn/cache/@emotion-utils-npm-1.2.1-3d04f99348-472fa529c6.zip
diff --git a/.yarn/cache/@emotion-weak-memoize-npm-0.2.5-9f2e49e7c8-27d402b0c6.zip b/.yarn/cache/@emotion-weak-memoize-npm-0.2.5-9f2e49e7c8-27d402b0c6.zip
diff --git a/.yarn/cache/@emotion-weak-memoize-npm-0.3.1-bfc18213af-b2be47caa2.zip b/.yarn/cache/@emotion-weak-memoize-npm-0.3.1-bfc18213af-b2be47caa2.zip
diff --git a/.yarn/cache/@next-env-npm-14.1.0-7b2d7071d0-8651faab78.zip b/.yarn/cache/@next-env-npm-14.1.0-7b2d7071d0-8651faab78.zip
diff --git a/.yarn/cache/@next-swc-linux-x64-gnu-npm-14.1.0-5a9ae6f5df-10.zip b/.yarn/cache/@next-swc-linux-x64-gnu-npm-14.1.0-5a9ae6f5df-10.zip
diff --git a/.yarn/cache/@styled-system-background-npm-5.1.2-0b07cb6c1a-8874bc2f99.zip b/.yarn/cache/@styled-system-background-npm-5.1.2-0b07cb6c1a-8874bc2f99.zip
diff --git a/.yarn/cache/@styled-system-border-npm-5.1.5-1e220a39fb-6070fbe468.zip b/.yarn/cache/@styled-system-border-npm-5.1.5-1e220a39fb-6070fbe468.zip
diff --git a/.yarn/cache/@styled-system-color-npm-5.1.2-5d4b83b046-16750fbc9e.zip b/.yarn/cache/@styled-system-color-npm-5.1.2-5d4b83b046-16750fbc9e.zip
diff --git a/.yarn/cache/@styled-system-core-npm-5.1.2-5088b617ae-8c08abc753.zip b/.yarn/cache/@styled-system-core-npm-5.1.2-5088b617ae-8c08abc753.zip
diff --git a/.yarn/cache/@styled-system-css-npm-5.1.5-3e0767f483-df37fcf058.zip b/.yarn/cache/@styled-system-css-npm-5.1.5-3e0767f483-df37fcf058.zip
diff --git a/.yarn/cache/@styled-system-flexbox-npm-5.1.2-9832e992b1-43c357b845.zip b/.yarn/cache/@styled-system-flexbox-npm-5.1.2-9832e992b1-43c357b845.zip
diff --git a/.yarn/cache/@styled-system-grid-npm-5.1.2-167dfa8f2b-09d3317cf6.zip b/.yarn/cache/@styled-system-grid-npm-5.1.2-167dfa8f2b-09d3317cf6.zip
diff --git a/.yarn/cache/@styled-system-layout-npm-5.1.2-ea143a71e4-0ffbc1cf32.zip b/.yarn/cache/@styled-system-layout-npm-5.1.2-ea143a71e4-0ffbc1cf32.zip
diff --git a/.yarn/cache/@styled-system-position-npm-5.1.2-ce38b58782-bf659a45fd.zip b/.yarn/cache/@styled-system-position-npm-5.1.2-ce38b58782-bf659a45fd.zip
diff --git a/.yarn/cache/@styled-system-shadow-npm-5.1.2-3ca697965a-6b13e35f7d.zip b/.yarn/cache/@styled-system-shadow-npm-5.1.2-3ca697965a-6b13e35f7d.zip
diff --git a/.yarn/cache/@styled-system-space-npm-5.1.2-b01a8feb6a-8946919fd9.zip b/.yarn/cache/@styled-system-space-npm-5.1.2-b01a8feb6a-8946919fd9.zip
diff --git a/.yarn/cache/@styled-system-typography-npm-5.1.2-5987b8ad66-fc931c8a01.zip b/.yarn/cache/@styled-system-typography-npm-5.1.2-5987b8ad66-fc931c8a01.zip
diff --git a/.yarn/cache/@styled-system-variant-npm-5.1.5-b63323f6f9-170b7dd0ab.zip b/.yarn/cache/@styled-system-variant-npm-5.1.5-b63323f6f9-170b7dd0ab.zip
diff --git a/...darwin-arm64-npm-1.4.11-f84970726c-10.zip → ...inux-x64-gnu-npm-1.4.11-fdac570252-10.zip b/...darwin-arm64-npm-1.4.11-f84970726c-10.zip → ...inux-x64-gnu-npm-1.4.11-fdac570252-10.zip
diff --git a/.yarn/cache/@swc-helpers-npm-0.5.2-f81ca286ad-3a3b179b33.zip b/.yarn/cache/@swc-helpers-npm-0.5.2-f81ca286ad-3a3b179b33.zip
diff --git a/.yarn/cache/@types-node-npm-20.11.5-b807d46a1a-9f31c47104.zip b/.yarn/cache/@types-node-npm-20.11.5-b807d46a1a-9f31c47104.zip
diff --git a/.yarn/cache/@types-parse-json-npm-4.0.2-f87f65692e-5bf62eec37.zip b/.yarn/cache/@types-parse-json-npm-4.0.2-f87f65692e-5bf62eec37.zip
diff --git a/.yarn/cache/@types-prop-types-npm-15.7.12-b093f43531-ac16cc3d0a.zip b/.yarn/cache/@types-prop-types-npm-15.7.12-b093f43531-ac16cc3d0a.zip
diff --git a/.yarn/cache/@types-react-dom-npm-18.2.18-b316a8af22-4ef7725b4c.zip b/.yarn/cache/@types-react-dom-npm-18.2.18-b316a8af22-4ef7725b4c.zip
diff --git a/.yarn/cache/@types-react-npm-18.2.48-3bda252d86-2e56ea6bd8.zip b/.yarn/cache/@types-react-npm-18.2.48-3bda252d86-2e56ea6bd8.zip
diff --git a/.yarn/cache/@types-scheduler-npm-0.23.0-a698c23f51-874d753aa6.zip b/.yarn/cache/@types-scheduler-npm-0.23.0-a698c23f51-874d753aa6.zip
diff --git a/.yarn/cache/@types-styled-system-npm-5.1.16-8dae4ab089-67068cd7f4.zip b/.yarn/cache/@types-styled-system-npm-5.1.16-8dae4ab089-67068cd7f4.zip
diff --git a/.yarn/cache/babel-plugin-macros-npm-3.1.0-320e781f4e-30be6ca45e.zip b/.yarn/cache/babel-plugin-macros-npm-3.1.0-320e781f4e-30be6ca45e.zip
diff --git a/.yarn/cache/busboy-npm-1.6.0-ebb5cbb04b-bee10fa10e.zip b/.yarn/cache/busboy-npm-1.6.0-ebb5cbb04b-bee10fa10e.zip
diff --git a/.yarn/cache/client-only-npm-0.0.1-07d3e9505c-0c16bf660d.zip b/.yarn/cache/client-only-npm-0.0.1-07d3e9505c-0c16bf660d.zip
diff --git a/.yarn/cache/commander-npm-9.5.0-993b3f2434-41c49b3d0f.zip b/.yarn/cache/commander-npm-9.5.0-993b3f2434-41c49b3d0f.zip
diff --git a/.yarn/cache/convert-source-map-npm-1.9.0-e294555f4b-dc55a1f28d.zip b/.yarn/cache/convert-source-map-npm-1.9.0-e294555f4b-dc55a1f28d.zip
diff --git a/.yarn/cache/cosmiconfig-npm-7.1.0-13a5090bcd-03600bb387.zip b/.yarn/cache/cosmiconfig-npm-7.1.0-13a5090bcd-03600bb387.zip
diff --git a/.yarn/cache/csstype-npm-3.1.3-e9a1c85013-f593cce41f.zip b/.yarn/cache/csstype-npm-3.1.3-e9a1c85013-f593cce41f.zip
diff --git a/.yarn/cache/fast-glob-npm-3.3.2-0a8cb4f2ca-222512e931.zip b/.yarn/cache/fast-glob-npm-3.3.2-0a8cb4f2ca-222512e931.zip
diff --git a/.yarn/cache/find-root-npm-1.1.0-a16a94005f-caa799c976.zip b/.yarn/cache/find-root-npm-1.1.0-a16a94005f-caa799c976.zip
diff --git a/.yarn/cache/fsevents-patch-6b67494872-10.zip b/.yarn/cache/fsevents-patch-6b67494872-10.zip
diff --git a/.yarn/cache/hoist-non-react-statics-npm-3.3.2-e7b709e6c1-1acbe85f33.zip b/.yarn/cache/hoist-non-react-statics-npm-3.3.2-e7b709e6c1-1acbe85f33.zip
diff --git a/.yarn/cache/ms-npm-2.1.3-81ff3cfac1-aa92de6080.zip b/.yarn/cache/ms-npm-2.1.3-81ff3cfac1-aa92de6080.zip
diff --git a/.yarn/cache/next-npm-14.1.0-a62036d298-1db512c5c8.zip b/.yarn/cache/next-npm-14.1.0-a62036d298-1db512c5c8.zip
diff --git a/.yarn/cache/postcss-npm-8.4.31-385051a82b-1a6653e721.zip b/.yarn/cache/postcss-npm-8.4.31-385051a82b-1a6653e721.zip
diff --git a/.yarn/cache/prettier-npm-2.8.8-430828a36c-00cdb6ab02.zip b/.yarn/cache/prettier-npm-2.8.8-430828a36c-00cdb6ab02.zip
diff --git a/.yarn/cache/react-dom-npm-18.2.0-dd675bca1c-ca5e7762ec.zip b/.yarn/cache/react-dom-npm-18.2.0-dd675bca1c-ca5e7762ec.zip
diff --git a/.yarn/cache/scheduler-npm-0.23.2-6d1dd9c2b7-e8d68b89d1.zip b/.yarn/cache/scheduler-npm-0.23.2-6d1dd9c2b7-e8d68b89d1.zip
diff --git a/.yarn/cache/source-map-npm-0.5.7-7c3f035429-9b4ac749ec.zip b/.yarn/cache/source-map-npm-0.5.7-7c3f035429-9b4ac749ec.zip
diff --git a/.yarn/cache/streamsearch-npm-1.1.0-fc3ad6536d-612c2b2a7d.zip b/.yarn/cache/streamsearch-npm-1.1.0-fc3ad6536d-612c2b2a7d.zip
diff --git a/.yarn/cache/styled-jsx-npm-5.1.1-2557a209ba-4f6a5d0010.zip b/.yarn/cache/styled-jsx-npm-5.1.1-2557a209ba-4f6a5d0010.zip
diff --git a/.yarn/cache/styled-system-npm-5.1.5-64d59c22e4-2d4df92d78.zip b/.yarn/cache/styled-system-npm-5.1.5-64d59c22e4-2d4df92d78.zip
diff --git a/.yarn/cache/styled-tools-npm-1.7.2-97a33384f1-d9d74e1450.zip b/.yarn/cache/styled-tools-npm-1.7.2-97a33384f1-d9d74e1450.zip
diff --git a/.yarn/cache/webpack-npm-5.91.0-5571fb1057-647ca53c15.zip b/.yarn/cache/webpack-npm-5.91.0-5571fb1057-647ca53c15.zip
diff --git a/.yarn/cache/yaml-npm-1.10.2-0e780aebdf-e088b37b4d.zip b/.yarn/cache/yaml-npm-1.10.2-0e780aebdf-e088b37b4d.zip
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -1,6 +1,6 @@
 compressionLevel: mixed
 
-defaultSemverRangePrefix: ''
+defaultSemverRangePrefix: ""
 
 enableGlobalCache: false
 

diff --git a/app/entrypoints/renderer/next.config.js b/app/entrypoints/renderer/next.config.js
@@ -0,0 +1,17 @@
+import { join } from 'path'
+import { dirname } from 'path'
+
+import { fileURLToPath } from 'url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+/** @type {import('next').NextConfig} */
+export default {
+    experimental: {
+        externalDir: true,
+        outputFileTracingRoot: join(__dirname, './'),
+        esmExternals: 'loose',
+    },
+    output: 'standalone',
+}
diff --git a/app/entrypoints/renderer/package.json b/app/entrypoints/renderer/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "@identity/renderer-entrypoint",
+  "version": "0.0.1",
+  "license": "BSD-3-Clause",
+  "type": "module",
+  "scripts": {
+    "build": "yarn next build src --no-lint && rm ./src/.next/standalone/package.json ; cp -r ./src/.next/standalone ./dist && cp -r ./src/.next/static ./dist/src/.next/static && mv ./dist/src/server.js ./dist/src/index.cjs",
+    "dev": "yarn next dev src",
+    "prepack": "run build",
+    "start": "node dist/src/index.cjs"
+  },
+  "dependencies": {
+    "next": "14.1.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "20.11.5",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
+    "typescript": "5.2.2"
+  }
+}
diff --git a/app/entrypoints/renderer/src/app/layout.tsx b/app/entrypoints/renderer/src/app/layout.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+export default function RootLayout({children,}: {
+    children: React.ReactNode
+}) {
+    return (
+        <html lang="en">
+        <body>{children}
+        <p>This is Layout</p>
+        </body>
+        </html>
+    )
+}
diff --git a/app/entrypoints/renderer/src/app/next.config.js b/app/entrypoints/renderer/src/app/next.config.js
@@ -0,0 +1,10 @@
+// @ts-check
+
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {
+    /* config options here */
+}
+
+export default nextConfig
diff --git a/app/entrypoints/renderer/src/app/page.tsx b/app/entrypoints/renderer/src/app/page.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+
+export default function Page() {
+    return
+
+        <h1>Team management</h1>}
diff --git a/app/entrypoints/renderer/src/next-env.d.ts b/app/entrypoints/renderer/src/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/app/entrypoints/renderer/src/tsconfig.json b/app/entrypoints/renderer/src/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "next-env.d.ts",
+    ".next/types/**/*.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/package.json b/package.json
@@ -1,10 +1,11 @@
 {
-  "name": "template",
+  "name": "team-management",
   "private": true,
   "license": "BSD 3-Clause",
-  "scripts": {
-    "prepare": "husky"
-  },
+  "workspaces": [
+    "app/**/*",
+    "ui/**/*"
+  ],
   "devDependencies": {
     "@atls/code-service": "0.1.4",
     "@atls/config-eslint": "0.0.12",
@@ -14,10 +15,18 @@
     "@types/eslint": "^8",
     "@types/jest": "29.5.12",
     "@types/node": "20.12.8",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
     "eslint": "8.57.0",
     "husky": "9.0.11",
     "prettier": "3.1.1",
     "typescript": "5.2.2"
   },
-  "packageManager": "[email protected]"
+  "packageManager": "[email protected]",
+  "linterIgnorePatterns": [
+    "**/next.config.js"
+  ],
+  "typecheckIgnorePatterns": [
+    "**/next-env.d.ts"
+  ]
 }
diff --git a/ui/avatar/package.json b/ui/avatar/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "@atls-ui-proto/avatar",
+  "version": "0.1.1",
+  "license": "BSD-3-Clause",
+  "main": "src/index.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "yarn library build",
+    "prepack": "yarn run build",
+    "postpack": "rm -rf dist"
+  },
+  "dependencies": {
+    "@atls-ui-proto/core": "workspace:*",
+    "@radix-ui/react-avatar": "1.0.3",
+    "@stitches/react": "1.2.8"
+  },
+  "devDependencies": {
+    "@atls-ui-parts/text-transform": "workspace:*",
+    "@emotion/styled": "11.11.0",
+    "@types/node": "20.5.7",
+    "@types/react": "18.2.48",
+    "@types/react-dom": "18.2.18",
+    "@types/styled-system": "5.1.22",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "styled-system": "5.1.5",
+    "styled-tools": "1.7.2"
+  },
+  "peerDependencies": {
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "styled-system": "5.1.5",
+    "styled-tools": "1.7.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.js",
+    "typings": "dist/index.d.ts"
+  }
+}
diff --git a/ui/avatar/src/avatar-fallback.component.tsx b/ui/avatar/src/avatar-fallback.component.tsx
@@ -0,0 +1,35 @@
+import { Fallback } from '@radix-ui/react-avatar'
+
+import { styled }   from '@atls-ui-proto/core'
+import { theme }    from '@atls-ui-proto/core'
+
+export const AvatarFallback = styled(Fallback, {
+  width: '100%',
+  height: '100%',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  fontFamily: theme.fonts.primary,
+  color: theme.colors.white,
+
+  variants: {
+    size: {
+      small: {
+        fontWeight: theme.fontWeights.bold,
+        fontSize: 18,
+      },
+      normal: {
+        fontWeight: theme.fontWeights.bold,
+        fontSize: 20,
+      },
+      large: {
+        fontWeight: theme.fontWeights.bold,
+        fontSize: 22,
+      },
+    },
+  },
+
+  defaultVariants: {
+    size: 'normal',
+  },
+})
diff --git a/ui/avatar/src/avatar-image.component.tsx b/ui/avatar/src/avatar-image.component.tsx
@@ -0,0 +1,10 @@
+import { Image }  from '@radix-ui/react-avatar'
+
+import { styled } from '@atls-ui-proto/core'
+
+export const AvatarImage = styled(Image, {
+  width: '100%',
+  height: '100%',
+  objectFit: 'cover',
+  borderRadius: 'inherit',
+})
diff --git a/ui/avatar/src/avatar.component.tsx b/ui/avatar/src/avatar.component.tsx
@@ -0,0 +1,45 @@
+import { Root }   from '@radix-ui/react-avatar'
+
+import { styled } from '@atls-ui-proto/core'
+import { theme }  from '@atls-ui-proto/core'
+
+export const Avatar = styled(Root, {
+  alignItems: 'center',
+  display: 'flex',
+  justifyContent: 'center',
+  verticalAlign: 'middle',
+  overflow: 'hidden',
+  boxSizing: 'border-box',
+  userSelect: 'none',
+  backgroundColor: theme.colors.black,
+
+  variants: {
+    shape: {
+      circle: {
+        borderRadius: '100%',
+      },
+      square: {
+        borderRadius: 4,
+      },
+    },
+    size: {
+      small: {
+        width: 40,
+        height: 40,
+      },
+      normal: {
+        width: 48,
+        height: 48,
+      },
+      large: {
+        height: 56,
+        width: 56,
+      },
+    },
+  },
+
+  defaultVariants: {
+    shape: 'circle',
+    size: 'normal',
+  },
+})
diff --git a/ui/avatar/src/avatar.stories.tsx b/ui/avatar/src/avatar.stories.tsx
@@ -0,0 +1,68 @@
+import React                    from 'react'
+
+import { TextTransform }        from '@atls-ui-parts/text-transform'
+
+import { AvatarFallback }       from './avatar-fallback.component'
+import { AvatarImage }          from './avatar-image.component'
+import { Avatar as AvatarRoot } from './avatar.component'
+
+export default {
+  title: 'Components/Avatar',
+}
+
+export const Avatar = ({ size, shape, image, fallback }) => (
+  <AvatarRoot shape={shape} size={size}>
+    <AvatarImage src={image} />
+    <AvatarFallback size={size}>
+      <TextTransform firstLetter upperCase>
+        {fallback}
+      </TextTransform>
+    </AvatarFallback>
+  </AvatarRoot>
+)
+
+Avatar.args = {
+  image: 'https://images.unsplash.com/photo-1492633423870-43d1cd2775eb?&w=128&h=128&dpr=2&q=80',
+  fallback: 'Аватар',
+  size: 'normal',
+  shape: 'circle',
+}
+
+Avatar.argTypes = {
+  image: {
+    name: 'Изображение',
+    description: 'Основной контент, изображение',
+    table: {
+      category: 'Наполнение',
+    },
+  },
+  fallback: {
+    name: 'Контент',
+    description: 'Основной контент, описание',
+    table: {
+      category: 'Наполнение',
+    },
+  },
+  size: {
+    name: 'Размер',
+    description: 'Размер',
+    control: {
+      type: 'radio',
+      options: ['small', 'normal', 'large'],
+    },
+    table: {
+      category: 'Форма',
+    },
+  },
+  shape: {
+    name: 'Форма',
+    description: 'Форма кнопки',
+    table: {
+      category: 'Форма',
+    },
+    control: {
+      type: 'inline-radio',
+      options: ['square', 'circle'],
+    },
+  },
+}
diff --git a/ui/avatar/src/index.ts b/ui/avatar/src/index.ts
@@ -0,0 +1,3 @@
+export * from './avatar-fallback.component'
+export * from './avatar-image.component'
+export * from './avatar.component'
diff --git a/ui/button/README.md b/ui/button/README.md
@@ -0,0 +1,9 @@
+# Changelog
+
+## BREAKING CHANGE 0.0.18
+
+Для отсутствия ошибки `Warning: Received `true` for a non-boolean attribute ...` используются
+[`transient-props`](https://styled-components.com/docs/api#transient-props)
+
+- пропс `fill` => `$fill`
+- пропс `inverted` => `$inverted`