@twreporter/react-typescript-components 0.1.0-beta.5 → 0.1.0-beta.7

package/package.json

@@ -3,14 +3,16 @@
   "description": "React components using TypeScript and Tailwind CSS",
   "author": "twreporter <developer@twreporter.org>",
   "license": "MIT",
-  "version": "0.1.0-beta.5",
+  "version": "0.1.0-beta.7",
   "type": "commonjs",
   "scripts": {
     "clean": "rm -rf lib",
     "build:styles": "tailwindcss -i ./src/styles.css -o ./lib/styles.css",
     "build:components": "tsup src/* --outDir lib",
     "build": "yarn clean && yarn build:components && yarn build:styles",
-    "prepublishOnly": "yarn build"
+    "prepublishOnly": "yarn build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -21,14 +23,18 @@
     "clsx": "^2.1.1"
   },
   "devDependencies": {
+    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/react-vite": "^9.1.3",
     "@tailwindcss/cli": "^4.1.11",
     "@tailwindcss/postcss": "^4.1.11",
-    "@twreporter/tailwind-config": "^0.1.0-beta.4",
+    "@twreporter/tailwind-config": "^0.1.0-beta.5",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "autoprefixer": "^10.4.21",
+    "storybook": "^9.1.3",
     "tsup": "^8.5.0",
-    "typescript": "^5"
+    "typescript": "^5",
+    "vite": "^7.1.3"
   },
   "files": [
     "lib"
@@ -37,5 +43,6 @@
     "type": "git",
     "url": "git+https://github.com/twreporter/www-public-monorepo.git",
     "directory": "packages/react-typescript-components"
-  }
+  },
+  "gitHead": "80c85301804c9dae5cdb00017c32c8f895e672da"
 }

package/lib/chunk-3B7LTZRJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/title-bar/components/title2.tsx"],"names":[],"mappings":";;;;;AAaA,IAAM,SAAgC,CAAC;AAAA,EACrC,KAAA;AAAA,EACA,QAAA,GAAW,EAAA;AAAA,EACX,YAAA,GAAe,IAAA;AAAA,EACf,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,+BAAA,EAAiC,SAAS,CAAA,EAC7D,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,gCAAgC,CAAA,EACnD,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,EAAA,EAAA,EAAG,SAAA,EAAU,eAAA,EAAgB,IAAA,EAAM,KAAA,EAAO,CAAA;AAAA,MAC1C,2BAAW,GAAA,CAAC,EAAA,EAAA,EAAG,WAAU,eAAA,EAAgB,IAAA,EAAM,UAAU,CAAA,GAAK;AAAA,KAAA,EACjE,CAAA;AAAA,IACC,YAAA,IAAgB,IAAA;AAAA,oBACjB,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA;AAAA,UACT,qCAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,GAAQ","file":"chunk-3B7LTZRJ.mjs","sourcesContent":["import clsx from 'clsx'\nimport type React from 'react'\n// components\nimport { H5 } from '../../text/heading'\nimport { P2 } from '../../text/paragraph'\n\ntype Title2Props = {\n  title: string\n  subtitle?: string\n  renderButton?: React.ReactNode\n  className?: string\n}\n\nconst Title2: React.FC<Title2Props> = ({\n  title,\n  subtitle = '',\n  renderButton = null,\n  className = '',\n}) => {\n  return (\n    <div className={clsx('flex justify-between flex-col', className)}>\n      <div className={clsx('flex items-baseline gap-[16px]')}>\n        <H5 className=\"text-gray-800\" text={title} />\n        {subtitle ? <P2 className=\"text-gray-600\" text={subtitle} /> : null}\n      </div>\n      {renderButton || null}\n      <div\n        className={clsx(\n          'w-full h-[1px] bg-gray-800 mt-[8px]',\n          'desktop:mt-[16px]'\n        )}\n      />\n    </div>\n  )\n}\n\nexport default Title2\n"]}