@flowstack-ui/brick 0.1.0

package/package.json

@@ -0,0 +1,448 @@
+{
+  "name": "@flowstack-ui/brick",
+  "version": "0.1.0",
+  "description": "Opinionated styled React components built on @flowstack-ui/atom.",
+  "type": "module",
+  "license": "MIT",
+  "workspaces": [
+    "apps/consumer"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "keywords": [
+    "flowstack-ui",
+    "brick",
+    "react",
+    "components",
+    "design-system"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flowstack-ui/brick.git"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./button": {
+      "types": "./dist/button.d.ts",
+      "default": "./dist/button.js"
+    },
+    "./icon-button": {
+      "types": "./dist/icon-button.d.ts",
+      "default": "./dist/icon-button.js"
+    },
+    "./icon": {
+      "types": "./dist/icon.d.ts",
+      "default": "./dist/icon.js"
+    },
+    "./image": {
+      "types": "./dist/image.d.ts",
+      "default": "./dist/image.js"
+    },
+    "./aspect-ratio": {
+      "types": "./dist/aspect-ratio.d.ts",
+      "default": "./dist/aspect-ratio.js"
+    },
+    "./app-bar": {
+      "types": "./dist/app-bar.d.ts",
+      "default": "./dist/app-bar.js"
+    },
+    "./card": {
+      "types": "./dist/card.d.ts",
+      "default": "./dist/card.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog.d.ts",
+      "default": "./dist/dialog.js"
+    },
+    "./alert-dialog": {
+      "types": "./dist/alert-dialog.d.ts",
+      "default": "./dist/alert-dialog.js"
+    },
+    "./drawer": {
+      "types": "./dist/drawer.d.ts",
+      "default": "./dist/drawer.js"
+    },
+    "./badge": {
+      "types": "./dist/badge.d.ts",
+      "default": "./dist/badge.js"
+    },
+    "./chip": {
+      "types": "./dist/chip.d.ts",
+      "default": "./dist/chip.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar.d.ts",
+      "default": "./dist/avatar.js"
+    },
+    "./toggle": {
+      "types": "./dist/toggle.d.ts",
+      "default": "./dist/toggle.js"
+    },
+    "./toggle-group": {
+      "types": "./dist/toggle-group.d.ts",
+      "default": "./dist/toggle-group.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip.d.ts",
+      "default": "./dist/tooltip.js"
+    },
+    "./hover-card": {
+      "types": "./dist/hover-card.d.ts",
+      "default": "./dist/hover-card.js"
+    },
+    "./popover": {
+      "types": "./dist/popover.d.ts",
+      "default": "./dist/popover.js"
+    },
+    "./form": {
+      "types": "./dist/form.d.ts",
+      "default": "./dist/form.js"
+    },
+    "./field": {
+      "types": "./dist/field.d.ts",
+      "default": "./dist/field.js"
+    },
+    "./fieldset": {
+      "types": "./dist/fieldset.d.ts",
+      "default": "./dist/fieldset.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox.d.ts",
+      "default": "./dist/checkbox.js"
+    },
+    "./checkbox-group": {
+      "types": "./dist/checkbox-group.d.ts",
+      "default": "./dist/checkbox-group.js"
+    },
+    "./radio-group": {
+      "types": "./dist/radio-group.d.ts",
+      "default": "./dist/radio-group.js"
+    },
+    "./switch": {
+      "types": "./dist/switch.d.ts",
+      "default": "./dist/switch.js"
+    },
+    "./breadcrumb": {
+      "types": "./dist/breadcrumb.d.ts",
+      "default": "./dist/breadcrumb.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs.d.ts",
+      "default": "./dist/tabs.js"
+    },
+    "./dropdown-menu": {
+      "types": "./dist/dropdown-menu.d.ts",
+      "default": "./dist/dropdown-menu.js"
+    },
+    "./context-menu": {
+      "types": "./dist/context-menu.d.ts",
+      "default": "./dist/context-menu.js"
+    },
+    "./menubar": {
+      "types": "./dist/menubar.d.ts",
+      "default": "./dist/menubar.js"
+    },
+    "./navigation-menu": {
+      "types": "./dist/navigation-menu.d.ts",
+      "default": "./dist/navigation-menu.js"
+    },
+    "./bottom-navigation": {
+      "types": "./dist/bottom-navigation.d.ts",
+      "default": "./dist/bottom-navigation.js"
+    },
+    "./visually-hidden": {
+      "types": "./dist/visually-hidden.d.ts",
+      "default": "./dist/visually-hidden.js"
+    },
+    "./skip-link": {
+      "types": "./dist/skip-link.d.ts",
+      "default": "./dist/skip-link.js"
+    },
+    "./show": {
+      "types": "./dist/show.d.ts",
+      "default": "./dist/show.js"
+    },
+    "./hide": {
+      "types": "./dist/hide.d.ts",
+      "default": "./dist/hide.js"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton.d.ts",
+      "default": "./dist/skeleton.js"
+    },
+    "./progress": {
+      "types": "./dist/progress.d.ts",
+      "default": "./dist/progress.js"
+    },
+    "./progress-circle": {
+      "types": "./dist/progress-circle.d.ts",
+      "default": "./dist/progress-circle.js"
+    },
+    "./slider": {
+      "types": "./dist/slider.d.ts",
+      "default": "./dist/slider.js"
+    },
+    "./rating": {
+      "types": "./dist/rating.d.ts",
+      "default": "./dist/rating.js"
+    },
+    "./file-upload": {
+      "types": "./dist/file-upload.d.ts",
+      "default": "./dist/file-upload.js"
+    },
+    "./feed": {
+      "types": "./dist/feed.d.ts",
+      "default": "./dist/feed.js"
+    },
+    "./swipeable-item": {
+      "types": "./dist/swipeable-item.d.ts",
+      "default": "./dist/swipeable-item.js"
+    },
+    "./toast": {
+      "types": "./dist/toast.d.ts",
+      "default": "./dist/toast.js"
+    },
+    "./collapsible": {
+      "types": "./dist/collapsible.d.ts",
+      "default": "./dist/collapsible.js"
+    },
+    "./accordion": {
+      "types": "./dist/accordion.d.ts",
+      "default": "./dist/accordion.js"
+    },
+    "./input": {
+      "types": "./dist/input.d.ts",
+      "default": "./dist/input.js"
+    },
+    "./number-input": {
+      "types": "./dist/number-input.d.ts",
+      "default": "./dist/number-input.js"
+    },
+    "./otp-field": {
+      "types": "./dist/otp-field.d.ts",
+      "default": "./dist/otp-field.js"
+    },
+    "./password-toggle-field": {
+      "types": "./dist/password-toggle-field.d.ts",
+      "default": "./dist/password-toggle-field.js"
+    },
+    "./textarea": {
+      "types": "./dist/textarea.d.ts",
+      "default": "./dist/textarea.js"
+    },
+    "./select": {
+      "types": "./dist/select.d.ts",
+      "default": "./dist/select.js"
+    },
+    "./multi-select": {
+      "types": "./dist/multi-select.d.ts",
+      "default": "./dist/multi-select.js"
+    },
+    "./combobox": {
+      "types": "./dist/combobox.d.ts",
+      "default": "./dist/combobox.js"
+    },
+    "./text": {
+      "types": "./dist/text.d.ts",
+      "default": "./dist/text.js"
+    },
+    "./link": {
+      "types": "./dist/link.d.ts",
+      "default": "./dist/link.js"
+    },
+    "./list": {
+      "types": "./dist/list.d.ts",
+      "default": "./dist/list.js"
+    },
+    "./table": {
+      "types": "./dist/table.d.ts",
+      "default": "./dist/table.js"
+    },
+    "./data-grid": {
+      "types": "./dist/data-grid.d.ts",
+      "default": "./dist/data-grid.js"
+    },
+    "./tree-grid": {
+      "types": "./dist/tree-grid.d.ts",
+      "default": "./dist/tree-grid.js"
+    },
+    "./tree": {
+      "types": "./dist/tree.d.ts",
+      "default": "./dist/tree.js"
+    },
+    "./toolbar": {
+      "types": "./dist/toolbar.d.ts",
+      "default": "./dist/toolbar.js"
+    },
+    "./pagination": {
+      "types": "./dist/pagination.d.ts",
+      "default": "./dist/pagination.js"
+    },
+    "./stack": {
+      "types": "./dist/stack.d.ts",
+      "default": "./dist/stack.js"
+    },
+    "./grid": {
+      "types": "./dist/grid.d.ts",
+      "default": "./dist/grid.js"
+    },
+    "./container": {
+      "types": "./dist/container.d.ts",
+      "default": "./dist/container.js"
+    },
+    "./surface": {
+      "types": "./dist/surface.d.ts",
+      "default": "./dist/surface.js"
+    },
+    "./divider": {
+      "types": "./dist/divider.d.ts",
+      "default": "./dist/divider.js"
+    },
+    "./scroll-area": {
+      "types": "./dist/scroll-area.d.ts",
+      "default": "./dist/scroll-area.js"
+    },
+    "./code": {
+      "types": "./dist/code.d.ts",
+      "default": "./dist/code.js"
+    },
+    "./code-block": {
+      "types": "./dist/code-block.d.ts",
+      "default": "./dist/code-block.js"
+    },
+    "./nav-list": {
+      "types": "./dist/nav-list.d.ts",
+      "default": "./dist/nav-list.js"
+    },
+    "./sidebar": {
+      "types": "./dist/sidebar.d.ts",
+      "default": "./dist/sidebar.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./reset.css": "./dist/reset.css"
+  },
+  "files": [
+    "dist",
+    "docs/guides/installation.md",
+    "docs/guides/appearance-and-tokens.md"
+  ],
+  "scripts": {
+    "clean": "node scripts/clean.mjs",
+    "build": "npm run clean && npm run build:js && npm run build:css",
+    "build:js": "tsc -p tsconfig.build.json",
+    "build:css": "node scripts/build-styles.mjs --mode production",
+    "build:css:dev": "node scripts/build-styles.mjs --mode development",
+    "build:playground": "npm run build && npm run build:playground:built",
+    "build:playground:built": "vite build --config playground/vite.config.ts",
+    "build:consumer": "npm run build && npm run build:consumer:built",
+    "build:consumer:built": "npm run build -w apps/consumer",
+    "dev": "npm run dev:playground",
+    "dev:playground": "npm run build && vite --config playground/vite.config.ts",
+    "dev:playground:network": "npm run build && vite --config playground/vite.config.ts --host 0.0.0.0",
+    "dev:consumer": "npm run build && npm run dev -w apps/consumer",
+    "dev:consumer:network": "npm run build && npm run dev:network -w apps/consumer",
+    "dev:test": "vitest",
+    "docs:component": "node scripts/verify-component-docs.mjs",
+    "docs:component:semantic": "node scripts/verify-component-documentation-contracts.mjs",
+    "preview:playground": "vite preview --config playground/vite.config.ts",
+    "typecheck": "npm run build && npm run typecheck:built",
+    "typecheck:built": "tsc -p tsconfig.tools.json && tsc -p test/types/tsconfig.json && tsc -p playground/tsconfig.json",
+    "test": "npm run test:node && npm run test:components && npm run test:css",
+    "test:node": "npm run build && npm run test:node:built",
+    "test:node:built": "node --test test/package/*.test.mjs",
+    "test:components": "vitest run --coverage",
+    "test:component": "node scripts/test-component.mjs all",
+    "test:component:unit": "node scripts/test-component.mjs unit",
+    "test:component:types": "node scripts/test-component.mjs types",
+    "test:component:browser": "node scripts/test-component.mjs browser",
+    "test:component:visual": "node scripts/test-component.mjs visual",
+    "test:ownership": "node scripts/verify-component-tests.mjs",
+    "test:integration": "vitest run test/integration --coverage=false && npm run build:playground && npm run test:processes && playwright test playground/tests/integration --project=chromium",
+    "test:css": "node scripts/prototype-css.mjs",
+    "test:browser": "npm run build:playground && npm run test:browser:project:built -- chromium",
+    "test:browser:project:built": "npm run test:processes && node scripts/run-browser-project.mjs",
+    "test:browser:release": "npm run build:playground && npm run test:browser:release:built",
+    "test:browser:release:built": "npm run test:processes && node scripts/run-release-browser-tests.mjs",
+    "test:browser:release:project:built": "npm run test:processes && node scripts/run-release-browser-tests.mjs",
+    "test:consumer": "npm run build && npm test -w apps/consumer",
+    "test:visual": "npm run build:playground && npm run test:processes && playwright test playground/tests/components/*/visual.spec.ts --project=chromium",
+    "test:visual:update": "npm run build:playground && npm run test:processes && playwright test playground/tests/components/*/visual.spec.ts --project=chromium --update-snapshots",
+    "test:all": "npm run check:release",
+    "size:css": "node scripts/report-css-size.mjs",
+    "pack:check": "node scripts/verify-package.mjs --dry-run",
+    "pack:check:archive": "node scripts/verify-package.mjs --tarball",
+    "verify:consumers": "npm run build && npm run verify:consumers:built",
+    "verify:consumers:built": "node scripts/verify-consumers.mjs",
+    "verify:consumers:archive": "node scripts/verify-consumers.mjs --tarball",
+    "verify:consumer": "npm run build && npm run verify:consumer:built",
+    "verify:consumer:built": "node scripts/verify-app-consumer.mjs",
+    "verify:consumer:archive": "node scripts/verify-app-consumer.mjs --tarball",
+    "verify:repository-contract": "node scripts/verify-repository-contract.mjs",
+    "test:processes": "node scripts/check-test-ports.mjs",
+    "verify:typography": "node scripts/verify-typography.mjs",
+    "verify:playground-primitives": "node scripts/verify-playground-primitives.mjs",
+    "verify:playground-stack": "node scripts/verify-playground-stack.mjs",
+    "verify:playground-grid": "node scripts/verify-playground-grid.mjs",
+    "verify:playground-container": "node scripts/verify-playground-container.mjs",
+    "verify:playground-surface": "node scripts/verify-playground-surface.mjs",
+    "verify:playground-divider": "node scripts/verify-playground-divider.mjs",
+    "verify:playground-scroll-area": "node scripts/verify-playground-scroll-area.mjs",
+    "verify:playground-code": "node scripts/verify-playground-code.mjs",
+    "verify:playground-nav-list": "node scripts/verify-playground-nav-list.mjs",
+    "verify:playground-sidebar": "node scripts/verify-playground-sidebar.mjs",
+    "verify:playground-icon": "node scripts/verify-playground-icon.mjs",
+    "verify:playground-image": "node scripts/verify-playground-image.mjs",
+    "verify:playground-list": "node scripts/verify-playground-list.mjs",
+    "verify:playground-composition": "node scripts/verify-playground-composition.mjs",
+    "check": "npm run check:repository",
+    "check:focused": "npm run test:component",
+    "check:repository": "npm run verify:repository-contract && npm run test:ownership && npm run docs:component && npm run docs:component:semantic && npm run verify:typography && npm run verify:playground-primitives && npm run verify:playground-stack && npm run verify:playground-grid && npm run verify:playground-container && npm run verify:playground-surface && npm run verify:playground-divider && npm run verify:playground-scroll-area && npm run verify:playground-code && npm run verify:playground-nav-list && npm run verify:playground-sidebar && npm run verify:playground-icon && npm run verify:playground-image && npm run verify:playground-list && npm run verify:playground-composition && npm run build && npm run typecheck:built && npm run test:node:built && npm run test:components && npm run test:css && npm run build:playground:built && npm run build:consumer:built && npm run pack:check && npm run verify:consumers:built",
+    "check:release": "npm run check:repository && npm run test:browser:release:built && npm run verify:consumer:built && npm run size:css",
+    "prepublishOnly": "npm run build"
+  },
+  "browserslist": [
+    "defaults and supports es6-module",
+    "not IE 11"
+  ],
+  "overrides": {
+    "brace-expansion": "5.0.9",
+    "glob": "13.0.6"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@flowstack-ui/atom": "0.20.11"
+  },
+  "devDependencies": {
+    "@axe-core/playwright": "^4.12.1",
+    "@playwright/test": "^1.61.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^26.1.1",
+    "@types/react": "^19.2.13",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitest/coverage-v8": "^3.2.7",
+    "browserslist": "^4.28.6",
+    "jsdom": "^26.1.0",
+    "lightningcss": "^1.32.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "typescript": "^5.9.3",
+    "vite": "^6.4.3",
+    "vitest": "^3.2.7"
+  }
+}