chore(design-tokens): 🤖 convert font sizing to rem for acessibility

.github/workflows/build-health-checkup.yml

@@ -26,7 +26,9 @@ jobs:
         run: yarn install --immutable
 
       - name: Build
+        working-directory: packages/click-ui
         run: yarn build
 
       - name: Build output health check
+        working-directory: packages/click-ui
         run: yarn build:health_check

.github/workflows/chromatic-deployment.yml

@@ -28,3 +28,4 @@ jobs:
         uses: chromaui/action@latest
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          workingDir: packages/click-ui

.github/workflows/code-quality.yml

@@ -23,13 +23,17 @@ jobs:
         run: yarn install --immutable
 
       - name: Typecheck
+        working-directory: packages/click-ui
         run: yarn typecheck
 
       - name: Linter
+        working-directory: packages/click-ui
         run: yarn lint
 
       - name: Formatter
+        working-directory: packages/click-ui
         run: yarn format
 
       - name: Circular Dependencies
+        working-directory: packages/click-ui
         run: yarn circular-dependency:check

.github/workflows/create-release.yml

@@ -114,8 +114,8 @@ jobs:
           CURRENT_TAG="N/A"
           IS_PRERELEASE="false"
 
-          if [[ -f .changeset/pre.json ]]; then
-            CURRENT_TAG=$(node -p "require('./.changeset/pre.json').tag")
+          if [[ -f packages/click-ui/.changeset/pre.json ]]; then
+            CURRENT_TAG=$(node -p "require('./packages/click-ui/.changeset/pre.json').tag")
             IS_PRERELEASE="true"
             echo "prerelease=true" >> $GITHUB_OUTPUT
             echo "current_tag=$CURRENT_TAG" >> $GITHUB_OUTPUT
@@ -131,7 +131,7 @@ jobs:
       - name: Prevent promotion without changes
         if: steps.check-prerelease.outputs.prerelease == 'true' && steps.check-prerelease.outputs.current_tag != inputs.release_type
         run: |
-          CHANGESET_COUNT=$(find .changeset -name "*.md" ! -name "README.md" | wc -l | tr -d ' ')
+          CHANGESET_COUNT=$(find packages/click-ui/.changeset -name "*.md" ! -name "README.md" | wc -l | tr -d ' ')
           echo "🔍 Debug: changeset_count=$CHANGESET_COUNT"
 
           if [[ "$CHANGESET_COUNT" -eq 0 ]]; then
@@ -145,7 +145,7 @@ jobs:
         run: |
           echo "Must exit pre-release mode..."
 
-          if ! yarn changeset pre exit; then
+          if ! yarn workspace @clickhouse/click-ui changeset pre exit; then
             echo "👹 Oops! Failed to exit pre-release mode for some reason..."
             exit 1
           else
@@ -156,7 +156,7 @@ jobs:
         if: steps.check-prerelease.outputs.prerelease == 'true' && steps.check-prerelease.outputs.current_tag != inputs.release_type && inputs.release_type != 'latest' && inputs.release_type != 'stable'
         run: |
           echo "🔄 Switching from ${{ steps.check-prerelease.outputs.current_tag }} to ${{ inputs.release_type }} prerelease mode"
-          if ! yarn changeset pre exit; then
+          if ! yarn workspace @clickhouse/click-ui changeset pre exit; then
             echo "👹 Oops! Failed to exit current prerelease mode for some reason..."
             exit 1
           else
@@ -167,7 +167,7 @@ jobs:
         if: inputs.release_type != 'latest' && inputs.release_type != 'stable' && (steps.check-prerelease.outputs.prerelease != 'true' || steps.check-prerelease.outputs.current_tag != inputs.release_type)
         run: |
           echo "🤖 Entering ${{ inputs.release_type }} prerelease mode"
-          yarn changeset pre enter ${{ inputs.release_type }}
+          yarn workspace @clickhouse/click-ui changeset pre enter ${{ inputs.release_type }}
 
       - name: Validate latest release eligibility
         if: (inputs.release_type == 'latest' || inputs.release_type == 'stable') && steps.check-prerelease.outputs.prerelease != 'true'
@@ -187,7 +187,7 @@ jobs:
         id: version-package
         run: |
           echo "📦 Versioning packages..."
-          if ! yarn changeset:version; then
+          if ! yarn workspace @clickhouse/click-ui changeset:version; then
             echo "👹 Oops! Failed to do changeset versioning for some reason..."
             exit 1
           else
@@ -201,8 +201,8 @@ jobs:
             exit 1
           fi
 
-          VERSION=$(node -p "require('./package.json').version")
-          PKG_NAME=$(node -p "require('./package.json').name")
+          VERSION=$(node -p "require('./packages/click-ui/package.json').version")
+          PKG_NAME=$(node -p "require('./packages/click-ui/package.json').name")
           echo "version=$VERSION" >> $GITHUB_OUTPUT
           echo "package_name=$PKG_NAME" >> $GITHUB_OUTPUT
 
@@ -249,7 +249,7 @@ jobs:
         run: |
           # WARNING: This is coupled with a verify release commit
           # if you need to modify, apply the changes accordingly
-          COMMIT_TITLE=$(.scripts/bash/generate-release-commit-message "${{ steps.version-package.outputs.version }}" "${{ inputs.release_type }}")
+          COMMIT_TITLE=$(packages/click-ui/.scripts/bash/generate-release-commit-message "${{ steps.version-package.outputs.version }}" "${{ inputs.release_type }}")
 
           echo "title=$COMMIT_TITLE" >> $GITHUB_OUTPUT
           echo "branch=changeset-release/v${{ steps.version-package.outputs.version }}-${{ inputs.release_type }}" >> $GITHUB_OUTPUT

.github/workflows/publish.yml

@@ -63,10 +63,12 @@ jobs:
           git config user.name "GitHub Actions"
       - name: Bump package version (for version inputs)
         if: ${{ env.IS_VERSION_INPUT == 'true' }}
+        working-directory: packages/click-ui
         run: |
           npm pkg set version=$GITHUB_TAG
       - name: Generate prerelease version (for tag inputs)
         if: ${{ env.IS_VERSION_INPUT == 'false' }}
+        working-directory: packages/click-ui
         run: |
           # Get current version from package.json
           CURRENT_VERSION=$(node -p "require('./package.json').version")
@@ -88,7 +90,9 @@ jobs:
       - name: Install dependencies
         run: yarn install --immutable
       - run: yarn test
+        working-directory: packages/click-ui
       - run: yarn build
+        working-directory: packages/click-ui
       - name: Determine npm tag
         run: |
           # If it's a version input (e.g., 0.0.242 or 0.0.242-beta.1), check for prerelease keywords
@@ -103,11 +107,12 @@ jobs:
             echo "NPM_TAG=$GITHUB_TAG" >> "$GITHUB_ENV"
           fi
       - name: Publish to npm with OIDC
+        working-directory: packages/click-ui
         run: npm publish --access public --tag $NPM_TAG --provenance
       - name: update package version (for version inputs only)
         if: ${{ env.IS_VERSION_INPUT == 'true' }}
         run: |
-          git add package.json yarn.lock
+          git add packages/click-ui/package.json yarn.lock
           git commit -m 'bump version to ${{ env.GITHUB_TAG }}'
           git push
       - name: Create and push git tag (for version inputs only)

.github/workflows/pull-request-slack-notification.yml

@@ -19,8 +19,8 @@ jobs:
           PR_BODY: ${{ github.event.pull_request.body }}
           PR_TITLE: ${{ github.event.pull_request.title }}
         run: |
-          DESC=$(.scripts/bash/pull-request-truncate-body "$PR_BODY")
-          TITLE=$(.scripts/bash/pull-request-json-escape "$PR_TITLE")
+          DESC=$(packages/click-ui/.scripts/bash/pull-request-truncate-body "$PR_BODY")
+          TITLE=$(packages/click-ui/.scripts/bash/pull-request-json-escape "$PR_TITLE")
 
           echo "description=$DESC" >> $GITHUB_OUTPUT
           echo "title=$TITLE" >> $GITHUB_OUTPUT

.github/workflows/release-publisher.yml

@@ -36,7 +36,7 @@ jobs:
           # WARNING: This is coupled with generate release commit
           # if you need to modify, apply the changes accordingly
           # Script outputs "VERSION RELEASE_TYPE" on success (e.g., "1.2.3 latest")
-          if OUTPUT=$(.scripts/bash/verify-release-commit "$COMMIT_MSG"); then
+          if OUTPUT=$(packages/click-ui/.scripts/bash/verify-release-commit "$COMMIT_MSG"); then
             VERSION=$(echo "$OUTPUT" | awk '{print $1}')
             RELEASE_TYPE=$(echo "$OUTPUT" | awk '{print $2}')
             echo "✅ Detected release PR merge for version $VERSION ($RELEASE_TYPE)"
@@ -121,11 +121,13 @@ jobs:
 
       - name: Build package
         if: steps.verify-merge.outputs.is_release == 'true'
+        working-directory: packages/click-ui
         run: yarn build
 
       - name: Get package info
         if: steps.verify-merge.outputs.is_release == 'true'
         id: package-info
+        working-directory: packages/click-ui
         run: |
           VERSION="${{ steps.verify-merge.outputs.version }}"
           RELEASE_TYPE="${{ steps.verify-merge.outputs.release_type }}"
@@ -146,6 +148,7 @@ jobs:
 
       - name: Publish to npm over OpenID Connect (OIDC)
         if: steps.verify-merge.outputs.is_release == 'true'
+        working-directory: packages/click-ui
         run: |
           # WARNING: It's preferred NPM for publishing
           npm publish \
@@ -158,23 +161,20 @@ jobs:
         id: changelog
         run: |
           VERSION="${{ steps.verify-merge.outputs.version }}"
-          CHANGELOG_PATH="CHANGELOG.md"
-          CHANGELOG_OUTPUT_TEMP_PATH="/tmp/changelog.txt"
-          FALLBACK_MSG="📝 See [CHANGELOG.md](./CHANGELOG.md) for details."
 
-          CHANGELOG=""
-          if [[ -f "$CHANGELOG_PATH" ]]; then
-            CHANGELOG=$(.scripts/bash/extract-changelog "$VERSION" "$CHANGELOG_PATH")
-          fi
+          if [[ -f packages/click-ui/CHANGELOG.md ]]; then
+            CHANGELOG=$(awk "/## $VERSION/,/## [0-9]/" packages/click-ui/CHANGELOG.md | sed '1d;$d' | sed '/^$/d')
 
-          if [[ -n "$CHANGELOG" ]]; then
-            echo "$CHANGELOG" > "$CHANGELOG_OUTPUT_TEMP_PATH"
+            if [[ -z "$CHANGELOG" ]]; then
+              CHANGELOG="📝 See [CHANGELOG.md](./CHANGELOG.md) for details."
+            fi
           else
-            echo "No changelog available for version $VERSION." > "$CHANGELOG_OUTPUT_TEMP_PATH"
-            echo "" >> "$CHANGELOG_OUTPUT_TEMP_PATH"
-            echo "$FALLBACK_MSG" >> "$CHANGELOG_OUTPUT_TEMP_PATH"
+            CHANGELOG="No changelog available."
           fi
 
+          # Try persist multiple lines
+          echo "$CHANGELOG" > /tmp/changelog.txt
+
       - name: Create GitHub Release
         if: steps.verify-merge.outputs.is_release == 'true'
         uses: softprops/action-gh-release@v1

.github/workflows/storybook-vercel.yml

@@ -13,7 +13,7 @@ permissions:
 
 env:
   HUSKY: 0
-  STORYBOOK_BUILD_DIR: .storybook/out
+  STORYBOOK_BUILD_DIR: packages/click-ui/.storybook/out
   VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
   VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
   VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
@@ -50,6 +50,7 @@ jobs:
         run: npm install --global vercel@latest
 
       - name: Build Storybook
+        working-directory: packages/click-ui
         run: yarn storybook:build
 
       - name: Pull Vercel Environment Information
@@ -99,7 +100,7 @@ jobs:
         run: |
           COMMIT_MSG=$(git log -1 --format=%s)
 
-          if OUTPUT=$(.scripts/bash/verify-release-commit "$COMMIT_MSG"); then
+          if OUTPUT=$(packages/click-ui/.scripts/bash/verify-release-commit "$COMMIT_MSG"); then
             VERSION=$(echo "$OUTPUT" | awk '{print $1}')
             RELEASE_TYPE=$(echo "$OUTPUT" | awk '{print $2}')
             echo "🤖 Detected release commit for version $VERSION ($RELEASE_TYPE) will deploy..."

.github/workflows/unit-tests.yml

@@ -24,4 +24,5 @@ jobs:
         run: yarn install --immutable
 
       - name: unit tests
+        working-directory: packages/click-ui
         run: yarn test

.gitignore

@@ -10,6 +10,10 @@ vite.config.ts.timestamp*
 .storybook/out
 tmp/*
 
+# Workspace patterns
+packages/*/.storybook/out
+packages/*/dist
+
 .yarn/*
 !.yarn/releases
 !.yarn/plugins

.husky/pre-commit

@@ -31,24 +31,20 @@ else
   exit 1
 fi
 
-if yarn changeset:verify; then
-  echo "✅ Changeset file's included!"
+if yarn workspace @clickhouse/click-ui circular-dependency:check; then
+  echo "✅ Circular dependency check is good!"
 else
-  echo "⚠️ WARNING: You must include a changeset!"
-  echo "💡 Use the command yarn changeset:add"
+  echo "⚠️ WARNING: Circular dependency checkup found issues, fix them before committing, please!"
+  echo "💡 Use the following command to get further reports in your resolution yarn workspace @clickhouse/click-ui circular-dependency:check"
   exit 1
 fi
 
-if [[ -n "$RUN_DEPS_CHECK" ]]; then
-  if yarn circular-dependency:check; then
-    echo "✅ Circular dependency check is good!"
-  else
-    echo "⚠️ WARNING: Circular dependency checkup found issues, fix them before committing, please!"
-    echo "💡 Use the following command to get further reports in your resolution yarn circular-dependency:check"
-    exit 1
-  fi
+if yarn workspace @clickhouse/click-ui changeset:verify; then
+  echo "✅ Changeset file's included!"
 else
-  echo "🦖 Skipped circular dependency check! To enable set RUN_DEPS_CHECK=1"
+  echo "⚠️ WARNING: You must include a changeset!"
+  echo "💡 Use the command yarn workspace @clickhouse/click-ui changeset:add"
+  exit 1
 fi
 
 echo "👍 Health check completed."