@brainfish-ai/components 0.20.3 → 0.20.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brainfish-ai/components",
-  "version": "0.20.3",
+  "version": "0.20.5",
   "description": "Brainfish Components",
   "license": "MIT",
   "main": "./dist/esm/index.js",
@@ -59,7 +59,7 @@
   },
   "scripts": {
     "start": "NODE_ENV=development BABEL_ENV=development yarn storybook",
-    "build": "rimraf dist && NODE_ENV=production BABEL_ENV=production vite build",
+    "build": "rimraf dist && BUILD_LIB=1 NODE_ENV=production BABEL_ENV=production vite build",
     "watch": "nodemon --watch src --ext ts,tsx,css --exec \"yarn build\"",
     "lint": "yarn check-types && yarn eslint",
     "lint:fix": "yarn eslint:fix",

package/tailwind.config.js

@@ -1,7 +1,16 @@
 /** @type {import('tailwindcss').Config} */
+// When BUILD_LIB=1 (library build), exclude story files from content so the published
+// global.css does not include utilities only used in stories (e.g. grid-cols-1 from
+// layout.stories). That avoids overriding consumer apps' responsive utilities (e.g. xl:grid-cols-3).
+// Storybook runs without BUILD_LIB, so it gets full content and all classes work.
+const content =
+  process.env.BUILD_LIB === "1"
+    ? ['./index.html', './src/**/*.{js,ts,jsx,tsx}', '!./src/**/*.stories.*']
+    : ['./index.html', './src/**/*.{js,ts,jsx,tsx}'];
+
 module.exports = {
   presets: [require('./tailwind.preset.ts').default],
-  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  content,
   plugins: [
     require('tailwindcss/plugin')(function ({ addBase }) {
       addBase({

package/dist/esm/chunks/header-nav.FxSa8fGL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-nav.FxSa8fGL.js","sources":["../../../src/layouts/header-nav/account-dropdown.tsx","../../../src/layouts/header-nav/header-nav.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../../components/ui/dropdown-menu';\nimport { Button } from '../../components/ui/button';\n\nexport type AccountDropdownItem = {\n  id: string;\n  label: string;\n  onClick: () => void;\n};\n\nexport interface AccountDropdownProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu> {\n  accountPhoto: string;\n  accountName: string;\n  accountDropdownItems: AccountDropdownItem[];\n}\n\nexport function AccountDropdown({ accountPhoto, accountName, accountDropdownItems, ...props }: AccountDropdownProps) {\n  return (\n    <DropdownMenu {...props}>\n      <DropdownMenuTrigger asChild>\n        <Button size=\"icon\" variant=\"ghost\" className=\"rounded-full\" aria-label=\"Toggle account dropdown\">\n          <img\n            src={accountPhoto}\n            alt={`${accountName}'s account`}\n            width={32}\n            height={32}\n            className=\"rounded-full border border-background\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuGroup>\n          {accountDropdownItems.map((accountDropdownItem) => (\n            <DropdownMenuItem key={accountDropdownItem.id} onClick={accountDropdownItem.onClick}>\n              {accountDropdownItem.label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n","import * as React from 'react';\nimport { Question, SidebarSimple, Sparkle } from '@phosphor-icons/react';\n\nimport { Logo } from '../../components/logo';\nimport { Button } from '../../components/ui/button';\nimport { AccountDropdown, AccountDropdownProps } from './account-dropdown';\n\nimport { cn } from '@/lib/utils';\n\ninterface HeaderNavProps extends React.ComponentPropsWithoutRef<'header'>, Omit<AccountDropdownProps, 'dir'> {\n  isSideNavOpen?: boolean;\n  onSideNavigationToggle: () => void;\n  onHelpClick: () => void;\n  showSuggestionAction?: boolean;\n  suggestionAction?: React.ReactNode;\n  onSuggestionActionClick?: () => void;\n  showSidebarToggle?: boolean;\n  /** Ref for the sidebar toggle button; used by layout to move focus here when sidebar is collapsed. */\n  sidebarToggleRef?: React.Ref<HTMLButtonElement>;\n}\n\nexport const HEADER_NAV_HEIGHT = 60;\n\nexport const HeaderNav = React.forwardRef<HTMLElement, HeaderNavProps>(function HeaderNav(\n  {\n    className,\n    isSideNavOpen = false,\n    onSideNavigationToggle,\n    onHelpClick,\n    accountName,\n    accountPhoto,\n    accountDropdownItems,\n    showSuggestionAction,\n    suggestionAction,\n    onSuggestionActionClick,\n    showSidebarToggle = true,\n    sidebarToggleRef,\n    ...props\n  },\n  ref,\n) {\n  const hasSuggestionAction = showSuggestionAction && !!suggestionAction && !!onSuggestionActionClick;\n\n  return (\n    <header ref={ref} {...props} className={cn('px-4 py-3', className)}>\n      <nav aria-label=\"Account navigation\" className=\"flex justify-between items-center\">\n        <div className=\"flex items-center gap-2\">\n          <a href=\"/\">\n            <Logo variant=\"full\" color=\"outline\" width={140} height={22} />\n          </a>\n          {showSidebarToggle && (\n            <Button\n              ref={sidebarToggleRef}\n              size=\"icon\"\n              variant=\"ghost\"\n              aria-label=\"Toggle side navigation\"\n              className=\"[&_svg]:size-6\"\n              onClick={onSideNavigationToggle}\n            >\n              <SidebarSimple aria-hidden=\"true\" weight={isSideNavOpen ? 'fill' : 'regular'} />\n            </Button>\n          )}\n        </div>\n        <div className=\"flex items-center gap-4\">\n          {hasSuggestionAction && (\n            <Button variant=\"suggestion\" onClick={onSuggestionActionClick}>\n              <Sparkle weight=\"fill\" aria-hidden=\"true\" /> {suggestionAction}\n            </Button>\n          )}\n          <Button size=\"icon\" variant=\"ghost\" aria-label=\"Open help\" className=\"[&_svg]:size-6\" onClick={onHelpClick}>\n            <Question aria-hidden=\"true\" />\n          </Button>\n          <AccountDropdown\n            accountName={accountName}\n            accountPhoto={accountPhoto}\n            accountDropdownItems={accountDropdownItems}\n          />\n        </div>\n      </nav>\n    </header>\n  );\n});\n"],"names":["HeaderNav"],"mappings":"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"}