@pittorica/quote-react 0.8.2

package/dist/quote.css.d.ts

@@ -0,0 +1,3 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const quoteRecipe: RuntimeFn<Record<string, never>>;
+//# sourceMappingURL=quote.css.d.ts.map

package/dist/quote.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote.css.d.ts","sourceRoot":"","sources":["../src/quote.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAavD,CAAC"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@pittorica/quote-react",
+  "version": "0.8.2",
+  "private": false,
+  "author": {
+    "name": "Davide Di Criscito"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.js",
+  "dependencies": {
+    "@vanilla-extract/recipes": "^0.5.7",
+    "clsx": "^2.1.1",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "@pittorica/box-react": "0.8.2"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.10",
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "typescript": "~5.9.3",
+    "vite": "npm:rolldown-vite@7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -b && vite build",
+    "dev": "vite",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  }
+}

package/src/Quote.tsx

@@ -0,0 +1,30 @@
+import React, { type QuoteHTMLAttributes } from 'react';
+
+import clsx from 'clsx';
+
+import { Box, type BoxProps } from '@pittorica/box-react';
+
+import { quoteRecipe } from './quote.css.js';
+
+export interface QuoteProps extends Omit<
+  BoxProps & QuoteHTMLAttributes<HTMLQuoteElement>,
+  'as' | 'children' | 'cite'
+> {
+  cite: string;
+  children: React.ReactNode;
+}
+
+export const Quote: React.FC<QuoteProps> = ({
+  className,
+  children,
+  cite,
+  ...props
+}) => {
+  const recipeClass = quoteRecipe();
+
+  return (
+    <Box as="q" className={clsx(recipeClass, className)} cite={cite} {...props}>
+      {children}
+    </Box>
+  );
+};

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './quote.css.js';
+export * from './Quote.js';

package/src/quote.css.ts

@@ -0,0 +1,16 @@
+import { recipe, type RuntimeFn } from '@vanilla-extract/recipes';
+
+export const quoteRecipe: RuntimeFn<Record<string, never>> = recipe({
+  base: {
+    fontStyle: 'italic',
+    quotes: '"“" "”" "‘" "’"',
+    selectors: {
+      '&::before': {
+        content: 'open-quote',
+      },
+      '&::after': {
+        content: 'close-quote',
+      },
+    },
+  },
+});

package/tsconfig.app.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": false,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "declaration": true,
+    "declarationMap": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": false,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,35 @@
+import path from 'node:path';
+
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import react from '@vitejs/plugin-react';
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    react({
+      babel: {
+        plugins: [['babel-plugin-react-compiler']],
+      },
+    }),
+    dts({
+      insertTypesEntry: true,
+      include: ['src'],
+      rollupTypes: false,
+      outDir: 'dist',
+      tsconfigPath: './tsconfig.app.json',
+    }),
+  ],
+
+  build: {
+    lib: {
+      entry: path.resolve(import.meta.dirname, 'src/index.ts'),
+      name: '@pittorica/quote-react',
+      formats: ['es', 'cjs'],
+      fileName: (format: string): string =>
+        `index.${format === 'es' ? 'js' : 'cjs'}`,
+    },
+    sourcemap: true,
+    minify: false,
+  },
+});